/* อันใหม่ */




.Sildemenu {
    padding: 0px;
}


.Sildemenu > li:first-child  {
	/* border-bottom: 0px !important;
        border-right: 0px !important;
        border-left: 0px !important;
        border-top: 4px solid transparent !important;
 background-image: linear-gradient(#00a19b, #00a19b), linear-gradient(to left,#003764 0%, #00c6be 100%) !important;
    		background-origin: content-box, border-box !important;
  			background-clip: content-box, border-box !important;*/
  			
  			
  			             /* 
            border-right: 0px transparent !important ;
            border-left: 0px transparent !important ;
            border-bottom:0px !important;
            border-top:5px solid  transparent;     
            border-image: linear-gradient(to right, #003764 0%, #00c6be 100%);
              -webkit-border-image: -webkit-linear-gradient(right,#003764 0%,#00c6be 100%);

   		   */
   				border-top:5px solid transparent !important;
   		
  		    background-image: linear-gradient(#F7F7F9, #F7F7F9), linear-gradient(to left,#003764 0%, #00c6be 100%) !important ;
    			background-origin: content-box, border-box;
  				background-clip: content-box, border-box;
  			
  			
  		        }

.Sildemenu > li:first-child > a > span {
border: none;
}


.Sildemenu_Tab  {
    list-style-type: none;
      background: #F4F4F5;
      border:0px;
 
   
      
}

 .linkColor{
	font-size:12pt !important;
}

    .Sildemenu_Tab > a {
          padding: 0px 20px 0px 20px;
          display: block;
    }
    
       .Sildemenu_Tab > a > span {
          color: #003764;
          font-size: 12pt;
          display: block;
          font-family: Wittayakarn;
          border-top: 1px solid #cccccc;
          padding: 30px 0px 30px 0px;
       }

    
    
    .Sildemenu_ActiveTab{
	 list-style-type: none;
}


.Sildemenu_ActiveTab > a
{
		  padding: 0px 20px 0px 20px;
 		display: block;
  color: #ffffff !important;
	background: #00a19b !important;
	
}

.Sildemenu_ActiveTab > a > span
{       color: #ffffff;
        font-size: 12pt;
        display: block;
        font-family: Wittayakarn;
        padding: 30px 0px 30px 0px;
}

.Sildemenu_Sub{
	 padding: 0px;

}



.SildemenuSub_Tab  {
    list-style-type: none;
      background: #F4F4F5;
      border:0px;
      padding: 20px 20px 20px 40px;
}

    .SildemenuSub_Tab > a {
        color: #003764;
        font-size: 10pt;
        display: block;
        font-family: anupark;
           
        
    }
    
    .Sildemenu_Tab:hover > a > span, .SildemenuSub_Tab:hover > a{
	
	  color: #00a19b;

}
    .sp_Edit{
	position:inherit !important ;
	padding:0px  !important ;
	font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;	
    display:block !important;

	}
	
	.sp_Edit > div > div > span > input{
	
	border:0px solid !important;
} 

.spPageName_View{
display:block !important;
position:absolute;

	font-size:25px;
	 font-family: Wittayakarn;
	 color: #003764;


	}
		
	.spTitle_View{
	display:block;
	font-size:16pt;
	 font-family: Wittayakarn;
	 color: #000000;
	
}

.spTitle_Edit{
display:block;

	margin-top:-30px;
}

	



.list-inline {
    list-style: none;
    padding: 0px;
    text-align:right;
}

    .list-inline > li {
        padding-right: 5px;
    }

        .list-inline > li:last-child {
            padding-right: 0px;
        }

        .list-inline > li:first-child {
            padding-left: 0px;
        }

.Social_Tab{
	color:#000000;
	font-size:8pt;
	 font-family: Wittayakarn;
}

.Social_Tab > li:first-child{
	 padding-top: 13px;
}



.Icon_Social {
    display: inline;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    width: 35px;
    height: 35px;
}


.SocialNetWorklist_Last{
	border-left:1px solid #cccccc;
	padding-left:5px;
}

.contact-Titile{
	color:#000000;
	font-size:13pt;
	 font-family: Wittayakarn;
	 margin-bottom:15px !important;
	 }

.contact > div{
	 margin-bottom:10px;

}

.contact-Description{
	
	color:#000000;
	font-size:10pt;
	 font-family: anupark;
}


.table > tbody > tr:first-child{
	/*background: linear-gradient(to right,#00a19b, #003764);*/
	    background-image: linear-gradient(to right,#00a19b, #003764) !important;
	font-family:Wittayakarn;
	color:#ffffff;
	font-size:11pt;
	font-weight:normal;
	background-repeat: no-repeat;
}

table > tbody > tr > th {
border:0px;
font-weight:normal;
}


.table > tbody > tr > td {
border:0px;
font-weight:normal;

}

.table > tbody > tr > td > a,.table > tbody > tr > td > span{
		font-family:Wittayakarn;
	color:#003764 ;
	font-size:11pt;
	display:block;
	font-weight:normal;
}

.table > tbody > tr > td > a:hover{
color:#00a19b !important;
}


.table-striped > tbody > tr:nth-child(2n+1) >td {
   background: #F6F7F9;
}

.table-striped > tbody > tr:nth-child(2n) > td{
   background: #E3E5E6;
}


.Content-SubTitle{
font-family:Wittayakarn;
font-size:14pt;
}

.Content-Detail{
	font-family:12pt;
	font-family:anupark;
}

.Content-DescriptionList {
		padding:50.5px 0px 50px;
		border-top: 1px solid #cccccc;
		color:#000000;
}


.Header_DescriptionList{
	margin-bottom:25px;
	
	
}


.Detail_DescriptionList{
	

}



.Title_popup{
	color: #000000;
    font-size: 19px;
    font-family: Wittayakarn;
    padding:5px;
}
  
  
  input[type=button], input[type=reset], input[type=submit], button {
     min-width: 0em !important;   
      }
      
      .modal-header .close {
    margin: -1.5rem -1rem -1rem auto !important;
}

.TreeView{
	margin-top:-20px;
	
}

.treenode {
	
	padding:5px;
}


 .treenode > a{
font-family: anupark;
    color: #043863;
    font-size: 13px;
    margin-left: 5px;
  
    }
    
    .treenode > a:hover {
            color: #00a19b;
        }
        
        
.lbwarning{
	padding-left: 0px;
    list-style: none;
    display: inline-flex;
    font-family: anupark;
    font-size: 13px;
}




#spPageName{
	/*width:97.5%;*/
	width:100%;
	/*background: linear-gradient(to bottom,#FFFFFF, transparent);*/
	
	background: linear-gradient(to bottom,#FFFFFF , rgba(255,255,255,0) );
	
	 }


.table{
	margin-bottom:45px;
}

#divHome{
	margin-top:0px;
}

  
        .FeedBack_container{
            background:#E3E4E6;
            border-radius:5px;
            padding:20px;
            margin-bottom:20px;
        }

        .FeedBackTitle{
         font-family: anupark;
         font-size:15px;            
        }
        
        
        
	

    
.btn-secondary{
	font-family: Wittayakarn !important;
	font-size:15px !important;
	color: #ffffff !important;
	background: #ADADAD !important;
}

.btn-secondary:hover{
	background-color: #5a6268 !important;
    border-color: #545b62 !important;
}


#divComment_FeedBack{
	width:80%;
	
}
        .Activity_container, .ActivityMobile_container {
            width: 100%;            
            margin-bottom: 19px;
                   }

        .Activity_Title-Imge {
            height: auto;
            padding-top:25px;
        }

        .Activity_caption {
            text-align: left;
            left: 0px;
            right: 0px;
            bottom: 0px;
            background: #f4f4f5;
            height: 160px;
            padding: 24.5px 38px 43px 38px;
            width: 100%;
        }

        .Activity_caption-Date {
            padding-bottom: 21.5px;
        }

            .Activity_caption-Date > span {
                font-family: wittayakarn;
                color: #000000 !important;
                font-size: 12pt;
                line-height: 30px;
                border: 0px;
                border-bottom: 5px solid;
                border-image: linear-gradient(to right,#003764 0%, #00c6be 100%);
                -webkit-border-image: -webkit-linear-gradient(right,#003764 0%,#00c6be 100%);
                border-image-slice: 1;
            }

        .Activity_caption-Title > a {
            font-family: wittayakarn;
            color: #043863;
            font-size: 12pt;
            line-height: 20px;
        }

            .Activity_caption-Title > a:hover {
                color: #00a19b;
            }

        .Activity_caption-DateLine {
            height: 4px;
            background: linear-gradient(to right,#00a19b, #003764);
        }


           .Activity_Title {
            font-size: 18pt;
            font-family: Wittayakarn;
            line-height: 40px;
        }

        .Activity_TitleAttachment {
            font-size: 23px;
        }

        .Activity_PublicDate {
            font-size: 12pt;
             font-family:anupark;
        }

        .Activity_Description {
        font-family:anupark;
            font-size: 12pt;
            line-height: 22pt;
        }

        .divActivity_ImgHighlight {
           /* height: 315px;*/
            width: 100%;
            padding-bottom: 21.5px;
        }

        .ContenerActivityVDO {
            margin: 21.5px 0px;
        }

        .Activity_Attachment {
            margin: 30px 0px;
        }

#txtCommentFeedBack{
	width:100%;
}


.default-image.download-icon
{
	display:inline ;
}
.default-image.download-hover-icon
{
	display:inline ;
}

/*
.ms-rtestate-field > img{
	height:330px;
}
*/

.p-3{
	padding:0px !important;
}

.container {
    padding-right: 0px;
    padding-left: 1px;
    }
    
    
    .iconGotoTop{
width: 27px;
}



#divComment_FeedBack {
    padding-top: 15px;
}


.btnAceeptFeedBack{
    width: 87px;
    height: 41px;
}

.CommentFeedBack
{

height:150px;
    border-radius: 5px;
      font-family: anupark;
line-height:20px
}

.FeedBack_Detail{
	 font-family: anupark;
}
.btnToTop {
    display: none;
    position: fixed;
    bottom: 26px;
    right: 30px;
    z-index: 1031;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #29ac9b;
    color: white;
    cursor: pointer;

}

    #btnToTop:hover {
        background-color: #003764;
    }



