﻿
	.navbar .nav-item .nav-link:hover {
    color: rgba(255,96,41,.75);
}
	.btn{border:1px solid #ff6029;background:transparent;color:#ff6029;}
	.btn:hover{
              background-color:#ff6029;
               color:white ; 		
}



 .searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
    }

    .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
    padding: 0 10px;
    width: 100px;
    caret-color:red;
    transition: width 0.4s linear;
		text-decoration:none;
    }

    .searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
		text-decoration:none;
    }

    .search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:#ff6029;
    }
	.text{
		background-color: rgba(255,255,255,0.0)
	}
	 .footer{
           float:left;
           width:33%;
           }
    .footer1{
            color:#ff6029;
            font-size:36px;
		margin-top:20px;
            }
    .footer2{
            color:#d8d8d8; 
            padding-left:20px;
            }
	 .text1::first-letter{
                   color:#d8d8d8;
                   font-size: xx-large;
                   }
	
	.icontext4{
              color:#d8d8d8; 
              padding-right:40px;
              }
	.faa:hover{
		color:#3b5998;
	}
	.faa1:hover{
		color:#0084b4;
	}
	.faa2:hover{
		color:#c8232c;
	}
	.faa3:hover{
		color:#db4a39;
	}
	.picture{
		margin-top:45px;
	}
	.text2::first-line{
                   color:#ff6029;
                   
                   }
	
	 
	 
::selection{
		color:#2a2a32;
		background-color:#ff6029;
	}
	
	::-moz-selection{
		color:#2a2a32;
		background-color:#ff6029;
	}
	 
	
	.box{
         width:400px;
         height:auto;
         border:4px solid #2a2a32;
         margin-left:20px;
         margin-bottom:20px;
         float:left;
         }
	
	.box1{
         width:345px;
         height:50px;
         border:2px solid #ff6029;
         margin-left:20px;
         background-color:#ff6029;
		margin-top:-35px;
         float:left;
         }


.box8{
         width:500px;
         height:50px;
         border:2px solid #2a2a32 ;
         margin-left:20px;
         background-color:#2a2a32;
		margin-top:10px;
         float:left;
         }
	.data{
		
		
		padding-left:10px;
		padding-right:10px;
		
		
	}
	.data1{
		padding-top:10px;
	}
	

	
	.sbn{
		
		
	}
	
	
	@media only screen and (max-width: 480px){
		
		.data{
			
			margin-top:17px;
			
		}
		
	}
	
	@media only screen and (max-width: 320px){
		
		.data{
			
			margin-top:17px;
			
		}
		
	}
	
	@media only screen and (max-width: 768px){
		
		.dd{
			
			margin-top:100px;
			
		}
		
	}

@media only screen and (max-width: 800px){
		
		.ic{
			
			font-size:10px;
			margin-left:10px;
			
		}
		
	}

@media only screen and (max-width: 800px){
		
		.icc{
			
		display:none;
			
		}
		
	}


	
	

	
	
	
	
	.body{
		
		margin:0px;
		padding:0px;
		font-family: Kanit, sans-serif;
	}
	
	.name{
		
		color:white;
		font-size:54px;
		font-weight:bold;
	}
	
	.name1{
		margin-top:45px;
		text-align: center;
		font-size:40px;
		color:#ff6029;
	}
	
	.title{
		
		padding-left:300px;
		font-weight:bold;
		font-family: Kanit, sans-serif;
	}
	
	.para{
		margin-top:105px;
		font-size:22px;
		color:black;
		text-align:justify;
		word-spacing:normal;
	}
	
	.footerr{
		
		height:100%;
		width:100%;
		background-color:#2a2a32;
		margin-top:50px;
		text-align:justify;
		font-family: Kanit, sans-serif;
	}



.caroname{ 
	
	color:#ff6029;
}

.para1{
	margin-top:60px;
}

.book{
	color:white; 
	font-size:30px;
}

.book1{
	
	margin-top:10px;
}

.vid{
	margin-top:60px;
}
.fot{
	
	background-color:#2a2a32;
}

.icstyle{
	color:#ff6029;  
	margin-top:15px;
}

.ictstyle{
	
	color:#d8d8d8;
	padding-left:10px; 
	font-family: Kanit, sans-serif;
}
.sic{
	margin-top:25px;
	font-size:40px;
}

.cop{
	color:#d8d8d8; 
	padding-right:32px;
	margin-top:20px;
}




.boxxx{
		
		padding:30px;
		border:2px dashed #ff6029;
		width:100%;
		height:auto;
		margin-bottom:25px;
	}
	
	.dtop{
	
margin-top:5px;
}







