@charset "utf-8";

/* 
color-藍 

主色 #466BAA  rgba(70,107,170,1)
主色加深 #0E429B  rgba(14,66,155,1)


強調色 #FAC200  rgba(1250,194,0,1)

*/




/* ==01. 表單元件基本設定=======================================*/
input , select , textarea{ color: #333; background:#F9F9F9; border: 1px solid #466BAA; }

select::-ms-expand { display: none; }
input:focus , select:focus{ border-color: rgba(13,105,231, 0.2); }




/* ==03. 分頁設定 page=======================================*/
.page a , .page span{ border-color:#466BAA; color:#466BAA; }
.page span{ background:#0E429B; color:#fff; }
.page a:hover{ background:#466BAA; color:#fff; border-color:#466BAA; }




/* ==04. 套用owl.carousel之輪播基本設定=======================================*/
.owl-dots-style .owl-dots .owl-dot span { border-color:#0E429B; }
.owl-dots-style .owl-dots .owl-dot.active span, 
.owl-dots-style .owl-dots .owl-dot:hover span { background:rgba(51,51,51,0.6); border-color:#0E429B; }






/* ==05. 回頂端按紐=======================================*/
.scrolltop{ background:#466BAA; }
.scrolltop:hover{ background:#FAC200; }



/* ==06. 頁首header設定=======================================*/
.icon-fb a{ background:#466BAA; }
.icon-fb a:hover{ background:#0E429B; }

.header-bar{ background:#466BAA; }
.header-bar:before{ background:#0E429B; }

.language-wrap a{ color:#0E429B; background:rgba(255,255,255,0.6); }
.language-wrap a:focus{ color:#0E429B; }
.language-wrap a:hover{ background:rgba(255,255,255,0.8); color:#0E429B; }
.language-wrap a.active{ background:#fff; color:#0E429B; }

.menu-list li:hover{ border-bottom-color:#FAC200;}
.menu-list li a{ color:#fff; }
.menu-list li a .menu-en{ color:#FAC200; }

#header-bar-fixed.setfixed{ 
	-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
}



/* ==08. 小螢幕時選單設定=======================================*/
.nav-trigger{ border-color:#fff; background:transparent; }
.nav-trigger-icon{ border-top-color:#fff; border-bottom-color:#fff; }
.nav-trigger-icon:before{ background:#fff; }

.mobile-menu-wrap{ background:#466BAA; }

.menu-mobile-list{ border-top-color:rgba(56,85,136,0.9); } /*-----深*/
.menu-mobile-list:before{ background:rgba(106,136,187,0.9); } /*-----淺*/
.menu-mobile-list li a{ color:#fff; border-bottom-color:rgba(255,255,255,0.4); }

.menu-mobile-list > li.current{ color:#600B11; }
.menu-mobile-list > li.current > a{ color:#466BAA; }
.menu-mobile-list li li.current > a{ color:#FFD506; }

.language-trigger{ color:#fff;  background:rgba(255,255,255,0.1); }
.language-trigger:focus , .language-trigger:hover{ color:#fff; }
.language-trigger-icon{ border-right-color:#fff;  border-bottom-color:#fff; }

.mobile-language-list{ background:#fff; }
.mobile-language-list a{ color:#466BAA; border-bottom-color:rgba(0,0,0,0.1); }
.mobile-language-list a:hover{ background:rgba(0,0,0,0.1); }

.mobile-member-icon{ color:#fff; background:rgba(255,255,255,0.1); }
.mobile-member-icon:hover{ color:#fff; }

.mobile-menu-close:after, .mobile-menu-close:before { background-color:#fff; }

.page-overlay{ background:rgba(0,0,0,0.7); }




/* ==09. 頁尾footer設定=======================================*/
.footer:before{ background:#ccc; }

.footer-top{ background:#333; }

.web-copyright{ background:#0E429B; }
.footer-top , .footer-top a , .web-copyright , .web-copyright a{ color:#fff; }
.footer-top a:hover , .web-copyright a:hover{ color:#FAC200; }




/* ==10. 全頁面共同設定=======================================*/
.page-headline .title , .page-headline .subtitle{ color:#466BAA; }
.page-headline .title{ border-bottom-color:#ccc; }

.content-headline{ border-bottom-color:#FAC200; }
.content-headline:before{ background:#0E429B; }
.content-headline , .content-headline a{ color:#466BAA; }
.content-headline a:hover{ color:#004DA0; }

.category-list li a{ color:#466BAA; border-color:#466BAA; }
.category-list li a:hover , .category-list li.active a{ background:#466BAA; color:#fff; }

.download-btn{ color:#466BAA; }
.download-btn:before{ background:#466BAA; }
.download-btn:after{ border-top-color:#fff; }
.download-btn:hover{ color:#0E429B; }
.download-btn:hover:before{ background:#0E429B; }

.pageback-btn span{ color:#999999; }
.pageback-btn span:before{ border-right-color:#999; }
.pageback-btn:hover span{ color:#0E429B; }
.pageback-btn:hover span:before{ border-right-color:#0E429B; }

.view-heading{ color:#466BAA; }




/* ==11. 首頁=======================================*/
.sgs-area .content .title span{ color:#466BAA; }
.sgs-area .content .title span:before{ background:#466BAA; }

.idx-material-box{ background:rgba(70,107,170,0.5); }
.idx-material-box:before{ background:rgba(70,107,170,1); }
.idx-material-btn .title{ background:#fff; color:#466BAA; }
.idx-material-btn .more , .idx-material-btn .slogan{ color:#fff; }
.idx-material-btn:hover .title{ background:#FAC200; color:#466BAA; }
.idx-material-btn:hover .more , .idx-material-btn:hover .slogan{ color:#FAC200; }

.link-heading{ border-bottom-color:#E5E5E5;}
.link-heading .title{ color:#0E429B; }
.link-heading .subtitle{ color:#808080; }
.link-spec-title{ color:#466BAA; }
.link-spec{ color:#808080; }
.link-more-line{ background:#466BAA; }
.link-more-line:before{ background:#466BAA }
.link-more-btn a{ border-color:#fff; color:#fff; }
.link-more-btn a:hover{ border-color:#FAC200; color:#FAC200; }
@media only screen and (max-width: 1100px) {
	.link-more-line{ background:transparent; }
	.link-more-btn a{ color:#466BAA; border-color:#466BAA; }
}

.owl-item-slider.owl-nav-style .owl-next , .owl-item-slider.owl-nav-style .owl-prev{ 
	border:1px solid #999;
	background:#666;
}
.owl-item-slider.owl-nav-style .owl-prev:hover , .owl-item-slider.owl-nav-style .owl-next:hover{ border-color:#FAC200; background:#FAC200; }
.owl-item-slider.owl-nav-style .owl-prev:hover:before , .owl-item-slider.owl-nav-style .owl-prev:hover:after , 
.owl-item-slider.owl-nav-style .owl-next:hover:before , .owl-item-slider.owl-nav-style .owl-next:hover:after{
	background:#fff;
}
.owl-item-slider.owl-nav-style .owl-prev.disabled , .owl-item-slider.owl-nav-style .owl-next.disabled{ opacity:0.5; cursor:default; border-color:#ccc; }
.owl-item-slider.owl-nav-style .owl-prev.disabled:before , .owl-item-slider.owl-nav-style .owl-prev.disabled:after , 
.owl-item-slider.owl-nav-style .owl-next.disabled:before , .owl-item-slider.owl-nav-style .owl-next.disabled:after{
	background:#fff;
}
.owl-item-slider.owl-nav-style .owl-prev:hover.disabled , 
.owl-item-slider.owl-nav-style .owl-next:hover.disabled{ background:#666; }

.idx-item-name{ color:#333; }
.idx-item a:hover .idx-item-name{ background:#466BAA; color:#fff; }
.idx-item a:hover { border-color:#466BAA; }


.idx-announcement-intro{ color:#666;}
.announecment-box.idx:hover .announecment-box-list li.title{ color:#466BAA; }
.announecment-box.idx:hover .announecment-box-list li.info{ color:#666; }



.idx-fb .content .title{ color:#fff; }
.idx-fb .content .spec{ color:#fff;  }


.idx-news-headline:before{ background:#0E429B; }
.idx-news-headline:after{ background:#FAC200; }
.idx-news-headline .title{ color:#0E429B; }
.idx-news-headline .subtitle{ color:#FAC200; }

.news-date , .news-title a , .news-more-btn a{ color:#466BAA; }
.news-title a:hover{ color:#FAC200; }
.news-more-btn a:hover{ color:#333; }

.news-spec{ color:#989898; }
.news-more-btn:before{ color:#466BAA; }
.news-more-btn:hover:before{ color:#333; }

.news-link-btn a{ background:#466BAA; color:#fff; }
.news-link-btn a:hover{ background:#0E429B; }


.idx-faq-title{ color:#466BAA; border-color:#466BAA; }
.idx-faq-link:hover .idx-faq-title{ color:#0E429B; border-color:#0E429B; }

.require-txt.required{ background:#EC6C00; }
.require-txt span{ display:none; }
.contact-form-heading{ color:#004DA0; }
.contact-form-btn{ background:#466BAA; border-color:#466BAA; }
.contact-form-btn:hover{ background:#0E429B; border-color:#0E429B; }




/* ==13. 最新消息=======================================*/
.post-item{ border-bottom-color:#ccc; }
.post-title .date{ color:#666; }
.post-title .name{ color:#466BAA; }
.post-content{ color:#666; }

.post-more-btn{ color:#466BAA; }
.post-more-btn:hover{ color:#0E429B; }
.post-item a:hover{ background:rgba(70,107,170, 0.6); }
.post-item a:hover .name , .post-item a:hover .post-more-btn , .post-item a:hover .post-title .date { color:#fff; }

.news-view-date{ color:#666; font-size:14px; text-align:center; }




/* ==14. 活動公告=======================================*/
.announecment-box{ border-bottom-color:#ccc; }

.announecment-box-list li.note span{ color:#666; }
.announecment-box-list li.title{ color:#466BAA; }
.announecment-box-list li.info{ color:#666; }
.announecment-box-list li.intro{ color:#999; }

.announecment-box:hover{ background:rgba(70,107,170, 0.6); }
.announecment-box:hover .announecment-box-list li.title{ color:#fff; }
.announecment-box:hover .announecment-box-list li.info{ color:#333; }
.announecment-box:hover .announecment-box-list li.intro{ color:rgba(255,255,255,0.5); }




/* ==15. 商品介紹=======================================*/
.side-nav li a{ color:#333; background:#F6F6F6; border-bottom-color:rgba(114,69,94, 0.1); }

ul.mtree  li.mtree-node > a:before{ border-right-color:#333; border-top-color:#333; }

.side-nav > li > a:after{ background:#FAC200; }
.side-nav > li > a:hover{ background:#466BAA; color:#fff; }
.side-nav > li.mtree-node > a:hover:before{ border-right-color:#fff; border-top-color:#fff; }

.side-nav > li.mtree-open > a{ background:#004DA0; color:#fff; }
.side-nav > li.mtree-node.mtree-open > a:before{ border-right-color:#fff; border-top-color:#fff; }

.side-nav li li a{ background:rgba(250,194,0, 0.4); }
.side-nav li li a:hover{ background:rgba(0,77,160,0.5); color:#fff; }
.side-nav li li.mtree-node > a:hover:before{ border-right-color:#fff; border-top-color:#fff; }

.side-nav li li.mtree-open > a{ background:#FAC200; color:#fff; }
.side-nav li li.mtree-node.mtree-open > a:before{ border-right-color:#fff; border-top-color:#fff; }

.side-nav li li li a{ background:rgba(250,194,0, 0.2);}


.product-box{ border-bottom-color:#466BAA; }

.product-box a .product-title{ color:#666; }
.product-box a .product-spec{ color:#666; }

.product-box a:hover{ background:rgba(70,107,170, 0.6); }
.product-box a:hover .product-title{ color:#fff; }

.product-view-top-area{ border-bottom-color:#ccc; }
.product-view-name{ color:#466BAA; }





/* ==16. 作品欣賞=======================================*/
.works-title{ color:rgba(70,107,170, 1); }

.works-box a:hover{ background:rgba(70,107,170, 0.6); }
.works-box a:hover .works-title{ color:#fff; }



/* ==18. 常見問題=======================================*/
.qa-box{ border-bottom-color:#ccc; }

.qa-title{ color:#466BAA; }



/* ==19. 文章分享=======================================*/
.article-item{ border-bottom-color:#ccc; }
.article-download a{ color:#666; border-color:#ccc; }
.article-download a:before{ background-color:#666; }
.article-download a:hover{ color:#466BAA; border-color:#466BAA; }
.article-download a:hover:before{ background-color:#466BAA; }

.article-title{ color:#466BAA; }

.article-introduction{ color:#666; }

.article-item > a:hover{ background:rgba(70,107,170, 0.6); }
.article-item > a:hover .article-title{ color:#fff; }



/* ==20. 檔案下載=======================================*/
.download-introduction{ color:#666; }





/* ==21. 相關連結=======================================*/
.link-photo{ border-color:#ccc; background:#fff; }

.link-item:hover{ background:rgba(70,107,170, 0.6); }
.link-item:hover .link-name{ color:#fff; }





/* ======================================
	22. 聯絡我們
====================================================================================================================================== */
.contact-info-list , .contact-info-list a{ color:#466BAA; }
.contact-info-list a:hover{ color:#0E429B; }