@charset "utf-8";
body {  


	margin: 0px  0px;
	padding: 0px  0px; 
	/*font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 10px; color: #E7D8D8*/
	/*font-family: "Tahoma", "MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; color: #E7D8D8*/
	font-family: "TH Sarabun New", "MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; color: #E7D8D8


}
a:link { color: #006600; text-decoration: none}
a:visited { color: #006600; text-decoration: none}
a:active { color: #009900; text-decoration: none}
a:hover { color: #009900; text-decoration: none}

td {
	color: #666666;
	//font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
}
input2 {  color: #333333; background-color: #E5E9CF; font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; border: 1px solid #999999}
textarea {  color: #333333; background-color: #E5E9CF; font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; border: 1px solid #999999}
select {
	//font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #333333;
	background-color: #E5E9CF;
	border: 1px solid #999999;

}
.upload {
	font-family: "Tahoma";
	font-size: 14px;
	color: #333333;
	background-color: #E5E9CF;
}
.psw {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px}

.style2 {
	font-family: "Tahoma";
	font-size: 14px;
	color: #000000;
}
.style2 A:link {
COLOR: #333333; TEXT-DECORATION: none
}
.style2 A:visited {
COLOR: #333333; TEXT-DECORATION: none}
.style2 A:hover {
	COLOR: #208FFF;
	TEXT-DECORATION: none;
}
.style2 A:active {
COLOR: #208FFF; TEXT-DECORATION: none}

.white2{ font-size: 15px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#FFFFFF ; font-weight: normal; }
.title1{ font-size: 20px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#666666 ; font-weight: bold; }
.detail1{ font-size: 17px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#666666 ; font-weight: normal; }

.mythumb img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.mythumb:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.submitdis {
	color: #bbbbbb;
	border-color: #cccccc;
}
.Selectbox1 {

	/*font-family: "MS Sans Serif", "Microsoft Sans Serif";*/
	font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #333333;
	background-color: #E5E9CF; 
	border: 1px solid #999999;
	/*text-align: center;*/
	text-align: right;


}
.Selectbox2 {

	/*font-family: "MS Sans Serif", "Microsoft Sans Serif";*/
	font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #333333;
	background-color: #EEEEEE; 
	border: 1px solid #999999;
	/*text-align: center;*/
	text-align: right;


}
.Selectbox3 {

	/*font-family: "MS Sans Serif", "Microsoft Sans Serif";*/
	font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF; 
	border: 1px solid #999999;
	/*text-align: center;*/
	text-align: right;


}
.input222 {  color: #333333; background-color: #E5E9CF; font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; border: 1px solid #999999}


    .search{
        /*width:900px;
        margin:0 auto;
		/*margin: 0px 0px 0px 0px;*/
		color: #333333; background-color: #E5E9CF; font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; border: 1px solid #999999
    }
	



    #searchid
    {
        width:500px;
       /* border:solid 1px #000;*/
        border:solid 2px #FF0000;
        padding:1px;
        font-size:14px;
    }
    #result
    {
       position:absolute;
        width:700px;
        padding:10px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
        background-color: white;
    }
    .show
    {
        padding:5px; 
        border-bottom:1px #999 dashed;
        font-size:14px; 
        height:18px;
    }
    .show:hover
    {
        background:#4c66a4;
        color:#FFF;
        cursor:pointer;
    }
	
	.id1 {
  		display: none;
	}
	
/**/	
	
	

	
	
	    .search{
        /*width:900px;
        margin:0 auto;
		/*margin: 0px 0px 0px 0px;*/
		color: #333333; background-color: #E5E9CF; font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; border: 1px solid #999999
    }
	



    #searchid2
    {
        width:500px;
       /* border:solid 1px #000;*/
        border:solid 2px #33CC00;
        padding:1px;
        font-size:14px;
    }
    #result2
    {
       position:absolute;
        width:500px;
        padding:10px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
        background-color: white;
    }
    .show2
    {
        padding:5px; 
        border-bottom:1px #999 dashed;
        font-size:14px; 
        height:18px;
    }
    .show2:hover
    {
        background:#4c66a4;
        color:#FFF;
        cursor:pointer;
    }
	
	.id2 {
  		display: none;
	}
	
	
	
	
   #searchid00
    {
        width:500px;
       /* border:solid 1px #000;*/
        border:solid 2px #333300;
        padding:1px;
        font-size:14px;
    }
    #result00
    {
		/*z-index: 1000;*/
       position:absolute;
        width:800px;
        padding:10px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
        background-color: white;
    }
    .show00
    {
		/*z-index: 99999;*/
        padding:5px; 
        border-bottom:1px #999 dashed;
        font-size:14px; 
        height:18px;
    }
    .show00:hover
    {
        background:#4c66a4;
        color:#FFF;
        cursor:pointer;
    }
	
	.id00 {
  		display: none;
	}
	
	
	
    #searchid3
    {
        width:500px;
       /* border:solid 1px #000;*/
        border:solid 2px #FF00CC;
        padding:1px;
        font-size:14px;
    }
    #result3
    {
       position:absolute;
        width:700px;
        padding:10px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
        background-color: white;
    }
    .show3
    {
        padding:5px; 
        border-bottom:1px #999 dashed;
        font-size:14px; 
        height:18px;
    }
    .show3:hover
    {
        background:#4c66a4;
        color:#FFF;
        cursor:pointer;
    }
	
	.id3 {
  		display: none;
	}
	.number {  color: #333333; background-color: #F5F5F5; font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif"; font-size: 14px; border: 1px solid #999999}
	
	
	
	
	
	/**/
	
    .submnu{
		 font-size: 13px; 
    }
    .texts{
		 font-size: 13px; 
    }
    .timedate{
		 font-size: 18px; 
		 color:#FFF;
    }
    .textsmall{
		 font-size: 12px; 
    }
    .textsmall2{
		 font-size: 10px; 
    }
	.tbox
{
text-align: center;
font-size: 17px;
font-weight: bold;
border:2px solid #b3b3b3;
background:#D7FFC4;
width:200px;
border-radius:25px;
-moz-border-radius:25px; 
-moz-box-shadow:    1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
 box-shadow:         1px 2px 2px 2px #ccc;
}
.tbox2
{
text-align: center;
font-size: 17px;
font-weight: bold;
border:2px solid #b3b3b3;
background:#D7FFC4;
width:200px;
border-radius:25px;
-moz-border-radius:25px; 
-moz-box-shadow:    1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
 box-shadow:         1px 2px 2px 2px #ccc;
}
	.tboxred
{
text-align: center;
font-size: 17px;
font-weight: bold;
color: #ff0000;
border:2px solid #b3b3b3;
background:#FFE1E1;
width:200px;
border-radius:25px;
-moz-border-radius:25px; 
-moz-box-shadow:    1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
 box-shadow:         1px 2px 2px 2px #ccc;
}

.tboxred2
{
text-align: center;
font-size: 17px;
font-weight: bold;
color: #FFE1E1;
border:2px solid #b3b3b3;
background:#ff0000;
width:200px;
border-radius:25px;
-moz-border-radius:25px; 
-moz-box-shadow:    1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
 box-shadow:         1px 2px 2px 2px #ccc;
}

.tboxblue
{
text-align: center;
font-size: 17px;
font-weight: bold;
color:#FFFFFF;
border:2px solid #b3b3b3;
background:#47a3da;
width:200px;
border-radius:25px;
-moz-border-radius:25px; 
-moz-box-shadow:    1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
 box-shadow:         1px 2px 2px 2px #ccc;
}
.tboxgreen
{
text-align: center;
font-size: 17px;
font-weight: bold;
color:#FFFFFF;
border:2px solid #b3b3b3;
background:#33FF00;
width:200px;
border-radius:25px;
-moz-border-radius:25px; 
-moz-box-shadow:    1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
 box-shadow:         1px 2px 2px 2px #ccc;
}
	
 /*	
	.ui-dialog .ui-dialog-content {
 width: 975px!important;
  height: 685px!important;
  position: fixed;
  top: 5%;
  left: 50%;
  margin:0 0 0 -488px;
}*/
.ui-widget-header
{
    background-color: #FFCC33;
    background-image: none;
    color: Black;
}
.ui-widget-content.ui-dialog
{
   /*border: 2px solid #DDD;*/
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}
.red{color:#FF0000; font-family:"Tahoma"; font-size:11pt; font-weight:bold; font-style:normal; text-decoration:none;}

.checkbox input:checked {
    border-color: red;
    background-color:red;
}
.headtb{
font-family: "Tahoma", "MS Sans Serif", "Microsoft Sans Serif";
font-size: 14px;

}

.attf{display:block;position:relative;padding:5px 5px 1px}

.attf:after{content:'';background:rgba(255,255,255,.3);width:0;height:0;position:absolute;top:50%;left:0;visibility:hidden;transition:.3s all;border-radius:50%;right:0;margin:0 auto}

.attf:hover:after{width:100%;height:100%;visibility:visible;transition:.3s all;border-radius:0;top:0}


#report .information .img>div{display:grid;grid-template-columns:33.33% 33.33% 33.33%;margin:0 -5px}

#report .information .img img{margin:0;max-width:100%;padding:0}

#report .information .img{border-top:2px solid #eee;margin-top:15px;padding-top:15px;display:block}

#report .information .img b{font-weight: bold;}

/*dd ad   

#report .information .attach>div{display:grid;grid-template-columns:20% 20% 20% 20% 20%;margin:0 -5px}

#report .information .attach img{margin:0;max-width:100%;padding:0} */

#report .information .attach{border-top:2px solid #eee;margin-top:15px;padding-top:15px;display:block}

#report .information .attach b{font-weight: bold;}

@media(max-width: 767px){

	.image-report > div,#report .information .img > div{grid-template-columns: 50% 50%;}

	#report-action{margin-right: 0;}

	#report .right-top-content{position: relative;top: initial;right: initial;margin-top: 30px;}

	#report .right-top-content > p{display: block;margin: 0 0 5px}

	#report .right-top-content > p > span{display: inline;margin: 0 !important}

	#report .right-top-content > p > span:first-child{text-align: left}

	#petition-layout .form-group{grid-template-columns: auto}

	#petition-layout .form-group label{text-align: left}

	#petition-layout .wrap-form{width: auto;max-width: 100%}

	#petition-layout h1.heading{margin-bottom: 30px;font-size: 25px;}

	.container > .content{padding-bottom: 70px;}

	header>div .title h1 span{display: none;}

	header > div img{height: 55px;}

	body{padding-top: 66px;}

	header > div{align-items: top}

	#hamberger{top: 17px}

	header > div .title{margin-top: -5px;}

	header{padding-bottom: 0;}

	#report .information .col2{grid-template-columns: auto;display: block;margin-bottom: 5px;}

	#report .information .col2>*{display: inline}

	#report > div{margin: 0 0 30px}

	#report-preview-button{padding: 0}

	.container > .content{padding: 15px}

	#report > div{padding: 0;border: 0;}

	#report .information{margin-top: 0;}

	#report h3{font-size: 26px;}

	#report h3 + p{font-size: 20px;}

	#report h3 + p+p{font-size: 20px;}



}