@charset "utf-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{font-family:Ngaan, Microsoft JhengHei UI, 微軟正黑體, 細明體, 標楷體, sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
.bg_black {
	background-color:#000; }
.bg_white {
	background-color:#FFF; }
.bg_yellow {
	background-color:#FF0; }
.bg_green {
	background-color:#005500; }
.bg_darkgreen {
	background-color:#006400; }
.bg_red {
	background-color:#CC0000; }
.black {
	color:#000; }
.white {
	color:#FFF; }
.yellow {
	color:#FF0; }
.green {
	color:#006400; }
.green_dark {
	color:#060; }
.red {
	color:#CC0000; }
.blue {
	color:#03F; }
.grey_white { 
	color:#C0C0C0; }
.font_e {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
.font_hei {
	font-family:"微軟正黑體", "MSJH"; }
.font_kai {
	font-family:"標楷體"; }
.新細明		{
	font-family: 新細明體; }
.font_KTL {
	font-family:"華康勘亭流"; src:url('../fonts/華康勘亭流體繁.ttf') format("truetype"); }
.font_yen {
	font_family:"cwtexyen"; }
.font_Ngaan {
	font-family:"Ngaan"; src:url('../fonts/Ngaan.ttf') format("truetype"); }
.font_6  {
	font-size: 6px; }
.font_12 {
	font-size: 12px; }
.font_16 {
	font-size: 16px; }
.font_20 {
	font-size: 20px; }
.font_24 {
	font-size: 24px; }
.font_30 {
	font-size: 30px; }
.font_36 {
	font-size: 36px; }
.font_48 {
	font-size: 48px; }
.font_60 {
	font-size: 60px; }
.font_72 {
	font-size: 72px; }
.font_b {
	font-weight:bold; }
.font_bb {
	font-weight:bolder; }
.font_n {
	font-weight:normal; }
.line15 {
	line-height: 1.5em; }
.line20 {
	line-height: 2em; }
.right {
	text-align:right; }
.left {
	text-align:left; }
.center {
	text-align:center; }
.just {
	text-align:justify; }
.auto {
	text-justify:auto; }
.top {
	vertical-align:top; }
.bottom {
	vertical-align:bottom; }
.central {
	vertical-align:central; }
.container_pad5 {
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%; } 
.container_pad2 {
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%; } 
.container_pad0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; } 
.col_15 {
	float:left;
	width: 15%; }
.col_85 {
	float: right;
	width: 85%; }
.col_20 {
	float: left;
	width: 20%; }
.col_80 {
	float: right;
	width: 80%; }

.boxfixedbottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 1024px;
	height: 34px;
	padding: 10px;
	vertical-align:central;
	background-color: black; }	
.boxfixedleft {
	position: fixed;
	top: 300;
	left: 0;
	width: 240px;
	height: 500px;
	vertical-align:central;
	background-color: black; 
	padding: 10px;}
.boxfixedtop {
	position: fixed;
	top: 0;
	left: 0;
	width: 1024px;
	height: 38px;
	vertical-align:central;
	background-color: #006f15; }	
.hipec_welcome {
	position: absolute;
	top: 30;
	left: 160;
	width: 840px;
	height: 60px;
	text-align:center;
	background-color: #ffffff; }	
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-top-abs,.w3-bottom-abs{position:absolute;width:100%;height:35px;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.margin-bottom-30 {
	margin-bottom:30px!important }
.searchlabel{
	display: inline-block;
	position: absolute;
	z-index: 897;
	left: 20px;
	color: #aaa;
	text-shadow: none;
	pointer-events:none; }
.searchglass{
	position:absolute;
	border-radius: 30px;
	height: 6px;
	width: 6px;
	left: 10px;
	top: 8.5px;
	border: 2px solid #888;
	pointer-events:none; }
.my-container2{padding:0.01em 2px}
.container_flex {
  display: -webkit-flex;
  display: flex; }
.initial {
  -webkit-flex: initial;
          flex: initial;
  width: 160px;
  min-width: 100px; }
.flex1 {
  -webkit-flex: 1;
          flex: 1; }
.white_darkgreen,.hover-white_darkgreen:hover{color:#fff!important;background-color:#006400!important}
.darkgreen_white,.hover-darkgreen_white:hover{color:#006400!important;background-color:#fff!important}
.white_red,.hover-white_red:hover{color:#fff!important;background-color:#CC0000!important}
.red_white,.hover-red_white:hover{color:#CC0000!important;background-color:#fff!important}
.margin-left-8{margin-left:8px!important}.margin-right-8{margin-right:8px!important}
.padding-left-8{padding-left:8px!important}.padding-right-8{padding-right:8px!important}
.col_6 {width:16.66666%}