#clear-form-button{margin-bottom:30px;padding:0 30px}
#clear-form-button:before,#clear-form-button:after{content:'';display:block;width:100%;clear:both}
#clear-form-button button{font-size:20px;font-family:Kanit;padding:7px 15px;background:#f9f9f9;border:1px solid #ccc;cursor:pointer;float:left}
#clear-form-button button:hover{background:#f0f0f0}
#clear-form-button a{padding:7px 60px;border:1px solid #0472FF;font-size:20px;font-family:Kanit;font-weight:300;background:#0472FF;color:#fff;cursor:pointer;transition:.1s all;text-decoration:none;float:right}
#clear-form-button a:hover{background:#0048a5;transition:.3s all}
#clear-form-button{padding: 0}
@media(max-width: 399px){
	#clear-form-button>button{width: 100%;text-align: center;margin-bottom: 10px;}
	#clear-form-button>a{width: 100%;text-align: center;margin-bottom: 40px;}

}


#petition-layout .wrap-formA{width:80%;position:relative;padding-bottom:20px;margin:0 auto;margin-bottom:40px}
#petition-layout .wrap-formA:after{content:'';width:100%;height:3px;background:#eee;border-radius:50%;position:absolute;bottom:0;left:0;right:0;margin:0 auto}
#petition-layout .wrap-formA{width: auto;max-width: 100%}
	
#petition-layout .form-groupA{display:grid;grid-template-columns:180px auto;margin-bottom:20px}
#petition-layout .form-groupA label:after{content:''}
#petition-layout .form-groupA label{text-align:right;padding-right:15px;color:#000;font-size:15px;font-family:Arial,sans-serif;padding-top:1px;font-weight:700}

/*
#petition-check-form .form-group{display:block;text-align:center}
#petition-check-form .form-group label{display:block;text-align:center;margin-bottom:2px;color:#333;font-family:Kanit;font-size:18px;font-weight:400}
#petition-check-form .form-group label:after{display:none}
#petition-check-form .form-group input{padding:12px;width:270px;text-align:center;width:100%}
*/
#petition-layout .form-groupA{grid-template-columns: auto}
#petition-layout .form-groupA label{text-align: left}



	.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); 
}

#report-preview-button2{margin-bottom:30px;padding:0 30px}

#report-preview-button2:before,#report-preview-button:after{content:'';display:block;width:100%;clear:both}

#report-preview-button2 button{font-size:20px;font-family:Kanit;padding:7px 15px;background:#f9f9f9;border:1px solid #ccc;cursor:pointer;float:center}

#report-preview-button2 button:hover{background:#f0f0f0}

#report-preview-button2 a{padding:7px 60px;border:1px solid #0472FF;font-size:20px;font-family:Kanit;font-weight:300;background:#0472FF;color:#fff;cursor:pointer;transition:.1s all;text-decoration:none;float:center}

#report-preview-button2 a:hover{background:#0048a5;transition:.3s all}


.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}

