order_left_@charset "utf-8";

body{
	font-family: sans-serif;
	font-size: 100%;
	background-color:#EBF5F5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
A:link 
	{
		text-decoration: none;
	} 
.wrn {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
}
A:visited 
	{
		text-decoration: none;
	}
.hidebox {
display:block;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color:#005AA0;
    color: #ffffff;
	position:fixed;
    top: 0;
    left: 0;
	opacity: 0.9;
}
.header_pad
{
	 font: bold 18px Geneva, Arial, Helvetica, sans-serif;
	 padding: 20px 4px 6px 0;
}
.shp_nme
{
  font: bold 16px Geneva, Arial, Helvetica, sans-serif;
  color:#d0e5fc;
  background: #005AA0;
}
.footer {
    color: #CACBCC;
    font-size: 12px;
}


ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 6px 0;
  list-style: none;

}
ul li {
  font: bold 16px Geneva, Arial, Helvetica, sans-serif;
  color:#d0e5fc;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 14px;
  background: #005AA0;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  
}
ul li:hover {
  color:#FFFFFF;
}
ul li ul {
  padding: 14px;
  position: absolute;
  left: 0;
  width: 300px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  
  visibility: hidden;
  -webkit-transiton: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -ms-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  -transition: opacity 0.8s;
}
ul li ul li { 
  background-color:#0f6fb9;
  color:#d0e5fc;
  display: block; 
 
  text-shadow: 0 -1px 0 #000;
}
ul li ul li:hover { background:#0095DD; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.left_menu_bg{
	background-color:#EAEBEC;
}
.order_list_bg{
	background-color:#B9DCFF;
}
.order_left_blue {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0099FF;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	cursor:hand;
	margin-top:3;
}
.order_left_blue:hover {
	background-color: #FFF5F0;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #FF9933;
}
.order_left_blue_sel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFF5F0;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FF9933;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	cursor:hand;
	margin-top:3;
}
.order_left_blue_sel:hover {
	background-color: #FFF5F0;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #FF9933;
}

.order_left_green {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #009900;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	cursor:hand;
	margin-top:3;
}
.order_left_green:hover {
	background-color: #FFF5F0;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #FF9933;
}

.order_left_orange {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF6600;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	cursor:hand;
	margin-top:3;
}
.order_left_orange:hover {
	background-color: #FFF5F0;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #FF9933;
}.order_left_gray {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #919293;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	cursor:hand;
	margin-top:3;
}
.order_left_gray:hover {
	background-color: #FFF5F0;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #FF9933;
}
.order_left_id {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:600;
	color: #0099FF;
}
.order_left_cus {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
}

.left_menu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0099FF;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	height: 35px;
	width: 196px;
	cursor:hand;
	margin-top:3;
}
.left_menu:hover {
	border-left-color: #FF9933;
	background-color:#0066FF;
	color:#FFFFFF;
}
.left_menu_sel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
	background-color: #FFF5F0;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF9933;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	height: 35px;
	width: 196px;
	cursor:hand;
	margin-top:3;
}
.left_menu_sub {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066FF;
	background-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0099FF;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	height: 26px;
	width: 190px;
	cursor:hand;
	margin-top:2;
}
.left_menu_sub:hover {
	color: #FFF;
	background-color: #0099FF;
	border-left-color: #FF9933;
}
.left_menu_sub_sel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066FF;
	background-color: #FFF5F0;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF9933;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	height: 26px;
	width: 190px;
	cursor:hand;
	margin-top:2;
}
.ship_mon_box
{
	background:#3399FF;
	border:thin solid #CACBCC;
	height:160;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-right-radius: 0.4em 0.4em;
	border-top-left-radius: 0.4em 0.4em;
	border-bottom-right-radius: 0.4em 0.4em;
	border-bottom-left-radius: 0.4em 0.4em;
}
.ship_mon_num
{
	color:#FFF;
	font-size: 62px;
	font: arial,sans-serif;
}
.ship_mon_foot
{
	color:#FFF;
	font-size: 12px;
	font: arial,sans-serif;
}
.table_bg_gray
	{
	background:#FAFBFC;
	border:thin solid #E1E2E3;
	}
.table_data_head
	{
	background:#666666;
	border:thin solid #009900;
	color:#FFF;
	font-size: 14px;
	font: arial,sans-serif;.
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	}
.table_data_head_blue
	{
	background:#3399FF;
	color:#FFF;
	font-size: 16px;
	font: arial,sans-serif;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	}
