@import url("../fonts/flaticon/flaticon.css");
@import url("../fonts/thin/thin.css");
@import url("../css/all.min.css");
@import url("revise.css");
@import url("header.css");
@import url("footer.css");
@import url("banner.css");


/*========================================================
                      	 標題設定
=========================================================*/

.s-header {
    text-align: center;
    overflow: hidden;
    margin-bottom: 60px;
}
.h2-title {
    display: inline-block;
    font-size: 2rem;
    color: #2372d3;
    position: relative;
    z-index: 1;
    font-weight: bold;
}
.h2-title:after {
    position: absolute;
    left: 0%;
    bottom: -6px;
    height: 2px;
    width: 100%;
    background: #99ae31;
    opacity: 1;
    content: "";
    z-index: -1;
}
.s-header h2+p {
    font-weight: bold;
    color: #2893d0;
    font-size: 1.4rem;
}



.h3-title {
    color: #2893d0;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.5rem;
}
.h3-title i {
    color: #06457e;
    display: inline-block;
    margin-right: 6px;
}
.h4-title {
    color: #06457e;
    font-size: 1.3rem;
    margin-bottom: 20px;
    text-decoration: underline;
}
.h5-title {
    font-weight: bold;
    font-size: 1.2rem;
}
.h5-title i {
    color: #e96424;
    display: inline-block;
    margin-right: 6px;
    font-size: 0.9rem;
}


/*========================================================
                      	 內頁框架
=========================================================*/

.content-wrap {
/*    background: url("../img/content-bg.jpg") no-repeat right top fixed;
    background-size: cover;*/
    padding-top: 60px;
    padding-bottom: 60px;
    min-height: 400px;
}

.img-100 {
    width: 100%;
    vertical-align: bottom;
}

/* 麵包屑 */
.breadcrumbs {
	text-align: left;
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
	background-color: #2270b5;
}
.breadcrumbs a {
	display: inline-block;
	color: #FFF;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.breadcrumbs a.home i {
    display: inline-block;
    margin-right: 3px;
    color: #FFF;
}
.breadcrumbs span {
	margin: 0 2px 0 4px;
	color: #FFF;
	/*font-size: 1.4rem;*/
	/*font-weight: bold;*/
}


.video-style {
    width: 240px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.video-style-100 {
    width: 100%;
}
.video-style span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 70px;
    height: 70px;
    background: url("../img/index/video-icon.png") no-repeat center center;
    background-size: 40px 40px;
}
.video-style a {
    display: block;
    overflow: hidden;
}
.video-style a img {
    width: 100%;
    transform: scale(1);
    transition: all 0.3s;
}
.video-style a:hover img {
    transform: scale(1.1);
}


/*========================================================
                         回目錄頁
=========================================================*/

.btn-back {
	text-align: right;
    margin-top: 30px;
	margin-bottom: 30px;
}
.btn-back a {
    background-color: #da632e;
	padding: 5px 20px;
	border-radius: 10px;
	color: #fff;
}
.btn-back a:hover {
    background-color: #1475a8;
    color: #fff;
	text-decoration: none;
}


/*========================================================
                         關於我們
=========================================================*/

.about-title {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    color: #000;
	font-weight: bold;
}
.about-title span {
    padding: 0 20px;
}
.about-title:before, 
.about-title:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 6px;
    background-color: #0d4180;
    position: relative;
    top: -3px;
}
.about-title:before {
    width: 70px;
    margin-left: -70px;
}
.about-title:after {
    width: 70px;
    margin-right: -70px;
}
@media (min-width: 992px) {
    .about-title {
        font-size: 2rem;
    }
    .about-title span {
        padding: 0 30px;
    }
    .about-title:before {
        width: 100px;
        margin-left: -100px;
    }
    .about-title:after {
        width: 100px;
        margin-right: -100px;
    }
}

.about-policy-wrap{ 
	padding:0 0 60px 0;
}

