a{ transition:all .5s; }
.slick-slide img{ display:block; width:100%; }
.c-pointer{ cursor:pointer; }
.icon-play{ display:block; width:64px; height:64px; background-image:url('../img/icon-play.png'); background-size:cover; }
.img-thumb{ display:block; padding-top:62.59%; background-size:cover; background-position:center center; }
.font-white, .font-white *, .font-white a{ color:#fff; }
.bg-gradient{ background-image: linear-gradient(to right, #88d1f2, #a5358b); }
.border-radias-5{ border-radius:5px !important; }
.border-radias-10{ border-radius:10px !important; }
.border-circle-rainbow{
	border: double 1px transparent;
	border-radius:50%;
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.border-bottom-radias{ position:relative; }
.border-bottom-radias:after{ content: ''; display: block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to right,
	#88d1f2, #a5358b); }
.border-validate{ border-color:#f00 !important; }
#alert-msg{ display:none; }
.swal2-popup button{ box-shadow: none !important; }
.swal2-popup .swal2-title{ line-height:1.6em; }
.fab:before{ width:1em; margin-left:.2em; margin-right:.2em; line-height: 1em; }
.form-group label{ margin-bottom:7px; }
.break-word{ word-wrap: break-word; }
.overflow-hidden{ overflow: hidden; }
.font-14{ font-size:14px; }
.btn-rainbow{ 
	background-image: linear-gradient(transparent, transparent), radial-gradient(circle at top left, #f00,#3020ff); 
	background-origin: border-box;
	background-clip: content-box, border-box;
	color:#fff;
}
.wrap-trigger{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:15; background-color:rgba(0,0,0,0.5); }
.bg-purple{ background-color: #AE13A1 !important; }
.bg-gray{ background: #E4E4E4; }
.text-weight-medium{ font-weight: 500; }

main{ background-color:#fff; }
header{ background: linear-gradient(to right, #9394c9 0%, #a5358b 100%); }
header .search-bar{ float:right; width:300px; margin:3px 35px 0 0; }
header .search-mobile-icon{ display:none; float:right; margin-right:55px; position:relative; top:-8px; }
header .search-mobile-icon i{ font-size:28px; }
header #search-advance-icon{ float:right; margin-right:35px; }
header #search-advance-icon a{ background-color: #CC0000; }
footer{ background-image: linear-gradient(-90deg, #a4388e, #8db7e1); padding:0; border:none; }
footer .top{ padding:30px 0; }
footer .top .nav ul li{ display:block; border-left:1px solid #fff; margin:12px 0 0; padding:1px 0 1px 10px; }
footer .top .nav ul li a{ font-size:14px; }
footer .top h3{ font-size:27px; }
footer .top .dep h6{ font-size:20px; margin-bottom:20px; }
footer .bottom{ border-top:2px solid #fff; padding:15px 0; font-size:12px; }

.i-c{ display:inline-block; background-size:cover; width:25px; vertical-align:middle; }
.i-c-hand{ background-image:url('../img/icon-hand.png'); height:23px; }
.i-c-film{ background-image:url('../img/icon-film.png'); height:23px; }
.i-c-logout{ background-image:url('../img/icon-logout.png'); height:24px; }
.i-c-profile{ background-image:url('../img/icon-profile.png'); height:30px; }
.nav-request .i-c{ width:100px; height:94px; }
.i-sv-1{ background-image:url('../img/icon-text-hand.png'); background-size: cover; }
.i-sv-2{ background-image:url('../img/icon-hand-text.png'); background-size: cover; }
.i-sv-3{ background-image:url('../img/icon-sound-hand.png'); background-size: cover; }
.i-sv-4{ background-image:url('../img/icon-sound-text.png'); background-size: cover; }
.i-sv-5{ background-image:url('../img/icon-dc.png'); background-size: cover; }

.nav-request ul{ display:flex; flex-wrap: wrap; margin-bottom:0; }
.nav-request ul li{ width:100%; text-align:center; margin-top:40px; }
.nav-request ul li:first-child{ margin-top:0; }
.nav-request ul li i{ margin-bottom:20px; }
.nav-request ul li a{ color:#000; font-size:20px; display:block; position:relative; padding-top:110px; }

.flip {
	position: absolute;
	left: 50%;
  top:0;
	transform: translateX(-50%);
	width: 100px;
	height: 94px;
}
.flip:hover .flip-inner {
	transform: rotateY(180deg);
}
.flip .flip-inner {
	transform-style: preserve-3d;
	transition: transform 0.8s ease;
	height: 100%;
	width: 100%;
}
.flip .flip-inner .front, .flip .flip-inner .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 50%;
	overflow: hidden;
}
.flip .flip-inner .front {
	transform: translateZ(1px);
}
.flip .flip-inner .back {
	transform: rotateY(180deg);
}
.flip .flip-inner .thumbnail {
	width: 100%;
}  
.flip .flip-inner .back .i-c{ 
  background-size:168px 94px; background-position:center center; background-repeat:no-repeat;
}

.i-sv-1-gif{ background-image:url('../img/text-hand.gif'); }
.i-sv-2-gif{ background-image:url('../img/hand-text.gif'); }
.i-sv-3-gif{ background-image:url('../img/voice-hand.gif'); }
.i-sv-4-gif{ background-image:url('../img/voice-text.gif'); }

ul#top_menu li a.logged{ background-image:url('../img/avatar.jpg'); background-size:cover; background-position:center center; }
ul#top_menu li a.logged div{ width:34px; height:34px; background-size:cover; background-position:center center; }
.main-menu{ top:2px; }
.main-menu ul li a{ padding:0; }
.main-menu i{ display:block; background-size:cover; width:30px; height:30px; }
.main-menu i:before{ display:none; }
.icon-home{ background-image:url('../img/icon-home.png'); }
header.sticky .main-menu > ul > li span > a, header.header_in .main-menu > ul > li span > a{ color:#fff; }

.single-video-right h6{ font-weight:600; }
.video-recommend{ border-bottom:1px solid #ccc; }
.video-card-list .video-card-body .video-title{ padding-top:4px; }
.video-card-list .video-card-image{ width:135px; height:85px; }
.video-card-list .video-title a{  
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 2.6em;
	line-height: 1.3em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.video-wrap{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; position:relative; border:5px solid #ccc; }
.video-wrap .sv-group,
.video-gd-wrap .sv-group{ display:block; position:absolute; left:5px; top:5px; width:50px; height:47px; z-index:9999; }
.video-wrap-category-1{ border-color:#5124C0 !important; }
.video-wrap-category-2{ border-color:#003BFF !important; }
.video-wrap-category-3{ border-color:#06B7FB !important; }
.video-wrap-category-4{ border-color:#006213 !important; }
.video-wrap-category-5{ border-color:#82D52B !important; }
.video-wrap-category-6{ border-color:#00BCA3 !important; }
.video-wrap-category-7{ border-color:#FF9325 !important; }
.video-wrap-category-8{ border-color:#953F12 !important; }
.video-wrap-category-9{ border-color:#FF0031 !important; }
.video-wrap-category-10{ border-color:#DEC92C !important; }
.video-wrap-category-11{ border-color:#000000 !important; }
.video-wrap .plyr__captions .plyr__caption{ font-family: "LINE Seed Sans TH", Tahoma, sans-serif; font-size:20px; }

.logo-overlay{ position: absolute; right:5px; top:5px; display:inline-block; padding:5px; /* background-color:#fff; */  z-index:9999; }
.logo-overlay i{ display:inline-block; width:45px !important; height:42px !important; vertical-align: middle; }

.view-like{ font-size:14px; color:#949293; font-weight:bold; }
.like-status a{ display:inline-block; width:30px; height:30px; background-size:cover; vertical-align:middle; position:relative; }
.like-status span{ display:inline-block; position:relative; }
.like-status .like{ background-image:url('../img/like.png'); top:-4px; }
.like-status .like-active{ background-image:url('../img/like-active.png'); }
.like-status .unlike{ background-image:url('../img/unlike.png'); bottom:-4px; }
.like-status .unlike-active{  background-image:url('../img/unlike-active.png'); }
.share-video {
	width: 36px !important;
	height: 36px !important;
	background-image: url('../img/icon-share.png');
	background-size:cover;
}
.share-list{ z-index:10; right:0; top:110%; width:150px; display:none; }
.share-list ul li{ margin-top:10px; }
.share-list ul li:first-child{ margin-top:0; }
.share-list a{ display:block; font-weight:600; color:#000; }
.share-list a:hover{ color:#999; }

.comment-box button{ background-color:#b20ba3; color:#fff; }
#allcomment{ border:none !important; }

/* Sign-language video comments (js_module/comment.js) */
.comment-box .comment-input{ position:relative; }
.comment-box .comment-input textarea{ padding-bottom:52px; }
.comment-box .comment-attach-video{ position:absolute; left:10px; bottom:10px; width:36px; height:36px; padding:0; border:0; border-radius:50%; background-color:#f1f1f1; color:#555; font-size:16px; }
.comment-box .comment-attach-video:hover, .comment-box .comment-attach-video:focus{ background-color:#b20ba3; color:#fff; outline:none; }
.comment-video-preview{ margin-top:10px; padding:10px; border:1px solid #ddd; border-radius:5px; }
.comment-video-preview video{ display:block; width:100%; max-width:320px; max-height:240px; background-color:#000; border-radius:5px; }
.comment-video-preview-info{ display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
.comment-video-name{ min-width:0; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.comment-box .comment-video-remove{ flex-shrink:0; padding:2px 10px; border:1px solid #dc3545; border-radius:3px; background-color:transparent; color:#dc3545; font-size:14px; }
.comment-video-consent{ display:block; margin:8px 0 0; font-size:14px; font-weight:400; }
.comment-upload-progress{ margin-top:10px; }
.comment-upload-progress .progress-bar{ background-color:#b20ba3; }
.comment-upload-status{ display:block; margin-top:4px; font-size:14px; color:#555; }
.comment-text{ white-space:pre-line; }
.comment-badge-translator{ display:inline-block; margin-left:6px; padding:1px 8px; border-radius:10px; background-color:#21b44d; color:#fff; font-size:12px; vertical-align:middle; }
.comment-video{ margin-top:8px; }
.comment-video video{ display:block; width:240px; max-width:100%; max-height:360px; background-color:#000; border-radius:5px; }
.comment-video-play{ position:relative; display:block; width:240px; max-width:100%; height:135px; padding:0; border:0; border-radius:5px; background:#000 center / cover no-repeat; color:#fff; cursor:pointer; }
.comment-video-play .fa-play{ position:absolute; top:50%; left:50%; width:44px; height:44px; margin:-22px 0 0 -22px; padding-left:3px; border-radius:50%; background-color:rgba(178,11,163,.85); font-size:16px; line-height:44px; }
.comment-video-duration{ position:absolute; right:6px; bottom:6px; padding:0 6px; border-radius:3px; background-color:rgba(0,0,0,.7); font-size:12px; line-height:20px; }
.w3-bar .w3-bar-item{ padding:4px !important; float:none !important; display:inline-block !important; }
.w3-ul li{ border:none !important; padding:10px 15px 0 15px !important; }
.w3-ul li .avatar{ display:block; width:60px; height:60px; background-image:url('../img/avatar.jpg'); background-size:cover; margin-right:20px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%; position: relative; overflow: hidden; }
.w3-ul li .avatar .profile-img{ position:absolute; width:100%; height:100%; background-size: cover; background-position: center center; }
.video-posts-data .desc{ color:#c7c7c7; }
.video-post-info{ margin-left:0; }
.comment-wrap, .reply-wrap{  border: 1px solid #f2f2f2; padding:15px; }
.w3-ul .tool{ margin-left:auto; }
.w3-ul .reply-list li{ padding-right:0 !important; padding-left:40px !important; }
.form-reply-wrap{ padding:10px 0 0 40px; }
.name-comment{ width:calc(100% - 200px) !important; }

.relate-list .list{ 
	border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	position:relative; max-height:285px; overflow:hidden;
}
.relate-list .ps > .ps__scrollbar-y-rail{ opacity:1 !important; }
.relate-list .title{ 
	padding:10px 10px 10px 15px; position:relative; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#000; font-weight:600;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px; 
}
.relate-list .title:after{ content:''; display:block; width:100%; height:3px; background: linear-gradient(to right, #8ad0f2, #a6348c); position:absolute; bottom:0; left:0; }
.relate-list .list > a:nth-child(1){ border-top:none; }
.relate-list .list a{ display:block; border-top:1px solid #ccc; padding:10px; }
.relate-list .list a:hover{ background-color:#f2f2f2; }
.relate-list .list .thumb{ float:left; width:50px; }
.relate-list .list .thumb .img-thumb{ padding-top:100%; }
.relate-list .list .desc{ float:right; width:calc(100% - 60px); }
.relate-list .list .name{
	display: block;
	display: -webkit-box;
	max-width: 100%;
	max-height: 1.3em;
	line-height: 1.3em;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#000;
	font-weight:600;
	font-size:13px;
	margin:0 0 2px;
}
.relate-list .list .view{ font-size:13px; color:#aaa; }

h1.title{ width:calc(100% + 30px); left:-15px; color:#858384; padding:10px 2.15rem 15px; font-size:30px; }

.hero-banner{ margin-bottom:0 !important; }
.hero-banner .slick-dots{ bottom:auto; top:25px; }
.hero-banner .slick-dots li button:before{ font-size:20px; }
.hero-banner-video-wrap{ background-color: #000; position: relative; padding-top:33.12%; overflow: hidden; }
.hero-banner-video-wrap video{ display:block; width:auto; height: 100%; position:absolute; top:0; left:50%; transform: translateX(-50%) translateY(0); }

.page-video-list h3.title{ display:block; position:relative; margin-bottom:30px; }
.page-video-list h3.title strong{ position:relative; background-color:#fff; padding-right:35px; }
.page-video-list h3.title:before{ content:''; display:block; width:100%; height:2px; background-color:#cccccc; position:absolute; top:50%; right:0; margin-top:3px;  }
.page-video-list h3 a{ position:absolute; right:0; top:8px; background-color:#fff; display:block; color:#cbcbcb; font-size:16px; padding-left:15px; }

.title-video-category-1 *{ color:#5124C0 !important; }
.title-video-category-1:before{ background-color:#5124C0 !important; }
.title-video-category-2 *{ color:#003BFF !important; }
.title-video-category-2:before{ background-color:#003BFF !important; }
.title-video-category-3 *{ color:#06B7FB !important; }
.title-video-category-3:before{ background-color:#06B7FB !important; }
.title-video-category-4 *{ color:#006213 !important; }
.title-video-category-4:before{ background-color:#006213 !important; }
.title-video-category-5 *{ color:#82D52B !important; }
.title-video-category-5:before{ background-color:#82D52B !important; }
.title-video-category-6 *{ color:#00BCA3 !important; }
.title-video-category-6:before{ background-color:#00BCA3 !important; }
.title-video-category-7 *{ color:#FF9325 !important; }
.title-video-category-7:before{ background-color:#FF9325 !important; }
.title-video-category-8 *{ color:#953F12 !important; }
.title-video-category-8:before{ background-color:#953F12 !important; }
.title-video-category-9 *{ color:#FF0031 !important; }
.title-video-category-9:before{ background-color:#FF0031 !important; }
.title-video-category-10 *{ color:#DEC92C !important; }
.title-video-category-10:before{ background-color:#DEC92C !important; }
.title-video-category-11 *{ color:#000000 !important; }
.title-video-category-11:before{ background-color:#000000 !important; }

.video-card{ box-shadow:none; }
.video-list > *{ padding-left:7px; padding-right:7px; }
.video-right-box{ padding-left:10px; padding-right:10px; }
.video-right-box > *{ margin-bottom:10px !important; }
.video-right-box .video-title{ font-size:14px; margin-top:5px; }
.video-card-border .video-card{ border:2px solid #d3d1d2; border-radius:10px; }
.popular-slider .video-card{ width:280px; padding-right:15px; }
.video-slider .video-card{ width:270px; padding-right:10px; }
.video-slider .slick-prev,
.video-slider .slick-next{ width:56px; height:52px; margin-top:-26px; }
.video-slider .slick-prev{ left:-60px; }
.video-slider .slick-next{ right:-60px; }
.video-slider .slick-prev i,
.video-slider .slick-next i{ color:#aaa; font-size:40px; }
.video-slider .slick-prev::before, .video-slider .slick-next::before{ display:none; }
.video-slider .slick-disabled{ cursor:default; }
.video-slider .slick-disabled i{ color:#eee; }

.pagination-box{ border-top:1px solid #eee; }
.pagination-box ul li{ display:inline-block; padding:0 2px; }
.pagination-box ul li a{ display:block; font-size:16px; color:#000; width:40px; height:40px; line-height:36px; border-radius: 50%; }
.pagination-box ul li a:hover{ background-color:#f2f2f2; }
.pagination-box ul li.active a{
  text-align:center;
  border: double 1px transparent;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.pagination-box ul li a span{ display:none; }
.boxes-shadow{ box-shadow: 0 2px 4px rgba(3, 27, 78, 0.5); }
#job-list{ background-color:#e8e8ea; }
.field-status a{ display:inline-block; padding:3px 8px 5px; border-radius:5px; }
.field-search label{ font-size:30px; color:#757575; }
.field-search input[type=text]{ width:100%; padding:5px 30px 5px 10px; border:none; }
.translator-job-list .field-search input[type=text]{ background-color:#eee; }
.field-search .tool{ border-radius:5px; position:relative; }
.field-search button{ background-color:#a7a5a8; border:none; position:absolute; right:0; top:0; padding:5px 10px; }
.field-search button i{ color:#fff; }
#job-list .card-header{ font-size:22px; }

#user-info-box .user-info{ border-left:3px solid #fff; font-size:18px; min-height:218px; }
#user-info-box .user-info .button-field a{ border:1px solid #fff; display:inline-block; padding:3px 12px; font-size:15px; border-radius:15px; }
#user-info-box .edit-profile-button{ 
	display:block; width:200px; height:200px; 
	position:absolute; top:0; left:50%; margin-left:-100px; 
	background-color:#fff; border-width:5px; overflow:hidden;
}
#user-info-box .edit-profile-button .space{ margin-top:30px; }
#user-info-box .edit-profile-button i{ color:#e8e8ea; font-size:60px; }
#user-info-box .edit-profile-button h5{ color:#e8e8ea; font-size:16px; }
#user-info-box .edit-profile-button .img-profile{ position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; }

.user-permission h3{ font-size:100px; color:#757575; font-weight:500; }
.user-permission p{ font-size:20px; margin-bottom:0; }

#job-list .service-list{ padding:0 20px; }
#job-list .service-list > *{ padding-top:30px; padding-bottom:32px; position:relative; }
#job-list .service-list > *:after{ content:''; display:block; width:100%; height:2px; position:absolute; top:0; left:0; background-image: linear-gradient(to right, #88d1f2, #a5358b); }
#job-list .service-list > *:nth-child(1):after{ display:none; }
#job-list .service-list .row > *{ padding-left:10px; padding-right:10px; }
#job-list .service-list .thumb .img-type{ background-color:#ccc; background-size:auto 80%; background-repeat: no-repeat; background-position:center center; position:relative; border-radius:5px;  display:block; padding-top:62.59%; }
#job-list .service-list .thumb span{ display:inline-block; padding:1px 5px; color:#fff; font-size:11px; position:absolute; top:10px; left:7px; border-radius:5px; }
#job-list .service-list .manage i{ color:#666666; }
#job-list .service-list .manage form{ display:inline-block; }
#job-list .service-list .manage button{ background:none; border:none; }
#job-list .service-list .data .info ul li{ display:inline-block; margin-left:10px; font-size:12px; }
#job-list .service-list .data .info ul li:first-child{ margin-left:0; }
#job-list .service-list .data .info ul li i:before{ display:inline-block; margin-right: .2em; }

.dropdown-user .dropdown-menu{ width:250px; margin-left:-185px; }
.dropdown-user .dropdown-menu ul li{ border-bottom:none; }
.dropdown-user .dropdown-menu ul li:first-child{ border-top:1px solid #ededed; }
.dropdown-user .dropdown-menu ul li:last-child{ border-top:1px solid #ededed; }
.dropdown-user .dropdown-menu ul li i{ margin-right:8px; }
.dropdown-user .dropdown-menu ul li a{ color:#838383 !important; padding:10px 15px; }
.dropdown-user .dropdown-menu ul li:last-child a{ padding-top:15px; padding-bottom:15px; }
.dropdown-user .dropdown-menu ul li a:hover{ background-color:#f2f2f2; color:#555 !important; }
.dropdown-user .dropdown-menu .info{ padding:20px; font-size:12px; color:#828282; }
.dropdown-user .dropdown-menu .info .img{ width:70px; height:70px; margin:auto; overflow:hidden; }
.dropdown-user .dropdown-menu .info .img div{ width:70px; height:70px; background-image:url('../img/avatar.jpg'); background-size:cover; }

.nav-request-horizontal{	
	position:relative; top:-50px; height:160px; width:100%;
	border-radius: 10px;
	background-image: linear-gradient(to right, #88d1f2, #a5358b);
	box-shadow:5px 5px 10px 5px grey;
}
.nav-request-horizontal > *{ height:calc(100% - 6px); width:calc(100% - 6px); position:absolute; top:3px; left:3px; padding:10px 0 15px; background-color:#fff; border-radius: 10px; }
.nav-request-horizontal .nav-request ul li{ width:25%; margin-top:0; }
.nav-request-horizontal .nav-request ul li i{ margin-bottom:10px; }

#task-view .btn-back{ right:20px; top:8px; display:inline-block; padding:7px 15px; font-size:24px; }
#task-view .preview{ background-color:#848283; padding-bottom: 56.25%; overflow:hidden; }
#task-view .preview span{ top:10px; left:10px; padding:1px 20px 2px; z-index:11; }
#task-view .preview video,
#task-view .preview .preview-inner{ width:100%; height:100%; left:0; top:0; }
#task-view .preview a.file-url-download{ display:block; width:100%; height:100%; left:0; top:0; color:#fff; background-color: rgba(0,0,0,0.9); font-size:20px; }
#task-view .preview a.file-url-download:hover{ opacity:0.8; }
#task-view .preview .file-url-download h2{ color:#fff; margin-top:150px; }
#task-view .preview .file-url-download i{ font-size:50px; }
#task-view .status-info > div{ padding:10px 10px 15px; }
#task-view .card-header{ font-size:22px; }
#task-view .status-info .title{ font-size:18px; }
#task-view .status-info .info{ font-size:22px; }
#task-view .status-info .star-field{ font-size:36px; }
#task-view .status-info .star-field i{ color:#ccc; cursor: pointer; }
#task-view .status-info .star-field i.active,
#task-view .status-info .star-field i:hover,
#task-view .status-info .star-field i.hover-before{ color:#feca00; }
#task-view.translator-task-view .status-info .info{ font-size:21px; }
#task-view .img-field{ height:150px; }
.translator-task-view #user-info-box .edit-profile-button{ width:150px; height:150px; margin-left:-75px; }
#task-view .translate-info .row > *{ padding-left:10px; padding-right:10px; }
#task-view.member-task-view .translate-info .row > *{ padding-left:15px; padding-right:15px; }
#task-view .preview .sv-group{ position: absolute; left:5px; top:45px; display:block; width:50px; height:47px; z-index:9999; }
.btn-field > *{ display:inline-block; padding:10px 30px; font-size:22px; border:none; }
.btn-field > *:hover{ opacity:0.9; }
.btn-field .btn-return{ background-color:#093580; }
.btn-field .btn-send-job{ background-color:#df3a58; }
#task-view input[name=rating]{ font-size:100px; border:none; border-bottom:1px solid #838383; width:100%; }
/* Chrome, Safari, Edge, Opera */
#task-view input[name=rating]::-webkit-outer-spin-button,
#task-view input[name=rating]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
#task-view input[name=rating] { -moz-appearance:textfield; }

.file-input-hide{ width:0 !important; height:0 !important; overflow:hidden; opacity:0; padding:0 !important; margin:0 !important; }
.dropzone{ border:1px dashed #d2d8dd; background-color:#fff; text-align:center; display:table; width:100%; height:400px; position:relative; }
.dropzone .inner{ display:table-cell; vertical-align:middle; }
.dropzone .inner i{ font-size:150px; color:#dddbdc; line-height:1em; margin-bottom:20px; }
#dropzone-subtitle.dropzone .inner i{ font-size:120px; }
.dropzone .inner h3{ font-family: "LINE Seed Sans TH", Tahoma, sans-serif; font-size:24px; color:#848484; font-weight:400; line-height:1.6em; }
#dropzone-subtitle.dropzone .inner h3{ font-size:18px; padding-bottom:22px; }
.dropzone .upload-preview{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background-color:#000; }
.dropzone .upload-preview video, .dropzone .upload-preview audio{ width:100%; height:100%; position:absolute; left:0; top:0; }
.dropzone .upload-preview canvas,
.dropzone .upload-preview .preview-img{ height:300px !important; margin-top:50px; }
.dropzone .upload-preview img.document{ height:180px !important; margin-top:110px; }
.dropzone .upload-preview .btn-delete{ position:absolute; top:5px; right:10px; z-index:2; }
.dropzone .upload-preview .btn-delete i{ color:#f00; font-size:25px; transition:all .3s; }
.dropzone .upload-preview .btn-delete:hover i{ color:#fff; }
.dropzone .upload-preview .text-danger{ display:block; font-size:40px; margin-top:150px; }
#dropzone-subtitle.dropzone .upload-preview .text-danger{ font-size:22px; }
#frm-job .dropzone .upload-preview canvas{ display:none; }

.filepond--root,
.filepond--root .filepond--drop-label{ height:400px; }
.filepond--item{ height:350px; }
.filepond--list.filepond--list > li{ height:350px; }
.filepond--image-preview-wrapper{ min-height:350px; }
.filepond--action-process-item{ display:none; }
.filepond--root{ border:1px dashed #d2d8dd; }
.filepond--panel-root{ background-color:#fff; }
.filepond--drop-label.filepond--drop-label label h3{ font-size:30px; color:#848484; font-family: "LINE Seed Sans TH", Tahoma, sans-serif; font-weight:400; line-height:1.2em; }
#job-edit .filepond--drop-label.filepond--drop-label label h3{ font-size:18px; line-height:1.6em; }
.filepond--drop-label.filepond--drop-label label i{ font-size:150px; color:#dddbdc; line-height:1em; margin-bottom:20px; }
#job-edit .filepond--drop-label.filepond--drop-label label i{ font-size:120px; }
.filepond--file .filepond--file-status{ /* font-size:30px; */ font-family: "LINE Seed Sans TH", Tahoma, sans-serif; font-weight:400; }
.filepond_2 .filepond--file .filepond--file-status{ font-size:18px; }

.wrap-preview-file{ width:100%; height:100%; left:0; top:0; z-index:10; }
.wrap-preview-file .preview-file{ background-color:rgba(0,0,0,0.96); background-image: linear-gradient(#34905f 0%, #000000 30%, #000000 100%); position:absolute; top:20px; left:20px; width:calc(100% - 40px); height:calc(100% - 40px); border-radius:5px; text-align:center; overflow:hidden; }
.wrap-preview-file .delete-file{ width:30px; height:30px; padding:0; position:absolute; right:30px; top:30px; color:#fff; background-color:#f00; border-radius:50%; border:none; border:2px solid #f00; }
.wrap-preview-file .delete-file:hover{ border-color:#fff; }
.wrap-preview-file .file-info{ position:absolute; top:30px; left:30px; color:#fff; }
.wrap-preview-file .file-name{ font-size:13px; color:#eee; margin-bottom:3px; }
.wrap-preview-file .file-size{ font-size:11px; color:#bbb; }
.wrap-preview-file .preview-img,
.wrap-preview-file .preview-document,
.wrap-preview-file .preview-video{ height:100%; width:100%; padding:50px 0; position:absolute; }
.wrap-preview-file .preview-img img{ height:100%; display:inline-block; }
#job-edit .wrap-preview-file .preview-img img{ width:100%; max-width:600px; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.wrap-preview-file .preview-document img{ margin-top:70px; }
.wrap-preview-file .preview-audio{ padding:10px 20px 10px; border-radius:10px; background-color:rgba(52,144,95,0.5); }
.translator-task-view .wrap-preview-file .preview-audio{ padding-top:176px; }
.wrap-preview-file .preview-audio audio{ width:100%; margin:70px auto 0; }
.wrap-preview-file .preview-video video{ width:100%; height:100%; position:absolute; top:0; left:0; }

.tag-editor{ border-color:#d2d8dd; }

.border-bottom-purple{ border-bottom-color:#a33e92 !important; border-bottom-width:2px !important; }
ul.hyphen li{ position: relative; display:block; padding-left:20px; margin-bottom:7px; }
ul.hyphen li:before{ content:''; position:absolute; left:0; top:12px; display:block; height:2px; width:4px; background-color:#000; }

.profile-box{ width:120px; }

.id-card-img .preview{ padding:16px; }
.id-card-img .preview .name{ color: #74809d; font-family: "LINE Seed Sans TH", Tahoma, sans-serif; font-size:14px; font-weight:600; }
.id-card-img .preview .remove{ color: #fff; background: #fe7676; border-radius: 50%; box-shadow: -1px 1px 6px rgba(254,118,118,.8); border:none; width:20px; height:20px; text-align:center; vertical-align: top; padding:0; }
.id-card-img .fileuploader{ margin:0; }
.id-card-img .fileuploader-input-inner .fa-camera{ font-size:40px; }
.id-card-img .fileuploader-items .fileuploader-item .column-thumbnail{ display:block; width:100%; height:auto; }
.id-card-img .fileuploader-items .fileuploader-item .fileuploader-item-image{ height:auto; }
.id-card-img .fileuploader-items .fileuploader-item .fileuploader-item-image canvas{ position: static; transform: none; margin-bottom:10px; }

/* #page{ line-height:2; }
#page ul{ list-style: square; padding-left:20px; margin:0; }
#page ul.list-circle{ list-style: disc; padding-left:40px; } */

.nav-service-group a{ display:inline-block; padding:5px 10px; border:3px #000 solid; color:#000; }


#sidenav{ transition: all 0.3s; position:fixed; top:0; right:-400px; z-index: 20; width:400px; height:100%; background-color:#fff; font-weight:300; overflow:auto; }
#sidenav .info .img{ width:138px; height:138px; }
#sidenav .info .img div{ width:100%; height:100%; background-size: cover; background-position: center center; }
#sidenav .box{ padding:30px 40px; border-bottom:2px #ccc solid; }
#sidenav .link{ padding-top:20px; padding-bottom:20px; }
#sidenav .link ul{ margin:0; }
#sidenav .link ul li a{ display:block; padding:15px 0 15px 50px; position:relative; line-height:35px; }
#sidenav .link ul li a i{ font-size:35px; position:absolute; left:0; }
#sidenav .btn-group button{ font-size:12px !important; }
#sidenav a{ color:#000; }
#sidenav .btn-close{ right: 20px; top: 20px; }

html.sidenav-open body{ overflow:hidden; }
html.sidenav-open .wrap-trigger{ display:block; }
html.sidenav-open .mm-slideout { z-index:auto;}
html.sidenav-open #sidenav{ right:0; }

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 10px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #D4D4D4;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch-slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: -4px;
	bottom: -2px;
	background-color: #707070;
	-webkit-transition: .4s;
	transition: .4s;
}
/* 
input:checked + .switch-slider {
	background-color: #fff500;
}
*/
input:focus + .switch-slider {
	box-shadow: 0 0 1px #fff500;
}
input:checked + .switch-slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}
.switch-slider.round {
	border-radius: 34px;
}
.switch-slider.round:before {
	border-radius: 50%;
} 

.btn-close {
	position: absolute;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	cursor: pointer;
}
.btn-close:hover {
	opacity: 1;
}
.btn-close:before, .btn-close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #333;
}
.btn-close:before {
	transform: rotate(45deg);
}
.btn-close:after {
	transform: rotate(-45deg);
}

/* History */
#history {background-color: #e8e8ea; padding-top: 35px; padding-bottom: 50px;}
#history .field-search {padding: 20px 0;}
#history .field-search label {padding-left: 20px;}
#history .field-search input[type=text] {width: 100%;  padding: 5px 30px 5px 10px; border: none; background-color: #e8e8ea;}
#history .field-search button {background-color: #707070;}

.video-log .service-list {padding: 0 20px;}
.video-log .service-list > * {padding-top: 30px; padding-bottom: 32px; position: relative;}
.video-log .service-list .row > * {padding-left: 10px; padding-right: 10px;}
.video-log .service-list > *:after {content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 0; left: 0; background-image: linear-gradient(to right, #88d1f2, #a5358b);}
.video-log .service-list > *:first-child:after {display: none;}

/* #history .img-thumb {background-image: url('../img/img-history-1.png');} */

.video-log .name a {text-decoration: none; color: #555}
.video-log .service-list .data .info ul li:first-child {margin-left: 0;}
.video-log .service-list .data .info ul li {display: inline; margin-left: 10px; font-size: 12px;}

.video-log .btn-remove .icon-close {display: inline-block; background-image: url('../img/icon-close.png'); background-size:cover; width: 25px; height: 22px;}
.video-log .btn-remove {border: none; width: 25px; height: 22px; text-align: center; vertical-align: top; padding: 0;} 


/* Watch Later */
#watch-later {background-color: #e8e8ea; padding-top: 120px; padding-bottom: 50px;}
#watch-later .field-search {padding: 20px 0;}
#watch-later .field-search label {padding-left: 20px;}
#watch-later .field-search input[type=text] {width: 100%;  padding: 5px 30px 5px 10px; border: none; background-color: #e8e8ea;}
#watch-later .field-search button {background-color: #707070;}

.btn-watch-later{ background-image: linear-gradient(-90deg, #a4388e, #8db7e1); transition: 0.3 all; }
.btn-watch-later:hover{ color:#fff; opacity:0.8; }

.loading-wait{ top:0; left:0; background-color:rgba(0, 0, 0, 0.8); z-index:9999; }

.reply-box{ padding:0 0 0 80px; margin:0; }

.intro-video h3{ border-bottom:2px solid #ccc; }
.intro-video .list > *{ width:24%; margin-bottom:10px; }
.intro-video .view-more{ font-size:30px; }

.link-poll{ background-color:#FFC400; top:50%; right:-100px; margin-top:-20px; padding:10px 20px; z-index: 10; color:#000; font-size:14px;  border-radius: 10px 10px 0 0; transform:rotate(-90deg); transition: all .3s; }
.link-poll-expand{ right:-56px; }

.btn-disabled{ opacity: 0.5; cursor: default; }

.policy-field{ line-height:1.8em; }

#search-advance-box .col-group{ width:19.5%; }
#search-advance-box .col-category{ width:19.5%; }
#search-advance-box .col-date{ width:19.5%; }
#search-advance-box .col-keyword{ width:39.5%; }
#search-advance-box .col-keyword .easy-autocomplete{ width:calc(100% - 60px) !important; }
#search-advance-box button[type=submit]{ background-color:#af13a1 !important; }
#search-advance-box .col-button{ display:none; }

.icon-age-rating{ display: inline-block; background-size:contain; background-repeat:no-repeat; height:47px; }
.icon-age-rating-1{ background-image:url('../img/age-rating/1.png'); width:275px; }
.icon-age-rating-2{ background-image:url('../img/age-rating/2.png'); width:229px; }
.icon-age-rating-3{ background-image:url('../img/age-rating/3.png'); width:278px; }
.icon-age-rating-4{ background-image:url('../img/age-rating/4.png'); width:354px; }
.icon-age-rating-5{ background-image:url('../img/age-rating/5.png'); width:354px; }
.icon-age-rating-6{ background-image:url('../img/age-rating/6.png'); width:349px; }

#btn-line-contact{ display:block; width:140px; height:63px; background-image: url('../img/btn-line-contact.png'); background-size: cover; position:fixed; right:20px; bottom:80px; z-index:10; }
#btn-chat{ width:142px; height:64px; background-image: url('../img/btn-chat.png'); background-size: cover; position:fixed; right:18px; bottom:130px; z-index:10; }
.chatway--container .chatway--trigger-container{ right:18px !important; bottom:130px !important; }
.chatway--container .chatway--trigger-container .chatway--trigger-icon-container{ width: 142px !important; height: 64px !important; overflow: hidden; opacity: 0; }

/* Translator job alert after login (js_module/translator_index.js) */
.swal2-popup.work-alert-popup{ width:418px; max-width:calc(100% - 32px); padding:40px; border-radius:10px; }
.work-alert{ color:#000; text-align:left; }
.work-alert-header{ display:flex; align-items:center; margin-bottom:24px; }
.work-alert-header img{ flex-shrink:0; width:40px; height:40px; }
.work-alert-title{ margin-left:24px; font-size:20px; font-weight:500; line-height:1.4; }
.work-alert-row{ display:flex; justify-content:space-between; margin-top:12px; padding:3px 54px; border-radius:4px; background-color:#E4E4E4; font-size:20px; line-height:26px; }
.work-alert-header + .work-alert-row{ margin-top:0; }
.work-alert-popup .swal2-actions{ margin-top:24px; }
.swal2-popup .swal2-styled.work-alert-confirm{ min-width:86px; margin:0; padding:8px 24px; border-radius:4px; background-color:#AE13A1 !important; font-size:17px; }
.swal2-popup .swal2-styled.work-alert-confirm:focus{ box-shadow:0 0 0 3px rgba(174, 19, 161, .35); }
@media (max-width: 575px){
	.swal2-popup.work-alert-popup{ padding:24px; }
	.work-alert-title{ margin-left:16px; font-size:17px; }
	.work-alert-row{ padding:3px 16px; font-size:16px; }
}
.modal-backdrop{ display: none !important; }
.modal{ background-color: rgba(0, 0, 0, 0.7);}
#poll-popup .modal-dialog{ max-width:647px; }
#poll-popup .choice-img{ width:155px; height:111px; background-size:auto; background-position:center center; background-repeat:no-repeat; }
#poll-popup .progress{ height:10px; }
#poll-popup table tr td:nth-child(1){ width:30px; }
#poll-popup table tr td:nth-child(2){ width:150px; }

#popular-filter-link{ display:inline-flex; background-color:#F4F4F4; }
#popular-filter-link a{ font-size:15px; color:#000; padding:10px 12px; }
#popular-filter-link a.current,
#popular-filter-link a:hover{ background-color: #000; color:#fff; }
#popular-filter-selectbox{ display:none; }

.max-w-full{ max-width:100%; }
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category{ padding:6px 12px; }
.easy-autocomplete a{ color:#000; }

@media (max-width: 1280px){
	#popular-filter-link{ display:none; }
	#popular-filter-selectbox{ display:block; }
}

@media (max-width: 991px){

	header{ height:45px; }
	#logo{ text-align:left; padding-left:20px; }
	#hamburger{ display:none; }
	header .search-bar{ display:none; float:none; position:fixed; left:0; top:45px; width:100%; margin:0; padding:15px 10px; background-color:#eee; }
	header .search-bar .field-search{ width:90%; max-width:400px; margin:auto; }
	header .search-mobile-icon{ display:block; margin-right:15px; }
	header #search-advance-icon{ margin-right:50px; margin-top:-4px; }
	header #search-advance-icon a{ font-size:0.8rem; padding:5px 10px; }
	header .search-bar .easy-autocomplete{ width:100% !important; }

	.video-slider .video-card, .popular-slider .video-card{ width:300px; padding-right:10px; }

	.intro-video .list > *{ width:49.5%; }

	#watch-later{ padding-top:80px; }
}

@media (max-width: 767px){

	footer .top{ padding-top:150px; position:relative; }
	footer .top .dep{ position:absolute; top:30px; left:0; }
	footer .logo{ text-align:center; margin:100px 0 20px; }
	footer .nav{ padding-left:70px !important; }
	footer .top h3{ font-size:22px; }

	.margin_60_35{ padding-top:20px; padding-bottom:20px; }

	.video-list > *{ padding-left:15px; padding-right:15px; }

	.page-video-list h3.title strong{ font-size:20px; padding-right:25px; }
	.page-video-list h3.title::before{ margin-top:6px; }
	.page-video-list h3 a{ top:11px; }

	.nav-request-horizontal{ top:0; height:300px; margin:20px 15px; width:calc(100% - 30px); }
	.nav-request ul li,
	.nav-request-horizontal .nav-request ul li{ width:50%; }
	.nav-request ul li a{ font-size:16px; }
	.nav-request ul li:nth-child(n+3){ margin-top:20px; }

	.video-left-box{ margin-bottom:15px; }
	.video-right-box{ padding-left:0; padding-right:0; }

	#task-view .form-input{ top:0; }

	#user-info-box{ margin-left:0; margin-right:0; margin-bottom:15px; }
	#user-info-box .edit-profile-button{ position:static; margin:auto; }
	.translator-task-view #user-info-box .edit-profile-button{ width:200px; height:200px; position:static; margin:auto; }
	#user-info-box .user-info{ border-left:none; margin-top:10px; }
	#user-info-box .edit-profile-button .img-profile{ width:200px; height:200px; left:50%; margin-left:-100px; border-radius:50%; }
	.user-permission h3{ font-size:84px; }

	h1.title{ font-size:22px; }

	.dropzone .inner h3{ font-size:18px; padding:0 20px; }
	.dropzone .upload-preview canvas, 
	.dropzone .upload-preview .preview-img{ width:100% !important; height:auto !important; }

	.btn-field > *{ font-size:18px; padding:10px 20px; }
	.field-search{ margin-top:1rem !important; margin-bottom:1rem !important; }
	.field-search label{ font-size:22px; }
	.nav-request ul > li:nth-child(2){ margin-top:0; }
	#job-list .nav-service{ margin-bottom:20px; }
	#job-list .service-list > *{ padding-bottom:5px; }
	#job-list .service-list .row .manage{ position:absolute; right:0; top:35px; width:90px; max-width:100%; }
	#job-list .service-list .row .manage > *{ display:inline-block; }
	#job-list .service-list .row .data .name{ margin-top:15px; font-weight:600; }
	#job-list .service-list .data .info ul li{ width:32%; margin-left:0; margin-bottom:5px; }

	.translator-task-view .change-status{ text-align:center; }
	.translator-task-view .change-status .col-8,
	.translator-task-view .change-status .col-4{ width:100%; max-width:100%; flex:0 0 100%; }
	.translator-task-view .change-status .col-4{ margin-top:10px; }
	.translator-task-view .change-status .col-4 .update-item1{ width:100% }
	#task-view .btn-back{ margin-top:15px; font-size:16px; top:-6px; }
	.translator-task-view .link-download{ margin-top:1rem !important; margin-bottom:30px; }
	#task-view .card-header{ font-size:20px; }
	#task-view.translator-task-view .status-info .info{ font-size:20px; }
	#task-view .status-info .title{ font-size:16px; }
	#task-view .status-info-box{ margin-bottom:15px; }
	#task-view .img-field{ height:200px; }
	#job-edit .upload-job-box{ margin-bottom:30px; }
	#job-edit .upload-job-box .note{ top:-10px; }

	.logo-overlay img{ height:27px; }
	.logo-overlay i{ width:27px !important; height:25px !important; }

	#sidenav{ right:-100%; max-width:100%; }

	.w3-ul li{ padding-left:0 !important; padding-right:0 !important; }
	.w3-ul .reply-list li{ padding-left:10px !important; }
	.w3-ul li .avatar{ width:30px; height:30px; margin-right:15px; margin-top:5px; }
	.comment-wrap, .reply-wrap{ padding:10px; }
	.w3-bar .w3-bar-item{ padding:0 !important; }
	.w3-bar .w3-large{ font-size:16px !important; font-weight: bold; }
	.name-comment{ width:calc(100% - 110px) !important; }

	.intro-video h3{ font-size:20px; }
	.intro-video .list > *{ width:100%; }

	.nav-service-group{ padding-top:15px; }
	.nav-service-group a{ font-size:13px; border-width:2px; }

	#search-advance-box .tool{ flex-wrap: wrap !important; }
	#search-advance-box .tool > *{ width:49% !important; margin-bottom:10px; }
	#search-advance-box .col-keyword .input-group-append{ display:none; }
	#search-advance-box .col-keyword .easy-autocomplete{ width:100% !important; }
	#search-advance-box .col-button{ display:block; width:100% !important; }

	#watch-later{ padding-top:70px; }
	#watch-later .field-search .col-md-3{ width:30%; padding-right:0; }
	#watch-later .field-search .col-md-9{ width:70%; }
	#watch-later .field-search label{ font-size:18px; margin:10px 0 0; }
	#watch-later .field-search .tool{ width:90% !important; }
	#watch-later .field-search{ padding:0; margin-bottom:0 !important; }
	.video-log .service-list .row .thumb{ margin-bottom:20px; }

	#job-list .service-list{ padding:0 10px; }
	.translator-job-list .field-search .tool{ width:100% !important; }
	.translator-job-list .field-search .sort-box{ width:100% !important; }

	.share-list a{ font-size:16px; }

	#btn-line-contact{ right:5px; bottom:0px; }
	#btn-chat{ right:4px; bottom:50px; }
	.chatway--container .chatway--trigger-container{ right:4px !important; bottom:50px !important; }

	.hero-banner-video-wrap{ padding-top:133.33%; }
	.hero-banner-video-wrap video{ width:100%; height: auto; top:50%; transform: translateX(0) translateY(-50%);  }
}

/* Emergency announcements (views/frontend/announcement, js_module/announcement.js) */
.announcement-type-1{ background-color:#D32F2F; color:#fff; }
.announcement-type-2{ background-color:#E65100; color:#fff; }
.announcement-type-3{ background-color:#1565C0; color:#fff; }

.emergency-bar{ position:fixed; top:0; left:0; right:0; z-index:1000; height:44px; font-size:16px; }
.emergency-bar-inner{ display:flex; align-items:center; height:100%; white-space:nowrap; }
.emergency-bar .fa-bullhorn{ margin-right:10px; font-size:18px; }
.emergency-bar-type{ margin-right:10px; padding:1px 8px; border-radius:3px; background-color:rgba(255,255,255,.2); font-size:14px; font-weight:600; }
.emergency-bar-title{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; color:#fff; font-weight:500; }
.emergency-bar-more{ margin-left:10px; color:#fff; font-size:14px; }
.emergency-bar-title:hover, .emergency-bar-title:focus, .emergency-bar-more:hover, .emergency-bar-more:focus{ color:#fff; text-decoration:underline; }
.emergency-bar-button{ margin-left:12px; padding:3px 14px; border:1px solid #fff; border-radius:4px; color:#fff; font-size:14px; }
.emergency-bar-button:hover, .emergency-bar-button:focus{ background-color:#fff; color:#333; }
body.has-emergency-bar header.header_in.is_fixed{ top:44px; }
body.has-emergency-bar #page{ padding-top:44px; }

.announcement-modal .modal-dialog{ max-width:560px; }
.announcement-modal .modal-content{ overflow:hidden; border:0; border-radius:10px; }
.announcement-modal-header{ padding:12px 24px; font-size:18px; font-weight:600; }
.announcement-modal-body{ padding:24px; }
.announcement-modal-title{ margin-bottom:16px; color:#000; font-size:24px; font-weight:700; line-height:1.3; }
.announcement-video{ display:block; width:100%; max-height:60vh; margin-bottom:16px; border-radius:8px; background-color:#000; }
.announcement-modal-text{ max-height:30vh; overflow-y:auto; color:#333; font-size:18px; white-space:pre-line; }
.announcement-modal-actions{ margin-top:24px; text-align:center; }
.announcement-modal-actions .btn + .btn{ margin-left:16px; }
.announcement-btn-primary, .announcement-btn-secondary{ padding:8px 24px; border:0; border-radius:4px; color:#fff; font-size:17px; }
.announcement-btn-primary{ background-color:#AE13A1; }
.announcement-btn-secondary{ background-color:#757575; }
.announcement-btn-primary:hover, .announcement-btn-primary:focus{ background-color:#8F0F84; color:#fff; }
.announcement-btn-secondary:hover, .announcement-btn-secondary:focus{ background-color:#5F5F5F; color:#fff; }

.push-ask-modal .modal-dialog{ max-width:538px; }
.push-ask-modal .modal-content{ padding:40px 32px; border:0; border-radius:10px; text-align:center; }
.push-ask-title{ margin:0 0 16px; color:#AE13A1; font-size:40px; font-weight:700; line-height:1.2; }
.push-ask-text{ margin:0 0 32px; color:#000; font-size:20px; line-height:1.2; }
.push-ask-actions .btn{ min-width:87px; padding:8px 24px; border:0; border-radius:4px; color:#fff; font-size:17px; }
.push-ask-later{ background-color:#757575; }
.push-ask-confirm{ margin-left:16px; background-color:#AE13A1; }
.push-ask-later:hover, .push-ask-later:focus{ background-color:#5F5F5F; color:#fff; }
.push-ask-confirm:hover, .push-ask-confirm:focus{ background-color:#8F0F84; color:#fff; }

.announcement-page-heading{ margin-bottom:20px; font-size:28px; font-weight:700; }
.announcement-page-heading .fa-bullhorn{ color:#D32F2F; }
.announcement-back{ display:inline-block; margin-bottom:16px; color:#555; }
.announcement-list > * + *{ margin-top:16px; }
.announcement-card{ display:flex; padding:16px; color:#333; }
a.announcement-card:hover, a.announcement-card:focus{ color:#333; text-decoration:none; }
.announcement-card-ended{ opacity:.7; }
.announcement-card-thumb{ position:relative; flex-shrink:0; width:160px; height:90px; margin-right:16px; border-radius:6px; background:#000 center / cover no-repeat; }
.announcement-card-thumb .fa-play{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-size:22px; }
.announcement-card-body{ display:block; min-width:0; }
.announcement-badge{ display:inline-block; margin-right:6px; padding:1px 10px; border-radius:10px; font-size:13px; }
.announcement-badge-live{ background-color:#21B44D; color:#fff; }
.announcement-badge-ended{ background-color:#E4E4E4; color:#555; }
.announcement-card-title{ display:block; margin-top:6px; color:#000; font-size:19px; font-weight:600; }
.announcement-card-date{ display:block; margin-top:4px; color:#777; font-size:14px; }
.announcement-card-actions{ margin-top:10px; }
.announcement-card-actions .btn{ margin:0 6px 6px 0; }
.announcement-detail{ padding:24px; }
.announcement-detail-title{ margin:12px 0 4px; font-size:28px; font-weight:700; }
.announcement-detail-date{ color:#777; font-size:15px; }
.announcement-detail .announcement-video{ max-width:720px; }
.announcement-detail-text{ color:#333; font-size:19px; line-height:1.6; white-space:pre-line; }
.announcement-form .announcement-field-short{ max-width:320px; }
.announcement-form-video{ max-width:360px; max-height:240px; border-radius:6px; background-color:#000; }

@media (max-width: 575px){
	.emergency-bar-type, .emergency-bar-more{ display:none; }
	.push-ask-modal .modal-content{ padding:32px 20px; }
	.push-ask-title{ font-size:28px; }
	.push-ask-text{ font-size:17px; }
	.announcement-card-thumb{ width:110px; height:62px; }
}