﻿/*! g.base.css
 * @build 20100415-01
 */

/*TABLE OF CONTENTS

  global
  font
  link
  layout
  public declare  
  public module
  public component  


*/
/* -------------------------------------@global--------------------------------------*/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a,img, th,td,form, fieldset, iframe, object, pre, code, legend, blockquote{margin:0; padding:0; border:0; outline:0}
ol, ul{list-style:none}
:focus{outline:0}
strong{font-weight:bold}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
/*form*/
form label{cursor:pointer}
input, button, textarea{font-family:inherit; font-size:100%}

/*table*/
table{border-collapse:separate;}
caption, th, td{/*text-align:left; */font-weight:normal}
/*-------------------------------------end @global-----------------------------------*/




/*-------------------------------------@font-----------------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14.8px}
.f16{font-size:16px}

.Color0, a.Color0, a.Color0:hover{color:#fff}/*white*/
.Color1, a.Color1, a.Color1:hover{color:#000}/*black*/
.Color2, a.Color2, a.Color2:hover{color:#6666cc}/*little blue*/
.Color3, a.Color3, a.Color3:hover{color:#03f}/*deep blue*/
.Color4, a.Color4, a.Color4:hover{color:#cc0000}/*little red*/
.Color5, a.Color5, a.Color5:hover{color:#601111}/*gray red*/
.Color6, a.Color6, a.Color6:hover{color:#ccc}/*little gray*/
.Color7, a.Color7, a.Color7:hover{color:#999}/*deep gray*/
.Color8, a.Color8, a.Color8:hover{color:#F00}/*red*/
.Color9, a.Color9, a.Color9:hover{color:#E51313}/*classic red*/
.Color10, a.Color10, a.Color10:hover{color:Green}/*classic green*/
/*-------------------------------------end @font-----------------------------------*/



/*--------------------------------@link-----------------------------------------*/
/* combined by Kael Zhang */
a{color:#333; text-decoration:none;}

a.B, a.BL, a.BH, a.W, a.WL, a.G, a.GL, a.R, a.RL, a.BLACK{padding:2px 1px 0 1px;}
a.BL, a.WL, a.GL, a.RL{text-decoration:underline;}
a.B, a.BL:hover, a.BH, a.W, a.G, a.R, a.BLACK{text-decoration:none;}

a.B, a.BL{color:#66c;}
a.B:hover, a.BL:hover, a.B:active, a.BL:active, a.BH{color:#fff; background-color:#66c;}

a.W, a.WL{color:#fff;}
a.W:hover, a.WL:hover, a.W:active, a.WL:active{color:#66c;}

a.G, a.GL{color:#999;}
a.G:hover, a.GL:hover, a.G:active, a.GL:active{color:#fff; background-color:#999;}

a.R, a.RL{color:#c00;}
a.R:hover, a.RL:hover, a.R:active, a.RL:active{color:#fff; background-color:#c00;}

a.BLACK{color:#4b4b4b;}
a.BLACK:hover, a.BLACK:active{color:#fff; background-color:#4b4b4b;}

/*
a:link, a:visited, a:hover, a:active{color:#333; text-decoration:none}

a.B:link, a.B:visited{padding:2px 1px 0 1px; color:#6666cc; text-decoration:none}
a.B:hover, a.B:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none}

a.BL:link, a.BL:visited{padding:2px 1px 0 1px; color:#6666cc; text-decoration:underline}
a.BL:hover, a.BL:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none}

a.BH:link, a.BH:visited, a.BH:hover, a.BH:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none}

a.W:link, a.W:visited{padding:2px 1px 0 1px; color:#fff; text-decoration:none}
a.W:hover, a.W:active{padding:2px 1px 0 1px; color:#6666cc; text-decoration:none}

a.WL:link, a.WL:visited{padding:2px 1px 0 1px; color:#fff; text-decoration:underline}
a.WL:hover, a.WL:active{padding:2px 1px 0 1px; color:#6666cc; text-decoration:underline}

a.G:link, a.G:visited{padding:2px 1px 0 1px;color:#999; text-decoration:none; font-weight:normal; }
a.G:hover, a.G:active{padding:2px 1px 0 1px; color:#FFF; background:#999; text-decoration:none; font-weight:normal; }

a.GL:link, a.GL:visited{padding:2px 1px 0 1px;color:#999; text-decoration:underline; font-weight:normal; }
a.GL:hover, a.GL:active{padding:2px 1px 0 1px; color:#FFF; background:#999; text-decoration:underline; font-weight:normal;}

a.R:link, a.R:visited {padding:2px 1px 0 1px;color:#cc0000;text-decoration:none;}
a.R:hover, a.R:active {padding:2px 1px 0 1px; background:#c00;color:#fff;text-decoration:none;}
a.RL:link, a.RL:visited {padding:2px 1px 0 1px;color:#cc0000;text-decoration:underline;}
a.RL:hover, a.RL:active {padding:2px 1px 0 1px;background:#c00;color:#fff;text-decoration:underline;}

a.BLACK:link, a.BLACK:visited{padding:2px 1px 0 1px; color:#4B4B4B; text-decoration:none}
a.BLACK:hover, a.BLACK:active{padding:2px 1px 0 1px; color:#FFFFFF; background:#4B4B4B; text-decoration:none}
*/

/*--------------------------------end @link-----------------------------------------*/




/*---------------------------------------@layout-------------------------------------*/

/* Row register here*/
.header_s:after, .footer_s:after, .main_s:after, 
.header_w:after, .footer_w:after, .main_w:after, .section_w:after, .nav_w:after,
.box:after, .header:after, .footer:after, .main:after, .section:after,section_s:after,
.footer_s .catLinks:after,
.footer_w .catLinks:after
{content:"\0020"; display:block; height:0; clear:both}

.header_s, .footer_s, .main_s, 
.header_w, .footer_w, .main_w, .nav_w,
.box, .header, .footer, .main, .section_w,.section,section_s,
.footer_s .catLinks,
.footer_w .catLinks
{zoom:1}

.section{margin:0 auto;}
.main_s,.section_s,.main_w,.section_w{ font-size:13px;}
.nav_w,.nav_s{ font-family:Verdana;}
/* colunm register here*/
.content_a, .aside_a, 
.content_b, .aside_b, 
.content_c, .aside_c,
.content_d, .aside_d,  
.col{display:inline; overflow:hidden}


/* s:778 */
.header_s, .footer_s, .main_s,.section_s{margin:0 auto; width:778px}

/* w:960 */
.header_w, .footer_w, .main_w,.section_w,.nav_w{margin:0 auto; width:960px}


/* footer */
.footer_s,.footer_w{ margin-top:10px; border-top:1px solid #000; padding:5px 0px 30px 0px;}
.footer_s p,.footer_w p{ line-height:22px; }
.footer_s .copyright,.footer_w .copyright{height:22px;padding:0px 5px 0 0;}
.footer_s .tip,.footer_w .tip{padding:0px 5px 0 0;color:#999}
.footer_s .sitemap,.footer_w .sitemap{ float:right; margin-top:2px}
.footer_s .sitemap li,.footer_w .sitemap li{ float:left; padding:0 3px 0 0;}

.footer_n{border-color:#999; padding-top:15px;}

.footer_s .catLinks, .footer_w .catLinks{width:98%; margin:0 auto 14px;}
.footer_s .catLinks ul, .footer_w .catLinks ul{float:left; width:34%;}
.footer_s .catLinks ul.last, .footer_w .catLinks ul.last{float:right; margin-left:-10px; width:32%;}

.footer_s .catLinks ul li, .footer_w .catLinks ul li{padding:3px 0 4px;}
.footer_s .catLinks ul li strong, .footer_w .catLinks ul li strong{padding:0 6px;}

.footer_w .compay{border-top:1px dashed #d2d2d2; padding-top:3px;}
.footer_w .compay p{text-align:center;}


/* a:700 * 240 */
.content_a{width:700px; float:left}
.aside_a{width:240px; margin-left:20px; float:left}


/* b:240 * 710 */
.content_b{width:710px; float:left;margin-right:10px;}
.aside_b{width:240px;  float:left}
/* c:610 * 150 */
.content_c{width:610px; float:left;margin-right:10px;}
.aside_c{ float:right;}
/* d:580 * 185 */
.content_d{width:580px; float:left;margin-right:10px;}
.aside_d{width:185px;  float:right;}
/* e:740 * 200 */
.content_e{width:740px; float:left;margin-right:20px;}
.aside_e{width:200px;  float:left}

/*---------------------------------------end @layout-------------------------------------*/






/*---------------------------------------@declare -------------------------------------*/

body{color:#333; background:transparent; font:12px/1.5 Arial,\5b8b\4f53,sans-serif}
.star10,.star20,.star30,.star40,.star45,.star50,.good,.bad,.mstar1,.mstar2,.mstar3,.mstar4,.mstar5,.mstar6,.mstar7,.mstar8,.mstar9,.mstar10,.mstar11,.mstar12,.newpic,
.sstar0,.sstar5,.sstar10,.sstar20,.sstar30,.sstar35,.sstar40,.sstar45,.sstar50,
.msstar0,.msstar5,.msstar10,.msstar20,.msstar30,.msstar35,.msstar40,.msstar45,.msstar50,
.iarrowBtm,.ireview,.ifavorite,.imobile,.ipromo,.ihelp,.iface1,.ishop,.icityTone,.inoface,.isnoface,.ipic
{ background-image:url(img/g.remark.v12.png);background-repeat:no-repeat;}

.Pages a.PrevPage,.Pages a.NextPage,.hdNav a.noMail,.hdNav a.manage,.fnTip,.itop, .know,.fnTip .know:hover,.hdSub li.fn strong,.More,.sehSelectUI div span,.sehSelectUI div span,.sehSelectUI div a,.iadd,.isehbtn,
.ishare,.idropDown,.iup,.tipClose,.irss,
.sharePanel .item, .Share .item, .Share .more, .btnMore,
.admin-icon
{ background:url(img/g.comm.v20100722.png) no-repeat;}

.newpic,.sstar0,.sstar5,.sstar10,.sstar20,.sstar30,.sstar35,.sstar40,.sstar45,.sstar50,
.msstar0,.msstar5,.msstar10,.msstar20,.msstar30,.msstar35,.msstar40,.msstar45,.msstar50,
.star10,.star20,.star30,.star40,.star45,.star50,.star60,a.btnMore,span.btnMore,.itop,.inoface,.isnoface,.ipic,.iadd,.isehbtn,.ishare,.idropDown,.iup,.irss,
.admin-icon
{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;vertical-align:middle;position:relative; font-size:0px;}

.hdFn .fn li,.hdNav,.hdNav .tab,.hdNav .sform,.hdNav fieldset,.hdNav fieldset button,.hdNav .tab li.on a strong,.hdNav .tab li.on a,.hdNav .tab li a:hover,.hdNav .tab li a:hover strong,.hdNav .tab li.mark,.hdSub,.hdFn .fn li a.manage,.hdSub li.arrow,
.hdNav .inp,.hdNav .inp .select,.hdNav .inp .select .value,.hdNav .inp .search .text,.hdNav .inp .search button,.hdNav .tag,.hdNav .tab li a .arrow
{ background:url('img/g.header.v1.png') no-repeat;}

.Bulletin .icon, .Bulletin .close{background-image:url(img/c.bulletin.png); background-repeat:no-repeat;}

.sehBox dl:after,.hdFn:after,.hdNav:after,.hdNav .tab:after,.hdSub .list:after,.hdSub:after,.hdNav fieldset:after, .Fixed:after, .Share:after
{content:"\0020"; display:block; height:0; clear:both}
.sehBox dl,.hdFn,.hdNav,.hdNav .tab,.hdSub .list,.hdNav fieldset,.hdSub,.hdFn .fn li a, .Fixed, .Share
{zoom:1}

.tipClose{background-position:43px -404px;}
/*---------------------------------------end @declare -------------------------------------*/




/*-------------------------------------------------@component -----------------------------------------------*/
 
 /* global  (first char uppercase) */
.Pos{position:relative; zoom:1}
.Hide{display:none !important;}
.Invisible{visibility:hidden; position:absolute;}
.Clear{ clear:both}
.Fixfloat{ overflow:hidden;  _display:inline-block}
.Nowrap{white-space:nowrap; overflow:hidden}
.Break{word-break:break-all; overflow:hidden}
.Right{ float:right}
.Left{ float:left}
.Star{ color:#f00;}
.Btn_s:link, .Btn_s:visited{border:1px solid #f93; padding:0 4px; background:#ffc; color:#6666cc}
.Doing{line-height:30px;text-align:center;color:#cc0000;}
.More{ background-position:0 -813px;font-size:13px; float:right;padding:1px 0  0 5px; cursor:pointer;}
.More span{background-position:right -864px;font-size:13px;color:#ff6633; float:left; height:22px;line-height:21px;overflow:hidden;  padding-right:5px;}
.Rss{ margin-top:10px; }
/*  img list for ul*/
.imgList{text-align:center}
.imgList li{float:left; display:inline; overflow:hidden; width:120px; height:90px; padding:0 10px 20px 0}
.imgList img{display:block; margin:0 auto 3px}

/*  det list for ul*/
.detList{ text-align:left}
.detList li{ clear:both; zoom:1; overflow:hidden; padding:0 0 10px 60px;}
.detList li .img{float:left; display:inline;margin:2px 0 0 -60px;}

/* dianping list for dl */
.contList{clear:both;font-size:13px}
.contList dt{background:#f7f7f7; padding-right:5px}
.contList cite{font:normal 13px/1.8 Arial; padding-left:5px; zoom:1;}
.contList .contList-avatar{background:#fff; float:left; width:60px; _margin-right:-3px; text-align:center;}
.contList .ruImg{ padding:5px; vertical-align:middle;}
.contList dt span{font:13px/1.8 arial;}
.contList .bn{float:right; margin-top:3px}

.contList-fn, .contList-info,.contList-tag,
.contList dd{overflow:hidden; _display:inline-block}
.contList dd address{color:#999; padding-top:5px}

.contList-info,.contList-fn,.contList-con,.contList-tag{padding-top:5px}
.contList-fn li, .contList-info li{float:left; padding-right:8px}
.contList-tag li{float:left; margin-right:10px}

/* rankTable  */
.rankTable{ text-align:center; width:100%;}
.rankTable td,.rankTable th{ padding:3px 0;}
/* .rankTable tr.head{ background:#f93}  */
.rankTable tr.alt{ background:#F7F7F7}
.rankTable td.shopname{ text-align:left}

/* quote  */
.quote{ border:1px solid #aaa; margin:14px 12px 20px}
.quote cite{ display:block; text-indent:12px; line-height:2;}
.quote blockquote{ overflow:hidden; margin:0; padding:6px 12px}

.fnTip{ background:#FFF0E1; padding:6px 5px; margin:2px 0; position:relative;zoom:1;}
.fnTip .know{ background-color:#fff; background-position:42px -406px; border:#FFCC66 1px solid; color:#336699; padding:2px 3px;width:50px; font-size:12px; display:block; position:absolute; right:2px; top:4px;}
.fnTip .know:hover{ background-color:#ffc;background-position:42px -406px;}


/* pager */
.Pages{clear:both;padding:5px;text-align:right;font-size:12px;float:right;}
.Pages a.PageLink:Link,a.PageLink:Visited,a.PageLink:Active{background:#fff;float:left;margin-left:2px;padding:4px 6px;line-height:100%;font-weight:normal;color:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5;}
.Pages a.PageLink:Hover{padding:4px 6px;color:#FFF;background:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5;}
.Pages a.PrevPage:Link,a.PrevPage:Visited,a.PrevPage:Active{float:left;margin-left:2px;padding:4px 5px 4px 14px;line-height:100%;font-weight:normal;color:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#fff; background-position:5px -274px;}
.Pages a.PrevPage:Hover{padding:4px 5px 4px 14px;color:#fff;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#6666cc; background-position:-5px -124px;}
.Pages a.NextPage:Link,a.NextPage:Visited,a.NextPage:Active{float:left;margin-left:2px;padding:4px 14px 4px 5px;line-height:100%;font-weight:normal;color:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#fff; background-position:45px -234px;}
.Pages a.NextPage:Hover{padding:4px 14px 4px 5px;color:#fff;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#6666cc; background-position:35px -84px;}
.Pages span.PageSel{float:left;padding:2px 8px;background:#6666cc;color:#fff;font-weight:bold;margin-left:2px;}
.Pages span.PageMore{float:left;padding:2px 8px;}

/* ---- icons ---- */
/* stars */
.star10{ background-position:0 -320px; width:16px; height:16px;}
.star20{ background-position:0 -280px; width:30px; height:16px;}
.star30{ background-position:0 -240px; width:44px; height:16px;}
.star40{ background-position:0 -200px; width:58px; height:16px;}
.star45{ background-position:-200px -760px; width:72px; height:16px;}
.star50{ background-position:0 -160px; width:72px; height:16px;}
.star60{ background:url(img/ul60.gif) no-repeat; width:17px; height:14px;}
.sstar0,.sstar5,.sstar10,.sstar20,.sstar30,.sstar35,.sstar40,.sstar45,.sstar50
{width:80px; height:16px;}
.sstar0{ background-position:-199px -680px; }
.sstar5{ background-position:-200px -560px; }
.sstar10{ background-position:-200px -520px; }
.sstar20{ background-position:-200px -480px;}
.sstar30{ background-position:-200px -440px;}
.sstar35{ background-position:-200px -400px;}
.sstar40{ background-position:-200px -360px;}
.sstar45{ background-position:-200px -320px;}
.sstar50{ background-position:-200px -280px;}

.msstar0,.msstar5,.msstar10,.msstar20,.msstar30,.msstar35,.msstar40,.msstar45,.msstar50
{ width:64px; height:12px; /*gc*/ margin-top:3px\9;/*gc*/}
.msstar0{ background-position:-199px -1105px; }
.msstar5{ background-position:0 -1142px; }
.msstar10{ background-position:-199px -1071px; }
.msstar20{ background-position:-199px -1037px;}
.msstar30{ background-position:-199px -1003px;}
.msstar35{ background-position:0 -1107px;}
.msstar40{ background-position:0 -1073px;}
.msstar45{ background-position:0 -1038px;}
.msstar50{ background-position:0 -1003px;}

.good{ background-position:0 -400px; width:19px; height:19px; float:left;}
.bad{ background-position:0 -440px; width:19px; height:19px;float:left;}
.mstar1,.mstar2,.mstar3,.mstar4,.mstar5,.mstar6,.mstar7,.mstar8,.mstar9,.mstar10,.mstar11,.mstar12{ width:62px;height:24px;display:block; margin:1px 0; zoom:0;}
.mstar1{background-position:0 -480px; }
.mstar2{background-position:0 -520px; }
.mstar3{background-position:0 -560px; }
.mstar4{background-position:0 -600px; }
.mstar5{background-position:0 -640px; }
.mstar6{background-position:0 -680px; }
.mstar7{background-position:0 -720px; }
.mstar8{background-position:0 -760px; }
.mstar9{background-position:0 -800px; }
.mstar10{background-position:0 -840px; }
.mstar11{background-position:0 -880px; }
.mstar12{background-position:0 -920px; }

/* icons */
.newpic{ width:22px; height:11px;background-position:0 -360px;}
.itop{width:35px; height:15px;background-position:0 0;}
.inoface{ width:48px; height:48px; background-position:0 0;}
.isnoface{ width:20px; height:20px; background-position:-200px -160px;}
.ipic{width:16px; height:14px; background-position:0 -75px;margin-right:3px;}
.iadd{height:12px; width:12px;background-position:0 -480px;margin-right:3px;}
.isehbtn{ background-position:0 10px; width:50px; height:27px; background-position:0 -991px;}
.ishare{background-position:0 -1034px; width:15px; height:14px;}
.sehBtn{ width:30px; height:30px; display:block; position:absolute; top:0; left:0;}
.idropDown{ width:14px; height:14px;background-position:0 -1460px;}
.iup{background-position:0 -1489px;height:9px;width:9px;}
.irss{background-position:0 -1514px;height:16px;width:16px;top:-1px;*top:0;margin-right:5px;}
.admin-icon{width:15px; height:14px; background-position:0 -1550px;}

/* share */
.Share em{float:left; margin-right:5px;}
.Share .item{float:left; position:relative; top:2px; margin-right:9px; width:16px; height:16px;}
.Share .renren{background-position: -156px -1640px;}
.Share .kaixin, .sharePanel a.kaixinUO{background-position: -156px -1670px;}
.Share .mclub{background-position: -156px -1700px;}
.Share .sinat{background-position: -156px -1730px;}
.Share .douban{background-position: -156px -1760px;}
.Share .qzone{background-position: -156px -1790px;}
.Share .qqt{background-position: -156px -1820px;}
.Share .zhannei{background-position: -156px -1850px;}
.Share .email{background-position: -156px -1880px;}
.Share .link{background-position: -156px -1910px;}

.Share .more{float:left; position:relative; top:-1px; left:-2px; z-index:20; width:23px; height:30px; border:1px solid #fff; border-bottom:none; background-position:-153px -1607px; background-color:#fff; cursor:pointer}
.Share .moreOn{border-color:#e5e5e5 #666 #fff #e5e5e5; background-position:-153px -1547px;}
.Share .more:hover{background-position:-153px -1577px;}

.sharePanel{padding:5px 18px 0 6px; *padding-bottom:8px; border:1px solid #e5e5e5; border-color:#e5e5e5 #666 #666 #e5e5e5; width:80px; background-color:#fff; }
.sharePanel .item{margin-bottom:10px;}
.sharePanel .extra{position:absolute; top:-1px; right:0; width:23px; height:2px; background:#fff;}

.sharePrompt .row{margin-bottom:5px;}
.sharePrompt label{float:left; margin-right:5px; width:45px; text-align:right;}
.sharePrompt .shareRight{float:left; width:212px;}
.sharePrompt input, .sharePrompt textarea{width:210px;}

/*------------------------------------------------- end @component -----------------------------------------------*/




/*-------------------------------------------------@module -----------------------------------------------*/

/* header */

.hdLine{background:#f93; padding:1px 10px;}
.hdLine{zoom:0;}

.hdFn{padding:6px 0 5px; font-size:13px;}
.hdFn .logo{ float:left;}
.hdFn address{ float:left; margin:10px 0 0 25px;}
.hdFn .fn{ float:right;margin-top:10px;}
.hdFn .on a{font-weight:bold;}
.hdFn .fn span{ color:#999;}
.hdFn .fn li{ float:left; display:inline; padding-left:6px; margin-left:5px; background-position:0 -356px}
.hdFn .fn li.first{ background:none;}
.hdFn .fn li em{ color:#c00; font-weight:bold; margin-left:2px;}

.hdFn .fn li a.newMail{ font-weight:bold; }
.hdFn .fn li a.newMail:hover{background-color:#66C;color:#fff;text-decoration:none;}
.hdFn .fn li a.manage{ padding-right:12px; background-position:right -433px;}
.hdFn .fn li a.manage:hover{ background-position:right -473px;background-color:#66C;color:#fff;text-decoration:none;}

.hdNav{ background-position:0 -40px; background-repeat:repeat-x; position:relative;*line-height:1.6;font-size:13px;}
.hdNav .tab,.hdNav .tag{background-position:0 0; padding-left:5px; height:38px; overflow:hidden; float:left;}
.hdNav .tab li,.hdNav .tag li{ float:left;}
.hdNav .tab li a,.hdNav .tag a{color:#900;display:block; padding:0 0 0 15px;}
.hdNav .tab li a strong{ display:block; padding:8px 15px 10px 0;text-shadow:#fff 1px 1px 1px;}
.hdNav .tab li a .arrow{background-position:right -635px;*background-position:right -637px; padding-right:10px;}
.hdNav .tab li.wide a span.newIcon{left:41px;}
.hdNav .tab li a span.newIcon {position:relative;zoom:1;width:22px;overflow:hidden;top:-33px;left:28px;height:11px;}
.hdNav .tab li a span.newIcon .newpic{position:absolute;top:0px;left:0px;}

.hdNav .tag{background-position:right -80px; float:right; padding-right:5px;}
.hdNav .tag a{padding:0 6px 0 0;}
.hdNav .tag a:hover{ text-decoration:underline;}
.hdNav .tag li a strong{display:block; padding:8px 0 10px 8px;text-shadow:#fff 1px 1px 1px;}


.hdNav .tab li.on a,.hdNav .tab li a:hover
{ background-position:0 -240px; }
.hdNav .tab li.on a strong,.hdNav .tab li a:hover strong
{background-position:right -280px; color:#c33;}
.hdNav .tab li.mark{ background-position:0 -120px; padding-left:7px; margin-left:5px;}
.hdNav .tab li a.chlList{ cursor:default;}


.hdNav .sform{ position:absolute;right:0px; top:0;background-position:right -80px;height:38px;  width:306px; }
.hdNav .sform fieldset{background-position:0 -158px; padding:2px 5px 0px 33px;height:38px; }
.hdNav .sform fieldset input{ height:15px;width:215px; padding:2px 0;*padding:3px 0 2px;margin-top:5px; border:none;border-color:transparent; font-size:13px;color:#999; float:left; font-size:13px; }
.hdNav .sform fieldset button{ width:53px; height:29px; background-position:right -200px; border:none; padding:0;text-indent:-9999px; float:right;}

.hdNav .inp,.hdNav .inp .select,.hdNav .inp .search
{ float:left;}
.hdNav .inp{background-position:0 -40px;height:33px; padding:4px 0 0 15px;}
.hdNav .inp .select{display:inline; padding-right:24px;background-position:right -560px;}
.hdNav .inp .select .value{ float:left;background-position:0 -520px;width:58px; height:26px;padding:5px 0 0 10px;cursor:default;-moz-user-select:none;}
.hdNav .inp .select .list{ display:none;}

.hdNav .inp .search{ position:relative;}
.hdNav .inp .search .text{background-position:0 -520px; float:left;  height:26px; width:195px; padding:5px 0px 0px 30px;}
.hdNav .inp .search .text input{height:15px;width:170px;border:none;border-color:transparent; font-size:12px;color:#999; float:left;padding-left:4px;}
.hdNav .inp .search .text input.on{color:#000;}
.hdNav .inp .search button{background-position:0 -600px; height:30px; width:50px; border:0; padding:0;}


.hdSub{ border:1px solid #ccc; border-top:none;  background-position:right -320px; background-repeat:repeat-x; background-color:#feefbb;padding-left:5px; font-size:0; }
.hdSub li{float:left; padding:3px 0 3px 15px; display:inline; font-size:12px;}
.hdSub li a,.hdSub li a:link,.hdSub li a:visited,.hdSub li a:hover,.hdSub li a:active{ color:#666;}
.hdSub li a,.hdSub li.fn strong,.hdSub li.fn em{float:left; padding:2px 0;*padding:4px 0 0;}

.hdSub li a:hover{ text-decoration:underline;}
.hdSub li a img{ padding-top:3px;}
.hdSub li.fn{float:right; padding:3px 7px 3px 8px;}
.hdSub li.fn strong{background-position:0 -475px; padding-left:16px;}
.hdSub li.fn a{ color:#66c;float:none;}
.hdSub li.fn a:hover{text-decoration:underline;}
.hdSub li.arrow{padding-right:12px; background-position:right -387px;}

.hdSub .myGroupsBtn{margin-right: 10px; float:right; display:inline;}

.flotPl{ position:absolute; visibility:hidden; background:#fff; padding:3px 6px 5px 6px;background:#fff;margin-top:2px;border:#000 solid 1px;left:0;}
.flotPl a{display:block;margin-bottom:1px;width:auto;}

.Pl_cate,.Pl_hMGm
{background:#fff;border:1px solid #000000;padding:3px 6px 5px 6px;position:absolute;visibility:hidden;margin-top:1px; left:0;}
.Pl_cate a,.Pl_hMGm a
{display:block;margin-bottom:1px;width:auto;}

.hdCityMenu{ border:#000 1px solid;width:380px;position:absolute; visibility:hidden; }
.hdCityMenu dl,.hdCityMenu dd,.hdCityMenu dd ul{ overflow:hidden;_display:inline-block}
.hdCityMenu dl{background:#efefef;}
.hdCityMenu dt{ float:left;padding:5px 5px 26px; font-weight:bold;}
.hdCityMenu dd{  border-bottom:#ccc 1px dashed;padding:0 0 5px;background:#fff} 
.hdCityMenu strong{ float:right;} 
.hdCityMenu dd ul li{padding:5px 5px 0; float:left; width:41px;white-space:nowrap;}
.hdCityMenu .fn dt{color:#efefef;}
.hdCityMenu .fn dt,.hdCityMenu .fn dd{ padding:0 5px 5px; border:none;}

.hdCatM1c {position:absolute; visibility:hidden; top:23px; left:1px; background:#FFF9D7; border:solid 1px #B59B54; margin:0; padding:0; height:auto; width:88px;}
.hdCatM1c a:link,.hdCatM1c a:visited,.hdCatM1c a:hover,.hdCatM1c a:active{display:block; padding:3px 2px 3px 8px; text-decoration:none; zoom:1; color:#333; background:#FFF9D7}
.hdCatM1c a:hover{background:#efefef}
.hdCatM1c a.selected{background:#efefef}

.hdCatM2c {position:absolute;visibility:hidden; top:23px; left:1px; background:#fff; border:solid 1px #CCC; margin:0; padding:0; height:auto; width:88px;}
.hdCatM2c a:link,.hdCatM2c a:visited,.hdCatM2c a:hover,.hdCatM2c a:active{display:block; padding:3px 2px 3px 8px;  text-decoration:none; zoom:1; color:#333; background:#fff}
.hdCatM2c a:hover{background:#efefef}
.hdCatM2c a.selected{background:#efefef}

/*  aside box for dl markup*/
.asideBox{ border:#ccc 1px solid;  margin-bottom:10px}
.asideBox dt{background:#efefef; padding:3px 10px; color:#cc0000; font-size:13px}
.asideBox dd{padding:10px 0 5px 10px}
/*listBox*/
.listBox{ border-bottom:1px solid #ccc; font-size:13px; padding:10px 0;}
.listBox h3{ color:#c00; font-weight:bold; padding-bottom:3px; zoom:1; overflow:hidden;}
.listBox .con{ padding-left:5px;}

/*  rank box for dl markup*/
.rankBox{ border:2px solid #FFE8D9; width:226px;}
.rankBox dt{background:#FFE8D9; text-align:center; color:#cc0000; font:bold 14px/1.6 arial;}
.rankBox dd{ padding:0}
.rankBox dd p{background:#FFE8D9; text-align:right; padding:4px 5px 3px 0; font:12px arial;}


/* tag box */
.tagBox{ border-bottom:1px dotted #bcbcbc}
.tagBox h2{border-bottom:1px dotted #bcbcbc; color:#cc0000; font-size:14.8px}
.tagBox dt{color:#cc0000; font-size:13px}
.tagBox dd{padding:5px 0}
.tagBox dd table td{padding:0 5px}


/*search categroy*/
.sehBox{}
.hasBorder{ border:1px solid #FB9F78; padding:8px 0 2px 8px; margin-bottom:12px;}
.sehBox dl{margin-bottom:5px;}
.sehBox dl dt{float:left; margin-right:2px; *padding-top:2px;}
.sehBox dl dd{  width:800px; float:left;}
.sehBox dl dd ul{ overflow:hidden; _display:inline-block; }
.sehBox dl dd ul li{ float:left;display:inline; margin-right:7px; line-height:20px;}
.sehBox dl dd ul li.top{ position:relative;}
.sehBox dl dd ul li span{ color:#999;}
.sehBox dl dd ul li a,.sehBox dl dd ul li strong,.sehBox dl dd ul li span{ white-space:nowrap;}
.sehBox .sub{ border:1px solid #C5C5C5; background:#FFFAE4; padding:2px 4px;}
.sehBox .cate{ padding-bottom:3px;}
.iarrowBtm{ width:10px; height:7px; position:absolute;top:17px; left:41%; background-position:-200px -40px;}
/* search list */
.searchList{width:auto}
.searchList .sort{background:#f93; padding:5px 2px;}
.searchList .sort a, .searchList .sort span{padding-left:5px}

.searchList dt{position:relative; zoom:1; text-align:right; padding:5px 0px; border-top:2px #ff9f24 solid; height:1.5em;border-bottom:1px dashed #999999;}
.searchList dt .listFn{position:absolute; top:0px; overflow:hidden;_display:inline-block;}
.searchList dt .listFn *{ float:left;}
.searchList dt .listFn span,.searchList dt .listFn strong{ padding-top:6px; margin-right:10px;}
.searchList dt .typer strong{ margin-right:20px;}
.searchList dt .listFn span{ *padding-top:5px;}
.searchList dt .listFn a.B,.searchList dt .listFn a.BL{ margin:4px 10px 0px 0px;}
.searchList dt .listFn strong a.B,.searchList dt .listFn strong a.B:link,.searchList dt .listFn strong a.B:visited,.searchList dt .listFn strong a.B:hover,.searchList dt .listFn strong a.B:active
{ margin:0; padding:0; background:none; color:#333;}
.searchList dt span.typel{left:2px;}
.searchList dt span.typer{ right:0;}
.searchList dt a{padding-right:10px}
.searchList dt strong,.searchList dt em a
{ background:url(img/arrowtop.gif) center top no-repeat; padding-top:5px;float:left;}

.searchList dd{ zoom:1; padding:10px 0 20px;background:#fff; position:relative; _height:70px; min-height:70px;}
.searchList .detial{ font:13px/1.5  arial; margin-bottom:10px;}
.searchList .shopname{ padding:0 0 3px; height:21px;  }
.searchList .mapMark{ position:relative; top:2px; left:1px;}
.searchList .shopname .tip{color:#999;}
.searchList .shopname a{font-size:14px; font-weight:bold;}
.searchList .remark{width:211px;float:right}
.searchList .remark li{ clear:both;padding-left:26px;padding-top:3px;}
.searchList .remark li.grade{ float:left; font-weight:bold; padding-left:0px;}
.searchList .grade span{ float:left;  width:30px; text-align:center; white-space:nowrap;margin-left:18px;}
.searchList .review{ margin:10px 0;}
.searchList .fn{ position:absolute; bottom:0px;width:100%;border-bottom:1px dashed #999999; text-align:center; height:21px;}
.searchList .fn *{ display:none;}
.searchList .fnon{ position:absolute; bottom:0px;background:#DBE5EC; width:100%;border-bottom:1px solid #84ADFC;text-align:center;height:20px;padding-top:2px;}


.rateBox{padding: 15px 30px;}
.rateBox li{float:left;margin: 0 5px;border:1px solid #D9D9DB;border-top: 0;border-left: 0;}
.rateBox li a.send, .rateBox li a.send:hover{background-position: 5px 3px;background-repeat: no-repeat;color:#0065CD;width:65px;height:21px;border:1px solid #ACB9C1;background-color:#D2E4FC;display:block;padding: 8px 0 0 35px;line-height:13px;font-size:13px;}
.rateBox li a.send:hover{background-color:#B9D3F6}
.rateBox_noPop{padding: 5px;}

.favoriteBox{margin:10px 0 30px 15px;}
.favoriteBox p{margin:8px;}


/*follownote module*/
#followNote,#followNoteAdd{ padding:10px;clear:both;}
#noteTitle,#noteAddTitle{color:#C51100;font-size:14.8px;font-weight:bold; padding-bottom:5px}
#followNote .contList{ padding-bottom:20px;}
#followNote .contList-avatar{ width:70px; text-align:left}
#followNote .contList-avatar img{border:1px solid #ccc;}
#followNote .contList-fn { color:#999}
#followNote .contList-fn .confirm,#followNote .loading{margin-right:5px; padding:1px 5px; color:#cc0000; font-size:12px; background:#FFFFCC; border:1px solid #CCCCCC; display:none;}
#followNote .loading{ display:inline;}
#noteAddTitle{ width:70px; float:left; display:inline;}
#noteAddBody{ float:left; display:inline;}
#noteAddText{ width:480px; height:180px;}
#noteAddEmo{ height:35px; overflow:hidden; zoom:1;}
#noteAddEmo p{ float:left;padding:3px 12px 2px 2px; cursor:pointer; font-family:Arial}
#noteAdderror,.noteError{ display:none;}

/* ajax login & reg module */
.regLoginContent{width:460px;padding-bottom:20px;height:500px;}
.regLoginContent .rlTip{color:#aaa;}
.regLoginContent .tabs{font-family:Arial,"Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif;font-size:13px;padding:10px;}
.regLoginContent .tabs h3{font-size:14px;color:#333;}
.regLoginContent .tabs .tabNavigation{list-style:none;margin:0;padding:5px 0 0 4px;border-bottom:1px solid #aaa;height:23px;width:365px;}
.regLoginContent .tabNavigation:after {display:block;clear:both;content: " ";}
.regLoginContent .tabNavigation li {float: left;margin: 0 0 0 1px;min-width: 84px; /* be nice to Opera */width:84px;}
.regLoginContent .tabNavigation a.nosel{color: #6665CB;display:block;padding: 7px 10px 0px 10px !important;padding-top:6px;font-size:12px;margin: 1px 0 0;font-weight: bold;line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap;outline: 0;}
.regLoginContent .tabNavigation a.selected{position: relative;margin-top: 0;background:#fff;top:0px !important; top:1px;height:16px;color:#000;border-top:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;}
.regLoginContent .mxitem {clear:both;padding:0px 0 0px 10px;}
.regLoginContent .mxitem .mxsubtitle{float:left;padding:5px;text-align:right;width:100px;}
.regLoginContent .mxitem .mxsubtitles{float:left;padding:5px;text-align:right;width:90px;}
.regLoginContent .mxitem .mxinput{padding:5px !important;padding:0px 5px 5px 5px;}
.regLoginContent .mxitem .Info{font-size:12px; color:#333;}
.regLoginContent .mxitem .regvaliinfo{font-size:12px; color:#C51100;display:none;height:15px;padding-left:90px !important;padding-left:0px;height:16px;}
.regLoginContent .mxitem .fv-err{font-size:12px;padding-left:0px;height:16px;}
.regLoginContent .mxitem .fv-def{font-size:12px;padding-left:0px;height:16px;}
.regLoginContent .mxitem .fv-ok{font-size:12px;padding-left:0px;height:16px;}
.regLoginContent .mxitemcenter{padding-left:90px;}
.regLoginContent .loadingmsg{background:#fff url(/s/css/img/spinner.gif) no-repeat scroll 105px center;color:#444;font-size:14px;text-align:center;width:100%;padding:130px 0px;}

.regLoginContent .tabs .tbt{text-align:right;width:90px;}
.regLoginContent .tabs tr{height:23px;}
.regLoginContent .tabs tr.vali{vertical-align:top;height:27px;}
.regLoginContent .tabs #loginimg{position:relative;top:6px;margin-right:5px;margin-bottom:5px;}
.regLoginContent .tabs #regimg{position:relative;top:6px;margin-right:5px;margin-bottom:5px;}

/* --------  Agreement --------- */
.regLoginContent .dpAgreement{height:100px;overflow:auto;padding:2px;border:1px solid #E9E9E9;}
.regLoginContent .dpAgreement h3{font-weight:bold;text-align:center;margin:5px 0px;}
.regLoginContent .dpAgreement p{padding:0px 0px 10px 0px;}
.regLoginContent .adAgreementLogin{width:320px;margin:0px 0px 10px 0px;}
.regLoginContent .vcenter{vertical-align:top;padding-top:5px;}
.regLoginContent .inpwp{float:left;width:110px;padding-top:5px;}
.regLoginContent .inpimgwp{float:right;width:220px;}

/* btnMore */
span.btnMore,
a.btnMore,
a.btnMore:link,a.btnMore:visited
a.btnMore:hover,a.btnMore:active
{background-position:0 -716px; padding-left:8px;text-decoration:underline;cursor:pointer; font-size:13px; color:#999;}


/*AW new style*/
a.GoogleLinkG:link, a.GoogleLinkG:visited, a.GoogleLinkG:hover, a.GoogleLinkG:active{ color:#666; display:block;}
.DPAD .DPADSubject a.BL{ font-size:13px;}
.DPAD .DPADDesc a.GoogleLinkG{ font-size:12px;}
.DPAD .DPADURL a.GoogleLinkG{ font-size:10px;}
/*new style end*/

/* old */
.DPAD{ clear:both;border:solid 1px #f7f7f7;padding:0; margin-bottom:10px;}
.DPAD .DPADTitle{background-color:#f7f7f7;padding:5px 0px 0px 5px;vertical-align:top;color:#999;}
.DPAD .DPADDesc{ clear:both; font-size:10px; margin-left:5px; border-bottom:solid 1px #f7f7f7;}
.DPAD .DPADSubject{font-size:13.8px;padding: 5px 0 5px 0px; margin-left:5px;}

.DPADLeft{clear:both;width:99%;background-color:#f2f8fc; display:block; }
.DPADLeft .DPADTitle{padding-top:2px;width:100%;vertical-align:bottom; text-align:right; color:#999; position:absolute;}
.DPADLeft .DPADDesc{ clear:both; font-size:10px;padding:0;width:100%;}
.DPADLeft .DPADSubject{font-size:13px;padding: 2px 0 2px 0; font-weight:bold;}

.DPADURL{padding:0; font-size:10px; margin-bottom:5px;}
.DPADLeftURL {padding:0 0 0 10px; color:#000; font-size:10px;}

a.HP:Link,a.HP:Visited{color:#00f;text-decoration:underline;display:block;}
a.HP:Hover,a.HP:Active{color:#00f;text-decoration:underline;display:block;}
a.GoogleLink {display:block;}
a.HPURL:Hover,a.HPURL:Active{color:#66CC66;font-size:9px;text-decoration:underline;display:block;}
a.HPURL:Link,a.HPURL:Visited{color:#66CC66;font-size:9px;display:block;}

.DPADBrandImages{margin-top:10px;}
.DPADBrandImage img{ display:block; margin:0 auto;}
.DPADBrandImage{ margin-bottom:5px;}
/* old end */



/*------------------------------------------------- end @module -----------------------------------------------*/


/*------------------------------------------------- @dp UI -----------------------------------------------*/
/* bulletin */
.Bulletin{zoom:1; position:relative; margin:5px auto; border:1px solid #e0db65; padding:6px 90px 0 16px; height:22px; width:852px; background-color:#feffd7; line-height:14px;}
.Bulletin .icon{float:left; position:relative; top:2px; margin-right:8px; width:11px; height:11px;}
.Bulletin .close{position:absolute; right:13px; top:6px; padding-right:13px; background-position:right -16px; color:#ad865d; top:8px\9;}


/*mbox*/
#mbox-window{background-color:#000; overflow:visible; padding:3px; position:absolute; text-align:left}
#mbox-btn-close{background:transparent url(img/dpui.gif) no-repeat 0 0; border:solid 1px #eee; height:15px; width:15px;position:absolute; right:10px; top:12px; }
#mbox-btn-close:hover{ border:solid 1px #000;}
.mbox-loading{background-image:url(img/spinner.gif); background-position:center; background-repeat:no-repeat}
#mbox-content{background-color:#fff; clear:both; width:100%; height:100%; overflow:hidden;}
.mbox-content-image{overflow:visible}
.mbox-content-image img{display:block}
.mbox-content-iframe{overflow:visible}

/*prompt*/
#dp-Box{border:3px solid #000; background:#fff}
#dp-closehandle{ width:15px; height:15px; position:absolute; right:6px; top:6px;border:solid 1px #eee; background:url(img/dpui.gif) no-repeat;}
#dp-closehandle:hover{ border:solid 1px #000;}
#dp-title{}
#dp-InBox{}
#dp-control{ text-align:center;}
#dp-control input,#dp-control button{ vertical-align:middle;}

/*default theme*/
.DialogTitle{ height:15px; padding:10px; background:#eee; color:#cc0000; font:bold 14.8px arial;}
.DialogContent{color:#000000;font-size:12px;line-height:18px;margin:10px;}
.DialogButtons{margin:10px;text-align:center;}
.DialogButtons input,.DialogButtons button{margin:0 5px;}



/*mtabs*/
.mtabList a,.mtabList span{ background:url(img/dpui.gif) no-repeat;}
.mtabList{  border-bottom:3px solid #f94; zoom:1; overflow:hidden;}
.mtabList li{ float:left;margin-right:2px;text-align:center; }
.mtabList a{float:left;padding-left:15px; background-position:0 0; text-decoration:none;}
.mtabList a span{font-size:13px; display:block; line-height:25px;padding-right:15px;background-position:100% 0;cursor:pointer;}
.mtabList li.active a{background-position:0 -25px;}
.mtabList li.active a span{background-position:100% -25px;}

.mtabPanel{clear:both; overflow:hidden;zoom:1;display:none;  }
.mtabPanel.active{ display:block}

/*mcalendar*/
.mcalendar{font-size:12px; width:171px; height:197px; background:url(/s/img/cal_bg.png) no-repeat; padding:10px 0px 0px 12px}
.mcalendar ul{list-style:none; width:147px; margin:0px; padding:0px; clear:left}
.mcalendar ul li{float:left; width:21px; height:19px; text-align:center; cursor:pointer}
.mcalendar ul li a:link{display:block; width:21px; height:19px; color:#000; text-decoration:none}
.mcalendar ul li a:hover{color:#f94; text-decoration:underline}

.mcalendar a.mcalendar_selected:link{height:21px; cursor:pointer; color:#f94; text-decoration:none}

.mcalendar li.mcalendar_invalid{}
.mcalendar li.mcalendar_outrange{color:#333; height:20px; padding-top:1px}

.mcalendar li.mcalendar_week{color:#f94; height:auto; padding:2px 0 1px 0}

.mcalendar li.mcalendar_today{height:21px; width:63px; display:block}
.mcalendar li.mcalendar_today a:link{width:63px; display:block; height:18px; padding-top:3px; color:#000}
.mcalendar li.mcalendar_today a:hover{color:#f94}

.mcalendar li.mcalendar_month{height:21px; width:63px; display:block}
.mcalendar li.mcalendar_month a:link{width:63px; display:block; height:18px; padding-top:3px; color:#000}
.mcalendar li.mcalendar_month a:hover{color:#f94}

.mcalendar li.mcalendar_year{height:21px; width:63px; display:block}
.mcalendar li.mcalendar_year a:link{width:63px; display:block; height:18px; padding-top:3px; color:#000}
.mcalendar li.mcalendar_year a:hover{color:#f94}

.mcalendar li.mcalendar_logo{background:transparent; color:#079ddd}

/*Carousel*/

.carousel_shop{position:relative; width:580px;padding:12px 50px; border:1px solid #ccc; background:#F0EFEF;margin-bottom:10px;}
.carousel_shop .previous{ position:absolute; cursor:pointer; width:30px; height:115px; left:0; top:0px; background:url(/s/css/img/prv1.gif) no-repeat;}
.carousel_shop .next{position:absolute; cursor:pointer; width:30px; height:115px; right:0; top:0px; background:url(/s/css/img/nxt1.gif) no-repeat;}
.carousel_shop .unable{ background-position:-30px 0; cursor:default}
.carousel_shop .clip{ position:relative; width:580px; height:91px; overflow:hidden;}
.carousel_shop .cont{position:absolute; top:0; width:1720px}
.carousel_shop .cont li{ overflow:hidden; float:left; width:116px;background:#F0EFEF; padding:0; margin:0; border:0}
.carousel_shop .cont li.sitem{ background:#656565;}
.carousel_shop .cont li p{ padding:8px;}
        
.carousel_dp{position:relative; width:508px; padding:8px 30px;  background:url(/s/css/img/dp_s_bg.gif) no-repeat 0 0;margin-bottom:10px;}
.carousel_dp .previous{ position:absolute; cursor:pointer; width:26px; height:106px; left:0; top:8px; background:url(/s/css/img/dp_pre.gif) no-repeat;}
.carousel_dp .next{position:absolute; cursor:pointer; width:26px; height:106px; right:0; top:8px; background:url(/s/css/img/dp_nxt.gif) no-repeat;}
.carousel_dp .unable{ background-position:-26px 0; cursor:default}
.carousel_dp .clip{ position:relative; width:508px; height:106px; overflow:hidden;}
.carousel_dp .cont{position:absolute; top:0; width:17200px;}
.carousel_dp .cont li{ overflow:hidden; float:left; width:127px;background:#fff; padding:0; margin:0; border:0}
.carousel_dp .cont li img{ padding:0 10px;}
.carousel_dp .cont li p{ text-align:center; overflow:hidden}
 
.carousel_none .previous,.carousel_none .next{display:none;}
.carousel_none .clip{background:url(/s/css/img/dp_s_bg.gif) no-repeat; float:left; padding-left:30px}
.carousel_none .cont{  padding:8px 30px 8px 0; background:url(/s/css/img/dp_s_bg.gif) no-repeat 100% 0; float:left;}
.carousel_none .cont li{ overflow:hidden; float:left; width:127px; height:106px;background:#fff; padding:0; margin:0; border:0}
.carousel_none .cont li img{ padding:0 10px;}
.carousel_none .cont li p{ text-align:center; overflow:hidden}

.DpAdShower{ overflow:hidden; zoom:1; font:12px arial; height:18px;}
.DpAdShower li{ float:left; color:#fff; width:18px; height:18px; line-height:normal; margin:2px 3px; text-align:center; background:#593325; cursor:pointer; }
.DpAdShower li.current{font-weight:bold; background:#ff5a00; padding-left:0}
 /*minput*/
 
 /*  Radios Checkboxes */
.minputRadiobox{background:transparent url(img/dpui.gif) no-repeat left top; vertical-align:middle; overflow:hidden; height:14px; width:15px; display:block; font-size:0}
.minputCheckbox{background:transparent url(img/dpui.gif) no-repeat left top; vertical-align:middle; overflow:hidden; height:13px; width:14px; display:block; font-size:0}
.minputChecked{background-position:left bottom}
.minputHidden{display:none}

/* Selects */
.minputWrapper{position:relative; height:19px}
.minputWrapper div span{float:left; color:#336699; height:19px; font:12px/19px arial; padding:0px 3px; overflow:hidden;background:url(img/dpui.gif) no-repeat 0 0}
.minputWrapper div a{ float:left; width:21px; height:19px; background:url(img/dpui.gif) no-repeat 0 -20px}
.minputWrapper ul{position:absolute; top:18px; left:0; background:#fff; border:solid 1px #CCC; margin:0; padding:0; height:150px; overflow-y:auto; overflow-x:hidden}
.minputWrapper ul a{display:block; padding:5px; text-decoration:none; zoom:1; color:#09C; background:#fff}
.minputWrapper ul a:hover{background:#E1F5FF}
.minputWrapper ul a.selected{background:#EDEDED}

/*autocomplete*/
.autocompleter{ border:1px solid windowframe; background:#fff; line-height:25px;}
.autocompleter li{padding:0 7px;}
.autocompleter li p{float:right; color:green;}
.autocompleter .ac_select p{color:#fff;}
.ac_title{ border-bottom:1px dashed #666; line-height:20px; font-family:"Simyou"}
.ac_select{ background:#6666cc; color:#fff; cursor:pointer;}
.ac_close{ text-align:right; font-size:12px}
.ac_page{ overflow:hidden; line-height:20px;zoom:1}
a.ac_page_select:link,a.ac_page_select:hover,a.ac_page_select:active,a.ac_page_select:visited{color:#000; font-size:12px; padding:0 5px}
a.ac_page_normal:link,a.ac_page_normal:hover,a.ac_page_normal:active,a.ac_page_normal:visited{color:#6666cc; font-size:12px; padding:0 5px; text-decoration:underline}

/*tagSelector*/
.tagdiv{line-height:16px;margin:3px 0 5px 0;}
.tagtitle{color:#999;margin-right:6px;}
.taglist a{padding:2px 1px 0 1px; text-decoration:none;margin-right:4px; color:#fff;}
.taglist a:link, .taglist a:visited{color:#66c;}
.taglist a:hover, .taglist a:active{color:#FFF;background:#66c;}
.taglist a.tagon,.taglist a.tagon:link,.taglist a.tagon:visited,.taglist a.tagon:active{color:#fff;background:#6666cc;}

/*fv*/
.fv-def{ color:#404;visibility:hidden;}
.fv-ok{ color:Green}
.fv-err{ color:#cc0000}
.fv-bang{ background:#cc0000}
.textareaError{color:#cc0000}

/*report-panel*/
.report-panel{ font-family:Arial; background-color:#fff;line-height:20px;}
.report-panel select{ display:block;clip:rect(5 80 20 2); padding:1px;width:220px; line-height:20px; background-color:#fff;}
.report-panel input{ display:block; margin-top:8px; width:238px;}
.report-panel button{ margin:5px 5px 0 95px; width:60px; height:25px; vertical-align:middle;}
.report-panel .report-err{ color:red; line-height:20px; height:20px;}
.report-panel .report-succ{ color:#333; font-weight:bold; font-size:15px; text-align:center;}



/*star rating*/
.starRating,.rating .wp
{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;vertical-align:middle;position:relative; font-size:0px;}
.starRating,.starRating li:hover,.starRating .s1-on,.starRating .s2-on,.starRating .s3-on,.starRating .s4-on,.starRating .s5-on
{ background-image:url(img/g.remark.v10.png); background-repeat:repeat-x;height:16px;z-index:1;}

.rating{height:32px;z-index:0; background-position:0 bottom;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius: 3px;}
.rating label{ font-size:13px;vertical-align:middle; margin-right:8px; zoom:1;}
.rating .wp{ padding:6px 8px 5px; background:#FEF5C4; border:1px solid #f93;}

.starRating{ width:80px;background-position:-199px -680px;}
.starRating li{ position:absolute; text-indent:-9999px;cursor:pointer; width:16px;height:16px; z-index:2; }

.starRating .s1{left:0;}
.starRating .s2{left:16px;}
.starRating .s3{left:32px;}
.starRating .s4{left:48px;}
.starRating .s5{left:64px;}
.starRating .data{ display:none;}
.starRating .info,.starRating li.info:hover{ font-weight:bold; right:-215px; top:-2px; text-indent:0; width:200px; font-size:13px; background:none; cursor:default;color:#666}

.starRating .hover,.starRating li.hover:hover{color:#f63}
.starRating .error,.starRating li.error:hover{color:#c00}

.starRating .s1:hover,.starRating .s1-on
{background-position:-200px -520px;width:16px;left:0;}
.starRating .s2:hover,.starRating .s2-on
{background-position:-200px -480px;width:32px;left:0;}
.starRating .s3:hover,.starRating .s3-on
{background-position:-200px -440px;width:48px;left:0;}
.starRating .s4:hover,.starRating .s4-on
{background-position:-200px -360px;width:64px;left:0;}
.starRating .s5:hover,.starRating .s5-on
{background-position:-200px -280px;width:80px;left:0;}

/*gc*/
.linkSplit{ color:#ccc;}
/*gc*/
