@charset "UTF-8";
@import url(font-awesome.min.css);

/* CSS Document */





.floating-box {
	position: fixed;  /* 悬浮窗口固定在页面上（不会随滚动条滚动） */
	right: -230px;  /* 使其始终位于页面右侧，距离右边 20px */
	top: 50px;  /* 使其垂直位置位于页面中间 */
	width: 200px;  /* 设置悬浮窗的宽度为 100px */
	min-height: 380px;  /* 设置悬浮窗的高度为 250px */
	max-height: 90vh;
	overflow-y:auto;
	background-color: #f5f6f7; /*#f56a6a;  /* 设定背景颜色为黑色，透明度 70% */
	opacity: 1; /* 让整个元素透明 50% */
	color:darkolivegreen;
	/*text-align: center;  /* 文本内容居中 */
	border-radius: 10px;  /* 使悬浮窗四个角变圆，半径 10px */
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);  /* 添加阴影，增强立体感 */
	transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;  
	padding-left: 20px;
	/* 
	   添加过渡效果：
	   - `right` 位置在 0.3 秒内平滑变化（用于隐藏/显示效果）
	   - `opacity` 透明度在 0.3 秒内平滑变化（用于淡入淡出效果）
	*/
	
}

.floating-box.hidden {
    right: 5px;  /* 向右隐藏 */
}

/* 切换按钮的伪元素，显示菜单图标 */
.menu-toggle {
	font-family: "Font Awesome 6 Free";
    content: "\f0c9";  /* Font Awesome 的菜单图标代码 */
    font-weight: bold;
    font-size: 1.5rem;  /* 设置图标大小为2rem */
    position: fixed;
	background-color: transparent; /* 默认背景透明 */
    right: 5px;  /*控制按钮距离浏览器右侧的的位置*/
    top: 50px;
    color:#EF5D5D;
    border-radius: 4px 0 0 4px;
    z-index: 1000;
    cursor: pointer;/*鼠标在这里会变成一个手型*/
	width: 2.5rem;  /* 设定宽度 */
    height: 2.5rem; /* 设定高度 */
    line-height: 2.5rem; /* 让图标居中 */
    text-align: center; /* 确保内容居中 */
	pointer-events: auto; /* ⭐ 允许伪元素响应鼠标事件 */
	transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;  

}

.menu-toggle.hidden {
    right:230px;
	
}

.menu-toggle::before {
    content: "\f0c9"; /* Font Awesome 图标 */
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
}

.floating-box:hover {
	opacity: 1; /* 让整个元素透明 50% */
}


.floating-box .Logo {
    color: #f56a6a;
    font-weight: bold;
    font-size: 26px;
    font-family: "Roboto Slab", serif;
    border: 2px solid #f56a6a;       /* 黄色边框 */
                 /* 内边距，让边框更好看 */
    border-radius: 6px;             /* 圆角边框更柔和 */
    display: inline-block;          /* 让边框包住内容 */
    text-decoration: none;          /* 去掉超链接下划线 */
	margin-top:15px;               /* 边框跟上面的边拉开10px距离 */
    margin-bottom: 0px;            /* 边框跟下方元素拉开距离 */
	text-align: center;
	width: 85%;
	
	
}

.floating-box .Logo:hover {
	background: white;
}

.slogan {      /*只作用于“让法律变得简单”*/
	color:#f56a6a;
	font-size: 13px;
	margin-left:10px;
}






/*--------------------控制列表---------------------*/

.law-list ul {
    display: none; /* 默认隐藏所有子列表 */
    margin-left: 0px;
}

.law-list li.active > ul {
    display: block; /* 激活状态时显示子列表 */
}

.opener {
    cursor: pointer;
    font-weight: bold;
    background-color: #f0f0f0;
    padding: 5px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 4px;
    transition: background-color 0.2s ease;
}
.opener:hover {
    background-color: #dcdcdc;
}

.law-list {
	padding-left:0px;
	margin-left:5px;
}

.law-list li ul {
	margin-left: 2px; /* 控制子 ul 相对父项的缩进 */
	padding-left: 0.5em; /* 子项里的项目符号和文字的距离 */
	text-indent: -0.5em;
	list-style-type: circle; /* 可选：项目符号样式 */
	color:red;
  }


.law-list li {
    margin-left: 5px;
    padding-left: 0px;
}

