@charset "utf-8";

/* Reset 4.1
-----------------------------------------------------------------------------------------------------------*/
html { background-color: #fff; }
body, h1, h2, h3, h4, p, ul, ol, dl, dd, form, textarea, input { margin: 0; }
ul, ol, th, td, input, select { padding: 0; }
ul { list-style: none; }
ol { list-style: inside decimal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
em, strong, i { font-style: normal; }
img { vertical-align: top; border: 0; }
input, textarea { outline: none; }
table { border-collapse: collapse; }
section, article, aside, header, footer, nav { display: block; }

/* font */
body, a, input, textarea { font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; color: #333; }
body { font-size: 14px; line-height: 1.2; }
input, select, textarea { font-size: inherit; }
h1, h2, h3, h4 { font-weight: 400; font-size: 1em; }

/* parts */
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.vm { vertical-align: middle; }
.nt { text-indent: -38888px; outline: none; }

.fill { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) repeat 0 0; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { *zoom: 1; }

/* FormList.css 1.7
-----------------------------------------------------------------------------------------------------------*/
.formList .field {position: relative; padding-left: 150px; font-size: 14px;}
.formList .field p {font-size: 12px;}

.formList .field-item {_zoom: 1; margin-bottom: 8px;}
.formList .field-item .item-title, .formList .field-item .infobox {height: 32px; line-height: 32px;}
.formList .field-item .item-title {position: absolute; top:0; left: 0; width: 150px; text-align: right; white-space: nowrap;}
.formList .field-item .item-title em {color: red;}
.formList .field-item .infobox {*zoom: 1; display: inline-block; *display: inline;}
.formList .field-item .textbox {width: 240px; height: 30px; line-height: 30px\9; border: 1px solid #e2e3ea; border-top-color: #abadb3; text-indent: 4px; vertical-align: top; _margin-top: -1px;}
.formList .field-item .imebox {ime-mode: disabled;}
.formList .field-item select {width: 242px; padding: 5px 6px 5px 1px; padding-top: 6px\9; border: 1px solid #e2e3ea; border-top-color: #abadb3; vertical-align: top; *margin: 4px 0 5px; _margin-bottom: 6px;}
.formList .field-item textarea {padding: 6px 4px; border: 1px solid #e2e3ea; border-top-color: #abadb3; vertical-align: top; _margin-top: -1px; resize: none; overflow: auto;}

.formList .field-item-space {height: auto;}

.formList .field-btn input {width: 120px; height: 32px; line-height: 32px; cursor: pointer;}
.formList .field-btn .hover {}
.formList .field-btn .disable, .formList .field-btn .disabled {cursor: default;}

.formList .help, .formList .error {height: 20px; line-height: 20px; _margin-top: -1px;}
.formList .help {color: #888;}
.formList .error {display: none; color: red;}

.formList .jz-focus .help {display: block;}
.formList .jz-focus .error {display: none;}
.formList .jz-help .help {display: block;}
.formList .jz-help .error {display: none;}
.formList .jz-error .help {display: none;}
.formList .jz-error .error {display: block;}
.formList .jz-success .help {display: none;}
.formList .jz-success .error {display: none;}

/* cover */
.formList-cover .help, .formList-cover .error {position: absolute; top: 0; left: 150px; width: 240px; height: 30px; line-height: 30px; border: 1px solid #e2e3ea; border-top-color: #abadb3; background-color: #fff; text-indent: 4px; cursor: default; _margin-top: 0;}
.formList-cover .jz-focus .help {display: none;}
/*.formList-cover .jz-help .help {display: none;}*/
.formList-cover .jz-error select {visibility: hidden;}

/* follow */
.formList-follow .help, .formList-follow .error {position: absolute; top: 6px; left: 400px;}

/* identity */
.formList .fieldset { display: none; height: 160px; }
.formList .identity { z-index: 1; position: relative; height: 32px; font-size: 12px; }
.formList .identity input, .formList .identity span { vertical-align: middle; }
.formList .identity input { *width: 13px; *height: 13px; margin: 0 4px 0 0; }
.formList .identity p { z-index: 1; display: none; position: absolute; top: 24px; left: 150px; padding: .3em .7em; border: 1px solid #f00; background-color: #fee; color: #f00; }

/* Layout
-----------------------------------------------------------------------------------------------------------*/
.container, .footer { max-width: 1920px; min-width: 1000px; }
.container { margin: 0 auto; background-color: #f1f1f1; }
.part { background-repeat: no-repeat; background-position: center 0; }
.part .wrap { position: relative; width: 1000px; margin: 0 auto; }

.part1 .more a, .formList .field-item-code .button, .formList .field-btn input { background: url(btn.png) no-repeat; }

/* header */
.header { height: 600px; background-image: url(header-bg.jpg); }
.header .logo { padding-top: 8px; text-align: center; }
.header .logo img { width: 156px; }
.header .menu, .header .menu a { color: #c04452; }
.header .menu { position: absolute; top: 16px; right: 132px; font-weight: 700; font-size: 18px; }
.header .menu a { font-weight: 400; }

/* part */
.part1 { height: 560px; background-image: url(part1-bg.jpg); }
.part1 .more { margin-top: 52px; padding-right: 36px; text-align: right; }
.part1 .more a { display: inline-block; width: 184px; height: 49px; line-height: 49px; padding: 2px 0 0 2px; background-position: right bottom; text-align: center; font-weight: 700; font-size: 18px; color: #259014; }

.part2 { height: 451px; background-image: url(part2-bg.jpg); color: #fff; }
.part2 h2 { position: relative; left: -6px; padding: 1em 0; }
.part2 h2, .part2 ul { margin: 0 200px; }
.part2 li { margin-bottom: .4em; line-height: 1.6; }
.part2 img { position: absolute; top: 340px; left: 0; }

/* prizes */
.prizes { height: 235px; padding: 12px 0 0 170px; text-align: center; }
.prizes li { float: left; width: 200px; height: 187px; margin-right: 29px; background: url(prize-bg.png) no-repeat 0 0; color: #fff; }
.prizes li img { width: 146px; height: 142px; }

/* qrc */
.f-box-qrc { z-index: 9; position: fixed; top: 0; right: 0; padding: 8px; background-color: #e36676; text-align: center; line-height: 1.2; color: #fff; }
.f-box-qrc img { width: 133px; margin-bottom: 8px; }

/* form list */
.formList { height: 180px; margin: 0 260px; }
.formList .field-item { position: relative; }
.formList .field-item .error { position: absolute; top: 8px; left: 400px; white-space: nowrap; color: #ff0; }
.formList .field-item .item-title { color: #fff; }
.formList .field-item-code { height: 36px; }
.formList .field-item-code .textbox { float: left; width: 112px; margin-right: 4px; }
.formList .field-item-code .button { float: left; width: 124px; height: 32px; border: 0; background-position: right 0; color: #fff; }
.formList .field-btn { padding: 12px 0 0 0; }
.formList .field-btn input { display: block; width: 305px; height: 91px; margin: 0 auto; border: 0; text-indent: -9999px; }
.formList .field-btn input:hover { background-position: -305px 0; }
.formList .field-btn .disabled, .formList .field-btn .disabled:hover { background-position: -610px 0; }

.formList .field-item .loading { z-index: 9; display: none; position: absolute; top: 6px; left: 362px; width: 20px; height: 20px; }
.formList .field-item .loading img { width: 100%; height: 100%; }

/* footer */
.footer, .footer a { color: #6c4356; }
.footer { margin: 0 auto; padding: 2em 0; background-color: #ffa2a8; font-size: 12px; line-height: 1.6; }

/* Layer
-----------------------------------------------------------------------------------------------------------*/
/* mask */
.jz-mask, .jz-mask iframe, .jz-mask div { z-index: 10000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.jz-mask iframe { opacity: 0; filter: alpha(opacity=0); }
.jz-mask .jz-mask-opacity { background-color: #000; }

/* popup */
.popup { display: none; position: absolute; }
.popup .close { z-index: 99; position: absolute; top: 0; right: 0; width: 36px; height: 36px; text-align: center; font: 36px/1 Arial, Helvetica, sans-serif; color: #fff; }
.popup .close:hover { text-decoration: none; }

/* result popup */
.popup-result { display: none; width: 356px; height: 280px; padding-left: 124px; background-color: #ecf6ff; }
.popup-result img { position: absolute; bottom: 0; left: -183px; }
.popup-result .close { top: -33px; right: -10px; }
.popup-result .title { position: relative; z-index: 1; margin-bottom: 24px; padding-top: 60px; font-weight: 700; font-size: 38px; color: #ff3b3b; }
.popup-result .msg { position: relative; z-index: 1; font-size: 18px; line-height: 1.8; color: #ff6f6f; }
.popup-result .msg em { color: #555; font-size: 1.2em; }