﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body{
    margin: 5px 0 0;
    font: 12px/1.5 Tahoma, Arial, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, sans-serif;
    color: #9F4602;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q: before, q: after {
    content: '';
}

input {
    color: #999;
    margin:0;
    vertical-align:middle;
}

input.txt {
    background-color: #fff;
    border: 1px solid #c98437;
    height: 16px;
    padding: 3px;
}

input.txt-focus,input.txt:focus,textarea:focus {
    background-color: #f7f1e5;
    border: 1px solid #c82621;
}
input.readonly,input.readonly:focus{
    border-color:#999 !important;
}
textarea {
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #c98437;
    padding:3px;
    font-size:12px;
}

a, button {
    text-decoration: none;
    hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
    outline: none; /* for firefox 1.5 + */
}

img, div {
    hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
    outline: none; /* for firefox 1.5 + */
}

img {
    border: 0;
}

a img {
    border: 0;
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #9F4602;
}

a:hover {
    text-decoration: underline;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.gray {
    color: #999;
}

.none {
    display: none;
}

.inline-block {
    display: inline-block !important;
}

.tright {
    text-align: right;
}

.tcenter {
    text-align: center;
}
.tleft {
    text-align: left;
}

.prel {
    position: relative;
}

.pabs {
    position: absolute;
}


.flow-hidden {
    overflow: hidden;
    zoom:1;
}

/*圆角*/
.round-corner {
    position: relative;
    background: #f7f1e4;
    padding: 8px;
    zoom: 1;
}

.round-corner .t-l, .round-corner .t-r, .round-corner .b-l, .round-corner .b-r {
    background: url("../images/roundIcon.gif") left top;
    height: 8px;
    position: absolute;
    width: 8px;
}

.round-corner .t-l {
    left: 0;
    top: 0;
}

.round-corner .t-r {
    top: 0;
    right: 0;
    background-position: right 0;
}

.round-corner .b-l {
    bottom: 0;
    left: 0;
    background-position: left bottom;
}

.round-corner .b-r {
    bottom: 0;
    right: 0;
    background-position: right bottom;
}

.w50 {
    width: 50px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

/*错误提示*/
.error-wrong {
    padding-left: 23px;
    background: url("../images/errorTipIcon.gif") no-repeat 3px top;
    color: #d60000;
}

.error-success {
    padding-left: 23px;
    color: #14b604;
    background: url("../images/errorTipIcon.gif") no-repeat 3px -26px;
}
/*信息提示，警告，错误提示*/
.error, .notice, .success {
    border: 2px solid #DDD;
    padding: 10px;
}

.error {
    background: #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}

.notice {
    background: #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}

.success {
    background: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
    font-size:14px;
    margin-bottom:10px;
}

/*头部*/
#top {
    width: 972px;
    height: 82px;
    margin: 0 auto;
    clear: both;
}

#top .leftBoder {
    width: 11px;
    height: 82px;
    background: url(../images/top_LeftBoder.jpg) no-repeat center;
    float: left;
}

#top .rightBoder {
    width: 11px;
    height: 82px;
    float: left;
    background: url(../images/top_RightBoder.jpg) no-repeat center;
}

#top .center {
    width: 950px;
    height: 82px;
    float: left;
    background: url(../images/top_CenterBg.jpg) repeat-x;
}

#logo {
    width: 240px;
    height: 37px;
    padding-top: 10px;
    float: left;
}

#topMenu {
    padding-left: 5px;
    float: left;
    width: 695px;
}

#topMenu .login {
    text-align: right;
    padding-bottom: 6px;
    padding-top: -1px;
    height: 36px;
}

#topMenu .login a {
    padding: 5px 5px 1px;
    margin-left: 3px;
    display: inline-block;
}

#topMenu .login a:hover {
    background: #C02027;
    color: #fff;
    text-decoration: none;
}

#topMenu .login label {
    color: #888;
}

/*红色线条*/
.top-red-line {
    width: 972px;
    height: 19px;
    margin: 0 auto;
    background: url(../images/core.png) repeat-x left -58px;
    overflow: hidden;
    clear: both;
}

ul.main-nav {
    margin-top: 5px;
    height: 35px;
    float: right;
}

