@font-face {
  font-family: 'ThaiSansNeue-ExtraLight';
  src: url('FONT/ThaiSansNeue-ExtraLight/thaisansneue-extralight-webfont.woff2') format('woff2'),
       url('FONT/ThaiSansNeue-ExtraLight/thaisansneue-extralight-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

*{
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	justify-content: center;
	align-items: center;
}
/*body{

font-family: 'ThaiSansNeue-ExtraLight';
background: hsl(220, 100%, 98%);
align-items: center;
justify-content: center;
min-height: 100vh;

}*/

/* Menu */

div.sticky {

position: fixed;
top: 0;
z-index: 99999;
width: 100%;
}


/*ปรับขนาดจอ*/
@media screen and (max-width: 970px) {
 } 


a:link {
color: #000000; 
text-decoration: none;
}

a:hover {color: #2E8B57; 
text-decoration: none}

::selection{
background: rgb(0,123,255,0.3);
}
.wrapper{
max-width: 100%;
padding: 20px 20px;
background-color: white;
}
.wrapper .parent-tab,
.wrapper .child-tab{
margin-bottom: 8px;
border-radius: 3px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.18);


 /* tab down*/

}
.wrapper .parent-tab-1 label{
background:#ffffff;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
border-radius: 3px;
position: relative;
transition: all 0.3s ease;

}

.wrapper .parent-tab label,
.wrapper .child-tab label{

background: #FBD741;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
border-radius: 3px;
position: relative;
transition: all 0.3s ease;
}
.wrapper .parent-tab label:hover{
background: #ffeda4;

}
.parent-tab input:checked ~ label,
.child-tab input:checked ~ label{
border-radius: 3px 3px 0 0;
background: #FBD741;
}
.wrapper label span{
position: center;
color: #383838;
font-family: 'ThaiSansNeue-ExtraLight';
font-size: 30px;
font-weight: 500;
}

.wrapper .child-tab label span{
  font-family: 'ThaiSansNeue-ExtraLight';
font-size: 18px;
}
.parent-tab label .icon{
position: relative;
height: 30px;
width: 30px;
font-family: 'ThaiSansNeue-ExtraLight';
font-size: 14px;
color: #000000;
display: block;
background: #fff;
border-radius: 50%;
text-shadow: 0 -1px 1px #000000;
}
.wrapper .child-tab label .icon{
height: 27px;
width: 27px;
}
.parent-tab label .icon i{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.parent-tab input:checked ~ label .icon i:before,
.child-tab input:checked ~ label .icon i:before{
content: '\f068';
}
.wrapper .parent-tab .content,
.wrapper .child-tab .sub-content{
max-height: 0px;
overflow: hidden;
background: #fff;
border-radius: 0 0 3px 3px;
transition: all 0.4s ease;
}
.parent-tab input:checked ~ .content,
.child-tab input:checked ~ .sub-content{
max-height: 500vh;
}
.tab-3 input:checked ~ .content{
padding: 15px 20px;
}
.parent-tab .content p,
.child-tab .sub-content p{
padding: 15px 20px;
font-size: 16px;
}
.child-tab .sub-content p{
font-size: 15px;
}
input[type="radio"],
input[type="checkbox"]{
display: none;
}
a{
  text-decoration:none;
  color : black;
  font-family: 'ThaiSansNeue-ExtraLight';

}
.doc-form {
border-collapse: collapse;
background-color: white;
font-family: 'ThaiSansNeue-ExtraLight';
font-weight :bold;
}

.doc-form th,.doc-form td ,.doc-form span{
  padding: 8px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size : 25px;
  font-family: 'ThaiSansNeue-ExtraLight';
  
}
.doc-form tr:hover {
  background-color: #FFFFE0;

}
th{
  background-color: #AB82FF;
  color:#000000;
}
th.TH1{  
  width:10%;
}
/*ความกว้างคอลัมน์ งานวิจัยที่สำเร็จ*/
th.TH1_RS{  
border: 1px solid #ddd;
  width:10%;
}

th.TH2_RS{  
  width:47%;
}

th.TH3_RS{  
  width:20%;
}

th.TH4_RS{  
  width:20%;
}
.toppic{
color: #CC3300; 
text-align: center; 
font-size:40px; 
font-family: 'ThaiSansNeue-ExtraLight'; 
font-weight: bold;
}

.doc-form tr.toppic_content{
background-color: #dcccff;
}