body
{
	height:100%; 
	width:100%;
	margin: 0; 
	padding: 0; 
	font-family: "Microsoft YaHei","Roboto Condensed","Apple LiGothic Medium", Tahoma, Helvetica, Arial, "Hiragino Sans GB", "STHeiti", "SimSun", sans-serif;
	font-size: 20px;
	color: #2A2A2A;
	background-color: #EEEEEE;
	background-repeat:repeat-x;
}
hr { 
margin : 10px 5px 10px 10px; 
border-top : 1px solid #008000; 
} 
input[type=range] {
    width: 70%;
}
#home {
    color : #CCCCCC; 
    text-decoration: none;
} 
.yp { 
font-size :.7em; 
	text-align : center; 
} 
.text12_gray { 
font-size : 1.0em; 
color : #000000; 
text-align : center; 
} 
.text12_brown { 
font-size : 1.1em; 
color : #cc6600; 
text-align : center; 
font-weight : bolder; 
} 
.text12_150 { 
font-size : 1.0em; 
color : #cc6600; 
text-align : center; 
font-weight : bolder; 
} 
.text1 { 
font-weight : bolder; 
font-size : 1.0em; 
color : #000000; 
} 
.text2 { 
font-size : 0.9em; 
} 
.text4 { 
font-size : 0.9em; 
line-height : 150%; 
color : #008000; 
text-align : center; 
} 
.text3 { 
font-size : 0.9em; 
line-height : 150%; 
color : #008000; 
text-align : center; 
} 
.text5 { 
font-size : 0.82em; 
color : #800000; 
} 
.text6 {
	color : #000000;
	text-indent : 1em; 
	display : block;
	font-size : 1em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
} 
.text7 { 
	color : #000000;
	display : block;
	font-size : 1.1em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
} 
.text8 { 
font-size : 1.0em; 
color : #cc6600; 
text-align : center; 
font-weight : bolder; 
} 
.bar_green1 { 
background-color : #addead; 
} 
.bar_green2 { 
background-color : #f1f8e7; 
} 
.smdjtop { 
text-align : right; 
font-size : 0.9em; 
} 
.text12_88 { 
margin : 50px 2px 80px 2px; 
font-size : 1.2em; 
color : #CCCCCC; 
text-align : center; 

} 

sup { 
color : red; 
font-size : 0.7em; 
} 
.AA { 
color : #000000; 
text-indent : 1.3em; 
font-size : 1.1em; 
} 
.AAA { 
color : #008000; 
font-size : 0.8em; 
} 
.BB { 
color : #800000; 
padding-left : 2em; 
display : block; 
font-size : 1em; 
} 
.CC { 
color : #800000; 
padding-left : 2.5em; 
display : block; 
font-size : 0.96em; 
} 
.DD { 
color : #800000; 
padding-left : 3em; 
display : block; 
font-size : 0.94em; 
} 
.EE { 
color : #800000; 
padding-left : 4.5em; 
display : block; 
font-size : 0.92em; 
} 
.FF { 
color : #800000; 
padding-left : 4.5em; 
display : block; 
font-size : 0.9em; 
} 
.GG { 
color : #000000; 
font-size : 1.0em; 
font-weight : bolder;
text-indent : 2em; 
} 
.YY { 
color : #800000; 
padding-left : 0.5em; 
display : block; 
font-size : 1.1em; 
} 
.ZZ { 
color : #800000; 
padding-left : 0.5em; 
display : block; 
font-size : 1.0em; 
font-weight : bolder; 
}
.UU { 
color : #000000; 
margin-left: 4.5em;
text-indent : -4em; 
font-size : 1.1em;
} 

.chapter { 
font-size : 1.0em; 
color : #800000; 
text-align : center; 
font-weight : bolder; 
} 
.tabbox {text-align:center;}
.tabmenu {height:28px;}
.tabmenu ul {margin:10px;padding:0;height:30px;list-style-type: none;background:#fff;border: 1px solid #CCC;border-radius:5px 5px 5px 5px;}
.tabmenu li { text-align:center; float:left; display:block; width:33.333%; height:30px; overflow:hidden; background-color: #FFF; line-height:30px; display:inline; font-size:16px;}
.tabmenu .cli {text-align:center;float:left;display:block;width:33.333%;height:30px;overflow:hidden;background-color: #E6E6E6;line-height:30px;display:inline;font-size:16px; cursor:pointer;}
#tabcontent {border-left:#CCC 0px solid;border-right:#CCC 0px solid;border-bottom:#CCC 0px solid;}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent .hidden {display:none;}
#prevNextLink	{
text-align:center;
FONT-WEIGHT:bold;
FONT-SIZE:1.4em;
text-decoration:none
}

/* === 移动端修复 === */
html {
  overflow-x: hidden !important;
}
@media (max-width: 767px) {
  body {
    margin: 0 !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* 移动端：修复 .UU 大缩进换行居中问题 */
@media (max-width: 767px) {
  .UU {
    margin-left: 0 !important;
    padding-left: 1em !important;
    text-indent: 0 !important;
    text-align: left !important;
    line-height: 1.7 !important;
    
  }
  .GG {
    text-align: left !important;
    font-size: clamp(15px, 4.2vw, 17px) !important;
    margin: 8px 0 4px !important;
  }
  .text12_gray { text-align: center !important; font-size: clamp(13px, 3.5vw, 15px) !important; padding: 0 !important; }
  .text12_brown { text-align: center !important; font-size: clamp(17px, 4.8vw, 20px) !important; }
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom,8px)) !important; }
}
