﻿/* CSS Document */


.main_all
{
	width:99%;
	height:auto ;
}

.product_left_left
{
	float:left;
	word-break:break-all;
	width:205px;
	height:auto;	

	
}


.product_de
{
	text-align:left;

	padding:5px 10px;
}


.product_middle_title
{
font-family:Arial, Helvetica, sans-serif; color:#000;line-height:21px;padding:5px 0 0px 0;margin:0px;
}


.product_title
{
font-size:12px;color:#0090ff;border-bottom:1px solid #e2e2e2;
}

.product_left_right
{
	float:right;
	width:490px;
	height:auto;	
	word-break:break-all;
	white-space:normal;
	line-height:21px;
	font-size:11px;
	color:#5e5e5e;
}

h1{padding:0; margin:0; font-size:24px;}









a.try-download
{
background:url(../images/try.gif) no-repeat 0 0;
width:126px;
height:36px;
display:block;
margin-left:30px;
clear:both;
}

a.try-download span
{
	text-align:left;
	font-size:20px;
	
	color:#FFFFFF;
	line-height:38px; 
	font:Arial, Helvetica, sans-serif;
	margin-left:20px;
	width:126px;
	clear:both;
}


a.buy-now
{
background:url(../images/buy-now.gif) no-repeat 0 0;
width:126px;
height:36px;
display:block;
margin-left:30px;
clear:both;
}

a.buy-now span
{
	text-align:left;
	font-size:20px;
	
	color:#FFFFFF;
	line-height:38px; 
	font:Arial, Helvetica, sans-serif;
	margin-left:32px;
	width:126px;
	clear:both;
}
	a.buy-now:hover,a.buy-now:link,a.buy-now:active,a.buy-now:visited
	{color:#FFFFFF;
	text-decoration:none;}
	
	a.buy-now:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}


.header
{
	width:100% ;
	height:140px;
	background:url(../images/atoyou_top_bg.gif);
	z-index:-10;
	position:relative; 
}

.x_line {height:4px;margin:6px 0;background:url(../images/line.gif) repeat-x;}

.log
{
	width:1000px;
	height:67px;
	background:url(../images/log.gif) no-repeat;
	position:absolute;
	margin-top:-75px;
	color:#FFFFFF;
	display:block;
	font-size:18px;
	
	padding-left:209px;
	padding-top:35px;
	
}



.copyRight
{
	width:100%;
	height:100px;
	background:url(../images/atoyou_bottom_bg.gif);

	position:relative; 
	clear:both;
	margin-top:-18px;	
}



.copyRight a:link, .copyRight a:visited, .copyRight a:active, .copyRight a:hover
{
	color:#FFFFFF;
}

.main
{
	width:1000px;
	
	height:auto;	
	background:#FFFFFF;	
	margin:0 auto;
	
	padding:0;	
	margin-top:-59px;
	position:relative;
	z-index:1;
	
	
}

.menu
{	
	padding-left:10px;
	position:relative; 	
}

.menu_bg
{
	height:41px;
	background:url(../images/atuyou_menu_bg.gif) ;	
	padding-left:10px;
}

.product_table table 
{
	border:0px;
	background:#999999;
	border-spacing:1px;	
	margin:auto;

}

.product_table td.tiltle
{
	background:#CCCCCC;
}

.product_table td
{
	background:#FFF;
}




.menu ul
{
	margin:0;
	padding:0;
}

.menu ul li
{	
	height:41px;
	background:url(../images/atoyou_channel_middle.gif) ;
}

.menu ul li.begin
{
	width:10px;
	background:url(../images/atoyou_channel_eft.gif) no-repeat ;
}

.menu ul li.end
{
	width:12px;
	background:url(../images/atoyou_channel_right.gif) no-repeat ;
}

.content
{
	/*
	atoyou_main-top.gif	
	*/	
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative; 
}

.content_top
{
	background:url(../images/atoyou_main-top.gif) no-repeat;
	width:1000px;
	margin:0;
	padding:0;
	height:16px;	

	position:relative; 
}

.content_mid
{
width:100%;
height:auto;
position:relative; 
}


.content_bottom
{
	display:block;
	clear:both;
	
	width:1000px;																				
	height:10px;
	margin:0px;
	padding:0px;
	background:url(../images/atoyou_main_bottom.gif) no-repeat;
	overflow:hidden;
	margin:0;
	padding:0;
}


.main_layer
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	height:auto !important;min-height:400px;height:400px;

	position:relative;
	
}

