/* CSS Document */
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-ms-box-sizing: border-box; box-sizing:border-box; }
html, body { height:100%; }
body { padding:0px 3px; margin-top:10px; }
table, tbody, tr, td { margin:0; padding:0; border-spacing:0; }
table { width:100%; margin:0 auto; border:0 }
td { border:0; text-align:center; vertical-align:middle; }

.table { display:table; margin:0 auto; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align:middle }

.width-1024 { width:1024px }
.width-768 { width:768px }
.width-470 { width:470px }
.width-200 { width:200px }
.width-100 { width:100% }
.width-70 { width:70% }
.width-50 { width:50% }
.width-33 { width:33% }
.width-30 { width:30% }
.width-25 { width:25% }
.width-20 { width:20% }
.width-10 { width:10% }

.height-25 { height:25px; } 

.padding-width { padding-left:5px; padding-right:5px; }
.padding-height { padding-top:5px; padding-bottom:5px; }

.top-10 { position:relative; top:10% }
.margin-30 { margin-top:30px }

.overflow { overflow:scroll; }

.align-left { text-align:left }
.align-center { text-align:center }
.align-right { text-align:right }

.valign-top { vertical-align:top }

@media only screen and (max-width: 1024px) {
.table { width:100%; }

.width-1024 { width:100%; }
}

@media only screen and (max-width:768px)
	,(min-device-width:768px) and (max-device-width:1024px)
	,(min-device-width:768px) and (max-device-width:1024px) and (orientation : landscape)  {
body { padding:0px 10px; margin-top:20px; }
.cell { display: block; }

.width-768 { width:100%; }
.width-470 { width:75% }
.width-70 { width:100% }
.width-33 { width:100% }
.width-30 { width:100% }
.width-25 { width:100% }
.width-20 { width:100% }
.width-10 { width:100% }

.height-25 { height:40px; } 
.margin-30 { margin-top:100px }
}

@media only screen and (max-width: 667px) {
.top-10 { position:relative; top:1% }
.margin-30 { margin-top:20px }
}

@media only screen and (max-width: 480px) {
body { padding:0px 3px; margin-top:10px; }
.width-470 { width:95% }
}

@media only screen and (max-width: 320px) {
}