/* Creat by PDIT CO.,LTD */
@charset "utf-8";

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

*{margin:0;padding:0;border:0px;font-size:14px;font-family:arial,tahoma,sans-serif;font-style:normal;color:#000;
 	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{/*-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;*/width:100%;height:100%;line-height:20px;}
a {text-decoration: none;color:#6A0000}
a:active{color:#F07800;}
a:hover {color:#FFA042;}
a:visited {color:#F07800;}
a:link {color:#F07800;}
.excel-text{ mso-number-format:"\@";/*force text*/}
div{
	text-align:left; width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	margin: 0 auto;
	}
div.centered {text-align: center;}
div.centered table {margin: 0 auto; text-align: left;}
#pages{width:100%;padding-top:20px;padding-bottom:20px;}
#mains{width:1000px; height:100%;border:1px solid #BEBEBE; border: 1px solid #BEBEBE; text-align:center !important;}
#header{width:100%; height:110px;vertical-align:top;background-color:#0186BA;background-image:url(../images/bgline.png);}
#head{width:100%;height:100%;padding:12px;vertical-align:top;}
#nav{width:100%;height:30px;padding:0px}
#body{width:100%;height:100%;padding:12px;}
#content{width:100%;height:100%;padding:8px;max-height:100%;}
#now{float:right;text-align:right;padding:10px;width:40%;color:#FFF}
#footer{width:100%;height:100%;padding: 12pxtext-align:center;}
#copyright{width:100%;text-align:center;padding:10px;}
#alertupdate{color:#C00;}
img.center{display: block; margin: 0 auto;}
.overimg {vertical-align:middle;}
.overimg:hover{background-color:#EBEBEB;}s
.overme {padding:4px 8px 4px 8px;}
.overme:hover{	
	background-color:#D7F4FF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.overme:active{	
	background-color:#C6ECFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.overme_shadow {}
.overme_shadow:hover{	
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);	
	}
.bgchange{}
.bgchange:hover{background:#FFFAF4;}
.BG_Transparency_Gradient{
	/* webkit example */
	background-image: -webkit-gradient(
		linear, left top, left bottom, from(rgba(255,255,255,0.9)),
		to(rgba(255,255,255,0.9)), color-stop(.9,#ffffff)
	);
	/* mozilla example - FF3.6+ */
	background-image: -moz-linear-gradient(
		rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 98%
	);
	/* approximately a 33% opacity on blue */
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr=#FFFFFF, endColorstr=#FFFFFF
	);
	
	/* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr=#FFFFFF, endColorstr=#FFFFFF
	);
	}
.info{font-size:12px;color:#666;}
.infored {font-size:12px;color:#C00;}
.divNewLine {clear: both; float: left; display: block; position: relative; }
.color-orange{color:#EC7600;}
.color-red{color:#C00;}
.color-green{color:#690;}
.color-alert {color:#C00;}
/* ######### button ######### */
.btn{
	border-style:none;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	overflow:auto;
	cursor:default;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);  
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);  
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	color:#FF5F11; 
	background-color:#F9F9F9;
}
.btn:hover{
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);  
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);  
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); 
	color:#000;
	background-color:#EBF5FA;
}
.btn:active{ 
	color:#000;
	background-color:#CCF1FF;
}

.btn-unactive{
	display:none;
}

.btn-disabled{
	border-style:none;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	overflow:auto;
	cursor:default;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);  
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);  
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	color:#999; 
	background-color:#F9F9F9;
}

.btn-upload{
	border-style:none;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	overflow:auto;
	cursor:default;
	color:#FF5F11; 
	background-color:#F9F9F9;
}
.btn-upload:hover{
	color:#000;
	background-color:#EBF5FA;
}
.btn-upload:active{ 
	color:#000;
	background-color:#CCF1FF;
}

/* -------------- pagings button ---------------*/
.pagings{
	font-size:12px;
	color:#FFF;
	padding:1px 5px 1px 5px;	
	margin:0px 1px 0px 1px;
	background-color: #008BCE;
	/*background-color: #BADA55;*/
	-webkit-border-radius: 2px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 2px;   
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 2px;	
}
.pagings:active{background-color:#EBF5FA;}
.pagings:hover{
	background-color:#CCC;
	color:#333 !important;
	}
.pagings:link{color:#FFF;}
.pagings:visited{color:#FFF;}
.pagings-none{
	font-size:12px;
	font-weight:bold;
	padding:1px 5px 1px 5px;	
	margin:0px 1px 0px 1px;
	background-color:#CCC;
	-webkit-border-radius: 2px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 2px;   
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 2px;	
}

/* ######### shadow ######### */
.shadow-low{
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);	
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);	
}
.shadow-middle{
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);	
}

/* ######### radius corner ######### */
.radius-small {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.radius-middle {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.radius-big {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.radius-top {
	-webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.btnradius {	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color:#E7D88F;
	border-width:1px;
	background-color: #F9F5E3;
	padding:2px;
	cursor:pointer;
}

input[type=text],input[type=password],textarea,select{
  outline: none;
  padding: 1px 2px 1px 2px;
  margin: 1px 2px 1px 2px;
  border: 1px solid #DDDDDD;
	}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{
 	box-shadow: 0 0 2px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
input[readonly],textarea[readonly],select[readonly] {
    background-color:white;
    color: #333;
    opacity:0.6;
    filter:alpha(opacity=60);
}

/* ######### border ######### */
.border-solid-hairline {border-width:1px; border-color:#333;}
.border-bottom-dashed{border-width:0px;	border-style: dashed;	border-bottom-width:1px; border-bottom-color:#CCC;}
.border-bottom{border-width:0px; border-style: solid;	border-bottom-width:1px; border-bottom-color: #CCC;}
.border-left{border-width:0px; border-style: solid;	border-left-width:1px; border-left-color: #CCC;}
.border-right{border-width:0px;	border-style: solid; border-right-width:1px; border-right-color:#CCC;}
.border-top{border-width:0px;	border-style: solid; border-top-width:1px; border-top-color: #CCC;}

/* ######### HR ######### */
.hr-alpha {
    border: 0; height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.hr-alpha-dashed {
    border: 0; height: 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}

.opacity60{
	-khtml-opacity:.60; 
 	-moz-opacity:.60; 
 	-ms-filter:"alpha(opacity=60)";
  filter:alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
  opacity:.60; 
}

.opacity40{
	-khtml-opacity:.40; 
 	-moz-opacity:.40; 
 	-ms-filter:"alpha(opacity=40)";
  filter:alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4);
  opacity:.40; 
}

.blue-gradient {
	background: #05abe0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzA1YWJlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2UwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #05abe0 1%, #87e0fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#05abe0), color-stop(100%,#87e0fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #05abe0 1%,#87e0fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #05abe0 1%,#87e0fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #05abe0 1%,#87e0fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #05abe0 1%,#87e0fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#87e0fd',GradientType=0 ); /* IE6-8 */
}

/* Horizontal align Center */
.horizontal_align_center {
    position:absolute;
    left:50%;
    margin-left:-25px;
}

/* position fix */
.middle-screen{	
	top: 50%;
  z-index:99;
	position:fixed;
	}
	
.bottom-screen{	
	right:25%;
  left:50%;
  z-index:99;
	}
	
.asc {
  border-color: green transparent transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0px 6px;
	height: 6px !important;
	width: 0px;
	display:inline-block;
}
.desc {
  border-color: transparent transparent red transparent;
	border-style: solid;
	border-width: 0px 6px 6px 6px;
	height: 6px !important;
	width: 0px;
	display:inline-block;
}