html, body {
  
	padding:0;
	margin:0;
	font-family:'thaisans_neue_lightregular';
}

.device {
    width:  100%;
    height: 100%;

}

.device .screen {
    width:  100%;
    height: 100%;
}

.device .screen .page {
    width:  100%;
    height: 100%;
    color:  white;
	font-family:'thaisans_neue_lightregular';
}

.device .screen .page[data-jquery-page-name='11'] {
   /* background-color: red;*/
}
.device .screen .page[data-jquery-page-name='12'] {
   /* background-color: purple;*/
}
.device .screen .page[data-jquery-page-name='13'] {
   /* background-color: green;*/
}
.device .screen .page[data-jquery-page-name='14'] {
   /* background-color: blue;*/
}
.device .screen .page[data-jquery-page-name='15'] {
   /* background-color: blue;*/
}
.device .screen .page[data-jquery-page-name='16'] {
   /* background-color: blue;*/
}
.device .screen .page[data-jquery-page-name='17'] {
   /* background-color: blue;*/
}

.device .screen .page[data-jquery-page-name='XX'] {
    background-color: orange;
}

.device .screen .page .title {
    width: 100%;
    font-weight: bold;
    font-size: 20pt;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}