/* * Review Post */ div.reviewPostArea { padding: 2px 5px; } div.reviewTotalEvaluationArea.reviewPostMultipleReviewFlag-0 div.listEvaluationArea div.totalEvaluationArea div.evaluation, div.reviewTotalEvaluationArea.reviewPostMultipleReviewFlag-0 div.reviewPostArea div.totalEvaluationArea div.evaluation { display: none; } div.reviewPostArea div.relation { padding: 5px; } div.reviewPostArea div.relation span.relationTitle { font-size: 120%; padding: 0 10px; } div.reviewTotalEvaluationArea div.evaluationImageArea div.image { text-align: center; } div.reviewTotalEvaluationArea div.evaluationImageArea div.image img { width: 200px; padding: 3px; border-style: solid; border-width: 3px; border-color: #ddd; } div.reviewTotalEvaluationArea div.totalEvaluation { margin: 10px 0; padding: 3px 0; color: #3a95c0; border-style: solid; border-width: 1px; border-color: #ccc; background-color: #fff; } div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea { margin: 0 auto; } div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td { vertical-align: middle; text-align: center; } div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td.totalEvaluationTitle { font-size: 140%; font-weight: bold; color: #555; padding: 0 20px; vertical-align: middle; } div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td.totalEveluationTotalValue { color: #555; font-size: 160%; width: 100px; } div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td.totalEvaluationValue div.postEvaluationValue div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-0, div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td.totalEvaluationValue div.postEvaluationValue2 div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-0 { margin-left: 5px; } div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td.totalEvaluationValue div.postEvaluationValue div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-0:first-of-type, div.reviewTotalEvaluationArea div.totalEvaluation table.totalEvaluationListArea td.totalEvaluationValue div.postEvaluationValue2 div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-0:first-of-type { margin-left: 0; } div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td div.postEvaluationValue div.evaluationValue div.evaluationValueSmallItem.evaluationValueSmallItem-0, div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td div.postEvaluationValue2 div.evaluationValue div.evaluationValueSmallItem.evaluationValueSmallItem-0 { margin-left: 5px; } div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td div.postEvaluationValue div.evaluationValue div.evaluationValueSmallItem.evaluationValueSmallItem-0:first-of-type, div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td div.postEvaluationValue2 div.evaluationValue div.evaluationValueSmallItem.evaluationValueSmallItem-0:first-of-type { margin-left: 0; } div.reviewPostArea textarea.reviewComment { width: 100%; } div.reviewPostArea div.buttonArea { width: 300px; margin: 20px auto 0 auto; } div.reviewPostArea div.buttonArea input.btn { width: 100%; } div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea { width: 700px; margin: 0 auto; } div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td { padding: 5px 15px; } div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td div.evaluationTitle { color: #3a95c0; text-align: center; font-weight: bold; } div.reviewTotalEvaluationArea div.evaluation table.evaluationListArea td div.evaluationValue { text-align: center; } div.evaluationValue div.evaluationValueSmallItem, div.evaluationValue div.evaluationValueLargeItem { float: left; width: 18px; height: 34px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: contain; } /* Star Left Half Off */ div.evaluationValue div.evaluationValueSmallItem.evaluationValueSmallItem-0, div.evaluationValue div.evaluationValueSmallItemOff.evaluationValueSmallItem-0, div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-0, div.evaluationValue div.evaluationValueLargeItemOff.evaluationValueLargeItem-0 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjYgNDkuNywyNDIuMiA2NC43LDE1NC43IDEuMSw5Mi43IDg5LDc5LjkgMTI4LjgsLTAuNiAxMjguOCwtMC45ICIvPjwvZz48L3N2Zz4=); } /* Star Right Half Off */ div.evaluationValue div.evaluationValueSmallItem.evaluationValueSmallItem-1, div.evaluationValue div.evaluationValueSmallItemOff.evaluationValueSmallItem-1, div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-1 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwtMC45IDAsLTAuNiAzOS44LDc5LjkgMTI3LjcsOTIuNyA2NC4xLDE1NC43IDc5LjEsMjQyLjIgMCwyMDAuNiAwLDIwMC43IDAsMjAwLjcgMCwyMDAuNyAiLz48L2c+PC9zdmc+); } /* Star Left Half On */ div.evaluationValue div.evaluationValueSmallItemOn.evaluationValueSmallItem-0, div.evaluationValue div.evaluationValueLargeItemOn.evaluationValueLargeItem-0 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkRCNEM7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjYgNDkuNywyNDIuMiA2NC43LDE1NC43IDEuMSw5Mi43IDg5LDc5LjkgMTI4LjgsLTAuNiAxMjguOCwtMC45ICIvPjwvZz48L3N2Zz4=); } /* Star Right Half On */ div.evaluationValue div.evaluationValueSmallItemOn.evaluationValueSmallItem-1, div.evaluationValue div.evaluationValueLargeItemOn.evaluationValueLargeItem-1 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkRCNEM7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwtMC45IDAsLTAuNiAzOS44LDc5LjkgMTI3LjcsOTIuNyA2NC4xLDE1NC43IDc5LjEsMjQyLjIgMCwyMDAuNiAwLDIwMC43IDAsMjAwLjcgMCwyMDAuNyAiLz48L2c+PC9zdmc+); } /* Star Left Half On */ div.evaluationValue div.evaluationValueSmallItemSet.evaluationValueSmallItem-0, div.evaluationValue div.evaluationValueLargeItemSet.evaluationValueLargeItem-0 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkRCNEM7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjYgNDkuNywyNDIuMiA2NC43LDE1NC43IDEuMSw5Mi43IDg5LDc5LjkgMTI4LjgsLTAuNiAxMjguOCwtMC45ICIvPjwvZz48L3N2Zz4=); } /* Star Right Half On */ div.evaluationValue div.evaluationValueSmallItemSet.evaluationValueSmallItem-1, div.evaluationValue div.evaluationValueLargeItemSet.evaluationValueLargeItem-1 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkRCNEM7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwtMC45IDAsLTAuNiAzOS44LDc5LjkgMTI3LjcsOTIuNyA2NC4xLDE1NC43IDc5LjEsMjQyLjIgMCwyMDAuNiAwLDIwMC43IDAsMjAwLjcgMCwyMDAuNyAiLz48L2c+PC9zdmc+); } /* Star Left Half Off */ div.evaluationValue div.evaluationValueSmallItemOff.evaluationValueSmallItemSet.evaluationValueSmallItem-0, div.evaluationValue div.evaluationValueLargeItemOff.evaluationValueLargeItemSet.evaluationValueLargeItem-0 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjcgMTI4LjgsMjAwLjYgNDkuNywyNDIuMiA2NC43LDE1NC43IDEuMSw5Mi43IDg5LDc5LjkgMTI4LjgsLTAuNiAxMjguOCwtMC45ICIvPjwvZz48L3N2Zz4=); } /* Star Right Half Off */ div.evaluationValue div.evaluationValueSmallItemOff.evaluationValueSmallItemSet.evaluationValueSmallItem-1, div.evaluationValue div.evaluationValueLargeItemOff.evaluationValueLargeItemSet.evaluationValueLargeItem-1 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOC44IDI0My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjguOCAyNDMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMyMzIzMjM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PGc+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwtMC45IDAsLTAuNiAzOS44LDc5LjkgMTI3LjcsOTIuNyA2NC4xLDE1NC43IDc5LjEsMjQyLjIgMCwyMDAuNiAwLDIwMC43IDAsMjAwLjcgMCwyMDAuNyAiLz48L2c+PC9zdmc+); } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area { height: 30px; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-inner { float: left; width: 55%; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful { float: right; width: 45%; text-align: right; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-area table.common-list-item-evaluation-area-list { width: 100%; font-size: 100%; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-area table.common-list-item-evaluation-area-list td.review-helpful { text-align: right; padding-top: 10px; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-area table.common-list-item-evaluation-area-list td.review-operation { text-align: right; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-area table.common-list-item-evaluation-area-list td.itemEvaluationTitle { vertical-align: top; width: 140px; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-area table.common-list-item-evaluation-area-list td.itemEvaluationValue { word-wrap: break-word; word-break: break-all; } /* Helpful Button */ div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button { cursor: pointer; padding: 4px 12px; border-radius: 4px; border: solid 1px #c4c4c4; background: transparent; -webkit-appearance: none; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button:hover { background: #bfeeff; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button.helpful-on:hover { border-color: #09c; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button.helpful-on { border-color: #09c; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button.helpful-on span.txt, div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button.helpful-on span.count { color: #09c; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button span { vertical-align: middle; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button span.icon { position: relative; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-repeat: no-repeat; background-position: left center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjIzLjQ5NHB4IiBoZWlnaHQ9IjIwLjk2N3B4IiB2aWV3Qm94PSIwIDAgMjMuNDk0IDIwLjk2NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMuNDk0IDIwLjk2NyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjNUM2OTZGIiBkPSJNMTkuNDY4LDE5Ljk2N0gxMC4yNGMtMC45MjEsMC0yLjI0LTEuMTctMi4yNC0xLjk4NlY5LjgzM2MwLTAuMTgxLDAuMDk4LTAuMzQ4LDAuMjU2LTAuNDM3DQoJCUMxMC4wOTcsOC4zNjcsMTEuMDI4LDYuNTQsMTIsMy43MzhWMS4wNTRjMC0wLjA5MSwwLjAyNC0wLjE4LDAuMDcxLTAuMjU4QzEyLjM3NSwwLjI5LDEyLjg4OCwwLDEzLjQ4LDANCgkJYzAuNzI5LDAsMS40NjcsMC40MjQsMi4wMjcsMS4xNjNjMS4wMDYsMS4zMywxLjI1NCwzLjQyMSwwLjcwNyw1LjgwNWg0LjIxM2MwLjkzOCwwLDMuMDY2LDAuOTY1LDMuMDY2LDIuNTUzDQoJCWMwLDAuNTI0LTAuMDYxLDEuMzIyLTAuMzk1LDEuNzg5YzAuMjY0LDAuNzMyLDAuMzEzLDEuOTItMC40OTIsMi43NThjMC4wNjYsMS40MTItMC4yODksMi40MzgtMS4wMzksMw0KCQljLTAuMDEyLDAuNzQ2LTAuMzU3LDEuNjYtMC44NzMsMi4yNTJDMjAuMzI0LDE5Ljc0MywxOS45LDE5Ljk2NywxOS40NjgsMTkuOTY3eiBNOSwxMC4xMTl2Ny44NjINCgkJYzAuMDM3LDAuMjYsMC44MjIsMC45ODYsMS4yNCwwLjk4Nmg5LjIyOGMwLjEzMSwwLDAuMzAzLTAuMTExLDAuNDczLTAuMzA1YzAuNDA0LTAuNDY1LDAuNjg4LTEuMjg1LDAuNjE5LTEuNzkzDQoJCWMtMC4wMjktMC4yMDUsMC4wNzQtMC40MDgsMC4yNTgtMC41MDhjMC44MTEtMC40MzYsMC44MzQtMS43MjksMC43NzctMi40NjFjLTAuMDEyLTAuMTYsMC4wNTUtMC4zMTgsMC4xNzgtMC40MjINCgkJYzAuNzI3LTAuNjA3LDAuNTAyLTEuNzEzLDAuMjkzLTIuMDI5Yy0wLjA5LTAuMTM3LTAuMTA1LTAuMzA5LTAuMDQ1LTAuNDYxYzAuMDYxLTAuMTUsMC4xOTEtMC4yNjMsMC4zNS0wLjMwMQ0KCQljLTAuMDIxLTAuMDI3LDAuMTIzLTAuNDMzLDAuMTIzLTEuMTY3YzAtMC44MTQtMS40ODYtMS41NTMtMi4wNjYtMS41NTNIMTUuNTdjLTAuMTU2LDAtMC4zMDUtMC4wNzMtMC4zOTgtMC4xOTgNCgkJcy0wLjEyNS0wLjI4Ny0wLjA4Mi0wLjQzOGMwLjk0MS0zLjMyNiwwLjA0Ny01LTAuMzgxLTUuNTY1QzE0LjE2OSwxLjA1MSwxMy4zNjUsMC43ODMsMTMsMS4yMTJ2Mi42MQ0KCQljMCwwLjA1Ni0wLjAwOCwwLjExLTAuMDI3LDAuMTYzQzExLjk4MSw2Ljg2LDEwLjk1OCw4LjkwNiw5LDEwLjExOXoiLz4NCgk8cGF0aCBmaWxsPSIjNUM2OTZGIiBkPSJNNy4yNDYsMjAuOTY3SDEuNzU0QzAuNzg3LDIwLjk2NywwLDIwLjE4MiwwLDE5LjIxNVY4LjcyMWMwLTAuOTY3LDAuNzg3LTEuNzUzLDEuNzU0LTEuNzUzaDUuNDkyDQoJCUM4LjIxMyw2Ljk2OCw5LDcuNzU0LDksOC43MjF2MTAuNDk1QzksMjAuMTgyLDguMjEzLDIwLjk2Nyw3LjI0NiwyMC45Njd6IE0xLjc1NCw3Ljk2OEMxLjMzOCw3Ljk2OCwxLDguMzA2LDEsOC43MjF2MTAuNDk1DQoJCWMwLDAuNDE0LDAuMzM4LDAuNzUyLDAuNzU0LDAuNzUyaDUuNDkyQzcuNjYyLDE5Ljk2Nyw4LDE5LjYyOSw4LDE5LjIxNVY4LjcyMWMwLTAuNDE1LTAuMzM4LTAuNzUzLTAuNzU0LTAuNzUzSDEuNzU0eiIvPg0KPC9nPg0KPC9zdmc+DQo='); background-size: contain; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button span.txt { color: #484848; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button.disabled span.txt { color: #ccc; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button span.count { margin-left: 10px; padding-left: 10px; font-weight: bold; border-left: solid 1px #dce0e0; } div.common-list-item div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button span.icon:after { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; visibility: hidden; background-repeat: no-repeat; background-position: left center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjIzLjQ5NHB4IiBoZWlnaHQ9IjIwLjk2N3B4IiB2aWV3Qm94PSIwIDAgMjMuNDk0IDIwLjk2NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMuNDk0IDIwLjk2NyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjNUM2OTZGIiBkPSJNMTkuNDY4LDE5Ljk2N0gxMC4yNGMtMC45MjEsMC0yLjI0LTEuMTctMi4yNC0xLjk4NlY5LjgzM2MwLTAuMTgxLDAuMDk4LTAuMzQ4LDAuMjU2LTAuNDM3DQoJCUMxMC4wOTcsOC4zNjcsMTEuMDI4LDYuNTQsMTIsMy43MzhWMS4wNTRjMC0wLjA5MSwwLjAyNC0wLjE4LDAuMDcxLTAuMjU4QzEyLjM3NSwwLjI5LDEyLjg4OCwwLDEzLjQ4LDANCgkJYzAuNzI5LDAsMS40NjcsMC40MjQsMi4wMjcsMS4xNjNjMS4wMDYsMS4zMywxLjI1NCwzLjQyMSwwLjcwNyw1LjgwNWg0LjIxM2MwLjkzOCwwLDMuMDY2LDAuOTY1LDMuMDY2LDIuNTUzDQoJCWMwLDAuNTI0LTAuMDYxLDEuMzIyLTAuMzk1LDEuNzg5YzAuMjY0LDAuNzMyLDAuMzEzLDEuOTItMC40OTIsMi43NThjMC4wNjYsMS40MTItMC4yODksMi40MzgtMS4wMzksMw0KCQljLTAuMDEyLDAuNzQ2LTAuMzU3LDEuNjYtMC44NzMsMi4yNTJDMjAuMzI0LDE5Ljc0MywxOS45LDE5Ljk2NywxOS40NjgsMTkuOTY3eiBNOSwxMC4xMTl2Ny44NjINCgkJYzAuMDM3LDAuMjYsMC44MjIsMC45ODYsMS4yNCwwLjk4Nmg5LjIyOGMwLjEzMSwwLDAuMzAzLTAuMTExLDAuNDczLTAuMzA1YzAuNDA0LTAuNDY1LDAuNjg4LTEuMjg1LDAuNjE5LTEuNzkzDQoJCWMtMC4wMjktMC4yMDUsMC4wNzQtMC40MDgsMC4yNTgtMC41MDhjMC44MTEtMC40MzYsMC44MzQtMS43MjksMC43NzctMi40NjFjLTAuMDEyLTAuMTYsMC4wNTUtMC4zMTgsMC4xNzgtMC40MjINCgkJYzAuNzI3LTAuNjA3LDAuNTAyLTEuNzEzLDAuMjkzLTIuMDI5Yy0wLjA5LTAuMTM3LTAuMTA1LTAuMzA5LTAuMDQ1LTAuNDYxYzAuMDYxLTAuMTUsMC4xOTEtMC4yNjMsMC4zNS0wLjMwMQ0KCQljLTAuMDIxLTAuMDI3LDAuMTIzLTAuNDMzLDAuMTIzLTEuMTY3YzAtMC44MTQtMS40ODYtMS41NTMtMi4wNjYtMS41NTNIMTUuNTdjLTAuMTU2LDAtMC4zMDUtMC4wNzMtMC4zOTgtMC4xOTgNCgkJcy0wLjEyNS0wLjI4Ny0wLjA4Mi0wLjQzOGMwLjk0MS0zLjMyNiwwLjA0Ny01LTAuMzgxLTUuNTY1QzE0LjE2OSwxLjA1MSwxMy4zNjUsMC43ODMsMTMsMS4yMTJ2Mi42MQ0KCQljMCwwLjA1Ni0wLjAwOCwwLjExLTAuMDI3LDAuMTYzQzExLjk4MSw2Ljg2LDEwLjk1OCw4LjkwNiw5LDEwLjExOXoiLz4NCgk8cGF0aCBmaWxsPSIjNUM2OTZGIiBkPSJNNy4yNDYsMjAuOTY3SDEuNzU0QzAuNzg3LDIwLjk2NywwLDIwLjE4MiwwLDE5LjIxNVY4LjcyMWMwLTAuOTY3LDAuNzg3LTEuNzUzLDEuNzU0LTEuNzUzaDUuNDkyDQoJCUM4LjIxMyw2Ljk2OCw5LDcuNzU0LDksOC43MjF2MTAuNDk1QzksMjAuMTgyLDguMjEzLDIwLjk2Nyw3LjI0NiwyMC45Njd6IE0xLjc1NCw3Ljk2OEMxLjMzOCw3Ljk2OCwxLDguMzA2LDEsOC43MjF2MTAuNDk1DQoJCWMwLDAuNDE0LDAuMzM4LDAuNzUyLDAuNzU0LDAuNzUyaDUuNDkyQzcuNjYyLDE5Ljk2Nyw4LDE5LjYyOSw4LDE5LjIxNVY4LjcyMWMwLTAuNDE1LTAuMzM4LTAuNzUzLTAuNzU0LTAuNzUzSDEuNzU0eiIvPg0KPC9nPg0KPC9zdmc+DQo='); background-size: contain; } div.common-list-item[data-helpful-start="1"] div.common-list-item-inner div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner div.common-list-item-date-area div.common-list-item-date-review-helpful button span.icon:after { -webkit-animation: review-helpful-icon 1.0s ease forwards; animation: review-helpful-icon 1.0s ease forwards; } @-webkit-keyframes review-helpful-icon { 0% { opacity: 1; visibility: visible; display: inline-block; } 99% { -webkit-transform: scale(4.0); -moz-transform: scale(4.0); -ms-transform: scale(4.0); -o-transform: scale(4.0); transform: scale(4.0); opacity: 0; } 100% { display: none; visibility: hidden; } } @keyframes review-helpful-icon { 0% { opacity: 1; visibility: visible; display: inline-block; } 99% { -webkit-transform: scale(4.0); -moz-transform: scale(4.0); -ms-transform: scale(4.0); -o-transform: scale(4.0); transform: scale(4.0); opacity: 0; } 100% { display: none; visibility: hidden; } } div.evaluationValue div.evaluationValueLargeItem { width: 28px; height: 55px; } /* div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-0 { background-position: -55px 0; } div.evaluationValue div.evaluationValueLargeItem.evaluationValueLargeItem-1 { background-position: -83px 0; } div.evaluationValue div.evaluationValueLargeItemOff.evaluationValueLargeItem-0 { background-position: -55px 0; } div.evaluationValue div.evaluationValueLargeItemOff.evaluationValueLargeItem-1 { background-position: -83px 0; } */ div.review-select-area { margin: 5px; text-align: right; } div.review-select-area a.view { } div.review-no-data-area { } div.review-no-data-area div.review-no-data-area-inner { width: 600px; text-align: center; margin: 0 auto; padding: 20px; border-style: solid; border-width: 1px; border-color: #aaa; background-color: #fff; } div.review-no-data-area div.review-no-data-area-inner div.review-no-data-button { margin-top: 10px; } /* Translate Button */ div.translate-area div.translate-button-area div.loading { position: relative; height: 40px; } div.translate-area div.translate-button-area div.loading div.loading-inner { position: absolute; width: 100%; height: 100%; text-align: right; opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; } div.translate-area div.translate-button-area div.loading div.loading-inner button { color: #666; padding: 5px 10px; border: solid 1px #666; border-radius: 3px; background: transparent; cursor: pointer; -webkit-appearance: none; } div.translate-area div.translate-button-area div.loading div.loading-inner button:hover { background: #eee; } div.translate-area div.translate-button-area div.loading div.loading-inner div.loading-inner-message { display: inline-block; color: #666; padding: 3px 10px; border: solid 1px #666; border-radius: 3px; } div.translate-area div.translate-button-area div.loading div.loading-inner div.common-loading-icon { vertical-align: middle; } div.translate-area div.translate-button-area div.loading div.loading-inner div.message { display: inline; margin-left: 3px; vertical-align: middle; } div.translate-area div.translate-button-area div.loading div.loading-inner div.saved-icon { position: relative; display: inline-block; width: 16px; height: 16px; vertical-align: middle; } div.translate-area div.translate-button-area div.loading div.loading-inner div.saved-icon:before, div.translate-area div.translate-button-area div.loading div.loading-inner div.saved-icon:after { display: none; } div.translate-area[data-loading-state="0"] div.translate-button-area div.loading div.loading-inner[data-loading-state="0"], div.translate-area[data-loading-state="1"] div.translate-button-area div.loading div.loading-inner[data-loading-state="1"], div.translate-area[data-loading-state="2"] div.translate-button-area div.loading div.loading-inner[data-loading-state="2"], div.translate-area[data-loading-state="3"] div.translate-button-area div.loading div.loading-inner[data-loading-state="3"] { display: block; opacity: 1.0; visibility: visible; } div.translate-area[data-loading-state="2"] div.translate-button-area div.loading div.loading-inner[data-loading-state="2"] div.loading-inner-message div.saved-icon circle.success-fg { animation: success-circle 0.5s ease forwards; } div.translate-area[data-loading-state="2"] div.translate-button-area div.loading div.loading-inner[data-loading-state="2"] div.loading-inner-message div.saved-icon div.success-area:before { animation: success-checkmark-left 0.2s ease 0.5s forwards; } div.translate-area[data-loading-state="2"] div.translate-button-area div.loading div.loading-inner[data-loading-state="2"] div.loading-inner-message div.saved-icon div.success-area:after { animation: success-checkmark-right 0.2s ease 0.7s forwards; } circle.success-bg { fill: none; stroke: #ddd; } circle.success-fg { fill: none; stroke-dasharray: 471.239px; stroke-dashoffset: 0; } div.success-area { position: relative; } div.success-area:before, div.success-area:after { content: ''; position: absolute; display: block; width: 10px; background: #3d3; } div.success-area:before { top: 90px; left: 40px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform-origin: left top; } div.success-area:after { left: 65px; bottom: 56px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform-origin: left bottom; } div.success-area { transform-origin: left top; transform: scale(0.11); } div.success-area svg.success-svg { width: 160px; height: 160px; } @keyframes success-circle { 0% { stroke-dashoffset: 472; } 100% { stroke-dashoffset: 0; } } @keyframes success-checkmark-left { 0% { height: 0; } 100% { height: 40px; } } @keyframes success-checkmark-right { 0% { height: 0; } 100% { height: 80px; } }