@charset "utf-8";

/*----------------------------------------
Name: global.css
Developed by:Wayne Chen(wayne@jollywiz.com)
Date Created:2010-01-21
Last Updated:2010-01-22
Copyright:
----------------------------------------*/

/*Elements CSS Framework by Ben Henschel*/
/*Mass Reset*/
/*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	text-decoration:none;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
input{ font-size: 12px; vertical-align:middle; }
select { font-size: 12px; vertical-align:top; }


/*ELEMENT FOR TW.China
----------------------------------------*/
body{font-family: 宋体;line-height:100%;}
.copy_right {
	font-size: 12px;
	color: #666666;
}
*{font-family:宋体;}
.copyright { text-align:center; margin:0 auto; font-family:arial; color:#666; text-align:center;font-size: 12px; width:400px;}

.page_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.page_color a {
  color: #000000;
  background-color: #7055a1;
  text-decoration: none;
}

.page_color a:hover {
  color: #ffffff;
  background-color: #8d77b4;
  text-decoration: underline;
}

.page_path {
	font-size: 13px;
	color: #6e43ab;
}

.content_border {
	border: 1px solid #999999; 
	padding: 0px;
	margin: 0px 10px 10px 10px;
}

.news_title 
{
	color: #6742ab;
	font-size: 14px;
	font-weight: bold;
	line-height:150%;
	height:38px;
	overflow:hidden;
}

.news_date {
	color: #896eba;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.news_content {
	color: #7D7D7D;
	font-size: 12px;
	line-height: 20px;
}

.line_dot_cont {
	border-top: 1px dotted #999999; 
	width:100%; 
	height: 1px;
}

.products_title {
	color: #856db4;
	font-size: 14px;
	font-weight: bold;
	line-height:140%;
}

.products_content {
	font-size: 12px;
	color: #9fa0a0;
	 line-height:130%;
}

.products_price {
	color: #856db4;
	font-size: 12px;
}

.product_menu {
	font-size: 13px; 
	color: #cbb8f0; 
	font-weight: bold;
	margin-left: 16px;
	 line-height:170%;
}

.product_menu a {
  color: #cbb8f0;
  background-color: #9771e1;
  text-decoration: none;
}

.product_menu a:hover {
  color: #cbb8f0;
  background-color: #5c3a9d;
  text-decoration: none;
}

.txt_lettle {
	font-family: Arial, Helvetica, sans-serif
}

.hot_title {
	font-size: 13px;
	color: #893c7f;
	font-weight: bold;
}

.hot_content {
	font-size: 12px;
	color: #6d6d6d;
}

.linedot_hot_cont {
	border-top: 1px dotted #999999; 
	width: 152px; 
	height: 1px;
	margin-top: 3px
}

.pw_remind {
	color: #6e43ab;
	font-size: 13px;
}

.pw_remind a {
	color: #6e43ab;
	font-size: 13px;
	text-decoration: none;
}

.pw_remind a:hover {
	color: #6e43ab;
	font-size: 13px;
	text-decoration: none;
}

.login_text {
	color: #565555;
	font-size: 13px;
}

.login_text a {
	color: #565555;
	font-size: 13px;
	text-decoration: none;
}

.login_text a:hover {
	color: #565555;
	font-size: 13px;
	text-decoration: none;
}

.login_ex {
	color: #893c7f;
	font-size: 13px;
}

.video_title {
	color: #FFFFFF
}

.input_s {
	BORDER-BOTTOM: #a797c3 1px solid; 
	BORDER-LEFT: #a797c3 1px solid; 
	WIDTH: 150px; 
	HEIGHT: 16px; 
	BORDER-TOP: #a797c3 1px solid; 
	BORDER-RIGHT: #a797c3 1px solid;
}

.input_l {
	BORDER-BOTTOM: #a797c3 1px solid; 
	BORDER-LEFT: #a797c3 1px solid; 
	WIDTH: 290px; 
	HEIGHT: 16px; 
	BORDER-TOP: #a797c3 1px solid; 
	BORDER-RIGHT: #a797c3 1px solid;
}	

.input_message {
	BORDER-BOTTOM: #a797c3 1px solid; 
	BORDER-LEFT: #a797c3 1px solid; 
	WIDTH: 290px; 
	BORDER-TOP: #a797c3 1px solid; 
	BORDER-RIGHT: #a797c3 1px solid;
}


/*Plugin
---------------------------------------*/
/*jquerymenu*/
.jquerycssmenu{
font: bold 12px Verdana;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
float:left;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
z-index:56001;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
border-bottom-width: 0;
text-decoration: none;
}

/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li
{
display: list-item!important;
display:inline;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font-size: 12px;
font-weight:normal;
 text-align:center;
width:86px;/*width of sub menus*/
padding: 4px 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #ECE4FC;
color: #000;
filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; background-color: #dcccf9;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
color:#593e8b;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li ul li a{
font-size: 12px;
font-weight:normal;
 text-align:center;
width: 106px;/*width of sub menus*/
padding: 4px 5px;
margin-left: 0px;
border-top-width: 0;
border-bottom: 1px solid #ECE4FC;
color: #593e8b;
filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; background-color: #cfc0ec;
}

.jquerycssmenu ul li ul li ul li a:hover{ /*sub menus hover style*/
color:#7F788A;
}

/*flash imagerorate
.flash { width:1000px; text-align:left; margin:0px auto;}
.flash li { list-style:none; display:none;}
.flash li.first { display:block;}*/

/*applemenu*/
.applemenu{
padding: 0;
width: 160px; /*width of menu*/
}

.applemenu div.silverheader a{

}

.applemenu div.silverheader a#imgSer
{
	background:url(http://res.naruko.com.cn/images/comm/products_set_close.jpg) no-repeat;
	height:27px;
	width:160px;
	display:block;
	}
	
	
	.applemenu div.silverheader a#imgFun
{
	background:url(http://res.naruko.com.cn/images/comm/products_fun_close.jpg) no-repeat;
	height:27px;
	width:160px;
	display:block;
	}
	
	.applemenu div.selected a#imgSer
{
	background:url(http://res.naruko.com.cn/images/comm/products_set_open.jpg) no-repeat;
	height:27px;
	width:160px;
	display:block;
	}
	
	
	.applemenu div.selected a#imgFun
{
	background:url(http://res.naruko.com.cn/images/comm/products_fun_open.jpg) no-repeat;
	height:27px;
	width:160px;
	display:block;
	}




.applemenu div.selected a, .applemenu div.silverheader a:hover{

}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background-color:#9771e1;
min-height: 22px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.submenu a
{
	height:22px;
	display:block;
}

.applemenu div.submenu a:hover
{
	height:22px;
	background-color:#725B9C;
}

/*formvalidate*/
.fv_tooltip{
	width:200px; 
	color:#000;
	font:lighter 12px Arial,sans-serif;
	text-decoration:none;
	text-align:center
}
.fv_tooltip span.top{padding: 30px 8px 0; background: url(http://res.naruko.com.cn/images/comm/bt.gif) no-repeat top}
.fv_tooltip b.bottom{padding:3px 8px 8px;color: #548912; background: url(http://res.naruko.com.cn/images/comm/bt.gif) no-repeat bottom}

.formValidateTip
{
    position:absolute;
    padding:10px;
	background:transparent;
}
.fv_iframe
{
	position:absolute;
	z-index:56001;
	width:expression(this.nextSibling.offsetWidth);
	height:expression(this.nextSibling.offsetHeight);
	top:expression(this.nextSibling.offsetTop);
	left:expression(this.nextSibling.offsetLeft);
	filter:Alpha(Opacity=0);
	opacity:0.7;
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.onShow
{
    background:#E9F0FF url(http://res.naruko.com.cn/images/comm/onShow.gif) no-repeat; 
    height:21px;
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onFocus
{
    background:#E9F0FF url(http://res.naruko.com.cn/images/comm/onFocus.gif) no-repeat; 
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onError
{
    background:#FFF2E9 url(http://res.naruko.com.cn/images/comm/onError.gif) no-repeat;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onCorrect
{
    background:#E9FFEB url(http://res.naruko.com.cn/images/comm/onCorrect.gif) no-repeat;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onLoad
{
    background:#E9FFEB url(http://res.naruko.com.cn/images/comm/onLoad.gif) no-repeat 3px 3px;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
} 


/*pagination*/
table tr td.b {PADDING-RIGHT:3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; font-size: 12px; }
table tr td.b a { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #6d43af; PADDING-TOP: 1px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none }
table tr td.b a:hover { BORDER-RIGHT: #AAA9A9 1px solid; BORDER-TOP: #AAA9A9 1px solid; BORDER-LEFT: #AAA9A9 1px solid;BORDER-BOTTOM: #AAA9A9 1px solid COLOR: #666; }
table tr td.b a.curr { BORDER-RIGHT: #6d43af 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #6d43af 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #6d43af 1px solid; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #6d43af 1px solid; BACKGROUND-COLOR: #6d43af }
table tr td.b a.noboder { display: block; padding: 1px 6px; float: left; margin-left: 2px; border: 0; }
table tr td.b a.noboder:hover { display: block; padding: 1px 6px; float: left; margin-left: 2px; border: 0; background: none; }
table tr td.b span.pagenav { float: left; margin: 3px 6px 0 0; display:none; }

/*Attribute
----------------------------------------*/
/*clear*/
.clear{clear:both;overflow:hidden;}
.clear_l{clear:left;overflow:hidden;}
.clear_r{clear:right;overflow:hidden;}

/*overflow*/
.o_h{overflow:hidden;text-overflow:ellipsis; }
.o_y_s{overflow-y:scroll;}
.o_y_a{ overflow-y:auto;}
.o_x_h{overflow-x:hidden;}

/*white-space*/
.nowrap{ white-space:nowrap;}

/*font-size*/
.f_s_16{ font-size:16px;}
.f_s_12{font-size:12px;}
.f_s_13{font-size:13px;}

/*font-family*/
.f_naruko{font-family:Arial, Helvetica, sans-serif}

/*width & height*/
.h_0{height:0px;}
.h_1{height:1px;}
.h_2{height:2px;}
.h_3{height:3px;}
.h_5{height:5px;}
.h_10{height:10px;}
.h_14{height:18px;}
.h_18{height:18px;}
.h_20{height:20px;}
.h_25{height:25px;}
.h_29{height:29px;}
.h_38{height:38px;}
.h_50{height:50px;}
.h_60{height:60px;}
.h_72{height:72px;}
.h_115{height:115px;}
.h_135{height:135px;}
.h_250{height:250px;}
.h_340{height:340px;}
.h_360{height:360px;}
.h_400{height:400px;}
.h_416{height:416px;}
.w_20{width:20px;}
.w_90{width:90px;}
.w_100{width:100px;}
.w_110{width:110px;}
.w_130{width:130px;}
.w_135{width:135px;}
.w_143{width:143px;}
.w_150{width:150px;}
.w_178{width:178px;}
.w_180{width:180px;}
.w_189{width:189px;}
.w_200{width:200px;}
.w_210{width:210px;}
.w_250{width:250px;}
.w_280{width:280px;}
.w_300{width:300px;}
.w_315{width:315px;}
.w_325{width:325px;}
.w_350{width:350px;}
.w_400{width:400px;}
.w_568{width:568px;}
.w_584{width:584px;}
.w_704{width:704px;}
.w_770{width:770px;}
.w_1000{width:1000px;}
.w_1018{width:1018px;}
.w_100p{width:100%;}

/*border*/
.test_b_b{border:1px solid blue;}
.test_b_r{border:1px solid red;}
.test_b_g{border:1px solid green;}
.test_b_naruko{border:1px solid #7451AF;}
.test_b_ccc{border:1px solid #cccccc;}
.b_0{border:0px;}

/*padding & margin*/
.p_l_20{padding-left:20px;}
.p_r_30{padding-right:30px;}
.p_l_r_13{padding:0px 13px;}
.p_l_r_auto{padding-left:auto;padding-right:auto;}
.m_l_20{margin-left:20px;}
.m_l_30{margin-left:30px;}
.m_l_40{margin-left:40px;}
.m_r_30{margin-right:30px;}
.m_l_5{margin-left:5px;}
.m_t_150{margin-top:150px;}
.m_t_200{margin-top:200px;}
.m_0_auto{margin:0px auto;}
.m_l_r_auto{margin-left:auto;margin-right:auto;}
.p_t_b_10{padding-top:10px;padding-bottom:10px;}
.p_5{padding:5px;}

.m_p_0{margin:0px;padding:0px;}

/*background*/
.bg_c_w{background-color:#ffffff;}

/*float*/
.f_l{float:left;}
.f_r{float:right;}

/*text_align*/
.t_a_c{ text-align:center;}
.t_a_l{text-align:left;}
.t_a_r{text-align:right;}
.v_a_t{ vertical-align:top;}
.v_a_m{vertical-align:middle;}
.v_a_b{vertical-align:bottom;}
.t_v_a_t td{ vertical-align:top;}

/*ul li ll*/

/*cursor*/
.cur_p{cursor:pointer;}

/*color*/
.c_orange{color:#eebf0c;}
.c_white{color:#ffffff;}
.c_naruko{color:#7451AF;}
.c_gray{color:#707070;}

/*txt*/
.f_w_normal{ font-weight:normal;}

/*display*/
.d_block{ display:block;}
.d_inherit{display:inherit;}
.d_inline{display:inline;}
.d_hide{display:none;}

/*link*/
a:link.link01, a:visited.link01 {color:#7451AF; text-decoration:none; }
a:hover.link01, a:active.link01 {color:#7451AF; text-decoration:underline;}
a:link.link02,a:visited.link02{color:#7451AF; text-decoration:none;}
a:hover.link02,a:active.link02{color:#7D7D7D;text-decoration:none;}

/*btn*/
.btn_send{background:url(http://res.naruko.com.cn/images/comm/contact_icon.jpg);width:48px; height:20px; cursor:pointer;}
.btn_login{background:url(http://res.naruko.com.cn/images/comm/login_icon.jpg); width:48px;height:20px;cursor:pointer;}