ul.main-nav li {
    padding: 8px 0 2px;
    background: #e9d9ae;
    color: #a95816;
    width: 60px;
    font-size: 12px;
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 5px;
}
ul.main-nav li.current {
    height: 30px;
    margin-top: 0;
    _line-height: 30px;
    background: url("../images/core.png") no-repeat left top;
    color: #FFF;
    padding: 0;
    padding-top: 10px;
    _padding-top: 5px;
    font-weight: 700;
}

ul.main-nav li.current a {
    color: #FFF;
    display:block;
}

ul.main-nav li.current a:hover {
    text-decoration: none;
}

#footerContainer {
    width: 972px;
    margin: 0 auto;
    background: #EBE0C4;
}

#footerContainer .line {
    height: 3px;
    width: 100%;
    background: url(../images/core.png) repeat-x left -284px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

#footerContainer .line2 {
    height: 2px;
    width: 816px;
    background: url(../images/core.png) repeat-x left -223px;
    overflow: hidden;
}

#footerContainer .content1 {
    width: 405px;
    padding: 9px 10px 9px 27px;
    float: left;
}

#footerContainer .content {
    width: 160px;
    height: 177px;
    float: left;
}

#footerContainer .content1 h2 {
    line-height: 30px;
    color: #AB6322;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

#footerContainer .content1 .FtWords {
    padding: 5px 0 0 6px;
    color: #777;
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
}

#footerContainer .centerLine {
    background: url(../images/core.png) no-repeat left -105px;
    width: 5px;
    margin-top: 20px;
    height: 73px;
    overflow: hidden;
    float: left;
}

/*底部主体*/

.blog-summary {
    padding: 5px 15px;
    background: #F2EACF;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.blog-summary h3 {
    font-size: 14px;
    position: relative;
    padding: 5px 0;
}

.blog-summary h3 span {
    position: absolute;
    right: 0px;
    font-size: 12px;
    color: #C58E5D;
    font-weight: normal;
    _right: 20px;
}

.blog-summary p {
    color: #777;
}

.blog-summary p a.more {
    font-size: 9px;
    color: #B31E23;
    padding-right: 8px;
    background: url(../images/core.png) no-repeat right -138px;
}

#footerContainer .content h1 {
    margin: 10px 0 0 25px;
    font-size: 14px;
    font-weight: 600;
    color: #AB6322;
    line-height: 2.2em;
    padding-bottom: 8px;
}

#footerContainer .content ul {
    padding-left: 12px;
}

#footerContainer .content ul li {
    background: url(../images/core.png) no-repeat -79px -95px;
    margin-left: 4px;
    padding: 2px 0 0 14px;
    line-height: 22px;
}

#footerContainer .content ul li.list2 {
    background: none;
    padding: 0 0 12px 14px;
    line-height: 14px;
    color: #999;
    font-size: 11px;
}

#footerContainer .content li a {
    color: #906D2A;
}

#footerContainer .content li a:hover {
    text-decoration: underline;
}

#footerContainer .content ul li ul {
    padding: 2px 0 4px 12px;
}

#footerContainer .content ul li ul li {
    padding: 0;
    background: none;
}

#footerContainer .content ul li ul li a {
    color: #666;
}

#footerContainer .content ul li ul li a:hover {
    border-bottom: 0;
    text-decoration: underline;
}

#copyRight {
    height: 45px;
}

#copyRight .word {
    color: #A04300;
    font-size: 12px;
    height: 25px;
    padding-top: 10px;
    padding-left: 20px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

#copyRight .word a {
    color: #A04300;
    text-decoration: none;
    padding: 0 5px;
}

#copyRight .word a:hover {
    text-decoration: underline;
}

#footerContainer .bottom-cup {
    background: url(../images/core.png) no-repeat left -307px;
    height: 74px;
    width: 88px;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

/*按钮*/
.button {
    background: url(../images/btnBg.png) no-repeat top center;
    width: 60px;
    height: 22px;
    text-align: center;
    display: inline-block;
    color: #FFF;
    line-height: 20px;
    cursor: pointer;
    font-weight: 700;
    padding: 0;
    margin-left: 10px;
}

