section.blog {width: 100%;height: auto;padding: 65px 0; padding-top:0px;}

section.blog .blog-head {width: 100%;margin-top: 75px;height: 115px;}
section.blog .blog-head h3 {text-align: center;font-weight: 800;font-size: 24pt;color: #444444;line-height: 100pt;letter-spacing: 0.35px;}

.tbgitem {width: 97%;height: 97%;position: relative;border-radius: 5px;padding: 3%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.tbgitem > a {width: 98%;height: 97%;position: absolute;background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 73%) 44%, rgb(255 255 255 / 0%) 100%);top: 0px;left: 0px;}

.tbgitem .content {position: absolute;left: 25px;bottom: 45px;width: 85%;}
.tbgitem .content span {     color: #313B46;font-size: 10pt;letter-spacing: 0.15px;border-radius: 25px;padding: 5px 10px;background-color: #fff;border: 1px solid #E3E3E3;}
.tbgitem .content h3 {    font-size: 14pt;line-height: 24pt;letter-spacing: 0.85px;color: #000;margin-top: 15px;}
.tbgitem .content h2 { font-size: 12pt;line-height: 17pt;letter-spacing: 0.85px;color: #000;margin-top: 15px;    background-color: rgb(255 255 255 / 79%);}
.tbgitem .content p {font-size: 11pt;line-height: 18pt;letter-spacing: 0.15px;color: #000; background-color: rgb(255 255 255 / 79%);}

.tbgitem .content a.title {    font-size: 14pt;
    line-height: 17pt;
    letter-spacing: 0.85px;
    color: #000;
    margin-top: 15px;
    display: block;
    text-decoration: none;
    font-weight: 800;}
.tbgitem .content a.desc {    font-size: 11pt;
    line-height: 18pt;
    letter-spacing: 0.15px;
    color: #000;
    background-color: rgb(255 255 255 / 79%);
    text-decoration: none;}

.blog-main {width: 100%;height: 510px;overflow: hidden;margin: 45px 0;}.blog-main .bmleft {width: 25%;height: 100%;float: left;}
.blog-main .bmleft ul {width: 100%;height: 100%;}
.blog-main .bmleft ul > li {width: calc(100% - 12px);height: calc(50% - 7px);margin-right: 10px;overflow: hidden;border: 1px solid #DEDEDE;}
.blog-main .bmleft ul > li:first-child {margin-bottom:10px;}
.blog-main .bmleft ul > li:last-child {margin-top:5px;}
.blog-main .bmid {width: calc(50% - 3px);height: calc(100% - 2px);float: left;border: 1px solid #DEDEDE;}
.blog-main .bmid .bmidarticle {width: 100%;height: 100%; overflow:hidden;}
.blog-main .bmright {width: 25%;height: 100%;float: left;}
.blog-main .bmright ul {width: 100%;height: 100%;}
.blog-main .bmright ul > li {width: calc(100% - 12px);height: calc(50% - 7px);margin-left: 10px;overflow: hidden;border: 1px solid #DEDEDE;}
.blog-main .bmright ul > li:first-child {margin-bottom:10px;}
.blog-main .bmright ul > li:last-child {margin-top:5px;}
.blog-articles {width: 100%;height: auto;overflow: hidden;margin: 45px 0;}
.blog-articles .gatleft {width: 65%;margin-right: 65px;float: left;height: auto;}
.blog-articles .gatright {width: calc(100% - (65% + 65px));float: left;height: auto;}
.blog-articles .gatright .all-blogs{max-height: 700px; overflow-y: scroll;}
.gats-recent {width: 100%;height: auto;overflow: hidden;margin-bottom: 45px;}
.gats-recent .header {width: 100%;height: 50px;margin-bottom: 45px;border-bottom: 1px solid #e8e8e8;}
.gats-recent .header h3 {display: inline-block;height: 100%;border-bottom: 2px solid #f9bc40;line-height: 48px;font-size: 16pt;}
.gats-recent .body {width: 100%;height: auto;}
.gats-recent .body ul.gatsrcnt {width: 100%;margin: 0px;height: auto;}
.gats-recent .body ul.gatsrcnt > li {width: calc(33.33% - 10px);overflow: hidden;float: left;position: relative;}

.gats-recent .body ul.gatsrcnt > li:nth-child(2) {margin:0px 15px;}
.gats-recent .body ul.gatsrcnt > li > a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.gats-recent .body ul.gatsrcnt > li > span { width: 100%;height: 155px;display: block;margin-bottom: 12px;background-color: #78d5ff;background-position: center;background-repeat: no-repeat;background-size: cover;}
.gats-recent .body ul.gatsrcnt > li > h3 {font-size: 12pt;line-height: 15pt;letter-spacing: 0.85px;color: #000000;font-weight: 400;margin-bottom: 5px;}
.gats-recent .body ul.gatsrcnt > li > p {font-size: 9pt;line-height: 15pt;letter-spacing: 0.15px;color: #5f5f5f;}
.gats-popular {width: 100%;height: auto;overflow: hidden;margin-bottom: 25px;}
.gats-popular .header {width: 100%;height: 50px;margin-bottom: 45px;border-bottom: 1px solid #e8e8e8;}
.gats-popular .header h3 {display: inline-block;height: 100%;border-bottom: 2px solid #68a1ff;line-height: 48px;font-size: 16pt;font-weight: 400;}

.gats-popular .body {width: 100%;height: auto;}
.gtpoprlarge {width: 100%;height: auto;margin-bottom: 25px;overflow: hidden;}
.gtpoprlarge > ul {width: 100%;height: auto;}
.gtpoprlarge > ul > li {width: calc(50% - 10px);overflow: hidden;float: left;position: relative;}
.gtpoprlarge > ul > li:first-child {margin-right:10px;}
.gtpoprlarge > ul > li:last-child {margin-left:10px;}
.gtpoprlarge > ul > li > a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.gtpoprlarge > ul > li > span {width: calc(100% - 2px);height: 215px;display: block;margin-bottom: 15px;background-color: #fff;background-position: center;background-repeat: no-repeat;background-size: cover;
border: 1px solid #E6E6E6;}
.gtpoprlarge > ul > li > h3 {font-size: 16pt;line-height: 22pt;letter-spacing: 0.15px;color: #000;font-weight: 600;margin-bottom: 5px;margin-right: 25px;}
.gtpoprlarge > ul > li > h4 {font-size: 9pt;line-height: 15pt;letter-spacing: 0.15px;color: #5f5f5f;font-weight: normal;margin: 6px 0;}
.gtpoprlarge > ul > li > p {    font-size: 12pt;line-height: 18pt;letter-spacing: 0.15px;color: #525252;font-weight: normal;}
.gtpoprsmall {width: 100%;height: auto; overflow: hidden;}
.gtpoprsmall > ul {width: 100%;height: auto;}
.gtpoprsmall > ul > li {width: calc(50% - 10px);overflow: hidden;float: left;position: relative;padding: 15px 0;    min-height: 145px;}
.gtpoprsmall > ul > li:nth-child(odd) {margin-right:10px;}
.gtpoprsmall > ul > li:nth-child(even) {margin-left:10px;}

.gtpoprsmall > ul > li > a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.gtpoprsmall > ul > li > span {width: 113px;height: 108px;display: block;float: left;background-color: #ffffff;background-position: center;background-repeat: no-repeat;background-size: cover;margin-right: 15px;border: 1px solid #E6E6E6;}

.gtpoprsmall > ul > li > h3 {font-size: 14pt;line-height: 18pt;letter-spacing: 0.15px;color: #000;font-weight: 600;}
.gtpoprsmall > ul > li > p {    font-size: 10pt;line-height: 15pt;letter-spacing: 0.15px;color: #3a3a3a;font-weight: normal;margin-top: 5px;}
.gatrs-missed > ul {width: 100%;height: auto;}
.gatrs-missed > ul > li {width: 100%;overflow: hidden;float: none;position: relative;border-bottom: 1px solid #ececec;padding: 20px 0;}
.gatrs-missed > ul > li:last-child {border: none;}
.gatrs-missed > ul > li > a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.gatrs-missed > ul > li > span {width: 65px;height: 65px;display: block;float: left;background-color: #ffffff;border: 1px solid #e6e6e6;background-position: center;background-repeat: no-repeat;background-size: cover;margin-right: 15px;
margin-bottom: 15px;}
.gatrs-missed > ul > li > h3 {font-size: 13pt;line-height: 17pt;letter-spacing: 0.15px;color: #000;font-weight: 600;}
.gatrs-missed > ul > li > p {    font-size: 10pt;line-height: 15pt;letter-spacing: 0.15px;color: #484848;font-weight: normal;margin-top: 5px;}
.gatrs-missed {width: 100%;height: auto;overflow: hidden;margin-bottom: 25px;}
.gatrs-missed .header {width: 100%;height: 50px;margin-bottom: 45px;border-bottom: 1px solid #e8e8e8;}
.gatrs-missed .header h3 {display: inline-block;height: 100%;border-bottom: 2px solid #68a1ff;line-height: 48px;font-size: 16pt;font-weight: 400;}
.gatrs-box {width: 100%;height: 400px;background-color: #e6e6e6;}

.blog-cums {width:100%; height:350px; margin-bottom:25px;background-position: center;background-size: cover;background-repeat: no-repeat;position:relative;}
.blog-cums span { left:0px; right:0px; top:0px; bottom:0px;position: absolute;background: rgb(0,0,0);
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 38%, rgba(0,0,0,0) 100%);top: 0px;left: 0px;}
.blogpage {width:100%; height:auto;}
.blogpage h2 {font-weight: normal;display: block;margin: 0px;color: rgb(0, 0, 0);text-align: left;font-size: 34px;line-height: 55px;letter-spacing: 0.62px;margin-bottom: 20px;}
.blogpage img {width: 100%;border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.09);margin: 30px 0;margin-top: 0px;}
.blogpage h3 {font-weight: normal;display: block;margin: 0px;text-shadow: 0 1px 0 rgba(255,255,255,0.75);color: rgba(0, 0, 0, 0.67);text-align: left;font-size: 34px;line-height: 55px;letter-spacing: 0.62px;margin-bottom: 20px;}
.blogpage p {font-weight: normal;display: block;color: rgba(0, 0, 0, 0.65);font-size: 17px;letter-spacing: 0.3px;line-height: 1.6em;margin-bottom: 1.8em;}
ul.standard {margin: 25px;padding: 0px;list-style-type: none;margin-bottom: 45px;}
ul.standard > li:first-child {background:none;}
ul.standard > li {padding: 8px 0px 8px 24px;position: relative;margin: 0px !important;text-align: left;font-weight: normal;display: block;color: rgba(0, 0, 0, 0.65);
font-size: 17px;letter-spacing: 0.3px;line-height: 1.6em;}
ul.standard > li:before {background: transparent url(../images/icons/bullet.png) no-repeat;content: "";height: 15px;left: -5px;position: absolute;top: 15px;width: 20px;background-size: 18px;background-repeat: no-repeat;}


/* Blog Detail Page Design */
section.blog-header {margin-top: 75px;height: 75px;border-bottom: 1px solid #d1d1d1;box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);}
section.blog-header .blog-beadcumb {width: 100%;height: auto;}
section.blog-header .prev-page {    width: 45%;height: auto;float: left;text-align: left;padding-top: 25px;}
section.blog-header .prev-page a {    cursor: pointer;text-align: left;text-decoration: none;}section.blog-header .prev-page img {float: left;width: 30px;
margin-right: 10px;}
section.blog-header .prev-page p {color: #4c4c4c;font-weight: 600;line-height: 20pt;}
section.blog-header .date-time {    width: 140px;float: right;text-align: right;padding-top: 25px;}section.blog-header .date-time p {float: left;
color: #848484;line-height: 20pt;font-size: 12pt;}
section.blog-header .date-time img {float: right;display: inline-block;margin-left: 5px;margin-top: 0px;}
section.blog-page {width: 100%;height: auto;margin-top: 35px;}.blog-wrapper {    width: 1024px;
height: auto;overflow: hidden;margin: 0px auto;}
section.blog-page h1.title { text-align: center;font-size: 32pt;font-weight: 400;color: #000;line-height: 45pt;width: 680px;margin: 35px auto;}
section.blog-page .content {width: 980px;height: auto;margin: 0px auto;}
section.blog-page .content p {    font-size: 14pt;line-height: 26pt;text-align: center;letter-spacing: 0.15px;}
section.blog-page .main-image {    width: calc(100% - 2px);height: auto;text-align: center;background-color: #fff;border: 1px solid #E2E2E2;margin: 35px 0;}
section.blog-page .main-image img {width: 100%;}

/* blog detail page properties */
section.blog-page p {font-size: 13pt;line-height: 34px;letter-spacing: 0.15px;color: #232323;text-align: left;width: auto;font-weight: 400;margin: 30px auto;width: 900px;}
section.blog-page p em {font-style: italic;font-weight: 600;}section.blog-page p strong {font-weight: bold;}
section.blog-page h1, section.blog-page h2 {color: #000;font-size: 20pt;line-height: 30pt;letter-spacing: 0.25px;text-align: left;font-weight: 500;margin-bottom: 25px;margin: 15px auto;width: 900px;}
section.blog-page h3, section.blog-page h4 {color: #000;font-size: 18pt;line-height: 30pt;letter-spacing: 0.25px;text-align: left;font-weight: 500;margin-bottom: 25px;
margin: 15px auto;width: 900px;}
section.blog-page h5, section.blog-page h6 {color: #000;font-size: 16pt;line-height: 30pt;letter-spacing: 0.25px;text-align: left;font-weight: 500;margin-bottom: 25px;
margin: 15px auto;width: 900px;}
section.blog-page figure {width: 99%;margin: 35px 0;border: 1px solid #D5D5D2; text-align: center;}
section.blog-page figure figcaption {text-align: center;background-color: #d5d5d2;margin: 0;padding: 15px;color: #000;}
section.blog-page figure img {width: 100%}section.blog-page blockquote {border-left: 8px solid #d4d4d4;width: auto;height: auto;overflow: hidden;padding-left: 25px;background-color: #fbfbfb;}section.blog-page a {text-decoration: underline;color: #007fff;}
section.blog-page pre.wp-block-code {font-family: monospace, serif;line-height: 20px;background-color: #f7fafc;border-radius: 0;padding: 1.25rem 1.5rem;
display: block;overflow-x: auto;color: #000000;border: 1px solid #dfe7ec;user-select: text;font-size: 14px;width: 900px;margin: 30px auto;}

/* Unordered listing type=circle */
section.blog-page ul {list-style-type: disc;padding-left: 50px;margin: 30px auto;width: calc(900px - 50px);}section.blog-page ul li {list-style-type: disc;color: #232323;
letter-spacing: 0.08px;font-size: 13pt;margin: 0 0 15px;line-height: 1.55;font-weight: 400;user-select: text;}

/* Ordered listing type=decimal */
section.blog-page ol {list-style-type: decimal;padding-left: 50px;margin: 30px auto;width: calc(900px - 50px);;}
section.blog-page ol li {list-style-type: decimal;  color: #232323;letter-spacing: 0.08px;font-size: 13pt;margin: 0 0 15px;line-height: 1.55;font-weight: 400;user-select: text;}

/* iframe and embeed things */
section.blog-page iframe {width: 100%;height: 550px;margin: 15px 0;}

/* responsive images in blog */
section.blog-page img {max-width: 100%; height: auto;}