/* CSS Document */
body{background-color: #C485C8;}/*主背景*/
@media (min-width:992px){
	
#mainNav.navbar-shrink{background-color:#670170}
}
@media (max-width:992px){
#mainNav{background-color:#670170}
}
.bg-light {background-color: #DCA0E0!important;}/*次背景*/
a{color:#fed136}
a:hover{color:#fec503}

.text-primary{color:#FFFFFF!important}
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#F0F0F0}/* 網站名稱 */
#mainNav .navbar-brand{color:#F7F7F7;}/* 網站名稱 */
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fff}/* 主選單 */
#mainNav .navbar-nav .nav-item .nav-link{color:#F7F0F8;}/* 主選單 */W
#mainNav .navbar-toggler{color:#FFFFFF;background-color:#EBC2EA;}/* 按鈕選單  */ 
header.masthead{color:#fff;}/* 主標題文字 */
.btn-primary{background-color:#F6F5F5;border-color:#B705C7;color:#8c628e}/* 主標題按鈕 */
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#660269!important;border-color:#949494!important;color:#fff}
h2.section-heading{color:#F5EFF5}/* 區塊標題 */
.text-muted{color: #F9EBF9 !important;}/* 區塊子標題以及產品服務說明文字 */
.portfolio-caption h4,h4.service-heading,.timeline-heading h4,h4.subheading{color:#FFFFFF!important;}/* 產品服務標題 */
#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(170,30,160,.9)}/*產品hover背景色*/
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{color:#fff}/*產品hover+色*/
#portfolio .portfolio-item .portfolio-caption{background-color:#B96ABF}/*產品背景色*/
.timeline>li .timeline-image{border:7px solid #C6C7C7;background-color:#fed136}/*訊息背景色,邊框色*/
.timeline:before {
	background-color:#DADBDB
}
section#contact .form-control:focus{border-color:#fed136;}/*聯絡我們選取時不清楚的邊框色*/
.copyright{color:#fff}
ul.social-buttons li a{color:#FFFFFF;background-color:#D06DC6}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#CB46D1}
section#contact{background-color:#C89CCA;}