﻿@charset "utf-8";
/* CSS Document 
Use for:	zo.91.com
Version:	1.0
Date:		2009/08/28
Author:		Bobby
Update:		
*/

/* CSS Reset */
body, div, span, applet, object, iframe,input, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th{ text-align:left;}
ins{ text-decoration: none;}
del{ text-decoration: line-through;}
input,select{ vertical-align:middle;}
input,textarea,select{font:12px Tahoma,Geneva, Arial, Helvetica, sans-serif; }
fieldset, img { border: 0; }
address,code,caption,th,cite,dfn,em,var{font-style:normal;}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }
q:before, q:after { content:""; }


/* bass css */
body{ margin:0 auto; font:12px/1.5 Tahoma,Geneva, Arial, Helvetica, sans-serif; background-color:#000; color:#6a1a05; }
.full_bg{ width:100%; background:url(http://images.91.com/eo/images/guide/astral/eu/0909/full_bg.jpg) no-repeat center top; height:1000px; }
.wrapper{ margin:0 auto; width:1002px; }
td {font-size:12px; line-height:1.5;}
.left, .center{ float:left }
.right { float:right }
.txt_left{ text-align:left;}
.txt_center{ text-align:center;}
.txt_right{ text-align:right;}
.textHide{ text-indent:-999em; display:block;}
.btnTxtHide{ font-size:0px; overflow:hidden; line-height:999px; cursor:pointer;border:none;}
.undis{ display:none;}
.o_o{ position:relative}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {+display:none; clear:both }

/*********public style*********/

/* link css */
a {color: #6a1a05; text-decoration:none; outline:none;}
a:hover {color: #c73800; text-decoration:underline;}


/****************************************** 
 *index
 ******************************************/
.bg_1{ height:100px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/bg_1.jpg) no-repeat;overflow:hidden}
.bg_2{ height:100px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/bg_2.jpg) no-repeat;overflow:hidden}
.bg_3{ height:108px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/bg_3.jpg) no-repeat;overflow:hidden}
.bg_4{ height:112px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/bg_4.jpg) no-repeat;overflow:hidden}

/* -----------header---------- */

/*logo*/
.logo{ margin:25px 0 0 25px}
.logo a{ width:230px; height:70px}

/*register_btn*/
.btn_reg{ padding:51px 0 0 323px;overflow:hidden}
	.btn_reg a{ display:block;width:191px;height:52px;}
	.btn_reg a:hover{ background:url(http://images.91.com/eo/images/guide/astral/eu/0909/btn_reg.jpg) no-repeat}

/*flash_pos*/
.flash_pos{ position:absolute;width:550px;height:205px;top:-14px;right:292px}
	
/*nav*/
.nav{ margin:82px 0 0 88px}
	.nav li{ float:left;}
	.nav li a{ margin:2px 20px 0 0;display:block;width:130px;height:21px;text-indent:-999em}
	.nav a.n1:hover,.nav a.n2:hover,.nav a.n3:hover{ background:url(http://images.91.com/eo/images/guide/astral/eu/0909/nav_hover.jpg) no-repeat}
	.nav a.n1:hover{ background-position:-2px 0}
	.nav a.n2:hover{ background-position:-152px 0}
	.nav a.n3:hover{ background-position:-302px 0}
			

/* -----------body------------ */

/*wrap_row*/
.wrap_row{ clear:both;}

/*box_n*/
.box_1{ width:643px;height:235px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/box_1.jpg) no-repeat}
.box_2{ width:359px;height:235px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/box_2.jpg) no-repeat}
.box_3{ width:643px;height:218px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/box_3.jpg) no-repeat}
.box_4{ width:359px;height:218px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/box_4.jpg) no-repeat}

	/* -----------left_side---------- */
	
	/*scroll_imgs*/
	.minipic{width:595px; overflow:hidden; margin:45px 0 0 45px;padding:10px 0}
	.minipic .LeftBotton, .minipic .RightBotton{height:46px;width:15px;margin-top:50px;overflow:hidden;float:left;display:inline;cursor:pointer;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/icons.gif) no-repeat 0 0} 
	.minipic .RightBotton{float:right;background-position:-20px 0} 
	.minipic .Cont{width:560px;overflow:hidden;float:left;} 
	.minipic .ScrCont{width:10000000px;} 
	.minipic .Cont .pic{width:190px;float:left;text-align:center;} 
	.minipic .Cont .pic img{display:block;margin:0 auto;} 
	.minipic .Cont .pic img:hover{ display:block;margin:0 auto;}
	.minipic .Cont .pic p{line-height:26px;color:#505050;} 
	.minipic .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
	.minipic .Cont a:hover{color:#f00;text-decoration:underline;} 
	.minipic #List1,.rollBox #List2{float:left;} 

	/*imgs_list*/
	.imgs_list{ padding:46px 0 0 60px}
		.imgs_list li{ float:left;width:178px;height:126px;padding:4px 6px 9px 5px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/img_border.gif) no-repeat;margin:0 1px}
		.imgs_list li img{ border:1px solid #060202}

	/* -----------right_side---------- */

	/*intro_con*/
	.intro_con{ width:280px; padding:48px 0 0 10px;line-height:18px; overflow:hidden}
	
	/*feature_list*/
	.feature_list{ width:280px;padding:42px 0 0 10px;line-height:20px;overflow:hidden}
	
		/*more*/
		.more{ text-align:right;font-weight:bold}


/* -----------footer---------- */
.footer{ height:150px;background:url(http://images.91.com/eo/images/guide/astral/eu/0909/footer_bg.jpg) no-repeat}
	.footer .infooter{ padding-top:50px;color:#44361a}
	.footer a{ margin:0 3px;color:#44361a}
	.footer a:hover {color: #6f321b;}

.public_bm_table { text-align:center; float:none; margin:0 auto; } /*table style*/
.public_bm_td1{  }   /*td of logo*/
.public_bm_td2{ color:#44361a; font-size:12px; font-family:Tahoma; }
.public_bm_td2 a { color:#44361a; text-decoration:none; margin:0 5px;}  
.public_bm_td2 a:hover{  text-decoration:underline;color: #6f321b }  /*td of rights*/

