/* Import Kanit Font */
@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700&subset=thai');


html {
	font-family: 'db_airystd_med';
	overflow-x: hidden;
}

body {
/*	background: url(../image/v02/bg-mini.png);*/
	background-repeat: repeat;
	background-size: 60%;
	background-color: #fff;
}

html,
body {
	height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'db_airystd_bd';
	margin: 0 0 35px;
	letter-spacing: 1px;
}

#all-wrap {
	min-height: 100%;
}

.content-collection {
    margin-top: 30px;
    margin-bottom: 60px;
}

.head-label-collection {
	margin-top: 20px;
	margin-bottom: 20px;
	align-items: flex-end;
}

.head-label-div {
	padding-left: 15px;
	padding-right: 15px;
}

.head-label {
	font-family: 'db_airystd_bd';
	color: #393939;
	font-size: 2.5rem;
	margin-bottom: 0;
	line-height: 2.5rem;
}

.check-horo-div {
	text-align: right;
}

/*
.check-horo-btn {
	display: block;
	text-align: right;
}
*/

.check-horo-img {
	width: 30px;
}

.label-underline {
	border-bottom: 4px solid #f21529;
	width: 120px;
}

.box-selection-link--collection {
	background: #fff;
	position: relative;
}

/* .all-question-box--collection {
	box-shadow: 0 0 2px rgba(0,0,0,.4);
} */

ul.link--collection {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
}

ul.link--collection li {
	flex: 50%;
	width: 50%;
/* 	box-shadow: 0 0 2px rgba(0,0,0,.4); */
	border: .7px solid rgba(0,0,0,.2);

}

ul.link--collection li .link-box-selection {
	display: block;
	width: 100%;
	text-align: center;
	color: #393939;
	font-family: 'db_airystd_bd';
	font-size: 1.5rem;
	padding: 5px;
}

ul.link--collection li .link-box-selection.active {
	border-bottom: 10px solid #f21529;
	color: #f21529;
}

ul.link--collection li .link-box-selection:hover,
ul.link--collection li .link-box-selection:focus {
	text-decoration: none;
/* 	color: #393939; */
}

.package-name-head-content,
.head-keep-list-txt {
	display: block;
	width: 70%;
	text-align: center;
	color: #393939;
/*	font-family: 'db_airystd_bd';*/
	font-size: 1.5rem;
	padding: 10px;
	margin-bottom:0;
/* 	box-shadow: 0 0 2px rgba(0,0,0,.4); */
/*	border: .7px solid rgba(0,0,0,.2);*/
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}

.package-selection-box--collection {
		border: .7px solid rgba(0,0,0,.2);
}


.box-link--collection {
	background: #fff;
/* 	box-shadow: 0 0 2px rgba(0,0,0,.4); */
	min-height: 800px;
	max-height: 800px;
	overflow-y: auto;
	border: .7px solid rgba(0,0,0,.2);
	position: relative;
}

.link-question-collection {
	background: #fff;
	border: .7px solid rgba(0,0,0,.2);
	border-bottom: none;
	box-shadow: 0 0 2px rgba(0,0,0,.4);
	padding: 10px;
}

.link-question-collection:last-child {
	border-bottom: .7px solid rgba(0,0,0,.2);
}

.head-user-info-container {
	padding-left: 0 !important;
}

.user-info-label-txt {
	font-size: 1rem;
	margin-bottom: 0;
	color: #f21529;
}

.user-info-label-txt span {
	margin-left: 25px;
	color: #404040;
}

.question-link {
/* 	background: #fff; */
	display: block;

}

.link-question-collection.active {
	background: #f2f2f2;
}

.inline-link-left,
.inline-link-right {
	display: inline-block;
	vertical-align: middle;
}

.inline-link-left {
	width: 65px;
	height: 65px;
	margin-left: 15px;
}

.inline-link-right {
	padding-left: 15px;
}

.link-line {
	width: 200px;
	position: relative;
}