/*.btn-download{text-decoration:none;color:#fff;border:1px solid #19497f;padding:10px 30px;display:inline-block;background:#3083e0;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:.1s all;float: right;}*/
.btn-download{text-decoration:none;color:#fff;border:1px solid #19497f;padding:10px 30px;display:block;background:#3083e0;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:.1s all;float: right;}
.btn-download:hover{transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.3s all}
/*
.note{color:#c33;margin-bottom:15px;background:#fffbe1;padding:5px 10px;border-radius:2px;border:1px solid #d08484;width:600px;font-size:15px;max-width:100%;}
*/
.note{color:#c33;margin-bottom:15px;background:#fffbe1;padding:5px 10px;border-radius:2px;border:1px solid #d08484;width:100%;font-size:17px;max-width:100%;}

#download-list{font-size:15px;font-family:Arial,sans-serif;color:#000000;margin-left:30px;min-height:30vh}
#download-list table{border-collapse:collapse}
#download-list table tr>td,#download-list table tr>th{border:1px solid #ccc}
#download-list table tr>th{background:#3083e0;color:#fff;font-size:15px;font-family:Kanit;font-weight:400}
#download-list table tr>td:not(:nth-child(2)),#download-list table tr>th:not(:nth-child(2)){text-align:center;width:1%;white-space:nowrap}
#download-list h2{font-family:Kanit;font-size:20px;color:#3083e0;margin-bottom:5px}
#download-list td>a{cursor:pointer;text-decoration:none!important;display:inline-block;transition:.1s all;opacity:.75}
#download-list td>a img{width:28px}
#download-list td>a:hover{transition:.3s all;transform:translateY(-1px);opacity:1}

#download-list>div{overflow-y:hidden;overflow-x:scroll}
/*#download-list>div table{width:1023px}*/
#download-list>div table{width:1023px}

/******     */
/*.form-subject{font-weight:600;font-size:14px} */
.form-subject{font-size:15px;font-family:Arial,sans-serif;font-weight:700;color:#000000;}


/*  #petition-layout .wrap-form{padding:0;margin:0;width:auto} */ /*width:auto */
#petition-layout .wrap-form:after{display:none}

.sec1,.sec2,.sec3{padding:7.5px 0}
.sec1>div,.sec2>div,.sec3>div{padding-left:10px}
.sub-sec1,.sub-sec2,.sub-sec3{background:#eee;padding:10px;margin:0 5px 10px;border-radius:2px}
.sub-sec1,.sub-sec2,.sub-sec3{background:transparent;padding:0!important;margin:0}
.sec1>div, .sec2>div, .sec3>div{padding-left: 0;}


.form-group-style{font-size:15px;font-family:Arial,sans-serif;font-weight:100;color:#000000;}
.form-group-style,.form-group-style2{display:flex;align-items:flex-start;grid-gap:0;margin-bottom:5px}
.form-group-style>div:first-child:not(:last-child){padding-top:5px}
.form-group-style>div:last-child{display:flex;grid-gap:0}
.form-group-style>div:last-child>div{padding:5px}
/*.form-group-style input[type='email'],.form-group-style input[type='text'],.form-group-style select{min-width:280px;width:100%;max-width:100%}*/
.form-group-style input[type='email'],.form-group-style input[type='text'],.form-group-style select{min-width:200px;width:100%;max-width:100%}
.form-group-style0{width:400px;max-width:100%}

.form-group-style0 select{width:100%}
#petition-layout .form-group-style0 label{font-weight:700;display:block;text-align:left;margin:0 0 5px;padding:0;font-size:14px}

/*.col3{display:grid;grid-template-columns:max-content max-content auto}*/
.col3{display:grid;grid-template-columns:max-content max-content 33%}


@media (max-width: 1023px) {

.form-group-style>div:last-child{display:block!important}
.form-group-style input[type='email'],.form-group-style input[type='text'],.form-group-style select{width:100%;min-width:initial}
.form-group-style,.form-group-style2{display:grid;grid-template-columns:max-content auto}
.sub-sec1,.sub-sec2,.sub-sec3{background:transparent;padding:0!important;margin:0}
/*.form-group-style{background:#eee;padding:5px;margin-bottom:0;margin-left:7.5px}*/
.form-group-style{background:#eee;padding:5px;margin-bottom:0;margin-left:7.5px}
.form-group-style.style1{grid-template-columns:auto;background:transparent;margin-left:-1px}
.form-group-style.style2{background:transparent}


.col3{display: grid;grid-template-columns: auto;}
.sec1>div, .sec2>div, .sec3>div{padding-left: 0;}
.xs-none{display:none}
#custom-fix-h{margin:-5px 0 0}

#download-list>div{overflow-y:hidden;overflow-x:scroll}
#download-list>div table{width:1023px}

}
/*
@font-face{
	font-family:'THSarabunNew';
	src: url('fontth/THSarabunNew.ttf');
}
*/
.chkb{margin-left:10px;margin-top:-3px; cursor: pointer;font-size: 30px;height: 25px;width: 25px;border:2px;}
.chkpreview{margin-left:0px;margin-top:-3px; cursor: pointer;font-size: 30px;height: 20px;width: 20px;border:2px;}
.txtpreview{font-size:16px;}
.txtpreview2{font-size:24.5px;font-family:'THSarabunNew';font-weight:normal!important;letter-spacing:0px;line-height:20px; }

/*form 24*/
.sec1,.sec2,.sec3{padding:7.5px 0}
.sec1>div,.sec2>div,.sec3>div{padding-left:10px}
.sub-sec1,.sub-sec2,.sub-sec3{background:#eee;padding:10px;margin:0 5px 10px;border-radius:2px}
.sub-sec1,.sub-sec2,.sub-sec3{background:transparent;padding:0!important;margin:0}
.sec1>div, .sec2>div, .sec3>div{padding-left: 0;}

.chkb_m{margin-left:10px;margin-top:-3px; cursor: pointer;font-size: 30px;height: 20px;width: 20px;border:2px;}