/*
 Theme Name: 紘康科技(3.0 新)
 Theme URI: http://www.hycontek.com
 Description: 響應式網頁、右側邊欄、Boostrap、Mmenu Ready !!
 Author: Leo Hsu
 Author URI: http://www.netview.com.tw
 Version: 3.0
 Tags: 響應式，右側邊欄，企業網站
 License: GNU General Public License, v3 (or newer)
 License URI: http://www.gnu.org/licenses/gpl.html
 */

/********************************************
color1 (藍): #0D73F9;	rgba(13,115,249,1);
官方 (藍) : #3071B9 rgba(48,113,185)
nav 	： background: #0A4689; rgba(10,70,137,1)		(藍)
sidebar : background: #5abeb2; rgba(90,190,178,1);	(綠)
		: background: #ffc01d; rgba(255,192,29,1)	(黃)
********************************************/

/********************************************
	匯入外部檔案
********************************************/
@import url("css/base.css");
@import url("css/standard_form.css");
@import url("css/contact_form.css");
@import url("css/mobile.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/* @import url("css/for_test.css");   */

/*------------------------------------*\
	整體設定
\*------------------------------------*/
body {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4;
	font-family: "Roboto", "微軟正黑體", arial, sans-serif;  
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #666666;
	background: #FFF;
/*	background: rgba(127,127,127,.05); */
}
/*** 標準連結 ***/
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #E74847;
	text-decoration: none;
}
/*** 所有頁面 ***/
.index_box, .post_box, .page_box, .cat_box, .archive_box, .search_box {
	padding: 1em;
/*	border: 1px solid green;  */
}

.index_content, .post_content, .page_content, .cat_content, .archive_content, .search_content {
	padding-left: 2em;
	min-height: 30em;
/*	border: 1px solid blue;  */
}

@media only screen and (max-width: 767px) {
	.index_box, .post_box, .page_box, .cat_box, .archive_box,  .search_box {
	}

	.index_content, .post_content, .page_content, .cat_content, .archive_content, .search_content {
		padding-left: 5px;
		padding-right: 5px;
		min-height: inherit;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1319px) {
	.index_content, .post_content, .page_content, .cat_content, .archive_content, .search_content {
		padding-left: 15px;
		padding-right: 5px;
	}
}

/*** 動畫效果 ***/
a,
#top_menu a,
a.gotop, 
.products_list_wrap ul li a {
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

/**** breadcrumb ****/
.breadcrumb_wrap {
	padding-top: 10px;
	padding-bottom: 10px;
/*	margin-bottom: 15px; */
	background: rgba(127,127,127,.05);
}

/***** Pagination ***/
.wp-pagenavi {
	margin: 1em 0;
}
.wp-pagenavi span, .wp-pagenavi a {
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
}
.wp-pagenavi a:hover {
	background: #E74847;
	color: #FFF;
	border: 1px solid #E74847;
}

/******* POST 標題 *********************************
 <h3 class="post_title">
 	<span class="title"><?php the_title(); ?></span>
 </h3>
***************************************************/
.post_title {
	position: relative;
/*	border-bottom: 1px solid rgba(48,113,185,.2); */
	margin-bottom: 30px;
	height: 120px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: url(images/bg/post_title_default.png) no-repeat center center;
}

.post_title:before {
	content: '';
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.post_title span.title {
	vertical-align: middle;
	font-size: 36px;
	padding: 10px 30px;
	font-weight: 500;
/*
	color: #055ACD;
	text-shadow:  2px  0px 0 #fff, 
				 -2px  0px 0 #fff, 
				  0px  2px 0 #fff, 
				  0px -2px 0 #fff, 
				  1px  1px 0 #fff, 
				 -1px -1px 0 #fff, 
				  1px -1px 0 #fff, 
				 -1px  1px 0 #fff;
*/
	color: #FFF;
	text-shadow: 1px 1px 3px rgba(0,0,0,.8);
}

.post_title em {
	opacity: .6;
	font-style: normal;
	font-size: 50%;
}

.post_title .sub_title {
	display: block;
	position: absolute;
	top: 120%;
	left: 0;
	font-size: 15px;
	color: rgba(13,115,249,.7);
}


/*** 關於紘康 ***/
.about .post_title,
.about-cn .post_title,
.about-en .post_title {
	background: url(images/bg/about.png) no-repeat center center;
}

/*** 品質政策 ***/
.quality .post_title,
.quality-cn .post_title,
.quality-en .post_title {
	background: url(images/bg/quality.png) no-repeat center center;
}

/*** 產品目錄頁 ***/
.products .post_title,
.products-cn .post_title,
.products-en .post_title,
.touch .post_title {
	background: url(images/bg/products.png) no-repeat center center;
}

/***  應用方案頁 ***/
.application .post_title,
.application-cn .post_title,
.application-en .post_title {
	background: url(images/bg/application.png) no-repeat center center;
}

/***  開發工具頁 ***/
.tools .post_title,
.tools-cn .post_title,
.tools-en .post_title {
	background: url(images/bg/tools.png) no-repeat center center;
}

.tools span.title em,
.tools-cn span.title em,
.tools-en span.title em {
	opacity: 1;
	font-size: 60%;
}

/*** 菁英招募 ***/
.hr_104 .post_title,
.hr_104-cn .post_title,
.hr_104-en .post_title {
	background: url(images/bg/hr_104.png) no-repeat center center;
}

/*** 薪資福利 ***/
.salary .post_title,
.salary-cn .post_title,
.salary-en .post_title {
	background: url(images/bg/salary.png) no-repeat center center;
}

/*** 學習發展 ***/
.learning .post_title,
.learning-cn .post_title,
.learning-en .post_title {
	background: url(images/bg/learning.png) no-repeat center center;
}

/*** 紘康生活 ***/
.life .post_title,
.life-cn .post_title,
.life-en .post_title {
	background: url(images/bg/life.png) no-repeat center center;
}

/*** 財務報告 ***/
.finance .post_title,
.finance-cn .post_title,
.finance-en .post_title {
	background: url(images/bg/finance.png) no-repeat center center;
}

/*** 股東服務 ***/
.shareholder .post_title,
.shareholder-cn .post_title,
.shareholder-en .post_title {
	background: url(images/bg/shareholder.png) no-repeat center center;
}

/*** 公司治理 ***/
.governance .post_title,
.governance-cn .post_title,
.governance-en .post_title {
	background: url(images/bg/governance.png) no-repeat center center;
}

/*** 利害關係人專區 ***/
.interest_party .post_title,
.interest_party-cn .post_title,
.interest_party-en .post_title {
	background: url(images/bg/interest_party.png) no-repeat center center;
}

/*** 聯絡資訊 ***/
.contact_info .post_title,
.contact_info-cn .post_title,
.contact_info-en .post_title {
	background: url(images/bg/contact_info.png) no-repeat center center;
}

/*** 新聞中心 ***/
.news_content .post_title,
.news_content-cn .post_title,
.news_content-en .post_title {
	background: url(images/bg/news.png) no-repeat center center;
}

/*** 產品常見問題 ***/
.faq_content .post_title,
.faq_content-cn .post_title,
.faq_content-en .post_title {
	background: url(images/bg/faq.png) no-repeat center center;
}


/*** 客戶服務 (聯絡我們表單) ***/
.contact .post_title,
.contact-cn .post_title,
.contact-en .post_title {
	background: url(images/bg/contact.png) no-repeat center center;
}

/*** 品質承認書 ***/
.commit .post_title,
.commit-cn .post_title,
.commit-en .post_title {
	background: url(images/bg/commit.png) no-repeat center center;
}

/*** 產品說明文 ***/
.document .post_title,
.document-cn .post_title,
.document-en .post_title {
	background: url(images/bg/document.png) no-repeat center center;
}

/*** 搜尋結果 ***/
.search .post_title,
.search-cn .post_title,
.search-en .post_title {
	background: url(images/bg/search.png) no-repeat center center;
}

.about 		.post_title span.title,
.about-cn 	.post_title span.title,
.about-en 	.post_title span.title,
.hr 		.post_title span.title,
.hr-cn 		.post_title span.title,
.hr-en 		.post_title span.title,
.finance 	.post_title span.title,
.finance-cn .post_title span.title,
.finance-en .post_title span.title,
.contact 	.post_title span.title,
.contact-cn .post_title span.title,
.contact-en .post_title span.title,
.interest_party 	.post_title span.title,
.interest_party-cn 	.post_title span.title,
.interest_party-en 	.post_title span.title,
.contact_info 		.post_title span.title,
.contact_info-cn 	.post_title span.title,
.contact_info-en 	.post_title span.title,
.news_content 		.post_title span.title,
.news_content-cn 	.post_title span.title,
.news_content-en 	.post_title span.title {
	color: #055ACD;
	color: #0D73F9;
	
	text-shadow: 1px 1px 1px rgba(0,0,0, .7);
}

.life .post_title span.title,
.life-cn .post_title span.title,
.life-en .post_title span.title {
	color: #FFF;
}

@media only screen and (max-width: 767px) {
	.post_title {
		height: inherit;
		margin-bottom: 10px;
		padding-top: .5em;
		padding-bottom: .7em;
	}

	.post_title span.title {
/*		display: block; */
		font-size: 24px;
	}
}

/******* PAGE 標題 **********************************
 <h3 class="page_title">
 	<span class="title"><?php the_title(); ?></span>
 </h3>
***************************************************/
.page_title {
	position: relative;
	border-bottom: 1px solid rgba(48,113,185,.2);
	margin-bottom: 30px;
}

.page_title span.title {
	display: inline-block;
	border-bottom: 4px solid rgba(48,113,185,1);
	padding-bottom: 4px;
	color: rgba(48,113,185,1); 	/* #3071B9; */  
	line-height: 1.2;
}
.page_title .sub_title {
	display: block;
	position: absolute;
	top: 120%;
	left: 0;
	font-size: 15px;
	color: rgba(13,115,249,.7);
}
.page_title em {
	color: rgba(127,127,127,.6);
	font-size: 70%;
	padding-left: 0px;
}

@media only screen and (max-width: 767px) {
	.page_title {
		margin-bottom: 10px;
	}

	.page_title span.title {
/*		display: block; */
		border-bottom: none;
		padding-bottom: 3px;
		font-size: 24px;
	}
}

/*** 沒有文章的提示訊息 ***/
ul.no_post {
	min-height: 25em;
	border: 1px solid red;
	padding: 10px;
}
ul.no_post li h3 {
	margin-bottom: 15px;
	color: #E84C3D;
}

.empty_box {
	min-height: 25em;
}

@media only screen and (max-width: 767px) {
	.empty_box {
		min-height: inherit ;
		padding-top: 2em;
		padding-bottom: 2em;
		text-align: center;
	}
	.empty_box h3 {
		font-size: 17px;
	}
}

/********************************************
	user_content 內容設定
********************************************/
.user_content p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

/*** Wordpress content img 置中 ***/
.aligncenter {
	display: block;
	margin: 15px auto;
}

.alignleft {
	float: left;
	padding-right: 1em;
}
.alignleft:after {
	content: " ";
	display: table;
}
.alignright {
	float: right;
	padding-left: 1em;
}
.alignright:after {
	content: " ";
	display: table
}

@media only screen and (max-width: 767px) {
	.alignleft, .alignright {
		display: block;
		float: none;
		padding: 0;
		margin: 1em auto;
		border: 1px solid rgba(127,127,127,.2);
	}
}

/********************************************
	header.php
********************************************/
.header_wrap {
	position: relative;
	z-index: 1000;

/*	background: url(images/bg/header_bg.png) no-repeat center center;  */

	background: url(images/bg/header_bg.png);
	min-height: 100%;
	background-size: cover; 
	background-attachment: scroll; 
	background-repeat: no-repeat;
	background-position: center center;		



/*	border-top: 8px solid #3071B9;  */
}

@media only screen and (max-width: 1023px) {
	.header_wrap {
		background: none;
		padding: 0;
		margin-bottom: 50px;
	}
}

/******* 頂部 *******/
.top_wrap {
	text-align: right;
	background: rgba(255,255,255,0);
/*	border-bottom: 1px solid rgba(127,127,127,.2);   */
}
.top_box {
	vertical-align: middle;
	padding-right: 1em;
}

/***** 頂部功能表 *****/
.top_menu_box {
	vertical-align: middle;
}
#top_menu ul {
	list-style: none;
}
#top_menu ul li {
	display: inline-block;
	line-height: 2.5;
	margin: 0;
}
#top_menu ul li:after {
	content: "|";
	color: rgba(127,127,127,.3);
	padding: 0 5px;
}
#top_menu ul li:last-of-type:after {
	content: "";
}
#top_menu ul li a {
	padding: 3px 15px 5px;
	color: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
