/* import styles
   ------------- */
@import url("base.css");


/* Index
   ----- */

.product_first {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.main_mid {
	width: 90%;
	padding: 0px;
	margin-left: 48px;
}

.product_list {
	float: left;
	width: 665px;
}


.main_prod {
	float: left;
	padding: 0;
	margin: 0 10px;
	width: 180px;
}

.main_prod .pic {
	height: 99px;
}

.main_prod .title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}
	.main_prod .title .product_name {
		color: #000;
	}
	.main_prod .title .product_cat {
		color: #055b7e;
	}

.main_prod .desc {
	margin-top: 8px;
	height: 55px;
	overflow:hidden;
}

.main_prod .watch {
	margin-top: 8px;
	float: right;
	font-weight: bold;
}

.main_prod .watch A {
	color: #055b7e;
	text-decoration: none;
	padding-right: 10px;
	background: url('../images/key_red.gif') right no-repeat;
}

.pro_mid_box {
	float: left;
	background: url('../images/bg_pro_mid_01.jpg') no-repeat;
	min-height: 172px;	
	_height: 172px;
	width: 3px;
}

.documents {
	float: right;
}

.documents .products {
	width: 200px;
	color: #fff;
	font-size: 14px;
	background: #000;
	padding: 20px 0 20px 15px;
}

	.documents .products UL {
		margin: 0px;
		padding: 10px 15px 0 0;
		white-space: nowrap;
	}

		.documents .products UL LI {
			border-top: 1px #656565 solid;
			padding: 4px 0 4px 0;
			list-style-type: none;
		}

		.documents .products A {
			font-size: 12px;
			padding-left: 35px;
			background: url('../images/key_default.gif') 12px 0px no-repeat;
			text-decoration: none;
		}

		.documents .products A.odd {
			color: #fff;
		}

		.documents .products A.even {
			color: #fff;
			/*color: #4D97BD;
			#055b7e;*/
		}

.documents .other {
	width: 200px;
	color: #fff;
	border-left: 1px #c6c6c6 solid;
	padding-left: 10px;
	padding: 0 0 5px 15px;
}

	.documents .other UL{
		margin: 0px;
		padding: 10px 15px 0 0;
		white-space: nowrap;
	}

		.documents .other UL LI {
			padding: 5px 0 5px 0;
			list-style-type: none;
		}

		.documents .other A {
			font-size: 13px;
			color: #003266;
			padding-left: 22px;
			background: url('../images/key_blue.gif') 12px 5px no-repeat;
			text-decoration: none;
		}

/* Doc
   --- */

.main_doc {
/*	width: 100%;*/
	float: left;
	padding: 0 20px 0 20px;
	overflow:hidden;
}

.main_right {
	float: right; 
	width: 200px; 
	_height: 460px; 
	min-height: 460px; 
	background: #ebebeb;
	margin-right: 10px;
}

	.main_right .rightmenu {
		background: #000;
		color: #fff;
		font-size: 14px;
		padding: 20px 0 20px 15px;
	}

	.rightmenu UL {
		margin: 0px;
		padding: 10px 15px 0 0;
		white-space: nowrap;
	}

		.rightmenu UL LI {
			border-top: 1px #656565 solid;
			padding: 5px 0 5px 0;
			list-style-type: none;
		}

		.rightmenu A {
			font-size: 12px;
			text-decoration: none;
			padding-left: 35px;
			background: url('../images/key_default.gif') 15px 0px no-repeat;
			/*color: #686868;*/
			color: #fff;
		}

		.rightmenu A.select {		
			/*color: #055b7e;*/
			color: #00BDF4;
		}

		.rightmenu A.About {
			background: url('../images/key_about.gif') 15px 0px no-repeat;
		}
		.rightmenu A.Contact {
			background: url('../images/key_contact.gif') 15px 0px no-repeat;
		}
		.rightmenu A.Investor {
			background: url('../images/key_investor.gif') 15px 0px no-repeat;
		}
		.rightmenu A.FAQ {
			background: url('../images/key_question.gif') 15px 0px no-repeat;
		}
		.rightmenu A.Customer {
			background: url('../images/key_service.gif') 15px 2px no-repeat;
		}
		.rightmenu A.NP-iTECH {
			background: url('../images/key_np.gif') 15px 0px no-repeat;
		}
		.rightmenu A.Learning {
			background: url('../images/key_search.gif') 15px 0px no-repeat;
		}
		.rightmenu A.Graphic {
			background: url('../images/key_gd.gif') 15px 0px no-repeat;
		}

	.main_right .rightmiddle {
		height: 20px;
		background-color: #d1d1d1;
	}

	.main_right .rightbottom {
		height: 180px;
		background-color: #ebebeb;
	}