/*Paging Style*/
.pagination {
    padding-right: 0;
    float: right;
}
.page-number {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
    color: black;
    font-weight: bold;
    border: 0px;
}

    .page-number:hover {
        /* background-color: white; */
        /* color: #00A19B; */
        /* font-weight: bold; */
        /* border: 0px; */
    }
.selected-number {
    color: white;
    background-color: #003764;
    border: 1px solid #dee2e6;
}

    .selected-number:hover {
        /* color: white; */
        /* background-color: #003764; */
        /* border: 1px solid #dee2e6; */
    }
    
.page-link.previous {
    display: block;
    background: url('../Img/prevunhov.png') no-repeat;
    background-size: 100%;
    height: 31px;
    width: 31px;
}

.page-link.First {
    display: block;
    background: url('../img/prevfirstunhov.png') no-repeat;
    background-size: 100%;
    height: 31px;
    width: 31px;
}


.page-link.next {
    display: block;
    background: url('../Img/nextunhov.png') no-repeat;
    background-size: 100%;
    height: 31px;
    width: 31px;
}

.page-link.next:hover {
    display: block;
    background: url('../Img/nexthov.png') no-repeat;
    background-size: 100%;
    height: 31px;
    width: 31px;
}
.page-link.First:hover {
    display: block;
    background: url('../img/prevfirsthov.png') no-repeat;
    background-size: 100%;
    height: 31px;
    width: 31px;
}


