/* 樣版色系 */
/* 主色: #3278d0 */
/* 搭配-淺色: #6faefd */
/* 搭配-深色: #0f4486 */
/* 背景淺色: #e7f3ff */


/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu { background:rgba(201, 231, 243, .9);} /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #FFF;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn { background:#51b4d3;	} /** 手機選單ICON按鈕底色 ***/
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { background:#51b4d3; } /** 選單滑入顏色 ***/


/***  選單與下拉  ***/
 .menu>li { color:#fff; }
 .menu>li>a { font-size:18px; color:#3278d0; }  
 .menu>li>a:hover {border-bottom:2px solid #6faefd; border-top:2px solid #6faefd; color:#0f4486; }


/** 次選單 **/

.menu.sub-menu>li:hover>ul { position:absolute; width:130px; padding:12px 0 0 0; display: block; left:-50%; top:33px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin-left:5px; }

.menu.sub-menu>li>ul>li{ font-size:15px; background: #6faefd;
 opacity: .9; /* 透明度90% FireFox 的寫法 */ 
filter: Alpha(Opacity=90); /* 透明度90% IE 的寫法 */ }
.menu.sub-menu>li>ul>li>a:hover{ background-color:#3278d0;}



/** 首頁最新消息 **/
.i-news h2 span{ color:#3278d0; }
.i-news ul li .month{ background:#3278d0; }
.i-news ul li .contect .contect-title{ color:#3278d0;}


/***  首頁-關於我們  ***/
.i-about-content h2 span{color: #3278d0; }
.i-about-content .more a{ background:#3278d0; color:#fff;}
.i-about-content .more a:hover{ background:#0f4486; }
.i-about .tableLayout .fig{ background:url(../images/knowledge-img.jpg) no-repeat top left; background-size:cover;}



/** 首頁-常見問題 **/
.i-qa h2{ }
.i-qa h2 span{color: #3278d0; }
.i-qa ul li i{color: #3278d0; }


/*****  內頁架構  *****/
.page-title { color:#3278d0; }
.page-title span:before{ color:#666666;}

.theme-title{ border-bottom:1px dashed #e5bebe; margin-bottom:20px; }
.theme-title i{ color:#3278d0; }


/*****  內頁選單  *****/
.in-left-menu>ul>li>a:hover { background:#fbc1ee; border:1px solid #fbc1ee;}
.in-left-menu>ul>li>a.active{background:#3278d0; border:1px solid #3278d0; color:#FFF;}
.in-left-menu>ul>li>a.active:after{ border-color: #3278d0 transparent transparent transparent; }




/*** 消息 ***/
.news h2{ font-size:30px; color:#333; }

.news ul li .month{ color:#fff;  background:#6faefd; }

.news ul li .contect{ color: #4d4d4d;  }
.news ul li .contect a{ color:#4d4d4d;}
.news ul li .contect a:hover{color:#3d8022;}

.news ul li .contect .contect-title{ color:#3278d0; }

.news-detaile .time{ color:#3278d0;}


/***** 產品明細 *****/
h3.pro-introduce { color:#666; }
h3.pro-introduce span{ background:#3278d0; color:#FFF; }


/*****  FAQ  *****/
.faq ul li .qa_title>a:before{ background:#666666; }
.faq ul li .qa_title>a i{ color:#FFF; }
.faq ul li .qa_content a{ background:#666666;}


/*****  聯絡我們  *****/
.contact-note { background:#3278d0 url(../images/footer-bg.png) ; color:#FFF;}

a.btn-send { background: #3278d0; color:#fff;}
a.btn-send:hover { background: #0f4486;}
a.btn-reset { background:#3278d0; color:#fff; }
a.btn-reset:hover { background:#0f4486;}


/* 頁次 */	
.page a { background: #3278d0; color:#fff; }
.page a:hover { background: #0f4486; color: #fff;}


/******  底部資訊  ******/
footer { background:#c6e6f2 url(../images/footer-bg.png); }