/* FAQ
   --- */

.faqList dt {
	font-weight: bold;
	margin-top: 20px;
	padding-left: 30px;
	height: 20px;
	background: url('../images/q.gif') no-repeat;
	color:#055b7e;
}
	
.faqList dd {
	margin-left: 0px;
	margin-top: 5px;
	padding-left: 30px;
	background: url('../images/a.gif') no-repeat;
}


/* Products
   -------- */
.prod_banner {
	margin-bottom: 30px;
}

.main_right .prodcatTree {
	background: #000;
	padding: 20px 0 20px 15px;
}

.prodcatTree A.allProd {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.prodcatTree dl {
	border-top: 1px #656565 solid;
	padding-top: 5px;
	margin: 5px 0 15px 0;
}

.prodcatTree dl.repeat {
	border-top: 1px #606060 solid;
	border: 0;
	padding-top: 5px;
	margin: 5px 0 15px 0;
}

.prodcatTree dt {
}
	.prodcatTree dt A.export {
		text-decoration: none;
		padding-left: 18px;
		background: url('../images/prodcat_down.gif') 7px 2px no-repeat;
	}

	.prodcatTree dt A.inport {
		background: url('../images/prodcat_up.gif') 7px 2px no-repeat;
	}
.prodcatTree dt.repeat {
}
	.prodcatTree dt.repeat A.export {
		text-decoration: none;
		padding-left: 18px;
		background: url('../images/prodcat_repeat_down.gif') 7px 0px no-repeat;
	}

	.prodcatTree dt.repeat A.inport {
		background: url('../images/prodcat_repeat_up.gif') 7px 0px no-repeat;
	}

	.prodcatTree dt A {
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		padding-left: 5px;
		color: #fff;
	}

	.prodcatTree dt A.select {		
		/*color: #055b7e;*/
		color: #00BDF4;
	}

.prodcatTree dd {
	margin: 5px 0 0 40px;
}

.prodcatTree dd.repeat {
	margin: 5px 0 0 20px;
}
	.prodcatTree dd A {
		/*color: #606060;*/
		color: #B9B9B9;
	}



.prod_list {
	width:99%;
	float:left;
	display:inline;
	margin: 0px;
	margin-bottom: 0px !important;
	padding: 0;
	/*	padding-top: 20px;*/
}
.prod_list li {
	float:left;
	list-style-type: none;
	display:inline;
	width:330px;
	padding: 0;
	margin: 0px;
	margin-top: 30px;
} 

.prod_info {
	border: 1px #c6c6c6 solid;
	border-left: 12px #c6c6c6 solid;
	padding: 5px;
	margin-left: 20px;
	height:120px;
}

.prod_info .left {
	float: left;
	width: 135px;
}

.prod_info .right {
	float: left;
	width: 143px;
}

.prod_info .title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}
	.prod_info .title .product_name {
		color: #000;
	}
	.prod_info .title .product_cat {
		color: #055b7e;
	}

.prod_info .desc {
	margin-top: 8px;
	height: 60px;
	overflow:hidden;
}