/* 添加 ul 之间的分隔线 */
.law-list > li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

.law-list > li:last-child {
    border-bottom: 3px solid #d0d0d0;
}

.law-title {
	font-family: "黑体";
	font-weight: bolder;
	font-size: 16px;
    left: 2px;
    color: #f56a6a;
    padding-bottom: 5px;
    border-bottom: 2px solid #f56a6a;
    width: 70%; /* 设置为3/4长度 */
	margin-bottom: 0px;
	margin-top: 30px;
	  
}

.declare {
	font-family: "黑体";
	font-size: 12px;
    left: 2px;
    color: darkgrey;
    padding-bottom: 5px;
}

/*------------------------------------------------*/




/* 设置搜索表单的样式----------------------------------------------*/
input#query {
    width: 160px;
    height: 35px;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
  }





.fa-file-pdf {
    color: #f56a6a;
	align-items: center;
    font-size: 3rem;
    margin-left: 50px;
	margin-top: 20px;
    cursor: pointer;
}











/* 作用于法规链接 */
.links a {
    color: goldenrod;               /* 默认文字颜色 */
    text-decoration: none;    /* 去掉链接下划线 */
    padding: 5px 5px 5px 5px;        /* 给链接添加内边距 */
    border-radius: 4px;       /* 设置圆角 */
	font-size:12px;
    transition: background-color 0.3s ease, color 0.3s ease; /* 平滑过渡 */
	margin-left: 2px;
	border-left: 0px;
}

.links a:hover {
    background-color:whitesmoke; /* 鼠标悬停时的背景色 */
    color: #f56a6a;                /* 鼠标悬停时的文字颜色 */
}


/* 作用于图片 */

.image {
    flex: 1;  /* 让 `.image` 区域占据剩余空间 */
    display: flex;  /* 让 `.image` 也变成 Flexbox 容器 */
    align-items: flex-end; /* 让图片对齐底部 */
    justify-content: center; /* 让图片居中 */
}

.images {
	flex: 1;  /* 让 `.links` 区域占据父容器的一部分（平均分配空间） */
    display: flex;  /* 使用 Flexbox 布局 */
    flex-direction: column;  /* 让子元素垂直排列 */
    justify-content: center;  /* 让子元素在垂直方向上居中 */
    align-items: center;  /* 让子元素在水平方向上居中 */
    gap: 0px;  /* 使子元素之间间距为 10px */
    background: rgba(255, 255, 255, 0.2);  /* 轻微的白色透明背景 */
    padding: 5px;  /* 添加内边距，避免内容贴边 */
	
}

.images img {
    max-width: 90%;  /* 限制图片最大宽度为 90%（防止图片超出父容器） */
    max-height: 80px;  /* 限制最大高度为 100px，避免图片过大 */
    height: auto;  /* 让图片等比例缩放 */
    object-fit: contain;  /* 让图片完整显示（可能会留白，但不会裁剪） */
	margin-bottom: 10px;  /* 让图片距离底部 2px */
	margin-left:20px;
    
}










/*作用于法规标题*/
p.title {
	font-family: '黑体';
	font-weight: bold;
	font-size:13pt; 
	color: #2f5496;
	text-align: center;
	padding-top: 20pt;   /*顶端边距*/
}

section p{
   	margin-top: 0.5em;    /*控制段落前间距*/
    margin-bottom: 0.5em;/*控制段落后间距*/
	line-height: 1.5;/*控制行间距*/
}


#chapter_title{
	text-decoration: none; 
}


/* 法规修订情况-表格 */

.table_title{
	font-size:14pt;
	text-align: center;
}

.exp {
	width: min(1200px,90%);  /* 表格宽度占屏幕的90% */
	height:px;
	margin: 10px auto; /* 顶端距离  居中显示 */
	border-collapse: collapse; /* 合并边框 */
	font-size:11pt;
        }
        /* 设置列宽比例 */
        colgroup col:first-child {
            width: 50%;  /* 第一列 1 份 */	
        }
        colgroup col:last-child {
            width: 50%;  /* 第二列 4 份 */
        }
		td.exp_tb {
            text-align: left; /* 居中 */
        }
		
.exp_tb tr {
    height: 30px;  /* 设置表格高度 */
}
.exp_tb tr:nth-child(1),
.exp_tb tr:nth-child(3) {
    background-color: whitesmoke; /* 设置第一及第三行背景 */
}