.about-policy-text h2{
	font-weight: 900;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/*.about-policy-list{
	padding: 0;
	list-style: none;
}
.about-policy-list li{
	vertical-align: middle;
	margin: 15px 0;
}
.about-policy-list li i{
	width: 32px;
	height: 32px;
	padding-top: 8px;
	margin-right: 10px;
	color:#fff;
	background-color: #247ac1;
	border-radius: 50%;
	text-align: center;
}*/
@media (min-width: 992px) {
	.about-policy-wrap .container{
		position: relative;
		background-color: #ededed;
		padding: 0;
	}

	.about-policy-pic{ 
		width:50%; 
	}
	.about-policy-text{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(0,-50%);
		width: 50%;
		padding: 60px;
		font-size: 0.9rem;
		line-height: 1.5rem;
	}



	/*.about-policy-list li{
		float:left;
		width: 20%;
		text-align: center;
		marginL0;
	}
	.about-policy-list li i{
		display: block;
		font-size: 4rem;
		width: 160px;
		height: 160px;
		margin: 15px auto;
		padding-top: 45px;
	}*/
}
@media (min-width: 1400px) {
	.about-policy-text{
		font-size: 1rem;
		line-height: 1.8rem;
	}
}

.about-principle-wrap{
	padding:0 0 60px 0;
}

.about-principle-text h2{
	font-weight: 900;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

@media (min-width: 992px) {
	.about-principle-wrap .container{
		position: relative;
		background-color: #ededed;
		padding: 0;
	}
	.about-principle-pic{ 
		width:50%; 
		margin-left:auto; 
	}
	.about-principle-text{
		position: absolute;
		top:50%;
		left:0;
		transform: translate(0,-50%);
		width: 50%;
		padding: 60px;
		font-size: 0.9rem;
		line-height: 1.5rem;
	}

}
@media (min-width: 1400px) {
	.about-principle-text{
		font-size: 1rem;
		line-height: 1.8rem;
	}
}


.prev-alt{ background-color:#1585cd; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:0%; padding:14px 15px 16px 15px; transform:translate(0,-50%); opacity:0.75;}
.prev-alt:hover{ opacity:1;}
.next-alt{ background-color:#1585cd; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:100%; padding:14px 15px 16px 15px; transform:translate(-100%,-50%); opacity:0.75;}
.next-alt:hover{ opacity:1;}


.about-history-wrap{ 
	background-color:#ededed;
	padding:80px 0;
	position: relative;
}
.about-history-line{
	position: absolute;
	top:242px;
	left:0;
	width: 100%;
	height: 1px;
	background-color:#999;
	display: block;
}
.about-history-item{
	height: 480px;
}
.about-history-item h3{
	color:#e70404;
	font-weight: 900;
	font-size: 3rem;
}
.about-history-icon{ 
	color:#e70404;
	font-size: 2rem;
	margin: 15px 0;
 }
 .about-history-item ul{
 	padding: 0;
 	list-style: none;
 	font-size: 0.9rem;
 }
  .about-history-item ul li{
  	padding-right: 15px;
  }

@media (min-width: 992px) {
	.about-history-line{
		top:247px;
	}
}


.about-organization-wrap{ 
	padding:60px 0; 
}
.about-organization-item{
	margin: 15px 0;
}
.about-organization-item h3 {
    background: #2e88cb; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e88cb 0%, #14569f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e88cb 0%,#14569f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e88cb 0%,#14569f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e88cb', endColorstr='#14569f',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 5px;
    margin: 0;
}

.about-organization-pic{ 
	padding:15px; 
	background:#ededed; 
}


.about-facility-wrap{
	padding: 0 0 60px 0;
}
.about-facility-item{ 
	padding:0;
	margin: 15px 0;
	background-color:#ededed;
	height: 310px;
}
.about-facility-item h3 {
    background: #2e88cb; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e88cb 0%, #14569f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e88cb 0%,#14569f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e88cb 0%,#14569f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e88cb', endColorstr='#14569f',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 5px;
    margin: 0;
}
.about-facility-item ul{ 
	padding:10px 0 0 0;
	list-style: none;
}
.about-facility-item ul li{ 
	padding: 10px;
	margin: 0 10px 10px 10px;
	text-align: center;
	background-color: #fff;
}
@media (min-width: 1200px) {
	.about-facility-item{ 
		padding:0; 
	}
}


.about-certificate-wrap{ 
	background-color:#ededed;
	padding:80px 0;
}

.about-agent-wrap{
	padding: 60px 0;
}
.about-agent-item{
	margin:15px 0;
}
.about-agent-item h3 {
    background: #2e88cb; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e88cb 0%, #14569f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e88cb 0%,#14569f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e88cb 0%,#14569f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e88cb', endColorstr='#14569f',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 5px;
    margin: 0;
}
.about-agent-pic{ 
	padding:15px; 
	background:#ededed;
}
.about-agent-pic img{ 
	margin-bottom:15px; 
}
@media (min-width: 992px) {
	.about-agent-pic{ 
		height: 320px; 
	}
}

.page-anchor{
	position: absolute;
	top:-120px;
}

.about-case-wrap{ 
	padding: 60px 0 0 0;
	position: relative;
}
.about-case-item{
	margin: 15px 0;
}
.about-case-item h3 {
    background: #2e88cb; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e88cb 0%, #14569f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e88cb 0%,#14569f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e88cb 0%,#14569f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e88cb', endColorstr='#14569f',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 5px;
    margin: 0;
}
.about-case-item .table-responsive{
	height: 320px;
	overflow-y: scroll;
}

/*========================================================
                      	 營業項目
=========================================================*/

.service-item {
    position: relative;
}
.service-item h3 {
    background: #2e88cb; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e88cb 0%, #14569f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e88cb 0%,#14569f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e88cb 0%,#14569f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e88cb', endColorstr='#14569f',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 5px;
    margin: 0;
}
.service-item p {
    padding: 20px;
}

.service-item-img {
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    border: 10px solid #e9e9e9;
}
.service-item-img:hover {
    color: #fff
}
.service-item-img:hover .service-item-mask {
    opacity: 1;
    visibility: visible
}
.service-item-img:hover .service-item-mask::after {
    height: 100%
}
.service-item-img img {
    display: block;
    width: 100%;
    height: auto;
    /*-o-object-fit: cover;
    object-fit: cover*/
}
.service-item-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .625rem 1rem;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    font-size: 1rem;
    font-weight: 700;
    transition: all .3s
}
.service-item-mask::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 50px;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    transform: translateY(-50%);
    transition: all .3s
}
.service-item-mask span {
    position: relative;
    display: block;
    z-index: 2;
    padding: 6px 30px 4px;
    border: 1px solid #fff;
}


@media (min-width: 1600px) {
    .service-wrap {	
        padding-left: 10%;
        padding-right: 10%;
    }
}


.service-brand-logo{
	padding: 10px;
	margin-bottom: 15px;
	background-color: #ccc;
}

.service-brand-item{
	margin: 30px 0;
}

.service-subtitle{
	border-left: 15px solid #0c3862;
	padding-left: 15px;
	font-weight: 900;
	display: inline-block;
	vertical-align: middle;
}

.service-brand-text ul{
	padding: 0;
	list-style: none;
}
.service-brand-text ul li{
	border-bottom: 1px solid #ccc;
	padding:10px 80px 10px 0;
	position: relative;
}
.service-brand-text ul li a{
	position: absolute;
	top:10px;
	right:0;
	padding: 0px 10px;
	font-size: 0.8rem;
	color:#fff;
	background-color: #2270b5;
	border-radius: 15px;
}
.service-brand-text ul li a:hover{
	background-color: #09f;

}


@media (min-width: 992px) {
	.service-introduction-pic{
		float: left;
		height: 240px;
		width: 320px;
		background-size: cover;
		background-position: center;
	}
	.service-introduction-text{
		min-height: 240px;
		margin-left: 360px;
		padding: 45px;
		background-color: #ededed;
	}
}


.service-detail-content img{ max-width:100%; }



/*========================================================
                         技術支援
=========================================================*/

.download-wrap{ 
	padding:0; 
}

.download-table thead{
	background-color: #2270b5;
	color:#fff;
}
.download-table tr th:last-child,
.download-table tr td:last-child{
	text-align: center;
}


/*========================================================
                         最新消息
=========================================================*/
.news-post {
    padding-top: 20px;
    text-align: center;
    font-size: 1rem;
}

/* 目錄頁設定 */
.news-post .post-minimal {
	position: relative;
	overflow: hidden;
    padding-bottom: 30px;
	margin-bottom: 40px;
	text-align: left;
    border-bottom: 1px solid #e9e9e9;
}
.news-post .post-minimal .post-body {
	padding: 0 30px;
}
.news-post .post-minimal * + .post-text {
	margin-top: 8px;
}
.news-post .post-minimal .post-meta {
	font-size: 0.9rem;
}
.news-post .post-minimal .post-meta time {
    display: inline-block;
	color: #fff;
    margin-right: 10px;
    width: 100px;
    min-height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #0c3862;
}
.news-post .post-minimal .post-meta span a {
	color: #333;
}
.news-post .post-minimal .post-meta span a:hover {
	color: #0c3862;
}
.news-post .post-minimal .post-body h2 a {
	font-size: 1.4rem;
	color: #333;
    font-weight: bold;
    margin: 10px 0;
}
.news-post .post-minimal .post-body h2 a:hover {
	color: #0c3862;
}
.news-post .post-minimal .more a {
	display: inline-block;
	margin-top: 10px;
	font-weight: bold;
	color: #0c3862;
}


/* 尺寸設定 */
@media (max-width: 991px) {
	.news-post .post-minimal {
		display: inline-block;
		width: 100%;
		max-width: 600px;
        background-color: #f1f1f1;
	}
    .news-post .post-minimal .post-body {
        padding: 10px 30px 0;
    }
	.news-post .post-minimal .post-image img {
		width: 100%;
		vertical-align: bottom;
	}
}
@media (min-width: 992px) {
	.news-post .post-minimal {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: top;
		-ms-flex-align: top;
		align-items: top;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
    .news-post .post-minimal .post-left img {
        width: 280px;
	}
	.news-post .post-minimal .post-body {
		padding: 0 30px;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.news-post .post-minimal .post-left img {
		width: 320px;
	}
	.news-post .post-minimal .post-body {
		padding: 0 30px;
	}
}
@media (min-width: 1200px) {
	.news-post .post-minimal {
		-webkit-align-items: center;
		-ms-flex-align: center;
		/* align-items: center; */
	}
}
@media (min-width: 1600px) {
	.news-post .post-minimal .post-left img {
		width: 260px;
	}
}
/*========================================================
                   	最新消息內頁
=========================================================*/

.news-detail {
	text-align: left;
    border-bottom: 2px dashed #adadad;  
}
.news-detail img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.news-detail .sort {
    margin-bottom: 20px;
}
.news-detail .sort time {
    font-weight: bold;
}
.news-detail .sort span {
    display: inline-block;
    background-color: #769511;
    color: #fff;
    margin-right: 10px;
    border-radius: 15px;
    line-height: 28px;
    padding: 1px 20px;
    font-size: 0.9rem;
}
.news-detail-title {
	text-align: left;
	margin: 0 0 20px 0;
	color: #333;
	font-weight: bold;
    font-size: 1.8rem;
}
.news-detail-content {
    margin-bottom: 40px;
}
.news-detail-link {
    border-top: 2px dashed #adadad;
    padding: 1rem;
    font-size: 0.9rem;
    background-color: #ededed;
}
.news-detail-link h4 {
    font-size: 1.1rem;
    font-weight: bold;
}
.news-detail-link a {
    display: inline-block;
    color: #333;
    text-decoration: underline;
    margin-left: 10px;
}
.news-detail-link a:hover {
    text-decoration: none;
}


/* 分類+外連 */
.news .news-detail-row {
    display: flex;
    font-size: 1rem;
    color: #63636b;
    margin: 0 2px 6px 2px;
}
.news .news-detail-row a {
    color: #63636b;
}
.news .news-detail-row a:hover {
    text-decoration: underline;
}
.news .news-detail-row {
    line-height: 24px;
    margin-bottom: 14px;
}
.news .news-detail-row .news-detail-sort {
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 0.8rem;
}
.news .news-detail-row .news-detail-date {
    background-color: #c5880d;
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 1rem;
}
.news .news-detail-row .news-detail-date i {
    margin-right: 6px;
}

/*========================================================
                         會員系統
=========================================================*/

.login-bg{ background-image:url(../img/login-bg.jpg); background-size:cover; background-position:center; }

.login-wrap .container{ max-width:640px; }

.login-content{ padding:30px 15px; background-color:rgba(255,255,255,1); -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}

.login-content p{ padding: 0px 15px; font-size:1rem; color:#777;}

.login-content form .form-group input{ border-radius:0; padding:25px; background-color:#ededed;}
.login-content form .form-group select{ border-radius:0; padding:0 22px; background-color:#ededed; height:52px;}
.login-content form .form-group button{ background-color:#2270b5; border-color:#2270b5; color:#fff; border-radius:0; padding:15px 0; width:100%; text-align:center; }
.login-content form .form-group button[type="reset"]{background-color:#ccc; border-color:#ccc; color:#555;}

.login-content form h6{ margin-bottom:15px; padding: 10px 15px; font-size:0.9rem; color:#777;}
.login-content ul{ list-style:none; padding:0; text-align: center;}
.login-content ul li{ display:inline-block;}
.login-content ul li i{ margin-right:10px;}
.login-content ul li a{ color:#2270b5;}
.login-content ul li a:hover{ color:#09f; text-decoration:none;}
.login-content ul li::after{ content:"│"; margin-right:4px; margin-left:6px;}
.login-content ul li:last-child::after{ display:none;}


@media (min-width:992px){ 
	.login-content{ padding:60px;}
}


.sidenav-title-wrapper{ padding:20px 0 14px 0; background-color:#0c3862; color:#fff;}
.sidenav-title{ padding-left:30px; font-size:1.2rem;}
.sidenav-title span{ font-size:2rem;}

.sidenav ul{ padding:0; list-style:none;}
.sidenav ul li{ border-bottom:1px solid #ededed;}
.sidenav ul li a{ padding:15px 15px 15px 30px; color:#555; font-weight: 700; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-position:-60px 21px; background-size:auto 14px; overflow:hidden; display:block; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.sidenav ul li a:hover,
.sidenav ul li a.active{ color:#0c3862; text-decoration:none; background-position:10px 21px;}
.sidenav ul .sidenav-sub li{}
.sidenav ul .sidenav-sub li a{ font-size:0.9rem; padding:2px 15px 2px 45px; background-image:none;}

.member-title{ color:#333; border-bottom:1px solid #ccc; margin-bottom:15px; padding:10px 0 15px 0; font-weight: 900;}

.member-profile ul{ padding:0; list-style:none; }
.member-profile ul li{padding: 0; margin: 12px 0; font-size: 0.8rem;  background-color: #ededed;}
.member-profile ul li span{padding: 10px; margin-right: 15px; background-color:#0c3862; color:#fff; width:120px; display: inline-block; text-align:center; }

.member-more{ margin: 45px 0 30px 0;}
.member-more a{ padding:15px 30px; background-color:#2270b5; color:#fff; }
.member-more a i{ margin-right:10px; }
.member-more a:hover{ background-color:#09f; text-decoration:none; }

.member-wrap .form-group{ padding:0;  margin: 15px 0;}
.member-wrap form .form-group input{ border-radius:0; padding:25px; background-color:#ededed;}
.member-wrap form .form-group select{ border-radius:0; padding:0 22px; background-color:#ededed; height:52px;}
.member-wrap form .form-group button{ background-color:#2270b5; border-color:#2270b5; color:#fff; border-radius:0; padding:15px 40px; text-align:center; }
.member-wrap form .form-group button[type="reset"]{background-color:#ccc; border-color:#ccc; color:#555;}

.member-term-content h3{ border-left:8px solid #0c3862; padding-left:15px; font-size:1.4rem; font-weight:900; }

@media (min-width:992px){
	.member-profile ul li{font-size: 1rem; }
	.member-profile ul li span{padding: 10px; margin-right: 30px; width:160px;}
}


/*========================================================
                         聯絡我們
=========================================================*/

.contact-wrap h2 {
    font-weight: 600;
}
.contact-info h4 {
    color: #144a95;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.contact-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contact-info ul li {
	list-style: none;
	position: relative;
	margin-bottom: 2px;
	padding-left: 24px;
}
.contact-info ul li i {
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 2;
    display: inline-block;
    width: 20px;
    text-align: center;
}
.contact-info ul li:nth-of-type(4n+1) i {
    color: #e71c30;
}
.contact-info ul li:nth-of-type(4n+2) i {
    color: #028ad3;
}
.contact-info ul li:nth-of-type(4n+3) i {
    color: #2e9876;
}
.contact-info ul li:nth-of-type(4n+4) i {
    color: #cd7f0c;
}

.contact-info ul li [class^="flaticon-"]:before, 
.contact-info ul li [class*=" flaticon-"]:before, 
.contact-info ul li [class^="flaticon-"]:after, 
.contact-info ul li [class*=" flaticon-"]:after {
    margin-right: 0px;
}


@media (min-width: 1200px) {
    .contact-info {
        min-height: 210px;
    }
}
@media (min-width: 1600px) {
    .contact-info {
        min-height: 147px;
    }
}


/*========================================================
                         各類表單
=========================================================*/

.form-horizontal {
	margin-bottom: 40px;
}
.form-horizontal label {
	margin-bottom: 0;
    font-weight: bold;
    color: #666;
}
.form-horizontal label:before {
    font-family: 'Font Awesome 5 free';
    content: "\f044";
    font-weight: 900;
    display: inline-block;
    margin-right: 5px;
    color: #111;
}
.form-horizontal .form-control {
	border: 1px solid #ededed;
	background-color: #ddd;
}

.form-control::-moz-placeholder {
	color: #666;
	opacity: 1;
	font-size: 16px;
	font-weight: bold;
}
.form-control:-ms-input-placeholder {
	  color: #666;
}
.form-control::-webkit-input-placeholder {
	  color: #666;
}

.contact-form {
	margin-bottom: 20px;
}
.contact-form [class *= col-] {
	position: relative;
	margin-bottom: 10px;
}

.form-group {
	padding: 10px 15px;
	margin-bottom: 0 !important;
}
/*.form-group:nth-of-type(2n+2) {
	background-color: #ededed;
}*/
.form-group b {
	display: block;
	font-size: 15px;
}
.input {
	text-decoration: none;
	border: 1px solid #c7c7c7;
	width: 100%;
	padding: 2px 2px;
}

@media (min-width: 768px) {
	.form-info {
		padding: 20px 20px 20px 70px;
		background: #f7f7f7 url(../images/warning2.png) no-repeat 20px center;
	}
	.form-info {
		margin-right: 15px;
	}
	.input {
		width: 40%;
	}
	.form-group b {
		display: inline-block;
	}
}



/*========================================================
                           表格
=========================================================*/

.table1 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 15px;
}
.table1 tr:nth-child(2n+1) {
	background-color: #e5f3f6;
}

.table1 th {
	background-color: #0da4bf;
	color: #fff;
    font-size: 1.1rem;
	font-weight: bold;
	padding: 10px 10px !important;
	text-align: center;	
}
.table1 td {
	padding: 5px 15px !important;
    border: none;
}
.table1 td:first-of-type {
    text-align: center;
}



/*========================================================
                         ul設定
=========================================================*/

.ul-s1 {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: left;
}
.ul-s1 > li {
    padding: 0 0 0 40px;
    margin-bottom: 10px;
    position: relative;
}
.ul-s1 > li span {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 1rem;
	color: #000;
	line-height: 30px;
	text-align: center;
	background-color: #9abdd2;
    position: absolute; 
    left: 0; 
    top: 2px; 
    z-index: 9; 
}

.ul-s2 {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
.ul-s2 li {
    border-bottom: 1px solid #ddd;
    padding: 3px 10px;
}
.ul-s2 li span {
    font-weight: bold;
    color: #548235;
}
.ul-s2 li:before {
    font-family: 'Font Awesome 5 free';
    content: "\f0da";
    font-weight: 900;
    display: inline-block;
    margin-right: 6px;
}








/*========================================================
                         圖片效果
=========================================================*/

a.figure {
	display: block;
	position: relative;
}
a.figure:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
a.figure:before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    content: '';
    display: inline-block;
    background: rgba(255,255,255,0.15) url(../img/magnifier.png) no-repeat center center;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: .3s;
}


.picture-effect {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.picture-effect img {
	transform: scale(1);
	transition: .3s ease-out all;
}
.picture-effect a {
	display: inline-block;
	position: relative;
}
.picture-effect a:before {
	content: '了解更多';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(206, 26, 26, 0.4);
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	transition: .3s ease-out all;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.picture-effect a:hover:before {
	opacity: 1;
}
.picture-effect a:hover img {
	transform: scale(1.1);
}