body,h1, h2, h3, h4, h5, h6, p, .tp-caption.large_text, .tp-caption.small_light_white{
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
body,p{
	font-weight: normal;
	font-size: 15px;

}
img {
    max-width: 100%;
    height: auto;
}
.animate{
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.mobile-block {
	display: none;
}


/*--------------------------------
start. index*/

/*--------------------------------
start. header*/
#header {
	font-size: 16.5px;
	border-top: 3px solid #3aa5cc;
	border-bottom: 0;
	height: 99px;
	background: #ececec;
	background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
}

#header.fixed {
	height: auto;
}

#topMain.nav-pills>li.lang-menu>a {
	font-size: 14px;
}

#topMain.nav-pills>li>a {
	font-weight: 600;
}

#topMain.nav-pills>li.active>a, 
#topMain.nav-pills>li:hover>a {
	color: #fff;
	background-color: #3aa5cc;
	background: linear-gradient(to bottom, #3aa5cc 0%,#0e6196 100%);
	background: -moz-linear-gradient(top, #3aa5cc 0%, #0e6196 100%);
	background: -webkit-linear-gradient(top, #3aa5cc 0%, #0e6196 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa5cc), color-stop(100%, #0e6196));
	background: -webkit-linear-gradient(top, #3aa5cc 0%, #0e6196 100%);
	background: -o-linear-gradient(top, #3aa5cc 0%, #0e6196 100%);
	background: -ms-linear-gradient(top, #3aa5cc 0%, #0e6196 100%);
}

#topMain.nav-pills>li>a.dropdown-toggle:after {
	content: none;
}

#topMain.nav-pills>li>a.dropdown-toggle {
	padding-right: 15px;
}

#topNav ul.dropdown-menu li a {
	font-size: 14px;
}

#topNav div.submenu-dark ul.dropdown-menu {
	background: #0e6196;
	background-color: #0e6196;
}

#topNav div.submenu-dark ul.dropdown-menu {
	border-color: #004571;
}

#topNav div.submenu-dark ul.dropdown-menu>li a {
	color: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

#topNav div.submenu-dark ul.dropdown-menu>li:last-child a {
	border-bottom: 0;
}

#header ul.nav-second-main li i {
	opacity: 1;
}



#topMain.nav-pills>li.lang-menu:hover>a {
	background: none;
	color: #0e6196;
}

#topMain.nav-pills>li.lang-menu>a.dropdown-toggle:after {
	content: "\f107";
}

#topMain.nav-pills>li.lang-menu>a.dropdown-toggle {
	padding-right: 25px;
}

#topNav div.submenu-dark ul.dropdown-menu.dropdown-langs {
	min-width: 120px;
}

#topNav ul.dropdown-menu.dropdown-langs li a {
	padding: 5px 12px;
}

#topMain.nav-pills>li.mobile-lang-menu {
	display: none;
}



/*end. header
--------------------------------*/

/*--------------------------------
start. container*/
.fullwidthbanner-container .fullwidthbanner {
	background-color: #106499;
}

div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 {
	line-height: 33px;
	color: #ffffff;
	border-left: 5px solid #3ca6cd;
	padding: 7px 16px;
	background-color: #0e6196;
	border-right: 5px solid #3ca6cd;
	font-weight: 600;
	font-size: 30px;
}

div.heading-title.heading-line-double:before {
	border-top: 3px double #0e6196;
}

.item-box-desc {
	padding: 20px 20px 20px 0;
}

#portfolio.portfolio-gutter .item-box {
	margin-bottom: 40px;
}

.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
	padding-top: 7px;
}

ul.blog-post-info {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: #0e6196 1px dotted;
	font-size: 14px;
}

ul.blog-post-info li>a, ul.blog-post-info li i {
	color: #0e6196;
}

/*idx-video-box*/
.idx-video-box {
	background: #6cc7e2;
    background: -moz-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
    background: -webkit-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cc7e2), color-stop(100%, #3aa5cc));
    background: -webkit-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
    background: -o-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
    background: -ms-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
	 background: linear-gradient(to bottom, #6cc7e2 0%,#3aa5cc 100%);

}

.idx-video-box h3, 
.idx-video-box p {
	color: #111;
}

.video-box {
	border: 4px solid #6cc7e2;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	display: flex;
}


/*idx-exhibit-box*/


.idx-exhibit-box .blog-post-item {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.btn-default {
	background-color: #0e6196;
	color: #fff;
	border-color: #3aa5cc;
}

.btn-default:hover {
	background-color: #6cc7e2;
}

.callout {
	/* background-color: #3ba6cd; */
	background: #3fa9cf;
	background: -moz-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -webkit-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fa9cf), color-stop(100%, #0e6196));
	background: -webkit-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -o-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -ms-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: linear-gradient(to bottom, #3fa9cf 0%,#0e6196 100%);
}






/*end. container
--------------------------------*/

/*--------------------------------
start. footer*/
#footer {
	font-size: 15px;
	background: #efefef;
	/*
	background: -moz-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
	background: -webkit-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cc7e2), color-stop(100%, #3aa5cc));
	background: -webkit-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
	background: -o-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
	background: -ms-linear-gradient(top, #6cc7e2 0%, #3aa5cc 100%);
	background: linear-gradient(to bottom, #6cc7e2 0%,#3aa5cc 100%);*/
	color: #000 !important;
	border-top: 1px solid #6cc7e2;
}

#footer>.container {
	margin-bottom: 20px;
	padding-top: 40px;
}

#footer address ul li {
	padding: 4px 0;
}

