body#pic {
                height: "100%";
                background-color: lightBlue;
            }
	.metro .tile-group.tinycolumn {
  	   width: 31.25px;
    	   margin-right: 46px;
  	   min-width: 50px;
  	   padding-top: 40px;
            }
            .metro .tile.half-vertical {
                width: 120px;
                height: 55px;
            }
            .brand .label#cenbig {
	   width: 120px;
                font-size: 14pt;
                text-align: center;
            }
            .metro .tile.tiny {
                width: 25px;
                height: 25px;
	   background-color: white;
            }
            .tile#cafe {
                background-image: url("/suntaraporn/images/Mcafe.png");
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .tile#cafe:hover {
                background-image: url("/suntaraporn/images/Mcafe2.png");
            }
            .tile#karaoke {
                background-image: url("/suntaraporn/images/Mkaraoke.png");
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .tile#karaoke:hover {
                background-image: url("/suntaraporn/images/Mkaraoke2.png");
            }
            .tile#classic {
                background-image: url("/suntaraporn/images/home4.jpg");
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .tile#classic:hover {
                background-image: url("/suntaraporn/images/home7.jpg");
            }
            .tile#memactivity {
                background-image: url("/suntaraporn/images/Mmemactivity.jpg");
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .tile#memactivity:hover {
                background-image: url("/suntaraporn/images/Mmemactivity2.jpg");
            }
           
 	.tile#bglightPink {
                background-color: dodgerblue;
            }
 	.tile#bglightPink:hover {
                background-color: #FF33CC;
            }            
 	.tile#bggreen {
                background-color: brown;
            }
	.tile#bggreen:hover {
                background-color: green;
            }

.tile-content#animated_div
{
position:absolute;
float:left;

-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
}
.tile-content#animated_div:hover
{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}

.tile#Newbg
{
  background-color: red;
  background-image: url("/suntaraporn/images/bgonline.jpg");
  background-position: left top;
  background-size: 120px;
}

.tile-content#halfblind
{
position:absolute;
float:left;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;

}
.tile-content#halfblind:hover
{
-moz-transform: translateX(50%);
-webkit-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}

.tile#Newbg2
{
  background-color: red;
  background-image: url("/suntaraporn/images/con2.jpg");
  background-position: left top;
  background-size: 100%;
}
.tile-content#fullblind
{
position:absolute;
float:left;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
}
.tile-content#fullblind:hover
{
-moz-transform: translateX(50%);
-webkit-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(100%);
}

.metro .tile-onstage {
  margin-right: 10px;
  min-width: 130px;
  width: auto;
  float: left;
  display: block;
  padding-top: 40px;
  position: relative;
}