div.intro {line-height:28px; font-size:15px; overflow: hidden; }
div.intro div.contL {float:left; width:30%;}
div.intro div.contR {float:right; width:65%;}
div.intro p.txtP { padding-bottom:20px; }
div.intro p.sign {text-align:left;}
div.intro  strong{font-size:16px; font-weight:normal; padding-left:0px; }
div.intro p.sign img{vertical-align:middle;}

div.intro .box01 {border:3px solid #dfdfdf; background:#f8f8f8; padding:80px; font-size:18px; line-height:35px;}
div.intro .box01 ol {margin-left:20px; padding-top:30px}
div.intro .box01 ol li {font-weight:600; margin:20px 0}
div.intro .sign2 {padding:50px 0 0 0; text-align:center; font-size:22px;}

div.intro .flex {display:flex; flex-wrap:wrap; justify-content:space-between; }
div.intro .flex .item {width:500px; margin-bottom:60px;}
div.intro .flex .item img {vertical-align:top}
div.intro .flex .item .tit{font-weight:bold; font-size:20px; padding:15px 0 8px 0 ;}
div.intro .flex .item .txt{font-size:15px; line-height:23px; }

div.table_wrap {padding-bottom:20px;}
table {border-collapse; collapse; border-spacing:0; }
table.table_common {border-top:1px solid #ccc; width:100%; border-bottom:1px solid #ccc;}
table.table_common caption {font-size:0px; width:0px; height:0px; text-indent:-9999px; overflow:hidden;}
table.table_common th,table.table_common td {padding:10px 5px 12px 5px; text-align:center; font-size:16px;}
table.table_common th {border-bottom:1px solid rgba(255,255,255,0.2); border-left:0px solid #ccc; background-color:#38568a; color:#fff; }
table.table_common tr:nth-of-type(even) th {background-color:#314d7f;  }
table.table_common td {border-bottom:1px solid #ccc; border-right:1px solid #dfdfdf; }
table.table_common td:first-child,table.table_common th:first-child {border-left:none;}
table.table_common tr:last-child th,table.table_common tr:last-child td {border-bottom:0;}
table.table_common td.bgG{background:#f5f5f5; font-weight:600}
table.table_common td strong {font-weight:bold}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%;}	

div.intro .box01 {border:1px solid #dfdfdf;  padding:30px 20px; font-size:15px; line-height:25px;}
div.intro .box01 ol {margin-left:20px; padding-top:20px}
div.intro .box01 ol li {font-weight:600; margin:20px 0}
div.intro .sign2 {padding:20px 0 0 0; text-align:center; font-size:18px;}

div.intro .flex .item .tit{ font-size:18px; padding:10px 0 8px 0 ;}
div.intro .flex .item .txt{font-size:14px; line-height:23px; }

table.table_common th,table.table_common td,
table.table_common td strong {padding:7px 1px; text-align:center; font-size:13px !important;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}