body {
				line-height: 1.5;
				font-size: 17px
			}

			.banner,
			.banner img {
				width: 100%
			}

			.headline-video-icon {
				text-align: center
			}

			h1 {
				width: max-content;
				background-color: #f3f3f3;
				border-radius: 20px;
				padding: 10px 50px;
				font-size: 38px;
				font-family: Times New Roman, Times, serif;
				margin: auto;
				margin-top: -25px;
				position: relative
			}

			.head-desc {
				font-size: 20px;
				color: #727272;
				text-align: center;
				margin-top: 15px
			}

			.catalogue ul .active,
			.catalogue ul li:hover {
				color: #000;
				border-bottom: 2px solid
			}

			.status {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin: 40px 0
			}

			.pic {
				width: 50%;
				height: 455px;
				position: relative;
				display: block;
			}

			.pic iframe,
			.pic img {
				width: 100%;
				height: 455px;
				border-radius: 10px
			}

			.pic img {
				object-fit: cover;
			}

			.pic iframe {
				visibility: hidden;
				position: absolute;
				left: 0;
				top: 0;
			}

			.details {
				width: 50%;
				padding-left: 40px
			}

			.more-story {
				margin-top: 30px
			}

			.more-story a {
				background: #b80000;
				display: inline-block;
				color: #fff;
				padding: 6px 20px;
				border-radius: 20px
			}

			.more-story img {
				margin-left: 8px;
				margin-top: -2px
			}

			.details p {
				margin-bottom: 20px
			}

			h2 {
				font-family: 'Times New Roman', Times, serif;
				display: flex;
				align-items: center;
				padding: 30px 0;
				border-top: 1px solid #efefef;
				margin-top: 65px
			}

			h2 img {
				margin-right: 12px
			}

			.banner1300 {
				width: 100%;
				margin-top: 65px
			}

			.play {
				cursor: pointer
			}

			.play .video-playing {
				visibility: visible!important
			}

			.status .ytb_button {
				width: 80px;
				height: 80px;
			}

			.hide {
				display: none
			}

			.media-mode {
				margin-bottom: 20px;
			}

			.media-mode a {
				display: flex;
				border-radius: 10px;
				box-shadow: 0 1px 8.73px .27px rgba(124, 124, 124, .25);
				position: relative;
				padding: 25px;
				height: 100%
			}

			.me-headline {
				font-size: 30px;
				font-weight: 500;
				line-height: 30px;
				margin-bottom: 15px;
			}

			.media-icon {
				position: absolute;
				left: -25px;
				top: -25px;
				padding: 10px;
				background: #fff;
				border-radius: 50%
			}

			.media-icon img {
				width: 65px;
				height: 65px
			}

			.media-modal {
				padding-left: 80px
			}

			.media-modal p {
				font-size: 13px;
				color: #252525;
				margin: 0;
				margin-top: 8px
			}

			.media-modal .l-link span {
				color: #4f92eb
			}

			.youtube-video-item,
			.youtube-shortvideo-item {
				transition: transform .2s;
			}

			.youtube-video-item:hover,
			.youtube-shortvideo-item:hover {
				transform: translateY(-5px);
			}

			.more-story a:hover {
				text-decoration: underline;
			}

			@media(max-width:1499px) {
				.more-story {
					margin-top: 20px;
				}
				.details p {
					margin-bottom: 10px;
				}
				.media-mode a {
					padding: 22px 25px;
				}
				h1 {
					font-size: 35px
				}
			}

			@media(max-width:1399px) {
				.details p {
					font-size: 16px;
				}
				.me-headline {
					font-size: 25px
				}
				.play-shortvideo,
				.play-shortvideo iframe,
				.play-shortvideo img {
					height: 300px
				}
				h1 {
					font-size: 33px
				}
			}

			@media(max-width:1299px) {
				.media-mode a {
					padding: 15px;
				}
				.media-modal p {
					margin-top: 2px;
				}
				.youtube-shortvideo {
					width: 25%
				}
				.youtube-video {
					width: 50%
				}
			}

			@media(max-width:1099px) {
				.details,
				.pic {
					width: 100%
				}
				.pic iframe,
				.pic img,
				.pic {
					height: 500px
				}
				.details {
					padding-left: 0;
					margin-top: 40px
				}
			}

			@media(max-width:999px) {
				.media-mode {
					width: 100%
				}
				.play-shortvideo,
				.play-shortvideo iframe,
				.play-shortvideo img {
					height: 260px
				}
				.pic iframe,
				.pic img,
				.pic {
					height: 370px
				}
			}

			@media(max-width:899px) {
				.youtube-video {
					width: 100%
				}
				.play-video,
				.play-video iframe,
				.play-video img {
					height: 300px
				}
				.youtube-shortvideo {
					width: 50%
				}
				.play-shortvideo,
				.play-shortvideo iframe,
				.play-shortvideo img {
					height: 400px
				}
			}

			@keyframes shimmer {
				0% {
					transform: rotate(0)
				}
				100% {
					transform: rotate(360deg)
				}
			}

			@keyframes textShine {
				0%,
				100% {
					background-position: 0 center
				}
				50% {
					background-position: 200% center
				}
			}

			@media (max-width:767px) {
				.banner {
					overflow: hidden
				}
				.banner img {
					display: block;
					width: 150%;
					margin-left: -25%;
					object-fit: cover;
					max-width: inherit
				}
				h1 {
					font-size: 22px;
					padding: 8px 20px;
					margin-top: -20px;
					width: auto;
					max-width: 100%;
					white-space: normal
				}
				.head-desc {
					font-size: 14px
				}
				.headline-video-icon img {
					width: 50px
				}
				.status {
					margin-top: 20px
				}
				.pic {
					height: auto;
					aspect-ratio: 16/9
				}
				.pic img,
				.pic iframe {
					height: 100%
				}
				.details {
					margin-top: 20px
				}
				.media-mode a {
					padding: 15px
				}
				.media-icon {
					display: none;
				}
				.media-icon img {
					width: 50px;
					height: 50px
				}
				.media-modal {
					padding-left: 0
				}
				.details p{
					font-size: 14px;
				}
				body{
					font-size: 15px;
				}
				.me-headline {
					font-size: 20px
				}
				.status .ytb_button {
					width: 50px;
					height: 50px
				}
				h2 {
					font-size: 18px;
					padding: 20px 0;
					margin-top: 30px
				}
				.play-video {
					height: auto;
					aspect-ratio: 16/9
				}
				.play-video img,
				.play-video iframe {
					height: 100%
				}
				.youtube-shortvideo {
					width: 100%
				}
				.play-shortvideo {
					height: auto;
					aspect-ratio: 9/16
				}
				.play-shortvideo img,
				.play-shortvideo iframe {
					height: 100%
				}
				.banner1300 {
					margin-top: 30px
				}
				.fa-youtube-square .row{
					row-gap: 15px;
				}
				.showmore{
					margin-bottom: 30px;
				}
			}