@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 ----------*/
a {
  text-decoration: none;
}
.headerContent {
  background-color: #ffffff;
  height: 60px;
  padding-right: 20px;
  padding-left: 0px;
  min-width: 1082px;
  width: 100%;
}
.headerFixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000000;
}
ul.mainMenu {
  margin-left: 30px;
  display: inline-block;
  padding: 0px;
  margin-top: 0px;
}
/*****************************/
/*     logo  			    */
/*****************************/
.logo {
  float: left;
}
.logoAlign {
  vertical-align: middle;
}
.logoVerAlignMiddle {
  line-height: 60px;
  height: 60px;
  vertical-align: middle;
}
img {
  border: 0px;
  vertical-align: middle;
  max-width: 220px;
  max-height: 30px;
}
/*****************************/
/*     first level menu      */
/*****************************/
ul.mainMenu li {
  float: left;
  position: relative;
}
ul.mainMenu li a {
  /* height: 60px; */
  padding-right: 14px;
  padding-left: 14px;
  _display: block;
  color: #1b3d7b;
  line-height: 60px;
  _font-size: 1.16666em;
}
/*
ul.mainMenu li.active{
	*background-image: url(images/bg_member_set_on.png);
	background-color: @header_mainmenu_li_active_color;
}
*/
ul.mainMenu li:hover {
  *background-image: url(images/bg_member_set_on.png);
  background-color: #ffffff;
}
ul.mainMenu li a:hover {
  _background-color: #0085a3;
  color: #ffffff;
}
/*
.first a {
	color: #111111  !important;
}


.first a:hover {
	color: @header_background_color  !important;
}
*/
.first a {
  color: #0089a7 !important;
}
.first dd a {
  color: #1b3d7b !important;
}
/************************************/
/*     second level float menu      */
/************************************/
ul.mainMenu li dl {
  position: absolute;
  top: 60px;
  left: 0px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 200px;
}
ul.mainMenu li dl dd {
  padding: 15px 10px;
  *background: #fff;
  line-height: 25px;
  font-size: 12px;
  /* box-shadow: 0 6px 12px rgba(0,0,0,0.175); */
  z-index: 9999;
  /*
	height: 52px;
	width: 150px;
	*/
  *background-image: url(images/bg_member_set_off.png);
  background-color: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #f2f2f2;
}
ul.mainMenu li dl dd:hover {
  background-color: #f2f2f2;
}
ul.mainMenu li dl dd:hover a {
  color: #ffffff !important;
}
ul.mainMenu li dl dd:hover span {
  color: #ffffff !important;
}
ul.mainMenu li dl dd.lineSpaceNone {
  border-bottom-style: none;
}
ul.mainMenu li dl dd a {
  line-height: 1;
  text-align: left;
  width: auto;
}
/*******************************/
/*         other  menu         */
/*******************************/
ul.mainMenu li a.subMenu {
  height: 60px;
  padding-right: 30px;
  padding-left: 16px;
  display: block;
  color: #b8cfd7;
  line-height: 60px;
  background-image: url(images/menu_arrowhead_off.png);
  background-repeat: no-repeat;
  background-position: 82px center;
}
ul.mainMenu li a.subMenu:hover {
  background-color: #0085a3;
  color: #fff;
  background-image: url(images/menu_arrowhead_on.png);
}
.secondMenu {
  _margin-left: 50px;
  display: inline-block;
  float: right;
  padding: 0px;
  margin-top: 0px;
}
.secondMenu a.icon_style {
  color: #1b3d7b;
}
.secondMenu dd a .icon_style {
  color: #ffffff;
}
.secondMenu li {
  float: left;
}
.timeAndOnline,
.timeAndOnline a {
  white-space: nowrap;
  color: #1b3d7b;
  line-height: 60px;
}
.timeAndOnline {
  padding-left: 30px;
}
/****************************************/
/*    			 footer				  */
/****************************************/
#footer {
  background-color: #ffffff;
  text-align: center;
  color: #1b3d7b;
}
/****************************************/
/*     css defined for menu javascript  */
/****************************************/
.li_ {
  position: relative;
}
.li_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 99999999999999;
  *display: none;
  *top: 18px;
  width: 180px;
}
.li_1 {
  position: relative;
}
.li_1_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 99999999999999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_1_content a:hover {
	color: #f18336!important
}
*/
/*
.li_1_content dt {
	height: 14px;
*height:19px
}
*/
.li_1_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_1_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_2 {
  position: relative;
}
.li_2_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 99999999999999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_2_content a:hover {
	color: #f18336!important
}
*/
/*
.li_2_content dt {
	height: 14px;
*height:19px
}
*/
.li_2_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_2_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_3 {
  position: relative;
}
.li_3_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_3_content a:hover {
	color: #f18336!important
}
*/
/*
.li_3_content dt {
	height: 14px;
*height:19px
}
*/
.li_3_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_3_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_4 {
  position: relative;
}
.li_4_content {
  /*
	position: absolute;
	top: 26px;
	left: -26px;
	*/
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_4_content a:hover {
	color: #f18336!important
}
*/
/*
.li_4_content dt {
	height: 14px;
*height:19px
}
*/
.li_4_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_4_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_5 {
  position: relative;
}
.li_5_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_5_content a:hover {
	color: #f18336!important
}
*/
/*
.li_5_content dt {
	height: 14px;
*height:19px
}
*/
.li_5_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_5_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_6 {
  position: relative;
}
.li_6_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_6_content a:hover {
	color: #f18336!important
}
*/
/*
.li_6_content dt {
	height: 14px;
*height:19px
}
*/
.li_6_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_6_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_7 {
  position: relative;
}
.li_7_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_7_content a:hover {
	color: #f18336!important
}
*/
/*
.li_7_content dt {
	height: 14px;
*height:19px
}
*/
.li_7_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_7_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_8 {
  position: relative;
}
.li_8_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_8_content a:hover {
	color: #f18336!important
}
*/
/*
.li_8_content dt {
	height: 14px;
*height:19px
}
*/
.li_8_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_8_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_9 {
  position: relative;
}
.li_9_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_9_content a:hover {
	color: #f18336!important
}
*/
/*
.li_9_content dt {
	height: 14px;
*height:19px
}
*/
.li_9_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_9_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_10 {
  position: relative;
}
.li_10_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 9999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_9_content a:hover {
	color: #f18336!important
}
*/
/*
.li_9_content dt {
	height: 14px;
*height:19px
}
*/
.li_10_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_10_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}
.li_99 {
  position: relative;
}
.li_99_content {
  position: absolute;
  top: 26px;
  left: -26px;
  line-height: 33px;
  z-index: 99999999999999;
  display: none;
  *top: 18px;
  width: 180px;
}
/*
.li_99_content a:hover {
	color: #f18336!important
}
*/
/*
.li_99_content dt {
	height: 14px;
*height:19px
}
*/
.li_99_content dd {
  padding: 8px 20px;
  background: #fff;
  line-height: 25px;
  font-size: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.li_99_content dd a {
  text-align: center;
  padding: 0;
  color: #666;
  font-weight: normal;
  width: auto;
}