.user-question-profile {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.question-owner,
.question-expire,
.package-text,
.question-status,
.question-create-date{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 0px;
	color: #393939;
}

.question-owner,
.answer-link-list-method-contianer,
.answer-method-link-txt,
.answer-link-list-icon-container {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

.answer-link-list-method-contianer {
	float: right;
	color: #9e9e9e;
}

.answer-link-list-icon-container {
	margin-right: 5px;
}

.package-text {
	max-height: 24px;
}

.question-owner {
	font-size: 1.6rem;
	font-family: 'db_airystd_med';
}

.question-expire {
	font-family: 'db_airystd';
	font-size: 1.2rem;
}

.question-status,
.question-create-date{
	display: inline-block;
	font-family: 'db_airystd_med';
	font-size: 1.2rem;
	color: rgba(0,0,0,.5);
	margin-bottom: 0;
}

.question-status {
/*	float: right;*/
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	display: block;
}

.all-question-box-content--collection {
	background-color: #fff;
	min-height: 800px;
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
/* 	box-shadow: 0 0 2px rgba(0,0,0,.4); */
	border: .7px solid rgba(0,0,0,.2);
	padding: 20px;
}

.all-collection {
	border: .7px solid rgba(0,0,0,.2);
}

.question-content--collection {
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.4);
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	display: none;
}

.question-content--collection.active {
	display: block;
}

.question-info-collection {
/*	height: 200px;*/
	overflow: hidden;
}

.question-underline {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom:2px solid rgba(0,0,0,.2);
}

.user-info-collection {
	display: inline-block;
	vertical-align: middle;
	
}

.user-image-collection {
	width: 100px;
	height: 100px;
	margin-right: 15px;
}

.user-image {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 100%;
	object-fit: cover;
}

.user-name,
.package-name{
	font-family: 'db_airystd_med';
	font-size: 1.7rem;
	margin-bottom: 0;
	color: #393939;
	line-height: 1.7rem;
}

.user-signature,
.package-detail,
.question-detail {
	font-size: 1rem;
	color: #393939;
	margin-bottom: 0;
	line-height: 1.4rem;
}

.package-detail,
.question-detail {
	margin-bottom: 20px;
}

.question-detail {
	display: none;
}

.question-detail.active {
	display: block;
}

.package-name {
	margin-bottom: 10px;
}

.question-head {
	font-family: 'db_airystd_med';
	font-size: 1.5rem;
}

.question-info-image--collection {
	width: 150px;
	height: 150px;
	padding-right: 15px;
	padding-bottom: 15px;
	display: none;
	position: relative;
}

.question-info-image--collection.active {
	display: inline-block;
}

.question-info-image {
	border: 2px solid rgba(0,0,0,.4);
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: rgba(0,0,0,.4);
}

.all-answer-fields--collection {
	margin-left: 0;
	margin-right: 0;	
}

.answer--collection {
	width: 100%;
	margin-bottom: 20px;
}

.answer-head-label--collection {
	text-align: center;
}

.answer-head-label-icon,
.answer-head-label {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	color: #393939;
}

.answer-head-label-icon {
	width: 24px;
}

.answer-head-label {
	font-family: 'db_airystd_bd';
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin-bottom: 0;
	vertical-align: middle;
}

.answer-field-text:active,
.answer-field-text:focus {
	border-color: #f21529;
}

.answer-upload--collection,
.answer-submit-btn--collection {
	display: inline-block;
	vertical-align: top;
}

.answer-upload--collection {
	max-width: 345px;
}

.answer-submit-btn--collection {
	float: right;
	line-height: 100px;
}

.answer-upload-btn--collection {
	position: relative;
	display: inline-block;
}

.upload-info-btn {
	background: #fff;
	border: 1px solid rgba(0,0,0,.3);
	color: rgba(0,0,0,.3);
	height: 100px;
	width: 100px;
}

.upload-info-btn i {
	font-size: 2.7rem;
}

.upload-info-img-btn {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0px;
	opacity: 0;
	width: 100px;
	height: 100px;
}

.answer-submit-btn,
.reject-question-btn {
	background: #f21529;
	font-family: 'db_airystd_med';
	font-size: 1.7rem;
	color: #fff;
}

.reject-question-btn {
	background: #2b3143;
	font-size: 1.3rem;
}

.cancel-reject-question-btn,
.confirm-reject-question-btn {
	color: #fff;
	background-color: #2b3143;
	font-size: 1.1rem;
}

.confirm-reject-question-btn {
	background-color: #f21529;
}

.each-attach-answer--collection {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}

.each-attach-pic--collection {
	width: 100px;
	height: 100px;
	position: relative;
	display: block;
	background: #fff;
}

.remove-upload-pic--collection {
	position: absolute;
	top: -10px;
	left: -10px;
}

.remove-upload-pic--collection .remove-upload-pic {
	background: #ff3737;
	font-size: 1rem;
	border-radius: 100%;
	color: #fff;
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
}

.each-attach-pic-answer {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid rgba(0,0,0,.4);
}

.answer-data-box--collection {
	margin-left: 0;
	margin-right: 0;
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 2px rgba(0,0,0,.4);
	margin-bottom: 20px;
}

.answer-data--collection {
	width: 100%;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.all-ps-box--collection {
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
	display: block;
}

.ps-box-collection {
/* 	padding-left: 15px;
	padding-right: 15px; */
}

.ps-box-label {
	font-family: 'db_airystd_med';
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #ff3737;
	margin-bottom: 0;
}

.ps-box-label span {
	font-family: 'db_airystd_bd';
}

.up-slip-link-btn {
	width: 300px;
	display: none;
	text-align: center;
	background: #f21529;
	padding:10px;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-family: 'db_airystd_med';
	font-size: 1.5rem;
	margin-top: 30px;
	margin-bottom: 30px;
	box-shadow: 0 3px 5px rgba(0,0,0,.4);
}

.up-slip-link-btn:hover,
.up-slip-link-btn:focus {
	color: #fff;
	text-decoration: none;
}

.up-slip-link-btn.active {
	display: block;
}

.up-slip-link-img {
	display: inline-block;
	margin-right: 10px;
	width: 20px;
}

.up-slip-text-btn {
	display: inline-block;
	margin-bottom: 0;
}

.answer-review-btn--collection {
	margin-left: 0;
	margin-right: 0;
	display: none;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.answer-review-btn--collection.active {
	display: block;
}

.answer-review-btn-link {
	display: block;
	font-family: 'db_airystd_med';
	font-size: 1.5rem;
	color: #fff;
	width: 250px;
	background: #f21529;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 3px 5px rgba(0,0,0,.4);
	margin-left: auto;
	margin-right: auto;
}

.answer-review-btn-link:hover,
.answer-review-btn-link:focus {
	color: #fff;
	text-decoration: none;
}

.question-link {
	position: relative;
}

.question-link.active::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
/* 	margin-right: 5px; */
	background: #f21529;
	border-radius: 100%;
	top: 50%;
}

.question-link.active .question-create-date {
	color: #f21529;
}

.rate_widget {
	overflow: visible;
	padding: 10px;
	position: relative;
	width: 280px;
	height: 64px;
	text-align: center;
}

.review-vote--collection {
	margin: 0 auto 40px auto;
	width: 280px;
}

.ratings_stars {
	background: url('../image/v02/rate-star-empty.png') no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	height: 50px;
	padding: 2px;
	width: 52px;
    
    transition: all .2s ease-out;
}

.ratings_stars:hover,
.ratings_stars:focus {
    cursor: pointer;

}

.ratings_vote,
.ratings_over {
	background: url('../image/v02/rate-star-1.png') no-repeat;
	background-size: contain;
	background-position: center;
}

.package-selection-box--collection {
    position: relative;
}

/*
.delete-toggle-btn {
    position: absolute;
    display: none;
    top: 50%;
    bottom: 50%;
    margin: auto;
    right: 25px;
}

.delete-toggle-btn:hover,
.delete-toggle-btn:focus {
    cursor: pointer;
}
*/

/*
.delete-toggle-btn.active {
    display: block;
}
*/

.delete-keep-btn-container {
	box-shadow: none;
	text-align: center;
}

.delete-keep-btn-in-container {
	text-align: center;
	flex: 0 0 100%;
	max-width: 100%;
}

.kd-btn {
	min-width: 140px;
	color: #fff;
	font-size: 1.2rem;
	margin-left: 5px;
	margin-right: 5px;
}

.keep-btn {
	background-color: #2B3142;
}

.delete-btn-data {
	background-color: #F21529;
}

.question-block-collection {
	width: 100%;
	margin-bottom: 20px;
}

.modal-header {
	position: relative;
	height: 65px;
}

.delete-close,
.review-close {
	font-size: 2.5rem;
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	top: 25px;
	right: 15px;
/*
	bottom: 50%;
	margin: auto;
*/
	vertical-align: middle;
	z-index: 3;
}

.delete-content--collection,
.modal-title{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.rating-headers {
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}

.image-teller-profile-review {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.modal-title {
	font-size: 2rem;
	line-height: 2rem;
}

.delete-image {
	width: 100px;
}

.delete-content {
	font-family: "db_airystd_med";
	font-size: 1.8rem;
	margin-top: 20px;
}

.choice-delete-btn {
	width: 150px;
	font-family: "db_airystd_med";
	font-size: 1.7rem;
	color: #fff;
	background: #bbb;
	border-radius: 10px;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.confirm-delete-btn {
	background: #f21529;
}

.modal-content {
	padding: 15px;
	position: relative;
}

.review-submit-btn {
	
	display: block;
	width: 100%;
	border-radius: 10px;
	background: #bbb;
	color: #fff;
	font-family: "db_airystd_med";
	font-size: 1.7rem;
	margin-top: 20px;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.review-submit-btn:hover,
.review-submit-btn:focus {
	background: #f21529;
}

.modal-close:focus {
	border: none;
}

.empty-inbox--collection {
	position: absolute;
	display: block;
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	margin: auto;
	width: 200px;
	height: 32px;
	text-align: center;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.empty-inbox-text {
	font-size: 1.9rem;
	margin-bottom: 0;
	font-family: 'db_airystd_bd';
	color: #aaa;
}

.edit-question--collection {
	text-align: right;
}

.edit-question-btn {
	display: none;
}

.edit-question-btn.active {
	display: block;
}

.edit-question-box {
	width: 100%;
	display: none;
	margin-bottom: 20px;
}

.edit-question-box.active {
	display: block;
}

.edit-remove-pic--collection {
	display: none;
}

.edit-remove-pic--collection.active {
	display: block;
}

.edit-photo-form {
	display: none;
}

.edit-photo-form.active {
	display: block;
}

.answer-field-go-to-app {
	margin-bottom: 0;
	color: #404040;
	box-shadow: 0 0 2px rgba(0,0,0,.4);
	padding: .75rem 1rem;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 400;
	font-family: 'Kanit', sans-serif;
}

.answer-audio-link-popup {
	display: block;
	
	transition: .2s all ease-out;
	-webkit-transition: .2s all ease-out;
	-moz-transition: .2s all ease-out;
}

.answer-audio-link-popup:hover,
.answer-audio-link-popup:focus {
	color: #f21529;
}

.answer-video-link-popup {
	display: block;
	
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}

.answer-video-link-popup:hover,
.answer-video-link-popup:focus {
	color: #f21529;
}

.answer-content--collection audio {
	width: 100%;
}

.each-answer-head-label {
	display: block;
}

.answer-time {
	font-family: 'kanit', sans-serif;
	font-weight: 400;
	float: right;
	font-size: .8rem;
}

.video-recording-player,
.audio-recording-player {
	width: 100%;
	display: none;
}

.video-recording-player.active,
.audio-recording-player.active {
	display: block;
}

.video-recording-player-container,
.audio-recording-player-container {
	position: relative;
}

.audio-uploading-in-container,
.mock-audio-answer-container,
.video-uploading-in-container,
.mock-video-answer-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.audio-uploading-container,
.out-mock-audio-answer-container,
.video-uploading-container,
.out-mock-video-answer-container {
	display: none;
	position: relative;
	min-height: 200px;
}

.audio-uploading-container.active,
.out-mock-audio-answer-container.active,
.video-uploading-container.active,
.out-mock-video-answer-container.active {
	display: block;
}

.mock-video-txt-1,
.mock-video-txt-2 {
	text-align: center;
	color: #f21529;
}

.mock-video-txt-1 {
	font-size: 3rem;
	margin-bottom: 0;
}


.mock-video-txt-2 {
	font-family: 'kanit', sans-serif;
	font-size: 1.2rem;
}

.audio-start-recording,
.audio-send-recording,
.video-start-recording,
.video-send-recording{
	background-color: #f21529;
	border-color: #f21529;
	color: #fff;
}

.video-btn,
.audio-btn {
	display: none;
	font-size: .8rem;
}

.video-btn.active,
.audio-btn.active {
	display: block;
}

.audio-start-recording:hover,
.audio-start-recording:focus,
.audio-send-recording:hover,
.audio-send-recording:focus,
.video-start-recording:hover,
.video-start-recording:focus,
.video-send-recording:hover,
.video-send-recording:focus {
	background-color: #f21529;
	border-collapse: #f21529;
}

.all-button-container {
	position: relative;
}

#mobile-video-recorder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
}

#mobile-video-recorder.active {
	display: block;
}

.each-q-price-container {
	color: #fff;
	background-color: #f21529;
	padding: .05rem .5rem;
	border-radius: 8px;
	display: block;
	position: relative;
}

.each-q-price-txt,
.each-q-price-container img {
	display: inline-block;
	margin-bottom: 0;
/*	vertical-align: middle;*/
}

.each-q-price-txt {
	vertical-align: middle;
	padding-top: 3px;
	display: block;
	margin-right: 25px;
}

.each-q-price-container img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-left: 5px;
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}


.review-box-container {
	box-shadow: 0 0 2px rgba(0,0,0,.4);
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.each-review-box-content-container {
	margin-bottom: 5px;
	position: relative;
}

.review-box-name-container,
.review-box-edit-link,
.review-box-img-container,
.review-box-name-txt {
	display: inline-block;
	vertical-align: middle;
}

.review-box-img-container {
	width: 50px;
	height: 50px;
	position: relative;
	margin-right: 10px;
}

.review-box-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.review-box-name-txt {
	color: #434343;
	text-decoration: none;
}

.review-box-name-txt {
	text-decoration: none;
	color: #434343;
	font-size: 1rem;
	font-weight: 500;
}

.review-box-edit-link {
	text-decoration: none;
	font-size: 1rem;
	color: #f21529;
	border: 1px solid #f21529;
	border-radius: 3px;
	padding: .25rem .5rem;
	
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.review-box-edit-link:hover,
.review-box-edit-link:focus {
	color: #F21529;
	text-decoration: none;
}

.review-box-rating-containre,
.review-box-rating-txt {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 10px;
}

.review-box-rating-txt {
	font-size: .8rem;
}

.review-box-rating-containre i {
	color: #c4c4c4;
}

.review-box-rating-containre i.active {
	color: #FFCE48;
}

.review-box-edit-textarea {
	margin-bottom: 15px;
}

.review-box-edit-submit {
	display: block;
	margin-left: auto;
	background-color: #f21529;
	color: #fff;
}

.review-box-comment-edit-container {
	display: none;
	margin-top: 40px;
}

.review-box-comment-edit-container.active {
	display: block;
}

.each-rate-review-edit-star {
	display: inline-block;
	margin-right: 5px;
}

.each-rate-review-edit-star i:hover,
.each-rate-review-edit-star i:focus {
	cursor: pointer;
}

.each-rate-review-edit-star i {
	color: #cecece;
	font-size: 1.3rem;
}

.each-rate-review-edit-star.active i {
	color: #fdbd56;
}

.review-box-comment-txt {
	margin-bottom: 0;
	font-size: .95rem;
	color: #434343;
}

.create-rate-review-edit-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.reject-question-container {
	text-align: center;
	margin-top: 20px;
	width: 100%;
	display: block;
}

.each-send-price-coin {
	display: inline-block;
	margin-right: 5px;
}

.each-send-price-txt {
	display: inline-block;
	margin-bottom: 0;
	color: #9e9e9e;
}

.each-send-price-container {
	margin-top: 5px;
}

.history-q-link {
	display: none;
	position: absolute;
	right: 10px;
	top: 50%;
	color: #393939;
	font-size: 1.2rem;
	
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	
	transition: .2s all ease-out;
	-webkit-transition: .2s all ease-out;
	-moz-transition: .2s all ease-out;
}

.history-q-link.active {
	display: block;
}

.history-q-link:hover,
.history-q-link:focus {
	color: #F21529;
}


@media(min-width: 320px) {
	.content-collection {
		margin-top: 0;
	}
	
	.head-label-collection {
		margin-top: 20px;
	}
	
	.head-label {
		font-size: 2rem;
	}
	
	.label-underline {
		border-bottom: 3px solid #f21529;
		width: 70px;
		padding: 0;
	}
	
	.check-horo-img {
		width: 30px;
	}
	
	ul.link--collection li .link-box-selection {
		font-size: 1.2rem;
	}
	
	.question-owner {
		font-size: 1.2rem;
		max-width: 130px;
	}
	
	.package-text {
		font-size: 0.85rem;
	}
	
	.question-status, .question-create-date {
		font-size: 1rem;
	}
	
	.box-link--collection {
		min-height: 400px;
		max-height: 600px;
	}
	
	.link-line {
		width: 170px;
	}
	
	.inline-link-left {
		width: 65px;
		height: 65px;
		margin-left: 15px;
	}
	
	.inline-link-right {
		padding-left: 10px;
	}
	
	.package-name-head-content,
	.head-keep-list-txt {
		font-size: 1.25rem;
	}
	
	.all-question-box-content--collection {
		min-height: 400px;
		max-height: none;
		padding: 10px;
	}
	
	.question-content--collection {
		padding: 10px;
	}
	
	.question-underline {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.user-question-info--collection {
		width: 140px;
		padding-left: 5px;
	}
	
	.user-image-collection {
		width: 70px;
		height: 70px;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
	}
	
	.user-name, .package-name {
		font-size: 1.2rem;
	}
	
	.user-signature {
		font-size: 0.85rem;
		overflow: hidden;
		max-height: 44px;
/*		min-height: 44px;*/
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	
	.user-signature, .package-detail, .question-detail {
		font-size: 0.85rem;
		
	}
	
	.answer-head-label {
		font-size: 1.2rem;
		margin-left: 0;
	}
	
	.answer-head-label-icon {
		width: 22px;
		margin-left: 0;
	}
	
	.ps-box-label {
		font-size: 1rem;
	}
	
	.up-slip-link-btn {
		font-size: 1.1rem;
		width: 250px;
	}
	
	.up-slip-link-img {
		width: 15px;
	}
	
	.question-info-image--collection {
		width: 80px;
		height: 80px;
		padding-right: 5px;
		padding-bottom: 5px;
	}
	
	.all-question-box--collection {
		visibility: hidden;
		opacity: 0;
		position: fixed;
		transform: translateX(100%);
		transition: all .3s ease-out;
	}
	
	.all-question-box--collection.active {
		visibility: visible;
		opacity: 1;
		position: relative;
		transform: translateX(0);
		
	}
	
	.box-selection-collection {
		visibility: hidden;
		opacity: 0;
		position: fixed;
		transform: translateZ(100%);
		transition: all .3s ease-out;
	}
	
	.box-selection-collection.active {
		visibility: visible;
		opacity: 1;
		position: relative;
		transform: translateZ(0);
	}
	
	.rate_widget {
		width: 100%;
		height: 40px;
	}
	
	.ratings_stars {
		width: 15%;
		height: 40px;
	}
	
	.inbox-mobile-back-btn {
		font-size: 1.25rem;
		display: none;
		position: absolute;
		top: 50%;
		bottom: 50%;
		margin: auto;
		left: 25px;
		color: #393939;
		height: 21px;
	}
	
	
	.inbox-mobile-back-btn.active {
		display: block;
	}
	
	.answer-upload--collection {
		display: block;
	}
	
	.each-attach-pic--collection,
	.upload-info-img-btn, 
	.upload-info-btn {
		width: 80px;
		height: 80px;
	}
	
	.each-attach-answer--collection {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	.choice-delete-btn {
		width: 48%;
		font-size: 1.3rem;
	}
	
	.delelt-btn--collection {
		width: 100%;
	}
	
	.kd-btn {
		min-width: 100px;
		font-size: 1rem;
	}
	
	.review-box-name-txt {
		max-width: 105px;
		margin-bottom: 0;
	}
}


@media(min-width: 360px) {
	.link-line {
		width: 200px;
	}
	
	.user-question-info--collection {
		width: 180px;
	}
	
	.review-box-name-txt {
		max-width: 140px;
	}
}

@media(min-width: 375px) {
	.link-line {
		width: 230px;
	}
}

@media(min-width: 412px) {
	.link-line {
		width: 260px;
	}
}

@media(min-width: 586px) {
	.link-line {
		width: 350px;
	}
	
	.user-question-info--collection {
		width: 350px;
	}
}

@media(min-width: 640px) {
	.link-line {
		width: 390px;
	}
}

@media(min-width: 768px) {
	.link-line {
		width: 550px;
	}
	
	.user-question-info--collection {
		width: calc(100% - 140px);
	}
	
	.kd-btn {
		min-width: 140px;
		font-size: 1.2rem;
	}
	
	.user-image-collection {
		width: 120px;
		height: 120px;
	}
	
	.review-box-img-container {
		width: 80px;
		height: 80px;
	}
	
	.review-box-name-txt {
		font-size: 1.3rem;
	}
	
	.review-box-rating-txt {
		font-size: 1rem;
	}
	
	.review-box-comment-txt {
		font-size: 1.1rem;
	}
	
	.review-box-name-txt {
		max-width: 435px;
	}
}

@media(min-width: 992px) {
	.video-btn {
		font-size: 1rem;
	}
}

@media(min-width: 1024px) {
	.content-collection {
		margin-top: 30px;
	}
	
	ul.link--collection li .link-box-selection {
		font-size: 1.5rem;
	}
	
	.package-name-head-content,
	.head-keep-list-txt {
		font-size: 1.5rem;
	}
	
	.check-horo-img {
		width: 30px;
	}
	
	.question-owner {
		font-size: 1.6rem;
		max-width: 160px;
	}
	
	.package-text {
		font-size: 1rem;
	}
	
	.question-status, .question-create-date {
		font-size: 1.2rem;
	}
	
	.user-name, .package-name {
		font-size: 1.7rem;
	}
	
	.user-signature, .package-detail, .question-detail {
		font-size: 1rem;
	}
	
	.user-signature {
		font-size: 1rem;
	}
	
	.answer-head-label-icon {
		width: 24px;
	}
	
	.answer-head-label {
		font-size: 1.5rem;
	}
	
	.link-line {
		width: 195px;
	}
	
	.box-link--collection {
		min-height: 800px;
		max-height: 800px;
	}
	
	.all-question-box-content--collection {
		min-height: 800px;
		max-height: 800px;
		padding: 20px;
	}
	
	.ps-box-label {
		font-size: 1.3rem;
	}
	
	.up-slip-link-btn {
		font-size: 1.5rem;
	}
	
	.up-slip-link-img {
		width: 20px;
	}
	
	.question-info-image--collection {
		width: 150px;
		height: 150px;
		padding-right: 15px;
		padding-bottom: 15px;
	}
	
	.inline-link-left {
		width: 45px;
		height: 45px;
		margin-left: 15px;
	}
	
	.user-question-info--collection {
		width: calc(100% - 140px);
	}

	.answer-upload--collection {
		display: inline-block;
	}
	
	.each-attach-pic--collection,
	.upload-info-img-btn, 
	.upload-info-btn {
		width: 100px;
		height: 100px;
	}
	
	.each-attach-answer--collection {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.box-selection-collection {
		padding-right: 0;
	}
	
	.all-question-box--collection {
		padding-left: 0;
	}
}

@media(min-width: 1200px) {
	.inline-link-left {
		width: 45px;
		height: 45px;
	}
	
	.link-line {
		width: 250px;
	}
	
	.review-box-name-txt {
		max-width: 450px;
	}
	
}