#top_menu ul li a:hover,
#top_menu ul li.current-lang:hover a {
	background: #E74847;
	color: #FFF;
}

/*** 目前語系 ***/
#top_menu ul li.current-lang a {
/*	background: #A91B1E; */
	color: #E74847;
}

/******* LOGO、Search Form、公司資訊 *******/
.banner_wrap {
	padding-top: 0em;
	padding-bottom: 2em;
}

.banner_box {}

.banner_box:before {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.logo_wrap, .top_search_wrap {
	vertical-align: middle;
	display: inline-block;
}

.logo_wrap {
	width: 20%; 
	margin-right: 3%;
}
.logo_wrap img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/*** 搜尋表單 ***/
.top_search_wrap {
	width: 75%;
	text-align: right;	
}

/*** 主功能表 ***/
.main_menu_wrap {
	background: #0A4689;

	box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.4);
}

.main_menu_wrap.scroll-fix {
	background-color: rgba(10,70,137,.85);
	box-shadow: 0 7px 5px -5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 7px 5px -5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 7px 5px -5px rgba(0,0,0,.3);
	-ms-box-shadow: 0 7px 5px -5px rgba(0,0,0,.3);
	-o-box-shadow: 0 7px 5px -5px rgba(0,0,0,.3);
}

/********************************************
	側邊欄 (sidebar.php)
********************************************/
.sidebar_wrap {
	margin-bottom: 15px;
	padding-right: 30px;
}
.sidebar_box {}

@media only screen and (max-width: 767px) {
	.sidebar_wrap {
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 1.5em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.sidebar_wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*** 每個小工具 ***/
.sidebar_right, .sidebar_left {
	margin-bottom: 30px;
}

/********************************************
 	側邊欄 目錄列表  
	黃：#ffc01d rgba(255,192,29,1)
********************************************/
/*** box ***/
.sidebar_item {
	margin-bottom: 30px;
	border: 1px solid rgba(230,230,230,.7); 
}

/*** 標題 ***/
.sidebar_item .sidebar_title,		/* 一般目錄列表 */
.mainNav .sidebar_title {			/* 收合式產品目錄 */
	display: block;
 	background: rgba(230,230,230,1);
	color: #FFF;
	font-size: 20px;
	padding: 15px;
}
.sidebar_item .sidebar_title a,
.mainNav .sidebar_title a {
	display: block;
	color: #111; 
}

/*** 列表 ***/
.sidebar_item ul {
	list-style: none;
}

/*** 第一層 ***/
.sidebar_item ul li {
	border-bottom: 1px dashed rgba(230,230,230,.7); 
	line-height: 1.4;
}

.sidebar_item ul li:last-of-type {
	border-bottom: none; 
}

.sidebar_item ul li a:hover {
 	background: rgba(230,230,230,.3); 
}

.sidebar_item ul li:hover > a {}

.sidebar_item ul li a {
	padding: 10px 1em;
	display: block;
	color: #333;
}

/*** 第二層 ***/
/* 第二層 */
.sidebar_item ul ul {}

.sidebar_item ul ul li:first-of-type {
	border-top: 1px  dashed rgba(230,230,230,.7); 
}
.sidebar_item ul ul li a {
	color: #666;
	padding-left: 2em;
}

.sidebar_item ul ul li a:before {
	font-family: 'FontAwesome';
	content: '\f0da';	/* fa-caret-right */
	padding-right: 8px;
	color: #E74847;
}

/*** 日期 ***/
.sidebar_item ul li .meta_box {
	color: #aaa;
	font-weight: 600;
}

/* 資料筆數 */
.sidebar_item ul li .cat_count {
	padding-left: 5px;
}

/*** 目前選項 ***/
.sidebar_item ul li.current {
	background: rgba(13,115,249,.05);
	color: #E74847;
}

.sidebar_item ul li.current span {
	display: block;
	padding: 10px 1em;
}

@media only screen and (max-width: 767px) {
	/* 第二層 */
	.sidebar_item ul ul li a {
		padding-left: 2em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.sidebar_title {
		font-size: 19px;
	}
	/* 第二層 */
	.sidebar_item ul ul li a {
		padding-left: 0;
	}
}

/********************************************
 	側邊欄 收合式功能表 ( 見 navAccordion.css )
********************************************/

/********************************************
 	側邊欄 文章列表
	綠: #5abeb2 	rgba(90,190,178,1);
********************************************/
.sidebar_list_posts {
	border: 1px solid rgba(198,222,235,.9);
	margin-bottom: 2em;
}

/*** 主標題 ***/
.sidebar_list_posts .main_title {
	padding: 15px;
	background: rgba(198,222,235,1); /* #5abeb2; */
	font-size: 20px;
	color: #3071b9;
}
.sidebar_list_posts .main_title a {
	display: block;
	color: #3071b9;
}

/*** 副標題 ( ***/
.sidebar_list_posts .sub_title {
	background: rgba(90,190,178,.06); /* #5abeb2; */
	padding: 10px 15px;
	font-size: 17px;
	border-top: 1px solid rgba(90,190,178,.1);
	border-bottom: 1px solid rgba(90,190,178,.1);
}
.sidebar_list_posts .sub_title a {
	display: block;
}

/*** 列表 ***/
.sidebar_list_posts ul {
	list-style: none;
	padding: 0;
}

/*** 沒有子目錄區的文章列表 ***/
.sidebar_list_posts ul li.only {
	border-bottom: 1px dashed rgba(90,190,178,.4);
}

.sidebar_list_posts ul li.only:last-of-type {
	border-bottom: none;
}

.sidebar_list_posts ul li:hover {
	background: rgba(90,190,178,.05); 
}

.sidebar_list_posts ul li a,
.sidebar_list_posts ul li span {
	display: block;
	padding: 5px 15px 5px 30px;
	font-size: 17px;
}

/*** 目前選項 ***/
.sidebar_list_posts ul li.current a,
.sidebar_list_posts ul li.current span {
	color: #E74847; 
}

/*** 列表 (產品) ***/
.sidebar_list_posts ul.products,
.sidebar_list_posts ul.products-cn,
.sidebar_list_posts ul.products-en {
	padding: 5px 15px;
}
.sidebar_list_posts ul.products li,
.sidebar_list_posts ul.products-cn li,
.sidebar_list_posts ul.products-en li {
	display: inline-block;
	border: none;
/*
	width: 5.5em;
	white-space: nowrap;
	overflow: hidden;
*/	
}
.sidebar_list_posts ul.products li:hover,
.sidebar_list_posts ul.products-cn li:hover,
.sidebar_list_posts ul.products-en li:hover {
	background: none;
}

.sidebar_list_posts ul.products li a,
.sidebar_list_posts ul.products-cn li a,
.sidebar_list_posts ul.products-en li a,
.sidebar_list_posts ul.products li span,
.sidebar_list_posts ul.products-cn li span,
.sidebar_list_posts ul.products-en li span {
	display: inline-block;
	padding: 3px 25px 3px 0px;
}

/********************************************
 	側邊欄 月份彙整列表 (訊息公告)
********************************************/
.sidebar_item ul.sidebar_archive_list li .archive_count {
	display: inline-block;
	float: right;
	padding-right: .5em;
}

/********************************************
	產品明細頁 (single-product.php)
********************************************/
.single_product {}

/*** 單元項目 ***/
.single_product section.product_content {
	margin-bottom: 1.5em;
}

/*** 單元項目： 應用類別 ***/
.single_product section.product_content.usage {
	margin-top: 1.5em;
}

/*** 單元項目：標題 ***/
.single_product .item_label {
	margin-bottom: .5em;
}

.single_product .item_label span {
	font-size: 20px;
	border-bottom: 1px solid #E74847;
	color: #E74847;
}

/*** 表格 ***/
.single_product table {
	width: 100%;
	font-size: 14px;
	margin: 15px 0;
}

.single_product table tr:first-of-type {
	border-top: 5px solid rgba(127,127,127,.3);
	color: #111;
}

.single_product table tr:last-of-type {
	border-bottom: 5px solid rgba(127,127,127,.3);
}

.single_product table tr:nth-child(odd) {
	background: rgba(127,127,127,.05);
}

.single_product table td {
	line-height: 1.3;
	padding: 8px 5px;
	text-align: center;
	min-width: 6em; 
}

.single_product table td a {
	color: #0D73F9;
}

.single_product table td a:hover {
	color: #E74847;
}

/*** 第一列主內容 ***/
.single_product .main_content {
	padding-top: 30px;
}

.single_product .main_content .text_box, .single_product .main_content .img_box {
	display: inline-block;
	vertical-align: top;
}

.single_product .main_content .text_box {
	width: 59%;
	float: right;
	padding-left: 2em;
}

.single_product .main_content .img_box {
	width: 40%;
	float: left;
}

@media only screen and (max-width: 599px) {
	/*** 第一列主內容 ***/
	.single_product .main_content .text_box,  .single_product .main_content .img_box {
		display: block;
		width: 100%;
		padding: 0 5px;
		float: none;
	}
}

/********************************************************
	產品明細頁 電容式觸控晶片 (single-touch.php) (Easy Tabs)
********************************************************/
article.touch {}

/*** 每個區塊 ***/
article.touch section {
	margin-bottom: 2em;
}

/*** 標題 ***/
article.touch section .title_box {
	background: #3071B9;
	color: #fff;
	padding: 8px 15px;
	font-size: 24px;
}

article.touch section .title_box span:before {
	position: relative;
	font-family: 'FontAwesome';
	content: '\f013';
	padding-right: 15px;
	font-size: 20px;
	top: -2px;
}

/*** 內容 ***/
article.touch section .text_box {
	padding: 15px;
}

/*** 表格 ***/
article.touch table tr:nth-child(n) {
	background: #FFF;
}

article.touch table tr:nth-child(1),
article.touch table tr:nth-child(2) {
	background: rgba(127,127,127,.05);
	color: #111;
}
article.touch table tr:nth-child(2) {
	border-bottom: 4px solid rgba(127,127,127,.15);
}

/*	舊版    */
#touch_tabs ul.etabs {}
#touch_tabs ul.etabs li {
	display: inline-block;
	width: 20%;
	float: left;
	border-right: none;
	border-bottom: none;
}

#touch_tabs ul.etabs li:last-of-type {
	border-right: 1px solid #CFCFCF;
}

#touch_tabs ul.etabs li a {
	display: block;
	line-height: 2.5em; 
	outline: none;
	font-size: 20px;
}
#touch_tabs .content_box {
	padding: 30px 15px 15px; 
	border: 1px solid #CFCFCF;
	background: #FFF;
	border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px;	
	min-height: 25em;
}


