/* ============================================
   News List & Detail Page Styles
   ============================================ */

/* CSS Variables */
:root{
	--mainColor:#378ec3;
}

/* Container Widths */
.contentWH1600{width: 83.33%;height: auto;margin: 0px auto;}
.contentWH1400{width: 73.33%;height: auto;margin: 0px auto;}
.contentWH1200{width: 1200px;height: auto;margin: 0px auto;}

/* Banner Section */
.banner{width: 100%;height: auto;position: relative;}
.banner_bg{width: 100%;height: auto;}
.banner_bg img{width: 100%;display: block;height: auto;}
.banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.banner_content h1{font-size: 48px;color: #FFFFFF;text-align: center;font-weight: 700;}

/* Breadcrumbs Section */
.crumbs_box{width: 100%;height: auto;border-bottom: 1px solid #E1E1E1;}
.crumbs_content{width: 100%;height: 50px;display: flex;justify-content: space-between;align-items: center;}
.crumbs_content img{display: block;width: 16px;height: auto;margin-right: 5px;}
.crumbs_content a,.crumbs_content i{font-size: 16px;color: #666666;font-style: normal;display: block;}
.crumbs_content i{margin: 0px 5px;}
.crumbs_content a{display: flex;justify-content: flex-start;align-items: center;}
.crumbs_content a:hover{color: var(--mainColor);}
.crumbs_content_left{display: flex;height: 100%;justify-content: flex-start;align-items: center;}
.crumbs_content_right{display: flex;height: 100%;justify-content: flex-end;}
.crumbs_content_right li{height: 100%;position: relative;}
.crumbs_content_right li + li{margin-left: 50px;}
.crumbs_content_right li a{display: flex;align-items: center;height: 100%;color: #666666;}
.crumbs_content_right li:hover a,.crumbs_content_right li.on a{color: var(--mainColor);}
.crumbs_content_right li.on:after{content: "";display: block;width: 100%;height: 2px;background: var(--mainColor);position: absolute;left: 0;bottom: -1px;}

/* News List Top Section */
.news_list_top_box{width: 100%;height: auto;padding: 80px 0;}
.news_list_top_sw{width: 100%;height: auto;padding-bottom: 42px;}
.news_list_top_sw .swiper-slide{border-radius: 10px;overflow: hidden;background: #FAFAFA;height: auto;width: 100%;}
.news_list_top_sw .swiper-slide a{display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;}
.news_list_top_sw_img{width: 42.86%;height: auto;overflow: hidden;}
.news_list_top_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.news_list_top_sw_right{width: 46.43%;height: auto;margin-left: 50px;}
.news_list_top_sw_right_time{font-size: 22px;color: var(--mainColor);}
.news_list_top_sw_right h2{font-size: 20px;color: #333333;line-height: 1.4;font-family: "Roboto-Medium";margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list_top_sw_right p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 34px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list_top_sw_right span{display: flex;justify-content: center;align-items: center;width: 170px;height: 56px;border: 1px solid var(--mainColor);border-radius: 10px;font-size: 20px;color: var(--mainColor);font-family: "Roboto-Medium";margin-top: 30px;transition: all 0.3s;}
.news_list_top_sw .swiper-slide:hover .news_list_top_sw_img img{transform: scale(1.1);}
.news_list_top_sw .swiper-slide:hover .news_list_top_sw_right span{background: var(--mainColor);color: #FFFFFF;}
.news_list_top_sw_page{width: 100%;bottom: 0 !important;}
.news_list_top_sw_page span{width: 12px;height: 12px;background: var(--mainColor);}

/* News List Bottom Section */
.news_list_bottom_box{width: 100%;height: auto;margin-top: 50px;}
.news_list_bottom_box li{width: 100%;height: auto;margin-top: 30px;background: #F2F5F8;border-radius: 16px;overflow: hidden;transition: all 0.3s;}
.news_list_bottom_box li a{display: flex;justify-content: space-between;align-items: center;width: 100%;height: auto;padding: 46px 53px;}
.news_list_bottom_time{width: 182px;height: auto;position: relative;}
.news_list_bottom_time:after{content: "";display: block;width: 1px;height: 130px;background: #c8c8c8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news_list_bottom_time strong{display: block;font-size: 40px;color: var(--mainColor);text-align: center;}
.news_list_bottom_time span{display: block;font-size: 20px;color: var(--mainColor);text-align: center;}
.news_list_bottom_right{width: 79.7%;height: auto;}
.news_list_bottom_right h2{font-size: 20px;color: #333333;font-family: "Roboto-SemiBold";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s;}
.news_list_bottom_right p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list_bottom_right span{display: block;font-size: 18px;color: var(--mainColor);margin-top: 14px;transition: all 0.3s;}
.news_list_bottom_box li:hover .news_list_bottom_right h2{color: var(--mainColor);}
.news_list_bottom_box li:hover{box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);}
.news_list_bottom_box li:hover .news_list_bottom_right span{text-decoration: underline;}

/* News Pagination */
.news_page{width: 100%;height: auto;display: flex;justify-content: center;margin-top: 50px;}
.news_page li{width: 40px;height: 40px;opacity: 0.2;}
.news_page li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border: 1px solid #C0CCD9;background: var(--mainColor);font-size: 18px;color: #FFFFFF;border-radius: 4px;}
.news_page li + li{margin-left: 8px;}
.news_page li.on,.news_page li.prev,.news_page li.next,.news_page li:hover{opacity: 1;}
.news_page li.prev a,.news_page li.next a{background: transparent;}
.news_page li.prev a:hover,.news_page li.next a:hover{background: var(--mainColor);}

/* News Detail Page */
.news_detial_box{width: 100%;height: auto;padding: 80px 0;background: #f8f8f8;}
.news_detial_content{width: 100%;height: auto;display: flex;justify-content: space-between;}
.news_detial_content_left{width: 78%;height: auto;padding: 50px;border-radius: 10px;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);}
.news_detial_content_left_top h1{font-size: 32px;font-weight: 500;}
.news_detial_content_left_top_bottom{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;margin-top: 30px;}
.news_detial_content_left_top_bottom p{display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #333333;}
.news_detial_content_left_top_bottom p img{width: 16px;display: block;margin-right: 5px;}
.news_detial_content_left_top_bottom p + p{margin-left: 80px;}
.news_detial_content_left_bottom{width: 100%;height: auto;margin-top: 30px;}
.news_detial_content_left_bottom p{font-size: 16px;color: #333333;line-height: 1.6;margin-top: 15px;}
.news_detial_content_left_bottom h2{font-size: 18px;color: #333333;margin-top: 15px;font-weight: 600;}
.news_detial_content_left_bottom p img{display: block;max-width: 100%;height: auto;margin: 0px auto;}
.news_detial_content_left_bottom_last{width: 100%;height: auto;margin-top: 30px;padding-top: 30px;border-top: 1px solid #E5E5E5;display: flex;justify-content: space-between;align-items: center;}
.news_detial_content_left_bottom_last_list{width: 48.5%;font-size: 16px;color: #333333;line-height: 1.6;display: flex;justify-content: flex-start;}
.news_detial_content_left_bottom_last_list strong{display: block;margin-right: 5px;font-size: 18px;}
.news_detial_content_left_bottom_last_list a{color: #666;display: block;margin-top: 3px;font-weight: 300;}
.news_detial_content_left_bottom_last_list a:hover{color: var(--mainColor);text-decoration: underline;}
.news_detial_content_right{width: 20%;height: auto;}
.news_detial_content_right_box{width: 100%;height: auto;position: sticky;top: 0;}
.news_detial_share{width: 100%;height: auto;padding: 20px 20px;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);border-radius: 10px;}
.news_detial_share_title{width: 100%;height: auto;padding-bottom: 10px;border-bottom: 1px solid #E5E5E5;}
.news_detial_share_title h2{font-size: 18px;color: #333333;font-weight: 600;}
.news_detial_share_box{width: 100%;margin-top: 15px;}
#st-1{text-align: left !important;}
#st-1 .st-btn[data-network='linkedin'],
#st-1 .st-btn[data-network='whatsapp']{display: inline-block !important;}
#st-1 .st-btn[data-network='email']{display: none !important;}
.news_detial_form_box{width: 100%;height: auto;padding: 20px 20px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);margin-top: 20px;}
.news_detial_form{width: 100%;height: auto;}
.news_detial_form li{width: 100%;height: auto;position: relative;margin-bottom: 10px;}
.news_detial_form li input{display: block;width: 100%;height: 35px;border: 1px solid #E5E5E5;border-radius: 5px;outline: none;padding: 0 10px;font-size: 12px;}
.news_detial_form li textarea{display: block;width: 100%;height: 65px;border: 1px solid #E5E5E5;border-radius: 5px;outline: none;padding: 0 10px;font-size: 12px;resize: none;font-family: inherit;padding: 8px 10px;}
.news_detial_form_title{border: none;}
.news_detial_form li img{display: block;height: 35px;width: auto;position: absolute;right: 0;top: 0;cursor: pointer;}
.news_detial_form_btn{display: block;width: 100%;height: 35px;border-radius: 5px;background: #378ec3;font-size: 14px;color: #FFFFFF;cursor: pointer;border: none;outline: none;transition: all 0.3s;}
.news_detial_form_btn:hover{background: #2d7aaa;}
.news_detial_related_box{width: 100%;height: auto;padding: 20px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);margin-top: 20px;}
.news_detial_related_sw{width: 100%;height: auto;margin-top: 20px;padding-bottom: 30px;}
.news_detial_related_sw .swiper-slide{width: 100%;height: auto;background: #F8F8F8;border-radius: 5px;overflow: hidden;}
.news_detial_related_sw_img{width: 100%;height: auto;overflow: hidden;}
.news_detial_related_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.news_detial_related_sw_txt{width: 100%;height: auto;padding: 15px 10px;}
.news_detial_related_sw_txt h2{font-size: 15px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_detial_related_sw .swiper-slide:hover .news_detial_related_sw_img img{transform: scale(1.1);}
.news_detial_related_sw .swiper-slide:hover .news_detial_related_sw_txt h2{color: var(--mainColor);}
.news_detial_related_sw_page{width: 100%;bottom: 0 !important;}
.news_detial_related_sw_page span{width: 6px;height: 6px;background: var(--mainColor);}

/* ============================================
   Responsive Styles
   ============================================ */

/* Tablet - Large (1768px and below) */
@media (max-width: 1768px) {
	.contentWH1400{width: 83.33%;}
	.news_list_top_sw_right span{margin-top: 10px;}
	.news_list_top_sw_right h2{margin-top: 10px;}
	.news_list_top_sw_right p{margin-top: 10px;}
	.news_list_bottom_right{width: 74.7%;}
	#st-1 .st-btn{padding: 0 6px !important;height: 30px !important;line-height: 30px !important;}
	#st-1 .st-btn > img{top: 50% !important;transform: translateY(-50%) !important;}
}

/* Tablet - Medium (1400px and below) */
@media (max-width: 1400px) {
	.contentWH1400,
	.contentWH1600{width: 92%;}
	.news_detial_content_left_top h1{font-size: 24px;}
	#st-1 .st-btn{margin-right: 5px !important;}
}

/* Tablet - Small (1200px and below) */
@media (max-width: 1200px) {
	.contentWH1200{width: 92%;}
	.news_list_top_sw_right{padding: 30px 0;}
	.news_list_top_sw_img img{height: 100%;object-fit: cover;}
	.news_list_top_sw_img{height: 100%;}
	.news_list_top_sw .swiper-slide a{align-items: normal;}
	.news_detial_content{flex-wrap: wrap;}
	.news_detial_content_left{width: 100%;}
	.news_detial_content_right{width: 100%;margin-top: 20px;}
}

/* Tablet - Small (990px and below) */
@media (max-width: 990px) {
	.news_list_top_sw .swiper-slide a{flex-wrap: wrap;}
	.news_list_top_sw_img{width: 100%;height: auto;}
	.news_list_top_sw_right{width: 100%;margin-left: 0;padding: 30px;}
	.news_list_bottom_right{width: 61.7%;}
	.crumbs_content_left{flex-wrap: wrap;padding: 8px 0;}
	.crumbs_content{height: auto;}
}

/* Mobile (768px and below) */
@media(max-width: 768px) {
	body{padding-bottom: 10.8vw;}
	.banner_content h1{font-size: 4.8vw;}
	.crumbs_content a, .crumbs_content i{font-size: 3.2vw;}
	.crumbs_content img{margin-right: 1.8vw;}
	.crumbs_content img{width: 3.6vw;}
	.crumbs_content{flex-wrap: wrap;height: auto;}
	.crumbs_content_left{width: 100%;height: auto;padding: 1.8vw 0;}
	.crumbs_content_right li + li{margin-left: 3.8vw;}
	.crumbs_content_right{height: 8.8vw;}
	.news_list_top_box{padding: 8vw 0;}
	.news_list_top_sw .swiper-slide{border-radius: 2vw;}
	.news_list_top_sw_right{padding: 5% 4%;}
	.news_list_top_sw_right_time{font-size: 3.2vw;}
	.news_list_top_sw_right h2{font-size: 3.8vw;margin-top: 1.8vw;}
	.news_list_top_sw_right p{font-size: 3.6vw;margin-top: 2.2vw;}
.news_list_top_sw_right span{width: 32vw;height: 8.8vw;font-size: 3.6vw;border-radius: 1.2vw;margin-top: 3.6vw;}
.news_list_top_sw{padding-bottom: 8vw;}
.news_list_top_sw_page span{width: 1.8vw;height: 1.8vw;}
.news_list_bottom_box{margin-top: 5.8vw;}
.news_list_bottom_box li{margin-top: 3.8vw;border-radius: 2vw;}
.news_list_bottom_box li a{padding: 5% 4%;flex-wrap: wrap;}
.news_list_bottom_time{width: 100%;}
.news_list_bottom_time:after{display: none;}
.news_list_bottom_time strong{font-size: 4.8vw;}
.news_list_bottom_time span{font-size: 3.6vw;}
.news_list_bottom_right{width: 100%;margin-top: 3.2vw;}
.news_list_bottom_right h2{font-size: 4.2vw;}
.news_list_bottom_right p{font-size: 3.6vw;margin-top: 3.2vw;}
.news_list_bottom_right span{font-size: 3.6vw;margin-top: 3.2vw;}
.news_page{margin-top: 5.8vw;}
.news_page li{width: 5.8vw;height: 5.8vw;}
.news_page li a{border-radius: 0.8vw;}
.news_page li a{font-size: 3.2vw;}
.news_page li + li{margin-left: 1.8vw;}
.news_page li img{width: 1.6vw;}
.news_detial_box{padding: 8vw 0;}
.news_detial_content_left{padding: 5% 4%;}
.news_detial_content_left_top h1{font-size: 4.8vw;}
.news_detial_content_left_top_bottom{margin-top: 3.2vw;padding-bottom: 3.2vw;}
.news_detial_content_left_top_bottom p{font-size: 3.2vw;}
.news_detial_content_left_top_bottom p + p{margin-left: 5.8vw;}
.news_detial_content_left_bottom{margin-top: 3.8vw;}
.news_detial_content_left_bottom h2{font-size: 3.8vw;margin-top: 3.2vw;}
.news_detial_content_left_bottom p{font-size: 3.6vw;margin-top: 3.2vw;}
.news_detial_content_left_bottom_last{margin-top: 5.8vw;padding-top: 0vw;flex-wrap: wrap;}
.news_detial_content_left_bottom_last_list{width: 100%;margin-top: 3.2vw;}
.news_detial_content_left_bottom_last_list strong{font-size: 3.6vw;}
.news_detial_content_left_bottom_last_list a{font-size: 3.2vw;}
.news_detial_content_right{margin-top: 5.8vw;}
.news_detial_share{padding: 5% 4%;}
.news_detial_share_title h2{font-size: 4.2vw;}
.news_detial_share_title{padding-bottom: 1.8vw;}
.news_detial_form_box{padding: 5% 4%;}
.news_detial_related_box{padding: 5% 4%;}
.news_detial_related_sw_txt h2{font-size: 3.6vw;}
}