@charset "utf-8";
.avatar_iframe { float:left; width:790px; height:auto; background-color:#fff; }
.avatar_newproduct { float:left; width:490px; height:150px; margin-top:5px; }
.avatar_event { float:left; width:300px; height:150px; margin-top:5px;}

.avatar_event #ad 
{
	float:left;
	width:300px; height:auto;
	text-align:center;
	margin-bottom:5px;
}
.avatar_productlist 
{
	float:left;
	width:770px;
	height:auto;
	margin-left:10px;
	margin-right:10px;	
	margin-top:5px;
}
.avatar_title 
{
	float:left;
	width:505px;
	height:28px;
	background-image:url(../images/avatar/title_bg2.gif);
	background-repeat:no-repeat;
}
.avatar_title #name 
{
	float:left;
	color:#333;
	font-size:12px;
	line-height:28px;
	margin-left:15px;
}
.avatar_title #english 
{
	float:left;
	color:#666;
	font-size:12px;
	line-height:25px;
	margin-left:5px;
}
.avatar_titles 
{
	float:left;
	width:250px; height:28px;
	margin-left:3px;
	background-image:url(../images/avatar/title_bg.gif);
	background-repeat:no-repeat;
}
.avatar_titles #name 
{
	float:left;
	color:#333;
	font-size:12px;
	line-height:28px;
	margin-left:15px;
}
.avatar_titles #english 
{
	float:left;
	color:#666;
	font-size:12px;
	line-height:25px;
	margin-left:5px;
}
.avatar_maintitle 
{
	float:left;
	width:770px;
	height:28px;
	background-image:url(../images/avatar/title_bg.gif);
	background-repeat:no-repeat;
	background-color:#000000;
}
.avatar_maintitle #name 
{
	float:left;
	color:#dfdfdf;
	font-size:12px;
	line-height:20px;
	margin-left:15px;
}
.avatar_maintitle #english 
{
	float:left;
	color:#b9b9b9;
	font-size:12px;
	line-height:22px;
	margin-left:5px;
}
.avatar_product 
{
	float:left;
	width:250px;
	height:126px;
	padding-left:5px;
	padding-top:5px;
}
.avatar_btn a
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:100px; height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	line-height: 20px;
	background-image: url(../images/btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.avatar_btn a:hover
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:100px; height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	line-height: 20px;
	background-image: url(../images/btn_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.avatar_btn2 a
{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:50px; height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	line-height: 20px;
	background-image: url(../images/btn2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.avatar_btn2 a:hover{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:50px;
	height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	line-height: 20px;
	background-image: url(../images/btn2_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*action*/
.avatar_productaction 
{
	float:left;
	width:780px; height:auto;
	margin-left:5px;
}
.avatar_productaction2 
{
	float:left;
	width:780px; height:53px;
	margin-left:5px;
	background:url(../images/avatar/btn_action2_bg.gif) no-repeat;
}
.avatar_productaction2 div.option 
{
	float:right;
	width:165px; @width:160px;
	height:50px;
	color:#FFF;
	font-size:13px;
	margin-right:17px; @margin-right:10px;
	line-height:22px;
	text-align:center;
}
.avatar_productaction2 div.second 
{
	float:left;
	width:540px; height:23px;
	color:#FFF;
	font-size:13px;
	margin-left:5px;
	padding-left:10px;
	line-height:22px;
}
.avatar_productaction2 div.second a 
{
	width:30px; height:23px;
	color:#FFF;
	font-size:13px;
	line-height:23px;
	text-align:center;
	text-decoration:none;
}
.avatar_productaction2 div.second a:hover { color:#000; background-image:url(../images/avatar/second_bg.gif); }
.avatar_productaction2 div.second p 
{
	float:left;
	height:23px;
	margin-left:2px;
	margin-right:2px;
	color:#FFF;
	font-size:13px;
	line-height:23px;
	text-align:center;
}
.avatar_productaction2 div.second p a 
{
	float:left;
	width:auto; height:23px;
	margin-left:2px;
	margin-right:2px;
	color:#def2fb;
	font-size:13px;
	line-height:23px;
	text-align:center;
}
.avatar_productaction2 div.second p a:hover { color:#000; background-image:url(../images/avatar/second_bg.gif); background-position:center; }
.avatar_productaction2 div.second p.overaction 
{
	float:left;
	height:23px;
	margin-left:2px;
	margin-right:2px;
	color:#FFF;
	font-size:13px;
	line-height:23px;
	text-align:center;	
	background-image:url(../images/avatar/second_bg.gif);
	background-position:center;
}
.avatar_productaction2 div.second span { float:left; font-size:12px; padding-top:1px; }
.avatar_productaction2 div.three {
	float:left;
	width:570px; height:23px;
	color:#333;
	font-size:12px;
	margin-left:8px; @margin-left:4px;
	padding-left:10px;
	line-height:22px;
	background:url(../images/avatar/three_bg.gif) no-repeat;
}
.avatar_productaction2 div.three span { color:#09C; font-size:12px; font-weight:bold; }
.avatar_productaction2 div.three a { color:#666; font-size:12px; text-decoration:none; }
.avatar_productaction2 div.three a:hover { color:#09c; font-size:12px; text-decoration:none; }
.avatar_productaction2 div.ad 
{
	float:left;
	width:575px; height:45px;
	color:#FFF;
	font-size:13px;
	margin-left:10px;
	line-height:22px;
}
.avatar_productaction_btnbg 
{
	float:left;
	width:770px; height:28px;
	padding-left:10px;
	background:url(../images/avatar/btn_action_bg.gif) no-repeat;
}
.avatar_productaction_btnbg p.overaction 
{
	float:left;
	width:64px; height:23px;
	color:#666;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:28px;
	margin-right:2px;
	background:url(../images/avatar/btn_action_on.gif) no-repeat;
}
.avatar_productaction_btnbg p a 
{
	float:left;
	width:64px; height:23px;
	color:#666;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:28px;
	margin-right:2px;
	background:url(../images/avatar/btn_action.gif) no-repeat;
}
.avatar_productaction_btnbg p a:hover 
{
	float:left;
	width:64px; height:23px;
	background:url(../images/avatar/btn_action_on.gif) no-repeat;
}
.avatar_productaction_btnbg h1 a 
{
	float:left;
	width:64px;
	height:23px;
	color:#666;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:28px;
	margin-right:2px;
	background-image:url(../images/avatar/btn_special.gif);
	background-repeat:no-repeat;
}
.avatar_productaction_btnbg h1 a:hover 
{
	float:left;
	width:64px;
	height:23px;
	color:#fff;
	background-image:url(../images/avatar/btn_special_on.gif);
	background-repeat:no-repeat;
}
.secound_tab {
	margin-left:5px;
}
.secound_tab a 
{
	color:#666;
	font-size:13px;
	text-decoration:none;
	float:left;
	width:100px;
	height:20px;
	text-align:center;
	padding-top:10px;
	margin-right:2px;
	background-image:url(../images/avatar/second_tab.gif);
	background-repeat:no-repeat;
}
.secound_tab a:hover 
{
	width:100px;
	height:20px;
	color:#FFF;
	background-image:url(../images/avatar/second_tab_on.gif);
	background-repeat:no-repeat;
	overflow: auto;
}
.secound_tab_on 
{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	float:left;
	width:100px;
	height:20px;
	text-align:center;
	padding-top:10px;
	margin-right:2px;
	background-image:url(../images/avatar/second_tab_on.gif);
	background-repeat:no-repeat;
}
/*color*/
.product_name { font-family:Tahoma; font-size: 13px; color: #0066CC; }
.product_black { font-family:Tahoma; font-size: 12px; color: #333; }
.product_gray { font-family:Tahoma; font-size: 12px; color: #666; }
.product_gray a { font-family:Tahoma; font-size: 12px; color: #666; text-decoration:none; }
.product_gray a:hover { color: #000; text-decoration:underline; }
.product_red { font-family:Tahoma; font-size: 12px; color: #FF0000; }
.product_blue { font-family:Tahoma; font-size: 12px; color: #04529c; }
.product_orange { font-size: 12px; color: #FF6600; }
.topbanner_text { font-size: 12px; color: #dfdfdf; padding-left:20px; }
.popup_text { font-size: 16px; color: #333; }
.popup_money { font-size: 16px; color: #FF6600; font-weight: bold; }
.btn_one 
{
	color:#666;
	font-size:12px;
	height:30px;
	background-color:#e9e9e9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_two 
{
	color:#fff;
	font-size:12px;
	height:30px;
	background-color:#90cce8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.select_number { color:#666; font-size:12px; width:40px; }

/**Avatar Post Area**/
.APost_area { padding:10px 20px; }
#APost { height:1000px; overflow-y:auto; overflow-x:hidden; }
#APost dl { width:100%; }
#APost dt 
{ 
    border-bottom:solid 1px #DDD;
    background:url(../images/icon/icon_arrow_02.gif) no-repeat left 2px;
    color:#333; 
    padding-left:18px;
    font-size:15px; 
    font-weight:bold;
    color:#F90;
}

#APost dt { margin-bottom:10px; line-height:20px; }
#APost dd { margin-bottom:30px; line-height:25px; padding-left:20px; }

#APost dd .Timg { text-align:center; width:650px;}
#APost dd .Timg p { padding:30px 0; border-bottom:dotted 1px #CCC;}

#APost .download
{
    width:100%;
    margin:auto;
    position:relative;
    margin-top:10px;
    _margin-top:20px;
}
#APost .download p 
{ 
    background:url(../images/avatar/t_down.gif) no-repeat; 
    color:#FFF; 
    text-indent:15px; 
    line-height:33px;
}

#APost .download ul { border:none; background-color:transparent;   padding:5px 0; }
#APost .download li
{
    display:inline-block;
    border:solid 1px #CCC;
    padding:5px;
    margin:5px 2px;
    *margin:5px 3px;
     zoom: 1;
    *display: inline;
    position:relative;
}
#APost .download li img { border:solid 2px #DDD; }
#APost .download li div a 
{ 
    background:url(../images/icon/icon_down.png) no-repeat 10px center; 
    display:block;
    position:relative;
    width:150px; 
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-indent:30px;
    color:#09C;
}
#APost .Upload { width:520px; margin:30px auto; }
#APost .Upload a
{ 
    display:block;
    float:left;
    width:221px; height:228px;
    background-repeat:no-repeat;
    text-indent:-6000px;
    margin:15px;
}
#APost .btn_up01 { background-image:url(../images/avatar/btn_01.jpg); }
#APost .btn_up02 { background-image:url(../images/avatar/btn_02.jpg); }
#APost .btn_up01:hover { background-image:url(../images/avatar/btn_01_r.jpg); }
#APost .btn_up02:hover { background-image:url(../images/avatar/btn_02_r.jpg); }