/* BizPro – Multipurpose HTML Template for any Company */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header 
5. Main Slider
6. About Us
7. Call to Action
8. Featured Projects
9. Why Choose Us
10. Pricing Plans
11. Team Section
12. Gallery Section
13. Fact Counter
14. Blog News Section
15. Parallax Content Section
16. Testimonials Section
17. Main Footer
18. Page Title
19. Expertis Section
20. Our Portfolio
21. Portfolio Single
22. Blog Page
23. Sidebar
24. Sidebar Widgets
25. Blog Details
26. Comments Area
27. Comment Form
28. 404 Page Style
29. Contact Section
30. Contact Info
31. Contact Form
32. Map Section
33. Color Switcher


**********************************************/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,300);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('jquery.mCustomScrollbar.min.css');

@font-face {
    font-family: 'Signerica_Fat';
    src: url('../fonts/signericaFat.eot');
    src: url('../fonts/signericaFat.eot?#iefix') format('embedded-opentype'),
         url('../fonts/signericaFat.woff') format('woff'),
         url('../fonts/signericaFat.ttf') format('truetype'),
         url('../fonts/signericaFat.svg#Signerica_Fat') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** 

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

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

/*** 

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

 ***/

body {
	font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
	font-size:14px;
	color:#333333;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

a{
	font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
	text-decoration:none;
	cursor:pointer;
	color:#2E8BC0;
}
a:hover,a:focus { color: #0C2D55;}
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

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

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

p{
	font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
	position:relative;
	line-height:1.6em;	
}

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

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

.medium-container{
	max-width:850px;
}

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

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

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

.anim-3,.anim-3-all *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;	
}

.anim-5,.anim-5-all *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.anim-7,.anim-7-all *{
	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;	
}

.btn-style-one{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:uppercase;
	background:#2E8BC0;
	color:#ffffff !important;
	border:2px solid #2E8BC0;
	font-size:16px;
	font-weight:500;
	border-radius:0px;
	-webkit-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-o-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-moz-box-shadow:10px 0px 25px 0px rgba(0,0,0,0.20);
	box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
}

.btn-style-one:hover{
	background:none;
	color:#0C2D55 !important;
	border-color:#0C2D55;
}

.btn-style-two{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:uppercase;
	background:none;
	color:#ffffff !important;
	border:2px solid #ffffff;
	font-size:13px;
	font-weight:600;
	border-radius:0px;
}

.btn-style-two:hover{
	background:#2E8BC0;
	color:#ffffff !important;
	border-color:#2E8BC0;
}

.btn-style-three{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:10px 30px;
	color:#ffffff;
	background:#0C2D55;
	text-transform:capitalize;
	letter-spacing:0.5px;
	font-weight:500;
	font-size:16px;
	font-family:'Poppins','Noto Sans TC','微軟正黑體',sans-serif;
	border: 2px solid #0C2D55;
	-webkit-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-o-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-moz-box-shadow:10px 0px 25px 0px rgba(0,0,0,0.20);
	box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
}

.btn-style-three:hover{
	background:transparent;
	color:#0C2D55;
}

.theme-btn .icon-left{
	padding-right:10px;
}

.theme-btn .icon-right{
	padding-left:10px;
}

.theme_color{
	color:#a1c436;	
}

.light-font{
	font-weight:300;	
}

.normal-font{
	font-weight:400 !important;	
}

.semibold-font{
	font-weight:600;	
}

.bold-font{
	font-weight:700;	
}

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

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

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

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

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

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

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

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

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

.padd-left-10{
	padding-left:10px !important;	
}

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

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

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

.padd-left-50{
	padding-left:50px !important;	
}

.padd-left-60{
	padding-left:60px !important;	
}

.padd-left-70{
	padding-left:70px !important;	
}

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

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

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

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

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

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

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

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

.padd-right-10{
	padding-right:10px !important;	
}

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

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

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

.padd-right-50{
	padding-right:50px !important;	
}

.padd-right-60{
	padding-right:60px !important;	
}

.padd-right-70{
	padding-right:70px !important;	
}

.margin-top-10{
	margin-top:10px !important;	
}

.margin-top-20{
	margin-top:20px !important;	
}

.margin-top-30{
	margin-top:30px !important;	
}

.margin-top-40{
	margin-top:40px !important;	
}

.margin-top-50{
	margin-top:50px !important;	
}

.margin-top-60{
	margin-top:60px !important;	
}

.margin-top-70{
	margin-top:70px !important;	
}

.margin-bott-10{
	margin-bottom:10px !important;	
}

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

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

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

.margin-bott-50{
	margin-bottom:50px !important;	
}

.margin-bott-60{
	margin-bottom:60px !important;	
}

.margin-bott-70{
	margin-bottom:70px !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;	
}

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

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

.bg-lightgrey{
	background-color:#f6f6f6 !important;	
}

.no-bg{
	background:none !important;	
}

.text-uppercase{
	text-transform:uppercase !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);*/}

/*** 

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

***/

.scroll-to-top{
	position:fixed;
	bottom:35px;
	right:35px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#0C2D55;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#2E8BC0;
}

/*** 

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

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
	background: transparent;
	font-family:'Open Sans',sans-serif;
}

.main-header .auto-container{
	position:relative;	
}

.main-header .header-top{
	position:relative;
	padding:0;
	background:#2E8BC0;
	color:#ffffff;
	font-size:13px;
}
@media (max-width: 991px) {
	.main-header .header-top { border-bottom: 1px solid #0C2D55;}
}
@media (max-width: 450px) {
	.main-header .header-top { border-bottom: none; background: #0C2D55;}
}

.main-header .header-top .top-right{
	text-align:right;	
}

.main-header .header-top ul li{
	position:relative;
	display:inline-block;
	line-height:24px;
	margin:0px;
	color:#ffffff;
}

.main-header .header-top ul li a{
	position:relative;
	color:#ffffff;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;	
}

.main-header .header-top .top-right ul li .share,
.main-header .header-top ul li a:hover{
	color:#fff;	
}

.main-header .header-top .top-right ul li .line svg {
	fill: #fff; width: 23px; height: 23px; position: relative; top: 4px;
}

.main-header .header-top .top-left ul li{
	padding: 0; font-size: 13.5px; letter-spacing: 0.5px;
	/*border-right:1px solid rgba(255,255,255,0.30);*/
}

.main-header .header-top .top-right ul li {
	padding:0; font-size: 20px;
	/*border-left:1px solid rgba(255,255,255,0.30);*/
}

.main-header .header-top ul li a {
	display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; vertical-align: middle;
}
.main-header .header-top .top-right ul li a:hover { 
	background: #0C2D55;
}

.main-header .header-top .top-left ul li:last-child{
	margin-right:0px;
	padding-right:0px;
	border:none;	
}

