@charset "utf-8";

 
	
	/*----------------------------
h1
	-----------------------------*/
 
	h1{font:22px/38px Titillium, Helvetica, Arial, sans-serif;color:#333333;}
	h2{font:15px/28px Titillium, Helvetica, Arial, sans-serif;font-weight:500;}
	h3{font:14px/21px Titillium, Helvetica, Arial, sans-serif;}
	h4{font:13px/18px TitilliumLight, Helvetica, Arial, sans-serif;color:#8e8e8e;font-weight:normal;text-align:justify;}
	h5{font:14px/21px Titillium, Helvetica, Arial, sans-serif;}
	
	blockquote {background:url(../xx_images/quote.png) 5px 0px no-repeat;margin-bottom:10px;display:block;float:left;padding:10px 5px;font:16px/30px Georgia, Times New Roman, Times, serif;font-weight:normal;font-style:italic;color:#666666;text-align:justify;text-indent:50px;margin-top:25px;}
	blockquote span{display:block;text-align:right;margin-top:10px;margin-right:30px;color:#5b4b44;font:13px/21px Titillium;font-weight:bold;font-style:italic;letter-spacing:1px;}
 
	
	/* safari fix */
	@media screen and (-webkit-min-device-pixel-ratio:0){
	strong{font:12px/21px Helvetica, Arial, sans-serif;font-weight:bold;line-height:20px;font-style:normal;}
	}
	
/*--------------------------------------------------------
	2.Menu
--------------------------------------------------------*/
	
	.bg-top{width:100%;height:78px;background:url(../xx_images/bg-top.png);}
	.bg-footer{width:100%;height:200px;background:url(../xx_images/bg-footer.png);position:relative;bottom:-20px;}

	
	#top{width:100%;position:relative;z-index:50;}
	.menu-left, .menu-center, .menu-right{height:100%;float:left;}
	#menu{width:100%;text-align:center;position:relative;z-index:200;}
	#menu ul{list-style-type:none;}
	#menu ul li {float:left;height:75px;text-align:center;}
	
	#nav ul li,#nav2 ul li  {float:left;height:35px;padding-top:5px;text-align:center;}
	#nav a,#nav2 a{display:block;}
	#nav li:hover > ul, #nav2 li:hover > ul{display:block;}
	#nav ul, #nav2 ul{display:none;margin:0px;padding:0px;position:relative;top:-40px;background:#ffffff;border:1px dashed #ebdfdf;}
	#nav:after, #nav2:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
	#nav, #nav2{display:inline-block;} 
	html[xmlns] #nav{display:block;}
	html[xmlns] #nav2{display:block;}
	* html #nav{height:1%;}
	* html #nav2{height:1%;}
	#nav span, #nav2 span{text-align:center;font:13px TitilliumMedium, Helvetica, Arial, sans-serif;letter-spacing:1px;font-weight:bold;}
	
	.menu-li-inshop_ide{height:100%;}
	.selected{background:url(../xx_images/selected.png) no-repeat;background-position:center 45px;}
	.selected a{color:#e44a6c;}
	
	.menu-li-inshop_ide span big{width:100%;float:left;font:13px TitilliumBold, Helvetica, Arial, sans-serif;letter-spacing:1px;}
	.menu-li-inshop_ide span small{width:100%;float:left;/*margin-top:-2px;*/font:12px Sansation, Helvetica, Arial, sans-serif;}
	.menu-li-inshop_ide span:hover{color:#5b4b44;}
	.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
	


/*--------------------------------------------------------
	3.Container
--------------------------------------------------------*/
	
	/*----------------------------
	o.-- general/page
	-----------------------------*/
	
	#center-top{width:100%;height:48px;margin-top:-60px;background:url(../xx_images/center-top.png);}
	#right-top{float:right;width:110px;height:50px;background:url(../xx_images/syl_close.png);}
	#center-bottom{width:100%;height:48px;margin-top:-30px;background:url(../xx_images/center-bottom.png);}
	#center{padding:10px 25px;background:#ffffff;}
	#center:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
	
	/*
	This is not legal version, preview only mode. If you're using this one, you're just fucking cheap. Seriously, It's about 10$, can't you afford it?
*/

	.border{background-color:#ffffff;padding:10px;border:1px solid #dddddd;}
	.border-grid{background-color:#ffffff;padding:5px;border:1px solid #dddddd;}
	.border-bottom{border-bottom:solid 1px #ebdfdf;}
	.center-text{text-align:center;}
	.border1{margin-left:5px;border-left:800px solid #e44b6d;height:2px;margin:10px 0;}
	.border2{margin-left:5px;border-left:300px solid #ccc;height:2px;margin:10px 0;}
	
	.lines{height:30px;margin:10px 10px 10px 0px;background:url(../xx_images/lines.png) repeat-x center;}
	.seperator{margin:10px 0px;background:url(../xx_images/seperator.png) repeat-x center;height:1px;}
	.text-inshop_ide{padding-right:15px;background:#ffffff;font:15px/28px Titillium, Helvetica, Arial, sans-serif;font-weight:500;color:#e44a6c;}
	
	.name-area{margin:30px;color:#e44a6c;text-shadow:1px 1px 1px #5b4b44;font-size:30px;text-overflow: ellipsis;white-space: nowrap;}
	.content{width:100%;padding-top:5px;padding-bottom:25px;padding-left:50px;}
	.content-dark{padding:20px;background:#fafafa;min-height:100px; font-size:14px;}
	.content-footer{width:100%;padding-top:25px;}
	.content:after,.content-dark:after, .three-column:after, .content-2-3rd:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
		
	.read-more{font:13px Tahoma;padding:15px 25px;background:url(../xx_images/read-more.png) no-repeat;background-position:right;float:right;}

	.two-column, .three-column, .three-column-double, .four-column, .four-column-double, .four-column-triple{float:left;}

	.color-light{color:#e44a6c;}
	.color-dark{color:#5b4b44;}
	
	.tweet{width:286px;height:205px;background:url(../xx_images/t.png) center no-repeat;}

	img.tweet_icon{display:none;padding:0px 0px 20px 20px;position:relative;top:-1px;}
	
	.mbottom{margin-bottom:20px;}
	
	/*----------------------------
	i.-- home
	-----------------------------*/
	
	#slides{height:100%;/*position:absolute;*/}
	#slides .next, #slides .prev{margin-top:-352px;}
	#slides .slides_container{overflow:hidden;position:relative;display:none;}
	#slides .slides_container div.slide{display:block;}
	#slides .next, #slides .prev{position:relative;width:25px;height:350px;display:block;z-index:1002;}
	#slides .prev{float:left;left:20px;background:url(../xx_images/prev.png) no-repeat;}
	#slides .next{float:right;left:-20px;background:url(../xx_images/next.png) no-repeat;}
	#slides .pagination{display:none;}

	.jcarousel-skin-tango .jcarousel-container{}
	.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
	.jcarousel-skin-tango .jcarousel-container-horizontal{width:100%!important;}
	.jcarousel-skin-tango .jcarousel-clip{overflow:hidden;}

	/*
	This is not legal version, preview only mode. If you're using this one, you're just fucking cheap. Seriously, It's about 10$, can't you afford it?
*/

	.jcarousel-skin-tango .jcarousel-item-horizontal{margin-left:12px;margin-right:12px;}
	.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{}
	.jcarousel-skin-tango .jcarousel-item-placeholder{background:#ffffff;color:#000000;}
	.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:-35px;right:0px;width:25px;height:25px;cursor:pointer;background:transparent url(../xx_images/arrow-next.png) no-repeat 0 0;}
	.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:-35px;right:25px;width:25px;height:25px;cursor:pointer;background:transparent url(../xx_images/arrow-prev.png) no-repeat 0 0;}

	/*----------------------------
	ii.-- blog


	#search-blog{background:#ffffff url(../xx_images/search-icon.png) 95% center no-repeat;width:85%;height:45px;color:#8e8e8e;margin-top:10px;padding-left:10px;padding-right:30px;border:1px solid #f7f7f7;font:15px/28px Titillium, Helvetica, Arial, sans-serif;}
	.category{background:url(../xx_images/cat.png) no-repeat;padding-left:25px;background-position:0px -5px;}
	.comments{background:url(../xx_images/comments.png) no-repeat;padding-left:25px;}
	.blog-date{font-family:BebasNeueRegular;background-color:#e44a6c;color:#fafafa;padding:10px;width:40px;position:absolute;margin-left:-25px;}
	.blog span{font-size:20px;letter-spacing:3px;}
	.blog span big{font-size:40px;letter-spacing:7px;line-height:36px;}
	.blog span small{font-size:25px;letter-spacing:3px;}
		-----------------------------*/
	.pagination{display:block;width:500px;margin-left:28px;text-align:center;padding-top:15px;border-top: 1px solid #ededed;}
	.pagination li.current-page a{color:#e44a6c;}
	.pagination li{display:inline-block;margin-right:15px;}
	
	/*----------------------------
	iii.-- galleries
	-----------------------------*/

	.image-area-list-2, .image-area-list-3, .image-area-list-4, .image-area-list-grid{float:left;}
	.image-area-list-2 li, .image-area-list-3 li, .image-area-list-4 li, .image-area-list-grid li{float:left;list-style:none;}
	.image-area-list-2 li a, .image-area-list-3 li a, .image-area-list-4 li a, .image-area-list-grid li a{display:block;float:left;background:#f9f9f9;}
		
	/*----------------------------
	iv.-- rsvp/contact
	-----------------------------*/
	
	#map{height:300px;width:100%;background:url(../xx_images/map.jpg) center no-repeat;}
	
	/*----------------------------
	v.-- icons

	
	.popular-post, .cat, .latest-tweet, .quick-contact, .gift, .location, .rehersal, .dinner, .reception, .ceremony, .events, .thanks{display:block;color:#5b4b44;height:24px;padding-left:24px;font:18px/28px TitilliumLight, Helvetica, Arial, sans-serif;font-weight:200;}
	.popular-post-lightcolor, .cat-lightcolor, .latest-tweet-lightcolor, .quick-contact-lightcolor, .gift-lightcolor, .location-lightcolor, .rehersal-lightcolor, .dinner-lightcolor, .reception-lightcolor, .ceremony-lightcolor, .events-lightcolor, .thanks-lightcolor{display:block;color:#fafafa;height:28px;padding-left:24px;font:24px/28px TitilliumLight, Helvetica, Arial, sans-serif;font-weight:200;}

	.cat{background:url(../xx_images/cat.png) no-repeat;background-position:0px 1px;}
	.cat-lightcolor{background:url(../xx_images/cat-lightcolor.html) no-repeat;background-position:0px 1px;}
	.events{background:url(../xx_images/events.png) no-repeat;background-position:0px 1px;}
	.events-lightcolor{background:url(../xx_images/events-lightcolor.html) no-repeat;background-position:0px 1px;}
	.thanks{background:url(../../169_design/zhhq_indeximg/goods/ico1.jpg) no-repeat;
	height:40px;padding-left:80px; line-height:40px; font-weight:600;}
	.thanks-lightcolor{background:url(../xx_images/thanks-lightcolor.html) no-repeat;background-position:0px 1px;}
	.popular-post{background:url(../xx_images/popular-post.png) no-repeat;background-position:0px 4px;}
	.popular-post-lightcolor{background:url(../xx_images/popular-post-lightcolor.png) no-repeat;background-position:0px 4px;}
	.latest-tweet{background:url(../xx_images/latest-tweet.png) no-repeat;background-position:0px 4px;}
	.latest-tweet-lightcolor{background:url(../xx_images/latest-tweet-lightcolor.png) no-repeat;background-position:0px 4px;}
	.quick-contact{background:url(../xx_images/mail.png) no-repeat;background-position:0px 6px;}
	-----------------------------*/
	/*
	This is not legal version, preview only mode. If you're using this one, you're just fucking cheap. Seriously, It's about 10$, can't you afford it?


	.quick-contact-lightcolor{background:url(../xx_images/mail-lightcolor.png) no-repeat;background-position:0px 6px;}
	.gift{background:url(../xx_images/gift.png) no-repeat;background-position:0px 2px;}
	.gift-lightcolor{background:url(../xx_images/gift-lightcolor.html) no-repeat;background-position:0px 2px;}
	.map{background:url(../xx_images/map.png) no-repeat;background-position:0px 12px;}
	.map-lightcolor{background:url(../xx_images/map-lightcolor.png) no-repeat;background-position:0px 12px;}
	.blank, .blank-lightcolor{display:block;color:#5b4b44;background:#ffffff;background-position:0px 2px;height:26px;padding-left:24px;font:18px/28px TitilliumLight, Helvetica, Arial, sans-serif;font-weight:200;}
	.location{background:url(../xx_images/location.png) no-repeat;background-position:0px 2px;}
	.location-lightcolor{background:url(../xx_images/location-lightcolor.html) no-repeat;background-position:0px 2px;}
	
	.rehersal{background:url(../xx_images/rehersal.png) no-repeat;background-position:0px 2px;}
	.rehersal-lightcolor{background:url(../xx_images/rehersal-lightcolor.html) no-repeat;background-position:0px 2px;}
	.dinner{background:url(../xx_images/dinner.png) no-repeat;background-position:0px 2px;}
	.dinner-lightcolor{background:url(../xx_images/dinner-lightcolor.html) no-repeat;background-position:0px 2px;}
	.reception{background:url(../xx_images/reception.png) no-repeat;background-position:0px 2px;}
	.reception-lightcolor{background:url(../xx_images/reception-lightcolor.html) no-repeat;background-position:0px 2px;}
	.ceremony{background:url(../xx_images/ceremony.png) no-repeat;background-position:0px 2px;}
	.ceremony-lightcolor{background:url(../xx_images/ceremony-lightcolor.html) no-repeat;background-position:0px 2px;}

	.contact-item{padding:10px 0px 0px 25px;margin-left:5px;color:#777777;font-size:14px;}
	.contact-item{padding:10px 0px 0px 25px;margin-left:5px;color:#fafafa;font-size:14px;}
	
	.phone{background:url(../xx_images/phone.png) no-repeat;background-position:0px 11px;}
	.phone-lightcolor{background:url(../xx_images/phone-lightcolor.png) no-repeat;background-position:0px 11px;}
	.mail{background:url(../xx_images/mail.png) no-repeat;background-position:0px 13px ;}
	.mail-lightcolor{background:url(../xx_images/mail-lightcolor.png) no-repeat;background-position:0px 13px ;}
	.twitter{background:url(../xx_images/twitter.png) no-repeat;background-position: 0px 13px;}
	.twitter-lightcolor{background:url(../xx_images/twitter-lightcolor.png) no-repeat;background-position: 0px 13px;}
	.skype{background:url(../xx_images/skype.png) no-repeat;background-position: 0px 13px;}
	.skype-lightcolor{background:url(../xx_images/skype-lightcolor.png) no-repeat;background-position: 0px 13px;}
	*/	
	/*
	This is not legal version, preview only mode. If you're using this one, you're just fucking cheap. Seriously, It's about 10$, can't you afford it?


	.facebook{background:url(../xx_images/facebook.png) no-repeat;background-position: 0px 13px;}
	.facebook-lightcolor{background:url(../xx_images/facebook-lightcolor.png) no-repeat;background-position: 0px 13px;}
	.popular-item{padding:10px 0px 0px 25px;margin-left:5px;color:#777777;font-size:14px;background:url(../xx_images/popular-item.png) no-repeat;background-position: 0px 13px;}
	.popular-item-lightcolor{padding:10px 0px 0px 25px;margin-left:5px;color:#777777;font-size:14px;background:url(../xx_images/popular-item-lightcolor.png) no-repeat;background-position: 0px 13px;}
*/

/*
	syl2010426预定按钮
*/


 /*syyll 20210412*/
.syl_button1 {
float:left;
	height:60px;
	width:240px;
	line-height:60px;
	color:#FFF;
	font-size:18px;
	font-weight:500;
	font-family: "Microsoft YaHei",SimSun,sans-serif;
	text-align:center;
	margin:10px;
	background: #FB3131;
	border:1px solid #fff;
}
.syl_button2 {
float:left;
    display: inline-block;
	height:60px;
	width:240px;
	line-height:60px;
	color:#FFF;
	font-size:18px;
	font-weight:500;
	font-family: "Microsoft YaHei",SimSun,sans-serif;
	text-align:center;
	margin:10px;
	background: #1c19e6;
	border:1px solid #fff;
}
.syl_button3{
float:left;
    display: inline-block;
	height:60px;
	width:240px;
	line-height:60px;
	color:#FFF;
	font-size:18px;
	font-weight:500;
	font-family: "Microsoft YaHei",SimSun,sans-serif;
	text-align:center;
	margin:10px;
	background: #FF9600;
	border:1px solid #fff;
}

.syl_input{width:200px;height:30px;overflow:hidden;border:1px solid #ccc; margin-top:10px; background-color:#FF9;}
.syl_input1{width:600px;height:30px;border:1px solid #ccc; margin-top:10px; background-color:#FFF;}
.syl_input2{width:126px;height:30px;border:1px solid #ccc; margin-top:10px; background-color:#FF9;
visibility:hidden}

 
#tabMenu{ width:100%;overflow:hidden; border-bottom:1px solid #ccc; margin-top:5px; background-color:#fff;}
#tabMenu ul li{ width:240px; float:left; list-style:none; font-size:16px; line-height:50px; height:50px; text-align:center; color:#0066CC; cursor:pointer; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; margin:0px 5px; color:#666}
#tabMenu ul li.curent{ font-size:16px; background:#d5ff8e; font-weight:bold; color:#693939;}
#tabContent{ width:100%; min-height:500px; padding:5px; font-size:12px;}
#tabContent .hide{ display:none;}
.syl_left{width:120px; float:left; padding:10px 10px 10px 30px;}
.syl_left1{width:300px; float:left;}
.syl_left2{width:1200px;height:400px;float:left;border:1px solid #F0F0F0; margin-top:10px; background-color:#FFF;text-align:center}
.syl_left3{width:1000px;border:1px solid #fb6800; margin-top:10px; background-color:#FFF;margin:0 auto}
.syl_tit1{ font-size:18px;font-weight:700; margin:10px;color:#003366;}
.syl_tit2{ font-size:14px;color:#666;}
.syl_tit3{ margin-left:16px;margin-top:16px;font-size:14px;color:#666;}



 
/*CSS Star start*/
.sylstar
        {   list-style: none;
            margin: 0px;
            padding: 0px;
            width: 300px;
            height: 30px;
            position: relative;
            
            }
         .sylstar li  
         {
            padding:0px;
            margin: 0px; 
            float: left; 
            width:20px;
            height:20px;
            background:url(__ROOT__/169_design/zhhq_indeximg/goods/sylstar.gif) 0 0 no-repeat;
            }  
 /*CSS Star end*/
/*20210413结算页*/  
.bar-wrapper{
    width: 1200px;
    height: 50px;
    position: fixed;
    bottom: -1px;
    z-index: 99;
    background: #e5e5e5;
}
.bar-wrapper .bar-right{
    float: right;
    color: #3c3c3c;
}
.bar-wrapper .bar-right strong{
    color: #f40;
}

.bar-wrapper .bar-right .piece{
    float: left;
    min-width: 110px;
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
}
.bar-wrapper .bar-right .piece .piece_num{
    display: inline-block;
    padding: 0 10px;
    font-weight: 700;
    font-size: 18px;
    font-family: tohoma,arial;
}
.bar-wrapper .bar-right .totalMoney{
    float: left;
    min-width: 100px;
    height: 50px;
    line-height: 50px;
}
.bar-wrapper .bar-right .totalMoney .total_text{
    float: right;
    font-weight: 400;
    font-size: 22px;
    font-family: Arial;
    vertical-align: middle;
    margin:15px;
}
.bar-wrapper .bar-right .calBtn{
    float: left;
}
.bar-wrapper .bar-right .calBtn a{
    display: block;
    width: 220px;
    height: 50px;
    color: #fff;
    background: #fb6800;
    cursor: not-allowed;
    font-size: 16px;
    letter-spacing: 5px;
    text-decoration: none;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
}
.bar-wrapper .bar-right .calBtn a.btn_sty{
    background: #f40;
    cursor: pointer;
}