@charset "utf-8";
/* ============================================================
   MÉLO PÂTISSERIE  ·  蜜洛法式甜点
   XHTML 1.0 / CSS 2.1  ·  Dreamweaver 8 兼容样式表
   ------------------------------------------------------------
   1.  Reset & base
   2.  Header / navigation
   3.  Home hero
   4.  Feature strip
   5.  Shared section styles
   6.  Signature cards
   7.  Philosophy
   8.  Story
   9.  Gallery preview
   10. Afternoon tea callout
   11. Footer
   12. Inner page header
   13. Menu page
   14. Gallery page
   15. About page
   16. Contact page
   17. Credits page
   18. Entry notice (demo disclaimer)
   19. Helpers
   ============================================================ */

/* ---------- 1. Reset & base ---------- */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #FBF7F1;
	color: #3B2B24;
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.9;
	-webkit-font-smoothing: antialiased;
}

ol, ul { list-style: none; }

a {
	color: #3B2B24;
	text-decoration: none;
}

a:hover { color: #A85F52; }

img {
	border: 0;
	display: block;
}

blockquote, q { quotes: none; }

strong { font-weight: bold; }

.wrap {
	width: 1000px;
	margin: 0 auto;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.clearfix {
	overflow: hidden;
	zoom: 1;
}

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

/* ---------- 2. Header / navigation ---------- */
#topbar {
	height: 34px;
	line-height: 34px;
	background: #241814;
	color: #C9B3A3;
	font-size: 10px;
	letter-spacing: 1.4px;
}

#topbar .notice { float: left; }

#topbar .notice span {
	color: #E0A98F;
	padding-right: 8px;
}

#topbar .contact-top { float: right; }

#topbar .contact-top span {
	color: #6B5548;
	padding: 0 8px;
}

#header {
	background: #FBF7F1;
	border-bottom: 1px solid #E9DDD1;
}

#header .wrap { height: 96px; }

.logo {
	float: left;
	padding-top: 22px;
}

.logo a { display: block; }

.logo .en {
	display: block;
	font-family: Georgia, "Times New Roman", "Songti SC", "STSong", "SimSun", serif;
	font-size: 34px;
	line-height: 1;
	letter-spacing: 10px;
	color: #2E211C;
}

.logo .cn {
	display: block;
	padding-top: 9px;
	font-size: 9px;
	letter-spacing: 3.6px;
	color: #8C7565;
}

.nav {
	float: right;
	padding-top: 38px;
}

.nav li {
	float: left;
	margin-left: 30px;
	font-size: 13px;
	letter-spacing: 1.2px;
}

.nav li a {
	display: block;
	padding-bottom: 5px;
	color: #4A372E;
	border-bottom: 1px solid #FBF7F1;
}

.nav li a:hover,
.nav li.current a {
	color: #A85F52;
	border-bottom-color: #C99584;
}

/* ---------- 3. Home hero ---------- */
#hero {
	padding: 52px 0 62px;
	overflow: hidden;
}

.hero-copy {
	float: left;
	width: 420px;
	padding-top: 34px;
}

.hero-copy h1 {
	margin: 18px 0 22px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 52px;
	line-height: 1.35;
	font-weight: normal;
	letter-spacing: 2px;
	color: #2E211C;
}