#footer address ul li i {
	color: #0e6196;
	font-size: 18px;
	width: 23px;
	text-align: center;
}

#footer a {
	color: #000;
}

#footer a:hover {
	color: #0e6196;
}

#footer p {
	line-height: inherit;
	margin-bottom: 0;
}

#footer h4 {
	font-size: 18px;
	color: #000;
}

#footer ul.footer-links>li>a {
	letter-spacing: 1px;
	color: #000;
	font-weight: 400;
}

#footer ul.footer-links>li>a:hover {
	padding-left: 15px;
	color: #0e6196;
}

#footer ul.footer-links>li {
	padding: 5px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#footer>.copyright {
	background: #3aa5cc;
	color: #fff;
	padding: 15px 0 15px 0;
	text-shadow: none;
}

#footer .social-icon i,
#footer .social-icon {
	width: 35px;
	height: 35px;
}

.social-icon i {
	margin-top: 1px;
}

#footer a.social-icon {
	color: #0e6196 !important;
	border: #0e6196 1px solid;
}


/*end. footer
--------------------------------*/

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

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

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

@media (max-width: 768px){
.idx-exhibit-box .blog-post-item {
	margin-bottom: 30px;
}

.idx-exhibit-box .blog-post-item:last-child {
	margin-bottom: 0px;
}

}

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

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

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

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

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

/*end. index
--------------------------------*/




/*--------------------------------
start. in*/
section.page-header .breadcrumb>li+li:before {
	content: '/';
	padding: 0 10px;
}

section.page-header .breadcrumb {
	font-size: 14px;
}

section.dark.page-header {
	padding: 12px 0 7px;
	background: #3fa9cf;
	background: -moz-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -webkit-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fa9cf), color-stop(100%, #0e6196));
	background: -webkit-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -o-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: -ms-linear-gradient(top, #3fa9cf 0%, #0e6196 100%);
	background: linear-gradient(to bottom, #3aa5cc 0%,#6cc7e2 100%);
}


section.dark.page-header .breadcrumb a {
	color: #fff;
}

section.page-header h1 {
	font-weight: 600;
}


/*pro list*/
section .nav-pills>li>a {
	background-color: #6cc7e2;
	margin-right: 10px;
	padding: 8px 15px;
	border: 2px solid #3aa5cc;
	border-radius: 4px;
}

section .nav-pills>li>a:hover, section .nav-pills>li>a:focus, section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus {
	background-color: #2075ab !important;
	color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding: 12px 15px;
	font-size: 16.5px;
	font-weight: 600;
	border-radius: 4px;
	border: 2px solid #3aa5cc;
}

ul.categories>li>a:hover {
	color: #2075ab;
}

.item-box figure {
	border: 1px solid #d2d2d2;
}

.page-item.active .page-link {
	background-color: #3aa5cc;
	border-color: #3aa5cc;
}


/*pro in*/

div.side-nav ul>li.active>ul {
	display: block !important;
}

.btn-primary {
	border: 2px solid #3aa5cc;
}

.btn-primary:hover {
	background-color: #2075ab;
}

.btn-back {
	border: 1px solid #909090;
	background-color: #eee;
}

.btn-back:hover {
	background-color: #ccc;
}

div.side-nav ul>li>ul {
	padding: 5px 0 15px 0;
}

div.side-nav .side-nav-head h4 {
	font-size: 16.5px;
	background-color: #3aa5cc;
	padding: 12px 15px;
	color: #fff;
	margin-bottom: 0;
	letter-spacing: 1px;
}

div.side-nav ul.list-group-bordered>li>a {
	border-bottom: #3aa5cc 1px dotted;
	color: #555 !important;
	padding: 7px;
}

div.side-nav ul.list-group-bordered>li:last-child>a {
	border-bottom: 0;
}

div.side-nav ul>li>ul>li a {
	font-size: 14px;
}

div.side-nav ul>li>a {
	color: #555;
}

div.side-nav ul>li>ul>li>a {
	padding: 4px 6px 4px 15px;
}

div.side-nav ul>li>ul>li>a::before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	padding-right: 10px;
}

div.side-nav>ul {
	padding: 8px 0 8px 10px;
	border: 1px solid #3aa5cc !important;
}

.thumbnail {
	border: 1px solid #3aa5cc;
	border-radius: 0;
}

a.thumbnail.active, a.thumbnail:hover {
	border: 3px solid #2075ab;
}

.owl-carousel.owl-padding-3 .owl-item {
	padding: 0 3px 0 0;
}

.nav-tabs .nav-item {
	margin-right: 5px;
}

.nav-tabs .nav-link {
	background-color: #6cc7e2;
	border-color: #6cc7e2 #6cc7e2 #0e6196;
	padding: 10px 18px;
}

.nav-tabs {
	border-bottom: 1px solid #0e6196;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: #6cc7e2;
	border-color: #0e6196 #0e6196 #fff;
	color: #000 !important;
}

.nav-tabs.nav-top-border>li>a:hover {
	background-color: #3aa5cc !important;
}

/*contact*/
textarea.form-control {
	height: 150px;
}

.form-control {
	border: #3aa5cc 1px solid;
	font-size: 13px;
}

.form-control:focus {
	border: 2px solid #3ca6cd;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {   
	outline: 0 none;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
		 -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}

form .row {
	margin-bottom: 16px;
}

.contact-list li {
	padding: 5px 0;
}

.contact-list li i {
	color: #0e6196;
	font-size: 18px;
	width: 23px;
	text-align: center;
}

/*news list*/
.blog-post-item {
	margin-bottom: 60px;
	padding-bottom: 0px;
	border-bottom: 0;
}


@media (max-width: 1215px) {
#topMain.nav-pills>li>a {
	font-size: 16.5px;
}

}