/********************************************
	品質承認書 (category-authorize.php)
********************************************/
.commit {}

.commit ul.line li,
.commit-cn ul.line li,
.commit-en ul.line li {
	font-size: 17px;
	padding-top: .5em;
	padding-bottom: 1em;
}

.commit ul.line li:before,
.commit-cn ul.line li:before,
.commit-en ul.line li:before {
	content: url(images/icon/li_style_01.png);
	display: inline-block;
	float: left;
	margin-top: 15px;
	padding-right: .8em;
}

/*** 文件名稱 ***/
.commit ul.line li span,
.commit-cn ul.line li span,
.commit-en ul.line li span {
	display: inline-block;
	width: 25em;
	margin-right: 2em;
}

/*** 檔案下載 ***/
.commit ul.line li a,
.commit-cn ul.line li a,
.commit-en ul.line li a {
	color: rgba(48,113,185,1); /* #3071B9 */
	white-space: nowrap;
}

.commit ul.line li a:before,
.commit-cn ul.line li a:before,
.commit-en ul.line li a:before {
	content: url(images/bg/pdf_bg1.png);
	position: relative;
	top: 10px;
	padding-right: .5em;
}

.commit ul.line li a:hover,
.commit-cn ul.line li a:hover,
.commit-un ul.line li a:hover {
	color: #E74847;
}

@media only screen and (max-width: 767px) {
	.commit ul.line li,
	.commit-cn ul.line li,
	.commit-en ul.line li {
		font-size: 15px;
	}

	.commit ul.line li span,
	.commit-cn ul.line li span,
	.commit-en ul.line li span {
		width: auto;
		display: block;
		margin: 0;
	}
}

/********************************************
	產品說明文(category-authorize.php)
********************************************/
.document {}

.document ul.line li,
.document-cn ul.line li,
.document-en ul.line li {
	position: relative;
	font-size: 17px;
	padding-top: .5em;
	padding-bottom: 1em;
	padding-left: 2.5em;
}

.document ul.line li:before,
.document-cn ul.line li:before,
.document-en ul.line li:before {
	content: url(images/icon/li_style_01.png);
	position: absolute;
	top: 1.3em;
	left: 10px;
}

.document ul.line li a,
.document-cn ul.line li a,
.document-en ul.line li a {
	color: #0D73F9;	 /* rgba(13,115,249,1); */
}
.document ul.line li a:hover,
.document-cn ul.line li a:hover,
.document-en ul.line li a:hover {
	color: #E74847;
}

.document ul.line li a:before,
.document-cn ul.line li a:before,
.document-en ul.line li a:before {
	content: url(images/bg/pdf_bg1.png);
	position: relative;
	top: 10px;
	padding-right: .5em;
	margin-left: 2em;
}

@media only screen and (max-width: 767px) {
	.document ul.line li,
	.document-cn ul.line li,
	.document-en ul.line li {
		font-size: 15px;
	}

	.document ul.line li:before,
	.document-cn ul.line li:before,
	.document-en ul.line li:before {
		top: 1.5em;
	}
}


/********************************************
	產品目錄頁面
********************************************/
.download {}

.download ul.line li,
.download-cn ul.line li,
.download-en ul.line li {
	position: relative;
	font-size: 17px;
	padding-top: .5em;
	padding-bottom: 1em;
	padding-left: 2.5em;
}

.download ul.line li:before,
.download-cn ul.line li:before,
.download-en ul.line li:before {
	content: url(images/icon/li_style_01.png);
	position: absolute;
	top: 1.3em;
	left: 10px;
}

.download ul.line li a,
.download-cn ul.line li a,
.download-en ul.line li a {
	color: #0D73F9;	 /* rgba(13,115,249,1); */
}
.download ul.line li a:hover,
.download-cn ul.line li a:hover,
.download-en ul.line li a:hover {
	color: #E74847;
}

.download ul.line li a:before,
.download-cn ul.line li a:before,
.download-en ul.line li a:before {
	content: url(images/bg/pdf_bg1.png);
	position: relative;
	top: 10px;
	padding-right: .5em;
	margin-left: 2em;
}

@media only screen and (max-width: 767px) {
	.download ul.line li,
	.download-cn ul.line li,
	.download-en ul.line li {
		font-size: 15px;
	}

	.download ul.line li:before,
	.download-cn ul.line li:before,
	.download-en ul.line li:before {
		top: 1.5em;
	}
}

/********************************************
	常見問題 (category-faq.php)
********************************************/
#faq_list {}

/*** 問題區 ***/
#faq_list .accordion_in .acc_head {
	font-size: 15px;
	background: rgba(127,127,127,.03);
}
#faq_list .accordion_in.acc_active .acc_head {
	background: rgba(127,127,127,.08);
	color: #111;
}
#faq_list .accordion_in .acc_head .item_no {
	font-family: "Courier New", Courier, monospace;
	color: #E74847;
	font-weight: 700;
}
/*** 答案區 ***/
#faq_list .acc_content {
	padding-left: 3em;
	color: #4E4E4E;
}

@media only screen and (max-width: 767px) {
	.faq_content .post_title span.title {
		display: inline-block;
	}
	/*** 答案區 ***/
	#faq_list .acc_content {
		padding: 10px 5px;
	}
}

/********************************************
	searchform.php
	搜尋表單
********************************************/
form#searchform {
	position: relative;
	display: inline-block;
	border: 1px solid rgba(255,255,255,0);
}
form#searchform input {
	font-size: 15px;
	border: none;
	padding: 1px 10px;
	border: 1px solid transparent;
	border-right: none;
	background: rgba(127,127,127,.4);
	width: 250px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	/*** 解決 chrom 會出現黃色背景 ***/
	-webkit-text-fill-color: rgba(255,255,255,.7);	/* placeholder color */ 
	color: #333;
}

