@charset "UTF-8";
body {
    margin: auto;
    background-color: #333;
    background-image : url('../images/Xiaomi.jpg');
    max-width: 900px;
    }
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*background: linear-gradient(90deg, white, gray);*/
    /*background-color: #bbb;*/
    /*color: #666;*/

table, th, td {
	border-collapse:collapse;
	border:1px solid #999;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
    }
    
h1, h2, h3 {
    font-family: "Times New Roman";
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    }   
    /*font-family: "Times New Roman", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;*/
    
a { text-decoration: none; 
    color:inherit;
    }
a:hover {
    color:#FF00FF;
    } /* Mouse over link */
 
.head {
	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
    }
 
.head th {
	padding:10px;
	color:#333;
	text-shadow:1px 1px 0px #CCC;
	font-size:14px;
    }
    
.header {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
    margin: 0;
    }

.satu {
	background-color:#CECECE;
    }
 
.dua {
	background-color:#E0E0E0;
    }
 
.satu:hover, .dua:hover {
    cursor:pointer;
	background-color:#BADFFE;
	/*font-weight:bold;*/
    }
    
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width:600px){}

@media only screen and (max-width: 600px){
	body {
		margin: 0;
		background-color: #333;
		background-image : url('../images/bg_brown_01.jpg');
    	}
	.column {
		width: 100%;
    	}
    }


