/* CSS Document */
body{
	background-color: #F4FBFD;
}/*主背景*/

@media (min-width:992px){
	
#mainNav.navbar-shrink{
	background-color:#456698
}
}
@media (max-width:992px){
#mainNav{background-color:#456698}
}
.bg-light {
	background-color: #D6F0FA!important;
}/*次背景*/
a{
	color:#3184CE
}
a:hover{color:#fec503}

.text-primary{color:#3184CE!important}
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fec503}/* 網站名稱 */
#mainNav .navbar-brand{color:#FFF;}/* 網站名稱 */
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{
	color:#FFFF00
}/* 主選單 */
#mainNav .navbar-nav .nav-item .nav-link{color:#fff;}/* 主選單 */
#mainNav .navbar-toggler{color:#fff;background-color:#3184CE;}/* 按鈕選單 */
header.masthead{color:#fff;}/* 主標題文字 */
.btn-primary{
	background-color:#0D5077;
	border-color:#3184CE
}/* 主標題按鈕 */
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
	background-color:#0033CC!important;

	color:#fff
}
h2.section-heading{
	color:#303F56
}/* 區塊標題 */
.text-muted{color: #6c757d !important;}/* 區塊子標題以及產品服務說明文字 */
.portfolio-caption h4,h4.service-heading,.timeline-heading h4,h4.subheading{color:#333!important;}/* 產品服務標題 */
#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(0,102,204,.9)}/*產品hover背景色*/
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{color:#fff}/*產品hover+色*/
#portfolio .portfolio-item .portfolio-caption{background-color:#fff}/*產品背景色*/
.timeline>li .timeline-image{
	border:7px solid #B1D6EB;
	background-color:#3184CE
}/*訊息背景色,邊框色*/

.timeline:before {
	background-color:#B1D6EB
}
section#contact .form-control:focus{border-color:#3184CE;}/*聯絡我們選取時不清楚的邊框色*/
.copyright{color:#333}
ul.social-buttons li a{
	color:#fff;
	background-color:#0066CC
}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#3184CE}
section#contact{
	background-color:#B3DBEA;
}