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; }

.modal-bd h2 { margin: 0; padding:15px 0; font-size:28px; color:#FFF;}

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

.wrapper { position: relative; margin-bottom: 25px; font: 14px/1.5 Arial, 'Microsoft YaHei', sans-serif; background-color: #f0f0f0; color: #333; overflow: hidden; }

strong { font-weight: bold; }

.header { position: relative; width: 100%; height: 449px; overflow: hidden; }

.header img { position: absolute; left: 50%; margin-left: -840px; }

.section-hotel { height: 507px; }

.section-activity { height: 660px; background-color: #ffc949; }

.section-apply { height: 400px; }

.section-prevue { height: 488px; background: #dfdfdf; }

.section-review { height: 325px; }

.content { *zoom: 1; width: 1003px; margin-left: auto; margin-right: auto; font-family: 'Microsoft YaHei' sans-serif; }

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

.content h2 { display: block; margin: 0; padding: 29px 0; font-size: 28px; font-weight: bold; color: #333; }

.preface { position: relative; padding-top: 77px; padding-bottom: 43px; }

.preface span { position: absolute; width: 40px; height: 40px; font-size: 113px; font-family: Arial; line-height: 113px; color: #93ddec; }

.preface .open-quote { left: 0; top: 58px; }

.preface .close-quote {
	right:580px;
	top: 120px;
}

.preface blockquote { padding-left: 40px; line-height: 26px; font-size: 16px; color: #838383; text-indent: 9px\0; }

@-moz-document url-prefix() { .preface blockquote { text-indent: 9px; }  .preface .close-quote { right: 580px; } }

.intro-box { position: relative; }

.intro-box img { display: block; }

.intro-text { position: absolute; left: 0; top: 0; padding: 30px 22px 0 27px; width: 330px; height: 250px; color: #fff; background-color: rgba(0, 0, 0, 0.7); }

.intro-text p { padding-bottom: 16px; line-height: 26px; word-break: normal; }

.intro-text h3 { margin: 0 0 10px 0; font-size: 20px; color: #fff; }

.intro-text .intro-detail { overflow: hidden; }

.intro-text .link-detail { *zoom: 1; float: right; color: #fff; font-size: 16px; text-decoration: underline; }

.intro-text .link-detail:after { content: "."; display: block; clear: both; height: 0; font-size: 0; overflow: hidden; }

.activity-wrap { padding-top: 42px; width: 1003px; overflow-x: hidden; }

.activity-list { *zoom: 1; width: 1020px; }

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

.activity-list li { position: relative; float: left; margin-right: 17px; }

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

.activity-title { position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.7); }

.experience-pack { padding-top: 52px; padding-bottom: 10px; text-align:left; font-size: 24px; color:#492200; }

.experience-pack strong { font-size: 28px; color:#492200; }

.btn-box { text-align: center; padding-top:20px }

.btn-box .btn { display: inline-block; *zoom: 1; *display: inline; margin-left: 34px; margin-right: 34px; width: 290px; height: 65px; line-height: 65px; border-radius: 26px; font-size: 31px; color: #fff; text-decoration: none; }

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

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

.rule-list { float: left; width: 754px; margin-right: 30px; font-size: 16px; line-height: 28px; }

.qrcode-box { float: left; }

.slider-box { position: relative; }

.slider-wrap { position: relative; margin-left: auto; margin-right: auto; width: 902px; overflow: hidden; }

.review-list { position:inherit; width: 948px; }

.review-list li { position: relative; float: left; margin-right: 46px; }

.review-list li img { display: block; }

.control-prev, .control-next { position: absolute; top: 75px; z-index: 99; display: block; width: 23px; height: 45px; cursor: pointer; background-image: url(../../img/control-icons.png); }

.control-prev { left: 0; background-position: 0 0; }

.control-next { right: 0; background-position: -28px 0; }

.review-hotel { position: absolute; bottom: 0; left: 0; display: block; margin: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.7); }

/* modal for hotel introduction */
.modal-detail { display: none; position: fixed; left: 50%; top: 160px; margin-left: -350px; width: 744px; color: #fff; background-color: rgba(9, 9, 8, 0.9); z-index: 100; *zoom: 1; }

.modal-content { padding: 35px 29px 35px 50px; }

.modal-content .modal-hd { padding-bottom: 20px; font-size: 28px; }

.modal-content .modal-bd { padding-right: 21px; font-size: 16px; line-height: 2; max-height: 550px; overflow-y: auto; }

.modal-content .modal-bd p { text-indent: 0em; }

.modal-close { position: absolute; right: 0; top: 0; padding: 13px 25px; width: 25px; height: 25px; text-align: center; color: #fff; font-family: Tahoma, sans-serif; font-size: 28px; background: url(http://pages.ctrip.com/commerce/promote/201505/hotel/wsz/xg/img/control-icons.png) 25px -62px no-repeat; cursor: pointer; z-index: 101; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.modal-close:hover { opacity: .5; }