@charset "utf-8";
/* CSS Document */
.scrollToTop{background-color: #188073; border: 1px #ffffff solid; border-radius: 7px;}
.logo2 {width: 100px; margin: 20px 1%;}
.desk_only{display: inherit;}
.weather{display: none;}
.hot_key{font-size: 14px;}
.dropbtn{color: #ffffff}
#sliderSection .row .col-lg-12{display: flex;}
.logos {width: 100%;}
.navbar { padding: 0; }
.top_menu {margin: 0 auto 10px 50px;}
.accordion {position: relative; top: -32px; left: 6px; margin-bottom: -40px; width: 100%;}
.accordionTitle{width: 42px; height: 20px;}
.catg_title{width: 100%;}
.spost_nav .tab_content li {display: flex; min-width: 50px;}
.media-body {padding: 0 5px 15px;}
.columnist {height: auto;}
.columnist .imgLiquid {width: 100%; height: 6em;}
.pop {width: 22.9%;}
.pop .imgLiquid {width: 100%; height: 13.6em;}
.life {width: 22.9%;}
.life .imgLiquid {width: 100%; height: 13.6em;}
.tab-content>.active {display: flex;}
.spost_nav3 .media_video li { display: flex;}
.spost_nav3 .media-body > a{height:40px!important;}
.one_column_wrapper { display: flex;}
.fotorama__img{top: 0!important;}
.fotorama_slide_cap {padding-top: 8px!important;}
#sliderSection .fotorama_slide_cap {height: 88px;}
#sliderSection .fotorama_slide_cap a h3 {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.fotorama_slide_cap a h3{vertical-align: top;} 

.headline_wrap .headline_list li .headline_text .head_title a {font-size: 14px;}

.scrollToTop {bottom: 25px; right: 15px;}

.head_title a:before{content: "• ";}
.single_sidebar{padding-top: 15px;}

/*New Menu*/
#main_menu_2024 {overflow: hidden; width: 100%; height: 30px; display: inline-block; list-style: none; transition: height 0.15s; text-align: left; background-color: #ffffff;}
#main_menu_2024 ul {margin: 0; padding: 0;}
#main_menu_2024 li:last-child {display: inline-block; padding: 0 14px; margin-bottom: 10px; border-right: 0; text-align: center; vertical-align: middle; font-size: 16px;}
#main_menu_2024 li {display: inline-block; padding: 0 14px; margin-bottom: 10px; border-right: 1px solid #999999; text-align: center; vertical-align: middle; font-size: 16px;}
.main_menu_2024_btn {width: 2em; height: 1.55em; background: url(../image/menu.png) no-repeat; background-size: cover; background-position: top; border: none;}
.main_menu_2024_row{width: 100%; max-width: 1024px; display: flex;}

a[href^=tel] { color: inherit; text-decoration: none; }

.section_title h2{font-weight: bold;}
.section_title a{font-weight: bold;}
.nav-tabs > li a{font-weight: bold;}

@media (min-width: 1199px) {
    .container {
        width: 1024px;
    }
}
@media (max-width: 1024px) {
    .top_nav li {margin: 0 0.3em;}
    .container, .container-lg, .container-md, .container-sm {max-width: 100%;}
    #sliderSection .row .col-lg-12{display: flex;}
    .spost_nav3 {height: 27.5em;}
    .fin_img {height: 3.5em;}
    .pop {width: 22.9%;}
    .pop .imgLiquid {width: 100%; height: 12em;}
    .life {width: 22.9%;}
    .life .imgLiquid {width: 100%; height: 12em;}
    .scrollToTop {bottom: 25px; right: 15px;}
    .headline_wrap li {margin-bottom: 10px;}
}
@media (max-width: 991px) {
    .fin_img {height: 3em;}
    #sliderSection .row .col-lg-12{display: block;}
    .spost_nav3 {height: 23em;}
}
@media (max-width: 820px) {
    #main_menu_2024 {text-align: left;}
    .headline_wrap li {margin-bottom: 3px;}
    .spost_nav a{font-size: 18px;}
    .spost_nav3 {height: 21em; font-size: 18px;}
    .spost_nav3 a{font-size: 18px;}
    .spost_nav3 .media-body > a{height: 50px!important;}
    .columnist {width: 23.5%; height: auto;}
    .columnist .imgLiquid { width: 100%; height: 11em;}
    .columnist a{font-size: 18px;}
    .pop {width: 22.9%;}
    .pop .imgLiquid {width: 100%; height: 11em;}
    .pop a{font-size: 18px;}
    .life {width: 22.9%;}
    .life .imgLiquid {width: 100%; height: 11em;}
    .life a{font-size: 18px;}
    .fotorama h3{font-size: 1.4rem; margin-bottom: .3rem; margin-top: 0.2rem}
}
@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
    .columnist {width: 23.5%; height: auto;}
    .columnist .imgLiquid { width: 100%; height: 8em;}
    .spost_nav3 {height: 20em;}
    .pop {width: 22.9%; height: auto;}
    .pop .imgLiquid {width: 100%; height: 9.5em; background-position: center;}
    .life {width: 22.9%; height: auto;}
    .life .imgLiquid {width: 100%; height: 9.5em; background-position: center;}
    .scrollToTop {bottom: 25px; right: 15px;}
    #sliderSection .row .col-lg-12{display: block;}
    .headline_wrap li {margin-bottom: -5px;}
}
@media (max-width: 640px) {
    .logo1 {display: none;}
    .logo2 {width: 110px;}
    #main_menu_2024 li {padding: 0 10px;}
    .main_menu_2024_btn {height: 1.45em;}
    body {font-size: 18px}
    .desk_only{display: none!important;}
    .mob_no_pad{padding-left: 0; padding-right: 0; padding-top: 5px}
    #sliderSection .row .col-lg-12{display: block;}
    .container {min-width: 100%;}
    .top_menu {width: 100%; margin: 0 auto;}
    .header_top_left {width: 100%;}
    .weather{display: none;}
    .top_menu {z-index: 1;}
    .top_menu ul{text-align: center;}
    .top_menu li {margin-bottom: 10px;font-size: 15px;}
    .top_submenu {width: 100%; margin: 0 auto;}
    .top_submenu ul{text-align: center;}
    .top_submenu li {margin-bottom: 10px; font-size: 15px;}
    .accordion{z-index: 5; width: 100%; left: 0px; margin-bottom: -30px; top: -15px;}
    
    .spost_nav .tab_content li {display: flex; width: 100%;}
    .spost_nav .tab_content li .media-left {width: 35%;}
    .spost_nav .tab_content li .media-body a {height: auto;}
    .spost_nav .moremore {width: 100%; text-align: center; border: 1px dotted #464646; margin-top: 10px; padding-top: 5px}
    .spost_nav .moremore li .media-body{padding: 0 5px 5px}
    .spost_nav li:last-child {height: auto;}
    .spost_nav li { height: auto; }
    .media-left .imgLiquid {width: 98%;}
    .media_video .media-left .imgLiquid {width: 30%;}
    .tab_content{padding-top: 10px;}
    .tab-content>.active {display: block;}
    
    .spost_nav3 {height: 100%;}
    .spost_nav3 .media_video .media-left{width: 30%; padding-top: 5px}
    .spost_nav3 .media_video .media-left .imgLiquid{width: 100%;}
    .spost_nav3 .media_video {padding: 10px 0;}
    .one_column_wrapper { display: block;}
    
    .headline_wrap .headline_list li .headline_text .head_title a{font-size: 18px; height: auto; overflow: hidden; line-height: normal;}
    
    .columnist {width: 48%; height: auto;}
    .columnist .imgLiquid { width: 100%; height: 11em;}
    .pop {width: 47.9%; height: auto;}
    .pop .imgLiquid {width: 100%; height: 11em; background-position: center!important;}
    .life {width: 47.9%; height: auto;}
    .life .imgLiquid {width: 100%; height: 11em; background-position: center!important;}
    
    .scrollToTop {bottom: 25px; right: 15px;}
    .headline_wrap li {margin-bottom: 10px;}
    
    
    #sliderSection .fotorama_slide_cap {height: 68px;}
    .fotorama h3{font-size: 1.2rem; margin-bottom: .3rem; margin-top: 0.2rem}
}
@media (max-width: 576px) {
    .top_nav li {margin: 0 0.3em; font-size: 16px;}
    .container, .container-sm {max-width: none;}
    .columnist {width: 100%; height: auto;}
    .columnist h2{font-size: 18px;}
    .columnist .desc{font-size: 18px; height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
    .columnist .imgLiquid { width: 100%; height: 11em; display: none;}
    .pop {width: 100%; height: auto;}
    .pop .imgLiquid {width: 100%; height: 9.5em; background-position: center!important;}
    .pop h2{font-size: 18px;}
    .pop .desc{font-size: 18px; height: auto;}
    .life h2{font-size: 18px;}
    .life .desc{font-size: 18px; height: 60px;}
}
@media (max-width: 420px) {
    .top_nav li {margin: 0 0.3em; font-size: 14px;}
    .columnist {width: 100%; height: auto;}
    .columnist .imgLiquid { width: 100%; height: 11em;}
    .pop {width: 100%; height: auto;}
    .pop .imgLiquid {width: 100%; height: 8em; background-position: center!important;}
    .life {width: 47.9%; height: auto;}
    .life .imgLiquid {width: 100%; height: 8em; background-position: center!important;}
}
@media (max-width: 375px) {
    .top_nav li {margin: 0 0.2em; font-size: 14px;}
    .columnist {width: 100%; height: auto;}
    .columnist .imgLiquid { width: 100%; height: 11em;}
    .pop {width: 100%; height: auto;}
    .pop .imgLiquid {width: 100%; height: 8em; background-position: center!important;}
    .life {width: 47.9%; height: auto;}
    .life .imgLiquid {width: 100%; height: 8em; background-position: center!important;}
}