.main_left
{
	float:left;
	width:70%;
	height:auto;
	padding:0 0 0 0px;
	margin:0 0 0 0px;	
	position:relative; 	

}

.main_left_howto
{
	float:left;
	width:68%;
	height:auto;
	padding:0 0 0 0px;
	margin:0 0 0 0px;	
	position:relative;
	padding-left:25px;
}

.main_right
{
	padding-right:720px !important;
	float:right;
	width:25%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif ;	
	padding:0 0 0 0px;	
	margin:0 0 0 0px;	
	position:relative; 
	margin-right:-710px;
}

.main_right_bg
{
	width:900px;
	height:51px;
	background:url(../images/atoyou_right_top.gif) no-repeat;
	padding-left:65px;
	font-size:14px;
	display:block;
}

.main_right ul
{
	margin:0px;
	margin-top:0px !important;
	margin-top:-3px;	
	padding:0px;	
	width:100%;
	height:auto;
	list-style:none;	
	
}

.main_right ul li
{
	padding:0px;
	border:0px;
	margin:0px;
	width:250px;
	height:30px;
	margin-top:0px !important;
	margin-top:-3px;

	background: url(../images/atoyou_right_body.gif) no-repeat;
	overflow:hidden;
	display:inline-block;
}


.main_right ul li b
{	
	width:100%;
	height:27px;	
	text-align:center;	
	background-image: url(../images/atoyou_right_title.gif);
	padding-top:4px;
	display:inline-block;
}


.main_right ul li a
{
	margin-top:0px;
	margin:0;
	padding:0;
	line-height:29px;
	display:block;

	padding-left:30px;
}

.main_right ul li.mian_right_bottom
{
	width:100%;
	height:26px;
	background:url(../images/atoyou_right_bottom.gif) no-repeat;	
}

.main_bottom
{	
	margin:0;
	width:100%;
	height:auto;
	margin:auto;	
	display:block;
	clear:both;
	position:relative; 
	
	
}


.main_bottom_left
{
	float:left;
	width:710px;
	height:auto;	
	margin-left:12px;	
	text-align:left;

}


.main_bottom_right
{
	margin-right:19px !important;
	float:right;
	width:230px;
	height:auto;	
	margin-right:-30px;	
	
	
}

.main_bottom_right ul
{
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;

}

.main_bottom_right ul li
{
	margin:0;
	padding:0;
	width:230px;
	height:auto;
	clear:both;
	
	text-align:left;	
}

.main_bottom_right ul li a
{
	width:209px;
	height:26px;
	background:url(../images/atoyou_main_bottom_right.gif) no-repeat;
	display:block;
	padding-left:55px;
}


.main_bottom_right ul li b
{
	padding:5px 60px 10px 22px;
	font-size:16px;	
	display:block;
	
}





/*圆角*/
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#000;}
#xsnazzy h2 {font-size:2em;color:#09a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:1px; border:0 solid #ccc; border-width:0 1px;  ; text-align:center; margin-top:0px; position:relative; height:150px;}



/*圆角应用*/
/**********************************************/
/*
<div id="xsnazzy">
<b class="xtop">
<b class="xb1"></b>
<b class="xb2"></b>
<b class="xb3"></b>
<b class="xb4"></b>
</b>
<div class="xboxcontent">


</div>
<b class="xbottom">
<b class="xb4"></b>
<b class="xb3"></b>
<b class="xb2"></b>
<b class="xb1"></b>
</b>
</div>
*/


