/* --main data--------------------- */
#main_2nd {background-color:#7387A2;margin-bottom: 35px;}
#main_2nd>div{height: 150px;color: #fff;position: relative;}
#main_2nd h1 {font-size: 40px;font-weight: bold;margin-top: 25px;}
#main_2nd h1 span {font-size: 20px;}

.main-box{display:flex;margin: 0 auto 50px;width: 980px;}
.main-left-box{padding: 20px 29px 20px 0;width:calc(100% - 220px);}
.main-right-box{width: 220px;}

/* --column--------------------- */
.clolumn-box-data{margin-bottom: 20px;}
.column-box{display:flex;}
.card-image{position: relative;width: 35%;}
.cat-label{position: absolute; top: 3px; left: 3px;background-color: #fff; font-size: 12px; padding: 2px 10px;border: 1px solid #e9e9e9;}
.card-image img{max-width:100%;height:auto;}
.card-content{position: relative;padding:0 0 30px 20px;width: 65%;}
.card-title{}
.card-snippet{}
.post-date{position: absolute; bottom: 0; right: 15px; font-size: 14px;}

/* --column body--------------------- */
.clumn-main h2 { margin: 0 0 40px; padding: 10px 10px 10px 20px; font-size:24px; border-left: 10px solid #cf9c62; border-bottom: 1px solid #cf9c62;}
.clumn-main h3 {margin: 0 0 20px; padding: 0 0 10px; min-height: auto; border-bottom: 1px solid #cf9c62;font-size: 20px;}
.clumn-main p {margin-bottom: 2em;}
.clumn-main table {margin-bottom: 20px;  max-width: 100%;  width: 100%;  border-collapse: collapse;  border-spacing: 0;}
.clumn-main table th {  background-color: #f5f6f7;}
.clumn-main table tr:nth-of-type(2n+1) {background-color: #fafbfc;}
.clumn-main table th,
.clumn-main table td {font-size:0.9em;border: 1px solid #eee;  padding: 6px;text-align:center;}
.clumn-main ul{margin-bottom: 2em;}
.clumn-main ul li{ margin-left: 2em; list-style: disc;}
.clumn-main img{width:100%;height:auto;}

/* --side manu--------------------- */
.right-inquery-link a{display:block; background-color: #cf9c62; padding: 20px; color: #fff;}
.main-right-category dl{padding-top: 20px;}
.main-right-category dl dt{font-weight: bold;font-size: 1.1rem;}
.main-right-category ul{padding-left: 1em;}
.main-right-category ul li{list-style-type: disc;padding-top:0.5em;}
.main-right-arc{margin:40px 0 0;}
.main-right-arc h2{margin-bottom:20px;font-weight: bold;font-size: 1.1rem;}
.main-right-arc ul{padding-left: 1em;}
.main-right-arc ul li{list-style-type: disc;padding-top:0.5em;}
.main-right-category ul li a:hover,
.main-right-arc ul li a:hover{text-decoration:underline;}

/* --nav--------------------- */
.nav-links{margin-top:40px;padding:2em;display:flex;justify-content:center;background:#f3f3f3;}
.nav-links a,.nav-links span{width:50px;height:50px;margin:2px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;text-decoration:none;background:#fff;color:#222;transition:.3s;}
.nav-links a:hover{background:#cf9c62;color:#fff;}
.nav-links .current{background:#cf9c62;color:#fff;border-radius:100%;}
.nav-links .dots{background:none;}

/* --article--------------------- */
.main-box h1{font-size: 40px;}
.article-post-date{text-align: right; padding-right: 20px;}
.article-image{position: relative;position: relative; margin: 40px 10px; text-align: center;}
.article-image img{max-width:100%;height:auto;}

.tnt-number{margin:40px auto;padding: 20px;max-width:400px;border:2px solid #cf9c62;}
.tnt-number dt{font-weight: bold;text-align: center;}
.tnt-number ol{padding-left: 1em;}
.tnt-number li{list-style-type: decimal;}
.tnt-number li a:hover{text-decoration:underline;}

.d-flexbox{display:flex;}


@media screen and (max-width: 1000px) {
	.main-box {width: auto;padding:0 10px;}
	#main_2nd h1{padding-left:10px;}
}
@media screen and (max-width:768px) {
	.main-box{display:block;}
	.main-left-box,
	.main-right-box{width: auto;}
	.main-left-box{padding-right:0;}
}

@media screen and (min-width: 0px) and (max-width:539px){
	.card-snippet{display:none;}

}