a.button {
    color: #fff;
    text-decoration: none;
}

.clear {
    clear: both;
}
.clearleft{
    clear:left;
}

/** 清浮动 **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    _overflow: hidden;
}

* html>body .clearfix {
    display: inline-block;
    width: 100%;
}

* html .clearfix {
    height: 1%; /* End hide from IE-mac */
}

/* ie7 hack*/
*+html .clearfix {
    min-height: 1%;
}

a.button:visited {
    color: #fff;
}

.button2 {
    font-weight: 700;
    color: #fff;
    width: 73px;
    padding-top: 1px;
    height: 28px;
    background: url(../images/btnBg2.gif) no-repeat top;
    font-size: 12px;
    line-height: 29px;
    display: block;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.myInput {
    border: 1px solid #666;
    width: 100%;
    background: #F5EFD5;
}

.hiddenDiv {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden;
}

.showDiv {
    display: block;
}

.listTitle {
    color: #A14401;
    font-family: Arial, Helvetica, sans-serif, '';
    font-weight: 700;
    width: 100%;
}

.listTitle a {
    color: #A14401;
    font-family: Arial, Helvetica, sans-serif, '';
    font-weight: 700;
    text-decoration: none;
}

.listTitle a:active {
    text-decoration: none;
}

.listTitle a:visited {
    text-decoration: none;
}

.listTitle a:hover {
    text-decoration: none;
}

.scroeWord {
    color: #9B4605;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif, '';
}

.pannelbody .listTitle label {
    border-bottom: solid 1px #ccc;
    color: #A14401;
    font-size: 12px;
    width: auto;
}

.listTitle label.hover {
    border-bottom: solid 1px #A14401;
    color: #A14401;
    font-size: 12px;
}

#searchform {
    background: url(../images/Left_SearchBg.jpg) top left no-repeat;
    width: 228px;
    text-align: left;
    height: 32px;
    margin: 8px auto 6px;
}

#searchform:hover {
    background-position: bottom left;
}

#searchform .searchinput {
    color: #555;
    background: none;
    border: none;
    width: 136px;
    height: 20px;
    padding: 2px 0 6px 8px;
    vertical-align: middle;
}

#searchform .searchsubmit {
    background: none;
    border: none;
    height: 32px;
    width: 83px;
    cursor: pointer;
    vertical-align: middle;
}

.blackBackground {
    width: 100%;
    z-index: 2;
    background: #333;
    height: 2000px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

#loginWindow {
    width: 300px;
    background: #FFF;
    height: 90px;
}

#loginWindow li {
    float: left;
    line-height: 24px;
    height: 24px;
}

#loginWindow li.left {
    width: 80px;
    text-align: right;
}

#loginWindow li.right {
    width: 210px;
    text-align: left;
}

#loginWindow li.myButton {
    width: 300px;
    text-align: center;
}

#loginWindow input.text, #loginWindow input.password {
    width: 200px;
    border: #666 solid 1px;
    height: 14px;
    background: #eee;
}

#loginWindow input[type="text"], #loginWindow input[type="password"] {
    width: 200px;
    height: 14px;
    border: #666 solid 1px;
    background: #eee;
}

#loginWindow button {
    background: #AAA;
    color: #333;
}

#AspNetPager1 {
    margin: 0 auto;
}

.pageTurn a, .pageTurn span {
    text-decoration: none;
    display: inline-block;
    width: 35px;
    color: #148BD7;
    height: 20px;
}

.pageTurn span.current {
    font-weight: 700;
    color: #c60c0c;
}

.pageTurn a:hover {
    background: url("../images/page_bg.gif") no-repeat center;
    text-decoration: none;
    color: #fff;
}

.btn-small,.btn-big {
    border-left: 1px solid #be1012;
    border-right: 1px solid #9b0709;
    border-top: 1px solid #be1012;
    border-bottom: 1px solid #9b0709;
    color: #FFF;
    word-spacing: 0.5em;
    cursor: pointer;
    line-height: 19px;
    padding: 0 5px;
    text-align: center;
    background-color: #be1012;
    height: 22px;
    vertical-align: middle;
    display:inline-block;
}
.btn-big{
    font-size:14px;
    padding:5px 20px;
    height:30px;
    font-weight:bold;
}
a.btn-big,a.btn-small{
    color:#FFF !important;   
}
.btn-small:hover ,.btn-big:hover{
    background-color: #dd1d1f;
    border-color: #f6494b #9b0709 #9b0709 #f6494b;
    border-style: solid;
    border-width: 1px;
}

