@charset "utf-8";
/*
 *
 *	此為使用Less CSS ?????????? CSS??��?�能帶�?��?�數??�相??��?��?�函?��???
 * 	???依賴 compiler-1.1.jar ??? hamcrest-core-1.3.jar ???  junit-4.12.jar ??? rhino-1.7R5.jar ??��?�支第�?�方套件???
 *
 *  How to compile a source file:
 *  // create compiler & source file
 *	LessCompiler compiler = new LessCompilerImpl();
 *	File source = new File("/less/file.less");
 *
 *	// compile file with default options
 *	String cssCode = compiler.compile(source);
 *
 *	// set custom option: minify CSS code
 *	CompilerOptions options = new CompilerOptionsBuilder().setMinified(true).create();
 *	String cssMinifiedCode = compiler.compile(source, options);
 *
 * 	???設�?�整體樣??????????:
 * 	1.主�?��?�色
 * 	2.主�?��?��?�大??????????
 * 	3.主�?��?��?��?�色
 * 	4.主�?��?��?��??結�?�色
 * 	5.??�用表格底色
 *	6.??�用??��?��?�色
 *	7.?��他樣??????????
 *
 * 	使用說�?��??
 * 	1.設�?��?�數請於 Custom Setting Style ?��  END Custom Setting Style ?��?��增�??
 * 	2.?��??? #Start# 以�?? #End# ??�兩??��?�簽請勿修改?��?��??�自行添??��??????????????��?�籤???
 * 	3.如�??增�?�面樹�?�自行在#Start# ??? #End# 標籤?��?��行添??��?�命??��?��?�第????????????��?��?��?�為 @ ，�?��?�以 ; 結尾???
 *	4.?��標籤 Start Override Original CSS ?��?��?��行設定�??要�?�寫??��?��?�CSS，�?��?�使?��Custom Setting Style?��??�設定�?��?�數??��??
 *
 *
 *	P.S. 如�??要恢復�????�設定可??�照 c_style_default.less 此�?��?��?�為?��礎�??
 *
 *	Created at Oct 29, 2015
 *
 *	@author Bruce Chen
 *
 */
