/* runner v0.1*/

.service-msg h2,.service-msg ul,.service-msg ul li{ margin: 0; padding: 0; list-style: none; }
.service-msg{z-index:9999}
.service-msg .msg-top{ position: relative; padding:0; margin:0;}

.service-msg .msg-top h2{ font-size: 12px; margin:0; padding:0; text-indent:none; height: 14px; line-height:14px; font-weight: normal; overflow: hidden; float: left; display: inline; }

.service-msg .close{ position: absolute; cursor: pointer; text-indent: -9999px; font-size: 0; margin:0; padding:0; }

.service-msg .os-content{ position: relative; font-size: 12px; margin:0; padding:0; }

.service-msg img{ border: 0; }

.service-msg .os-bottom{ position: relative; }

.service-msg .bottom-link , .service-msg .bottom-link2{ position: absolute; text-indent: -9999px;}

/* skin */

.link-box li.qq img{ margin-right: 7px; margin-top: 2px; }

.link-box li.msn img{ width: 24px; height: 20px; margin-left: 7px; }

.link-box li.wangwang img{ margin-left: 7px; margin-right: 7px; }

.skin-1{ width: 109px; }

	.skin-1 .msg-top{ width: 109px; height: 57px; background: url(service/skin-1.gif) no-repeat scroll 0 0; }

	.skin-1 .msg-top h2{ width: 76px; margin: 10px 0 0 7px; }

	.skin-1 .close{ top: 9px; right: 11px; width: 16px; height: 16px; }

	.skin-1 .os-content{ width: 109px; background: url(service/skin-1.gif) no-repeat scroll 0 bottom; }

		.skin-1 .link-box{ min-height: 50px; _height: 50px; width: 95px; margin: 0 7px; }

		.skin-1 .link-box li{ margin: 0 5px 0 2px; padding: 5px 0;width:90px;overflow:hidden; white-space:nowrap; }

		.skin-1 .link-box li a{ color: #333; text-decoration: none; }

		.skin-1 .link-box li a:hover{ color: #FF8C00; }

	.skin-1 .os-bottom{ height: 80px; }

	.skin-1 .bottom-link{ width: 80px; height: 18px; top: 18px; left: 15px; text-indent: -9999px; }
	.skin-1 .bottom-link2{ width: 80px; height: 18px; top: 40px; left: 15px; text-indent: -9999px; }

/* skin2 */

.skin-2{ width: 109px; }

	.skin-2 .msg-top{ width: 109px; height: 57px; background: url(service/skin-2.gif) no-repeat scroll 0 0; }

	.skin-2 .msg-top h2{ width: 78px; margin: 8px 0 0 7px; }

	.skin-2 .close{ top: 0px; right: 6px; width: 20px; height: 16px; }

	.skin-2 .os-content{ width: 109px; background: url(service/skin-2.gif) no-repeat scroll 0 bottom; }

		.skin-2 .link-box{ min-height: 30px; _height: 30px; width: 95px; margin: 0 7px; }

		.skin-2 .link-box li{ margin: 0 5px 0 0; padding: 5px 0; width:90px;overflow:hidden; white-space:nowrap; }

		.skin-2 .link-box li a{ color: #0271c2; text-decoration: none; }

		.skin-2 .link-box li a:hover{ color: #FF8C00; }

	.skin-2 .os-bottom{ height: 70px; }

	.skin-2 .bottom-link{ width: 80px; height: 18px; top: 8px; left: 15px; text-indent: -9999px; }
	.skin-2 .bottom-link2{ width: 80px; height: 18px; top: 30px; left: 15px; text-indent: -9999px; }

/* skin3 */

.skin-3{ width: 109px; }

	.skin-3 .msg-top{ width: 109px; height: 57px; background: url(service/skin-3.gif) no-repeat scroll 0 0; }

	.skin-3 .msg-top h2{ width: 76px; margin: 8px 0 0 7px; color: #d0d0d0; }

	.skin-3 .close{ top: 6px; right: 9px; width: 14px; height: 14px; }

	.skin-3 .os-content{ width: 109px; background: url(service/skin-3.gif) no-repeat scroll 0 bottom; }

		.skin-3 .link-box{ min-height: 30px; _height: 30px; width: 95px; margin: 0 7px; }

		.skin-3 .link-box li{ margin: 0 5px 0 0; padding: 5px 0; border-bottom: 1px solid #ccc;width:90px;overflow:hidden; white-space:nowrap; }

		.skin-3 .link-box li a{ color: #333; text-decoration: none; }

		.skin-3 .link-box li a:hover{ color: #FF8C00; }

	.skin-3 .os-bottom{ height: 70px; }

	.skin-3 .bottom-link{ width: 80px; height: 18px; top: 6px; left: 15px; text-indent: -9999px; }
	.skin-3 .bottom-link2{ width: 80px; height: 18px; top: 28px; left: 15px; text-indent: -9999px; }

/* skin4 */

.skin-4{ width: 109px; }

	.skin-4 .msg-top{ width: 109px; height: 73px; background: url(service/skin-4.gif) no-repeat scroll 0 0; }

	.skin-4 .msg-top h2{ width: 76px; margin: 8px 0 0 7px; color: #d0d0d0; }

	.skin-4 .close{ top: 6px; right: 9px; width: 14px; height: 14px; }

	.skin-4 .os-content{ width: 109px; background: url(service/skin-4.gif) no-repeat scroll 0 bottom; }

		.skin-4 .link-box{ min-height: 30px; _height: 30px; width: 95px; margin: 0 7px; }

		.skin-4 .link-box li{ margin: 0 5px 0 0; padding: 5px 0;width:90px;overflow:hidden; white-space:nowrap; }

		.skin-4 .link-box li a{ color: #333; text-decoration: none; }

		.skin-4 .link-box li a:hover{ color: #FF8C00; }

	.skin-4 .os-bottom{ height: 70px; }

	.skin-4 .bottom-link{ width: 80px; height: 18px; top: 10px; left: 12px; text-indent: -9999px; }
	.skin-4 .bottom-link2{ width: 80px; height: 18px; top: 34px; left: 12px; text-indent: -9999px; }

/* skin5 */

.skin-5{ width: 109px; }

	.skin-5 .msg-top{ width: 109px; height: 63px; background: url(service/skin-5.gif) no-repeat scroll 0 0; }

	.skin-5 .msg-top h2{ width: 76px; margin: 8px 0 0 7px; color: #fff; }

	.skin-5 .close{ top: 0; right: 10px; width: 18px; height: 14px; }

	.skin-5 .os-content{ width: 109px; background: url(service/skin-5.gif) no-repeat scroll 0 bottom; }

		.skin-5 .link-box{ min-height: 30px; _height: 30px; width: 95px; margin: 0 7px; }

		.skin-5 .link-box li{ margin: 0 5px 0 0; padding: 5px 0;width:90px;overflow:hidden; white-space:nowrap; }

		.skin-5 .link-box li a{ color: #333; text-decoration: none; }

		.skin-5 .link-box li a:hover{ color: #FF8C00; }

	.skin-5 .os-bottom{ height: 70px; }

	.skin-5 .bottom-link{ width: 80px; height: 18px; top: 10px; left: 12px; text-indent: -9999px; }
	.skin-5 .bottom-link2{ width: 80px; height: 18px; top: 34px; left: 12px; text-indent: -9999px; }

/* skin6 */

.skin-6{ width: 109px; }

	.skin-6 .msg-top{ width: 109px; height: 60px; background: url(service/skin-6.gif) no-repeat scroll 0 0; }

	.skin-6 .msg-top h2{ width: 76px; margin: 8px 0 0 7px; color: #d0d0d2; }

	.skin-6 .close{ top: 7px; right: 9px; width: 16px; height: 14px; }

	.skin-6 .os-content{ width: 109px; background: url(service/skin-6.gif) no-repeat scroll 0 bottom; }

		.skin-6 .link-box{ min-height: 30px; _height: 30px; width: 95px; margin: 0 7px; }

		.skin-6 .link-box li{ margin: 0 5px 0 0; padding: 5px 0; width:90px;overflow:hidden; white-space:nowrap;}

		.skin-6 .link-box li a{ color: #d2d1cf; text-decoration: none; }

		.skin-6 .link-box li a:hover{ color: #FF8C00; }

	.skin-6 .os-bottom{ height: 80px; }
	.skin-6 .bottom-link{ width: 80px; height: 18px; top: 19px; left: 12px; text-indent: -9999px; }
	.skin-6 .bottom-link2{ width: 80px; height: 18px; top: 42px; left: 12px; text-indent: -9999px; }