.lineContent{
	width:660px;
	height:1px;
	border-bottom:1px solid #ebebeb;
	clear:both;
}

.green{
	color:#7ca500;
}

.green:hover{
	color:#7ca500;
	font-size:13px;
	text-decoration:underline;
}

.blue{
	color:#0099FF;
}

#banner {
	padding:10px 0;/*Add 08-02-2011 */
}
#topContent {
	display: block;
	overflow: hidden;
	width: 660px;
	padding-bottom:16px;
}
#topContent .picMain {
	float: left;
	height: 200px;
	width: 250px;
	padding-right: 10px;
	display: block;
}
#topContent .topcontentWarp {
	width: 400px;
	float: right;
	display: block;
	clear: right;
}

#topContent .topcontentWarp.last {
	padding:7px 0px 0px 0px;
}
#topContent .topcontentWarp .pic {
	float: left;
	width: 76px;
}

#topContent .topcontentWarp p.title {
	color: #ff629d;
	font-weight:bold;
	font-size:14px;
	padding-bottom:1px;
	width:324px;
}

#topContent .topcontentWarp p.title a{color: #ff629d;font-weight:bold;font-size:14px;}
#topContent .topcontentWarp p.title a:hover{ color:#FF0066;font-weight:bold;font-size:14px;}
#topContent .topcontentWarp p.title span{color:#777;font-size:11px; display:block;}

.by {
	color:#666;
	font-size:10px;
	padding-bottom:1px;
}
.by a{color:#666;font-size:10px;}
.by a:hover{color:#999;font-size:10px;}



#topContent .topcontentWarp p.desciption {
	font-size:11px;
	color:#555;
	float:left;
	width:324px;
}

#topContent .topcontentWarp p.desciption a{color:#555;}
#topContent .topcontentWarp p.desciption a:hover{color:#999;}

#content {
	display: block;
	width: 660px;
	overflow: hidden;
	padding:0px 0px 10px 0px;
	clear:both;
	margin-top:15px;
}
#content .contentWarp .pic {
	float: left;
	display: block;
	height: 100px;
	width: 90px;
	padding-right: 10px;
}
#content .contentWarp h1.title {
	font-size: 150%;
	float: left;
	width:220px;
	display:block;
}
#content .contentWarp p.desciption {
	font-size: 12px;
	color: #888889;
	float: left;
	padding-top:3px;
}
#content .contentWarp {
	display: block;
	width: 320px;
	padding-right: 10px;
	float: left;
	padding-top: 15px;
	padding-bottom: 8px;
	padding-right:8px;
	position:relative;
}
#content .contentWarp a.readMore {
	font-size: 11px;
	color: #ED1C24;
	text-decoration: none;
	float: right;
	padding-top:3px;
}
#content .contentWarp a:hover.readMore { color:#f00;}

#content .contentWarp ul {
	float:left;
	list-style:none;
	margin-top:10px;
	width:220px;
}
#content .contentWarp ul li{
	font-size:11px;
	color:#555;
	line-height:18px;
	border-top:#ebebeb solid 1px;
	padding:5px 0;
}

#content .contentWarp ul li.first{ border-top:none; margin-top:-10px;}

#content .contentWarp ul li a{
	color:#555;
	line-height:18px;
}
#content .contentWarp ul li a:hover{
	color:#999;
	line-height:18px;
}



#container .mid h1.title {
	font-size: 150%;
	color: #30BFFE;
	margin-top:-12px;
	margin-bottom:-10px;
	font-size:20px;
	font-weight:bold;
}

#container .mid h1.title a{ color:#30BFFE;font-size:20px; font-weight:bold;}
#container .mid h1.title a:hover{ color:#89d6f6;}

#container .mid h1.titleDesc{
	font-size: 150%;
	color: #ff629d;
	margin-top:-12px;
	margin-bottom:-8px;
}

.titleHead{ float:left; text-align:left; width:169px;}
a.titleReadmore{ width:51px; height:22px; background:url(../../web_images/btn-readMore.png) right top no-repeat;  text-indent:-9999px; position:absolute; right:8px; top:15px; }
a.titleReadmore:hover{ width:51px; height:22px; background:url(../../web_images/btn-readMore-hover.png) right top no-repeat;}

#container .mid h1.titleList {
	color:#30BFFE;
	font-size:16px;
}


#contentTitle {
	float: left;
	width:480px; 
	display: block;
	margin-bottom:15px;
}
#contentTitle p.date {
	font-size: 10px;
	color:#666;
	/*padding-top:6px;*/
}
#contentTitle p.date span{
	font-size: 10px;
}
#contentLinkGroup {
	font-size: 12px;
	display: block;
	float: right;
	overflow:hidden;
}
#contentLinkGroup .top{
	background:url(../../web_images/contentLinkGroupTop.png) no-repeat left top;
	height:15px;
	width:330px;
	display:block;
}
#contentLinkGroup .mid{
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	width:308px;
	display:block;
	padding:0px 10px;
	background:#fafafa;
}
#contentLinkGroup .mid .pic{
	float:left;
}
#contentLinkGroup .mid .homeworkTag{
	clear:both;
	padding:10px 0px 0px 0px;
}
#contentLinkGroup .bottom{
	background:url(../../web_images/contentLinkGroupBottom.png) no-repeat left top;
	height:15px;
	width:330px;
	display:block;
}
#contentLinkGroup .linkGroup {
	display: block;
	height: 20px;

}
#contentLinkGroup a.website {
	text-decoration: none;
	color:#76bf00;
}
#contentLinkGroup p {
	font-size: 10px;
	padding:2px 0px;
	color:#666;
}
#contentLinkGroup .homeworkTag a {
	text-decoration: none;
	color: #999999;
	font-size:10px;
}
#contentLinkGroup .homeworkTag a:hover {
	text-decoration: none;
	color:#3399FF;
}
#content p {
	color:#555;
	line-height:1.3em;
}

#content h4, #content h4 span { font:bold 14px Tahoma,sans-serif;}
#content h4{ color:#30BFFE; margin-top:20px;}


#uKnow {
	float: right;
	width: 270px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../../web_images/bg_uKnow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 10px;
}
#content p.link {
	display: block;
	float: left;
	padding-top:10px;
}
#uKnow span.title{
	font-size:16px;
	font-weight:bold;
}
#replay {
	float: left;
	width: 319px;
	display: block;
}
#recent {
	display: block;
	float: right;
	width: 310px;
	padding-left:20px;
	border-left:1px solid #ebebeb;
}
#replay h1.title,#recent h1.title{
	padding:10px 0px;
}

#replay .wrapReplay {
	display: block;
	width: 320px;
	margin-bottom:10px;
}

#recent .wrapRecent {
	display: block;
	width: 320px;
	margin-bottom:10px;
}


#replay .wrapReplay .pic {
	display: block;
	height: 36px;
	width: 50px;
	padding-right: 10px;
	float: left;
}

#replay .wrapReplay p.title {
	font-size: 13px;
	color:#ff629d;
	font-weight:bold;
	float:left;
	width:250px;
}
#replay .wrapReplay p.title a{ color:#FF629D;font-size: 13px;font-weight:bold;}
#replay .wrapReplay p.title a:hover{ color:#f06;font-size: 13px;font-weight:bold;}

#replay .wrapReplay .description{ color:#555; font-size:11px; width:250px; float:left;}/* Add 9-02-2010 */
#replay .wrapReplay p.date {
	font-size: 10px;
	color: #666;
}

#replay .wrapReplay p.date a{ color:#666;}
#replay .wrapReplay p.date a:hover{ color:#999;}

#replay .wrapReplay p.date span{
	font-size: 10px;
}
#recent .wrapRecent .pic {
	display: block;
	height: 36px;
	width: 50px;
	padding-right: 10px;
	float: left;
}
#recent .wrapRecent p.title {
	font-size: 13px;
	color:#ff629d;
	font-weight:bold;
	width:250px;

}
#recent .wrapRecent p.title a{ color:#ff629d;font-size: 13px;font-weight:bold;}
#recent .wrapRecent p.title a:hover{ color:#f06;font-size: 13px;font-weight:bold;}

#recent .wrapRecent .description{ color:#555; font-size:11px; width:250px; float:left;}

#recent .wrapRecent p.date {
	font-size: 10px;
	color: #666;
}

#recent .wrapRecent  p.date a{ color:#666;}
#recent .wrapRecent  p.date a:hover{ color:#999;}

#recent .wrapRecent p.date span{
	font-size: 10px;
}
#columnTitle {
	float: left;
	display: block;
	width: 300px;
	margin-bottom:30px;
}
#columnTitle p.date {
	font-size: 10px;
}
#columnTitle p.date span{
	font-size: 10px;
}
#container .mid #columnTitle h1.title{
	color:#30BFFE;
	font-size:200%;
}
#columnTitle .miniTitle {
	font-size: 10px;
	color: #999999;
}
#columnTitle p.desciption {
	padding-top: 8px;
	padding-bottom: 10px;
	color:#666;
	font-size:11px;
}
/** Add 01022010 **/
#columnLinkGroup {
	display: block;
	float: right;
	width: 360px;
	overflow:hidden;
}
#columnLinkGroup .desciption {
	color:#666;
	margin-top:5px;
	line-height:16px;
	font-size:12px;
}