@media (max-width: 1199px) {
#topMain.nav-pills>li>a,
#topMain.nav-pills>li>a.dropdown-toggle {
	font-size: 14px;
	padding: 0 10px;
}

#header {
	height: 63px !important;
}

#header #topNav a.logo>img {
	max-height: 60px !important;
}

#topNav a.logo {
	height: 57px;
	line-height: 57px;
}

#header #topNav #topMain>li>a {
	height: 60px !important;
	line-height: 60px !important;
	padding-top: 0;
}

#header ul.nav-second-main {
	margin-top: 18px;
}

#header li.search .search-box {
	margin-top: 21px;
}

}


@media (max-width: 992px){
#header {
    height: 65px !important;
}

#topMain.nav-pills>li>a.dropdown-toggle:after {
	content: "\f107";
	font-size: 18px;
	right: 37px;
	margin-top: -8px;
}

#topMain li.lang-menu {
	display: none !important;
}

#header.transparent #topMain, #header .submenu-dark #topMain {
	background-color: #0e6196;
}

#topMain.nav-pills>li.active>a, #topMain.nav-pills>li:hover>a {
	background: rgba(0, 0, 0, 0.35);
}

#topNav div.submenu-dark ul.dropdown-menu {
	background: rgba(0, 0, 0, 0.35);
	background-color: rgba(0, 0, 0, 0.35);
}

#topNav nav.nav-main li > ul.dropdown-menu li a {
	padding-left: 30px;
}

#header li.search .search-box {
	top: 65px !important;
}


}

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

@media (max-width: 768px){
section div.row>div {
	margin-bottom: 0px;
}

#footer .row>div {
	margin-bottom: 30px;
}
}

@media (max-width: 767px){
section.page-header .breadcrumb {
    background-color: rgba(255, 255, 255, 0.25);
    padding: 5px 10px;
}

section.page-header h1 {
font-size: 20px;
margin-bottom: 10px;
}

div.side-nav ul>li {
	border-bottom: 0 !important;
}

.tp-caption.large_text {
	font-size: 15px !important;
}

.tp-caption.small_light_white {
	font-size: 12px !important;
	padding-right: 15px !important;
}

.tp-caption.large_text,
.tp-caption.small_light_white {
	line-height: 1 !important;
}

div.side-nav .side-nav-head {
	margin-bottom: 0px;
}

div.side-nav .side-nav-head h4 {
	padding: 0 15px;
}

}

@media (max-width: 575px){
div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 {
    font-size: 20px;
    line-height: 25px;
}

div.heading-title {
	margin-bottom: 25px;
}

section {
    padding: 40px 0;
}

.mobile-block {
	display: block;
}

#header #topNav a.logo>img {
	max-height: 60px !important;
}

.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
	margin-bottom: 0 !important;
	font-size: 18px;
}

div.side-nav .side-nav-head h4 {
	padding: 10px 15px;
	line-height: inherit;
}

#footer h4 {
	margin-top: 0;
	margin-bottom: 10px;
}


}

@media (max-width: 550px) {
section .nav-pills>li>a {
	margin-right: 0;
}

}


@media (max-width: 420px){
#header #topNav a.logo>img {
	 max-height: 52px !important;
	 margin-top: 5px;
}
}

@media (max-width: 374px){
#header #topNav a.logo>img {
	max-height: 44px !important;
}

#header ul.nav-second-main {
	margin: 15px 6px 0 0;
	padding-left: 5px;
}

}


/*end. in
--------------------------------*/