form#searchform input:focus {
	-webkit-text-fill-color: #333;
	color: #333;
	font-weight: normal;
}

form#searchform button {
	background: none;
	border: none;
	padding: 1px 0px 1px 10px;
	border: none;
	/*	border-left: 1px solid rgba(127,127,127,.2); */
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	color: #A91B1E;
}

form#searchform button:hover {
	/*	background: #E74847; */
	color: #E74847;
}

/*** placeholder 顏色 ***/
#s::-webkit-input-placeholder {
	color: rgba(255,255,255,.7);
}

#s:-moz-placeholder {
	color: rgba(255,255,255,.7);
	opacity: 1;
}

#s::-moz-placeholder {
	color: rgba(255,255,255,.7);
}

#s:-ms-input-placeholder {
	color: rgba(255,255,255,.7);
}

/********************************************
	search.php
	搜尋結果
********************************************/
ul.search_list {
	list-style: none;
}
ul.search_list li {
	line-height: 1.5;
	border: 1px solid transparent;
	padding: 5px;
}
ul.search_list li:hover {
	border-color: rgba(127,127,127,.3);
	background: rgba(127,127,127,.03);
}

/*** 目錄連結 ***/
a.search_cat {
	color: #3071B9; /* rgba(48,113,185) */
}

/*** 搜尋關鍵字高亮度 ***/
.search-everything-highlight {
/*
	background-color: #FFF984; 
	font-weight: bold; 
	color: #333; 
	padding: 0 1px;	
*/
}

/********************************************
	footer.php
********************************************/
.footer_wrap {
	background: #333;
	color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 2em;
}
.footer_box {
	text-align: center;
}

/*** 版權說明 ***/
.copyright,
.copyright a,
.copyright span {
	color: #FFF;
}

/*** 客戶名稱及連結 ***/
.copyright a.footer_site {
/*	color: #FFFF00; */
}

.copyright a:hover {
	color: #E74847;
}

/********************************************
 標準六欄式 tabs 整體設定 (single-6columns.php)
********************************************/
/*** 功能表 ***/
#default_tabs ul.etabs {}

#default_tabs ul.etabs li {
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 1%;

	background: rgba(48,113,185,1); /* #3071B9  */
	color: #FFF;

	border: 1px solid rgba(48,113,185,1);

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,113,185,1)), color-stop(50%, rgba(48,113,185,1)), color-stop(51%, rgba(29,32,136,1)), color-stop(101%, rgba(29,32,136,1)));

	background: linear-gradient(to bottom, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101%);
	background: -moz-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -webkit-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -o-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -ms-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
}

#default_tabs ul.etabs li a {
	font-size: 17px;
	padding: 0 15px;
	color: #FFF;
}

#default_tabs ul.etabs li:hover {
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,113,185,.9)), color-stop(50%, rgba(48,113,185,.9)), color-stop(51%, rgba(29,32,136,.9)), color-stop(101%, rgba(29,32,136,.9)));

	background: linear-gradient(to bottom, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101%);
	background: -moz-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -webkit-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -o-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -ms-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
}

#default_tabs ul.etabs li:hover a,
#default_tabs ul.etabs li a:hover {
	color: #CCFFFF;
}

#default_tabs ul.etabs li.active {

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(50%, rgba(230,230,230,1)), color-stop(51%, rgba(201,202,202,1)), color-stop(101%, rgba(201,202,202,1)));
	background: linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );

	border-color: rgba(201,202,202,1);
	top: 0;
}

#default_tabs ul.etabs li.active  a {
	color: rgba(29,32,136,1);
	color: #3071B9; /* rgba(48,113,185,1); */
	font-weight: 600;
}


@media only screen and (max-width: 1023px) {
	#default_tabs ul.etabs li {
		margin-right: 1.5%;
		margin-bottom: 3%;
	}

	#default_tabs ul.etabs li a {
		font-size: 15px;
		padding: 0 8px;
	}
}

/*** 資料顯示區 ***/
#default_tabs .tab_content_box {
	padding: 30px 15px 30px 0; 
/*	padding: 15px 15px 30px 0;  */
	line-height: 1.6;
/*	border: 1px solid rgba(127,127,127,1);   */
	border: none;
	background: #FFF;

	border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px;
	-ms-border-radius: 0 4px 4px 4px;
	-o-border-radius: 0 4px 4px 4px;
	min-height: 30em;
}

/*** 資料顯示區 (標題) ***/
#default_tabs .tab_title {
	font-size: 24px;
	margin-bottom: .7em;
	color: #E74847;
}

@media only screen and (max-width: 1023px) {
	#default_tabs .tab_content_box {
		padding: 15px 5px; 
		min-height: inherit; 
	}

	#default_tabs .tab_title {
		margin-bottom: .5em;
		color: #E74847;
	}
}

/*** 資料顯示區 (表格) ***/
/*** 表格 ***/
#default_tabs table {
	margin: 15px 0;
	width: 100%;
}

#default_tabs table tr:first-of-type {
	background: rgba(127,127,127,.05); 
	border-top: 5px solid rgba(127,127,127,.3);
	color: #111;
}

#default_tabs table tr:last-of-type {
	border-bottom: 5px solid rgba(127,127,127,.1);
}

#default_tabs table td {
	line-height: 2.5;
	padding: 0 5px;
	text-align: center;
	min-width: 10em;
}

#default_tabs table td a {
	color: #3071B9;
	font-weight: 600;
}

#default_tabs table td a:hover {
	color: #E74847;
}

@media only screen and (max-width: 767px) {
	/*** 表格 ***/
	#default_tabs table {
		width: 100%;
	}

	#default_tabs table td {
		line-height: inherit; 
		padding: 5px;
		text-align: center;
		min-width: 6em;
	}
}

/*******************************
 公司簡介
********************************/
/***********************
 	關於紘康
***********************/
section.company {
	margin-bottom: 1.5em;
}

/*** section 標題 ***/
section.company h3 {
	font-size: 19px;
	color: #3071B9;
	margin-bottom: 5px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}

/*** 公司沿革 ***/
.history_1 {}

/*** 每個年份 ***/
.history_1 ul li {
	border-bottom: 1px dashed rgba(127,127,127,.6);
	padding-bottom: .9em;
	margin-bottom: 1em;
}

.history_1 ul li:last-of-type {
	border-bottom: none;
}

/*** 年 ***/
.history_1 .year {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 65px;
	height: 65px;
	line-height: 55px;

	font-size: 17px;
	background: rgba(48,113,185,1); /* #3071B9  */
/*	background: #E74847; */

	color: #FFF;
	font-weight: 600;

	border: 4px solid rgba(255,255,255,.5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.history_1 .event {
	display: inline-block;
	vertical-align: middle;
	padding-left: 2em;
	font-size: 17px;
	max-width: 89%;
}

.history_1 .event p {
	margin-top: .5em;
}
.history_1 .event p:first-of-type {
	margin-top: 1em;
}

.history_1 .event p.blank {
	margin-top: -.1em;
}

/*** 月份 ***/
.history_1 .month {
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size: 15px;
	color: #FFF;
	font-weight: 600;
/*	background: rgba(48,113,185, 1); /* #3071B9  */
	background: #E74847;
	margin-right: 1em;

	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;

}
.history_1 .blank .month {
	opacity: 0;
}

@media only screen and (max-width: 599px) {
	.history_1 .event {
		display: block;
		padding: 0;
		padding-left: .5em;
		font-size: 15px;
		max-width: inherit;
	}
	.history_1 .month {
		margin-right: 5px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.history_1 .event {
		padding-left: .5em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.history_1 .event {
		padding-left: .5em;
		max-width: 86%; 
	}
}

/*** 經營團隊 ***/
#default_tabs table.company {
	line-height: 1.6;
}

#default_tabs table.company tr:first-of-type {
	border-top: none;
	text-align: center;
}

#default_tabs table.company tr:last-of-type {
	border-bottom: none;
}

/*** thead ***/
table.company thead th,
table.company thead td {
	background: rgba(48,113,185,1);	/*  #3071B9 rgba(48,113,185)*/
	color: #fff;
	border-color: rgba(255,255,255,.3);
	border-top: none;
	font-weight: normal;
	font-size: 120%;
}

/*** tbody ***/
#default_tabs table.company tbody td {
	border-color: rgba(48,113,185,.2);
	text-align: left;
	padding: .5em;
	line-height: 1.6;
	color: #333;
	font-weight: normal;
}

/*** 第一、二直欄置中 ***/
#default_tabs table.company tbody td:nth-child(1),
#default_tabs table.company tbody td:nth-child(2) {
	text-align: center;
	min-width: inherit;
	white-space: nowrap;
}

#default_tabs table.company tbody tr:nth-child(1) {
	background: none;
}

#default_tabs table.company tbody td:nth-child(2)  {}

#default_tabs table.company tbody tr:nth-child(2n+2) {
	background: rgba(127,127,127,.05);
}

@media only screen and (max-width: 767px) {
	#default_tabs table.company	thead {
		display: none;
	}

    /*** 第一、二直欄置中 ***/
    #default_tabs table.company tbody td:nth-child(1),
    #default_tabs table.company tbody td:nth-child(2) {
        text-align: left;
    }

	#default_tabs table.company	tbody tr {
		display: block;
		margin-bottom: 1em;
		text-align: left;
		border: none;
	}

	#default_tabs table.company	tbody td {
		display: block;
		text-align: left;
		border: none;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		border-color: rgba(127,127,127,.3);
	}

	#default_tabs table.company	tbody td:last-of-type {
		border-width: 1px;
	}

	#default_tabs table.company	tbody td:before {
		content: attr(data-title) ':';
		color: #FF6600;
		font-weight: 600;
		margin-right: .5em;
	}

}

