@charset "UTF-8";
/*************************phantrang***************************/
.content_expand_review_t{
	float: right;
	display: block;
	width: auto;
}
.content_expand_review .pagination > li > a, .content_expand_review .pagination > li > a:focus{
	background: url(../images/icon/icon_page_comment@2x.png) no-repeat center center;
    background-size: 30px 30px;
	margin-right: 5px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a, .content_expand_review .pagination > li > a:focus{
		background: url(../images/icon/icon_page_comment@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a, .content_expand_review .pagination > li > a:focus{
		background: url(../images/icon/icon_page_comment@2x.png) no-repeat center center;
		background-size: 30px 30px;
	} 
}
.content_expand_review .pagination_first span, .content_expand_review .pagination_previous span, .content_expand_review .pagination_next span, .content_expand_review .pagination_last span, 
.content_expand_review .pagination > li > span {
    text-indent: -9999px;
    float: left;
    display: block;
}
.content_expand_review .pagination > li > a:hover, .content_expand_review .pagination > li > a:focus, .content_expand_review .pagination > li > a.active {
	background: url(../images/icon/icon_page.png) no-repeat center center;
    background-size: 30px 30px;
	color: #404041;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a:hover, .content_expand_review .pagination > li > a:focus, .content_expand_review .pagination > li > a.active {
		background: url(../images/icon/icon_page.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a:hover, .content_expand_review .pagination > li > a:focus, .content_expand_review .pagination > li > a.active {
		background: url(../images/icon/icon_page.png) no-repeat center center;
		background-size: 30px 30px;
	} 
}
.content_expand_review .pagination > li > a.pagination_first {
    background: url(../images/icon/icon_page_comment_first@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_first {
		background: url(../images/icon/icon_page_comment_first@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_first {
		background: url(../images/icon/icon_page_comment_first@2x.png) no-repeat center center;
		background-size: 30px 30px;
	} 
}
.content_expand_review .pagination > li > a.pagination_first:hover {
    background: url(../images/icon/icon_page_comment_first_hover@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_first:hover {
		background: url(../images/icon/icon_page_comment_first_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_first:hover {
		background: url(../images/icon/icon_page_comment_first_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	} 
}
.content_expand_review .pagination > li > a.pagination_previous {
    background: url(../images/icon/icon_page_comment_pre@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_previous {
		background: url(../images/icon/icon_page_comment_pre@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_previous {
		background: url(../images/icon/icon_page_comment_pre@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
.content_expand_review .pagination > li > a.pagination_previous:hover {
    background: url(../images/icon/icon_page_comment_pre_hover@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_previous:hover {
		background: url(../images/icon/icon_page_comment_pre_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_previous:hover {
		background: url(../images/icon/icon_page_comment_pre_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
.content_expand_review .pagination > li > a.pagination_last {
    background: url(../images/icon/icon_page_comment_last@2x.png) no-repeat center center;
    background-size: 30px 30px;
	margin-right: 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_last {
		background: url(../images/icon/icon_page_comment_last@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_last {
		background: url(../images/icon/icon_page_comment_last@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
.content_expand_review .pagination > li > a.pagination_last:hover {
    background: url(../images/icon/icon_page_comment_last_hover@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_last:hover {
		background: url(../images/icon/icon_page_comment_last_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_last:hover {
		background: url(../images/icon/icon_page_comment_last_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
.content_expand_review .pagination > li > a.pagination_next {
    background: url(../images/icon/icon_page_comment_next@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_next {
		background: url(../images/icon/icon_page_comment_next@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_next {
		background: url(../images/icon/icon_page_comment_next@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
.content_expand_review .pagination > li > a.pagination_next:hover {
    background: url(../images/icon/icon_page_comment_next_hover@2x.png) no-repeat center center;
    background-size: 30px 30px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .content_expand_review .pagination > li > a.pagination_next:hover {
		background: url(../images/icon/icon_page_comment_next_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_expand_review .pagination > li > a.pagination_next:hover {
		background: url(../images/icon/icon_page_comment_next_hover@2x.png) no-repeat center center;
		background-size: 30px 30px;
	}
}
.content_expand_content_comment_ct_row, .content_expand_content_comment_content, .content_expand_content_comment_ct_row_ct, .content_expand_content_comment_ct_ava_name,
.content_expand_content_comment_form_title, .content_expand_content_comment_form_f, .content_expand_content_comment_form_f form, .content_expand_content_comment_form_f_row,
.form-group, .form-group-icon, .content_expand_content_comment_content_ans{
	float: left;
	display: block;
	width: 100%;
}
.chitiet_comment .content_expand_content_comment{
	padding: 0px 98px;
    width: 75%;
}
.content_expand_content_comment_title, .content_expand_content_comment_form_title{
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content_expand_content_comment_title span{
	color: #54b454;
}
.content_expand_content_comment_ct_ava{
	background: #bde6fc;
	float: left;
	display: block;
	width: 30px;
	margin-right: 10px;
}
.oden_coment_name, .oden_coment_class{
	font-family: "latobold", Arial, Helvetica, sans-serif;
}
.content_expand_content_comment_ct_name{
	float: left;
	display: block;
	width: auto;
	font-size: 14px;
	line-height: 30px;
}
.content_expand_content_comment_ct_type{
	float: right;
	display: block;
	width: auto;
	font-size: 11px;
	line-height: 30px;
}
.content_expand_content_comment_content{
	background: #fff;
	padding: 10px 50px 10px 20px;
	font-size: 14px;
	line-height: 22px;
}
.content_expand_content_comment_content_ans a{
	font-size: 12px;
}
.content_expand_content_comment_content_ans a:hover{
	color: #263a8b;
}
.content_expand_content_comment_ct_row{
	margin-bottom: 20px;
}
.content_expand_content_comment_form_f{
	background: #fff;
	padding: 30px;
}
.content_expand_content_comment_form_f_row .form-group{
	margin-bottom: 10px;
}
.content_expand_content_comment_form_f_row .form-group.form-group-recaptcha{
	margin-bottom: 30px;
}
.content_expand_content_comment_form_f_row .form-group-input input, .content_expand_content_comment_form_f_row .form-group-input textarea{
	background: #eff9fe;
}
.kaizen_name{
	width: 60%;
}
.kaizen_class{
	width: 35%;
	float: right;
}
.content_expand_content_comment_form_f_row .form-group-input textarea{
	background: #eff9fe;
	border-radius: 0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.form-group-icon{
	background: #eff9fe;
	border-bottom: 1px solid #bde6fc;
	padding: 8px 30px;
}
.form-group-icon span{
	float: left;
	display: block;
	width: auto;
	padding-right: 10px;
}
.custom-label {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    margin-bottom: 0px;
	font-family: "latoregular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 10px;
}
.content_expand_content_comment_form_f_row .form-group-input input.chked {
    background: #fff;
    border: 0px;
    border-bottom: 1px solid #d4d4d4;
    height: 31px;
    line-height: 32px;
    padding: 0px 12px;
	font-family: "latoregular", Arial, Helvetica, sans-serif;
}
span.custom-check {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -.15em;
    margin: 0;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    background: url(../images/icon/icon_checkbutton_grey@2x.png) no-repeat 0 0;
    background-size: 26px 26px;
}
.error span.custom-check {
    background: url(../images/icon/icon_checkbutton_red@2x.png) no-repeat 0 0;
    background-size: 26px 26px;
}
span.custom-check.checked, .error span.custom-check.checked {
    background: url(../images/icon/icon_checkbutton_hover_grey@2x.png) no-repeat 0 0;
    background-size: 26px 26px;
}
.width_checkbox a {
    color: #263a8b;
}
.content_expand_content_comment button{
	float: left;
	display: block;
	width: 47.5%;
	border: 0px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
}
.content_expand_content_comment .button_send{
	background: #263a8b;
}
.content_expand_content_comment .button_cancel{
	background: #909090;
	float: right;
}
.content_expand_content_comment .button_cancel.hvr-sweep-to-right::before {
    background: #c5c4c4;
    background: -moz-linear-gradient(left, #c5c4c4 0%, #c5c4c4 100%);
    background: -webkit-linear-gradient(left, #c5c4c4 0%,#c5c4c4 100%);
    background: linear-gradient(to right, #c5c4c4 0%,#c5c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c4c4', endColorstr='#c5c4c4',GradientType=1 );
}
.content_expand_content_comment_form_f_row .form-group input{
	width: 100%;
}
.content_expand_content_comment_form_f_row .form-group button{
	width: 47.5%;
	float: left;
}
.content_expand_content_comment_form_f_row .form-group button.button_cancel {
    float: right;
}