.hero-copy h1 span { color: #A85F52; }

.hero-copy .lead {
	width: 365px;
	font-size: 14px;
	line-height: 2.05;
	color: #6B574B;
}

.hero-actions { padding-top: 30px; }

.btn {
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	padding: 0 24px;
	border: 1px solid #2E211C;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: center;
}

.btn-dark {
	background: #2E211C;
	color: #FBF7F1;
	margin-right: 10px;
}

.btn-dark:hover {
	background: #A85F52;
	border-color: #A85F52;
	color: #FFFFFF;
}

.btn-line { color: #2E211C; }

.btn-line:hover {
	background: #2E211C;
	color: #FBF7F1;
}

.hero-note {
	clear: both;
	padding-top: 22px;
	font-size: 10px;
	letter-spacing: 1.2px;
	color: #9A8374;
}

.hero-visual {
	float: right;
	width: 516px;
	position: relative;
}

.hero-visual img {
	position: relative;
	width: 500px;
	height: 600px;
}

.hero-frame {
	position: absolute;
	left: 16px;
	top: 16px;
	width: 500px;
	height: 600px;
	border: 1px solid #D2B49C;
}

.hero-caption {
	width: 500px;
	padding-top: 16px;
	font-size: 10px;
	letter-spacing: 2px;
	color: #8C7565;
}

.hero-caption span {
	font-family: Georgia, "Times New Roman", serif;
	color: #A85F52;
	letter-spacing: 2px;
	padding-right: 4px;
}

/* ---------- 4. Feature strip ---------- */
#features {
	background: #F7F0E8;
	border-top: 1px solid #E8DBCE;
	border-bottom: 1px solid #E8DBCE;
}

#features .wrap { padding: 22px 0; }

.feature {
	float: left;
	width: 300px;
	margin-right: 50px;
}

.feature.last { margin-right: 0; }

.feature .num {
	float: left;
	width: 36px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1.7;
	color: #B87B67;
}

.feature .txt { margin-left: 36px; }

.feature h3 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1.5px;
	color: #2E211C;
}

.feature p {
	font-size: 11px;
	line-height: 1.8;
	color: #8C7565;
}

/* ---------- 5. Shared section styles ---------- */
.section { padding: 78px 0; }

.section-head {
	width: 640px;
	margin: 0 auto 46px;
	text-align: center;
}

.section-head h2 {
	margin: 14px 0 12px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 34px;
	line-height: 1.45;
	font-weight: normal;
	letter-spacing: 1px;
	color: #2E211C;
}

.section-head p {
	font-size: 12.5px;
	line-height: 2;
	color: #7C675A;
}

.eyebrow {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	letter-spacing: 4px;
	color: #A85F52;
	text-transform: uppercase;
}

.eyebrow-light { color: #D8B49E; }

/* ---------- 6. Signature cards ---------- */
.card {
	float: left;
	width: 302px;
	margin-right: 44px;
	background: #FFFDFA;
	border: 1px solid #EADFD3;
}

.card.last { margin-right: 0; }

.card:hover { border-color: #C9A58E; }

.card img {
	width: 302px;
	height: 360px;
}

.card-body { padding: 20px 22px 22px; }

.card .cat {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 2.4px;
	color: #A85F52;
	text-transform: uppercase;
}

.card h3 {
	margin: 7px 0 7px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.card h3 span {
	margin-left: 6px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
	color: #A08575;
	letter-spacing: 0;
}

.card p {
	height: 68px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.9;
	color: #7C675A;
}

.card .price-row {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #F0E5DA;
}

.card .price {
	float: left;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	color: #2E211C;
}

.card .more {
	float: right;
	font-size: 10px;
	letter-spacing: 1.5px;
	color: #A85F52;
}

/* ---------- 7. Philosophy ---------- */
#philosophy {
	padding: 72px 0;
	background: #2B1E19;
	color: #F1E3D6;
}

.phi-copy {
	float: left;
	width: 590px;
}

.phi-copy blockquote {
	margin: 18px 0 22px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 27px;
	line-height: 1.75;
	letter-spacing: 0.5px;
	color: #F6EADD;
}

.phi-copy .phi-text {
	width: 540px;
	font-size: 12px;
	line-height: 2;
	color: #BBA491;
}

.principles { padding-top: 34px; }

.principle {
	float: left;
	width: 170px;
	margin-right: 35px;
	padding-top: 14px;
	border-top: 1px solid #59443A;
}

.principle.last { margin-right: 0; }

.principle .num {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	letter-spacing: 2px;
	color: #C98A72;
}

.principle h3 {
	margin: 5px 0 3px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #F2E5D8;
}

.principle p {
	font-size: 11px;
	line-height: 1.8;
	color: #A58D7C;
}

.phi-visual {
	float: right;
	width: 340px;
}

.phi-photo {
	width: 320px;
	padding: 9px;
	border: 1px solid #5A453A;
}

.phi-photo img {
	width: 320px;
	height: 320px;
}

.phi-caption {
	padding-top: 12px;
	font-size: 9px;
	letter-spacing: 1.6px;
	color: #8F7767;
	text-align: right;
}

/* ---------- 8. Story ---------- */
#story {
	padding: 86px 0;
	overflow: hidden;
}

.story-visual {
	float: left;
	width: 496px;
	position: relative;
}

.story-visual img {
	position: relative;
	width: 480px;
	height: 560px;
}

.story-frame {
	position: absolute;
	left: 16px;
	top: 16px;
	width: 480px;
	height: 560px;
	border: 1px solid #D3B69E;
}

.story-caption {
	width: 480px;
	padding-top: 26px;
	font-size: 10px;
	letter-spacing: 1.8px;
	color: #9A8374;
}

.story-copy {
	float: right;
	width: 440px;
	padding-top: 6px;
}

.story-copy h2 {
	margin: 14px 0 22px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 34px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 1px;
}

.story-copy p {
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 2.1;
	color: #6B574B;
}

.story-sign {
	padding-top: 18px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #9A8374;
}

.story-sign strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #2E211C;
}