.moni_top
	{
	background:#006f9f;
	color:#FFF;
	font-size: 16px;
	font: arial,sans-serif;
	}
.moni_num
	{
	background:#008ac5;
	color:#FFF;
	font-size: 60px;
	font: arial,sans-serif;
	}
.moni_num_red
	{
	background-color:#FF0000;
	animation: blink 1s step-start 0.5s 3;
	color:#FFF;
	font-size: 60px;
	font: arial,sans-serif;
	}
.moni_bot
	{
	background:#006f9f;
	color:#FFF;
	font-size: 16px;
	font: arial,sans-serif;
	}
.moni_top_org
	{
	background:#FF6600;
	color:#FFF;
	font-size: 16px;
	font: arial,sans-serif;
	}
.moni_num_org
	{
	background:#FF9900;
	color:#FFF;
	font-size: 60px;
	font: arial,sans-serif;
	}
.moni_bot_org
	{
	background:#FF6600;
	color:#FFF;
	font-size: 16px;
	font: arial,sans-serif;
	}
.pos_data_line_0
	{
	background:#FAFBFC;
	border:thin solid #009900;
	color:#000;
	font-size: 12px;
	font: arial,sans-serif;
	}
	
.pos_data_line_1
	{
	background:#EAEBEC;
	border:thin solid #009900;
	color:#000;
	font-size: 12px;
	font: arial,sans-serif;
	}
.table_data_line_0
	{
	background:#FAFBFC;
	border:thin solid #000000;
	color:#000;
	font-size: 10px;
	font: arial,sans-serif;
	}
	
.table_data_line_1
	{
	background:#EAEBEC;
	border:thin solid #000000;
	color:#000;
	font-size: 10px;
	font: arial,sans-serif;
	}
.table_data_line_v_0
	{
	background:#FAFBFC;
	border:thin solid #009900;
	color:#AAABAC;
	font-size: 12px;
	font: arial,sans-serif;
	}
	
.table_data_line_v_1
	{
	background:#EAEBEC;
	border:thin solid #009900;
	color:#AAABAC;
	font-size: 12px;
	font: arial,sans-serif;
	}
.table_data_line_e_0
	{
	background:#FFE8E8;
	border:thin solid #009900;
	color:#000;
	font-size: 12px;
	font: arial,sans-serif;
	}
.table_data_line_e_1
	{
	background:#FFD9D9;
	border:thin solid #009900;
	color:#000;
	font-size: 12px;
	font: arial,sans-serif;
	}
	
