@CHARSET "ISO-8859-1";
/* ---------------------- menu---------------  */
.transport-safety{
	max-height: 6.5vh;
}

.play-date{
	font-size: 2.5vh;
}
#menu .icon-app{
	width: 35px;
    margin-top: -7px;
}
#menu .icon{
	    float: left;
    width: auto;
    height: 20px;
    margin-right: 4px;
}
#logo img{
	width: 45px;
    margin-top: -10px;
}
#logo{
	max-height: 50px;
}
#menu .menu-text{
	font-family: KhmerStdFont;
	font-size:  2.19vh;
	color: black;	
}
#menu .menu-text a:hover{
	font-family: KhmerStdFont;	
	color: gray;
	
}
#menu{
    background-color: aliceblue;
   /*  height: 5vh !important; */
}
/* ----------- number of download----------------- */

#download .head{
	font-family: KhmerStdFont;
	font-size:  2.5vh;
	color: #000000;
}
#download .title-detail{
	font-family: KhmerStdFont;
	font-size:  2.2vh;	
	
}
#download .number{
	font-family: KhmerStdFont;
	font-size:  1.7vh
	color: #9EA0A3;
}
#download .qrCode{
	float: right;
}
#download .jumbotron{
	background-color: transparent;
}
#download .head-text{
	font-family: KhmerMuolFont;
    font-size: 2.5vh;
    color: #000000;/*#9EA0A3*/
}

#download .ios{
	background-color:#898c90;
}
#download .android{
	background-color: #a4c639;
}

/*  ---------------- fake score------------*/
#fakescore .jumbotron{
	background-color: transparent;
}
#fakescore .head-text{
	font-family: KhmerMuolFont;
    font-size: 2.5vh;
     color: #000000;/*#9EA0A3*/
    font-weight: normal;
}
#fakescore .title-detail{
	font-family: KhmerStdFont;
	font-size:  2.2vh;	
	
}
#fakescore .items{
	height: 12vh;
}
#fakescore .shape{	
	width: auto;
    height: 9vh;    
}
#fakescore .shape .avatar{		
    height: 9vh;;    
}
#fakescore .table-body .row{
	
}
#fakescore .table-body .rw {
	padding-top: 4vh;
}
#fakescore .table-body .no{
	color: #9EA0A3;
}
#fakescore .table-body{
	font-family: KhmerStdFont;
	font-size:  2.7vh;
	color: #000000;/*#9EA0A3*/
}
/*------------top model driver----------  */
#modeldriver .jumbotron{
	background-color: transparent;
}
#modeldriver .head-text{
	font-family: KhmerMuolFont;
    font-size: 2.5vh;
     color: #000000;/*#9EA0A3*/
    font-weight: normal;
}
#modeldriver .title-detail{
	font-family: KhmerStdFont;
	font-size:  2.2vh;	

}
#modeldriver .items{
	height: 12vh;
}
#modeldriver .shape{	
	width: auto;
    height: 9vh;    
}
#modeldriver .shape .avatar{		
    height: 9vh;;    
}
#modeldriver .table-body .rw {
	padding-top: 4vh;
}
#modeldriver .table-body .no{
	color: #9EA0A3;
}
#modeldriver .table-body{
	font-family: KhmerStdFont;
	font-size:  2.7vh;
	color: #000000;/*#9EA0A3*/
}
/*-----------------------------*/


#footer .KHICT{	
	max-width: auto;
	max-height: 4vh;
}
#footer .BMW{	
	max-width: auto;
	max-height: 6vh;
}

.content-details{
	max-width: 1000px;
	margin-bottom: 10px;	
}
.jumbotron{   
    padding-bottom: 5px;
    padding-top: 10px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: whitesmoke;
    
}

.show-deitals{
	max-width: 900px;
	margin: auto;
}

/* -------------for mobile iframe-------------- */
#forapp .table-body{
	font-family: KhmerStdFont;
	font-size:  2.7vh;
	color: #ffffff;
}
 #forapp .table-header{		
	border: none;
}
#forapp .shape{	
	width: 12vw;
    height: 9vh;
    overflow: hidden;
    border: none;
} 
#forapp .avatar{	
    width: 100%;
    height: auto;
    padding-top: 1vh;
}
#forapp .name{
	padding-left: 0vw;	
	overflow: hidden;    
    max-width: 29vw;
	display: block;
	border: none;
}
#forapp .items{
	 height: 12vh;
	 background-color: rgba(200, 202, 203, 0.1);
	 border-top: 10px solid rgba(0, 0, 0, 0.1);	
}
#forapp .title{
	font-family: KhmerMuolFont;
	font-size:  3.15vh;
	color: #9EA0A3;
	font-weight: normal;	
}
#forapp .title-detail{
	font-family: KhmerStdFont;
	font-size:  2.7vh;
	color: #ffffff;
}
#forapp .table-header{
	padding-bottom: 3vh;
}
#forapp .table-header .header{
	 height: 13vh;
}

#forapp .driverlience img{
	padding-top: 0 !important;
    max-height: 6vh;
}
#forapp .table-body .rw {
	padding-top: 4vh;
}
#forapp .table-body .no{
	color: #9EA0A3;
}
#forapp .table-body .name,#forapp .table-body .score{
	color: white;
}
#forapp .items-mobile{
	 height: 12vh;
	 background-color: rgba(200, 202, 203, 0.1);
	 border-top: 10px solid rgba(0, 0, 0, 0.1);	
} 


.contain-body{
	background-image: url("../systems/background.png") ;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;	 
     
}
/* -------------- */

@font-face {
    font-family: "KhmerStdFont";
    src: url("../fonts/KhmerOScontent.eot");/* IE support */
    src: local('KhmerStdFont'),url(../fonts/KhmerOScontent.ttf) format('truetype');/* Firefox3.5>, Saferi3.1>*/
 }

 @font-face {
    font-family: "KhmerMuolFont";
    src: url("../fonts/KhmerOSKoulen.eot");/* IE support */
    src: local('KhmerMuolFont'),url(../fonts/KhmerOSKoulen.ttf) format('truetype');/* Firefox3.5>, Saferi3.1>*/
 }