@charset "utf-8";
/* CSS Document */


.clear-div-z {clear:both}

#banner-zatarn {width:656px; height:251px; margin:0 0 0 15px; background: url(../images-zatarn/banner2_02.png) top center no-repeat; position:relative}
.bn-zatarn {width:615px; height:179px; margin:0 auto; }
.bn-zatarn a {width:615px; height:179px;}
.bn-zatarn a img {border:#666 1px solid; margin-top:3px}
.bn-zatarn a span { font-size:11px; width:600px; color:#333; display:block; margin:4px 0 0 10px}
.bn-zatarn a:hover span {font-size:11px; left:0px; color:#999}

.bn-zatarn-top {position:absolute; bottom:3px; left:15px; width:300px; margin-left:10px }
.bn-zatarn-top li {text-align:center; float:left; display:block;}
.bn-zatarn-top a {width:13px; height:13px; font-size:13px; color:#FFF; text-align:center; float:left; display:block; margin:3px 3px 0 0; padding:2px; line-height:10px; text-decoration:none}
.bn-zatarn-top a:hover {width:13px; height:13px; background:#FFF; font-size:13px; color:#030; text-align:center; float:left; display:block; margin:3px 3px 0 0; padding:2px ; line-height:10px;  text-decoration:none}


.abs-left-z {position:absolute; top:0px; left:0px}
.abs-right-z {position:absolute; top:0px; right:0p; left: 638px;}



#zone1_z {width:1003; margin:0 auto; background-color:#FFF}
#zone-pet-z {width:247px; float:left; display:inline; background:url(../images/pet_01.jpg) top center no-repeat;}
.pet-box {text-align:center; font-size:11px; text-decoration:none;  padding:0 0 0 0;}
.pet-box a {color:#060; }
.pet-box a:hover {color: #09F;}

.pic-text {font-size:12px;text-decoration:none; text-decoration:none; margin: 0 auto}
.pic-text {width:243px; text-decoration:none; } 
.pic-text img { display:block; width:233px; margin:5px 0 0 5px}
.pic-text span a {width:210px; display:block; margin:0 auto; padding:2px 10px ; color:#360; border:#FFF 1px solid; background:#b7e25e; }
.pic-text span a:hover {color:#03C; border:#FFF 1px solid background:#b7e25e;}

.pet-box-1 {width:231px; margin:0 auto}
.pet-box-1 li {margin:3px 0 0 0; width:231px; overflow:hidden; }
.pet-box-1 li img {float:left; display:inline; border:#360 1px solid;}
.pet-box-1 li a img {float:left; display:inline; border:#360 1px solid;}
.pet-box-1 li a:hover img {float:left; display:inline; border: #F36 1px solid;}
.pet-box-1 li span a {float:left; display:inline; width:160px; padding-left:2px; color:#060;}
.pet-box-1 li span a:hover {float:left; display:inline; width:160px; padding-left:2px; color:#03F;}

.center-zatarn { margin:0 auto; width:1003px}
.footpet { background: url(../images/pet_02.jpg) top center no-repeat; color:#FFF; text-align:center; height:27px; padding-top:4px;}
.footpet a { color:#FFF}
.footpet a:hover { color: #FF0}

#fg1 {width:389px; height:440px; float:left; display:inline; background:url(../images/bg-fg.jpg) top center no-repeat;}
.fb-game {width:350px; margin:10px 0 0 20px}
.fb-game li { width:100px; height:115px; float:left; display:block; text-align:center; margin:0 0 10px 13px; font-size:11px}
.fb-game li a {color:#333}
.fb-game li a:hover {color:#03F}

.dara-fb {width:360px; margin:0 0 0 18px; display:block}
.dara-fb li { float:left; display:inline; margin:3px 0 0 3px}

.fb-msn {width:367px; float:left; display:inline;}
.tw-z {background:url(../images-zatarn/guide-FB_01.jpg) top center no-repeat; height:81px; font-size:12px; padding:10px 15px 0 120px}
.tw-z a {color:#333} 
.tw-z a strong {color:#06F;} 
.tw-z a:hover {color:#000;} 
.tw-z a:hover strong { color: #36F;} 

.ih-z {background:url(../images-zatarn/guide-FB_02.jpg) top center no-repeat; height:102px; font-size:12px; padding:10px 15px 0 120px}
.ih-z a {color:#333} 
.ih-z a strong {color: #060;} 
.ih-z a:hover {color:#000;} 
.ih-z a:hover strong {color:#690;} 


.hot-event-ztop { width:817; height:26px; margin-left:10px; background:url(../images-zatarn/hoteventhead2.jpg) top center no-repeat; font-size:11px; color:#333; line-height:26px; text-align: right; padding-right:30px}
.hot-event-ztop a { color:#333}
.hot-event-ztop a:hover {color:#090}


.hot-event-z { width:800; margin-left:10px}
.hot-event-z li {width:200px; background:#ececec; float:left; display:inline; margin:0 3px 10px 0 ; overflow:hidden }
.hot-event-z li img {float:left; margin:5px}
.hot-event-z li span {width:138px; float:left; display:block; font-size:11px; margin-top:5px}
.hot-event-z li span a {color:#333;}
.hot-event-z li span a:hover {color:#060;}

.news-promote {width:330px; height:250px; margin-left:5px; float:left; display:inline; border:#999 1px solid}
.news-promote li {width:160px; height:60px; float:left; display:inline; overflow:hidden; padding:3px 0 0 3px; font-size:11px}
.news-promote li img {float:left; margin-right:3px}

.news-promote li strong {font-size:12px; color:#090}
.news-promote li a strong {color:#090}
.news-promote li a:hover strong {color:#090}

.news-promote li a   {color:#999}
.news-promote li a:hover   {color:#C00}


.menu-top-z {width:162px; height:30px; font-size:12px; color:#333; text-align:center;}

.menu-z 					{width:162px; background:url(../images-zatarn/menu-zatarn_02.gif) top center repeat-y}
.menu-z ul 					{margin-left:4px;}
.menu-z li 					{width:154px; background:url(../images-zatarn/bg.jpg) bottom center no-repeat; border-bottom:#CCC 1px dashed} 
.menu-z li a 				{height:30px; display:block; overflow:hidden; color:#333; width:154px}
.menu-z li a img 			{margin-left:3px; float:left; display:inline;}
.menu-z li a strong 		{font-size:12px; color:#666; font-weight:normal;  padding:10px 0 0 0; display:block}
.menu-z li a span 			{width:102px; font-size:11px; display:block; padding:15px 0 0 0}

.menu-z li a:hover        	{width:154px; height:85px; text-decoration:none; color:#F39}
.menu-z li a:hover img   	{margin-left:3px; float:left; display:inline; padding:20px 0 0 0}
.menu-z li a:hover strong 	{font-size:12px; color:#090; font-weight:bold; font-size:14px; display:block; margin-left:50px;  padding:15px 0 0 0; }
.menu-z li a:hover span   	{width:102px; font-size:11px; display:block; margin-left:50px; padding:0 0 0 0; color:#666 }

#menuleft-z { width:162px; margin-left:6px; display:inline; }
.top-z {width:162; height:21px; text-align:center; font-size:11px; background:url(../images-zatarn/bgmenu.jpg) top center no-repeat; padding-top:10px}