.main-header .header-top .top-right ul li:first-child{
	margin-left:0px;
	padding-left:0px;
	border:none;	
}
.main-header .header-top .top-left ul li a { padding-left: 0;}
.main-header .header-top .top-left ul li a span {
	padding: 0 15px; margin-right: 7px;
	background: #0C2D55;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.main-header .header-top .top-left ul li a:hover span { 
	background: #fff; color: #0C2D55;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;	
}
.main-header .header-top .top-left ul li .fa{
	position:relative;
	top:0px;
	font-size:14px;	
}

@media (max-width: 450px) {
	.main-header .header-top ul li a { height: 30px; line-height: 30px;}
	.main-header .header-top .top-left ul li a span { padding: 0; margin-right: 2px; background: transparent;}
	.main-header .header-top .top-left { padding: 0; float: none !important;}
	.main-header .header-top .top-left ul li:last-child a { padding: 0;}
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background: rgba(255,255,255,0.8);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

@media (max-width: 991px) {
	.main-header .main-box { background: #fff;}
}

.main-header.fixed-header .main-menu .navigation > li > a { padding-top: 10px; padding-bottom: 10px; font-size: 16px;}
.main-header.fixed-header .main-box{
	position:fixed;
	padding:0px 0px;
	z-index:999999999;
	opacity:1;
	visibility:visible;
	background: rgba(255,255,255, 0.9);
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-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;	
}

.main-header .main-box .outer-container{
	position:relative;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	z-index:10;	
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%; max-height: 90px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}
.main-header.fixed-header .main-box .logo-box .logo img{ max-height: 40px;}

.main-header .nav-toggler{
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-18px;
	display:none;
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	height:36px;
	width:40px;
	background:none;
	color:#2E8BC0;
	text-align:center;
	font-size:16px;
	line-height:34px;
	border:1px solid #2E8BC0;
	border-radius:3px;
	font-weight:normal;
}

.main-header .nav-outer{
	position:relative;
	float:right;
}

.main-menu{
	position:relative;
	padding:0px 0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

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

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	display:block;
	float:left;
	margin:0px 0px 0px 40px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	padding:25px 0px 45px;
	color:#333;
	font-weight:400;
	font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
	font-size:20px;
	line-height:20px;
	text-transform:capitalize;
	letter-spacing:0.5px;
	opacity:1;
	overflow:hidden;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
.main-menu .navigation > li > a > span {
	position: absolute; display: block; font-size: 12px; opacity: .65;
}
.main-header.fixed-header .main-menu .navigation > li > a > span { opacity: 0; visibility: hidden;}

.main-menu .navigation > li > a:before{
	content: '';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	border-bottom:5px solid #2E8BC0;
	display:block;
	opacity:0;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.active > a,
.main-menu .navigation > li.active-menu-item > a{
	color:#333333;
	opacity:1;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.active > a:before,
.main-menu .navigation > li.active-menu-item > a:before{
	bottom:0px;
	opacity:1;	
}

.main-menu .navigation > li.dropdown > a{
	padding-right:20px;	
}

.main-menu .navigation > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f0d7";
	position:absolute;
	right:0px;
	top:25px;
	font-size:14px;
	line-height:20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.main-header.fixed-header .main-menu .navigation > li.dropdown > a:after { top: 10px;}

.main-menu .navigation > li:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:120%;
	width:240px;
	padding:0px;
	z-index:100;
	display:none;
	background:#0C2D55;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 15px;
	line-height:24px;
	font-weight:600;
	font-family: 'Open Sans', '微軟正黑體', sans-serif;
	font-size:14.5px;
	text-transform:capitalize;
	color:#ffffff;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	background:rgba(255,255,255,0.10);	
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:10px;
	width:10px;
	height:20px;
	display:block;
	color:#253d4a;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#a1c436;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:20px;
	margin-top:-2px;
	width:200px;
	padding:0px;
	z-index:100;
	display:none;
	background:#a1c436;
	border:1px solid #a1c436;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.30);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:8px 15px;
	line-height:24px;
	font-weight:400;
	font-size:13px;
	text-transform:capitalize;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color:#a1c436;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.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;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar{
	position: fixed;
	top: 0;
	width: 305px;
	height: 100%;
	background: #cde8f1;
	z-index: 9999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}

.hidden-bar .mCSB_inside > .mCSB_container{
	margin-right:0px;	
}

.hidden-bar.right-align {
	right: -400px;
}

.hidden-bar.right-align.visible-sidebar{
	right:0px;	
}

.hidden-bar.right-align .hidden-bar-closer {
	left: -40px;
}

.hidden-bar.left-align {
	left: -400px;
}

.hidden-bar.left-align.visible-sidebar {
	left: 0px;
}

.hidden-bar.left-align .hidden-bar-closer {
	right: -20px;
}

.hidden-bar .hidden-bar-closer {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	font-size:0;
	background: #fff;
	color: #333;
	border-radius: 0%;
	text-align: center;
	line-height: 38px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover {
	background: #fff;
}

.hidden-bar .hidden-bar-closer:hover .btn {
	color: #223555;
}

.hidden-bar .hidden-bar-closer .btn {
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 16px;
}

.hidden-bar .social-icons {
	text-align: center;
	margin: 50px 0px 30px;
}

.hidden-bar .social-icons ul {
	font-size: 0;
	margin-left: -5px;
	margin-right: -5px;
}

.hidden-bar .social-icons ul li {
	display: inline-block;
	padding: 0 5px;
}

.hidden-bar .social-icons ul li a {
	display: inline-block;
	width: 45px;
	height: 45px;
	font-size: 23px;
	line-height: 45px;
	text-align: center;
	background: #a1c436;
	color: #ffffff;
	border-radius: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.hidden-bar .social-icons ul li.line > a { fill: #fff;}
.hidden-bar .social-icons ul li.line > a svg { width: 30px; height: 30px; position: relative; top: 6px;}

.hidden-bar .social-icons ul li a:hover {
	background: #ffffff;
	color:#a1c436;
}

.hidden-bar-wrapper {
	height: 100%;
}

.hidden-bar .logo {
	padding: 30px 0px;
	background: transparent;
}

.hidden-bar .logo img{
	display:inline-block;
	max-width:100%;	
}

.hidden-bar .side-menu {
	background-color: transparent;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size:13px;
	letter-spacing:1px;
}

.hidden-bar .side-menu ul li ul a {
	background: transparent;
}

.hidden-bar .side-menu ul li ul li ul li a {
	background: transparent;
}

.hidden-bar .side-menu a.active {
	color: #fff;
}

.hidden-bar .side-menu li.active > a {
	color: #fff;
}

.hidden-bar .side-menu ul li a {
	background: transparent;
	color: #0C2D55;
	display: block;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	border-top: 1px solid rgba(12, 45, 85, 0.3);
	border-bottom: 1px solid rgba(12, 45, 85, 0.3);
	padding: 10px 15px 10px 20px;
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.hidden-bar .side-menu ul li a span { padding-left: 10px;display: none;}

.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul > li.active > a,
.hidden-bar .side-menu ul > li > ul > li.active > a {
	background: #B1D4E0;
	color: #0C2D55;
}
.hidden-bar .side-menu ul li.dropdown ul li a {
	background: #fff; color: #0C2D55; border-color: #0C2D55; padding-left: 35px;
}

.hidden-bar .side-menu ul li a .btn.expander {
	background: #fff;
	color: #0C2D55;
	/*border: 1px solid rgba(255,255,255,0.80);*/
	padding: 3px 10px;
	font-size: 20px;
	border-radius: 0px;
	position: absolute;
	top: 3px;
	right: 20px;
	outline: none;
}

/*** 

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

***/

.main-slider{
	position:relative;
	width:100%;
}

@media (min-width: 991px) {
	.main-slider { margin-top: -90px;}
}

.main-slider .tp-caption{
	z-index:5;
}

.main-slider .tp-dottedoverlay{
	background-color:rgba(0,0,0,0.15) !important;	
}

.main-slider .text{
	font-weight:400;
	line-height:1.8em;
	color:#ffffff;
	font-size:16px;
}

.main-slider .text.light{
	color:#ffffff;	
}

.main-slider h2{
	font-size:64px;
	color:#ffffff;
	font-weight:600;
	line-height:1em;
}

.main-slider h2 strong{
	font-weight:600;	
}

.color_green{
	color:#5b8f17;	
}

.main-slider h3{
	font-size:24px;
	color:#ffffff;
	font-weight:600;
	line-height:1em;
}

.main-slider .theme-btn{
	border-width:2px !important;
	padding:10px 40px !important;	
	display: none;
}
.main-slider .theme-btn:hover { color: #fff !important; border-color: #fff;}

.main-slider .tp-bullets.preview3 .bullet{
	background:none !important;
	width:12px !important;
	height:12px !important;
	border:2px solid #ffffff!important;
	border-radius:50%!important;
	margin:0px 7px;
}

.main-slider .tp-bullets.preview3 .bullet:hover,
.main-slider .tp-bullets.preview3 .bullet.selected{
	border-color:#2E8BC0 !important;
	background:#2E8BC0 !important;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3{
	background:none !important;
	width:50px !important;
	overflow:hidden;
	margin-top:0px !important;
	height:50px !important;
}

.main-slider .tparrows.preview3::after{
	top:0px;
	background:none;
	border:1px solid #ffffff;
	color:#ffffff;
	font-size:24px;
	height:50px !important;
	line-height:48px;
	width:50px !important;
	padding:0px;
	border-radius:0;
}

.main-slider .tparrows.tp-leftarrow.preview3::after{
	content: '\f104';
	font-family:'FontAwesome';
}

.main-slider .tparrows.tp-rightarrow.preview3::after{
	content: '\f105';
	font-family:'FontAwesome';
}

.main-slider .tparrows.preview3.tp-leftarrow{
	left:30px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow{
	right:30px !important;
}

.main-slider .tparrows.preview3:hover::after{
	color:#ffffff;
	background:#2E8BC0;
	border-color:#2E8BC0;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper{
	visibility:hidden;
	opacity:0;
	display:none;	
}

.main-slider .tp-bannertimer{
	display:none !important;	
}

@media (max-width: 460px) {
	.main-slider h2 { margin-top: -30px!important;}
	.main-slider .text { 
		display: inline-block!important;word-break: break-all!important;white-space:pre-wrap!important;
		font-size: 15px!important; line-height: 1.15!important;
	}
	.main-slider .theme-btn { margin-top: 50px!important; font-size: 16px!important;}
}
@media (max-width: 370px) {
	.main-slider .text { font-size: 13px!important;}
}

/*** 

====================================================================
	Section Heading style
====================================================================

***/

.sec-title{
	position:relative;
	text-align:center;
	margin-bottom:40px;
	padding-bottom:16px;	
}

.sec-title h2{
	position:relative;
	font-size:40px;
	color:#0e0e0e;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.15;
}

.sec-title h2 strong{
	color:#0C2D55;
	font-weight:700;	
}

.sec-title .text{
	position:relative;
	line-height:1.8em;
	font-size:14px;
	margin-bottom:20px;
}

.sec-title:before{
	content:'';
	font-size: 25px;
	font-family: 'FontAwesome';
	color: #fff; background: #2E8BC0;
	position:absolute;
	left:calc(50% - 12px);
	bottom:-18px;
	width:25px; height: 25px; 
	line-height: 25px;
	 text-align: center; 
	 vertical-align: middle;
	border-radius: 100%; 
	z-index: 2;	
	 background-image: url(../images/title-deco-w.png);
    background-size: contain;
    background-repeat: no-repeat;
}


   
.sec-title:after{
	content:'';
	position:absolute;
	left:calc(50% - 75px);
	bottom:-5px;
	width:150px;
	border-bottom:1px solid #2E8BC0;	
}

.sec-title.left-aligned{
	text-align:left;
}

.sec-title.left-aligned:before { left: calc(75px - 12px);}
.sec-title.left-aligned:after {left:0%;}

/*** 

====================================================================
	About Section style
====================================================================

***/

.about-section{
	position:relative;
	padding:100px 0px 90px;
}

.about-section .content-outer{
	position:relative;
	max-width:850px;
	margin:0 auto;
	text-align:center;	
}

.about-section .content-outer .text{
	font-size:14px;
	margin-bottom:50px;
	line-height:28px;
}

.about-section .content-outer .signature{
	font-size:18px;
	line-height:48px;
	color:#222222;
	font-family:'Signerica_Fat',cursive;	
}

.about-section .content-outer .signature strong{
	font-size:48px;
}

@media (max-width: 768px) {
	.about-section { padding: 50px 0;}
}

/*** 

====================================================================
	Call To Action Section style
====================================================================

***/

.call-to-action{
	position:relative;
	padding:15px 0px 0px;
	overflow:hidden;
}

.call-to-action:after{
	content:'';
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:15px;
	background:#f6f6f6;	
}

.call-to-action .outer{
	position:relative;
	max-width:1170px;
	margin:0 auto;
}

.call-to-action .outer .inner{
	position:relative;
	max-width:840px;
	padding:43px 20px;
	text-align:right;
	z-index:3;	
}

.call-to-action .outer .inner .layer-left{
	content:'';
	position:absolute;
	right:0px;
	top:0px;
	width:2000px;
	height:100%;
	background:#0C2D55;
	z-index:2;		
}

.call-to-action .outer .inner .layer-right{
	content:'';
	position:absolute;
	left:100%;
	margin-left:-20px;
	top:-15px;
	width:2000px;
	height:100%;
	background:#e2c182;
	z-index:1;	
}

.call-to-action .outer .inner strong{
	position:relative;
	top:2px;
	display:inline-block;
	font-size:22px;
	padding-right:40px;
	font-weight:500;
	line-height:44px;
	color:#ffffff;
	font-family:'Poppins',sans-serif;
	z-index:3;	
}

.call-to-action .outer .inner .theme-btn{
	position:relative;
	display:inline-block;
	margin-right:-130px;
	line-height:28px;
	padding:6px 40px;
	background:#ffffff;
	border:2px solid #ffffff;
	text-align:center;
	color:#0C2D55;
	font-size:16px;
	font-weight:500;
	font-family:'Poppins',sans-serif;
	z-index:3;
	-webkit-box-shadow:3px 5px 10px 0px rgba(0,0,0,0.30);
	-ms-box-shadow:3px 5px 10px 0px rgba(0,0,0,0.30);
	-o-box-shadow:3px 5px 10px 0px rgba(0,0,0,0.30);
	-moz-box-shadow:3px 5px 10px 0px rgba(0,0,0,0.30);
	box-shadow:3px 5px 10px 0px rgba(0,0,0,0.30);	
}

.call-to-action .outer .inner .theme-btn:hover{
	background:none;
	color:#ffffff !important;	
}

/*** 

====================================================================
	Featured Projects style
====================================================================

***/

.featured-projects{
	position:relative;
	background:#f6f6f6;
	padding:100px 0px;
}

.featured-projects .carousel-outer{
	position:relative;
	max-width:1100px;
	margin:0 auto;	
}

.featured-projects .sec-title{
	margin-bottom:70px;	
}

.featured-project-column{
	position:relative;
	margin-bottom:30px;	
}

.carousel-outer .featured-project-column{
	margin-bottom:0px;	
}

.featured-project-column .inner-box{
	position:relative;
	display:block;
	text-align:center;
	background:transparent;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.featured-project-column .inner-box:hover{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
	-o-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
	-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);	
}


.featured-project-carousel .featured-project-column .inner-box{
	margin:15px;	
}

.featured-project-column .image-box{
	position:relative;
	display:inline-block; width: 100%;
	overflow:hidden;
}

.featured-project-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.featured-project-column .image-box .link-btn{
	position:absolute;
	left:0px;
	bottom:-100px;
	width:100%;
	padding:8px;
	color:#ffffff;
	font-size:16px;
	font-family:'Poppins','微軟正黑體',sans-serif;
	font-weight:600;
	text-transform:uppercase;
	line-height:24px;
	background:#0C2D55;	
}

.featured-project-column:hover .image-box .link-btn{
	bottom:0px;	
}

.featured-project-column .lower-content{
	position:relative;
	padding:30px;	
	background: #fff;
	top: -7px;
}

.featured-project-column .lower-content .tag a {
	font-family: 'Poppins','微軟正黑體',Arial; font-size: 14px; font-weight: 600;
}

.featured-project-column .lower-content h4{
	font-size:22px;
	text-transform:capitalize;
	font-weight:500;
	padding:0 0 15px;
	margin-bottom:15px;	
}

.featured-project-column .lower-content h4 a{
	color:#333333;	
}

.featured-project-column .inner-box:hover .lower-content h4 a{
	color:#0C2D55;	
}

.featured-project-column .lower-content h4:after{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-15px;
	bottom:0px;
	width:30px;
	border-bottom:3px solid #f0f0f0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	
}

.featured-project-column .inner-box:hover .lower-content h4:after{
	border-bottom-color:#2E8BC0;	
}

.featured-project-column .lower-content .text{
	color:#333;
	font-size:16px;
	line-height:1.5;	
}

.featured-project-carousel .owl-controls{
	margin:50px 0px 0px !important;	
}

.featured-project-carousel .owl-dots .owl-dot span{
	width:12px;
	height:12px;
	margin:0px 5px;
	background:#dadada;	
}

.featured-project-carousel .owl-dots .owl-dot:hover span,
.featured-project-carousel .owl-dots .owl-dot.active span{
	background:#0C2D55;	
}

.featured-project-carousel .owl-controls .owl-nav{
	margin:0px 0px 0px !important;	
}

.featured-project-carousel .owl-prev{
	position:absolute;
	left:-150px;
	top:100px;
	width:52px;
	height:52px;
	text-align:center;
	border:1px solid #0C2D55;
	background:none !important;
	padding:0px !important;
	font-size:24px !important;
	color:#0C2D55 !important;
	margin:0px !important;
	line-height:50px !important;
	border-radius:50% !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	
}

.featured-project-carousel .owl-next{
	position:absolute;
	right:-150px;
	top:100px;
	width:52px;
	height:52px;
	text-align:center;
	border:1px solid #0C2D55;
	background:none !important;
	padding:0px !important;
	font-size:24px !important;
	color:#0C2D55 !important;
	margin:0px !important;
	line-height:50px !important;
	border-radius:50% !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	
}

.featured-project-carousel .owl-prev:hover,
.featured-project-carousel .owl-next:hover{
	background:#0C2D55 !important;
	color:#ffffff !important;
	-webkit-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-o-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-moz-box-shadow:10px 0px 25px 0px rgba(0,0,0,0.20);
	box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);	
}

@media (max-width: 991px) {
	.featured-project-carousel .owl-prev, .team-section .owl-prev { left: -15px!important;}
	.featured-project-carousel .owl-next, .team-section .owl-next { right: -15px!important;}
	.owl-theme .owl-controls .owl-nav [class*="owl-"],
	.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background: #2E8BC0!important;border-color: #2E8BC0!important;}
}

/*** 

====================================================================
	Team Section style
====================================================================

***/

.team-section{
	position:relative;
}

.team-section .carousel-outer{
	position:relative;
	max-width:1130px;
	margin:0 auto;	
}

.team-section .sec-title{
	margin-bottom:20px;	
}

.team-section .desc-text{
	position:relative;
	max-width:800px;
	margin:0 auto 50px;
	color:#999999;
	font-size:16px;
	line-height:1.8em;
	font-family:'Source Sans Pro',sans-serif;
	text-align:center;
}

.team-member{
	position:relative;
	margin-bottom:30px;	
}

.carousel-outer .team-member{
	margin-bottom:0px;	
}

.team-member .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
	overflow:hidden;
	max-width:400px;
	margin:0 auto;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.team-member .inner-box .image-box{
	position:relative;
	display:block;
	margin-left:1px;
	overflow:hidden;
}

.team-member .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.team-member .inner-box .over-info{
	position:absolute;
	left:0px;
	top:0px;
	padding:20px;
	width:100%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:1;	
}

.team-member:hover .inner-box .over-info{
	opacity:0;	
}

.team-member .inner-box .over-info h4{
	font-size:18px;
	font-weight:500;
	color:#000000;
	text-transform:capitalize;	
}

.team-member .inner-box .over-info .desgnation{
	font-size:14px;
	font-weight:500;
	font-family:'Poppins',sans-serif;
	color:#999999;
	text-transform:capitalize;	
}

.team-member .inner-box .overlay-content{
	position:absolute;
	left:-100%;
	opacity:0;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	padding:40px 40px 10px;
	background:rgba(0,82,156,0.80);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index:2;	
}

.team-member:hover .inner-box .overlay-content{
	left:0px;
	opacity:1;	
}

.team-member .inner-box .info-header{
	position:relative;
	margin-bottom:50px;	
}

.team-member .inner-box .info-header h4{
	font-size:20px;
	font-weight:500;
	color:#ffffff;
	text-transform:capitalize;	
}

.team-member .inner-box .info-header .desgnation{
	font-size:14px;
	font-weight:500;
	color:#000000;
	text-transform:capitalize;
	font-family:'Poppins',sans-serif;	
}

.team-member .inner-box .text{
	position:relative;
	font-size:14px;
	margin-bottom:30px;
}

.team-member .inner-box .forum{
	position:relative;
	font-size:14px;
	font-weight:600;
	margin-bottom:30px;
}

.team-member .default-social-links a{
	color:#ffffff;
	display:inline-block;
	width:38px;
	height:38px;
	line-height:34px;
	border:2px solid #ffffff;
	text-align:center;
	margin-right:7px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.team-member .default-social-links a:hover{
	background:#ffffff;
	color:#1f65a3;
}

.team-section .owl-controls{
	margin:30px 0px 0px !important;	
}

.team-section .owl-dots .owl-dot span{
	width:12px;
	height:12px;
	margin:0px 5px;
	background:rgba(255,255,255,.5);	
}

.team-section .owl-dots .owl-dot:hover span { background: #2E8BC0;}
.team-section .owl-dots .owl-dot.active span{ background:#fff;}

.team-section .owl-controls .owl-nav{
	margin:0px 0px 0px !important;	
}

.team-section .owl-prev{
	position:absolute;
	left:-150px;
	top:37%;
	margin-top:-26px;
	width:52px;
	height:52px;
	text-align:center;
	border:1px solid #fff;
	background:none !important;
	padding:0px !important;
	font-size:24px !important;
	color:#fff !important;
	margin:0px !important;
	line-height:50px !important;
	border-radius:0 !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	
}

.team-section .owl-next{
	position:absolute;
	right:-150px;
	top:37%;
	margin-top:-26px;
	width:52px;
	height:52px;
	text-align:center;
	border:1px solid #fff ;
	background:none !important;
	padding:0px !important;
	font-size:24px !important;
	color:#fff !important;
	margin:0px !important;
	line-height:50px !important;
	border-radius:0 !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	
}

.team-section .owl-prev:hover,
.team-section .owl-next:hover{
	background:#2E8BC0 !important;
	border-color: #2E8BC0;
	color:#fff !important;
	-webkit-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-o-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);
	-moz-box-shadow:10px 0px 25px 0px rgba(0,0,0,0.20);
	box-shadow:0px 10px 25px 0px rgba(0,0,0,0.20);	
}

/***

====================================================================
	Main Footer
====================================================================

***/

footer {
	position:relative;
	color:#333; font-size: 14.5px;
	background: url('../images/demo/footer.jpg') no-repeat center bottom fixed #333; background-size: cover 200%; /*size:1920*800*/
	padding: 70px 0 100px;
}
footer:before {
	content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: rgba(232, 245, 255, 0.86); z-index: 1;
}
footer:after {
	content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: rgba(0,0,0,0); z-index: 1;
}
footer > .auto-container { position: relative; z-index: 2;}
footer a, footer a svg { color: #2E8BC0; fill: #2E8BC0; transition: all .2s linear;}
footer a:hover, footer a:hover svg { color: #0C2D55; fill: #0C2D55; transition: all .2s linear;}
footer hr { opacity: 0.25;}
footer ol, footer ol li { padding: 0; margin: 0;}
footer ol li { display: inline-block;}

footer .f_logo { float: left;}
footer .f_contact { float: right; position: relative; bottom: -20px; max-width: 750px; height: 90px; text-align: right; vertical-align: bottom;}
footer .f_contact li:first-child { display: block;}
footer .f_contact li + li { margin-left: 25px;border-color: #B1D4E0;}
footer .f_contact li a { color: #333; font-family: 'Poppins', '微軟正黑體', sans-serif; font-weight: 300; line-height: 2.25; letter-spacing: 0.5px;}
footer .f_contact li a span { color: #2E8BC0; margin-right: 5px; transition: all .2s linear;}
footer .f_contact li a:hover { color: #2E8BC0;}
footer .f_contact li a:hover span { color: #2E8BC0; transition: all .2s linear;}

footer .text_box { font-size: 16px; font-weight: 300;}

footer .f_info span { display: inline-block;}
footer .f_info .copyright { float: left;}
footer .f_info .design { float: right;}

footer .f_links { float: left;}
footer .f_social { float: right;}

footer .f_links li + li { margin-left: 15px;}
footer .f_links li a { font-family: 'Poppins', '微軟正黑體', sans-serif; font-weight: 600; line-height: 2.25; letter-spacing: 0.5px;}

footer .f_social li + li { margin-left: 15px;}
footer .f_social li a { font-size: 20px; fill: #2E8BC0;}
footer .f_social li a svg { width: 23px; height: 23px; position: relative; top: 4px;}

@media (min-width: 991px) {
	footer .text_box { padding: 0 20%;}
}
@media (max-width: 768px) {
	footer { padding: 50px 0 70px; background-attachment: inherit; background-size: cover;}

	footer .f_logo, footer .f_contact, footer .f_links, footer .f_social { float: none; text-align: center;}
	footer .f_info .copyright, footer .f_info .design { float: none; display: block; text-align: center;}
	footer .f_contact { bottom: auto; max-width: 100%; height: auto;}

	footer .f_contact li + li,
	footer .f_links li + li,
	footer .f_social li + li { margin-left: 0;}
	footer .f_contact li, footer .f_links li, footer .f_social li { margin: 0 7px;}
}

/*** 

====================================================================
	Page Title Style
====================================================================

 ***/
 
.page-title{
	position:relative;
	margin-top: -90px;
	padding:200px 0px 100px;
	text-align:center;
	background: url(../images/page-title.jpg) #0C2D55;
	color:#ffffff;
}

.page-title.extended{
	padding-bottom:240px;	
}

/*.page-title:after{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.70);
}*/

.page-title .auto-container{
	 position:relative;
	 z-index:5;
}

.page-title h1{
	font-size:48px;
	text-transform:uppercase;
	font-weight:200;
	color:#ffffff;
	letter-spacing:1px;
	line-height:1em;
	transform: scaleX(0.9);
	transform-origin: center;
	text-shadow: 0 0 15px rgba(0,0,0,0.9), 0 0 5px #000;
}

.page-title p {
	font-size: 16px; font-weight: 900;
	letter-spacing: 3px; margin-right: -3px; margin-top: 15px; text-transform: uppercase;
}

@media (max-width: 1199px) {
	.page-title { padding: 150px 0 50px;}
}
@media (max-width: 991px) {
	.page-title { margin-top: 0; padding: 60px 0 50px;}
	.page-title h1{ font-size: 35px;}
}
@media (max-width: 480px) {
	.page-title { padding: 50px 0;}
	.page-title h1{ font-size: 27px;}
	.page-title p { margin: 5px 0 0;}
}

/*** 

====================================================================
	Color Palate Style / Color Switcher Style
====================================================================

***/

.color-palate {
    background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    height: 340px;
    position: fixed;
    right: 0px;
    text-align: center;
    top: 35%;
    transition: all 0.5s ease 0s;
    width: 285px;
    z-index: 999;
}

.color-palate-head {
    background: #0C2D55 none repeat scroll 0 0;
    padding: 14px 0;
}

.color-palate-head h6,
.secondary-head h6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    margin-top: 4px;
	text-transform:uppercase;
}

.palate {
    background: red none repeat scroll 0 0;
    display: block;
    float: left;
    height: 30px;
    margin: 0 8px;
    width: 30px;
    cursor: pointer;
    position: relative;
}

.colors-list .active::after{
    background: url(../images/icons/tick.png) center center no-repeat !important;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
}

.secondary-colors-list .actives::after{
    background: url(../images/icons/tick.png) center center no-repeat !important;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
}

.various-color {
    overflow: hidden;
    padding: 22px 0;
}

.colors-list {
    margin: 0 25px;
}

.secondary-head {
    background: #222222 none repeat scroll 0 0;
    padding: 14px 0;
}

.secondary-color {
    padding: 23px 0;
}

.secondary-colors-list {
    margin: 0 80px;
}

.palate-foo {
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    padding: 0 30px;
}

.palate-foo span{
	display:block;	
}

.palate.default-color {
    background: #2E8BC0 none repeat scroll 0 0;
}

.palate.yellow-color {
    background: #f3cf3f none repeat scroll 0 0;
}

.palate.green-color {
    background: #5b8f17 none repeat scroll 0 0;
}

.palate.orange-color {
    background: #f37020 none repeat scroll 0 0;
}

.palate.blue-color {
    background: #46a5e5 none repeat scroll 0 0;
}

.palate.black-color {
    background: #0e0e0e none repeat scroll 0 0;
}

.palate.deepblue-color {
    background: #21313f none repeat scroll 0 0;
}

.color-trigger {
    background: #023767 none repeat scroll 0 0;
    cursor: pointer;
    height: 52px;
    left: -46px;
    position: absolute;
    top: 0;
    width: 46px;
    padding-top: 7px;
}

.color-trigger i {
    color: #ffffff;
    font-size: 18px;
    line-height: 42px;
}

.color-palate.visible-palate {
    right: -285px;
}

/*-------------------------- WSP ADD*/
.pt_0 { padding-top: 0 !important;}
.pt_5 { padding-top: 5px !important;}
.pt_10 { padding-top: 10px !important;}
.pt_20 { padding-top: 20px !important;}
.pt_30 { padding-top: 30px !important;}
.pt_50 { padding-top: 50px !important;}
.pt_100 { padding-top: 100px !important;}
.pb_0 { padding-bottom: 0 !important;}
.pb_5 { padding-bottom: 5px !important;}
.pb_10 { padding-bottom: 10px !important;}
.pb_20 { padding-bottom: 20px !important;}
.pb_30 { padding-bottom: 30px !important;}
.pb_50 { padding-bottom: 50px !important;}
.pb_100 { padding-bottom: 100px !important;}
.pl_0 { padding-left: 0 !important;}
.pl_5 { padding-left: 5px !important;}
.pl_10 { padding-left: 10px !important;}
.pl_20 { padding-left: 20px !important;}
.pl_30 { padding-left: 30px !important;}
.pl_50 { padding-left: 50px !important;}
.pl_100 { padding-left: 100px !important;}
.pr_0 { padding-right: 0 !important;}
.pr_5 { padding-right: 5px !important;}
.pr_10 { padding-right: 10px !important;}
.pr_20 { padding-right: 20px !important;}
.pr_30 { padding-right: 30px !important;}
.pr_50 { padding-right: 50px !important;}
.pr_100 { padding-right: 100px !important;}

.mt_0 { margin-top: 0 !important;}
.mt_5 { margin-top: 5px !important;}
.mt_10 { margin-top: 10px !important;}
.mt_20 { margin-top: 20px !important;}
.mt_30 { margin-top: 30px !important;}
.mt_50 { margin-top: 50px !important;}
.mt_100 { margin-top: 100px !important;}
.mb_0 { margin-bottom: 0 !important;}
.mb_5 { margin-bottom: 5px !important;}
.mb_10 { margin-bottom: 10px !important;}
.mb_20 { margin-bottom: 20px !important;}
.mb_30 { margin-bottom: 30px !important;}
.mb_50 { margin-bottom: 50px !important;}
.mb_100 { margin-bottom: 100px !important;}
.ml_0 { margin-left: 0 !important;}
.ml_5 { margin-left: 5px !important;}
.ml_10 { margin-left: 10px !important;}
.ml_20 { margin-left: 20px !important;}
.ml_30 { margin-left: 30px !important;}
.ml_50 { margin-left: 50px !important;}
.ml_100 { margin-left: 100px !important;}
.mr_0 { margin-right: 0 !important;}
.mr_5 { margin-right: 5px !important;}
.mr_10 { margin-right: 10px !important;}
.mr_20 { margin-right: 20px !important;}
.mr_30 { margin-right: 30px !important;}
.mr_50 { margin-right: 50px !important;}
.mr_100 { margin-right: 100px !important;}

/**/

.text_box h1, .text_box h2,
.text_box h3, .text_box h4,
.text_box h5, .text_box h6 {
  font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
}
.text_box p {
  font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
  font-size: 16px;
  margin: 15px 0;
}
.text_box {
  font-family: 'Open Sans', 'Noto Sans TC', '微軟正黑體', sans-serif;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
}

img.img_rwd {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}
img.contact_img {
  cursor: pointer;
  margin: 0 auto;
  line-height: 45px;
  vertical-align: middle;
  max-height: 45px;
  max-width: 100%;
  display: block;
}
.img-responsive { margin: 0 auto;}

/**/

.page_list { text-align: center;}
.page_list ol,
.page_list ol li { padding: 0; margin: 0;}
.page_list ol li { display: inline-block; line-height: 1; font-size: 16px;}
.page_list ol li a { display: inline-block; padding: 10px 15px; background: #2E8BC0; color: #fff; border: 1px solid #2E8BC0;}
.page_list ol li.active a { background: #fff; color: #0C2D55; border: 1px solid #0C2D55;}
.page_list ol li a:hover,
.page_list ol li.active a:hover { color:#fff; background: #0C2D55; border: 1px solid #0C2D55;}

.page h3.aside_title { position: relative; margin-bottom: 25px; font-weight: 600; padding-left: 25px;}
.page h3.aside_title:before {
	    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: -7px;
    font-weight: normal;
    background-image: url(../images/title-deco.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 2px;
}
.page h3.aside_title:after {
	content: ''; display: inline-block; position: absolute; width: 75px; height: 2px; background: #2E8BC0; left: 0; bottom: -10px;
}
.page .catalog ol,
.page .catalog ol li { padding: 0; margin: 0;}
.page .catalog ol li { font-size: 16px; padding: 10px 10px 10px 25px; line-height: 1.5;}
.page .catalog ol li + li { border-top: 1px solid #f0f0f0;}
.page .catalog ol li a { position: relative; color: #333;}
.page .catalog ol li a:before {
	content: '\f105'; display: inline-block; position: absolute; font-family: 'FontAwesome'; left: -15px;
}
.page .catalog ol li a:hover { color: #2E8BC0;}
.page .inquiry { margin-top: 50px;}
@media (max-width: 768px) {
	.page .catalog { margin-top: 20px;}
	.page .inquiry { margin-top: 30px;}
}

/**/

#about { padding: 100px 0;}
@media (max-width: 768px) {
	#about { padding: 50px 0;}
}

/**/

#product { 
	padding: 70px 0; position: relative; 
	background: url('../images/demo/product/bg.jpg') no-repeat center fixed; background-size: cover; /*size:1920*1000*/
}
#product:before {
	content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: rgba(71, 138, 176, 0.7);
}
#product .sec-title h2 strong { color: #fff; font-weight: 500;}
#product .team-carousel { margin-top: 50px;}

#product.page { padding: 100px 0; background: #fff;}
#product.page:before { display: none;}

#product.page .item { position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.25); padding-top: 15px; margin-bottom: 35px;}
#product.page .item .sale_marker { 
	position: absolute; display: inline-block; left: 30px; top: -5px; width: 40px; height: 40px; line-height: 40px;
	color: #fff; background: #2E8BC0; text-align: center; vertical-align: middle;
	z-index: 3;
}
#product.page .item .sale_marker:after {
	content: ''; display: inline-block;position: absolute; left: 0; top: 100%;
	width: 0; height: 0; border-style: solid; border-width: 10px 20px 0 0; border-color: #92bf0a transparent transparent transparent;
}
#product.page .item .sale_marker:before {
	content: ''; display: inline-block;position: absolute; right: 0; top: 100%;
	width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 0; border-color: transparent #92bf0a transparent ;
}
#product.page .item .image-box { position: relative; overflow: hidden;}
#product.page .item .image-box .link-btn {
	position: absolute; left: 0px; bottom: -100px; width: 100%;
    color: rgb(255, 255, 255); text-align: center;
    font-size: 16px; font-family: Poppins, 微軟正黑體, sans-serif; font-weight: 600;
    text-transform: uppercase; line-height: 24px; padding: 8px; background: #2E8BC0;
}
#product.page .item:hover .image-box .link-btn { bottom: 0;}
#product.page .item .lower-content { 
	background: #fff; padding: 15px 0; position: relative;
}
#product.page .item .lower-content h4 a { font-weight: 500; font-size: 24px; color: #333; padding-bottom: 10px; display: inline-block; transition: all 300ms ease-out;}
#product.page .item .lower-content h4 a:hover { color: #0C2D55; transition: all 300ms ease-out;}
#product.page .item .lower-content h4,
#product.page .item .lower-content .text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#product.page .item .lower-content .text { font-size: 16px;}

#product.page .item .lower-content .price { display: none;position: absolute; top: 15px; right: 0; font-size: 15px; font-family: 'Poppins','Noto Sans TC','微軟正黑體', sans-serif;}

.featured-project-column .lower-content .price { display: none;font-size: 18px; font-family: 'Poppins','Noto Sans TC','微軟正黑體', sans-serif; padding-top: 10px;}
.featured-project-column .lower-content .price span,
#product.page .item .lower-content .price span,
#product.page .content .desc .price span { display: inline-block; padding: 0 5px; font-size: 80%; color: #999; text-decoration: line-through;}

#product.page .content img {
	/*width: 100%;*/
	max-width: 100%;
}

#product.page .content .sale_marker { position: absolute; display: inline-block; width: 50px; left: calc(50% - 25px); background: #92bf0a; color: #fff; text-align: center;}

#product.page .content .desc { position: relative; top: -25px; text-align: center;}
#product.page .content .desc .tag a { display: inline-block; padding: 0px 15px; background: #2E8BC0; color: #fff;}
#product.page .content .desc h4 { font-size: 30px; font-weight: 500; padding: 15px 0 10px;}
#product.page .content .desc .price { display: none;position: relative; top: -15px; font-size: 18px; font-family: 'Poppins','Noto Sans TC','微軟正黑體', sans-serif}
#product.page .content .desc:after {
	content: ''; display: inline-block; position: absolute; width: 30px; height: 3px; left: calc(50% - 15px); bottom: -20px; background: #eee;
}
#product.page .pdt_tab { border-bottom: 1px solid #0C2D55;}
#product.page .pdt_tab > li > a { color: #333;}
#product.page .pdt_tab > li.active > a { background: #0C2D55; color: #fff; border-radius: 0; border-color: #0C2D55;}
#product.page .pdt_tab > li > a:hover { background: #2E8BC0; border-color: #2E8BC0; border-radius: 0; color: #fff; border-bottom-color: #8a6f3b;}

@media (min-width: 1199px) {
	#product.page .item .image-box { max-height: 212px; line-height: 212px; vertical-align: middle;}
	#product .catalog { padding-right: 10%;}
}
@media (max-width: 1199px) {
	#product.page .item .image-box { max-height: 190px; line-height: 190px; vertical-align: middle;}
}
@media (max-width: 991px) {
	#product.page .item .image-box { max-height: 197px; line-height: 197px; vertical-align: middle;}
	#product.page .catalog { margin-top: 30px;}
}
@media (max-width: 768px) {
	#product.page .item .image-box { max-height: 100%; line-height: inherit;}
	.mb-py-15 {padding-right: 15px!important;padding-left: 15px!important;}
}

@media (max-width:640px) {	
	#product { background-attachment: inherit; padding: 50px 0;}
	#product.page { padding: 50px 0; }

	#product.page .pdt_tab > li > a:hover,
	#product.page .pdt_tab > li.active > a { background: #0C2D55; border-color: #0C2D55;}
}

/**/

#news { padding: 100px 0 50px;}
#news .content > ol { margin: 0; padding: 0; vertical-align: top; text-align: center;}
#news .content > ol li,
#news .content > ol li:last-child { margin-top: 20px; }

#news .content > ol li .info { text-align: left; padding: 10px; border: 1px solid #f0f0f0; border-top: 0;}
#news .content > ol li .info h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600;}
#news .content > ol li .info h2,
#news .content > ol li .info h2 a { font-size: 22px; color: #333; transition: all 500ms ease-out;}
#news .content > ol li .info h2:hover,
#news .content > ol li .info h2 a:hover { color: #0C2D55; transition: all 500ms ease-out;}
#news .content > ol li .info p { margin: 5px 0;}
#news .content > ol li .info a.tag {  font-family: Poppins, 微軟正黑體, Arial; font-size: 14px; font-weight: 600;}
#news .content > ol li .info p.desc { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#news .info p.more_btn { text-align: right; }
#news .info p.more_btn a { position: relative; display: inline-block; font-size: 16px; padding: 5px 15px; background: #2E8BC0; color: #fff; font-family: 'Poppins','微軟正黑體',sans-serif;}
#news .info p.more_btn a:before { 
	content: ''; display: inline-block; position: relative; width: 0px; height: 1px; background: #fff; margin-right: 7px; top: -5px; transition: all 300ms ease-out;
}
#news  .info p.more_btn a:hover:before { width: 10px; transition: all 300ms ease-out;}

#news.page .item { padding: 10px 10px 5px; border:1px solid #f0f0f0; margin-bottom: 50px; box-shadow: 0 10px 25px rgba(0,0,0,0.10)}
#news.page .item .tag { margin: 15px 0 0; line-height: 1;}
#news.page .item > a { display: inline-block; overflow: hidden;}
#news.page .item h2 a { font-size: 22px; color: #333; transition: all 300ms ease-out;}
#news.page .item h2 a:hover { color: #0C2D55; transition: all 300ms ease-out;}
#news.page .item h2 { line-height: 1.15; margin-bottom: 15px; font-weight: 600;}
#news.page .item h2,
#news.page .item .desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#news.page .content .info { text-align: center; position: relative; top: -25px;}
#news.page .content .info .tag a { display: inline-block; padding: 0 15px; background: #2E8BC0; color: #fff; line-height: 25px;}
#news.page .content .info .title { font-weight: 600; padding: 20px 0; line-height: 1.15;}
#news.page .content .share_social { text-align: center;}
#news.page .content .share_social ol,
#news.page .content .share_social ol li { margin:0; padding: 0}
#news.page .content .share_social li { display: inline-block;}
#news.page .content .share_social li a { display: inline-block; font-size: 20px; padding: 10px;}

@media (min-width: 1199px) {
	#news.page .item > a { display: inline-block; width: 45%; max-height: 210px;}
	#news.page .item .info { display: inline-block; width: calc(55% - 25px); vertical-align: top; padding-left: 20px;}
}
@media (max-width: 1199px) {
	#news.page .item > a { max-height: 200px;}
}
@media (max-width: 768px) {
	#news { padding: 50px 0;}
	#news.page .item { margin-bottom: 30px;}
	#news.page .item > a { max-height: 100%;}
}
@media (min-width: 768px) {
	#news .content > ol li { display: inline-block; vertical-align: top; text-align: center;}
	#news .content > ol li:first-child { width: calc(60% - 25px); margin-right: 25px; float: left;}
	#news .content > ol li + li { width: calc(40% - 5px); position: relative; float: right;}
	#news .content > ol li:last-child { margin-top: 20px;}

	#news .content > ol li:first-child .info { padding: 15px 25px;}
	#news .content > ol li + li .info { position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; background: rgba(255,255,255,.85); border:0;}

	#news .content > ol li + li .info p.desc { margin-top: 0;}
	#news .content > ol li + li .info p.tag,
	#news .content > ol li + li .info p.more_btn { opacity: 0; trasnform: scaleY(0); height: 0px; transition: all 500ms ease-out; margin: 0;}
	#news .content > ol li + li:hover .info p.tag,
	#news .content > ol li + li:hover .info p.more_btn { opacity: 1; trasnform: scaleY(1); height: 20px; transition: all 500ms ease-out;}

	#news .content > ol li:first-child p.more_btn { margin-top: 20px;}
}

/**/

#faq { padding: 100px 0;}
#faq .panel-title { font-size: 22px;}
#faq .panel-default>.panel-heading+.panel-collapse>.panel-body,
#faq .panel-default>.panel-heading+.panel-collapse>.panel-body p {
	font-size: 16px;
}
#faq .panel-heading,
#faq .panel-group .panel { border-radius: 0; border-color: #2E8BC0;}
#faq .panel-default>.panel-heading { background: #2E8BC0; color: #fff; padding: 0;}
#faq .panel-default>.panel-heading a { color: #fff; display: block; padding: 10px 15px;}

@media (max-width: 768px) {
	#faq { padding: 50px 0;}
	#faq .panel-title { font-size: 20px;}
}

/**/

#contact {padding: 100px 0;}
#contact .form-group input,
#contact .form-group textarea { 
	display: block; width: 100%; font-size: 16px; border:1px solid #2E8BC0; padding: 10px 15px; border-radius: 0;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
#contact .form-group input { height: 45px; }
#contact .form-group input:focus,
#contact .form-group textarea:focus { border-color: #0C2D55;}

#contact .contact_info { text-align: center; margin-top: 50px;}
#contact .contact_info ol,
#contact .contact_info ol li { margin: 0; padding: 0;}
#contact .contact_info ol li { display: inline-block; vertical-align: top; width: 22%; font-size: 16px; text-align: left; padding-left: 15px;}
#contact .contact_info ol li h3 { margin-bottom: 30px; position: relative; font-weight: 600;}
#contact .contact_info ol li h3:after {
	content: ''; display: inline-block; position: absolute; width: 35px; height: 2px; left: 0; bottom: -10px; background: #2E8BC0;
}
#contact .contact_info ol li a { display: block; color: #333; font-family: Poppins, 微軟正黑體, sans-serif; transition: all 500ms ease-out; padding-left: 25px; position: relative;}
#contact .contact_info ol li a span { color: #2E8BC0; margin-right: 7px; transition: all 500ms ease-out; width: 20px; text-align: center; position: absolute; left: 0px;}
#contact .contact_info ol li a:hover { color: #2E8BC0; transition: all 500ms ease-out;}
#contact .contact_info ol li a:hover span { color: #333; transition: all 500ms ease-out;}

@media (min-width: 768px) { 
	#contact .form-group textarea { min-height: 120px;}
}

@media (max-width: 991px) {
	#contact .contact_info ol li { width: 45%; margin-bottom: 25px;}
}
@media (max-width: 768px) {
	#contact { padding: 50px 0;}
}
@media (max-width: 480px) {
	#contact iframe { height: 300px;}
	#contact .contact_info ol li { width: 100%; margin-bottom: 25px;}
	#contact .contact_info ol li a { margin-left: 5px;}
	#contact .contact_info ol li h3 { font-size: 20px; margin-bottom: 20px;}
}

/*補充*/
.content img {
	max-width: 100%;
	width: 100%;
}

footer .f_contact li .fa {
	color: #2E8BC0;
}

#contact .contact_info ol li span.fa {
	color: #2E8BC0;
}

/* roger adds */
.main-header .header-top ul li.language a {
	padding: 0;
}

.main-header .header-top ul li.language a:hover {
	color: #0c2d55;
}

@media (min-width: 480px) {
	.main-header .header-top .top-left ul li.language {
		position: absolute;
		right: 10px;
	}
}