/*  作用于法规序言部分*/

.Preamble{
	background-color:#ffffff; /*背景填充色*/
	border-color:darkgray; /*边框颜色*/
	border-style:dashed; /*边框为虚线*/
	border-width:0.75pt; 
	padding-left:1em; /*文字对于左边框的距离*/
	padding-right:1em; 
	width: min(1200px, 90%);   /*当浏览器宽度 >= 400px 时，表格宽度 固定为 400px。*/
	margin: 1px auto;
	font-size:10.5pt;
	color:#7f888f;
	line-height: 1.5em; /* 设置行间距为 1倍的字体大小 */
	font-family:DengXian,Fangsong,STFangsong,STKaiti;
	text-align: justify; /* 两端对齐 */
}

/*作用于目录*/
.directory {
	font-size:11pt;
    display: flex;    /* 使用flexbox设置两列分布*/
    flex-wrap: wrap;  /* 允许换行 */
    justify-content: space-between; /* 让两列分布均匀 */
    gap: 8px;  /* 设置行列之间的间隙 */
    max-width: 800px;  /* 控制目录的最大宽度 */
    margin: auto;  /* 居中 */
	padding-bottom: 15px;
}
.directory a {
    flex: 1 1 45%;  /* 让每个链接占据 45% 宽度，确保两列 */
    padding: 2px;
    text-decoration: none;
    color: #333;
    background: #f4f4f4;
    border-radius: 5px;
    display: block;
    text-align: left;
}


	
/*作用于小标题*/
h4{
	font-family: '黑体';
	font-weight: bold;
	font-size:13pt; 
	color: #2f5496;
	text-align: center;
	padding-top: 1px;      /*理解为，段前若干距离*/
	padding-bottom: 1px;  /*理解为，段后若干距离*/
	
	
}

a.no-underline {
	text-decoration: none;
	color: inherit; /* 可选，保持文字颜色一致 */
  }






/*作用于网页主文部分*/

#Sections {
	font-family:宋体;
	margin: 1px auto; /*距离上边的距离和   居中显示 */
	/*background-color:#ffffff; /*背景填充色*/
	/*border-color:darkgray; /*边框颜色*/
	/*border-style:dashed; /*边框为虚线*/
	width: min(1200px, 99%); /*边框的宽度*/
	border-width:0.75pt; 
	padding-left:em; /*文字对于左边框的距离*/
	padding-right:em; 
	vertical-align:top; 
	font-size:10.5pt;
	color:#7f888f;     	 /*系统默认，字体颜色#7f888f*/

	
}

/*作用于法条条文编号*/
span.Section {
	font-family:"Kaiti SC", "STKaiti", serif;
	font-weight:bolder; 
	text-shadow: 0 0 0.25px , 0 0 0.25px ;   /*字体阴影,模拟加粗字体*/
	font-variant:small-caps; 
	color:#2f5496;                 /*条文编号，字体颜色#2f5496 margin-right:0.5em;
	}*/
	margin-left: 2em;
	margin-right:0.5em;
}

span.Section_none{   /*首行缩进*/
	margin-left:2em;/*首行缩进*/
}

/*作用于条文主旨部分*/
span.Main_texts{
	color:red;
}




/* 法规配套司法解释-表格 */

#art_table {
	font-family:宋体;
	background-color:#ffffff; /*背景填充色*/
	border-color:cadetblue; /*边框颜色*/
	border-style:dashed; /*边框为虚线*/
	border-width:0.75pt; /*边框为粗细值*/
	text-indent: em; /* 首行缩进 2 个字符 */
	/*padding-left:1em; /*文字对于左边框的距离*/
	font-size:10.5pt;
	color:#0070C0;    /*司法解释默认字体颜色*/
	width: min(1200px, 99%); 
	/*text-align: justify; /* 两端对齐 */
	
	
}
#art_table .Section{
	color:rgb(8, 24, 244);        /*司法解释默认条文编号，字体颜色*/
}
#art_table .Main_texts{
	color:darkblue;
}

#art_table p {
    margin-top: 0.5;    /*控制段落前间距*/
    margin-bottom: 0.5;/*控制段落前间距*/
	line-height: 1.5;/*控制行间距*/
}


[id^="chapter_title"] {
  scroll-margin-top: 300px;  /* 调整超链接，使链接到的位置显示在距上页面100px处 */
}