#body .pg-width .pos-whatsnew 		{ padding:30px 0; transition: all 0.3s ease-out;}
	#body .pg-width .pos-location 		{ padding:40px 30px 35px 30px; transition: all 0.3s ease-out;}



	/* = What's New Blk
	------------------------------------------------------------------------- */
	#body .section	{ clear:both; padding:0; margin:0px;}

	#body .col 				{ display:block; float:left; margin: 0 0 1% 1%; }
	#body .col:first-child 	{ margin-left: 0; }

	#body .group:before,
	#body .group:after 	{ content:""; display:table; }
	#body .group:after 	{ clear:both;}
	#body .group 			{ zoom:1; }
	#body .span-half 		{ width:49.5%;}


	#body .col-sm 			{ display: block; float:left; margin: 0 0 0 2%; }
	#body .col-sm:first-child { margin-left: 0; }

	#body .span-half-sm 		{ width: 49%;}

	
	/* = What's New Blk ==> promotion banner
	------------------------------------------------------------------------ */
	#body .promo-title		{ position:absolute; top:30px; left:30px; transition: all 0.3s ease-out;}

	#body .promo-blk		{ overflow:hidden; font-weight:bold; }

	#body .promo-blk img    {   -webkit-transition: all 1s ease; 
								   -moz-transition: all 1s ease;
								    -ms-transition: all 1s ease;
								     -o-transition: all 1s ease; 
								        transition: all 1s ease;}
	#body .promo-blk:hover img {    -webkit-transform:scale(1.12); 
									      -moz-transform:scale(1.12); 
									       -ms-transform:scale(1.12);
									        -o-transform:scale(1.12);
									           transform:scale(1.12);}


	#body .promo-blk .info-blk				{ position:absolute; bottom:0; width:100%; background-image: url(images/bg-pink-opacity90.png);  opacity: 0.5; color:#fff; max-height: 0;
   											  filter: alpha(opacity=50);  transition: all 0.8s ease-out; } 
	#body .promo-blk:hover .info-blk		{ max-height:200px; opacity: 1.0;
    										  filter: alpha(opacity=100); bottom:0;}
	#body .promo-blk .info-blk .pos 		{ padding:10px 20px 12px 20px; line-height:1.4; }
	#body .promo-blk .info-blk .pos>.font-m	{ margin-bottom:8px}
	#body .promo-blk .date	{ }


	/* = Location
	------------------------------------------------------------------------- */

	#body .location .info-blk 	{ z-index:20}
	#body .location .info-blk .info		{ padding:10px 0 30px 0; line-height:1.5; font-size: 18px;}
	#body .location .info-blk .bubble 	{ position:absolute; width:25%; top:-20px; left:-20px; transition: all 0.3s ease-out;}
	#body .location .info-blk .img-blk	{ z-index:10}


	/* ==========================================================================
		Media Style
	============================================================================= */
  
    @media only screen and (max-width:1280px) {
	#body .pg-width .pos-whatsnew 	{ padding:30px 30px; }
   	}
	
    @media only screen and (max-width:1024px) {
 	#body .pg-width .pos-location  	{ padding:30px;}
 	#body .promo-title				{ top:20px; left:20px }

    } 	

    @media only screen and (max-width: 745px) {
	#body .pg-width .pos-whatsnew	{ padding:20px 15px; }
 	#body .pg-width .pos-location  	{ padding:30px 25px;}
    }

	@media only screen and (max-width: 479px) {
	#body .pg-width .pos-whatsnew 	{ padding:30px 15px; }

 	#body .promo-title		{ top:15px; left:15px }

	#body .col 				{ margin: 0 0 10px 0; }
	#body .span-half 		{ width: 100%;}
	}