/*****************************
 	品質與環安衛政策政策 - 品質政策
*****************************/
.pcy_wrap {
	position: relative;
	width: 450px;
	height: 450px;
	background: #F4F9FC;
	margin-bottom: 1em;
}

.pcy_logo {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 3;
}

.pcy_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #c9caca;
	width: 70%;
	height: 70%;
	margin-top: -35%;
	margin-left: -35%;
	z-index: 1;
	box-shadow: inset 7px 7px 5px #b8baba, inset -7px -7px 5px #b8baba;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); 	/* IE 9 */
	-moz-transform: rotate(45deg); 	/* Firefox */
	-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
	-o-transform: rotate(45deg); 	/* Opera */
}

.pcy_item_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* 每個區塊 */
.pcy_item {
	position: absolute;
	width: 50%;
	height: 50%;
	margin: 0;
	padding: 0;
	display: inline-block;
}

/* 左上 */
.pcy_item.leftTop {
	top: 0;
	left: 0;
	padding: 20% 1% 1% 10%;
}

/* 右上 */
.pcy_item.rightTop {
	top: 0;
	left: 50%;
	padding: 20% 10% 1% 1%;
}

/* 左下 */
.pcy_item.leftBottom {
	top: 50%;
	left: 0;
	padding: 1% 1% 20% 10%;
}

/* 右下 */
.pcy_item.rightBottom {
	top: 50%;
	left: 50%;
	padding: 1% 10% 20% 1%;
}

/*** 內容區塊 ***/
.pcy_content {
	background: #1d2088;
	color: #FFF;
	font-size: 18px;
	width: 100%;
	height: 100%;
	padding: 10% 7%;
	text-align: center;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

/*** 內容區塊 (英) ***/
.en .pcy_content {
	padding: 7%; 
}


.pcy_item.leftBottom .pcy_content,
.pcy_item.rightBottom .pcy_content {}


/* 標題 */
.pcy_item_wrap h3 {
	color: #FF0; 
	margin-bottom: 7%;
	text-align: center;
}

/* 標題 (英) */
.en .pcy_item_wrap h3 {
	font-size: 17px;
	line-height: 1.2;
}

.en .pcy_content {
	font-size: 14px;
	line-height: 1.3;
}


.pcy_note {
	font-size: 17px;
}

.user_content .pcy_note p {
	margin-bottom: 1em;
}

@media only screen and ( max-width: 449px) {
	.pcy_wrap {
	width: 100%;
	height: auto;
	margin-top: 1em;
	background: #EDF5FA;
	}

	.pcy_item_wrap {
		position: relative;
	}

	.pcy_item {
		position: relative;
		width: auto;
		height: auto;
		display: block;
	}

	.pcy_item.leftTop,
	.pcy_item.rightTop,
	.pcy_item.leftBottom,
	.pcy_item.rightBottom {
		padding: 0;
		margin-bottom: 10px;
		display: block;
		top: inherit;
		left: inherit;
	}
	
	.pcy_logo,
	.pcy_bg {
		position: inherit;
		display: none;
	}

	.pcy_item.leftBottom .pcy_content,
	.pcy_item.rightBottom .pcy_content {
		padding: 10px 5px;
	}

	.pcy_item_wrap h3 {
		color: #E74847;
		font-size: 19px; 
		text-align: left;
		margin: 0;
	}
	.en .pcy_item_wrap h3 {
		font-size: 19px;
	}

	.pcy_content {
		padding: 10px 5px;
		display: block;
		width: auto;
		height: auto;
		background: none;
		color: #333;
		text-align: left;
		font-size: 17px;
	}

	.en .pcy_content {
		line-height: inherit;
		padding: 10px 5px;
	}

}

/*******************************
 人力資源
********************************/
/***********************
	菁英招募 (104 插件)
***********************/
.frame_104 {}

.frame_104 a {
	width: 100%; 
}
.qjob104_powby {
	width: 100% !important; 
}

/***********************
	菁英招募 (常見問題)
***********************/
#hr_faq .accordion_in {
	margin-bottom: 15px;
}

/**** 問題區 ****/
/*** box (未展開) ***/
#hr_faq .accordion_in .acc_head {
	position: relative;
	background: rgba(127,127,127,.1); 
	padding: 10px 10px 10px 45px;
	font-size: 17px;
	color: #222;
}

/*** box (展開) ***/
#hr_faq .accordion_in.acc_active .acc_head {
	border-bottom: 1px solid rgba(127,127,127,.05);
	color: #333;
}

/*** icon font ***/
#hr_faq .accordion_in .acc_head .acc_icon_expand {
	position: absolute;
	left: 15px;
	top: 35%;
	background: none;
}

/* 未展開 */
#hr_faq .accordion_in .acc_head .acc_icon_expand:before {
	font-family: 'FontAwesome';
	content: '\f055';	/* fa-plus-circle */
	font-size: 1.4em;
	color: #AAAAAA;
}

/* 已展開 */
#hr_faq .accordion_in.acc_active .acc_head .acc_icon_expand:before {
	font-family: 'FontAwesome';
	content: '\f056';	/* fa-minus-circle */
	font-size: 1.4em;
	color: #aaaaaa;
}

/*** 答案區 ***/
#hr_faq .accordion_in .acc_content {
	background: #FFFFFF;
	font-size: 15px;
	padding: 15px 20px;
}

/***********************
	紘康生活 - gallery
***********************/
/****** 人力資源 (工作環境)  *****/
/* 藝廊 */
.gallery {
	letter-spacing: -4px;
}

.gallery-item {
	letter-spacing: normal;
	display: inline-block;
	width: 25%;
	padding: 1%;
	margin-bottom: .5em;
}

/* 圖片說明 */
.gallery-caption {
	display: block;
	text-align: center;
}

/*** fancy box ***/
.fancybox-title, .fancybox-title-inside-wrap {
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}


@media screen and (max-width: 320px) {
	.gallery-item {
		display: block;
		width: 100%;
		padding: 0;
	}
}

@media screen and (min-width: 321px) and (max-width: 479px) {
	.gallery-item {
		width: 50%;
	}
}

@media screen and (min-width: 480px) and (max-width: 599px) {
	.gallery-item {
		width: 33.33%;
	}
}

/*******************************
 投資人專區
********************************/
section.investor {
	border-bottom: 1px solid rgba(127,127,127,.3);
	padding: 1em 0;
/*	margin-bottom: .5em; */
}

/*** section 標題 ***/
section.investor .title strong {
	color: #E74847;
	font-size: 17px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 5px;
	padding-left: 8px;
}

section.investor .title:before {
	content: url(../hycon/images/icon/li_style_01.png);
	position: relative;
	top: 3px;
}

/*******************************
 新聞中心 (Isotope)
********************************/
.news_content {
/*	min-height: 25em; */
}
/*** isotope 功能表 ***/
.news_content ul.isotope_menu {
	margin-bottom: 1em;
}

.news_content ul.isotope_menu li {
	list-style-type: none;
	display: inline-block;
	padding: 0;
	margin: 0 1% 1% 0;
}

.news_content ul.isotope_menu li a {
	background: #3071B9; /* rgba(48,113,185) */
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	padding: 8px 15px;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,113,185,1)), color-stop(50%, rgba(48,113,185,1)), color-stop(51%, rgba(29,32,136,1)), color-stop(101%, rgba(29,32,136,1)));

	background: linear-gradient(to bottom, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101%);
	background: -moz-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -webkit-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -o-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -ms-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	color: #FFF;
}

.news_content ul.isotope_menu li:hover a {
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,113,185,.9)), color-stop(50%, rgba(48,113,185,.9)), color-stop(51%, rgba(29,32,136,.9)), color-stop(101%, rgba(29,32,136,.9)));

	background: linear-gradient(to bottom, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101%);
	background: -moz-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -webkit-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -o-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -ms-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );

	color: #CCFFFF;
}

.news_content ul.isotope_menu li a.selected {
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(50%, rgba(230,230,230,1)), color-stop(51%, rgba(201,202,202,1)), color-stop(101%, rgba(201,202,202,1)));
	background: linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );

	border-color: rgba(201,202,202,1);

	color: #3071B9; /* rgba(48,113,185,1); */
	font-weight: 600;
}

/*** 文章列表區 ***/
#isotope_news_list {
	border:1px solid rgba(127,127,127,.2);
	padding: 15px 0;
}

ul.news_list li {
	line-height: 2.2;
	font-size: 17px;
	display: block;
}

ul.news_list .item_listing {
	width: 100%;
	padding: 0 15px;
}

/*** 日期 ***/
ul.news_list .news_date {
	display: inline-block;
	margin-right: 1%;
}

/*** 類別 ***/
ul.news_list .news_cat {
	display: inline-block;
	margin-right: 1%;
}

/*** 標題 ***/
ul.news_list .news_title a {
/*	color: #3071B9; /*  rgba(48,113,185) */ 
	margin-right: 1%;
	color: #0D73F9;
}

ul.news_list .news_title a:hover {
	color: #E74847;
}

/*** 連結 ***/
ul.news_list .news_link a {
	color: #E74847;
	font-size: 80%;
	font-weight: 600;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
	ul.news_list li {
		line-height: 1.6;
	}
	ul.news_list .item_listing {
		margin-bottom: .5em;
		border-bottom: 1px dashed rgba(127,127,127,.3);
		padding: .3em 5px .5em;
	}
	ul.news_list span.meta_box {
		display: block;
	}
}