/** End **/
#content .wrapContent {
	display: block;
	width: 660px;
	border-bottom:#ebebeb solid 1px;
	padding: 10px 0;
}
#content .wrapContent .pic {
	display: block;
	float: left;
	/*width: 76px;*/
	padding-right: 10px;
}
#content .wrapContent p.title {
	color: #ff629d;
	font-weight: bold;
	padding: 0px;
	font-size:16px;
}
#content .wrapContent p.title a{
	color: #ff629d;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
}
#content .wrapContent p.title a:hover{
	color: #FF0066;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
}
#content .wrapContent p.date {
	font-size: 10px;
	color: #999999;
}
#content .wrapContent p.date span {
	font-size: 10px;
	color:#7ca500;
}
#content .wrapContent.first {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pageTop{ margin-bottom:8px; font-size:10px; color:#ccc;}
.pageTop a{color:#ccc;}
.pageTop a:hover{color:#f9f;}

/** **/
#content p.desciption{ font-size:11px;}
#content p.desciption a{ color:#555;}
#content p.desciption a:hover{ color:#999;}

/** Tool Tip **/

/******************************/

.magTabTipTop{ background:url(../../web_images/tap-tipTop.png) no-repeat; width:660px; height:11px;}
.magTabTipMid{ background:#ffffcc; border:#eeeebb solid 1px; border-bottom:none; border-top:none; padding:5px 10px;}
.magTabTipMid .head{ font-size:14px; color:#555; font-weight:bold;line-height:20px;} /**  Add **/
.magTabTipMid .detail{color:#333; line-height:15px;}
.magTabTipBottom{ background:url(../../web_images/tab-tipBottom.png) no-repeat; width:660px; height:11px; margin-bottom:15px;}
.magTabToolL{ background:url(../../web_images/tabToolL.png) no-repeat; width:10px; height:32px; float:left; display:inline;}
.magTabToolC{ background:url(../../web_images/tabToolC.png) no-repeat; width:15px; height:32px; float:left; display:inline;}
.magTabToolR{ background:url(../../web_images/tabToolR.png) no-repeat; width:10px; height:32px; float:left; display:inline;}
.magTabToolBg{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:6px;}
.magTabToolBgR{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:8px;}


/*******************************/
/*.magTabToolBgR .text{ color:#666; float:right; padding:0px 0 0 8px;}
.magText{ color:#7CA500; margin-top:-1px; float:left; display:inline;}
.magText input{ width:259px; color:#888889; border:#ddd solid 1px; background:#FFFFFF; margin-top:1px; font-size:11px; padding:2px 0 3px 3px;}
.magTabToolBgCC{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:6px; width:193px;}
.magTabToolBgCC .imgCC{ float:left;}
.magTabToolBgCC .text{ color:#666; float:left; padding:2px 8px 0 0; display:inline; }
.magTabToolBgTF{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:8px; width:113px;}
.magTabToolBgTF .imgCC{ float:left;}
.magTabToolBgTF .text{ color:#666; float:left; padding:1px 8px 0 0; display:inline; }
.magTabToolBgInput{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:6px; width:304px;}
.btnCopy{ float:left; display:inline; margin-left:6px;}*/
/******************************/


.magContDep{ color:#666666; font-size:11px; margin-top:5px;}
.magContDep img{ margin-bottom:-6px; margin-right:4px;}
.magContTagDetail{ color:#666; font-size:11px;  text-decoration:none;}
.magContTagDetail a{color:#4c8bd8; text-decoration:underline;}
.magContTagDetail a:hover{color:#666; text-decoration:none;}
.magBlank{ padding:10px;}
.magIfram{ margin-top:15px; color:#666; font-size:11px;}


/*
 * Slider Banner
 * 
 */


#wrapper {width:960px; margin:0px auto}

#slider {float:left; position:relative; overflow:auto; width:960px; height:400px;  background:#fff;}
#slider ul {position:relative; list-style:none; top:0; left:0;}
#slider li {float:left; padding-right:10px;}


.pagination li.menuWelcome{ background: url(../../web_images/menu-welcome.jpg) no-repeat; width:226px; height:60px;}
.pagination li.menuWelcome a{ background: url(../../web_images/menu-welcome.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li.menuWelcome a:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}

/*
 * End Slider Banner
 */
 
 /** 26-01-10 **/
 #contentLinkGroup .toolL{ background:url(../../web_images/bgToolL.png) no-repeat; width:10px; height:48px; float:left;}
#contentLinkGroup .toolC{ background:url(../../web_images/bgToolC.png) no-repeat; width:10px; height:48px; float:left;}
#contentLinkGroup .toolR{ background:url(../../web_images/bgToolR.png) no-repeat; width:10px; height:48px; float:left;}
#contentLinkGroup .toolNav{ background:url(../../web_images/bgToolNav.png) repeat-x; height:48px; float:left;}
#contentLinkGroup .img{ text-align:center; margin-top:8px;}
#contentLinkGroup .txt{ text-align:center; margin-top:3px; color:#888; font-size:11px;}
#contentLinkGroup .txtFav{ text-align:center; margin-top:3px; color:#888; font-size:11px; width:53px;}



/** Add 01022010 **/
.magTabToolBgR .text{ color:#666; float:right; padding:0px 0 0 8px;}
.magText{ color:#7CA500; margin-top:-1px; float:left; display:inline;}
.magText input{ width:247px; color:#888889; border:#ddd solid 1px; background:#FFFFFF; margin-top:1px; font-size:11px; padding:2px 0 3px 3px;}

.magTabToolBgCC{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:6px; width:216px;}
.magTabToolBgCC .imgCC{ text-align:center;}
.magTabToolBgCC .imgCC img { vertical-align:middle; }
.magTabToolBgCC .imgCC .text{ color:#666; padding:2px 6px 0 0; text-align:center; display:inline; font-size:11px;}

.magTabToolBgTF{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:8px; width:102px;}
.magTabToolBgTF .imgCC{ float:left;}
.magTabToolBgTF .text{ color:#666; float:left; padding:1px 5px 0 0; display:inline; font-size:11px;}
.magTabToolBgInput{ background:url(../../web_images/tabToolBg.png) repeat-x; height:32px; float:left; display:inline; padding-top:6px; width:292px;}
.btnCopy{ float:left; display:inline; margin-left:6px;}
/** End **/

.magTitle{ background:url(../../web_images/title-mag.png) no-repeat; width:249px; height:60px; float:left; /*Add 08-02-2011 margin:0 0 20px 0;*/ border-right:#dbdbdb solid 1px;}
.magTitle h1{ text-indent:-9999px;}
.magTitleDesp{ color:#888889; font-size:12px; float:left; width:388px; margin:10px 0; line-height:20px; padding-left:19px}


/*Slider 170253*/
		/*
		div#feature_list {
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
		*/
		
		div#tabs div.topcontentWarp {

		}
		
		div#tabs div.topcontentWarp img {

		}

		div#tabs div.topcontentWarp a {
			text-decoration: none;	
			display: block;
			height: 60px;
			outline: none;
		}

		div#tabs div.topcontentWarp a:hover {

		}

		div#tabs div.topcontentWarp a.current {
			background:url(../../web_images/feature-tab-current.png) top left no-repeat;
			color: #FFF;
			padding:12px 5px 12px 15px;
		}
		#topContent .topcontentWarp a.current p.title { color:#069; }
		
		
		


		div#tabs div.topcontentWarp a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		div#output span {
			position: absolute;
		}

		div#output span a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		div#output span a:hover {
			
		}


/* Tab Menu Banner */
/*
.pagination {float:left;}
.pagination li {float:left; cursor:pointer; padding:0 0 5px 0; margin:0px; text-align:center; color:#222}
.pagination li:hover {background:#888; border:0px solid #bbb; color:#000}
.pagination li.current {border:0px solid #ccc; background:#888}

.pagination li#menuWelcome{ background: url(../../web_images/menu-welcome.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px;}
.pagination li#menuWelcome:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}
.pagination li#menuWelcome a{ background: url(../../web_images/menu-welcome.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuWelcome a:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}

.pagination li#menuLibrary{ background: url(../../web_images/menu-library.jpg) no-repeat; width:216px; height:60px; margin-left:20px; text-indent:-9999px;}
.pagination li#menuLibrary:hover{ background: url(../../web_images/menu-library-hover.jpg) no-repeat; width:216px; height:60px; margin-left:20px; text-indent:-9999px;}
.pagination li#menuLibrary a{ background: url(../../web_images/menu-library.jpg) no-repeat; width:216px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuLibrary a:hover{ background: url(../../web_images/menu-library-hover.jpg) no-repeat; width:216px; height:60px;}

.pagination li#menuMag{ background: url(../../web_images/menu-mag.jpg) no-repeat; width:214px; height:60px; margin-left:20px; text-indent:-9999px;}
.pagination li#menuMag:hover{ background: url(../../web_images/menu-mag-hover.jpg) no-repeat; width:214px; height:60px; margin-left:20px; text-indent:-9999px;}
.pagination li#menuMag a{ background: url(../../web_images/menu-mag.jpg) no-repeat; width:214px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuMag a:hover{ background: url(../../web_images/menu-mag-hover.jpg) no-repeat; width:214px; height:60px;}

.pagination li#menuComm{ background: url(../../web_images/menu-communityMain.jpg) no-repeat; width:226px; height:60px; margin-left:17px; text-indent:-9999px;}
.pagination li#menuComm:hover{ background: url(../../web_images/menu-communityMain-hover.jpg) no-repeat; width:226px; height:60px; margin-left:17px; text-indent:-9999px;}
.pagination li#menuComm a{ background: url(../../web_images/menu-communityMain.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuComm a:hover{ background: url(../../web_images/menu-communityMain-hover.jpg) no-repeat; width:226px; height:60px;}

.pagination li#menuWelcome .current { background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}
.pagination li#menuWelcome .current a{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuWelcome .current a:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}

.pagination li#menuLibrary .current{ background: url(../../web_images/menu-library-hover.jpg) no-repeat; width:216px; height:60px; margin-left:20px;}
.pagination li#menuLibrary .current a{ background: url(../../web_images/menu-library-hover.jpg) no-repeat; width:216px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuLibrary .current a:hover{ background: url(../../web_images/menu-library-hover.jpg) no-repeat; width:216px; height:60px;}

.pagination li#menuMag .current{ background: url(../../web_images/menu-mag-hover.jpg) no-repeat; width:214px; height:60px; margin-left:20px;}
.pagination li#menuMag .current a{ background: url(../../web_images/menu-mag-hover.jpg) no-repeat; width:214px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuMag .current a:hover{ background: url(../../web_images/menu-mag-hover.jpg) no-repeat; width:214px; height:60px;}

.pagination li#menuComm .current{ background: url(../../web_images/menu-communityMain-hover.jpg) no-repeat; width:226px; height:60px; margin-left:17px;}
.pagination li#menuComm .current a{ background: url(../../web_images/menu-communityMain-hover.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li#menuComm .current a:hover{ background: url(../../web_images/menu-communityMain-hover.jpg) no-repeat; width:226px; height:60px;}
*/
/**/

.pagination {float:left;}
.pagination li {float:left; cursor:pointer; padding:0 0 5px 0; margin:0px; text-align:center; color:#222}
.pagination li:hover { border:0; color:#000}
.pagination li.current {border:0;}

/*.pagination li div.menuWelcome{ background: url(../../web_images/menu-welcome.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px;}
.pagination li div.menuWelcome:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}
.pagination li div.menuWelcome a{ background: url(../../web_images/menu-welcome.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li div.menuWelcome a:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}
*/

.pagination li div.menuLibrary{ background: url(../../web_images/tab-homeLibrary.png) no-repeat; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuLibrary:hover{ background: url(../../web_images/tab-homeLibrary.png) no-repeat 0 -81px; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuLibrary a{ background: url(../../web_images/tab-homeLibrary.png) no-repeat; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuLibrary a:hover{ background: url(../../web_images/tab-homeLibrary.png) no-repeat 0 -81px; width:320px; height:81px;}

.pagination li div.menuMag{ background: url(../../web_images/tab-homeMag.jpg) no-repeat; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuMag:hover{ background: url(../../web_images/tab-homeMag.jpg) no-repeat 0 -81px; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuMag a{ background: url(../../web_images/tab-homeMag.jpg) no-repeat; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuMag a:hover{ background: url(../../web_images/tab-homeMag.jpg) no-repeat 0 -81px; width:320px; height:81px;}

.pagination li div.menuComm{ background: url(../../web_images/tab-homeComm.png) no-repeat; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuComm:hover{ background: url(../../web_images/tab-homeComm.png) no-repeat 0 -81px; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuComm a{ background: url(../../web_images/tab-homeComm.png) no-repeat; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li div.menuComm a:hover{ background: url(../../web_images/tab-homeComm.png) no-repeat 0 -81px; width:320px; height:81px;}

/*.pagination li.current .menuWelcome { background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}
.pagination li.current .menuWelcome a{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px; text-indent:-9999px; display: block;}
.pagination li.current .menuWelcome a:hover{ background: url(../../web_images/menu-welcome-hover.jpg) no-repeat; width:226px; height:60px;}
*/

.pagination li.current .menuLibrary { background: url(../../web_images/tab-homeLibrary.png) no-repeat 0 -81px; width:320px; height:81px;}
.pagination li.current .menuLibrary a{ background: url(../../web_images/tab-homeLibrary.png) no-repeat 0 -81px; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li.current .menuLibrary a:hover{ background: url(../../web_images/tab-homeLibrary.png) no-repeat; width:320px; height:81px;}

.pagination li.current .menuMag { background: url(../../web_images/tab-homeMag.jpg) no-repeat 0 -81px; width:320px; height:81px;}
.pagination li.current .menuMag a{ background: url(../../web_images/tab-homeMag.jpg) no-repeat 0 -81px; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li.current .menuMag a:hover{ background: url(../../web_images/tab-homeMag.jpg) no-repeat; width:320px; height:81px;}

.pagination li.current .menuComm { background: url(../../web_images/tab-homeComm.png) no-repeat 0 -81px; width:320px; height:81px;}
.pagination li.current .menuComm a{ background: url(../../web_images/tab-homeComm.png) no-repeat 0 -81px; width:320px; height:81px; text-indent:-9999px; display: block;}
.pagination li.current .menuComm a:hover{ background: url(../../web_images/tab-homeComm.png) no-repeat; width:320px; height:81px;}

/* mag secondary */
#magSecondary{ background:#f4f4f4; width:640px; padding:10px; margin-top:1px;}
#magSecondary .magBlank{ padding-bottom:5px;}
#magSecondary .magSecDetail{ width:155px; margin-right:5px; float:left; overflow:hidden;}
#magSecondary .magSecDetail:hover{background:url(../../web_images/feature-tab-current.png) top right; color:#006699;}
#magSecondary .magSecDetail .magSecPic{ width:76px; height:56px; float:left; overflow:hidden;}
#magSecondary .magSecDetail .magSecText{font-size:10px; float:left; width:75px; overflow:hidden; margin-top:4px; margin-left:4px;}
#magSecondary .magSecDetail .magSecText a{font-size:10px; color:#555;}
#magSecondary .magSecDetail .magSecText a:hover{font-size:10px; color:#006699;}
#magSecondary .tltPreviousList{ background:url(../../web_images/bg-previousList.png) repeat-x; height:33px; margin-bottom:20px; width:640px;}
.lineMagSecondary{ margin-top:1px; border-top:#ebebeb solid 1px; width:660px; margin-bottom:10px;}

/* New Mag Column*/
.wrapColumnLeft{width:200px; float:left; overflow:hidden;}
.wrapColumnLeft .imgColumn{ width:200px; height:160px; background:#dbdbdb; margin-bottom:15px;}
.wrapColumnLeft .tltColumn{ color:#FF629D; font-size:12px; font-weight:bold; }
.wrapColumnLeft .tltColumn a{ color:#FF629D; font-size:12px; font-weight:bold;}
.wrapColumnLeft .tltColumn a:hover{ color:#f06; font-size:12px; font-weight:bold;}
.wrapColumnLeft .detailColumn{ color:#555; font-size:11px;margin:8px 0 25px 0;}
.wrapColumnLeft .detailColumn a{ color:#555;}
.wrapColumnLeft .detailColumn a:hover{color:#999;}
.wrapColumnLeft .detailColumn a,.wrapColumnLeft .detailColumn a:hover{font-size:11px;}
.wrapColumnLeft .detailColumn span{ color:#7CA500; font-size:10px; margin-left:5px;}

.wrapColumnMid{width:200px; float:left; overflow:hidden; margin:0 0 0 30px;}
.wrapColumnMid .imgColumn{ width:200px; height:160px; background:#dbdbdb;  margin-bottom:15px;}
.wrapColumnMid .tltColumn{ color:#FF629D; font-size:12px; font-weight:bold;}
.wrapColumnMid .tltColumn a{ color:#FF629D; font-size:12px; font-weight:bold;}
.wrapColumnMid .tltColumn a:hover{ color:#f06; font-size:12px; font-weight:bold;}
.wrapColumnMid .detailColumn{ color:#555; font-size:11px;margin:8px 0 25px 0;}
.wrapColumnMid .detailColumn a{ color:#555;}
.wrapColumnMid .detailColumn a:hover{color:#999;}
.wrapColumnMid .detailColumn a,.wrapColumnMid .detailColumn a:hover{font-size:11px;}
.wrapColumnMid .detailColumn span{ color:#7CA500; font-size:10px; margin-left:5px;}

.wrapColumnRight{width:200px; float:right; overflow:hidden; margin:0 0 0 20px;}
.wrapColumnRight .imgColumn{ width:200px; height:160px; background:#dbdbdb; margin-bottom:15px;}
.wrapColumnRight .tltColumn{ color:#FF629D; font-size:12px; font-weight:bold;}
.wrapColumnRight .tltColumn a{ color:#FF629D; font-size:12px; font-weight:bold;}
.wrapColumnRight .tltColumn a:hover{ color:#f06; font-size:12px; font-weight:bold;}
.wrapColumnRight .detailColumn{ color:#555; font-size:11px;margin:8px 0 25px 0;}
.wrapColumnRight .detailColumn a{ color:#555;}
.wrapColumnRight .detailColumn a:hover{color:#999;}
.wrapColumnRight .detailColumn a,.wrapColumnRight .detailColumn a:hover{font-size:11px;}
.wrapColumnRight .detailColumn span{ color:#7CA500; font-size:10px; margin-left:5px;}

.tabNewMag{ background:url(../../web_images/tab-NewMag.png) no-repeat; width:660px; height:46px; position:relative; margin-top:-15px; margin-bottom:15px;}
.tabNewMag .tltNewMag{ color:#FF629D; font-size:12px; font-weight:bold;position:absolute; top:0; left:0; margin-left:102px; margin-top:17px; width:550px; overflow:hidden;}
.tabNewMag .tltNewMag a{ color:#FF629D; font-size:12px; font-weight:bold;}
.tabNewMag .tltNewMag a:hover{ color:#f06; font-size:12px; font-weight:bold;}
.tabNewMag .tltNewMag span{color:#555; font-size:11px; margin-left:5px;}
.tabNewMag .tltNewMag span a{color:#555; font-size:11px!important; font-weight:normal!important;}
.tabNewMag .tltNewMag span a:hover{color:#999; font-size:11px!important; font-weight:normal!important;}
.tabNewMag .tltNewMag span p{ display:inline;}

.bigMore{ margin-top:20px;}
.bigMore a{background:url(../../web_images/bigMore.jpg) no-repeat;width:660; height:37px; text-indent:-9999px; display:block;}
.bigMore a:hover{background:url(../../web_images/bigMore.jpg) no-repeat 0 -37px;width:660; height:37px;}

.txtLogin{ margin-left:182px; margin-top:20px;}
.txtLogin a{ background:url(../../web_images/txtLogin.jpg) no-repeat 0 -65px; width:327px; height:65px; text-indent:-9999px;display:block; overflow:hidden;}
.txtLogin a:hover{ background:url(../../web_images/txtLogin.jpg) no-repeat; width:327px; height:65px;}

/*list mag*/
#wrapSubMag{ width:660px;}
#wrapSubMag .top{ background:url(../../web_images/tab-magTop.png) top no-repeat; width:660px; height:41px;}
#wrapSubMag .mid{background:#efefef url(../../web_images/tab-magMid.png) repeat-x; width:618px; padding:10px 20px 0; border-left:#dedede solid 1px; border-right:#dedede solid 1px; }

#wrapSubMag .mid .wrapMagColLeft{width:300px; padding:15px 0; float:left; margin-right:18px;}
#wrapSubMag .mid .wrapMagColLeft .pic{ width:70px; height:56px; float:left; margin-right:10px; overflow:hidden;}
#wrapSubMag .mid .wrapMagColLeft .pic img{ min-height:56px;}
#wrapSubMag .mid .wrapMagColLeft .detail{ width:220px; float:left; overflow:hidden;}
#wrapSubMag .mid .wrapMagColLeft .detail .head{ font-size:12px; color:#ff629d; font-weight:bold;}
#wrapSubMag .mid .wrapMagColLeft .detail .head a{font-size:12px; color:#ff629d; font-weight:bold;}
#wrapSubMag .mid .wrapMagColLeft .detail .head a:hover{font-size:12px; color:#f06; font-weight:bold;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail{ color:#555; font-size:11px; line-height:15px;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail a{ color:#555; font-size:11px;line-height:15px;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail a:hover{ color:#333; font-size:11px;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail span{ color:#81A90A; font-size:10px; padding-left:5px;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail span a{color:#81A90A; font-size:10px; text-decoration:underline;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail span a:hover{color:#81A90A; font-size:10px; text-decoration:none;}
#wrapSubMag .mid .wrapMagColLeft .detail .subDetail img{ padding:0 0 0 3px;}

#wrapSubMag .mid .wrapMagColRight{width:300px; padding:15px 0; float:left;}
#wrapSubMag .mid .wrapMagColRight .pic{ width:70px; height:56px; float:left; margin-right:10px; overflow:hidden;}
#wrapSubMag .mid .wrapMagColRight .pic img{ min-height:56px;}
#wrapSubMag .mid .wrapMagColRight .detail{ width:220px; float:left; overflow:hidden;}
#wrapSubMag .mid .wrapMagColRight .detail .head{ font-size:12px; color:#ff629d; font-weight:bold;}
#wrapSubMag .mid .wrapMagColRight .detail .head a{font-size:12px; color:#ff629d; font-weight:bold;}
#wrapSubMag .mid .wrapMagColRight .detail .head a:hover{font-size:12px; color:#f06; font-weight:bold;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail{ color:#555; font-size:11px; line-height:15px;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail a{ color:#555; font-size:11px;line-height:15px;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail a:hover{ color:#333; font-size:11px;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail span{ color:#81A90A; font-size:10px; padding-left:5px;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail span a{color:#81A90A; font-size:10px; text-decoration:underline;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail span a:hover{color:#81A90A; font-size:10px; text-decoration:none;}
#wrapSubMag .mid .wrapMagColRight .detail .subDetail img{ padding:0 0 0 3px;}

#wrapSubMag .bottom{background:url(../../web_images/tab-magBottom.png) no-repeat; width:660px; height:20px; margin-top:-10px;}


/*Add 08-02-2011*/
/*
.wrapIcon{ background:url(../../web_images/skoolmag2011/bannerIconMag.png) no-repeat; width:660px; height:79px; float:left;}
.wrapIcon:hover { background:url(../../web_images/skoolmag2011/bannerIconMag.png) no-repeat 0 -79px; width:660px; height:79px; display:block;}

.wrapMagBanner{ width:660px; overflow:hidden; margin:0 0 10px 0; float:left;}
.wrapMagBanner .col1{ float:left;}
.wrapMagBanner .col1 a{ background:url(../../web_images/skoolmag2011/menu-magBanner01.png) no-repeat; width:132px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col1 a:hover{ background:url(../../web_images/skoolmag2011/menu-magBanner01.png) no-repeat 0 -37px; width:132px; height:37px;}
.wrapMagBanner li.current .col1 a{ background:url(../../web_images/skoolmag2011/menu-magBanner01.png) no-repeat 0 -37px; width:132px; height:37px;}

.wrapMagBanner .col2{ float:left;}
.wrapMagBanner .col2 a{ background:url(../../web_images/skoolmag2011/menu-magBanner02.png) no-repeat; width:132px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col2 a:hover{ background:url(../../web_images/skoolmag2011/menu-magBanner02.png) no-repeat 0 -37px; width:132px; height:37px;}
.wrapMagBanner li.current .col2 a{ background:url(../../web_images/skoolmag2011/menu-magBanner02.png) no-repeat 0 -37px; width:132px; height:37px;}

.wrapMagBanner .col3{ float:left;}
.wrapMagBanner .col3 a{ background:url(../../web_images/skoolmag2011/menu-magBanner03.png) no-repeat; width:132px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col3 a:hover{ background:url(../../web_images/skoolmag2011/menu-magBanner03.png) no-repeat 0 -37px; width:132px; height:37px;}
.wrapMagBanner li.current .col3 a{ background:url(../../web_images/skoolmag2011/menu-magBanner03.png) no-repeat 0 -37px; width:132px; height:37px;}

.wrapMagBanner .col4{ float:left;}
.wrapMagBanner .col4 a{ background:url(../../web_images/skoolmag2011/menu-magBanner04.png) no-repeat; width:132px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col4 a:hover{ background:url(../../web_images/skoolmag2011/menu-magBanner04.png) no-repeat 0 -37px; width:132px; height:37px;}
.wrapMagBanner li.current .col4 a{ background:url(../../web_images/skoolmag2011/menu-magBanner04.png) no-repeat 0 -37px; width:132px; height:37px;}

.wrapMagBanner .col5{ float:left;}
.wrapMagBanner .col5 a{ background:url(../../web_images/skoolmag2011/menu-magBanner05.png) no-repeat; width:132px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col5 a:hover{ background:url(../../web_images/skoolmag2011/menu-magBanner05.png) no-repeat 0 -37px; width:132px; height:37px;}
.wrapMagBanner li.current .col5 a{ background:url(../../web_images/skoolmag2011/menu-magBanner05.png) no-repeat 0 -37px; width:132px; height:37px;}
*/

/*Add 08-02-2011*/
.wrapIcon{ background:url(../../web_images/skoolmag2011/bannerIconMag.png) no-repeat; width:660px; height:79px; float:left;}
.wrapIcon:hover { background:url(../../web_images/skoolmag2011/bannerIconMag.png) no-repeat 0 -79px; width:660px; height:79px; display:block;}

.wrapMagBanner{ width:660px; overflow:hidden; margin:0 0 10px 0; float:left;}
.wrapMagBanner .col1{ float:left;}
.wrapMagBanner .col1 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat 0 0; width:110px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col1 a:hover{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat 0 -37px; width:110px; height:37px;}
.wrapMagBanner li.current .col1 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat 0 -37px; width:110px; height:37px;}

.wrapMagBanner .col2{ float:left;}
.wrapMagBanner .col2 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -110px 0; width:110px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col2 a:hover{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -110px -37px; width:110px; height:37px;}
.wrapMagBanner li.current .col2 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -110px -37px; width:110px; height:37px;}

.wrapMagBanner .col3{ float:left;}
.wrapMagBanner .col3 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -220px 0; width:110px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col3 a:hover{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -220px -37px; width:110px; height:37px;}
.wrapMagBanner li.current .col3 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -220px  -37px; width:110px; height:37px;}

.wrapMagBanner .col4{ float:left;}
.wrapMagBanner .col4 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -330px 0; width:110px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col4 a:hover{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -330px -37px; width:110px; height:37px;}
.wrapMagBanner li.current .col4 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -330px -37px; width:110px; height:37px;}

.wrapMagBanner .col5{ float:left;}
.wrapMagBanner .col5 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -440px 0; width:110px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col5 a:hover{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -440px -37px; width:110px; height:37px;}
.wrapMagBanner li.current .col5 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -440px -37px; width:110px; height:37px;}

.wrapMagBanner .col6{ float:left;}
.wrapMagBanner .col6 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -550px 0; width:110px; height:37px; display:block; text-indent:-9999px;}
.wrapMagBanner .col6 a:hover{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -550px -37px; width:110px; height:37px;}
.wrapMagBanner li.current .col6 a{ background:url(../../web_images/skoolmag2011/tap_slide_skoolmag.png) no-repeat -550px -37px; width:110px; height:37px;}

/*wrapMoreGang*/

.wrapMoreGang .logoMoregang{ float:left; margin-left:34px;}
.wrapMoreGang .logoMoregang a{ background:url(../../web_images/moregang2011/logo_moregang.png) no-repeat; width:150px; height:141px; float:left;}
.wrapMoreGang .logoMoregang a:hover{ background:url(../../web_images/moregang2011/logo_moregang_on.png) no-repeat; width:150px; height:141px; float:left;}
.wrapMoreGang{ background:url(../../web_images/moregang2011/bg_moregang.png) no-repeat; float:left; width:660px; /*height:196px;*/ overflow:hidden; margin-bottom:10px;}
.wrapMoreGang .logoMoregang{ float:left; margin-left:34px;}
.wrapMoreGang .wrapnewsMg { width:415px; float:right;}
.wrapMoreGang .wrapnewsMg .boxNews{ width:375px; background:#FFF; padding:0 5px 0 5px; float:right; border:dashed 1px #0CF; margin:2px 40px 5px 0;}
.wrapMoreGang .wrapnewsMg .boxNews .img{ float:left; margin:5px 5px 5px 0; max-width:90px; max-height:100px; overflow:hidden;}
.wrapMoreGang .wrapnewsMg .boxNews .Hdetail a{ font-size:12px; font-weight:bold; color:#00adef; float:left; width:280px; overflow:hidden; padding:5px 0 3px 0;}
.wrapMoreGang .wrapnewsMg .boxNews .Hdetail a:hover{color:#0088bc;}
.wrapMoreGang .wrapnewsMg .boxNews .detail a{ font-size:12px; color:#6f6f6f; float:left; width:280px; overflow:hidden;}
.wrapMoreGang .wrapnewsMg .boxNews .detail a:hover{ color:#565656;}


/*wrapMvLibrary*/
.wrapMvLibrary{float:left; width:640px; overflow:hidden; margin-bottom:10px; background:url(../../web_images/mvlibrary/bg_dotmvUpadte.png) repeat; padding:0 10px 20px 10px;}
.wrapMvLibrary .headMvLibrary{ float:left; background:url(../../web_images/mvlibrary/header_mvLibrary.png) no-repeat; width:632px; height:32px; float:left;}
.wrapMvLibrary .detailMvLibrary{ float:left; width:630px; overflow:hidden; border:#ff89b8 solid 1px; background:#fff; padding:0 0 20px 0;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary{ float:left; padding:20px 0 0 0; margin:0 28px 0; border-bottom:#FF89B8 solid 1px; width:580px; position:relative;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .newRelease{ float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .newRelease a{ background:url(../../web_images/mvlibrary/mvLibrary_menuNewrelease.png) no-repeat; width:94px; height:24px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .newRelease a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_menuNewrelease.png) no-repeat 0 -24px; width:94px; height:24px;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .recomm{ float:left; margin:0 30px;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .recomm a{ background:url(../../web_images/mvlibrary/mvLibrary_menuRecomm.png) no-repeat; width:113px; height:24px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .recomm a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_menuRecomm.png) no-repeat 0 -24px; width:113px; height:24px;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .topHit{ float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .topHit a{ background:url(../../web_images/mvlibrary/mvLibrary_menuTopHit.png) no-repeat; width:57px; height:24px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .topHit a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_menuTopHit.png) no-repeat 0 -24px; width:57px; height:24px;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .newRelease a.current{float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .newRelease a.current, .wrapMvLibrary .detailMvLibrary .menuMvLibrary .newRelease_active a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_menuNewrelease.png) no-repeat 0 -24px; width:94px; height:24px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .recomm a.current{float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .recomm a.current, .wrapMvLibrary .detailMvLibrary .menuMvLibrary .recomm_active a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_menuRecomm.png) no-repeat 0 -24px; width:113px; height:24px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .topHit a.current{float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .topHit a.current, .wrapMvLibrary .detailMvLibrary .menuMvLibrary .topHit_active a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_menuTopHit.png) no-repeat 0 -24px; width:57px; height:24px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv{ position:absolute; bottom:0; right:0; margin:0 0 10px 0;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv .divInput{float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv .divInput .input{ border:#dbdbdb solid 1px; width:140px; margin:0 5px 0 0; padding:3px; color:#aaa;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv .divInput .inputs{ border:#dbdbdb solid 1px; width:62px; margin:0 5px 0 0; padding:3px; color:#aaa;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv .btn_input{float:left;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv .btn_input a{ background:url(../../web_images/mvlibrary/mvLibrary_search.png) no-repeat; width:20px; height:20px; text-indent:-9999px; display:block;}
.wrapMvLibrary .detailMvLibrary .menuMvLibrary .searchMv .btn_input a:hover{ background:url(../../web_images/mvlibrary/mvLibrary_search.png) no-repeat 0 -20px; width:20px; height:20px;}
.wrapMvLibrary .detailMvLibrary .row{ float:left;}
.wrapMvLibrary .detailMvLibrary .row .col{float:left; margin:20px 0 0 28px; width:124px; overflow:hidden;}
.wrapMvLibrary .detailMvLibrary .row .col .imgSong{ width:120px; height:90px; border:#ccc solid 2px; overflow:hidden; float:left;vertical-align: middle}
.wrapMvLibrary .detailMvLibrary .row .col .imgSong:hover{ border:#ff89b9 solid 2px; width:120px; height:90px; }
.wrapMvLibrary .detailMvLibrary .row .col .nameSong{ width:120px; overflow:hidden; float:left; font-size:12px; height:14px;line-height:14px; padding:3px 0 0 0;}
.wrapMvLibrary .detailMvLibrary .row .col .nameSong a{ color:#ff89b9; text-decoration:none;}
.wrapMvLibrary .detailMvLibrary .row .col .nameSong a:hover{ color:#ff89b9; text-decoration:underline;}
.wrapMvLibrary .detailMvLibrary .row .col .artistName{ background: url(../../web_images/mvlibrary/icon_mvStar.jpg) no-repeat 0 2px; font-size:11px; height:13px; line-height:13px; overflow:hidden; padding-left:12px;}
.wrapMvLibrary .detailMvLibrary .row .col .artistName a{ color:#1F1F1F; text-decoration:none;}
.wrapMvLibrary .detailMvLibrary .row .col .artistName a:hover{ color:#1F1F1F; text-decoration:underline;}


/*wrapHoros*/
.wrapHoros{ float:left; width:660px; overflow:hidden; margin-bottom:10px;}
.wrapHoros .row1{ float:left;}
.wrapHoros .row1 .col1{ float:left;}
.wrapHoros .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magHoros.png) no-repeat; width:219px; height:29px; text-indent:-9999px; display:block;}
.wrapHoros .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magHoros.png) no-repeat 0 -29px; width:219px; height:29px;}

.wrapHoros .row1 .col2{ float:left; background:url(../../web_images/skoolmag2011/tlt-magOnDay.png) no-repeat; width:224px; height:29px;}
.wrapHoros .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magOnDay.png) no-repeat; width:224px; height:29px; text-indent:-9999px; display:block;}
.wrapHoros .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magOnDay.png) no-repeat 0 -29px; width:224px; height:29px;}

.wrapHoros .row1 .col3{ float:left; background:url(../../web_images/skoolmag2011/tlt-magFree.png) no-repeat; width:217px; height:29px;}
.wrapHoros .row1 .col3 a{background:url(../../web_images/skoolmag2011/tlt-magFree.png) no-repeat; width:217px; height:29px; text-indent:-9999px; display:block;}
.wrapHoros .row1 .col3 a:hover{background:url(../../web_images/skoolmag2011/tlt-magFree.png) no-repeat 0 -29px; width:217px; height:29px;}

.wrapHoros .row2{ float:left; width:658px; overflow:hidden; border:#fcc75e solid 1px; border-top:none; position:relative;}
.wrapHoros .row2 .col1{ float:left; width:210px; overflow:hidden; padding:8px 0 10px 8px;}
.wrapHoros .row2 .col1 .pic{ float:left;/* max-width:200px; max-height:120px;*/ overflow:hidden;}
.wrapHoros .row2 .col1 .text{ float:left; width:200px; overflow:hidden; padding-top:5px; max-height:35px;}
.wrapHoros .row2 .col1 .text a{ font-size:13px; font-weight:700; color:#555;}
.wrapHoros .row2 .col1 .text a:hover{ font-size:13px; font-weight:700; color:#fbb937;}

.wrapHoros .row2 .col2{ float:left; border-right:#ccc dotted 1px; border-left:#ccc dotted 1px; width:200px; height:189px; overflow:hidden; padding:8px 11px 0;}
.wrapHoros .row2 .col2 .pic{ float:left; /*max-width:200px; max-height:120px;*/ overflow:hidden;}
.wrapHoros .row2 .col2 .text{ float:left; width:200px; overflow:hidden; padding-top:5px; max-height:35px;}
.wrapHoros .row2 .col2 .text a{ font-size:13px; font-weight:700; color:#555;}
.wrapHoros .row2 .col2 .text a:hover{ font-size:13px; font-weight:700; color:#fbb937;}

.wrapHoros .row2 .col3{ float:left; width:200px; overflow:hidden; padding:8px 0 10px 8px;}
.wrapHoros .row2 .col3 .pic{ float:left; /*max-width:200px; max-height:120px;*/ overflow:hidden;}
.wrapHoros .row2 .col3 .text{ float:left; width:200px; overflow:hidden; padding-top:5px; max-height:35px;}
.wrapHoros .row2 .col3 .text a{ font-size:13px; font-weight:700; color:#555;}
.wrapHoros .row2 .col3 .text a:hover{ font-size:13px; font-weight:700; color:#fbb937;}

.wrapHoros .row2 .all{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:0 8px 4px 0;}
.wrapHoros .row2 .all a{ color:#fbb937; font-size:11px; text-decoration:underline;}
.wrapHoros .row2 .all a:hover{ color:#fbb937; font-size:11px; text-decoration:none;}

/*wrapSkoolTalk*/
.wrapSkoolTalk{ float:left; width:660px; overflow:hidden;}
.wrapSkoolTalk .row1{ float:left;}
.wrapSkoolTalk .row1 .col1{ float:left;}
.wrapSkoolTalk .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magSkoolTalk.png) no-repeat; width:331px; height:29px; text-indent:-9999px; display:block;}
.wrapSkoolTalk .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magSkoolTalk.png) no-repeat 0 -29px; width:331px; height:29px;}
.wrapSkoolTalk .row1 .col2{ float:left;}
.wrapSkoolTalk .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magOpenEyes.png) no-repeat; width:329px; height:29px; text-indent:-9999px; display:block;}
.wrapSkoolTalk .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magOpenEyes.png) no-repeat 0 -29px; width:329px; height:29px;}

.wrapSkoolTalk .row2{ float:left; width:658px; overflow:hidden; border-left:#fc7474 solid 1px; border-right:#fc7474 solid 1px; position:relative;}
.wrapSkoolTalk .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapSkoolTalk .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolTalk .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapSkoolTalk .row2 .col1 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapSkoolTalk .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolTalk .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolTalk .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapSkoolTalk .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapSkoolTalk .row2 .col1 ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolTalk .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapSkoolTalk .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolTalk .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapSkoolTalk .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapSkoolTalk .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolTalk .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolTalk .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapSkoolTalk .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapSkoolTalk .row2 .col1Main ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolTalk .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapSkoolTalk .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolTalk .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapSkoolTalk .row2 .col2 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapSkoolTalk .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolTalk .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolTalk .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapSkoolTalk .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapSkoolTalk .row2 .col2 ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolTalk .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#ccc dotted 1px;}
.wrapSkoolTalk .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolTalk .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapSkoolTalk .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapSkoolTalk .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolTalk .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolTalk .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapSkoolTalk .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapSkoolTalk .row2 .col2Main ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolTalk .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapSkoolTalk .row2 .all1 a{ color:#FC7272; font-size:11px; text-decoration:underline;}
.wrapSkoolTalk .row2 .all1 a:hover{ color:#FC7272; font-size:11px; text-decoration:none;}

.wrapSkoolTalk .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapSkoolTalk .row2 .all2 a{ color:#FC7272; font-size:11px; text-decoration:underline;}
.wrapSkoolTalk .row2 .all2 a:hover{ color:#FC7272; font-size:11px; text-decoration:none;}

/*wrapSkoolIdol*/
.wrapSkoolIdol{ float:left; width:660px; overflow:hidden; margin-bottom:10px;}
.wrapSkoolIdol .row1{ float:left;}
.wrapSkoolIdol .row1 .col1{ float:left;}
.wrapSkoolIdol .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magIdol.png) no-repeat; width:331px; height:28px; text-indent:-9999px; display:block;}
.wrapSkoolIdol .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magIdol.png) no-repeat 0 -28px; width:331px; height:28px;}
.wrapSkoolIdol .row1 .col2{ float:left;}
.wrapSkoolIdol .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magAfter.png) no-repeat; width:329px; height:28px; text-indent:-9999px; display:block;}
.wrapSkoolIdol .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magAfter.png) no-repeat 0 -28px; width:329px; height:28px;}

.wrapSkoolIdol .row2{ float:left; width:658px; overflow:hidden; border:#fc7474 solid 1px; border-top:none; position:relative;}
.wrapSkoolIdol .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapSkoolIdol .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolIdol .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapSkoolIdol .row2 .col1 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapSkoolIdol .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolIdol .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolIdol .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapSkoolIdol .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapSkoolIdol .row2 .col1 ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolIdol .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapSkoolIdol .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolIdol .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapSkoolIdol .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapSkoolIdol .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolIdol .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolIdol .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapSkoolIdol .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapSkoolIdol .row2 .col1Main ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolIdol .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapSkoolIdol .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolIdol .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapSkoolIdol .row2 .col2 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapSkoolIdol .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolIdol .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolIdol .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapSkoolIdol .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapSkoolIdol .row2 .col2 ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolIdol .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#ccc dotted 1px;}
.wrapSkoolIdol .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapSkoolIdol .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapSkoolIdol .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapSkoolIdol .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapSkoolIdol .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#FC7272;}
.wrapSkoolIdol .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapSkoolIdol .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapSkoolIdol .row2 .col2Main ul li a:hover{font-size:11px; color:#FC7272;}

.wrapSkoolIdol .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapSkoolIdol .row2 .all1 a{ color:#FC7272; font-size:11px; text-decoration:underline;}
.wrapSkoolIdol .row2 .all1 a:hover{ color:#FC7272; font-size:11px; text-decoration:none;}

.wrapSkoolIdol .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapSkoolIdol .row2 .all2 a{ color:#FC7272; font-size:11px; text-decoration:underline;}
.wrapSkoolIdol .row2 .all2 a:hover{ color:#FC7272; font-size:11px; text-decoration:none;}

/*wrapDIY*/
.wrapDIY{ float:left; width:660px; overflow:hidden;}
.wrapDIY .row1{ float:left;}
.wrapDIY .row1 .col1{ float:left;}
.wrapDIY .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magDIY.png) no-repeat; width:331px; height:29px; text-indent:-9999px; display:block;}
.wrapDIY .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magDIY.png) no-repeat 0 -29px; width:331px; height:29px;}
.wrapDIY .row1 .col2{ float:left;}
.wrapDIY .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magTalent.png) no-repeat; width:329px; height:29px; text-indent:-9999px; display:block;}
.wrapDIY .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magTalent.png) no-repeat 0 -29px; width:329px; height:29px;}

.wrapDIY .row2{ float:left; width:658px; overflow:hidden; border-left:#7ed3d3 solid 1px; border-right:#7ed3d3 solid 1px; position:relative;}
.wrapDIY .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapDIY .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapDIY .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapDIY .row2 .col1 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapDIY .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapDIY .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapDIY .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapDIY .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapDIY .row2 .col1 ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapDIY .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapDIY .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapDIY .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapDIY .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapDIY .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapDIY .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapDIY .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapDIY .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapDIY .row2 .col1Main ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapDIY .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapDIY .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapDIY .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapDIY .row2 .col2 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapDIY .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapDIY .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapDIY .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapDIY .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapDIY .row2 .col2 ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapDIY .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#ccc dotted 1px;}
.wrapDIY .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapDIY .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapDIY .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapDIY .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapDIY .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapDIY .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapDIY .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapDIY .row2 .col2Main ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapDIY .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapDIY .row2 .all1 a{ color:#58c6c6; font-size:11px; text-decoration:underline;}
.wrapDIY .row2 .all1 a:hover{ color:#58c6c6; font-size:11px; text-decoration:none;}

.wrapDIY .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapDIY .row2 .all2 a{ color:#58c6c6; font-size:11px; text-decoration:underline;}
.wrapDIY .row2 .all2 a:hover{ color:#58c6c6; font-size:11px; text-decoration:none;}

/*wrapToon*/
.wrapToon{ float:left; width:660px; overflow:hidden; margin-bottom:10px;}
.wrapToon .row1{ float:left;}
.wrapToon .row1 .col1{ float:left;}
.wrapToon .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magToon.png) no-repeat; width:331px; height:28px; text-indent:-9999px; display:block;}
.wrapToon .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magToon.png) no-repeat 0 -28px; width:331px; height:28px;}
.wrapToon .row1 .col2{ float:left;}
.wrapToon .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magRec.png) no-repeat; width:329px; height:28px; text-indent:-9999px; display:block;}
.wrapToon .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magRec.png) no-repeat 0 -28px; width:329px; height:28px;}

.wrapToon .row2{ float:left; width:658px; overflow:hidden; border:#7ed3d3 solid 1px; border-top:none; position:relative;}
.wrapToon .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapToon .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapToon .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapToon .row2 .col1 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapToon .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapToon .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapToon .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapToon .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapToon .row2 .col1 ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapToon .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapToon .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapToon .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapToon .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapToon .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapToon .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapToon .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapToon .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapToon .row2 .col1Main ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapToon .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapToon .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapToon .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapToon .row2 .col2 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapToon .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapToon .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapToon .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapToon .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapToon .row2 .col2 ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapToon .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#ccc dotted 1px;}
.wrapToon .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapToon .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapToon .row2 .col2Main ul li.first { padding:5px 0;max-height:32px; overflow:hidden;}
.wrapToon .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapToon .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#58c6c6;}
.wrapToon .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapToon .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapToon .row2 .col2Main ul li a:hover{font-size:11px; color:#58c6c6;}

.wrapToon .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapToon .row2 .all1 a{ color:#58c6c6; font-size:11px; text-decoration:underline;}
.wrapToon .row2 .all1 a:hover{ color:#58c6c6; font-size:11px; text-decoration:none;}

.wrapToon .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapToon .row2 .all2 a{ color:#58c6c6; font-size:11px; text-decoration:underline;}
.wrapToon .row2 .all2 a:hover{ color:#58c6c6; font-size:11px; text-decoration:none;}

/*wrapNews*/
.wrapNews{ float:left; width:660px; overflow:hidden; margin-bottom:10px;}
.wrapNews .row1{ float:left;}
.wrapNews .row1 .col1{ float:left;}
.wrapNews .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magNews.png) no-repeat; width:331px; height:29px; text-indent:-9999px; display:block;}
.wrapNews .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magNews.png) no-repeat 0 -29px; width:331px; height:29px;}
.wrapNews .row1 .col2{ float:left;}
.wrapNews .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magHello.png) no-repeat; width:329px; height:29px; text-indent:-9999px; display:block;}
.wrapNews .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magHello.png) no-repeat 0 -29px; width:329px; height:29px;}

.wrapNews .row2{ float:left; width:658px; overflow:hidden; border:#f198bf solid 1px; border-top:none; position:relative;}
.wrapNews .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapNews .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapNews .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapNews .row2 .col1 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapNews .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapNews .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#ed7bad;}
.wrapNews .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapNews .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapNews .row2 .col1 ul li a:hover{font-size:11px; color:#ed7bad;}

.wrapNews .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapNews .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapNews .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapNews .row2 .col1Main ul li.first { padding:5px 0;max-height:32px; overflow:hidden;}
.wrapNews .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapNews .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#ed7bad;}
.wrapNews .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapNews .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapNews .row2 .col1Main ul li a:hover{font-size:11px; color:#ed7bad;}

.wrapNews .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapNews .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapNews .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapNews .row2 .col2 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapNews .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapNews .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#ed7bad;}
.wrapNews .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapNews .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapNews .row2 .col2 ul li a:hover{font-size:11px; color:#ed7bad;}

.wrapNews .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#ccc dotted 1px;}
.wrapNews .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapNews .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapNews .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapNews .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapNews .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#ed7bad;}
.wrapNews .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapNews .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapNews .row2 .col2Main ul li a:hover{font-size:11px; color:#ed7bad;}

.wrapNews .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapNews .row2 .all1 a{ color:#ed7bad; font-size:11px; text-decoration:underline;}
.wrapNews .row2 .all1 a:hover{ color:#ed7bad; font-size:11px; text-decoration:none;}

.wrapNews .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapNews .row2 .all2 a{ color:#ed7bad; font-size:11px; text-decoration:underline;}
.wrapNews .row2 .all2 a:hover{ color:#ed7bad; font-size:11px; text-decoration:none;}

/*wrapIT*/
.wrapIT{ float:left; width:660px; overflow:hidden; margin-bottom:10px;}
.wrapIT .row1{ float:left;}
.wrapIT .row1 .col1{ float:left;}
.wrapIT .row1 .col1 a{background:url(../../web_images/skoolmag2011/tlt-magIT.png) no-repeat; width:331px; height:29px; text-indent:-9999px; display:block;}
.wrapIT .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magIT.png) no-repeat 0 -29px; width:331px; height:29px;}
.wrapIT .row1 .col2{ float:left;}
.wrapIT .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magFree2.png) no-repeat; width:329px; height:29px; text-indent:-9999px; display:block;}
.wrapIT .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magFree2.png) no-repeat 0 -29px; width:329px; height:29px;}

.wrapIT .row2{ float:left; width:658px; overflow:hidden; border:#6fa2e0 solid 1px; border-top:none; position:relative;}
.wrapIT .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapIT .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapIT .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapIT .row2 .col1 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapIT .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapIT .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#4587d7;}
.wrapIT .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapIT .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapIT .row2 .col1 ul li a:hover{font-size:11px; color:#4587d7;}

.wrapIT .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapIT .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapIT .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapIT .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapIT .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapIT .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#4587D7;}
.wrapIT .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapIT .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapIT .row2 .col1Main ul li a:hover{font-size:11px; color:#4587D7;}

.wrapIT .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapIT .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapIT .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapIT .row2 .col2 ul li.first { padding:5px 0;/*max-height:14px;*/ overflow:hidden;}
.wrapIT .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapIT .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#4587d7;}
.wrapIT .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapIT .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapIT .row2 .col2 ul li a:hover{font-size:11px; color:#4587d7;}

.wrapIT .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#ccc dotted 1px;}
.wrapIT .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapIT .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapIT .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapIT .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapIT .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#4587D7;}
.wrapIT .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapIT .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapIT .row2 .col2Main ul li a:hover{font-size:11px; color:#4587D7;}

.wrapIT .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapIT .row2 .all1 a{ color:#4587d7; font-size:11px; text-decoration:underline;}
.wrapIT .row2 .all1 a:hover{ color:#4587d7; font-size:11px; text-decoration:none;}

.wrapIT .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapIT .row2 .all2 a{ color:#4587d7; font-size:11px; text-decoration:underline;}
.wrapIT .row2 .all2 a:hover{ color:#4587d7; font-size:11px; text-decoration:none;}

/*wrap1000R Clip*/
.wrapClip{ float:left; width:660px; overflow:hidden;}
.wrapClip .row1{ float:left;}
.wrapClip .row1 .col1{ float:left;}
.wrapClip .row1 .col1 a{background: url(../../web_images/skoolmag2011/tlt-magIdol1000R.png) no-repeat; width:331px; height:29px; text-indent:-9999px; display:block;}
.wrapClip .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magIdol1000R.png) no-repeat 0 -29px; width:331px; height:29px;}
.wrapClip .row1 .col2{ float:left;}
.wrapClip .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magClip1000R.png) no-repeat; width:329px; height:29px; text-indent:-9999px; display:block;}
.wrapClip .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magClip1000R.png) no-repeat 0 -29px; width:329px; height:29px;}

.wrapClip .row2{ float:left; width:658px; overflow:hidden; border-left:#e50f20 solid 1px; border-right:#e50f20 solid 1px; position:relative;}
.wrapClip .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapClip .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapClip .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapClip .row2 .col1 ul li.first { padding:5px 0;max-height:14px; overflow:hidden;}
.wrapClip .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapClip .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapClip .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapClip .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapClip .row2 .col1 ul li a:hover{font-size:11px; color:#e50f20;}

.wrapClip .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapClip .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapClip .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapClip .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapClip .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapClip .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapClip .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapClip .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapClip .row2 .col1Main ul li a:hover{font-size:11px; color:#e50f20;}

.wrapClip .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapClip .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapClip .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapClip .row2 .col2 ul li.first { padding:5px 0; overflow:hidden;}
.wrapClip .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapClip .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapClip .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapClip .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapClip .row2 .col2 ul li a:hover{font-size:11px; color:#e50f20;}

.wrapClip .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapClip .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapClip .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapClip .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapClip .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapClip .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapClip .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapClip .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapClip .row2 .col2Main ul li a:hover{font-size:11px; color:#e50f20;}

.wrapClip .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapClip .row2 .all1 a{ color:#e50f20; font-size:11px; text-decoration:underline;}
.wrapClip .row2 .all1 a:hover{ color:#e50f20; font-size:11px; text-decoration:none;}

.wrapClip .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapClip .row2 .all2 a{ color:#e50f20; font-size:11px; text-decoration:underline;}
.wrapClip .row2 .all2 a:hover{ color:#e50f20; font-size:11px; text-decoration:none;}

/*wrap1000R Project*/
.wrapProject{ float:left; width:660px; overflow:hidden;}
.wrapProject .row1{ float:left;}
.wrapProject .row1 .col1{ float:left;}
.wrapProject .row1 .col1 a{background: url(../../web_images/skoolmag2011/tlt-magProject1000R.png) no-repeat; width:331px; height:28px; text-indent:-9999px; display:block;}
.wrapProject .row1 .col1 a:hover{background:url(../../web_images/skoolmag2011/tlt-magProject1000R.png) no-repeat 0 -28px; width:331px; height:28px;}
.wrapProject .row1 .col2{ float:left;}
.wrapProject .row1 .col2 a{background:url(../../web_images/skoolmag2011/tlt-magQ&A1000R.png) no-repeat; width:329px; height:28px; text-indent:-9999px; display:block;}
.wrapProject .row1 .col2 a:hover{background:url(../../web_images/skoolmag2011/tlt-magQ&A1000R.png) no-repeat 0 -28px; width:329px; height:28px;}

.wrapProject .row2{  float:left; width:658px; overflow:hidden; border:#e50f20 solid 1px; border-top:none; position:relative;}
.wrapProject .row2 .col1{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapProject .row2 .col1 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapProject .row2 .col1 ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapProject .row2 .col1 ul li.first { padding:5px 0;max-height:14px; overflow:hidden;}
.wrapProject .row2 .col1 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapProject .row2 .col1 ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapProject .row2 .col1 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapProject .row2 .col1 ul li a{font-size:11px; color:#555;}
.wrapProject .row2 .col1 ul li a:hover{font-size:11px; color:#e50f20;}

.wrapProject .row2 .col1Main{ float:left; width:314px; overflow:hidden; padding:8px 8px 20px;}
.wrapProject .row2 .col1Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapProject .row2 .col1Main ul {float:left; list-style:none; width:215px; margin-left:8px;}
.wrapProject .row2 .col1Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapProject .row2 .col1Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapProject .row2 .col1Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapProject .row2 .col1Main ul li{max-height:30px; overflow:hidden;}
.wrapProject .row2 .col1Main ul li a{font-size:11px; color:#888;}
.wrapProject .row2 .col1Main ul li a:hover{font-size:11px; color:#e50f20;}

.wrapProject .row2 .col2{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapProject .row2 .col2 .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapProject .row2 .col2 ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapProject .row2 .col2 ul li.first { padding:5px 0; overflow:hidden;}
.wrapProject .row2 .col2 ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapProject .row2 .col2 ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapProject .row2 .col2 ul li{border-bottom:#ebebeb solid 1px; padding:5px 0;}
.wrapProject .row2 .col2 ul li a{font-size:11px; color:#555;}
.wrapProject .row2 .col2 ul li a:hover{font-size:11px; color:#e50f20;}

.wrapProject .row2 .col2Main{ float:left; width:311px; overflow:hidden; padding:8px 8px 20px 8px; border-left:#555 dotted 1px;}
.wrapProject .row2 .col2Main .pic{ float:left; max-width:90px; max-height:100px; overflow:hidden;}
.wrapProject .row2 .col2Main ul {float:left; list-style:none; width:210px; margin-left:8px;}
.wrapProject .row2 .col2Main ul li.first { padding:5px 0; overflow:hidden;}
.wrapProject .row2 .col2Main ul li.first a{ font-size:13px; font-weight:700; color:#555;}
.wrapProject .row2 .col2Main ul li.first a:hover{ font-size:13px; font-weight:700; color:#e50f20;}
.wrapProject .row2 .col2Main ul li{max-height:30px; overflow:hidden;}
.wrapProject .row2 .col2Main ul li a{font-size:11px; color:#888;}
.wrapProject .row2 .col2Main ul li a:hover{font-size:11px; color:#e50f20;}

.wrapProject .row2 .all1{ position:absolute; display:block; bottom:0; left:0; font-size:11px; color:#555;  padding:10px 0 4px 8px; margin-left:258px;}
.wrapProject .row2 .all1 a{ color:#e50f20; font-size:11px; text-decoration:underline;}
.wrapProject .row2 .all1 a:hover{ color:#e50f20; font-size:11px; text-decoration:none;}

.wrapProject .row2 .all2{ position:absolute; display:block; bottom:0; right:0; font-size:11px; color:#555;  padding:10px 8px 4px 0;}
.wrapProject .row2 .all2 a{ color:#e50f20; font-size:11px; text-decoration:underline;}
.wrapProject .row2 .all2 a:hover{ color:#e50f20; font-size:11px; text-decoration:none;}

/*wrapMvUpdate*/
.wrapMvUpdate{float:left; width:640px; overflow:hidden; margin-bottom:10px; margin-top:15px; background:url(../../web_images/skoolmag2011/bg_dotmvUpadte.png) repeat; padding:5px 10px;}
.wrapMvUpdate .col1{ float:left; background:url(../../web_images/skoolmag2011/bg_mvUpdate.png) no-repeat; width:200px; height:161px; position:relative;}
.wrapMvUpdate .col1 .imgMvUpdate{ position:absolute; display:block; top:0; left:0; margin:36px 0 0 12px;}
.wrapMvUpdate .col1 .btnMvUpdate{ position:absolute; display:block; bottom:0; left:0; margin:0 0 3px 55px; background:url(../../web_images/skoolmag2011/btn_mvUpdate.png) no-repeat; width:63px; height:22px;}
.wrapMvUpdate .col1 .btnMvUpdate a{ background:url(../../web_images/skoolmag2011/btn_mvUpdate.png) no-repeat; width:63px; height:22px; text-indent:-9999px; display:block;}
.wrapMvUpdate .col1 .btnMvUpdate a:hover{ background:url(../../web_images/skoolmag2011/btn_mvUpdate.png) no-repeat 0 -22px; width:63px; height:22px;}
.wrapMvUpdate .col2{ float:left; margin:0 0 0 10px; width:420px; overflow:hidden;}
.wrapMvUpdate .col2 .title{ float:left; padding:0 5px; background:#fff; margin:22px 0 0 5px;}
.wrapMvUpdate .col2 .title a { color:#ff88b7; font-size:22px;}
.wrapMvUpdate .col2 .title a:hover{ color:#ff66a4; font-size:22px;}
.wrapMvUpdate .col2 .title span{ font-size:16px;}
.wrapMvUpdate .col2 .text{ float:left; padding:5px; background:#fff; margin:0 0 0 5px;}
.wrapMvUpdate .col2 .text a{color:#555; font-size:12px;}
.wrapMvUpdate .col2 .text a:hover{color:#ff66a4; font-size:12px;}
.wrapMvUpdate .col2 .all{float:right; padding:10px 10px; font-size:11px; color:#555;}
.wrapMvUpdate .col2 .all a{color:#ff66a4; text-decoration:underline;}
.wrapMvUpdate .col2 .all a:hover{color:#ff66a4; text-decoration:none;}