.bu {
	background:  #005500;
	border:thin solid #009900;
	color:#FFF;
	font-size: 18px;
	font: arial,sans-serif bold;
	
	padding:5px 16px 5px 16px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.bu_red {
	background:  #FF0000;
	border:thin solid #FF0000;
	color:#FFF;
	font-size: 18px;
	font: arial,sans-serif bold;
	
	padding:5px 16px 5px 16px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.bu_blue {
	background:#3399FF;
	border:thin solid #999999;
	color:#FFF;
	font-size: 18px;
	font: arial,sans-serif bold;

	padding:5px 16px 5px 16px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.bu_gray {
	background:#919293;
	border:thin solid #999999;
	color:#FFF;
	font-size: 18px;
	font: arial,sans-serif bold;

	padding:5px 16px 5px 16px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}

.txt_box {
	background: #FFF;
	padding-right:18 px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.data_box {
	background: #FFF;
	border:1px solid #B1B2B3;
	color: #313233;
	font:16px arial,sans-serif bold;
	margin:0;
	padding:3px 2px 2px 4px;
	padding-right:18 px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.mon_box {
	border:1px solid #B1B2B3;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.form_data_box {
	background: #FFF;
	border:1px solid #B1B2B3;
	color: #313233;
	font:16px arial,sans-serif bold;
	padding:1px 1px 1px 1px;
	padding-right:20 px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.data_box_big {
	background: #FFF;
	border:1px solid #B1B2B3;
	color: #313233;
	font:20px arial,sans-serif bold;
	margin:0;
	padding:3px 2px 2px 4px;
	padding-right:18 px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.login_box {
	background: #FFF;
	border:1px solid #003300;
	color: #313233;
}
.info_box {
	
	border:1px solid #C1C2C3;
	box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .1);
	border-top-right-radius: 0.4em 0.4em;
	border-top-left-radius: 0.4em 0.4em;
	border-bottom-right-radius: 0.4em 0.4em;
	border-bottom-left-radius: 0.4em 0.4em;
}
._list {
	background: #FFF;
	border:1px solid #008AFB;
	color: #313233;
	font:14px arial,sans-serif bold;
	margin:0;
	padding:7px 5px 5px 10px;
	padding-right:24 px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.head_table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #0099CC;
}
.head_table_green {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color:#00A208;
}
.head_itm_table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color:#D9ECFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	border-top-left-radius: 0.3em 0.3em;
	border-bottom-right-radius: 0.3em 0.3em;
}
.head_table_q {
	padding:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #616263;
	background-color:#EAEBEC;
	margin-bottom: 6px;
}
.subhead {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
}
.txt_norm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
}

.txt_big {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #515253;
}
.txt_big_green {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#0A8F00;
}


.txt_list {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #515253;
	background: #FFF;
	padding-right:18 px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.txt_box_big {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515253;
	background: #FFF;
	padding:8px 6px 8px 8px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.ads_box {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515253;
	background: #FFF;
	padding:6px 5px 6px 6px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:4px;
}
.tabel_box_ads {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	height:65;
}
.tabel_box_gray {
	border: thin solid #A1A2A3;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:6;
}
.tabel_box_blue {
	border: thin solid  #2B95FF;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:6;
}
.tabel_box_green {
	border: thin solid #009900;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:6;
}
.ads_box_hot {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515253;
	background:#FFF2EC;
	padding:6px 5px 6px 6px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:10px;
	margin-bottom:10px;
}
.txt_box_ch {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #515253;
	background: #FFF;
	padding:6px 3px 6px 3px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.txt_box_ads {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #515253;
	background: #FFF;
	padding:4px 2px 4px 4px;
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-left:8;
	margin-top:4;
}
.txt_W {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.form_err_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	animation: blink 1.5s step-start 0.5s infinite;
  	-webkit-animation: blink 1.5s step-start 0.5s infinite;
}
.form_w_b_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	animation: blink 1.5s step-start 0.5s infinite;
  	-webkit-animation: blink 1.5s step-start 0.5s infinite;
}
.save_complete{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	-webkit-animation: seconds 2.0s forwards;
  	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 5s;
	animation: seconds 2.0s forwards;
	animation-iteration-count: 1;
	animation-delay: 5s;
	background:#009933;
}

@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
.hoverTable{
		border-collapse:collapse;
		cursor:hand;
	}
	/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
          background-color:#ECFFFF;
    }

.footer_norm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C1C2C3;
}
.login_table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
	border: thin solid #666666;
	 
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.top_table_nme {
	padding:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color:#0099FF;
  
	
}
.top_table_green {
	padding:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color:#009900;
    
}
.txt_head_w {
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
}
.txt_head_b {
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #313233;
}
.txt_head_list {
	padding:3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #313233;
}

.price_table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	border: thin solid #AAABAC;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-bottom:10;
	margin-top:3;
}
.price_head_table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color:#009900;
}
.ship_add_box {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	border: thin solid #8CC6FF;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.ship_add_icon{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color:#009999;

}
.list_txt {
border: 2px solid transparent;
border-radius: 3px;
font-size: 14px;
font-weight: 200;
padding: 8px 5px;
border: 1px solid  #ADADAD;
transition: border 2s;
}


* {
box-sizing: border-box;
}

*:focus {
	outline: none;
}
login-body {
font-family: Arial;
background-color: #3498DB;
padding: 50px;
}
.login {
margin: 180px auto;
width: 300px;
}
.login-screen {
background-color: #FFF;
padding: 20px;
border-radius: 5px
}

.app-title {
text-align: center;
color: #777;
padding:12;
}

.login-form {
text-align: center;
}
.control-group {
margin-bottom: 10px;
}

input {
	
	color: #313233;
	font:24px arial,sans-serif bold;
	margin:0;
	padding:3px 2px 2px 5px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 200;
	border: 1px solid  #ADADAD;
	transition: border 2s;
}

input:focus {
	background-color:#EAF4FF;
	border: 1px solid #0079F2;
	box-shadow: none;
}

.btn {
  border: 2px solid transparent;
  background: #3498DB;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 250px;
  margin: 0 auto;
}

.btn:hover {
  background-color: #2980B9;
}

.login-link {
  font-size: 12px;
  color: #444;
  display: block;
	margin-top: 12px;
}

@keyframes blink {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

.sub_mon_cnt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #000000;
}

.mon_s_nme {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616263;
}
.err_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	background-color:#FF0000;
	animation: blink 1.5s step-start 0.1s 3;
  	-webkit-animation: blink 1.5s step-start 0.1s 3;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.warn_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color:#FF0000;
	animation: blink 1.5s step-start 0.1s 3;
  	-webkit-animation: blink 1.5s step-start 0.1s 3;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.comp_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color:#009900;
	animation: blink 1.5s step-start 0.1s 3;
  	-webkit-animation: blink 1.5s step-start 0.1s 3;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.track_dte{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #919293;
	
}
.track_dsc{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #313233;
	font-weight:400;
}
.track_dte_su{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00BB00;
	
}
.track_dsc_su{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#009900;
	font-weight:400;
}
.track_dte_en{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0066FF;
	
}
.track_dsc_en{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#0066CC;
	font-weight:400;
}
.track_head{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color:#FFFFFF;
	font-weight:600;
	background-color:#FF6600;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	padding-top:5px;
	padding-bottom:5px;
}
.track_body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	border: thin solid #FF6600;
}
.track_drop_head_nme{
	font-size: 28px;
	color:#FFFFFF;
	font-weight:600;
	background-color:#0099FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	padding-top:5px;
	padding-bottom:5px;
}
.track_drop_data{
	font-size: 24px;
	color:#313233;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top:2vmax;
	padding-bottom:2vmax;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	border: thin solid #0099FF;
}

.loader {
  height: 6px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}
.loader:before{
  display: block;
  content: "";
  left: -450px;
  width: 450px;
  height: 6px;
  background-color: #2980b9;
  animation: loading 1s linear infinite;
}
@keyframes loading {
    from {left: -450px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}


uli.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Float the list items side by side */
uli.tab li {float: left;}

/* Style the links inside the list items */
uli.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
}

/* Change background color of links on hover */
uli.tab li a:hover {
    background-color:#C4E1FF;
}

/* Create an active/current tablink class */
uli.tab li a:focus, .active {
    background-color:#B3D9FF;
	
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;

}
.pos_total {
	background:#2B9400;
	color:#FFF;
	font-size: 28px;
	font: arial,sans-serif;
	border-top-right-radius: 0.3em 0.3em;
	border-bottom-right-radius: 0.3em 0.3em;
	}
.pos_head {
	background:#00AC2E;
	border-left: thin thick #FFFFFF;
	border-top-left-radius: 0.3em 0.3em;
	border-bottom-left-radius: 0.3em 0.3em;
	}
.pos_head_L1 {
	color:#FFF;
	font-size: 18px;
	font: arial,sans-serif;
	}
.pos_head_L2 {
	color:#FFF;
	font-size: 14px;
	font: arial,sans-serif;
	}
.pos {
	color:#515253;
	font-size: 16px;
	font: arial,sans-serif;
	border: thin solid #919293;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	border-top-right-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	margin-top: 8px;
	}
.imp_table {
	
	border: thin solid #CACBCC;
	
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
}
.list_bg_0{
	background-color: #CEE7FF;
}
.list_bg_1{
	background-color:#FFFFFF;
}
.tabel_box_gray {
	border: thin solid #A1A2A3;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:6;
}
.tabel_box_blue {
	border: thin solid  #2B95FF;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:6;
}
.tabel_box_green {
	border: thin solid #009900;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-top-right-radius: 0.2em 0.2em;
	border-top-left-radius: 0.2em 0.2em;
	border-bottom-right-radius: 0.2em 0.2em;
	border-bottom-left-radius: 0.2em 0.2em;
	margin-top:6;
}
.txt_black_s {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.txt_black_m {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.txt_black_l {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #000000;
}
.txt_gray_s {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A1A2A3;
}
.txt_gray_m {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A1A2A3;
}
.txt_gray_l {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #A1A2A3;
}
.txt_blue_s {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033CC;
}
.txt_blue_m {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0033CC;
}
.txt_blue_l {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #0033CC;
}
.txt_white_s {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.txt_white_m {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.txt_white_l {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
}

.txt_black_S {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.txt_black_M {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.txt_black_L {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.txt_gray_S {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAABAC;
}
.txt_gray_M {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AAABAC;
}
.txt_gray_L {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #AAABAC;
}
.txt_green_S {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#009900;
}
.txt_green_M {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#009900;
}
.txt_green_L {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#009900;
}
.txt_blue_S {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#0066FF;
}
.txt_blue_M {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0066FF;
}
.txt_blue_L {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#0066FF;
}
.txt_red_S {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FF0000;
}
.txt_red_M {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FF0000;
}
.txt_red_L {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FF0000;
}