/***********************************************
	產品目錄列表 (category-product.php) isotope
***********************************************/
/*** 功能表 ***/
#prod_cat_filter {
	padding-bottom: 1em;
	margin-bottom: 2em;
	margin-top: 5px;
}

/*** 主標題 ***/
#prod_cat_filter .main_title a {
	padding: 5px .5em;
	font-size: 20px;
}

/*** 目前選項 ***/
#prod_cat_filter .selected,
#prod_cat_filter .selected small {
	background :#E74847;
	color: #FFF;
}

/*** 樹狀功能表 ***/
ul.cat_tree, ul.cat_tree li { 
	list-style: none; 
	margin: 0; 
	padding: 0 ; 
}

ul.cat_tree { 
	padding-left: 1.5em; 
}

ul.cat_tree li { 
	padding-left: 1em;
	border: 1px dotted black;
	border-width: 0 0 1px 1px; 
	line-height: 1.8;
}

ul.cat_tree li p { 
	position: relative;
	margin: 0;
	background: white;
	top: 1em;
}

ul.cat_tree li a { 
	font-size: 17px;
	padding: 3px .5em;
}

ul.cat_tree li.has_sub { 
	border-bottom: 0px;
}

ul.cat_tree li ul { 
	border-top: 1px dotted black; 
	margin-left: -1em;     
	padding-left: 2em; 
}

ul.cat_tree li.has_sub:last-child ul {
	border-left: 2px solid white;
	margin-left: -1.1em;  
	padding-left: 2.1em; 
}

/*** 產品列表 ***/
/*** 標題 ***/
.item_title {
	background: #3071B9; /* rgba(48,113,185) */
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	font-size: 20px;
}

/*** 產品列表區 ***/
#sticker {
	position: relative;
	width: 100%;
	height: 100%;
}

#prod_item_list {
	border: 1px solid rgba(48,113,185,.5);
	border-width: 0px 1px 1px 1px;
	padding: 1em .8em;
	min-height: 25em;
	background: #FFF;
	z-index: 100;

	border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-o-border-radius: 0px 0px 3px 3px;
	-ms-border-radius: 0px 0px 3px 3px;
}

#prod_item_list .item_listing {
	min-width: 6.7em;
	margin-bottom:3px;
}

#prod_item_list .item_listing a {
	display: block; 
	font-size: 17px;
	padding: 3px 8px;
	color: #3071B9;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#prod_item_list .item_listing a:hover {
	background: #3071B9;
	color: #FFF;
}

/********************************************
	應用方案 (category-application.php)
********************************************/
/*** isotope 功能表 ***/
ul#app_filters {}

ul#app_filters li {
	list-style-type: none;
	display: inline-block;
	padding-right: 0;
	margin-bottom: 1em;
}

ul#app_filters li a {
	background: #3071B9; /* rgba(48,113,185) */
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	padding: 8px 15px;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,113,185,1)), color-stop(50%, rgba(48,113,185,1)), color-stop(51%, rgba(29,32,136,1)), color-stop(101%, rgba(29,32,136,1)));

	background: linear-gradient(to bottom, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101%);
	background: -moz-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -webkit-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -o-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	background: -ms-linear-gradient(top, rgba(48,113,185,1) 0%, rgba(48,113,185,1) 50%, rgba(29,32,136,1) 51%, rgba(29,32,136,1) 101% );
	color: #FFF;

}

ul#app_filters li:hover a {
	background: rgba(48,113,185,.9);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,113,185,.9)), color-stop(50%, rgba(48,113,185,.9)), color-stop(51%, rgba(29,32,136,.9)), color-stop(101%, rgba(29,32,136,.9)));

	background: linear-gradient(to bottom, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101%);
	background: -moz-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -webkit-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -o-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );
	background: -ms-linear-gradient(top, rgba(48,113,185,.9) 0%, rgba(48,113,185,.9) 50%, rgba(29,32,136,.9) 51%, rgba(29,32,136,.9) 101% );

	color: #CCFFFF;
}

ul#app_filters li a.selected {
	background: #E74847; 
	color: #FFF;

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(50%, rgba(230,230,230,1)), color-stop(51%, rgba(201,202,202,1)), color-stop(101%, rgba(201,202,202,1)));
	background: linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(201,202,202,1) 51%, rgba(201,202,202,1) 101% );

	border-color: rgba(201,202,202,1);

	color: #3071B9; /* rgba(48,113,185,1); */
	font-weight: 600;
}

/*** 每個方案 ***/
#app_list_wrap ul.app_list li {}

#app_list_wrap ul.app_list li .item_listing {
	width: 31%;
	margin-right: 2.33%;
	margin-bottom: 3em;
}

/*** 標題 ***/
#app_list_wrap ul.app_list .title a {
	display: block;
	font-size: 20px;
	color: #3071B9;
	margin: 8px 0 10px;
/*	line-height: 2; */
}

#app_list_wrap ul.app_list .title a:hover {
	color: #E74847;
}

/*** 方案說明 ***/
#app_list_wrap ul.app_list .ap_section {
	line-height: 1.6;
	min-height: 10em;
}

#app_list_wrap ul.app_list.en .ap_section {
	line-height: 1.6;
	min-height: inherit;
}

/*** 詳細內容 ***/
#app_list_wrap ul.app_list .more_link {
	text-align: right;
	padding-right: 2%;
}

#app_list_wrap ul.app_list .more_link a {
	color: #E74847;
	font-weight: 600;
}
#app_list_wrap ul.app_list .more_link a:hover {
	color: #DE1D1D;
}

@media only screen and (max-width: 479px) {
	/*** 每列一個 ***/
	#app_list_wrap ul.app_list li .item_listing {
		width: 100%;
		display: block;
		margin-right: 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 1023px) {
	/*** 每列一個 ***/
	#app_list_wrap ul.app_list li .item_listing {
		width: 48%;
		margin-right: 2%;
	}
}

/********************************************
	應用方案 -- 單一方案 (single-application.php)
**********************************************/
/*** 各區塊 ***/
section.ap {
	margin-bottom: 3em;
}

/*** 各區塊標題 ***/
section.ap .title {
	color: #E74847;
}

section.ap .title span {
	font-size: 20px;
}

/*** 資料區 ***/
section.ap .content {
	padding: 0;
	line-height: 1.6;
}

/*** 主要資料區 ***/
section.ap.main {
	border: 1px solid rgba(48,113,185, .5);
	border-top: none;

	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
}

/*** 主要資料區 (標題) ***/
section.ap.main .title {
	border: none;
	background: #3071B9; /* rgba(48,113,185) */
	color: #FFF;
	padding: 8px 10px;
	font-size: 24px;
}

section.ap.main .title span {
	border: none;
	padding: 0;
}

/*** 主要資料區 (內容) ***/
section.ap.main .content {
	padding: 15px 10px;
}

/*** 第一區 ***/
section.first .text,
section.first .img {
	display: inline-block;
	float: left;
	vertical-align: top;
}

section.first .text {
	width: 63%;
	margin-right: 2%;
	font-size: 17px;
}

section.first .img {
	width: 35%;
}

/*** 推薦選型列表 ***/
section.main ul.prod_select {
	list-style: none;
}

section.main ul.prod_select li {
	display: inline-block;
	margin-right: 3%;
}

section.main ul.prod_select li a {
	color: #3071B9; /* rgba(48,113,185) */
	font-weight: 600;
}

section.main ul.prod_select li a:hover {
	color: #E74847;
}

/*** 表格 ***/
.application table,
.application-cn table.
.application-en table {
	width: 100%;
	font-size: 14px;
	margin: 15px 0;
}

.application table tr:first-of-type,
.application-cn table tr:first-of-type,
.application-en table tr:first-of-type {
	border-top: 5px solid rgba(127,127,127,.3);
	color: #111;
}

.application table tr:last-of-type,
.application-cn table tr:last-of-type,
.application-en table tr:last-of-type {
	border-bottom: 5px solid rgba(127,127,127,.3);
}

.application table tr:nth-child(odd),
.application-cn table tr:nth-child(odd),
.application-en table tr:nth-child(odd) {
	background: rgba(127,127,127,.05);
}

.application table td,
.application-cn table td,
.application-en table td {
	line-height: 1.3;
	padding: 8px 5px;
	text-align: center;
	min-width: 6em;
}

.application table td a,
.application-cn table td a,
.application-en table td a {
	color: #0D73F9;
}

.application table td a:hover,
.application-cn table td a:hover,
.application-en table td a:hover {
	color: #E74847;
}

/********************************************
	開發工具 (single-tools.php)
********************************************/
.single_tools {}

/*** 每個區塊 ***/
.single_tools section {
	margin-bottom: 2em;
/*	border: 1px solid green; */
}

/*** section 標題 ***/
.single_tools section .title {
	margin-bottom: .3em;
}

.single_tools section .title span {
	display: inline-block;
	font-size: 19px;
	color: rgba(232,72,71, 1);
	color: brown;
}

.single_tools section .title span:before {
	font-family: 'FontAwesome';
	content: '\f013'; 
	padding-right: .4em;
	color: rgba(232,72,71, 1);
}

/*** 資料區 ***/
.single_tools section .content {}

/*** 連結 ***/
.single_tools section .content a {
	color: #3071B9;
}

.single_tools section.main .img_box,
.single_tools section.main .content_box {
	display: inline-block;
	vertical-align: top;
}

/*** 主圖 ***/
.single_tools section.main .img_box {
	width: 40%;
	float: left;
}
.single_tools section.main .img_box .fancybox {
/*	border: none; */
}

.single_tools section.main .img_box img {
	border: none;
}

/*** 包裝盒內容 ***/
.single_tools section.main .content_box {
	width: 55%;
	float: right;
}