.btn-small-cancel {
    color: #666;
    cursor: pointer;
    height: 22px;
    line-height: 19px;
    padding: 0 5px;
    text-align: center;
    background-color: #DDD;
    border-color: #DDD #666 #666 #DDD;
    border-style: solid;
    border-width: 1px;
}

.btn-small-cancel:hover {
    background-color: #EEE;
    border-color: #DDD #666 #666 #DDD;
    border-style: solid;
    border-width: 1px;
}

.errorInfo {
    color: red;
    padding: 0 5px;
}

.googleadsense {
    padding-bottom: 25px;
    text-align: center;
    background: #f5efd5 url("../images/wineAds.gif") no-repeat -750px bottom;
}

.googleAdsenseWrapper {
    padding-top: 25px;
    text-align: center;
    background: url("../images/wineAds.gif") no-repeat -430px top;
}

.score-result {
    width: 83px;
    height: 25px;
    background: url("../images/wine/bg.gif") no-repeat -103px -400px;
    margin: 0 auto;
    text-indent: -9999px;
}

.score1, .score1-0 {
    background-position: -565px -400px;
}

.score1-5 {
    background-position: -67px -400px;
}

.score2, .score2-0 {
    background-position: -549px -400px;
}

.score2-5 {
    background-position: -51px -400px;
}

.score3, .score3-0 {
    background-position: -533px -400px;
}

.score3-5 {
    background-position: -35px -400px;
}

.score4, .score4-0 {
    background-position: -517px -400px;
}

.score4-5 {
    background-position: -19px -400px;
}

.score5, .score5-0 {
    background-position: -501px -400px;
}

/*分享*/
#btnShareArea a {
    padding: 0 18px;
    background: url(../images/sns-bg.gif) no-repeat left top;
    line-height: 16px;
    height: 16px;
}

#btnShareArea a.btn-renren {
    background-position: 0 -20px;
}

#btnShareArea a.btn-douban {
    background-position: 0 -40px;
}

#btnShareArea a.btn-bai {
    background-position: 0 -60px;
}

#btnShareArea a.btn-qzone {
    background-position: 0 -80px;
}

#btnShareArea a.btn-sina {
    background-position: 0 -98px;
}

/*弹出框*/
/*layout浮动层*/
.pop-dialog {
    position: absolute;
    left: 200px;
    top: 200px;
}

.pop-dialog .pop-dialog-wrap {
    padding: 10px;
    background: #666;
    -moz-border-radius: 10px; /* FF1+ */
    -webkit-border-radius: 10px; /* Saf3+, Chrome */
    border-radius: 10px; /* Opera 10.5, IE 9 */
}

.pop-dialog-content {
    background: #FFF;
    padding: 5px;
    min-width: 200px;
    _width: 200px;
}

.pop-dialog .pop-dialog-title {
    /* FF3.6 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fb', endColorstr='#edf2f6',GradientType='0')";
    background-color:#f7f9fb;
    color: #B10000;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 40px 7px 10px;
    display: block;
    position: relative;
    background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0, #f7f9fb),color-stop(1, #edf2f6));/* Saf4+, Chrome */

    }

.pop-dialog .draggable {
    cursor: move;
}

.pop-dialog .pop-dialog-title span {
    color: #B10000;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 5px;
    _right: 15px;
    top: 5px;
}

.pop-dialog-foot {
    background-color: #f0f5f9;
    padding: 8px 0px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
}

.i-like {
    padding-left:20px;
    background:url(../images/member/little-icon.gif) no-repeat -28px -10px;
}
.i-like:hover {
    background-position:-28px -27px;
}

/*回到顶部按钮*/
.to-top {
    position: fixed;
    text-indent: -9999px;
    display: block;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    background: url(/images/core.png) no-repeat 0 -390px;
    _display: none;
    cursor:pointer;
    }