.prod_info .watch {
	margin-top: 8px;
	float: right;
	font-weight: bold;
}

.prod_info .watch A {
	color: #055b7e;
	text-decoration: none;
	padding-right: 10px;
	background: url('../images/key_red.gif') right no-repeat;
}

.prod_page {
	padding-top: 10px;
	margin: 0px 5px 0 5px;
}

.prod_show {
}

.prod_show .colmask {
	position:relative;
	clear:both;
	float:left;
	overflow:hidden;
	width: 100%;
}
	
.prod_show .leftmenu {
	background:#fff;
}

	.leftmenu .colright {
		float:left;
		width:200%;
		position:relative;
		left:581px;
		background:#ebebeb;
	}

	.leftmenu .col1wrap {
		float:right;
		width:50%;
		position:relative;
		right:581px;
		padding-bottom:1em;
	}

	.leftmenu .col1 {
		margin:0 15px 0 595px;
		position:relative;
		right:100%;
		overflow:hidden;
	}

	.leftmenu .col2 {
		float:left;
		margin-top:0px;
		width:550px;
		position:relative;
		right:565px;
		overflow:hidden;
	}

.prod_photo {
	padding: 10px; 
	margin-bottom: 30px;
	text-align: center;
	/*background-color: #6c6c6c;*/
}

.specifications {
	color: #fff;
	background-color: #000; 
	font-size: 13px;
	margin-bottom: 10px;
	padding: 20px 0 20px 15px;
}
	.specifications UL {
		margin: 0px;
		padding: 10px 15px 0 0;

	}

		.specifications UL LI {
			border-top: 1px #656565 solid;
			padding: 5px 0 5px 0;
			list-style-type: none;
			/*color: #7e7e7e;*/
			color: #fff;
		}

			.specifications UL LI .key{
				/*color: #FFC79D;*/
				color: #00BDF4;
				font-weight: bold;
			}

.more_prod {
	position:relative;
	float: left;
	width: 100%;
	display:inline;
	margin: 0px;
	margin-bottom: 0px !important;
	padding: 10px 0 10px 0;	
}
	.more_prod ul {
		padding-left: 15px;
		margin: 0;
		list-style-type: none;
	}

	.more_prod li {
		position:relative;
		float: left;
		list-style-type: none;
		display:inline;
		width:135px;
		text-align:center;
		margin: 10px 40px 10px 0;
		padding: 5px 0 5px 0;
		background-color: #fff;
		color: #055b7e;
		font-weight: bold;
	} 

	.more_prod li img {
	    display: block; 
		border: 0px;
		width: 135px;
		height: 90px;
	}



/* Download
   -------- */

.more_download {
	color: #fff;
	background-color: #000; 
	font-size: 13px;
	margin-bottom: 10px;
	padding: 20px 0 20px 15px;
}
	.more_download UL {
		margin: 0px;
		padding: 10px 15px 0 0;

	}

		.more_download UL LI {
			border-top: 1px #656565 solid;
			padding: 5px 0 5px 0;
			list-style-type: none;
		}


	.more_download A {
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		padding-left: 35px;
		background: url('../images/key_default.gif') 15px 0px no-repeat;
	}


/* Express
   ------- */
.express {
	width: 100%;
}

.express .photo {
	width: 95%;
	padding: 0 20px 0 20px;
	margin-bottom: 10px;
	float: left;
}

.express UL.pic {
	width: 95%;
	margin-top: 10px;
	text-align: center;
}

	.express UL.pic LI {
		float: left;
		width: 33%;
		list-style-type: none;			
	}

.express .about_us {
	padding: 0 20px 0 20px;
	margin-bottom: 40px;
	float: left;
}

.express .about_us P{
/*	color: #8e8e8e;*/
	font-size: 13px;
	color: #000;
	padding: 0;
}


/* Search
   ------ */