/*** 適用產品型號 ***/
.single_tools section.prod_item {
	border: 1px solid rgba(48,113,185, .3);
	padding: .5em;
	background: rgba(48,113,185, .07);
}

/*** 標題 ***/
.single_tools section.prod_item .title {
	display: inline-block;
	margin: 0;
	margin-bottom: .3em;
}

.single_tools section.prod_item .title span:before {}

.single_tools section.prod_item .title span:after {
	content: '：';
}

/*** 產品列表 ***/
.single_tools section.prod_item ul {
	display: inline-block;
	margin-left: .5em;
}

/*** 各產品 ***/
.single_tools section.prod_item ul li {
	list-style: none;
	display: inline-block;
}

.single_tools section.prod_item ul li:after {
	content: ',';
	padding: 0 5px;
}

.single_tools section.prod_item ul li:last-child:after {
	content: '';
	padding: 0;
}

.single_tools section.prod_item ul li a {
	color: #3071B9;
	padding: .3em .7em;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

.single_tools section.prod_item ul li a:hover {
	background: #E74847;
	color: #FFF;
}

/*** 表格 ***/
.single_tools table {
	margin: 15px 0;
	width: 100%;
	border-bottom: 5px solid rgba(48,113,185, .2);
}

.single_tools table tr:first-of-type {
	background: rgba(48,113,185, 1);

/*	border-top: 5px solid rgba(127,127,127,.3); */
	color: #FFF;
}

.single_tools table tr:last-of-type {
/*	border-bottom: 5px solid rgba(48,113,185, .2);  */
}

.single_tools table td {
	line-height: 1.4;
	padding: 5px 10px;
	border: 1px solid rgba(48,113,185, .5);
}

.single_tools table tr:first-of-type td {
	line-height: 2.5;
	padding: 0;
	text-align: center;
	border-right-color: rgba(255,255,255,.2);
}

.single_tools table td a {
	color: #3071B9;
	font-weight: 600;
}

.single_tools table td a:hover {
	color: #E74847;
}

@media only screen and (max-width: 767px) {
	/*** 表格 ***/
	.single_tools table {
		width: 100%;
	}

	.single_tools table td {
		line-height: inherit; 
		padding: 5px;
		text-align: center;
		min-width: 6em;
	}
}

/********************************************
	首頁 (整體性設定)
********************************************/
.home_wrap {}

/*** 每個主題 ***/
.home_wrap section {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

.home_wrap .container-fluid {}

@media only screen and (max-width: 767px) {
	.home_wrap section {
		padding: 1em 0px;
	}
}

.home_wrap > section:nth-child(2n+3) {
	background: rgba(127,127,127,.05);
}

/***** section 標題 ******/
.section_header {
	margin-bottom: 15px;
}

.section_header .section_title {
	display: inline-block;
	font-size: 2.5em;
	color: #272727;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
	margin: 0 0 10px;
}

/*** 直線 ***/
.section_header .section_title:before {
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 50%;
	margin-left: -50%;
	height: 1px;
	background: rgba(48,113,185,.3); /* #3071B9 */
}

/*** 圓框 ***/
.section_header .section_title:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: -11px;
	left: 50%;
	margin-left: -12px;
	border: 5px solid rgba(255,255,255,.7);		/* color #1 */
	border-radius: 20px;
	background: rgba(48,113,185,1); /* #3071B9 */
}
@media only screen and (max-width: 767px) {
	.section_header .section_title {
		font-size: 2em;
		padding-bottom: 20px;
		margin: 0;
	}
}

/********************************************
	首頁 slider (home-slider.php)
********************************************/
#home_slider {
	/* 取消每個 section 的  padding */
	padding-top: 0;		
	padding-bottom: 0;
}

/********************************************
	首頁新聞跑馬燈
*********************************************/
.home_wrap section.home_focus {
    padding-top: 1em;
    padding-bottom: 1em;
}

.home_focus_box {
	display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
}

.home_focus_box .home_focus_title,
.home_focus_box .home_focus_content {
	display: table-cell;
	vertical-align: middle;
	font-size: 120%;
}

/*** 左側標題 ***/
.home_focus_box .home_focus_title {
	position: relative;
	vertical-align: middle;
	padding: .2em 0;
	width: 6em;
	text-align: center;
	color: #fff;
	background-color: #E74847;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: #E74847;
}


/*** 右側資料顯示區 ***/
.home_focus_box .home_focus_content {
	padding-left: .5em;
	vertical-align: top;
	border-style: dashed;
	border-width: 0;
	border-color: rgba(127,127,127,.3); 
	background: rgba(231,72,71, 0);
}

.home_focus_box .home_focus_content ul li {
	vertical-align: middle;
	padding: .2em 0;
}

.home_focus_box .home_focus_content ul li .sticky_date {
	display: inline-block;
	margin-left: .5em;
	opacity: .7;
	font-size: 85%;
}

@media only screen and (max-width: 767px) {
	.home_focus_box .home_focus_content ul li {
		line-height: 1.2;
	}


}

/********************************************
	首頁應用方案 (home-application.php 左)
********************************************/
#home_application {
	background: url(images/bg/home_app_bg.png);
	min-height: 100%;
	background-size: cover; 
	background-attachment: scroll; 
	background-repeat: no-repeat;
	background-position: left top;		
}

/**** slider ******/
#app_slider {}

#app_slider .app_item {
	padding: 0 0 0 1em;
}

#app_slider .app_item .text_box {
}

/*** 標題 ***/
#app_slider .app_item .text_box .title {
	text-align: center;
	padding-top: 5px;
	margin-bottom: 8px;
}
#app_slider .app_item .text_box a {
	font-size: 19px;
	color: #3071B9;
}

#app_slider .app_item .text_box a:hover {
	color: #E74847;
}

/* 查看全部 (包含左右箭頭) */
#slider_control {
	margin-bottom: 10px;
	padding-left: 15px;
}

#slider_control a {
	position: inherit;  
	display: inline-block;
	font-size: 17px;
	padding: 3px 8px 5px ;
	margin: 0 .5em 0 0;
	line-height: inherit;
	background: rgba(48,113,185,1);
	color: #FFF;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#slider_control a:hover {
	background: #E74847;
	color: #FFF;
}

#slider_control i {
	padding: 0 8px;
}

/********************************************
	首頁開發工具 (home-application.php 右)
********************************************/
.tool_wrap {
	margin-left: 30px;
	margin-top: 50px;
	border: 1px solid rgba(48,113,185,.5);
	border-width: 0px 1px 1px 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background: rgba(255,255,255,.8);
	min-height: 19em;
}

@media only screen and (max-width: 991px) {
	.tool_wrap {
		margin-left: 0;
		margin-top: 30px;
		min-height: inherit;
	}
}


/*** 標題 ***/
.tool_wrap .tool_header {}

.tool_wrap .tool_header h3 {
/*	display: inline-block; */
	font-size: 17px;
	color: #FFF;
	padding: 14px;
	background: rgba(48,113,185,1);

	border-radius: 3px 3px 0 0 ;
	-webkit-border-radius: 3px 3px 0 0 ;
	-moz-border-radius: 3px 3px 0 0 ;
	-o-border-radius: 3px 3px 0 0 ;
	-ms-border-radius: 3px 3px 0 0 ;
}

/*** 列表 ***/
ul.tool_list {
	list-style: none;
	padding: 0 0 .5em 0;
}

ul.tool_list li {
	line-height: 2.5;
	padding: 0 5%;
}

ul.tool_list li a {
	font-size: 17px;
	display: block;
}
ul.tool_list li a:before {
	content: url(images/icon/tools_icon.png);
	position: relative;
	top: 12px;
	margin-right: 10px;
}

/********************************************
	首頁 CTA (home-cta.php)
********************************************/
#cta {}

.cta_wrap {}

.cta_content {}

/* 所有元件垂直居中 */
.cta_content:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.cta_content .cta_text, 
.cta_content .cta_btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
	overflow: hidden;
}

/***  左邊文字區 ***/
.cta_content .cta_text {
	width: 65%;
	padding: 0 3%;
	text-align: left;
}

/* 標題 */
.cta_content .cta_title {
	color: #3071B9;	/* blue */
	font-size: 2em;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.2;
}

/* 摘要 */
.cta_content .cta_excerpt {
	font-size: 17px;
	line-height: 1.8;
}

/*** 右邊按鈕區 ***/
.cta_content .cta_btn {
	width: 34%;
	text-align: center;
	padding: 15px 0;
}

/* 按鈕 */
.cta_content .cta_btn a {
	font-size: 36px;
	color: #FFF;
}

@media screen and (max-width: 511px) {
	.cta_content {
		padding: 0;
	}

	.cta_content .cta_text, 
	.cta_content .cta_btn {
		display: block;
		width: 100%;
	}

	/* 標題 */
	.cta_content .cta_title {
		font-size: 20px;
		text-align: center;
	} 
	/* 摘要 */
	.cta_content .cta_excerpt {
		font-size: 15px;
		line-height: 1.7;
	}

	/* 按鈕 */
	.cta_content .cta_btn a {
		font-size: 17px;
	}
}

@media screen and (min-width: 512px) and (max-width: 899px) {
	.cta_content {
		padding: 20px 0;
	}
	/***  左邊文字區 ***/
	.cta_content .cta_text {
		width: 70%;
		padding: 0 5px 0 10px;
	}

	/* 標題 */
	.cta_content .cta_text .cta_title {
		font-size: 24px;
	} 

	/*** 右邊按鈕區 ***/
	.cta_content .cta_btn {
		width: 29.5%;
		text-align: center;
	}
	
	/* 按鈕 */
	.cta_content .cta_btn a {
		font-size: 24px;
		color: #FFF;
	}
}

