/* CSS Document */
@charset "tis-620";
@media print{
	table {page-break-after:auto;}
}
@page selector {
    rules;
}
@page {
  margin: 0.5cm;
}
body{
	padding:0px;
	margin:0px;
	color:#000;
	font:normal 0.9em/130% Verdana,Helvetica,Arial,sans-serif;
	line-height: 18px;
	text-align:center;
	/*background:url(../images/body_bg.png) repeat-x;*/
	target-new:tab;   /*//Open a link in new tab*/
	background: -webkit-linear-gradient(45deg, rgba(0, 54, 107, 1) 0%, rgba(0, 128, 129, 1) 99%, rgba(0, 128, 128, 1) 100%);
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
a{text-decoration:none;border:none;}
ul{list-style-type:none;}
a:link {color:#0074FF;text-decoration:none;}
a:visited {color:#0074FF;}	
a:hover { color:red;text-decoration:underline;} 
a:active{color:red;text-decoration:underline; }	
hr{border:1px solid #E6E6E6;}

/* Table styles
---------------------------------------- */
/* table{table-layout:fixed;font:normal 10pt/130% Tahoma, Arial, Verdana, Helvetica, sans-serif;} */
table{font:normal 10pt/130% Tahoma, Arial, Verdana, Helvetica, sans-serif;}
th{text-align:center;font-weight:bold;text-transform: uppercase;color:#FFF;background:#4780d4;}
#tbshow th{text-align:center;font-weight:bold;text-transform: uppercase;color:#FFF;/*background: #4780d4;*/background: -webkit-linear-gradient(45deg, rgba(0, 54, 107, 1) 0%, rgba(0, 128, 129, 1) 99%, rgba(0, 128, 128, 1) 100%);}
#tbshow th a:link,a:visited,a:active{color:#FFF;}
#tbshow th a:hover{color:#400000;}
#tbshow td{border-bottom:1px dotted #0080c0;}

.tb_A{border:1px solid;border-right:none;}
.tb_AL{border:1px solid;border-right:none;}
.tb_AR{border:1px solid;}
.tb_A2{border:1px solid;border-right:none;border-top:none;}
.tb_AL2{border:1px solid;border-right:none;border-top:none;}
.tb_AR2{border:1px solid;border-top:none;}
.tb_AR3{border:1px solid;border-bottom:none;}
.tb_B{border-left:1px solid;border-right:none;vertical-align:text-top;}
.tb_BL{border-left:1px solid;border-right:none;vertical-align:text-top;}
.tb_BR{border-left:1px solid;border-right:1px solid;vertical-align:text-top;}
.tb_U{text-decoration:underline;}
.tb_dotted{border-bottom:1px dotted #c0c0c0;}

#doc{margin-bottom:10px;}
.highlight{background:#ffffc6;}
input{font:normal 1em/130% Verdana,Helvetica,Arial,sans-serif;}

#Nojava{width:400px;border:1px solid #5EAEFF;background:#CAE4FF;margin:0 auto;text-align:center;color:red;font-size:20pt;font-weight:bold;padding:20px;}
#wrapper{position:relative;width:980px;margin:auto;padding:0;background:#FFF;webkit-border-radius: 10px;moz-border-radius: 10px;border-radius: 10px;}
/*----TOP PANEL----*/
/* #head{width:980px;height:120px;padding:0;background:url(../images/head_bg.png) no-repeat;margin-top:50px;border:1px solid yellow} */
/* ตีกรอบ border:1px solid red; */
#head{width:980px;height:120px;padding:0;background:#EEE;margin-top:10px;webkit-border-radius: 10px;moz-border-radius: 10px;border-radius: 10px;}
	#logo{width:90px;float:left;height:90px;background:none;padding:10px 10px 10px 30px;text-align:center;color:#FFF;}
	#logo2{width:500px;float:left;height:40px;background:none;padding:50px 10px 10px 30px;text-align:left;color:#283997;}
	#logo2 h2{font-size:22pt;}
#content{clear:both;float:left;width:979px;min-height:300px;padding:0;text-align:left;position:relative;}
	#content_left{width:243px;float:left;}
	#content_left .menu_box{width:223px;min-height:225px;padding:20px 10px;font-size:0.9em;color:#808080;background:url(../images/menu_right.png) top right no-repeat;}
	#content_left .menu_box ul{margin-left:25px;}
	#content_left .menu_box ul li{line-height:28px;font-weight:bold;}
	#content_left .menu_box ul li a{text-decoration:none;}
	#content_left .menu_box ul li a:link{color:#0080c0;}
	#content_left .menu_box ul li a:visited{color:#0080c0;}
	#content_left .menu_box ul li a:hover{color:#ff0000;}
	#content_left .menu_box ul li a:active{color:#ff0000;}
	#content_left .link IMG{padding:2px;border:1px solid #0080c0;}
	#content_left .link IMG:hover{padding:2px;border:1px solid #0080c0;filter:Alpha(Opacity=75);/*สำหรับ IE*/opacity:0.75; /*สำหรับ firefox*/-moz-opacit:0.75;}
	
	#content_left input[type="submit"]{padding:7px;width:100px;border:1px solid #0080ff;}
	#content_left input[type="submit"]:hover{padding:7px;width:100px;border:1px solid #66b3ff;background:#d2e9ff;color:#004080;cursor:pointer;}
	
	#content_right{width:980px;float:right;position:relative;}
	#content_right input[type="button"]{padding:3px;width:100px;border:1px solid #0080ff;}
	#content_right input[type="button"]:hover{padding:3px;width:100px;border:1px solid #66b3ff;background:#d2e9ff;color:#004080;cursor:pointer;}
	#content_right input[type="button"]:disabled{padding:3px;width:100px;border:1px solid #808080;background:#C0C0C0;color:#000;}
	#content_right input[type="submit"]{padding:3px;width:100px;border:1px solid #0080ff;}
	#content_right input[type="submit"]:hover{padding:3px;width:100px;border:1px solid #66b3ff;background:#d2e9ff;color:#004080;cursor:pointer;}
	#content_right input[type="reset"]{padding:3px;width:100px;margin-left:15px;border:1px solid #0080ff;}
	#content_right input[type="reset"]:hover{padding:3px;width:100px;margin-left:15px;border:1px solid #66b3ff;background:#d2e9ff;color:#004080;cursor:pointer;}
	#content_right .menu_bar{width:706px;height:23px;padding:10px;margin-bottom:20px;text-align:right;}
	#content_right .menu_bar h3{font-size:1.3em;font-weight:bold;color:#FFF;}
	#content_right .select{padding:7px;width:100px;border:1px solid #66b3ff;background:#4780d4;color:#FFF;cursor:pointer;}
	#content_right .homebox{display:block;text-indent:35px;width:330px;padding:10px;font-size:0.9em;word-wrap:break-word;white-space:normal;}
		#login{width:400px;text-align:center;margin-top:10px;}
		#tb_box{border:1px solid #c0c0c0;padding:10px;color:#808080;background:#ffffe1;}
		
		#office_shotcut a:link{color:#FFF;}
		#office_shotcut a:visited{color:#FFF;}
		#office_shotcut a:hover{color:#ff0000;}
		#office_shotcut a:active{color:#ff0000;}
	#navigator{font-size:0.8em;margin-bottom:20px;}
	#navigator .ithere{color:#000;font-weight:bold;}
		#navigator a:link {color:#000;text-decoration:none;}
		#navigator a:visited {color:#000;}	
		#navigator a:hover { color:#ff0000;text-decoration:underline;} 
		#navigator a:active{color:#ff0000;text-decoration:underline; }	
		#nav_line{width:100%;height:10px;border-bottom:7px solid #dfdfdf;}
		
		#data{width:960px;margin-top:15px;font-size:0.9em;color:#555555;min-height:500px;word-wrap:break-word;white-space:normal;}
			#intro{text-align:center;}
			#intro_text{text-align:left;text-indent:25px;}
			#track_box{clear:both;float:left;margin:20px 0 10px 0;width:700px;}
				#track_list{float:left;background:url(../images/track.png) no-repeat;padding:30px;height:250px;width:190px;}
				#present{float:right;background:none;height:310px;width:430px;}
			#article{clear:both;margin:20px 0 10px 0;width:700px;}
			#article ul{width:680px;text-decoration:none;list-style-type:none;margin-left:20px;}
			#article ul li{display:block;width:100%;line-height:25px;border-bottom:1px dotted;}
			#article .title{font-size:1.2em;color:#FFF;background:#4780d4;padding:5px;margin-bottom:10px;}
			#user{width:940px;text-align:center;color:#4e4e4e;height:80px;padding:10px;font-size:0.8em;}
			#user a{color:#0080c0;}
			#user input[type="submit"]{padding:3px;width:60px;border:1px solid #0080ff;background:#aed7ff;color:#FFF;}
			#user input[type="submit"]:hover{padding:3px;width:60px;border:1px solid #66b3ff;background:#d2e9ff;color:#004080;cursor:pointer;}		
			#notice{float:right;overflow:auto;max-height:280px;min-height:280px;width:470px;text-align:center;color:#4e4e4e;font-size:0.8em;text-align:left;}
			#notice a{color:#0080c0;}
			#help{float:left;overflow:auto;max-height:280px;min-height:280px;width:470px;text-align:center;color:#4e4e4e;font-size:0.8em;text-align:left;}
			#help a{color:#0080c0;}

	#content_right .detail{min-height:500px;margin-bottom:5px;padding:15px 10px 5px 10px;}
	#content_right .rpt_error{text-align:center;color:red;background:#bbddff;padding:15px;margin:20px 0;border:1px solid #0683ff;font-weight:bold;display:none;}
	#qn_data{line-height:30px;font-size:1.1em;}
	#qn_data a{font-size:1.1em;text-decoration:none;border:none;font-weight:bold;}
	#qn_data a:link {color:#0074FF;text-decoration:none;}
	#qn_data a:visited {color:#0074FF;}	
	#qn_data a:hover {color:red;} 
	#qn_data a:active{color:red;}	
	#tb_qn_data{webkit-border-radius: 10px;moz-border-radius: 10px;border-radius: 10px;}
	#qcontent{webkit-border-radius: 10px;moz-border-radius: 10px;border-radius: 10px;margin-top:10px;padding:2px;border:1px solid #C0C0C0;}

#tpc{clear:both;width:960px;height:15px;text-align:center;font-size:0.8em;color:#808080;margin-top:10px;padding:10px;}

#foot{clear:both;width:980px;height:50px;background:#EEE;font-size:0.8em;}
	#validate{float:left;width:100px;height:25px;color:#969696;font-size:0.8em;text-align:left;padding:25px 0 0 10px;}
	#lc{float:right;width:860px;height:25px;color:#969696;font-size:0.8em;text-align:right;padding:25px 10px 0 0;}

.title{font-weight:bold;color:#4f4f4f;font-size:1.5em;margin-top:10px;}
.title2{font-weight:bold;color:#004080;font-size:1.5em;}
.line{border-bottom:1px dashed #c0c0c0;}
.line_end{clear:both;width:100%;height:10px;border-bottom:3px solid #dfdfdf;margin-bottom:10px;}
.goto_top{clear:both;text-align:right;}
.emp_menu{border:2px dotted #0080c0;vertical-align:top;}
.emp_menu:hover{cursor: pointer;border:2px dotted red;background:#ffffd5;}
.emp_head{background: -webkit-linear-gradient(45deg, rgba(0, 54, 107, 1) 0%, rgba(0, 128, 129, 1) 99%, rgba(0, 128, 128, 1) 100%);/*background:#4780D4;*/padding:3px;border:1px solid #4e4e4e;color:#FFF;}
.emp_head legend{color:#4e4e4e;}
.emp_box{text-align:right;margin:0 0 10px 0;background:url(../images/bg2.png) bottom repeat-x;}
.tb_subj{width:150px;font-weight:bold;}
.note{font-size:1.5em;font-weight:bold;color:red;padding:10px;width:960px;height:120px;text-align:center;}
.sellbox{border:none;border-bottom:1px dotted #000;text-align:center;width:120px;}

.numbox{text-align:right;width:75px;padding:0;border:none;color:red;}

.break{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.break2{word-wrap:break-word;white-space:normal;}
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
	width:170px;
	font-family:tahoma;
	font-size:11px;
	text-align:center;
}

#loading{margin-top:20px;display:none;width:98%;height:50px;text-align:center;padding:10px;}
#loading2{margin-top:20px;display:none;width:98%;height:50px;text-align:center;padding:10px;}
#loading3{margin-top:20px;display:none;width:98%;height:50px;text-align:center;padding:10px;}
#loading4{margin-top:20px;display:none;width:98%;height:50px;text-align:center;padding:10px;}

.popup {
  height: 300px;
}