.stats {
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px solid #E6D8CB;
}

.stat {
	float: left;
	width: 130px;
	margin-right: 20px;
}

.stat.last { margin-right: 0; }

.stat strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1.2;
	font-weight: normal;
	color: #A85F52;
}

.stat span {
	font-size: 10px;
	letter-spacing: 1px;
	color: #8C7565;
}

/* ---------- 9. Gallery preview ---------- */
#gallery-preview {
	padding: 72px 0 78px;
	background: #F3E9DE;
	border-top: 1px solid #E8DBCE;
	border-bottom: 1px solid #E8DBCE;
}

.gallery-head { margin-bottom: 36px; }

.gallery-head .left {
	float: left;
	width: 620px;
}

.gallery-head .left h2 {
	margin-top: 12px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 32px;
	line-height: 1.4;
	font-weight: normal;
	letter-spacing: 1px;
}

.gallery-head .right {
	float: right;
	padding-top: 24px;
}

.gallery-head .right a {
	padding-bottom: 4px;
	font-size: 10px;
	letter-spacing: 2px;
	color: #A85F52;
	border-bottom: 1px solid #C99584;
}

.gallery-row .item {
	float: left;
	width: 210px;
	margin-right: 53px;
}

.gallery-row .item.last { margin-right: 0; }

.gallery-row img {
	width: 210px;
	height: 260px;
}

.gallery-row .cap {
	padding-top: 10px;
	font-size: 9px;
	letter-spacing: 1.4px;
	color: #8C7565;
}

.gallery-row .cap span {
	margin-right: 6px;
	font-family: Georgia, "Times New Roman", serif;
	color: #A85F52;
}

/* ---------- 10. Afternoon tea callout ---------- */
#cta {
	background: #2B1E19;
	color: #F3E6D9;
}

.cta-copy {
	float: left;
	width: 430px;
	padding: 58px 0 62px;
}

.cta-copy h2 {
	margin: 12px 0 14px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 34px;
	line-height: 1.55;
	font-weight: normal;
	letter-spacing: 1px;
}

.cta-copy p {
	width: 390px;
	font-size: 12px;
	line-height: 2;
	color: #BBA491;
}

.cta-actions { padding-top: 26px; }

.btn-cream {
	border-color: #D8C2B1;
	color: #F3E6D9;
	margin-right: 16px;
}

.btn-cream:hover {
	background: #F3E6D9;
	border-color: #F3E6D9;
	color: #2B1E19;
}

.cta-link {
	display: block;
	float: left;
	line-height: 42px;
	font-size: 10px;
	letter-spacing: 1.6px;
	color: #D8B49E;
}

.cta-photo {
	float: right;
	width: 520px;
	height: 360px;
}

.cta-photo img {
	width: 520px;
	height: 360px;
}

/* ---------- 11. Footer ---------- */
#footer {
	padding: 54px 0 0;
	background: #1E1512;
	color: #A99280;
	font-size: 11px;
}

