/* Paragraph */
.video_area{ max-width:800px; margin: 0 auto}
.youtube_video {  width:100%; margin:10px 0;  box-shadow:0 0 5px rgba(0,0,0,.2); padding:0; height:0; padding-bottom:56.25%; position:relative;}
.youtube_video iframe { width:100%; position:absolute; left:0; top:0; height:100% ; min-height:auto} 
.youtube_video video { width:100%; position:absolute; left:0; top:0; height:100% ; min-height:auto} 

.boxing .description{ margin:15px 0 ; }
.Album ul{ list-style:none; padding:0px; margin:0}

.right_desc ul { margin:0 0 0 20px !important; padding:0; list-style:outside}
.right_desc ol { margin:0 0 0 20px !important; padding:0; }
.right_desc ul li, .right_desc ol li{ float: none !important;}

#Inner_Type_A ul, #Inner_Type_A2 ul{ 
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
#Inner_Type_A li, #Inner_Type_A2 li{ 
width:calc(100%) ; 
display: flex;
align-items: center;
text-align: center;
}

#Inner_Type_A li p, #Inner_Type_A2 li p{ text-align: center; }

#Inner_Type_B ul, #Inner_Type_B2 ul{ 
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
#Inner_Type_B li, #Inner_Type_B2 li{ 
width:calc(100%) ; 
display: flex;
align-items: center;
text-align: center;
}
	
#Inner_Type_B li p, #Inner_Type_B2 li p{ text-align: left; }


#Inner_Type_H ul, #Inner_Type_H2 ul{ 
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
#Inner_Type_H li, #Inner_Type_H2 li{ 
width:calc(100%) ; 
display: flex;
align-items: center;
text-align: center;
}



#Inner_Type_H li p, #Inner_Type_H2 li p{ text-align: center; }


#Inner_Type_C ul li, #Inner_Type_C2 ul li{ 
display: flex;
justify-content: center; /* 水平居中 */
align-items: stretch; 
}


#Inner_Type_C li .title_des , #Inner_Type_C2 li .title_des{ 
	flex: 1;
    display: flex; 
    justify-content: center; 
    align-items: center; 
}

#Inner_Type_C li .right_desc , #Inner_Type_C2 li .right_desc{ 
	flex: 1; padding: 10% 0 10% 0;
	display: flex; 
    justify-content: center; 
    align-items: center; 
    text-align: left; 
    background: #112d61; 
    color: #fff; 
    clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}

#Inner_Type_C2 li .right_desc{ background: #d62525;  }

#Inner_Type_C2 ul li {
    flex-direction: row-reverse; /* 调转左右内容 */
}

#Inner_Type_C li p, #Inner_Type_C2 li p{ text-align: left; }

#Inner_Type_C li img , #Inner_Type_C2 li img{ 
clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}

.download_area ul{ list-style:none; margin:0px 0; padding:0px;}
.download_area ul li{  }

.download_area ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:10px 50%; padding:20px 20px 20px 40px; line-height:19px; background-size:23px 23px; display:block;transition: all 0.3s ease 0s;width: 100%;
  color:#000 !important ;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:10px 50%;  color:#fff;background-size:23px 23px}


.files {background:#f7f7f7 !important;margin-bottom: 20px;}
.files  .title::before { display: none}

.download_area ul li{border-bottom: 2px solid #e7e9ee; position: relative}
.download_area ul li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ed3141;
  bottom: -2px;
  left: 0;transform: scaleX(0.1);
  transform-origin: bottom left;;
  transition: transform 0.45s ease-out;
}
.download_area ul li:hover::before {   transform: scaleX(1);
  transform-origin: bottom left;}
#Inner_Type_D ul{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
#Inner_Type_D ul li{
width:calc(100%) ; 
display: flex;
align-items: center;
text-align: left;
}

#Inner_Type_E ul{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}

#Inner_Type_E ul li{
width:calc(100%) ; 
display: flex;
align-items: center;
text-align: left;
}

#Inner_Type_E ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position: 10px 50%;
  padding: 20px 20px 20px 40px; line-height:19px; color:#555; background-size:23px 27px; display:block;}
#Inner_Type_E ul li a:hover{ -webkit-transform: scale(1.2);
	transform: scale(1); background:url(../images/icon/icon_download.png) no-repeat left; background-position:10px 50%; color:#666;background-size:23px 27px}

#Inner_Type_F{ list-style:none; margin:0px 0 ; padding:0px;}
#Inner_Type_F ul li{ float:left; width:100%; margin:0 0; text-align: left;}
#Inner_Type_F ul li iframe{ width:100%; height:650px; border:0;}

.accordion { 
  border-bottom:1px solid #ddd !important; 
background: none;
  padding:1em;
  width: 100%;  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s; color:var(--main-color);
  color: var(--main-color);
font-size: 1.2em; cursor: pointer
}

.node__content .active, .accordion:hover { color:  #ed485b }

.accordion:after {
  content: '\002B';
  color: #666;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.node__content .active:after {
  content: "\2212";  color: #ed485b;
}

.node__content .panel {
  padding: 0  1em; margin:15px 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.mm-columns {
  --col-width: var(--_col-width, 280px);
  --columns: var(--_columns, 5);
  --gap: var(--_gap, 20px);
  columns: var(--col-width) var(--columns);
  column-gap: var(--gap);
}

.mm-columns__item:not(:last-child) {
  margin-bottom: var(--gap);
}

.mm-columns__img {
  width: 100%;
  height: auto;
}


@media screen and (max-width: 576px){
#Inner_Type_C ul li, #Inner_Type_C2 ul li { display:block !important}
#Inner_Type_C li .right_desc , #Inner_Type_C2 li .right_desc { width:100%; padding:100px 0;}
#Inner_Type_C li .title_des  , #Inner_Type_C2 li .title_des  { width:100%;}

#Inner_Type_A ul, #Inner_Type_A2 ul{ 
grid-template-columns: repeat(1, 1fr);
}
#Inner_Type_B ul, #Inner_Type_B2 ul{ 
grid-template-columns: repeat(2, 1fr);
}
#Inner_Type_H ul, #Inner_Type_H2 ul{ 
grid-template-columns: repeat(2, 1fr);
}


#Inner_Type_D ul{
grid-template-columns: repeat(2, 1fr);
}
	
}