@charset "utf-8";

/**************************************
	URL       : http://cyberstep.com/kdj/
	Copyright : CyberStep
	Name      : about.css
	Ver       : 1.0
	file      : about
**************************************/

/* index ---------------------------------
--------------------------------- index */

/* ==========================================
	Contents
========================================== */
/*h2 {
	background: url(../../../common/images/about/sprite_about.png) 0px 0px no-repeat;
}*/

/* Button */
.btn {
	background-color: #00174D;
}
.btn:hover {
	background-color: #004DFF;
}

.bg_category {
	background-image: url(../../../common/images/bg_sprite.png);
	background-position: 0px bottom;
}

/* ==========================================
	Features
========================================== */
article {
	float: left;
	display: inline;
	width: 375px;
	height: 570px;
	padding: 35px 50px;
}
	article p {
		width: 375px;
		margin-top: 10px;
	}
#synthe,
#wire {
	background: url(../../images/about/bg_frame_features_top.png) left top no-repeat;
}
#smartbook,
#operate {
	height: 305px;
	padding-top: 150px;
	background: url(../../images/about/bg_frame_features_bottom.png) left bottom no-repeat;
}

figure {
	position: absolute;
	top: 200px;
	left: 0px;
}

#smartbook ul {
	display: inline-block;
	margin: 0px auto;
}
	#smartbook li {
		width: 90px;
		height: 100px;
		background-image: url(../../images/about/sprite_about.png);
		background-repeat: no-repeat;
	}
	#smartbook .icon_inch		{ background-position:    0px -94px; }
	#smartbook .icon_intel		{ background-position:  -90px -94px; }
	#smartbook .icon_ddr2		{ background-position: -180px -94px; }
	#smartbook .icon_battery	{ background-position: -270px -94px; }
	#smartbook .icon_meego		{ background-position: -360px -94px; }
	#smartbook .icon_usb		{ background-position: -450px -94px; }
	#smartbook .icon_wlan		{ background-position: -540px -94px; }
	#smartbook .icon_microsd	{ background-position: -630px -94px; }

#operate ul {
	width: 335px;
	margin: 0px auto;
}
	#operate li {
		width: 105px;
		height: 20px;
		padding-top: 80px;
		background-image: url(../../images/about/sprite_about.png);
		background-repeat: no-repeat;
		text-align: center;
	}
	#operate .icon_touchpanel	{ background-position:    0px -199px; }
	#operate .icon_dial			{ background-position: -105px -199px; }
	#operate .icon_sampling		{ background-position: -210px -199px; }
	#operate .icon_keypad		{
		width: 335px;
		height: 20px;
		padding-top: 85px;
		background-position: -315px -194px;
	}

/* Button */
.btn {
	background-color: #800000;
}
.btn:hover {
	background-color: #FF0000;
}

/* ==========================================
	Features
========================================== */
#body_features #contents {
	width: 960px;
	padding: 0px;
	background: none;
	border: none;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie */
}

/* ==========================================
	Specification
========================================== */
#body_specification #contents h4 {
	padding-left: 5px;
	border-left: 5px solid #800000;
}
#body_specification table th {
	background-color: #800000;
}