.page-link.previous:hover {
    display: block;
    background: url('../Img/prevhov.png') no-repeat;
    background-size: 100%;
    height: 31px;
    width: 31px;
}
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    background-color: white !important;
    font-size: .875rem;
}

    .pagination-ys td {
        background-color: white !important;
    }

    .pagination-ys table > tbody > tr > td {
        display: inline;
        background-color: white !important;
        padding: 0;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: black;
            font-weight: bold;
            background-color: #ffffff;
            /*border: 1px solid #dddddd;*/
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: white;
            background-color: #003764;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0px;
            /*border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;*/
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > a:focus {
            color: #29ac9b;
            /*background-color: #29ac9b;*/
        }

.pagination-control-temp {
    visibility: visible;
}

.pagination-control-mobile-temp {
    /*visibility: hidden;*/
    height: 0px;
}

.titleDetail {
    font-size: 20pt;
    font-weight: normal;
    line-height: 1.7;
    letter-spacing: 1.3px;
}
.selectdivCustom {
    min-width: 100% !important;
}
@media (min-width: 768px) {
    .col-md-1 {
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    .titleDetail {
        font-size: 12pt;
    }

    .fixedWidthTable {
        width: 650px !important;
        overflow: scroll;
        overflow-y: hidden;
    }

    .pagination-ys {
        /*display: inline-block;*/
        position: absolute;
        
        text-align: left;
        padding-left: 60%;
        border-radius: 4px;
        background-color: white !important;
        font-size: .875rem;
            margin: 35px 0 !important;
    }
     .pagination-ys td {
       height: 80px !important;
    }
    .pageFootSpace {
        /*for paging*/
        padding-bottom: 20%;
    }

    .searchResultText {
        display: none;
    }

    .ddlorderby {
        width: 300px;
        position: absolute;
        padding-top: 0px !important;
    }

    .searchMobileSupport {
        height: 170px;
    }

    .paginationHide {
        display: none;
    }

    .pagination-control-temp {
        display: none;
    }

    .pagination-control-mobile-temp {
        visibility: visible;
        height: 130px;
    }
    
   }
 
 
 
.JobComplete_Title{
	display: block;
    margin-bottom: 60px;
}

.JobComplete_Icon{
	height:150px;
	margin-bottom:10px;
}


.JobComplete_descriptionImg{
	    display: block;
    padding: 0px 20px;
    font-size: 10pt;
    font-family: anupark;
    line-height: 30px;
    margin-right: -40px;

}

.JobComplete_Detail{
	padding:20px;
}

.JobComplete_Title{
	font-size:13pt;
	 font-family: Wittayakarn;
	 display:block;
}

.JobComplete_description{
	font-size:11pt;
	 font-family: anupark;
	 line-height:30px;
	 padding:30px 0px 20px 0px;
}

.JobComplete_arrow{
	height: 30px;
    width: 30px;
    margin-left: -25px;
    margin-right: 25px;
}


@media (max-width: 1024px) {
.JobComplete_arrow {
    height: 20px;
    width: 20px;
    margin-left: -17px;
    margin-right: 19px;
}

.JobComplete_Icon {
    height: 130px;
}
.JobComplete_descriptionImg{
	margin-right:-25px;
}
}
@media (max-width: 667px){
.Beadcrumb-inline{
	display:inherit;
	text-align:left;
}
}

/*
.tableList > tbody > tr > td > a, .table > tbody > tr > td > span {

	font-size:12pt !important;
	 font-family: Wittayakarn  !important;
	 line-height:28px !important;
	 color:#043863 !important;

	 
}*/

.Icon_Download
{
	color :#003764 !important;
	
}

.Icon_Download:hover
{
	color :#00a19b!important;
}




.TitletableList{
	 font-family: Wittayakarn !!important;
	 font-size:12pt !important;
	 font-weight:normal !important;
}



 
                   
.Activity_Item_Image{
	height:auto;
}

            .Activity_Item_Image > a img {
                width: 100%;
              /* height: 180px;*/
                            }

            .Activity_Item > div > a{
                font-family: anupark;
                color: #043863;
                font-size: 1rem;
                line-height:20px;
                 overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                
              /*  height:41px;*/

            }
            
            
            

                .Activity_Item > div > a:hover {
                    color: #00a19b !important;
                }
                
                	
	.Activity_Detail{
	   background: #EBEBEB ;
       height:117px;
       width: 100%;
	   
}

.Activity_Detail{
display:block;
padding: 5px 20px;
}Activity_container
  .Activity_Detail-Date {
          /*  padding-bottom: 10px;*/
                   }
        
          .Activity_Detail-Date > span {
                font-family: wittayakarn;
                color: #000000 !important;
                font-size: 9pt;
                line-height: 30px;
                border: 0px;
            	border-bottom: 5px solid;    
   				border-image: linear-gradient(to right,#003764 0%, #00c6be 100%);
       			-webkit-border-image: -webkit-linear-gradient(right, #003764 0%, #00c6be 100%);
           		border-image-slice: 1;                
            }
            .Activity_Detail-Title{
	margin-top:10px;
	
}

        .Activity_Detail-Title > a {
            font-family: wittayakarn;
            color: #043863 !important;
            font-size: 8pt;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
                -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  			height:56px;
  			
        }

            .Activity_Detail-Title > a:hover {
                color: #00a19b !important;
            }
            
            
            .news_Description > a
            {
			height:60px;
			display:block;
			
}

/*.Activity_Line > div:nth-child(n+1) {
    padding: 0px;
    padding-right: 15px;
            }
            
            .Activity_Line > div:nth-child(n+2) {
    padding: 0px;
    padding-left: 15px;
            }*/
            .Activity_Line > div:nth-child(n+1) {
    padding: 0px;
    padding-right: 7px;
    padding-left: 7px;
    }
            
            .Activity_Line > div:nth-child(n+2) {
    padding: 0px;
    padding-left: 7px;
    padding-right: 7px;
    }
                .Activity_Line > div:nth-child(n+4) {
    padding: 0px;
    padding-left: 10px;
    padding-right: 4px !important;
    }


#ActivityCarousel > .carousel-inner .carousel-item {
  transition: -webkit-transform 0s ease;
  transition: transform 0s ease;
  transition: transform 0s ease, -webkit-transform 0s ease;
}

#divSeminar .SubtitleHome{
	display:none;
}