/*--------------------------------------------@global-------------------------------------------------*/
/* ----------------- reset ------------------- */
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}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}

form label{cursor:pointer}
input, button, textarea{font-family:inherit; font-size:100%;}

table{border-collapse:separate;}
caption, th, td{/*text-align:left; */font-weight:normal}

body{font:12px/1.5 tahoma,\5b8b\4f53,arial,sans-serif;}
/* ----------------- layout ------------------- */
#panel{margin:0 auto; width:960px;}
.main{ margin-top:5px; padding:245px 10px 30px;}

/* inline block */
.footer .expo-last li,.infor-list .bent li,.infor-list .icon li
{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px; vertical-align:middle;position:relative;}

/* css sprite */
.applyA,.applyB,.prize-t,.prize-b,.experts-t,.experts-b,
.infor-list li h3,.infor-list li .photo
{background-image:url(img/icon-bg.png); background-repeat:no-repeat;}
.main{ background:url(img/main-bg.jpg) scroll no-repeat #fff0f0; width:940px!important;}
.infor-list li h3{ background-position:0 -240px;}
.infor-list li .photo{ background-position:-750px -60px;}
.h-quick-menu li,.pop-panel_list li a{background-image:url(http://i2.dpfile.com/s/css/i/g.header.v20110124.png);background-repeat:no-repeat;}
/* ----------------- tool ------------------- */
/* clear float */
.Clearfix:after,.apply:after,.infor-box:after
{display:block; content:'\20'; height:0; clear:both;}
.Clearfix,.apply,.infor-box
{zoom:1}
/* tool */
.Right{float:right !important;}
.Left{float:left !important;}
.Hide{display:none;}
.Clear{clear:both;}

.b-10{margin-bottom:10px;}
.b-20{margin-bottom:20px;}

/* ----------------- font ------------------- */
/* font */
h3, h4, h5, h6{font-size:14px; line-height:21px;}
h2{ font-size:16px; color:#fff;}
/* color */
html{ color:#ff6350;}
.color-r{ color:#ff6699}
.color-w{ color:#fff;}
.color-h{ color:#836c6c}
/* link */
a{color:#ff6350;text-decoration:none;}
a:hover{ text-decoration:underline;}

/*------------------------------------------------- @component -----------------------------------------------*/
.e-header,
.e-header .nav-list .expand
{ background-image:url(img/nav.png); background-repeat: no-repeat;}
/*header-nav*/
.e-header { width: 100%; height: 30px; background-position: 0 0; background-repeat: repeat-x;}
.e-header-inner {width: 960px; margin:0 auto; }
.e-header .logo {float: left; margin-right: 20px;}
.e-header .nav-list { float: left; color: #DEDEDE;}
.e-header .nav-list li { float: left; height: 29px; padding: 0 5px 0 0; line-height: 29px; line-height: 31px\9;}
.e-header .nav-list a { margin: 0 5px 0 0; color: #61646E;}
.e-header .nav-list a:hover { color: #C00;}
.e-header .secondary { float: right; width:auto;}
.e-header .nav-list .expand { padding-right: 18px; padding-bottom:2px; background-position:right -56px;}
.user-fn a,.user-fn a span
{background-image:url(img/nav.png);background-repeat:no-repeat;}
.user-fn{margin:5px 8px 0 0;padding:0;}
.user-signup{margin-right:3px;}
.user-fn a{padding-right:2px;background-position:right -35px; float:left;cursor:pointer;}
.user-fn span{float:left;height:20px;padding:0 8px 0 11px;line-height:18px;line-height:22px\9;_line-height:18px;background-position:0 -35px;}
.user-fn a:hover{text-decoration:none;/*background-position:right -60px;*/}

.h-quick-menu,.header-bar .nav,.header .user-fn{line-height:14px;color:#999;}
.header-bar .nav li,.h-quick-menu li,.header .user-fn li{float:left;padding-left:8px;padding-top:7px;background-position:-169px -451px;padding-top:9px\9;}
.header-bar .nav a,.h-quick-menu a,.header .user-fn a{float:left;padding-right:7px;}
.header-bar .nav .first,.h-quick-menu .first,.header .user-fn .first{background:none;}
.h-quick-menu{float:right;margin-left:-100px;}
.h-quick-menu .user-fn{margin:5px 8px 0 0;padding:0;}
.h-quick-menu .user-signup{margin-right:3px;}
.h-quick-menu .user-fn a{padding-right:2px;background-position:right -35px;cursor:pointer;}
.h-quick-menu .user-fn span{float:left;height:20px;padding:0 8px 0 11px;line-height:18px;line-height:22px\9;_line-height:18px;background-position:0 -35px;}
.h-quick-menu .user-fn a:hover{text-decoration:none;background-position:right -60px;}
.h-quick-menu .user-fn a:hover span{background-position:0 -60px;}
.h-quick-menu .user-logged{padding-right:7px;}
.h-quick-menu a em{color:#C00;}
.pp_quick-nav{z-index:1000;top:25px;}
.pp_quick-nav ul{width:166px;overflow:hidden;}
.pp_quick-nav li{float:left;width:75px;margin:0 8px 3px 0;}
.pp_quick-nav .quick-nav-channels{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #F5EEE8;}
.pp_quick-nav .member a,.pp_quick-nav .coupon a{float:left;zoom:1;position:relative;padding-right:13px;}
.pp_quick-nav .icon{position:absolute;right:0;top:4px;width:9px;height:9px; background:none;}
.pp_quick-nav .member .icon{background-position:-80px -468px;}
.pp_quick-nav .coupon .icon{background-position:-80px -486px;}
.pop-panel a{color:#61646E;}
.pop-panel a:hover{text-decoration:underline;color:#C00;}
.pop-panel .close{position:absolute;right:7px;top:7px;width:16px;height:16px;text-indent:-9999px;background-position:-67px -252px;}
.pop-panel .close:hover{background-position:-87px -232px;background-color:#FFF;}
.pop-panel .title{margin:-5px -9px 15px -9px;padding:0 9px;line-height:30px;background:#FAF7EB;}
.pop-panel .title .title-main{display:inline;margin-right:10px;font-size:1.2em;color:#C00;}
.pop-panel .title .title-misc{font-size:12px;color:#111;}
.pop-panel .title a.title-misc{padding:0 1px;color:#66C;}
.pop-panel .title a.title-misc:hover{color:#FFF;background:#66C;}
.pop-panel .more{text-align:right;}
.pop-panel .more a{color:#66C;background-image:none;}
.pop-panel .more a:hover{color:#FFF;background:#66C;}
.pop-panel p{margin-bottom:5px;color:#61646E;}
.pop-panel_list li a{padding-left:3px;background-position:-169px -418px;*background-position:-169px -420px;}
.pop-panel_list li a:hover{background-position:-169px -438px;*background-position:-169px -440px;}


.apply{ margin-bottom:20px; padding-top:5px; color:#ff6350;}
.apply-box{ float:left; width:352px; height:108px;}
.applyA{ background-position:-10px -120px; padding:8px 10px 0 10px;}
.applyB{ background-position:-560px -120px; padding:8px 0 0 38px;}
.apply-btn-box{ float:left; margin-top:15px;}
.btn-box{ margin:20px 0 0 370px;}

.prize-box{ margin-bottom:20px; width:940px;}
.prize-t{ background-position:0 0; width:940px; height:40px;}
.prize-b{ background-position:0 -40px; width:940px; height:8px;}
.prize-m{ background-color:#ffffff; padding-left:10px; border-left:1px solid #ffd4d4;border-right:1px solid #ffd4d4; color:#cc3366;}
.prize-m li{ float:left; padding:0 20px; text-align:center;}
.prize-m li p{ text-align:center; font-size:14px;}

.inforLeft{ float:left; width:748px; margin-right:10px;}
.experts-t{ background-position:0 -60px; width:748px; height:40px;}
.experts-b{ background-position:0 -101px; width:748px; height:10px;}
.experts-m{ background-color:#ffffff; border-left:1px solid #ffd4d4;border-right:1px solid #ffd4d4;  padding:20px 0;}
.inforRight{ float:left; width:180px; color:#c36; overflow:hidden;}
.ac-box {padding:5px 0 15px;}
.ac-box h3{ font-size:14px; font-weight:bold; color:#333;}
.ac-box h3 span{ color:#333;}


.flotPl {background-color:#fff;border:1px solid #000;left:0;margin-top:2px;padding:3px 0 5px;position:absolute;visibility:hidden;width:75px;}
.flotPl a {display:block;line-height:20px;margin-bottom:1px;width:auto;}
a.B:link, a.B:visited {color:#6666cc;padding:2px 1px 0;text-decoration:none;}
a.B:hover, a.B:active{background-color:#6666cc;color:#fff;padding:2px 1px 0;text-decoration:none;}

.footer .expo-last{padding:20px 0 20px 160px;overflow:hidden;}
.footer .expo-last li{float:left;color:#999;margin-right:30px;}
.footer .expo-last li a{color:#999; text-decoration:none;}
.footer .expo-last li a:hover{ text-decoration:underline;}
.footer p{text-align:center; color:#999}

.page-box{ overflow:hidden; height:40px;}
.Pages{clear:both;float:right;padding:5px;text-align:right;font-size:12px;line-height:16px;}
.Pages a,.Pages span{display:inline;margin-left:2px;background:#fff; text-decoration:none; color:#3f3f3f}
.Pages a,.Pages .PageSel{float:left;border:1px solid #3f3f3f;padding:2px 6px;}
.Pages a:hover,.Pages .PageSel{border-color:#3f3f3f;background:#3f3f3f;color:#fff;text-decoration:none;}
.Pages .PageSel{font-weight:bold;}
.Pages .PageMore{float:left;padding:3px 3px;}

.infor-list{ margin-bottom:20px;}
.infor-list li{ position:relative; margin-bottom:15px;}
.infor-list li h3{ padding-left:230px; height:27px; line-height:28px; font-size:12px;}
.infor-list li h3 strong{ font-size:16px;}
.infor-list li .photo{ width:210px; height:54px; position:absolute; top:-10px; left:8px;}
.infor-list li .photo p{line-height:27px;}
.infor-list li .photo .p-a{ padding-left:30px; font-size:14px;}
.infor-list li .photo .p-b{ padding-left:10px; font-size:12px; text-align:center;color:#ccc;}
.infor-list li .photo .p-b a{ color:#ccc; text-decoration:none;}
.infor-list li .photo .p-b a:hover{ text-decoration:underline;}
.infor-list li .content{ margin-left:230px; color:#ff6350;}
.infor-list .introduction{ margin:20px 0 0; height:72px; overflow:hidden;}
.infor-list .introduction p{ padding:0 10px 0 5px;}
.infor-list .more{ margin-bottom:5px; height:16px;}
.infor-list .icon li{ margin-right:1px; *margin-right:4px; _margin-right:4px;}