.footer-brand {
	float: left;
	width: 280px;
	margin-right: 40px;
}

.footer-brand .en {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	letter-spacing: 8px;
	color: #F1E3D6;
}

.footer-brand .cn {
	padding-top: 7px;
	font-size: 9px;
	letter-spacing: 3px;
	color: #8C7565;
}

.footer-brand p {
	padding-top: 14px;
	line-height: 1.9;
	color: #9C8473;
}

.footer-col {
	float: left;
	width: 190px;
	margin-right: 30px;
}

.footer-col.last {
	width: 210px;
	margin-right: 0;
}

#footer h4 {
	margin-bottom: 14px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 2.6px;
	color: #D8B49E;
	text-transform: uppercase;
}

#footer li { line-height: 2.2; }

#footer a { color: #A99280; }

#footer a:hover { color: #F1E3D6; }

.footer-bottom {
	margin-top: 42px;
	padding: 16px 0 18px;
	border-top: 1px solid #33241E;
	font-size: 9px;
	letter-spacing: 0.8px;
	color: #705C4F;
}

.footer-bottom .left { float: left; }

.footer-bottom .right { float: right; }

/* ---------- 12. Inner page header ---------- */
#pagehead {
	background: #F3E9DE;
	border-bottom: 1px solid #E6D8CB;
	overflow: hidden;
}

#pagehead .wrap { padding: 30px 0 40px; }

.crumb {
	font-size: 9px;
	letter-spacing: 1.6px;
	color: #9A8374;
}

