/*
 * feature.css
 * ==================================================================
 * copyright (C) iG-interactive sdn. bhd.
 * website: www.ig-interactive.com
 * ------------------------------------------------------------------
 * Feature style sheet
 * ==================================================================
*/

.feature {
	width:779px;
	border:0px solid black;
}

.feature .feature_1 {
	width:779px;
	height:77px;
	background:url('../images/feature/feature_top.jpg') no-repeat;
}

.feature .feature_2 {
	border:0px solid green;
	overflow:hidden;
}

.feature_2 .feature_2_1 {
	width:20px;
	height:100%;
	background:url('../images/feature/feature_mid_left.gif');
	float:left;
}

.feature_2 .feature_2_3 {
	width:20px;
	height:100%;
	background:url('../images/feature/feature_mid_right.gif');
	float:left;
}

.feature_2 .feature_2_2 {
	width:739px;
	height:100%;
	border:0px solid black;
	float:left;
}

.feature_2_2 .feature_2_2_1 {
	width:385px;
	height:100%;
	float:left;
	background-color:#D3D3D3;
}

.feature_2_2_1 .feature_2_2_1_1 {
	width:100%;
	height:35px;
	border:0px solid blue;
}

.feature_2_2_1_1 .btn_1_a {
	width:140px;
	height:35px;
	background:url('../images/feature/feature_btn_1_a.jpg') no-repeat;
	float:left;
	cursor:pointer;
}

.feature_2_2_1_1 .btn_1_b {
	width:140px;
	height:35px;
	background:url('../images/feature/feature_btn_1_b.jpg') no-repeat;
	float:left;
	cursor:pointer;
}

.feature_2_2_1_1 .btn_2_a {
	width:135px;
	height:35px;
	background:url('../images/feature/feature_btn_2_a.jpg') no-repeat;
	float:left;
	cursor:pointer;
}

.feature_2_2_1_1 .btn_2_b {
	width:135px;
	height:35px;
	background:url('../images/feature/feature_btn_2_b.jpg') no-repeat;
	float:left;
	cursor:pointer;
}

.feature_2_2_1_1 .btn_3_a {
	width:110px;
	height:35px;
	background:url('../images/feature/feature_btn_3_a.jpg') no-repeat;
	float:left;
	cursor:pointer;
}

.feature_2_2_1_1 .btn_3_b {
	width:110px;
	height:35px;
	background:url('../images/feature/feature_btn_3_b.jpg') no-repeat;
	float:left;
	cursor:pointer;
}

.feature_2_2_1 .feature_2_2_1_2 {
	height:520px;
	border:0px solid black;
	overflow:auto;
}

.feature_2_2_1_2 .feature_2_2_1_2_1 {
	padding:5px;
	border:0px solid black;
}

.feature_2_2_1_2_1 .feature_newsbox {
	width:100%;
	height:40px
}

.feature_2_2_1 .feature_2_2_1_3 {
	height:35px;
	border:0px solid blue;
	font:11pt arial;
	font-weight:bold;
}

.feature_newsbox .feature_newsbox_icon {
	float:left;
	border:0px solid black;
}

.feature_newsbox .feature_newsbox_title {
	width:170px;
	float:left;
	border:0px solid black;
	margin-left:10px;
	padding-top:5px;
	text-align:left;
}

.feature_newsbox .feature_newsbox_datetime {
	float:right;
	border:0px solid black;
	padding-top:5px;
}


.feature_2_2_1_2_1 .feature_newsbox2 {
	width:100%;
	height:50px
}

.feature_newsbox2 .feature_newsbox2_icon {
	float:left;
	border:0px solid black;
}

.feature_newsbox2 .feature_newsbox2_title {
	width:170px;
	float:left;
	border:0px solid black;
	margin-left:10px;
	padding-top:5px;
	text-align:left;
}

.feature_newsbox2 .feature_newsbox2_datetime {
	float:right;
	border:0px solid black;
	padding-top:5px;
}


.feature_2_2 .feature_2_2_2 {
	width:15px;
	height:100%;
	float:left;
	background-color:#D3D3D3;
	
}

.feature_2_2 .feature_2_2_3 {
	width:339px;
	height:100%;
	float:left;
	background:url('../images/feature/feature_content_right_bg.gif');
}

.feature_2_2_3 .feature_2_2_3_1 {
	border:0px solid blue;
	margin:2px 0px 2px 0px;
	float:right;
	position:relative;
	right:20px;
}

.feature .feature_3 {
	width:100%;
	height:28px;
	background:url('../images/feature/feature_mid_bottom.jpg') no-repeat;
}

.feature .feature_4 {
	height:38px;
	background:url('../images/feature/feature_bottom.jpg') no-repeat;
}