#search_frame{
	line-height: 22px;
	display: none;
	position: absolute;
	width: 320px;
/*	min-height: 110px;*/
	padding-left: 0px;
	padding-top: 0px;
	z-index:111;
	text-align:left;
	background:#DFDFDF;
	border:1px #919191 solid;
}

#search_frame UL {
	margin: 0px;
	width: 100%;
	overflow:hidden;
}

#search_frame UL LI {
	padding: 5px 0 5px 10px;
	list-style-type: none;
	cursor: pointer;
	float: left;
	width: 100%;
}


#search_frame li.doc {
	padding-left: 35px;
	background: url('../images/key_search.gif') 15px 8px no-repeat;
}

#search_frame li.download {
	padding-left: 35px;
	background: url('../images/key_default.gif') 15px 8px no-repeat;
}


#search_frame li.title {
	color: #fff;
	padding-left: 5px;
	font-size: 120%;
	font-weight: bold;
	background-color: #919191;
}

#search_frame li.selected{
	color: #fff;
	background-color: #B7B7B7;
}

#search_frame .prod_box {
}

	#search_frame .prod_box .left {
		float: left;
		width: 135px;
	}

	#search_frame .prod_box .right {
		float: left;
		width: 143px;
	}

	#search_frame .prod_box .title {
		font-size: 14px;
		font-weight: bold;
		margin-top: 8px;
	}
	#search_frame .prod_box .title .product_name {
		color: #000;
	}

	#search_frame .prod_box .desc {
		margin-top: 8px;
		height: 60px;
		overflow:hidden;
	}


/* Others
   ------ */

div.nifty_down{float:left;width:100%; margin: 20px 0 0 0;}

div.nifty_down A {font-size: 14px; font-weight: bold; color: #8e8e8e; text-decoration: none;}
div.nifty_down A.dl_name {font-size: 14px; font-weight: bold; color: #00BDF4; text-decoration: none;}


div.nifty_box{float:left;width:100%;background: #E4E5E7; margin: 20px 0 0 0;}
div.nifty_box h1,h2,p{margin: 0;padding: 0 10px 0.4em}
div.nifty_box h1{font-size: 220%;color: #000;letter-spacing: 1px}
div.nifty_box h2{font-size: 120%;color: #4D97BD}
div.nifty_box A.tm {font-weight: bold; text-decoration: underline;}
div.nifty_box h2.tm {
	padding-left: 40px;
	background: url('../images/key_investor.gif') 15px 0px no-repeat;
}
div.nifty_box p {
	margin-top: 10px;
}
div.nifty_box p.tm {
	margin-bottom: 15px;	
	padding-left: 30px;
	background: url('../images/nc200_chat.gif') 15px 5px no-repeat;
}


.features {
	width:99%;
	float:left;
	display:inline;
	margin: 0px;
	margin-bottom: 0px !important;
	padding: 0;
}

.features li {
	float:left;
	list-style-type: none;
	display:inline;
	width: 49%;
	padding: 0;
	margin: 0px;
	margin-top: 30px;
} 

.features li.full {
	width: 98%;
}

.feature_box {
}

.feature_box .left {
	float: left;
	width: 90px;
}

.feature_box .right {
	float: left;
}

.feature_box .title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
	color: #000;
}

.feature_box .desc {
	margin-top: 8px;
}

.br_style_1 {
	float: left;
	width: 100%;
	height: 8px;
	margin: 20px 0;
	background: url('../images/br_style_1.gif') no-repeat;
	overflow:hidden;
}

.br_style_2 {
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 0 0 20px;
	width: 100%;
	height: 26px;
	margin: 20px 0;
	background: url('../images/br_style_2.gif') no-repeat;
}
.br_style_3 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 0 35px;
	width: 100%;
	height: 31px;
	margin: 0px 0;
	background: url('../images/br_style_3.gif') no-repeat;
}

	.br_style_3 A {
		color: #000;

	}