/* wrap */
.wrap { overflow: hidden; position: relative; margin-top: 30px; background: url(/images/28/article/img-bg.png) no-repeat 0 0; background-attachment: fixed; background-size: 100% auto; }
.wrap:before { position:absolute; width: 100%; display: block; content: url(/images/28/article/img-bg2.png); top: 170px; z-index: 1; }
.wrap > div { position: relative; z-index: 2; }

/* topBox */
.topBox { padding-top: 105px; }
.topBox h3 { text-align: center; font-size: 28px; color: #c8a9b0; }
.topBox h3 b { color: #dc86b7; }
.topBox h3:before , .topBox h3:after {  margin: 10px 30px; width: 163px; height: 7px; background: url(/images/28/index/img-bkLine.png) no-repeat 0 0; display: inline-block; content: ""; }

.topBox .sMenu { margin-top: 55px; }
.topBox .sMenu h5 , .topBox .sMenu aside {overflow: hidden;background: rgb(255, 123, 167);background: -moz-linear-gradient(left, rgba(222, 171, 188, 0.9) 0%, rgba(199, 122, 160, 0.9) 100%);background: -webkit-linear-gradient(left, rgb(255, 123, 167) 0%,rgb(255, 123, 167) 100%);background: linear-gradient(to right, rgb(255, 123, 167) 0%,rgb(255, 123, 167) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(222, 171, 188, 0.9)', endColorstr='rgba(199, 122, 160, 0.9)',GradientType=1 );text-align: center;}
.topBox .sMenu h5 { padding: 10px 0; display: none; font-weight: normal; font-size: 18px; color: #fff; }
.topBox .sMenu aside a { margin: 0 10px; padding: 15px 10px 10px; display: inline-block; font-size: 16px; color: #fff; }
.topBox .sMenu aside a:after { margin-top: 5px; width: 0; height: 2px; display: block; background: #eeddc0; background: -moz-linear-gradient(left, #eeddc0 0%, #fceebb 100%); background: -webkit-linear-gradient(left, #eeddc0 0%,#fceebb 100%); background: linear-gradient(to right, #eeddc0 0%,#fceebb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeddc0', endColorstr='#fceebb',GradientType=1 ); content: ""; }
.topBox .sMenu aside a:hover:after , .topBox aside a.action:after { width: 100%; }

.topBox .waylink ol { margin-top: 10px; text-align: right; color: #787879; }
.topBox .waylink ol li { display: inline-block; }
.topBox .waylink ol li:after { margin: 0 5px; content: ">"; }
.topBox .waylink ol li:last-child:after { content: ""; }
.topBox .waylink ol li .h3 { display: inline-block; font-size: 12px; color: #787879; vertical-align: text-top; }

/* contentMain */
#contentMain { margin-top: -70px; z-index: 1; }
#contentMain section { padding: 75px 30px 20px; background: #fff; }

/* weddingMes */
#weddingMes , #sbanner { overflow: hidden; margin: 10px 33px 20px; }
#weddingMes { padding-bottom: 15px; border-bottom: 1px #cfb6bf solid; }
#weddingMes > div { width: 34%; display: inline-block; vertical-align: bottom; }
#weddingMes .tit h3 { font-family: 'Philosopher', sans-serif; font-size: 32px; color: #c8a9b0; text-align: left; }
#weddingMes .tit p { color: #888586; }
#weddingMes .tit p img { margin-left: 5px; vertical-align: initial; }
#weddingMes .messList { width: 65%; }
#weddingMes .messList h4 , #weddingMes .messList .tempWrap { display: inline-block; font-size: 16px; color: #636363; }
#weddingMes .messList h4 { padding: 0 10px 0 35px; background: url(/images/28/article/icon-newList.png) no-repeat 0 bottom; color: #f76976; }

/* sbanner */
#sbanner { padding: 30px 0 30px 190px; }
#sbanner h3 { font-size: 27px; color: #e47ca1; }
#sbanner p { font-weight: bold; font-size: 18px; color: #caacb3; }
#sbanner p font { margin: 5px; padding: 0 20px; background: #f16ca1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: inline-block; font-size: 12px; color: #fff; line-height: 18px; vertical-align: top; }

#content { overflow: hidden; margin: 0 20px; }
#content article { overflow: hidden; }

/* pagenav */
#pagenav { margin: 10px 0; text-align: center; }
#pagenav a , #pagenav strong { margin: 0 10px; width: 26px; height: 26px; background: #ce81ad; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; text-align: center; color: #fff; line-height: 26px; }
#pagenav a:hover , #pagenav strong { background: #d5b5c7; }
#pagenav a.prev , #pagenav a.next { width: auto; height: auto; background: none; }