.crumb a { color: #9A8374; }

.crumb a:hover { color: #A85F52; }

.pagehead-copy {
	float: left;
	width: 560px;
	padding-top: 24px;
}

.pagehead-copy h1 {
	margin: 12px 0;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 44px;
	line-height: 1.35;
	font-weight: normal;
	letter-spacing: 1px;
}

.pagehead-copy p {
	width: 460px;
	font-size: 12px;
	line-height: 2;
	color: #756054;
}

.pagehead-photo {
	float: right;
	width: 350px;
	height: 200px;
	margin-top: 28px;
	position: relative;
}

.pagehead-photo img {
	position: relative;
	width: 340px;
	height: 200px;
}

.pagehead-photo .frame {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 340px;
	height: 200px;
	border: 1px solid #D3B69E;
}

/* ---------- 13. Menu page ---------- */
.menu-intro { padding: 70px 0 22px; }

.menu-intro .intro-copy {
	float: left;
	width: 350px;
	padding-top: 24px;
}

.menu-intro .intro-copy h2 {
	margin: 12px 0 18px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 1px;
}

.menu-intro .intro-copy p {
	width: 310px;
	font-size: 12px;
	line-height: 2.05;
	color: #7C675A;
}

.spotlight {
	float: right;
	width: 598px;
	background: #F3E9DE;
	border: 1px solid #E6D8CB;
}

.spotlight .photo {
	float: left;
	width: 250px;
}

.spotlight .photo img {
	width: 250px;
	height: 330px;
}

.spotlight .copy {
	float: right;
	width: 290px;
	padding: 38px 22px 0 0;
}

.spotlight .tag {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 2.4px;
	color: #A85F52;
	text-transform: uppercase;
}

.spotlight h3 {
	margin: 8px 0 8px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 24px;
	font-weight: normal;
}

.spotlight h3 span {
	display: block;
	padding-top: 3px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 11px;
	color: #9A8374;
}

.spotlight .desc {
	font-size: 11px;
	line-height: 1.95;
	color: #7C675A;
}

.spotlight .price {
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	color: #2E211C;
}

.menu-section { padding: 34px 0 0; }

.cat-head {
	margin-bottom: 8px;
	padding-bottom: 12px;
	border-bottom: 2px solid #2E211C;
}

.cat-head .num {
	float: left;
	width: 46px;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	color: #A85F52;
}

.cat-head h2 {
	float: left;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
}

.cat-head .fr {
	float: right;
	padding-top: 12px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
	letter-spacing: 1px;
	color: #9A8374;
}

.menu-row {
	padding: 20px 0;
	border-bottom: 1px solid #EADFD3;
}

.menu-row .info {
	float: left;
	width: 760px;
}

.menu-row h3 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.menu-row h3 span {
	margin-left: 8px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
	color: #9A8374;
}

.menu-row p {
	margin-top: 3px;
	font-size: 11px;
	line-height: 1.8;
	color: #8C7565;
}

.menu-row .price {
	float: right;
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	color: #2E211C;
}

.menu-note {
	margin-top: 48px;
	padding-top: 20px;
	border-top: 1px solid #E6D8CB;
	font-size: 10.5px;
	line-height: 2;
	color: #9A8374;
}

.sets { padding: 56px 0 0; }

.set {
	float: left;
	width: 300px;
	margin-right: 44px;
	padding: 28px 0 26px;
	background: #FFFDFA;
	border: 1px solid #E0D1C3;
	text-align: center;
}

.set.last { margin-right: 0; }

.set.dark {
	background: #2B1E19;
	border-color: #2B1E19;
	color: #F1E3D6;
}

.set .tag {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 3px;
	color: #A85F52;
}

.set.dark .tag { color: #D8B49E; }

.set h3 {
	margin: 8px 0;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 21px;
	font-weight: normal;
}

.set p {
	width: 230px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 1.9;
	color: #8C7565;
}

.set.dark p { color: #BBA491; }

.set .price {
	margin-top: 14px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	color: #2E211C;
}

.set.dark .price { color: #F1E3D6; }

/* ---------- 14. Gallery page ---------- */
.gallery-grid { padding-top: 8px; }

.gallery-grid .item {
	float: left;
	width: 304px;
	margin: 0 44px 46px 0;
}

.gallery-grid .item.last { margin-right: 0; }

.gallery-grid img {
	width: 302px;
	height: 302px;
	border: 1px solid #EADFD3;
}

.gallery-grid .cap { padding-top: 10px; }

.gallery-grid .cap .num {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 1px;
	color: #A85F52;
}

.gallery-grid .cap h3 {
	margin-top: 2px;
	font-size: 13px;
	font-weight: normal;
}

.gallery-grid .cap p {
	font-size: 9px;
	letter-spacing: 1.4px;
	color: #9A8374;
}

.space {
	padding: 20px 0 80px;
	border-top: 1px solid #E6D8CB;
}

.space .photo {
	float: left;
	width: 620px;
	margin-top: 40px;
}

.space .photo img {
	width: 620px;
	height: 360px;
}

.space .copy {
	float: right;
	width: 320px;
	padding-top: 64px;
}

.space .copy h2 {
	margin: 12px 0 14px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 28px;
	line-height: 1.55;
	font-weight: normal;
}

.space .copy p {
	font-size: 12px;
	line-height: 2;
	color: #7C675A;
}

/* ---------- 15. About page ---------- */
.about-story { padding: 80px 0; }

.about-story .photo {
	float: left;
	width: 460px;
}

.about-story .photo img {
	width: 460px;
	height: 537px;
}

.about-story .copy {
	float: right;
	width: 480px;
	padding-top: 8px;
}

.about-story .copy h2 {
	margin: 12px 0 22px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 34px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 1px;
}

.about-story .copy p {
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 2.1;
	color: #6B574B;
}

.about-values {
	padding: 60px 0;
	background: #F3E9DE;
	border-top: 1px solid #E6D8CB;
	border-bottom: 1px solid #E6D8CB;
}

.value {
	float: left;
	width: 302px;
	margin-right: 44px;
}

.value.last { margin-right: 0; }

.value .num {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	letter-spacing: 2px;
	color: #A85F52;
}

.value h3 {
	margin: 6px 0 8px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 20px;
	font-weight: normal;
}

.value p {
	font-size: 12px;
	line-height: 2;
	color: #7C675A;
}

.timeline { padding: 66px 0 72px; }

.timeline .head {
	margin-bottom: 34px;
	text-align: center;
}

.timeline .head h2 {
	margin-top: 12px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 30px;
	font-weight: normal;
}

.tl-item {
	float: left;
	width: 220px;
	margin-right: 40px;
	padding-top: 16px;
	border-top: 2px solid #2E211C;
}

.tl-item.last { margin-right: 0; }

.tl-item strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 1.3;
	font-weight: normal;
	color: #A85F52;
}

.tl-item h3 {
	margin: 8px 0 6px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}

.tl-item p {
	font-size: 11px;
	line-height: 1.9;
	color: #8C7565;
}

.chef {
	padding: 64px 0;
	background: #2B1E19;
	color: #F1E3D6;
	text-align: center;
}

.chef blockquote {
	width: 760px;
	margin: 0 auto;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 26px;
	line-height: 1.8;
	color: #F6EADD;
}

.chef .sign {
	padding-top: 18px;
	font-size: 10px;
	letter-spacing: 2px;
	color: #B49A87;
}

.section-cta {
	padding: 62px 0 70px;
	border-top: 1px solid #E6D8CB;
	text-align: center;
}

.section-cta h2 {
	margin: 12px 0 22px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 1px;
}

.btn-center {
	display: inline-block;
	float: none;
	margin-right: 0;
	*display: inline;
	zoom: 1;
}

/* ---------- 16. Contact page ---------- */
.contact-info { padding: 58px 0 16px; }

.info-item {
	float: left;
	width: 302px;
	margin-right: 44px;
	padding-top: 18px;
	border-top: 1px solid #2E211C;
}

.info-item.last { margin-right: 0; }

.info-item h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 2.4px;
	color: #A85F52;
	text-transform: uppercase;
}

.info-item .big {
	margin-top: 8px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 18px;
	line-height: 1.7;
}

.info-item p {
	font-size: 11px;
	line-height: 1.9;
	color: #8C7565;
}

.reservation { padding: 44px 0 78px; }

.res-form {
	float: left;
	width: 600px;
}

.res-form h2 {
	margin: 10px 0 8px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 1px;
}

.res-form .form-intro {
	margin-bottom: 28px;
	font-size: 11px;
	line-height: 1.9;
	color: #8C7565;
}

.form-row { margin-bottom: 18px; }

.form-row label {
	display: block;
	padding-bottom: 6px;
	font-size: 10px;
	letter-spacing: 1.5px;
	color: #8C7565;
}

.form-row input,
.form-row select,
.form-row textarea {
	background: #FFFDFA;
	border: 1px solid #D8C9BA;
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-size: 13px;
	color: #3B2B24;
}

.input-full {
	width: 576px;
	height: 20px;
	padding: 9px 10px;
}

.input-half {
	width: 268px;
	height: 20px;
	padding: 9px 10px;
}

.form-row .half {
	float: left;
	width: 290px;
	margin-right: 18px;
}

.form-row .half.last { margin-right: 0; }

.form-row textarea.input-full {
	height: 86px;
	padding: 9px 10px;
	overflow: auto;
}

.form-row select.input-full {
	width: 598px;
	height: 40px;
	padding: 0 8px;
	box-sizing: border-box;
}

.form-row select.input-half {
	width: 290px;
	height: 40px;
	padding: 0 8px;
	box-sizing: border-box;
}

.field-hint {
	font-size: 9px;
	letter-spacing: 0;
	color: #B3A093;
}

.form-actions { padding-top: 6px; }

.form-actions .btn {
	float: none;
	height: 44px;
	line-height: 44px;
	padding: 0 30px;
	background: #2E211C;
	border: 0;
	color: #FBF7F1;
	cursor: pointer;
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.form-actions .btn:hover {
	background: #A85F52;
	color: #FFFFFF;
}

.form-note {
	padding-top: 14px;
	font-size: 10px;
	line-height: 1.8;
	color: #9A8374;
}

.res-side {
	float: right;
	width: 360px;
}

.res-side .photo img {
	width: 360px;
	height: 300px;
}

.visit-card {
	padding: 24px 28px 26px;
	background: #2B1E19;
	color: #F1E3D6;
}

.visit-card .tag {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 2.4px;
	color: #D8B49E;
}

.visit-card .big-num {
	margin: 10px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 54px;
	line-height: 1;
	color: #D8B49E;
}

.visit-card .big-num span {
	font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #B49A87;
}

.visit-card p {
	font-size: 11px;
	line-height: 1.9;
	color: #B49A87;
}

.visit-card hr {
	height: 1px;
	margin: 16px 0;
	border: 0;
	background: #4A352B;
}

.visit-card .phone {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #F1E3D6;
}

.findus {
	padding: 64px 0 70px;
	background: #F3E9DE;
	border-top: 1px solid #E6D8CB;
}

.findus .address {
	float: left;
	width: 460px;
}

.findus .address .huge {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 96px;
	line-height: 0.9;
	color: #A85F52;
}

.findus .address .street {
	margin-top: 10px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 22px;
	letter-spacing: 1px;
}

.findus .address p {
	width: 360px;
	margin-top: 14px;
	font-size: 11px;
	line-height: 2;
	color: #7C675A;
}

.findus .route {
	float: right;
	width: 460px;
}

.route-item {
	padding: 14px 0;
	border-top: 1px solid #D8C6B5;
}

.route-item .n {
	float: left;
	width: 36px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	color: #A85F52;
}

.route-item p {
	margin-left: 36px;
	font-size: 12px;
	line-height: 1.9;
	color: #6B574B;
}

/* ---------- 17. Credits page ---------- */
.credits { padding: 58px 0 80px; }

.credits .lead {
	width: 720px;
	font-size: 13px;
	line-height: 2.05;
	color: #6B574B;
}

.credits h2 {
	margin: 44px 0 10px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
}

.credits p,
.credits li {
	font-size: 12px;
	line-height: 2;
	color: #7C675A;
}

.credit-list { margin-top: 12px; }

.credit-list li {
	padding: 10px 0;
	border-bottom: 1px solid #EADFD3;
}

.credit-list li span {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	color: #A85F52;
	letter-spacing: 1px;
}

.credits-back { margin-top: 34px; }

/* ---------- 18. Entry notice (demo disclaimer) ---------- */
.melo-notice-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	overflow: auto;
	background: #241814;
}

.melo-notice-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 30px 20px;
	vertical-align: middle;
	text-align: center;
}

.melo-notice {
	position: relative;
	display: inline-block;
	width: 500px;
	padding: 42px 48px 36px;
	background: #FBF7F1;
	border: 1px solid #D8C2B1;
	text-align: left;
}

.melo-notice-line {
	width: 44px;
	height: 2px;
	margin-bottom: 16px;
	overflow: hidden;
	background: #A85F52;
	font-size: 0;
	line-height: 0;
}

.melo-notice-kicker {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 3px;
	color: #A85F52;
	text-transform: uppercase;
}

.melo-notice h2 {
	margin: 12px 0 16px;
	font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;
	font-size: 28px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 1px;
	color: #2E211C;
}

.melo-notice p {
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 2;
	color: #6B574B;
}

.melo-notice .melo-notice-em { color: #A85F52; }

.melo-notice-small {
	padding-top: 4px;
	font-size: 10.5px;
	color: #9A8374;
}

.melo-notice-actions {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid #E6D8CB;
}

.melo-notice-btn {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0 22px;
	border: 0;
	background: #2E211C;
	color: #FBF7F1;
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1.6px;
	cursor: pointer;
}

.melo-notice-btn:hover {
	background: #A85F52;
	color: #FFFFFF;
}

.melo-notice-link {
	margin-left: 16px;
	padding-bottom: 2px;
	font-size: 10px;
	color: #A85F52;
	border-bottom: 1px solid #C99584;
}

.melo-notice-close {
	position: absolute;
	top: 10px;
	right: 14px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #8C7565;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}

.melo-notice-close:hover { color: #A85F52; }

/* ---------- 19. Helpers ---------- */
.center { text-align: center; }

.mt-0 { margin-top: 0; }

.mb-0 { margin-bottom: 0; }

.rule {
	height: 1px;
	margin: 40px 0;
	overflow: hidden;
	background: #E6D8CB;
	font-size: 0;
	line-height: 0;
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: 1px dotted #A85F52;
}