/***table***/
#box{width:100%;float:left;margin-bottom:20px}
.my-table{font-size:11pt;border:1px solid #ccc;border-collapse:collapse;width:100%;margin:0 auto;}
@media screen and (max-width:900px) {.my-table{font-size:10pt;}}
.my-table td,.my-table th{padding:8px;border:1px solid #ccc}
.my-table th{background-color:#ececec;border-bottom:1px solid #ccc;font-style:normal;font-weight:400;}
.my-table td{text-align:left;}
.my-table td img{max-width: 100%; min-width: 12px;}
.my-table td a {border-bottom: none;}
.my-table td span{clear: both; display: block;}
div #translate_lang span.zone{width:25%;float:left;margin-top:2px;clear: none;}
.p_title{width: 100%; font-weight: bold; clear: both;}
#translate_lang{width: 100%; overflow: hidden;}
@media screen and (max-width:1200px) {	div #translate_lang span.zone{width:33%;}}
@media screen and (max-width:800px) {	div #translate_lang span.zone{width:50%;}}
@media screen and (max-width:600px) {	input.t_b{max-width:200px;}}
#menu_icon{width: 100%;}
#selectpage { float: right; text-align: right; margin-bottom: 0px;}
#search_k { float: left; text-align: left; width: 100%;}
#search_k form{width: 60%; float: left;}
#tabs{float:left;width:100%;}
#tabs ul{float:left;padding:0;list-style:none; width: 100%;}
#tabs li{display:inline;margin:0;padding:0}
#tabs a{float:left;margin:0 2px 0 0;text-decoration:none; background:#004d71;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;color:#fff;padding: 5px 8px; border-bottom: none;transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
#tabs a.red{background:#af0543;}
#tabs li.option{float:left;margin:0 2px 0 0;text-decoration:none;padding: 5px 8px; border-bottom: none;}
#tabs a:hover{background-color: rgba(255,102,0, 1);}
.time_lock div{margin: 0 0 8px 0;border-bottom: 1px solid #ddd; display: block;padding: 0 0 4px 0;}
.time_lock div select{margin: 0 0 3px 0;}
.long_table{min-width:600px;}
/********************************************************************/
/*表單過寬捲軸設定*/
.scroll_column,
.scroll_column2,
.scroll_column_x_top,
.scroll_column_x_top2{
	display:block;
	overflow-x:auto;
	padding:1% 0 1% 0;
	-webkit-overflow-scrolling: touch;
}
.scroll_column::-webkit-scrollbar,
.scroll_column2::-webkit-scrollbar,
.scroll_column_x_top::-webkit-scrollbar,
.scroll_column_x_top2::-webkit-scrollbar{
	width:5px;
	height:5px;
	background:#f2f2f2;
}
.scroll_column::-webkit-scrollbar-thumb,
.scroll_column2::-webkit-scrollbar-thumb,
.scroll_column_x_top::-webkit-scrollbar-thumb,
.scroll_column_x_top2::-webkit-scrollbar-thumb{
	background:#666;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.scroll_column_x_width,
.scroll_column_x_width2{ 
	display:block;
	height:1px;
}
/********************************************************************/
/***login***/
h1.login_title{color: #fff; width: 90%; margin: 40px auto 10px auto;}
.login_column{width:90%;max-width:400px;margin:0 auto 60px auto;-webkit-border-radius:10px;	-moz-border-radius:10px; border-radius:10px;padding: 20px 30px;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 20px rgba(0,0,0,0.4); box-shadow: 0 1px 20px rgba(0,0,0,0.4); border: 0px solid rgba(0,0,0,0.08);background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 51%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 51%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 51%,rgb(255,255,255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
.login_column .logo{width: 100%;}
.login_column .logo a{border-bottom: none;}
.login_column .logo img{width: 100%;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
/********************************************************************/
/***copyright***/
.copyright{width: 90%; color:rgba(255,255,255,0.6); font-size: 9pt; margin:0 auto 10px auto;}
.copyright_admin{color:rgba(0,0,0,0.6);}
/********************************************************************/
/***admin header***/
.admin_header{position: fixed; top:0; width: 100%; height: 60px; display: block;background:#004d71; z-index: 999999;}
.admin_header .logo_pic{width: 45px; height: 45px; float: left;-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;	background-size: cover;-webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%;margin: 7px 10px 0 8px; background-position: center;}
.admin_header .logo_text{float: left; color: #eee; font-size: 18pt; line-height: 58px}
.header_option{border-left:1px dashed rgba(255,255,255,0.3); float: left; margin: 0 0 0 20px; padding: 0 0 0 10px;}
.header_option .op_link {color: #eee;float: left;}
.header_option .op_link a{color: #eee;float: left; margin: 10px 6px 5px 0px; background-color: rgba(0,0,0, 0.4);-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding: 10px;transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border:none;}
.header_option .op_link a:hover{background-color: rgba(255,102,0, 1);}
/********************************************************************/
/***admin_mian***/
.admin_main{width: 100%; margin: 60px 0; overflow-x: hidden !important;}
.left_menu{width: 160px; height: 100%; background: #004d71;border-top:2px solid rgba(255,102,0,1); color:#eee; position: fixed; left:0; top:60px;overflow:auto}
.left_menu li{list-style: none;}
.left_menu ul{margin: 0; padding: 0; background: rgba(255,255,255,0.2);}
.left_menu .menu_step_1{padding: 8px; border-bottom: 1px dashed rgba(255,255,255,0.3); cursor: pointer;}
.left_menu .menu_step_2:last-child{border-bottom:none;}
.left_menu .menu_step_2 a{padding: 8px 8px 8px 14px; border-bottom: 1px dashed rgba(255,255,255,0.3);color: #fff; width: 100%; display: block;transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
.left_menu .menu_step_2 a:hover{background-color: rgba(255,102,0, 1);}
/********************************************************************/
/*right_info*/
.right_info{width:calc(100% - 190px); float: right; margin: 10px 0 0 0; padding: 0 10px 0 0; overflow: hidden;}
.right_info .notification_column{width: 100%; margin: 0 0 8px 0;}
.right_info .notification_column .row{width: 100%; margin:0 0 3px 0; min-height: 30px; line-height: 20px; overflow: hidden; display: block; background: #e8e8e8; overflow: hidden; padding: 10px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
h2.title{color:#004d71;}
@media screen and (max-width:900px) {
	.admin_header{height: 40px;}
	.admin_header .logo_pic{width: 30px; height: 30px;margin: 5px 10px 0 8px;}
	.admin_header .logo_text{font-size: 14pt; line-height: 38px}
	.admin_main{margin: 40px 0;}
	.right_info{width:98%; margin:5px auto 0 auto; float: none;padding: 0;}
}
/********************************************************************/
/***optione_menu***/
#mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:98;transition:background-color 2s;-webkit-transition:background-color 2s;background-color:rgba(0,0,0,.8)}
/*option_menu*/
@media screen and (max-width:900px) {
	/*option_menu*/
	#option_column{display:block;z-index:9999;width:100%;position:absolute;left:100%;float:none;overflow:hidden;overflow-y:auto;padding:0 0 60px 0;transition:left .5s;-webkit-transition:left .5s;top:40px;}
	#option_column.clicked{display:block;left:20%;transition:left .3s;-webkit-transition:left .3s}
	#option_column.back{display:block;left:100%;transition:left .3s;-webkit-transition:left .3s}
}
/*option*/
#option{float:right;width:40px;height:40px;background:url(icon_head_option_agent.svg) center center no-repeat;background-size:100%;display:none;cursor:pointer;margin:0 0 0 0;}
#option.close{background:url(icon_head_option_close.svg) center center no-repeat;	background-size:100%;}
.mobile_show{display: none;}
@media screen and (max-width:900px) {
	#option{display:inline-block;	}
	.mobile_show{display:block; width: 100%; clear: both; overflow: hidden;}
	.mobile_show .header_option{border-left:none; float: left; margin: 0; padding: 0 0 0 5px; width: 80%; background: rgba(255,255,255,0.1)}
	.mobile_show .header_option .op_link{display: inline-block; float: none;}
	.mobile_show .header_option .op_link a{margin: 10px 0 5px 2px;}
	.admin_header>.header_option{display: none;}
}
/***************************************************************/
/***form_column***/
.form_column .row{margin: 5px 0; padding: 5px 0; border-bottom: 1px dashed #ccc;}
.form_column .row .title span.change{margin: 0 0 0 10px; color: rgba(255,102,0,1);cursor: pointer; border-bottom: 1px dashed rgba(255,102,0,1);}
.form_column .row .info img{max-width: 100%;}
.form_column .row .info a{font-size:0.86em; color: #333; border: none;}
.form_column .row .info a>img{width: 18px; height: 18px; position: relative; top:3px;}
.form_column .row .desc{font-size: 10pt; color:#666; line-height: 16pt;}
.form_column .row_button {width: 100%;  padding:5px 0;  margin: 20px 0;  text-align: center;}
.form_column .form_button{
  color: #fff;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  background: #ddd;
  font-size: 11pt;
  transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
  width: 100%;
  max-width: 120px;
  border: none;
  font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
  -webkit-appearance: none;
  background-color: rgba(0,0,0, 0.4);
  cursor: pointer;
}
input[type="button"],
input[type="submit"],
input[type="reset"]{
  color: #fff;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 0 0 3px 0;
  background: #ddd;
  font-size: 11pt;
  transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
  width: 100%;
  max-width: 80px;
  border: none;
  font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
  -webkit-appearance: none;
  background-color: rgba(0,0,0, 0.4);
  cursor: pointer;
}
input[type="button"].search_button{max-width: 50px;}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.form_button:hover {background-color: rgba(255,102,0, 1);}
/*input物件*/
.my-table td input[type="text"],
input[type="password"],
.my-table input.t_bb,
#search_k .t_b{
  padding: 4px 9px;
  margin: 0 0 5px 0  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 11pt;
  border: #aaa 1px solid;
  margin: 0 0 5px 0;
  font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.my-table input.t_bb{
  min-width: 120px;
  background-color: #AADFE4;
}

input.inputtext,
textarea.t_b{
  padding: 4px 9px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12pt;
  border: #aaa 1px solid;
  margin: 5px 0;
  font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select {
  background: url(icon-arrow-dwn.png) center right no-repeat;
  padding: 4px 35px 4px 10px;
  background-color: #eee;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #444;
  font-family: helvetica,arial,sans-serif;
  font-size: 11pt;
  line-height: 20px;
  margin: 0 0 3px 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {display: none;}

/********************************************************************/
/*輔助設定*/
span.pointer{color:#006CDB;}
.bg_index{background: #004D71;}
.bg_admin{background: #f2f2f2;}
.container{	width:100%;	margin:0 auto;	overflow:hidden;}
.font_size_14pt{font-size: 14pt;}
.text_center{text-align: center;}
html{	-ms-content-zooming: none; /* Disables zooming */	overflow-x:hidden;	overflow-y:auto;	min-height: 100%;}
body{	margin:0;	padding:0;	font-size:11pt;	min-height: 100%;	font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;}
a{color:rgba(255,102,0,1);	position: relative;}
a:link,
a:visited,
a:hover{	text-decoration:none;	border-bottom: 1px dashed rgba(255,102,0,1);}
.over_length{	overflow:hidden;	white-space:nowrap;	text-overflow:ellipsis;	-o-text-overflow:ellipsis;}
.justify{	text-align: justify;	text-justify:inter-ideograph; }
*{-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.font_inline{display: inline-block !important;clear: none !important;}
/********************************************************************/