/* --- slider --- */
.caroufredsel_wrapper {
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
}

.caroufredsel_wrapper_slider {
	margin-top: 30px !important;
}

.slider {
	/*position: absolute;*/
	padding: 0;
	width: 1250px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;

}

.slider li.slide {
	float: left;
	position: relative;
	width: 1250px;
	height: 550px;
	background-position: top center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.slider li.slide img {
	width: 1250px;
	height: auto;
}

.slider li.slide .pr_preloader {
	height: 550px;
}

/* --- small slider --- */
.small_slider {
	display: none;
}

.small_slider li.slide {
	position: relative;
	float: left;
	width: 830px;
}

.small_slider li.slide img {
	display: block;
	opacity: 1;
	transition: opacity 0.4s ease-in-out 0s;

}

.small_slider li.slide a:hover img {
	opacity: 0.8;
	transition: opacity 0.4s ease-in-out 0s;
}

.small_slider .slider_content_box {
	width: 650px;
	left: 0;
	bottom: 0;
	top: auto;
	/*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);*/
}

/* --- slider content --- */
.slider_content_box {
	display: none;
	/* position: absolute;
	width: 350px;
	padding: 18px 20px 20px;
	background: rgba(0,0,0,0.5);
	left: 105px;
	top: 260px; */
}

.slider_content_box h2,
.slider_content_box h5 {
	float: left;
	clear: both;
	color: #FFF;
	margin-top: 17px;
}

.slider_content_box h2 a,
.slider_content_box h5 a {
	color: #FFF;
}

.slider_content_box .post_details li.category:after {
	background: none repeat scroll 0 0 #FFF;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin-top: 13px;
	width: 30px;
}

.slider_content_box p {
	clear: both;
	color: #FFF;
	font-size: 14px;
	padding: 18px 0 0 0;
}

/* --- slider navigation --- */
.slider_navigation {
	display: none;
	/* position: absolute;
	top: 0;
	right: 0; */
}

.slider_navigation .slider_control {
	float: left;
}

.slider_navigation .slider_control a,
a.slider_control {
	display: block;
	width: 45px;
	height: 45px;
	background-color: rgba(66, 73, 79, 0.8);
	background-image: url("images/icons/navigation/navigation_arrow_right.png");
	background-position: 0 0;
}

.slider_navigation .slider_control a {
	background-color: rgba(0, 0, 0, 0.5);
}

a.slider_control {
	display: block !important;
	visibility: hidden;
	position: absolute;
	z-index: 3;
	bottom: 0;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
}

a.slider_control.left {
	left: 0;
}

a.slider_control.right {
	right: 0;
}

.slider_navigation .slider_control:first-child a,
a.slider_control.left {
	background-image: url("images/icons/navigation/navigation_arrow_left.png");
}

a.slider_control.up {
	background-image: url("images/icons/navigation/navigation_arrow_up.png");
	top: 30px;
}

a.slider_control.down {
	background-image: url("images/icons/navigation/navigation_arrow_down.png");
}

a.slider_control.up,
a.slider_control.down {
	left: 55px;
}

.slider_navigation .slider_control a:hover,
a.slider_control:hover {
	background-color: #ED1C24;
}

/* --- slider posts list --- */
.slider_posts_list_container {
	position: relative;
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}

.slider_posts_list_container.small {
	width: auto;
}

.slider_posts_list {
	clear: both;
}

.slider_posts_list li {
	float: left;
	position: relative;
	width: 276px !important;
	height: 111px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}




.vc_col-sm-8 .slider_posts_list li {
	width: 230px !important;
}

.slider_posts_list li.current h5,
.slider_posts_list li:hover h5 {
	color: #25282A;
}

.slider_posts_list li h5 {
	position: relative;
	z-index: 1;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	color: #7C7C7C;
}

.slider_posts_list li .date {
	display: block;
	position: relative;
	z-index: 1;
	color: #ABABAB;
	font-size: 11px;
	padding-top: 23px;
	padding-left: 20px;
}

.slider_posts_list .slider_posts_list_bar {
	position: absolute;
	background-color: #b5403e;
	height: 6px;
	bottom: -1px;
}

.slider_posts_list .slider_posts_list_progress_block {
	position: absolute;
	background-color: #f5f5f5;
	height: 100%;
	bottom: 4px;
}

.small_thumb>dt {
	position: relative;
	float: left;
	width: 110px;
	height: 109px;
}

.small_thumb>dd {
	float: left;
	display: table;
	width: 166px;
	height: 110px;
}

.small_thumb>dd>p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 15px;
}