/**********************************************/
/*圆角*/
#xsnazzy1 h1, #xsnazzy1 h2, #xsnazzy1 p {margin:0 10px; letter-spacing:1px;}
#xsnazzy1 h1 {font-size:2.5em; color:#000;}
#xsnazzy1 h2 {font-size:2em;color:#09a; border:0;}
#xsnazzy1 p {padding-bottom:0.5em;}
#xsnazzy1 h2 {padding-top:0.5em;}
#xsnazzy1 {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb11, .xb21, .xb31, .xb41 {display:block; overflow:hidden;}
.xb11, .xb21, .xb31 {height:1px;}
.xb21, .xb31, .xb41 { border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb11 {margin:0 5px; background:#ccc;}
.xb21 {margin:0 3px; border-width:0 2px;}
.xb31 {margin:0 2px;}
.xb41 {height:2px; margin:0 1px;}

.xboxcontent1 {display:block;font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:1px; border:0 solid #ccc; border-width:0 1px;  ; text-align:center; margin-top:0px; position:relative; height:auto;}


.xboxcontent2 {display:block; border:0 solid #ccc; border-width:0 1px;  position:relative; height:auto; margin-top:-10px; padding-top:-10px; }

#xsnazzy2 h1, #xsnazzy1 h2, #xsnazzy1 p {margin:0 10px; letter-spacing:1px;}
#xsnazzy2 h1 {font-size:2.5em; color:#000;}
#xsnazzy2 h2 {font-size:2em;color:#09a; border:0;}
#xsnazzy2 p {padding-bottom:0.5em;}
#xsnazzy2 h2 {padding-top:0.5em;}
#xsnazzy2 {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb12, .xb21, .xb31, .xb41 {display:block; overflow:hidden;}
.xb12, .xb21, .xb31 {height:1px;}
.xb22, .xb31, .xb41 { border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb12 {margin:0 5px; background:#ccc;}
.xb22 {margin:0 3px; border-width:0 2px;}
.xb32 {margin:0 2px;}
.xb42 {height:2px; margin:0 1px;}

.xboxcontent2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:1px;padding-left:3px; border:0 solid #ccc; border-width:0 1px;  ; text-align:left; margin-top:0px; position:relative; height:auto; clear:both;}


.tuwenpailie{
width:200;
word-break:break-all;
clear:both;
height:auto;
}


.tuwen_info
{
	width:280px;
	float:right;

}

.tu
{
float:left;
clear: both;
}


.guide
{
text-align:center;
}

.guide-more
{
	text-align:right;
	margin-right:5px;
}

.how-to-title
{
margin-top:5px;
margin-bottom:5px;
line-height:50px;
}

.p-title
{
font-size:16px;
font-family:Arial, Helvetica, sans-serif; 
color:#0066FF;
border-bottom:1px solid #bbbbbb;
padding-top:20px;
margin-bottom:5px;
padding-bottom:3px;
}

.guide-more
{
text-align:right;
margin-right:10px;
padding-top:15px;
}

.guide-more a
{
font-size:14px;
color:#000099;
text-decoration:underline;
} 


.main_product_show
{
	height:465px;
	padding-left:13px;
	padding-top:2px;
	overflow:hidden;
}

.main_p_show_border
{
	width:715px !important;
	width:722px;
	padding-left:13px;
	padding-top:2px;
}

.main_left_board
{
	width:740px !important;
	width:745px;
	margin-right:0;
	padding-right:0;
	height:auto;
}

.main_bottom_board
{
	width:98%;
	height:auto;
	margin:0 auto;
	clear:both;
}

.main_prouct_info
{
	clear:both;
	width:99%;
	overflow:hidden;
}

p.space{
	padding:0;
	margin:0;
	font-size:12px;
	line-height:12px;
	height:10px;
	overflow:hidden;
	}
	
	
	
.product_span 
{
	line-height:28px; overflow:hidden; margin:0; padding:0;
}

.product_span strong
{
	color:#555555;
}

.product_right_title
{
	width:100%;
	display:block;
	margin-bottom:8px;
	margin-top:8px;
	padding-left:2px;
	padding-bottom:5px;
	font-size:16px;
	border-bottom: #666 solid 1px;
	color:#5e5e5e;
}

.product_right_title strong a
{
	font-size:16px;
	color:#666;
	clear:both;
}

.product_right_title strong a img
{
	margin-right:5px;
}

.product_left_pic
{
	padding-top:15px;
	float:left;
	overflow:hidden;
}

.product_title_star
{
	float:right;
	display:block;
	margin-top:3px !important;
	margin-top:-18px;
}

.product_mid_line
{
	width:auto; margin:0 10px; border-bottom: #ccc solid 1px; height:3px; overflow:hidden; clear:both;
}

.product_list_title b a.link, .product_list_title b a.visited, .product_list_title b a.active, .product_list_title b a.hover
{
	font-size:18px;
}

.main_left2
{
	float:left;
	width:100%;
	height:auto;
	padding:0 0 0 0px;
	margin:0 0 0 0px;	
	position:relative; 	

}

.a2{ color:text-decoration:none;}
.a2:visited { color: text-decoration:none; }
.a2:link { color: text-decoration:none;}
.a2:hover {font:10px;color: #FF6600; text-decoration:underline;} 
.a2:active {font:10px;color: #FF6600;}

table tr td {text-align:center}