/*----------Custom Setting Style ---------------*/
/*#Version : 20151103.2*/
/*#Start#*/
/*總�?�樣??????????*/
/*表格?��???*/
/*??��?�相??? */
/*後台框架?��??? */
/* 上面主選?�� */
/* 下面Footer */
/* email */
/* client site */
/*#End#*/
/*---------- END Custom Setting Style ----------*/
/*---------- Start Override Original CSS ----------*/
/*---------- End Override Original CSS ----------*/
body {
  color: #009e91 !important;
  font-size: 14px !important;
  font-family: Helvetica, Arial, sans-serif, "Microsoft JhengHei", PMingLiU;
  background-color: #ffffff !important;
}
a {
  color: #009e91;
  font-size: 14px !important;
}
table tr td {
  color: #009e91 !important;
  font-size: 14px !important;
}
.content-table-line {
  height: 10px !important;
  color: #ddd !important;
  border-bottom: 1px dotted !important;
}
/*
	Content
*/
/* jQuery Ui ? */
.cl-ui-button-text {
  line-height: 100% !important;
}
.normal-button-ui-state-default {
  color: #fffaff !important;
  background-color: #18a99b !important;
  border: 1px solid #18a99b !important;
  _border-radius: 50px !important;
  border-radius: 6px !important;
  /*
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);	
	*/
}
.normal-button-ui-state-default:hover,
.normal-button-ui-state-focus {
  background-color: #10736a !important;
  border: 1px solid #10736a !important;
}
.normal-button-ui-state-default:active {
  background-color: #052320 !important;
  border: 1px solid #052320 !important;
  /*
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;	
	*/
}
.submit-button-ui-state-default {
  color: #fffaff !important;
  background: #ff8533 !important;
  border: 1px solid #ff8533 !important;
  _border-radius: 50px !important;
  border-radius: 6px !important;
  /*
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);		
	*/
}
.submit-button-ui-state-default:hover,
.submit-button-ui-state-focus {
  background-color: #f56200 !important;
  border: 1px solid #f56200 !important;
}
.submit-button-ui-state-default:active {
  background-color: #993d00 !important;
  border: 1px solid #993d00 !important;
}
.cancel-button-ui-state-default {
  color: #fffaff !important;
  background: #ff7575 !important;
  border: 1px solid #ff7575 !important;
  _border-radius: 50px !important;
  border-radius: 6px !important;
  /*
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);		
	*/
}
.cancel-button-ui-state-default:hover,
.cancel-button-ui-state-focus {
  background-color: #ff3838 !important;
  border: 1px solid #ff3838 !important;
}
.cancel-button-ui-state-default:active {
  background-color: #db0000 !important;
  border: 1px solid #db0000 !important;
}
.icon-button-ui-state-default {
  color: black !important;
  background: #f5f5de !important;
  border: 1px solid #f5f5de !important;
  _border-radius: 50px !important;
  border-radius: 6px !important;
  margin: 2px !important;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.icon-button-ui-state-default:hover,
.icon-button-ui-state-focus {
  background-color: #e7e7af !important;
  border: 1px solid #e7e7af !important;
}
.icon-button-ui-state-default:active {
  background-color: #d1d169 !important;
  border: 1px solid #d1d169 !important;
}
div.link-button-group a.l-btn,
a:visited.l-btn,
span.l-btn-left {
  background-color: #18a99b !important;
  color: #fffaff !important;
  _border-radius: 50px !important;
  border-radius: 6px !important;
  /*
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);		
	*/
}
div.menu-top.menu {
  background-color: #18a99b !important;
}
div.menu-top.menu div.menu-item,
.menu-active {
  background-color: #18a99b !important;
  color: #fffaff !important;
}
table.grid-table1 tr.grid-table1-row-color.grid-table-title td {
  background: #e3f0f3 !important;
}
table.grid-table1 tr.grid-table-title td {
  background: #e3f0f3 !important;
}
table.grid-table1 tr.grid-table1-row-color.grid-table-title td a.content-table-text-title-link,
a.content-table-text-title-link {
  color: #009e91 !important;
}
table.grid-table1 tr.grid-table1-row-color td {
  background: #f4f4f4 !important;
}
table.grid-table1 tr.grid-table-title td,
table.grid-table1 tr td {
  font-size: 14px !important;
  color: #202020 !important;
  border-bottom: 0px;
}
table.rgMasterTable.rgClipCells tr.rgPager {
  background-color: #e3f0f3 !important;
}
table.form-table th {
  background-color: #e3f0f3 !important;
}
.content-link,
.content-link a,
a.content-link font {
  color: #009e91 !important;
  font-size: 14px !important;
}
.content-link a:hover {
  text-decoration: underline;
}
.content-link:hover {
  text-decoration: underline;
}
.content-text {
  line-height: 100%;
}
/*
textarea {
	border-radius: 13px !important;
}
*/
.content-textfield {
  padding: 2px 4px 2px 4px !important;
  line-height: 120% !important;
  _border-radius: 13px ;
  border-radius: 6px !important;
}
.accordion .accordion-header {
  font-size: 14px !important;
  margin: 10px 0 10px 0 !important;
  padding: 0 5px 15px 5px !important;
}
/*
	Tree
*/
.tree1 .collapse a {
  font-size: 14px !important;
  color: #009e91 !important;
}
.tree2 .expand a {
  font-size: 14px !important;
  color: #009e91 !important;
}
.tree2 .leaf a {
  font-size: 14px !important;
  color: #009e91 !important;
}
/*
	navbar
*/
#navbar table.bar td.content {
  font-size: 14px !important;
  color: #009e91 !important;
}
#navbar table.bar td.content a {
  color: #009e91 !important;
}
#navbar table.bar td.content a:hover {
  text-decoration: underline;
}
#navbar table.bar td.content a:hover {
  text-decoration: underline;
}
/*
span.content-function-title{
	color : @main_font_color !important;
}
*/
/*
	tab
*/
.table-title {
  border-left: 4px solid #009e91 !important;
  line-height: 120% !important;
}
.content-function-title {
  border-left: 4px solid #009e91 !important;
  padding-left: 10px !important;
  color: #009e91 !important;
  line-height: 120% !important;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  display: inline-block;
}
.sub_nav {
  background: #009e91 !important;
}
.sub_nav a:hover {
  border-top: 2px solid #009e91 !important;
}
.sub_nav .on {
  border-top: 2px solid #009e91 !important;
  border-right: 2px solid #009e91 !important;
  border-left: 2px solid #009e91 !important;
}
.step li:before,
.step li:after,
.step li > div:after {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.step li:hover,
.step li.on {
  background-color: #ffffff !important;
}
.step li:hover:before,
.step li.on:before {
  border-right-color: #ffffff !important;
}
.step li:hover:after,
.step li.on:after {
  border-bottom-color: #ffffff !important;
}
.step li:hover > div:after,
.step li.on > div:after {
  border-left-color: #ffffff !important;
}
.step li:hover a,
.step li.on .step_text {
  color: #009e91 !important;
}
.step li {
  background-color: #bfdde4 !important;
}
.step li:before {
  border-color: transparent #bfdde4 transparent transparent !important;
}
.step li:after {
  border-color: transparent transparent #bfdde4 transparent !important;
}
.step li > div:after {
  border-color: transparent transparent transparent #bfdde4 !important;
}
.step li a {
  color: #009e91 !important;
}
/* Header Menu */
ul.secondMenu li span.timeAndOnline,
.timeAndOnline a {
  color: #009e91 !important;
  display: inline-block;
  line-height: 60px;
}
/* Footer Setting*/
#footer {
  background-color: #ffffff !important;
}