.small_thumb>dd>p>span {
	line-height: 21px;
	color: #999
}

.slider_posts_list li.current .small_thumb>dd>p>span {
	color: #333;
	font-weight: 500;
}

.slider_posts_list_progress_block {
	position: relative;
	z-index: -1
}

.slider_posts_list_container.small {
	margin-top: 30px;
}


/* 20220706_PUSH ?¢â¡±??¢¥ */
.push_container {
	overflow: hidden;
	width: 100%;
	background: #333;
}

.push_box {
	overflow: hidden;
	height: 166px;
	position: relative;
}

.push_box .icon_text {
	position: absolute;
	top: 50%;
	left: 20%;
	-webkit-transform: translate(-20%, -50%);
	transform: translate(-20%, -50%);
	width: 556px;
	height: 128px;
	z-index: 2
}

.push_box .icon_alarm {
	position: absolute;
	top: -20px;
	left: 40px;
	width: 231px;
	height: 258px;
	transform-origin: top;
	-webkit-animation: bell 2s infinite linear;
	animation: bell 2s infinite linear;
	z-index: 0;
}

@keyframes bell {

	0%,
	50% {
		transform: rotate(0deg);
	}

	5%,
	15%,
	25%,
	35%,
	45% {
		transform: rotate(10deg);
	}

	10%,
	20%,
	30%,
	40% {
		transform: rotate(-10deg);
	}
}

.push_box .icon_swing {
	position: absolute;
	top: 0;
	right: 10px;
	width: 626px;
	height: 74px;
	-webkit-animation: slide-out-blurred-left 6s cubic-bezier(0.755, 0.050, 0.855, 0.060) infinite both;
	animation: slide-out-blurred-left 6s cubic-bezier(0.755, 0.050, 0.855, 0.060) infinite both;
	z-index: 1
}

@-webkit-keyframes slide-out-blurred-left {
	0% {
		-webkit-transform: translateX(0) scaleY(1) scaleX(1);
		transform: translateX(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
		transform: translateX(-1000px) scaleX(2) scaleY(0.2);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
}

@keyframes slide-out-blurred-left {
	0% {
		-webkit-transform: translateX(0) scaleY(1) scaleX(1);
		transform: translateX(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
		transform: translateX(-1000px) scaleX(2) scaleY(0.2);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
}

.push_box .btn_ok_detail {
	position: absolute;
	top: 75px;
	right: 120px;
	z-index: 4
}

.push_box .btn_ok_detail>ul {
	display: flex;
	width: 190px
}

.push_box .btn_ok_detail>ul>li {
	flex: 1 1 50%;
	text-align: center;
	margin: 0 0 0 10px
}
.push_box .btn_ok_detail>ul>li:first-child {
	margin: 0 0 0 0
}
.push_box .btn_ok_detail>ul>li a{
	color: #fff;
	font-size: 16px;
	font-weight: 300
}
.push_box .btn_ok_detail>ul>li.ok a {
	width: 100%;
	height:30px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 30px;
	background: #cf3c3a
}
.push_box .btn_ok_detail>ul>li.view a {
	width: 100%;
	height:30px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 30px;
	background: #6b6b6b
}
.push_box .week_checkbox {
	float: right;
	margin:15px 13px 0 0;
}
.week_checkbox.hidden {
	display: none
}
.week_checkbox>.close_week {
	position: relative;
	margin-right:10px;
	font-size: 12px;
	color:#fff;
}
.week_checkbox>.close_week::after{
	content: "";
    position: absolute;
    top: 4px;
    right: -20px;
    width: 12px;
    height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M8 19.9 19.9 8l2.1 2.1L10.1 22 8 19.9z'/%3E%3Cpath class='st0' d='M28.5 30h-27c-.4 0-.8-.2-1-.4-.3-.3-.4-.6-.4-1V1.5c0-.4.2-.8.4-1 .2-.3.6-.5 1-.5h27.1c.4 0 .8.2 1 .4.3.3.4.6.4 1v27.1c0 .4-.2.8-.4 1-.3.3-.7.5-1.1.5zM2.9 27.1h24.2V2.9H2.9v24.2z'/%3E%3Cpath class='st0' d='M8 10.1 10.1 8 22 19.9 19.9 22 8 10.1z'/%3E%3C/svg%3E");
}
