#introducePageContainer{
	width:100%;
	
	.nav-tabs{
		border-bottom: 1px solid #cccccc;
	}

	.nav-tabs>li.active>a{
		color:#ffffff;
		background-color:#336699;
		cursor:default;

		&:hover{
			background-color:#336699;
			color:#ffffff;	
		}	
	}

	.nav-tabs>li>a{
		background-color:#cccccc;
		cursor:pointer;
		color:#336699;
				
		&:hover{
			background-color:#bbbbbb;
			color:#336699;	
		}	
	}

	.tabContainer{
		width:100%;
		
		.newsItemContainer{
			width:100%;
			float:left;
			margin-top:10px;

			.sectionTopBar{
				width:100%;
				background-color:#003366;
				height:3px;
				float:left;
			}

			.sectionBottomBar{
				width:100%;
				height:0px;
				border-bottom-style:dashed;
				border-bottom-color:#003366;
				border-bottom-width:1px;
				margin-top:10px;
				float:left;	
				margin-bottom:10px;
			}

			.sectionContent{
				width:100%;
				padding-top:10px;
				padding-left:20px;
				padding-right:20px;
				float:left;

				.titleBar{
					width:100%;
					font-size:1.6em;
					float:left;

					.newsTitle{
						color:#336699;
						float:left;
						font-weight:bold;
					}

					.newsDate{
						float:right;
						color:#FF9900;
					}
				}
			
				.content{
					width:100%;
					padding-top:10px;
					font-size:1.4em;
					line-height:30px;
					float:left;
					
					.imgContent{
						float:left;

						img{
							float:left;
							width:400px;
							margin-top:10px;
							margin-right:20px;
							height:200px;
						}	
					}

					.textContent{
						float:left; 
						width:420px;
						position:relative; 
						height:210px;

						.text{
							width:100%; 
							height:160px;
							overflow:hidden
						}

						.more{
							position:absolute; 
							bottom:0px; 
							right:0px;
							color:#336699;
							cursor:pointer;

							&:hover{
								color:#FF9900;
							}
						}
					}
					
				}	
			}
		}
	}
}