html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.wrapper { font: 12px/1.5 'Microsoft YaHei', Arial, sans-serif; background-color: #fff; color: #333; overflow: hidden; }

strong { font-weight: bold; }

header { position: relative; width: 100%; overflow: hidden; }

header img { width: 100%; height: auto; display: block; }

.section-hotel img { width: 100%; height: auto; display: block; }

.section-activity { padding-top: 4px; padding-bottom: 18px; background-color: #ffc949; }

.activity-list { *zoom: 1; width: 100%; text-align: center; }

.activity-list:after { content: "."; display: block; clear: both; height: 0; font-size: 0; overflow: hidden; }

.activity-list li { display: inline-block; margin: 0 1.4%; }

.activity-list li img { display: block; width: 91px; }

.activity-list .img-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91px; height: 91px; border-radius: 50%; border: 3px solid #fff; overflow: hidden; }

.activity-title { width: 100%; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #520; }

.experience-pack { padding-top: 16px; padding-bottom: 17px; text-align:left; font-size: 15px; font-weight: bold; color: #622d01; }

.experience-pack strong { font-size: 16px; }

.btn-box { text-align: center; }

.btn-box .btn { display: inline-block; *zoom: 1; *display: inline; margin-left: 2%; margin-right: 2%; width: 40%; height: 41px; line-height: 41px; border-radius: 10px; font-size: 18px; color: #fff; text-decoration: none; }

.btn-box .btn-red { background-color: #ff4747; -webkit-box-shadow: 0 3px 0 0 #db2627; box-shadow: 0 3px 0 0 #db2627; }

.btn-box .btn-blue { background-color: #4eccf5; -webkit-box-shadow: 0 3px 0 0 #3a94b1; box-shadow: 0 3px 0 0 #3a94b1; }

.section-apply { margin-top: -1px; /* fixed 1px blank */ *zoom: 1; padding: 30px 4.5% 25px 6%; background: white url(../../img/border-h5.jpg) 0 0 no-repeat; background-size: 100%; color: #622d01; }

.section-apply:after { content: "."; display: block; clear: both; height: 0; font-size: 0; overflow: hidden; }

@media screen and (min-width: 370px) { .section-apply { padding-top: 32px; } }
.section-apply h2 { padding-bottom: 5px; font-size: 15px; font-weight: bold; }

.rule-list { float: left; width: 64%; font-size: 12px; line-height: 14px; }

@media screen and (min-width: 370px) { .rule-list { width: 68%; } }
@media screen and (min-width: 410px) { .rule-list { width: 70%; line-height: 16px; } }
.qrcode-box { float: right; }

.qrcode-box img { width: 92px; display: block; }

.qrcode-box p { height: 24px; font-size: 12px; line-height: 24px; text-align: center; }

.apple-reminder { padding-top: 6px; padding-bottom: 5px; color: #9a9a9a; line-height: 16px; text-align: center; font-size: 12px; border-top: 1px solid #eee; background-color: #f5f5f5; }