*{padding:0px;margin:0px;}
html{}
body{font:12px Verdana,Arial,Tahoma;color:#666;background:url(../images/body_bg.webp) center bottom no-repeat #f3f2de;}
img{border:none;padding:0px;margin:0px;}
a{color:#333;text-decoration:none;}
a:hover{color:#999999;text-decoration:none;}
p{ line-height:24px;}
ul{list-style:none;}
li{list-style:none;}
.clear {clear:both;height:0}

.header{width:1000px;margin:0 auto;}
.header .logo{}

.header .nav{width:1000px;margin:0 auto;height:43px;font-size:14px;background:url(../images/nav_bg.webp) left top repeat-x;}
.header .nav ul{}
.header .nav ul li{width:125px;height:43px;line-height:43px;text-align:center;color:#fff;float:left;}
.header .nav ul li a{color:#fff;font-weight:bold;}
.header .htext{height:46px;line-height:40px;background:url(../images/header_b_bn.webp) left top repeat-x;}
.header .htext .left{padding-left:25px;}

.bannerbox { width: 1000px; height: 335px;  margin: 10px auto; }
#focus { width: 1000px; height: 335px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 1000px; height: 335px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 1000px; height: 335px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 150px; height: 335px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/sprite.webp) no-repeat left center; }
#focus .next { right: 0; background: url(../images/sprite1.webp) no-repeat right center; }

.main{width:1000px;height:525px;margin:15px auto;}

.main .about{width:301px;height:440px;margin-right:12px;float:left;}
.main .about .aboutus{width:285px;height:auto;padding:8px;background:#dbdac8;}
.main .about .aboutus p{line-height:22px;padding-top:0px;}

.main .news{width:476px;height:440px;padding-right:11px;float:left;background:url(../images/main_bg.webp) left top repeat-x;}
.main .news .newtop{width:456px;height:170px;padding:10px 20px;}
.main .news .newtop .title{}
.main .news .newtop .content{padding-top:5px;}
.main .news .newtop .content h1{font-size:14px;font-weight:bold;line-height:40px;text-align:center;}
.main .news .newtop .content h1 a{color:#b66513;}
.main .news .newtop .content p{line-height:25px;padding-right:10px;}
.main .news .newtop .content p span a{color:#f70104;}
.main .news .newslist1{padding:20px 10px 0px 10px;}
.main .news .newslist1 dl{}
.main .news .newslist1 dl dd{float:left;width:100px;margin:7px;}
.main .news .newslist1 dl dd img{width:100px;height:100px;}

.main .news .newslist2{margin:20px 10px 0px 10px;}
.main .news .newslist2 dl{}
.main .news .newslist2 dl dd{float:left;width:100px;margin:7px;text-align:center;}



.main .lingshan{width:200px;height:440px;float:left;background:url(../images/main_bg.webp) left top repeat-x;}
.main .lingshan .foyuan{padding:10px 0px;}
.main .lingshan .foyuan .title{}
.main .lingshan .foyuan .list{padding-top:5px;}
.main .lingshan .foyuan .list dl{}
.main .lingshan .foyuan .list dl dd{line-height:30px;padding-left:10px;background:url(../images/dot1.webp) left 14px no-repeat;}
.main .lingshan .zoujin{padding:10px 0px;margin-top:15px;}
.main .lingshan .zoujin .title{}
.main .lingshan .zoujin .list{padding-top:5px;}
.main .lingshan .zoujin .list dl{}
.main .lingshan .zoujin .list dl dd{line-height:34px;padding-left:10px;background:url(../images/dot1.webp) left 16px no-repeat;}

.main_n{width:1000px;margin:15px auto;}
.main_n .left{width:200px;height:300px;margin-right:15px;margin-bottom:150px;float:left;background:#dbdac8;}
.main_n .left dl{}
.main_n .left dl dd{line-height:45px;}
.main_n .left dl dd a{color:#7e7e7c;font-size:14px;font-weight:bold;padding-left:50px;line-height:45px;display:block;background:url(../images/hover_dot2.webp) left 5px no-repeat;}
.main_n .left dl dd a:hover{background:url(../images/hover_dot.webp) left 5px no-repeat;}
.main_n .left dl dd a.a{background:url(../images/hover_dot.webp) left 5px no-repeat;}


.main_n .right{width:735px;float:left;background:url(../images/main_bg.webp) left top repeat-x;padding:10px 25px 125px 25px;}
.main_n .right .title{height:50px;line-height:25px;font-size:14px;font-weight:bold;padding-left:12px;color:#880d0f;background:url(../images/title_dot.webp) left top no-repeat;}
.main_n .right .list{padding:20px 0px;border-bottom:1px dashed #ccc;}
.main_n .right .list dl{}
.main_n .right .list dl img{float:left;padding-right:20px;padding-top:8px;height:100px;width:100px;}
.main_n .right .list dl dt{line-height:34px;font-size:14px;font-weight:bold;}
.main_n .right .list dl dt a{color:#b66513;}
.main_n .right .list dl dd{line-height:25px;height:75px;}
.main_n .right .list dl dd span a{color:#f00;}
.main_n .right .pagelist{text-align:center;margin:45px 0px 25px 40px;}
.main_n .right .pagelist span{border:1px solid #eee;padding:4px;}
.main_n .right .pagelist a{border:1px solid #ccc;padding:4px;}

.main_n .right .piclist{padding:10px 0px;float:left;margin:0px 9px;}
.main_n .right .piclist dl{}
.main_n .right .piclist dl dt{}
.main_n .right .piclist dl dt img{height:165px;width:165px;}
.main_n .right .piclist dl dd{line-height:40px;text-align:center;}
.main_n .right .piclist dl dd a{color:#b66513;}

.main_n .right .content{line-height:30px;font-size:14px;}
.main_n .right .content a{color:#880d0f;text-decoration:underline;}
.main_n .right .content a:hover{color:#b5121b;}
.main_n .right .content p{margin:10px 0;}
.main_n .right .content h1{font-size:18px;height:50;line-height:50px;color:#880d0f;text-align:center;}
.main_n .right .content h2{font-size:16px;line-height:36px;color:#880d0f;margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid #e0dfd0;}
.main_n .right .content h3{font-size:14px;line-height:30px;color:#555;margin:16px 0 8px;padding-left:10px;border-left:3px solid #880d0f;}
.main_n .right .content h3 a{color:#880d0f;text-decoration:none;font-weight:bold;}
.main_n .right .content h3 a:hover{text-decoration:underline;}
.main_n .right .content ul{margin:8px 0 12px 20px;padding:0;}
.main_n .right .content ul li{line-height:28px;list-style:disc;color:#666;margin-bottom:4px;}
.main_n .right .content img{max-width:735px;}











.footer{width:1000px;height:100px;margin:0px auto;}
.footer p{text-align:center;color:#fff;padding-top:45px;}


/* ===== Dropdown Menu Styles ===== */
.header .nav ul li.has-dropdown{position:relative;}
.header .nav ul li.has-dropdown > ul.dropdown{display:none;position:absolute;top:43px;left:0;z-index:999;min-width:160px;padding:0;margin:0;background:#880d0f;background:linear-gradient(to bottom,#a01010,#6b0a0a);box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.header .nav ul li.has-dropdown:hover > ul.dropdown{display:block;}
.header .nav ul li.has-dropdown > ul.dropdown li{width:160px;height:auto;line-height:38px;text-align:left;float:none;border-bottom:1px solid rgba(255,255,255,0.15);}
.header .nav ul li.has-dropdown > ul.dropdown li:last-child{border-bottom:none;}
.header .nav ul li.has-dropdown > ul.dropdown li a{display:block;padding:0 15px;color:#fff;font-weight:normal;font-size:13px;}
.header .nav ul li.has-dropdown > ul.dropdown li a:hover{background:rgba(255,255,255,0.15);}

/* ===== Language Switcher Styles ===== */
.lang-switcher{float:right;margin-right:15px;line-height:46px;display:flex;align-items:center;gap:6px;}
.lang-btn{display:inline-block;padding:4px 10px;font-size:14px;color:#880d0f;background:#fff;border:1px solid #880d0f;border-radius:3px;cursor:pointer;vertical-align:middle;transition:background 0.2s,color 0.2s;}
.lang-btn.active{background:#880d0f;color:#fff;cursor:default;}
.lang-btn:disabled{opacity:1;}
.lang-btn:not(.active):hover{background:#f0d0d0;}
.lang-sep{display:none;}

/* ===== Ceremony Schedule Table Styles ===== */
.ceremony-table{width:100%;border-collapse:collapse;margin:15px 0;}
.ceremony-table th{background:#880d0f;color:#fff;padding:10px 12px;text-align:left;font-size:14px;}
.ceremony-table td{padding:10px 12px;border-bottom:1px solid #ddd;font-size:13px;line-height:22px;}
.ceremony-table tr:nth-child(even){background:#f9f8f0;}
.ceremony-table tr:hover{background:#f0efe0;}
.loading{text-align:center;padding:30px 0;color:#888;font-size:14px;}
.error{text-align:center;padding:20px;color:#880d0f;background:#fff5f5;border:1px solid #f0d0d0;border-radius:4px;margin:15px 0;line-height:24px;}

/* ===== Event Category Tag Styles ===== */
.event-category{display:inline-block;padding:2px 10px;font-size:12px;color:#fff;background:#880d0f;border-radius:3px;margin-right:6px;vertical-align:middle;}
.event-category.fashi{background:#880d0f;}
.event-category.fangsheng{background:#2e7d32;}
.event-category.songjing{background:#5d4037;}
.event-category.chanxiu{background:#1565c0;}
.event-category.nianfo{background:#6a1b9a;}
.event-category.daxing{background:#e65100;}

/* ===== FAQ Accordion Styles ===== */
.faq-item{border:1px solid #ddd;margin-bottom:8px;border-radius:4px;overflow:hidden;}
.faq-question{display:block;width:100%;padding:14px 40px 14px 12px;font-size:14px;font-weight:bold;color:#333;background:#f9f8f0;border:none;text-align:left;cursor:pointer;position:relative;line-height:22px;transition:background 0.2s;font-family:inherit;}
.faq-question:hover{background:#f0efe0;}
.faq-question::after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:20px;color:#880d0f;font-weight:bold;}
.faq-item.active .faq-question::after{content:'\2212';}
.faq-answer{display:none;padding:12px 15px;line-height:26px;color:#555;background:#fff;border-top:1px solid #eee;}
.faq-item.active .faq-answer{display:block;}

/* ===== Map Container Styles ===== */
.map-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:15px 0;border:1px solid #ddd;border-radius:4px;}
.map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* ===== Visually Hidden (Accessible) ===== */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Background audio play button (shown when autoplay is blocked) */
#bg-audio-btn {
  display: none;
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 999;
  background: #880d0f;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  line-height: 44px;
  text-align: center;
  padding: 0;
}
#bg-audio-btn:hover { background: #a01012; }

/* WhatsApp floating button */
.whatsapp-float {
  position: fixed;
  bottom: 86px;
  right: 24px;
  z-index: 1000;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}
.whatsapp-float svg {
  width: 32px;
  height: 32px;
  fill: #fff;
}