.boxtinq1 { padding: 10px; margin:3px; width: 24%; box-shadow: 0px 0px 3px #ddd; float: left; }
 .boxtinq1 img{ max-width:100%; }
 .boxtinq1 a {color: #007bff;font-weight: bold;text-transform: uppercase;}
 .boxtinq1 h5 {text-align: center;height: fit-content;}
 .boxtinq1 a:hover{ color:red;}
 .boxtinq1 p{ font-weight: 400; font-size: 14px; }
 .boxtin-center{ justify-content:start; padding: 0px 15px; }
 .titlesp{ background-color: #00ccff; color: #fff; border-radius: 0px 20px 0px 20px; padding: 5px 8px; font-weight: 600; font-size: 22px; }
 .title-sp-1{ font-size:34px !important; font-weight:500 !important; color:#333; text-align:center; }
 .tabletskt{ width:100%; }
 .news-left .tabletskt td > ul{ list-style-type: none; margin-left: 0; }
 .tabletskt > thead > tr { background: #00ccff !important; color: #fff; text-transform: uppercase; }
 .tabletskt > thead > tr > th { padding:5px 8px; }
 .tabletskt td { padding: 3px 8px; border: none; font-size: 14px; text-align:left; border-collapse: collapse; border-top-style: none; }
 .tabletskt tr:nth-child(even){  background-color: #f4f4f4; }
 .tabletskt tr:nth-child(odd){ background-color:white; }
 .dd-cam { display: flex; }
 .dd-cam50 { width: 50%; border-bottom: 1px dotted #40e6ff; margin: 0px 10px; }
 .dd-cam50 p { margin-top: 25px; }
 .news-left img{max-width:100% }
 .news-right img{ max-width:100%; }
 .imghang{ margin-right: 10px; width: 20px; vertical-align: middle; }
 .news-right { width:320px;float:left; }
 .news-left { width: 775px; float: left; margin-right: 15px;  }
 .news-left img { padding: 5px; border-radius: 15px; }
 .news-left h2 {  width:100%; font-size: 28px; }
 .news-left h3 {  width:100%; font-size: 20px; }
 .news-left h4 {  width:100%; font-size: 18px; }
 .news-left h5 {  width:100%; font-size: 15px; }
 .news-left h2,  .news-left h3,  .news-left h4,  .news-left h5{font-weight: 600;}
 .news-left p { font-weight: 400; font-size: 14px; padding-bottom: 0px; }
 .news-left ul { margin-left:30px; list-style-type:disc; }
 .titletin{ padding: 30px 0px 5px 0px; font-weight: 700; font-size: 30px; }
 .list-number {background: #ffd200; border-radius: 50%; padding: 3px 13px; color: #fff; box-shadow: 0 0 5px #fff, 0 0 10px #ffd200; width: fit-content;    float: left;}
 .spview0 { width: 46%; }
 .spviwh img { display: block; margin: 10px auto; }
 .spviwinfo p { font-size: 11px; }
 .spview1 h3 a { font-size: 14px; }
 .spview0 h3, .spview1 .spviwinfo p, .spview2 h3, .spview2 .spviwinfo p, .spview4 h3 a { font-size: 12px; line-height: 20px; }
 .spview3 .spviwinfo p { font-size: 11px; }
 .spview3 h3 { font-size: 13px; }
 .spview5 { width: 100%; }
 .view1spin5 h3 a{ font-size: 15px; }
 .view1spin2 .spviwinfo { padding: 10px 0px; }
 @media (min-width: 992px) and (max-width: 1199px) { .boxtinq1{margin: 3px;width: 32%;}
 .news-left{ width: 662px!important; }
 .news-right{ width:259px!important;}
 .spview0 h3 , .spview2 h3{ font-size: 12px; }
 .spviwinfo p { font-size: 13px; }
 }
 @media (min-width: 768px) and (max-width: 991px) { .boxtinq1 {padding: 10px;margin: 3px;width: 48%;}
 .news-left{ width: 487px!important;  }
 .news-right{ width:194px!important;}
 .spviwinfo p { font-size: 12px; }
 .view1spin5 .spviwinfo p { font-size: 12px; }
 .view1spin4 h3 a { font-size: 16px; }
 }
 @media (min-width: 1400px) { .news-left{ width: 897px!important;  }
 .news-right{ width:369px!important;}
 }
 @media (max-width: 767px) { .news-left, .news-right, .boxtinq1{width: 100%;padding: 0;}
 }