/********************************************
	首頁產品目錄列表 (home-prod-cat.php)
********************************************/
#home_prod_cat {
/*	padding-top: 3em; */
}

ul#home_prod_list {
	list-style: none;
	text-align: center;
	vertical-align: middle;
}

ul#home_prod_list li {
	display: inline-block;
	width: 31.3%;
	float: left;
	margin-right: 3%;
	margin-bottom: .5em;
	vertical-align: middle;
	padding: .5em; 
	background: #3598DB;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

ul#home_prod_list li:nth-child(3n+3) {
	margin-right: 0;
}

ul#home_prod_list li:nth-child(1) { background: #3598DB; }
ul#home_prod_list li:nth-child(2) { background: #4A9D3C; }
ul#home_prod_list li:nth-child(3) { background: #E48632; }

ul#home_prod_list li .img_box,
ul#home_prod_list li .text_box {
	display: inline-block;
	vertical-align: middle;
}

ul#home_prod_list li .img_box {
	width: 20%;
}

ul#home_prod_list li .text_box {
	width: 78%;
	text-align: left;
	color: #FFF;
	line-height: 1.4;
}

ul#home_prod_list li .text_box a {
	color: #FFF;
	font-size: 15px;
}

/*** 標題 ***/
ul#home_prod_list li .text_box h3 {
	color: #FFF;
	font-size: 24px;
	margin-bottom: .2em;
	font-weight: normal;
}

/*** 標題 ***/
ul#home_prod_list li .en h3 {
	font-size: 20px;
}

/*** 圖檔 ***/
ul#home_prod_list li img {
	display: inline-block;
	background: #FFF;
	max-width: 100%;
	padding: 8px;
	float: left;

	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;

	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}

ul#home_prod_list li:hover img {
	cursor: pointer;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

/*** 客製化連結 ***/
.custom_link {
	text-align: right;
	margin-top: 1em;
	padding-right: 1.5em; 
}
.custom_link a {
	font-size: 20px;
	color: #3071B9;
}

.custom_link a:hover {
	color: #E74847;
}

@media only screen and (max-width: 767px) {
	ul#home_prod_list li {
		display: block;
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 1em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* 每列二個 */
	ul#home_prod_list li {
		width: 48.8%;
		margin-right: 2%;
	}
	ul#home_prod_list li:nth-child(2n+2) {
		margin-right: 0;
	}
}

/********************************************
	首頁產品輪播 (home-products.php)
********************************************/
#home_prod_list {}

/*** 輪播區 ***/
#home_prod {
	padding: 0 2em;
}

#home_prod .prod_item {
	padding-left: 2em;
	padding-right: 2em;
}

/*** 標題 ***/
.prod_item .text_box a {
	display: block;
	text-align: center;
	padding: 5px 0;
}

/* Arrows */
.slickprev,
.slicknext {
    position: absolute;
	font-size: 2em;
	display: block;
	top: 10%;
	color: #868686;
	cursor: pointer;
}

.slickprev {
	left: 1%;
}

.slicknext {
	right: 1%;
}

/********************************************
	首頁新聞中心 (home-news.php)
********************************************/
#home_news {}

/*** youtube ***/
#home_news .home_news_media {
	margin-top: 3.5em;
}

/*** 標題區 ***/
.home_news_wrap .title_box {
	border-bottom: 2px solid rgba(48,113,185,.5); /* #3071B9  */
	font-size: 24px;
	padding-bottom: 3px; 
	margin-bottom: 15px;
}

/*** 標題 ***/
.home_news_wrap .title_box .title {
	color: #1F78AA; 	/* rgba(31,120,170,1) */
}

.home_news_wrap .title_box .title i {
	padding-right: 15px;
}

/*** Read More ***/
.home_news_wrap .title_box .read_more {
	display: inline-block;
	color: #AD4F7B;
	font-weight: 600;
	font-size: 15px;
	padding-left: 20px;
}

.home_news_wrap .title_box .read_more a:hover {
	color: #E74847;
}

/*** 單筆最新消息 ***/
ul.home_news_list {
	list-style: none;
}

/*** 每排 2 個 ***/
ul.home_news_list li {
	position: relative;
	vertical-align: top;
	margin-bottom: 1.5em;
	min-height: 5.5em;
}

/*** 日期 ***/
ul.home_news_list li .date_box {
	display: inline-block;
	text-align: center;
	border:	1px solid rgba(48,113,185, .5); /* #3071B9  */
	line-height: 1;
	width: 4.7em;
	position: absolute;
	left: 15px ;
	top: 0;
}

.date_box .year,
.date_box .month,
.date_box .day {
	display: block;
}

/* 月 */
.date_box .month {
	font-size: 13px;
	background: rgba(48,113,185, 1);
	color: #FFF;
	padding: 3px 0 5px;
}

/* 日 */
.date_box .day {
    font-size: 1.5em; 
    font-weight: bold;
	padding: 3px 0 5px;
	color: #111;
}

/* 年 */
.date_box .year {
	font-size: 13px;
    font-weight: bold;
	color: rgba(48,113,185, 1);
	padding-bottom: 3px; 
}

/*** 資料區 ***/
ul.home_news_list li .content_box {
	padding-left: 5.5em;
	display: inline-block;
}

/*** 標題 **/
ul.home_news_list li .content_box .title {
	font-size: 17px;
	margin-bottom: 5px;
}

/*** 英文版標題 ***/
ul.home_news_list li.en .content_box .title {
	font-size: 15px;
	margin-bottom: 5px;
}

ul.home_news_list li .content_box .title a {
	color: rgba(48,113,185, 1);
}

ul.home_news_list li .content_box .title a:hover {
	color: #E74847;
}

/*** 摘要內容 ***/
ul.home_news_list li .content_box .excerpt {
	font-size: 15px;
	line-height: 1.2;
}

/*** 英文版摘要 ***/
ul.home_news_list li.en .content_box .excerpt {
	font-size: 13px;
	line-height: 1.2;
}

@media only screen and (max-width: 359px) {
	ul.home_news_list li {
		min-height: 6.5em;
	}
}

@media only screen and (max-width: 991px) {
	/*** youtube ***/
	#home_news .home_news_media {
		margin-top: 0;
		text-align: center;
	}
}

/********************************************
	表格標頭固定 (配合 jquery.stickheader.js)
********************************************/
.sticky-wrap {
    position: relative;
	width: 100%;
	overflow: auto;
}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .125s linear; 
    z-index: 50;
    width: auto; /* Prevent table from stretching to full size */
	margin: 0;
}

.fix_header a,
.sticky-thead a,
.sticky-col a,
.sticky-intersect a {
	color: #3071B9;
}

.fix_header a:hover,
.sticky-thead a:hover,
.sticky-col a:hover,
.sticky-intersect a:hover {
	color: #E74847;
}

/*** thead 表格 ***/
.sticky-thead {
/*	box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125); */
	z-index: 100;
	width: 100%; /* Force stretch */
}

.sticky-thead thead td,
.sticky-thead thead th {
	background: #EEEEEE;
	border-color : rgba(0,0,0,.2);
	min-width: 6em;
}

/*** 左直欄 ***/
.sticky-col th {
	background: #e3e3e3; 
	border: 1px solid #CCCCCC;
}

/*** 左上角欄位 表格 ***/
.sticky-wrap .sticky-intersect {
	opacity: 1;
	z-index: 150;
}

/*** 左上角欄位 ***/
.sticky-wrap .sticky-intersect th {
	background-color: #ccc;
	color: #333;
	min-width: 6.3em; 
}

/*** 避免第一欄換行 ***/
table.fix_header thead tr:first-child th:first-child,
table.fix_header tbody tr th {
	white-space: nowrap;
/*	border: 1px solid red; */
}

/*** responsive video ***/
.video_box {
	margin-bottom: 2em;
}
.video_box p {
	text-align: center;
}
.mejs-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 57%; 
}

.mejs-overlay, .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}

.mejs-mediaelement video {
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}
/*
.lang-item-cn {
	display: none !important;  
}
*/
/*
::-webkit-input-placeholder {
    color:    red;
}
:-moz-placeholder {
    color:    red;
}
::-moz-placeholder {
    color:    red;
}
:-ms-input-placeholder {
    color:    red;
}
*/
/* Different color for some fields */

#s::-webkit-input-placeholder {
	color: rgba(255,255,255,.7);
}

#s:-moz-placeholder {
	color: rgba(255,255,255,.7);
}

#s::-moz-placeholder {
	color: rgba(255,255,255,.7);
}

#s:-ms-input-placeholder {
	color: rgba(255,255,255,.7);
}


/***************************
 底部隱私權宣告 (footer.php)
**************************/
.cookie-message {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: rgba(10,70,137,.92); /* #0A4689; */
	color: #FFF;
	box-shadow: 0px 0px 3px #333;
	z-index: 999999999;
}

.cookie_box {
	position: relative;
	padding: 1em .5em;
	line-height: 2;
}

/*** 隱私權頁面連結 ***/
.cookie_box .privacy_link {
	text-decoration: none;
	border-bottom: 1px solid ;
	margin-left: .2em;
	margin-right: .2em; 
	color: #FF0;
}

/*** 按紐 ***/
.cookie_box .privacy_btn {
	display: inline-block;
	padding: .3em .6em .4em;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #111111;
	border-color: rgba(249,203,51,1);		/* #F9CB33 */
	background-color: rgba(249,203,51,1);	/* #F9CB33 */
	margin-left: .5em;
}

.cookie_box a:hover {
	color: #E74847;
}

/*** copyright 後方的隱私權按鈕 ***/
.privacy_link {
	display: inline-block;
	margin-left: .5em;
	opacity: .5;
}

.privacy_link a {
	display: inline-block;
	margin-left: .5em;
}