﻿.metroBlock {
	position: relative;
	width: 697px;
	height: 210px;
	margin: 0 auto !important;
	padding: 0;
	display: block;
}
.metroBlock li { margin: 0; padding: 0; display: block; }
.hb1, .hb2, .hb3, .hb4, .hb5, .hb6, .hb7 { position: absolute; background-image: none !important;}
#content-main .hb1 { width: 240px; height: 240px; left: 0; top: 0; background-color: #58a7bf;  margin: 0; padding: 0;}
#content-main .hb2 { width: 440px; height: 240px; left: 250px; top: 0;  margin: 0; padding: 0;}
#content-main .hb3 { width: 440px; height: 210px; left: 0; top: 0; background-color: #fff;  margin: 0; padding: 0;}
#content-main .hb3 h2 {
	background-color: #fff;
}
#content-main .hb3 ul {
	margin: 0;
}
#content-main .hb3 ul li {
	background: none;
	margin: 0;
	padding: 0;
}
.lte7 #content-main .hb3 ul li {
	display:inline;
}
#content-main .hb3 ul li a {
	position: absolute;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-indent: -9999px;
	letter-spacing: -1px;
}
#content-main .hb3 ul li a:hover,
#content-main .hb3 ul li a:focus {
	color: #fff;
	border-color: #fff;
}
#content-main .hb3 ul li.mqr-service a {
	top: 0;
	left: 0;
	width: 101px;
	height: 206px;
	background: #d25643 url(/images/main/mqr-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.shorturl-service a {
	top: 0;
	left: 102px;
	width: 137px;
	height: 103px;
	background: #c4ba95 url(/images/main/shorturl-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.exchange-service a {
	top: 104px;
	left: 102px;
	width: 137px;
	height: 102px;
	background: #b0be8e url(/images/main/exchange-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.capture-service a {
	top: 0;
	left: 240px;
	width: 200px;
	height: 65px;
	background: #baa2b6 url(/images/main/capture-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.mustucc-service a {
	top: 66px;
	left: 240px;
	width: 101px;
	height: 140px;
	background-color: #c4ba95;
	background: #5556ac url(/images/main/mustucc-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.myip-service a {
	top: 66px;
	left: 342px;
	width: 98px;
	height: 70px;
	background: #7da2ac url(/images/main/myip-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.quid-service a {
	top: 137px;
	left: 342px;
	width: 98px;
	height: 69px;
	background: #666 url(/images/main/quid-service.png) 0 0 no-repeat;
}
#content-main .hb3 ul li.mqr-service a:hover,
#content-main .hb3 ul li.mqr-service a:focus {
	background-color: #cea59e;
}
#content-main .hb3 ul li.shorturl-service a:hover,
#content-main .hb3 ul li.shorturl-service a:focus {
	background-color: #dd912c;
}
#content-main .hb3 ul li.exchange-service a:hover,
#content-main .hb3 ul li.exchange-service a:focus {
	background-color: #86a638;
}
#content-main .hb3 ul li.capture-service a:hover,
#content-main .hb3 ul li.capture-service a:focus {
	background-color: #6d2561;
}
#content-main .hb3 ul li.mustucc-service a:hover,
#content-main .hb3 ul li.mustucc-service a:focus {
	background-color: #9898ba;
}
#content-main .hb3 ul li.myip-service a:hover,
#content-main .hb3 ul li.myip-service a:focus {
	background-color: #05556c;
}
#content-main .hb3 ul li.quid-service a:hover,
#content-main .hb3 ul li.quid-service a:focus {
	background-color: #323232;
}
#content-main .hb4, 
#content-main .hb5,
#content-main .hb6,
#content-main .hb7 { width: 115px; height: 99px;  background-position: center center; background-repeat: no-repeat;  margin: 0; padding: 0;}
#content-main .hb4 { left: 450px; top: 0; background-color: #59b40f;background-color: #3b5998;}
#content-main .hb5 { left: 574px; top: 0; background-color: #0dd59a;}
#content-main .hb6 { left: 450px; top: 111px; background-color: #69309c;}
#content-main .hb7 { left: 574px; top: 111px; background-color: #e74129; background-color: #29c9fd;}
#hb4:hover,
#hb5:hover,
#hb6:hover,
#hb7:hover { background-color: #f5a229; cursor: pointer;}
#hb4 a,
#hb5 a,
#hb6 a,
#hb7 a {display: block;text-indent: -9999px;height: 99px;}
.smallTileBack { background-color: #fff; color: #000; }
.smallTileBack span { background-color: #fff; color: #000;  position: absolute; width: 109px; bottom: 0; left: 0;padding-left: 6px;}
.smallTileBack span a { color: #333;}
li.smallTileBack:hover { background-color: #fff; }
.fbIcon { background-image: url(/images/main/facebook-icon.png) !important; }
.twIcon { background-image: url(/images/main/twitter-icon.png) !important;}
.cuIcon { background-image: url(/images/main/partner-pg.png) !important;}
.tmIcon { background-image: url(/images/main/mustlab-icon.png) !important;}