/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');
@import url("https://blogfonts.com/css/aWQ9MTI3OCZzdWI9Mjc4JmM9YiZ0dGY9YmVybGluLnJlZ3VsYXIudHRmJm49YmVybGluLXJlZ3VsYXI/Berlin Regular.ttf" rel="stylesheet" type="text/css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');

/*default_shop css*/

@charset "utf-8";

/* SIR 지운아빠 */


/* 초기화 */


/*html {}

body {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-family: dotum
}*/


/* Nhat custom scrollbar */

/*html ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}*/

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    margin: 0;
    padding: 0;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    /*font-family: dotum*/
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

#hd ul,
nav ul,
#ft ul {
    margin: 0;
    padding: 0;
    list-style: none
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

label,
input,
button,
select,
img {
    vertical-align: middle
}

input,
button {
    margin: 0;
    padding: 0;
    font-family: dotum;
    font-size: 1em
}

button {
    cursor: pointer
}

select {
    margin: 0
}

p {
    margin: 0;
    padding: 0;
}

hr {
    display: none
}

pre {
    overflow-x: scroll;
    font-size: 1.1em
}

a:link,
a:visited {
    color: #000;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: crimson;
    text-decoration: none
}


/* 팝업레이어 */

#hd_pop {
    z-index: 99999;
    position: relative;
    margin: 0 auto;
    width: 970px;
    height: 0;
    max-width: 100%;
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff
}

.hd_pops_con {}

.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right
}

.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff
}


/* 화면낭독기 사용자용 */

#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.msg_sound_only,
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important
}


/* 본문 바로가기 */

#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
    width: 100%;
    height: 75px;
    background: #21272e;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 3.3em
}


/* 이미지 등비율 리사이징 */

.img_fix {
    width: 100%;
    height: auto
}


/* 캡챠 자동등록(입력)방지 기본 -pc */

#captcha {
    display: inline-block;
    position: relative
}

#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

#captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    vertical-align: top;
    padding: 0;
    margin: 0
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    ;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
}

#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha.png') no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px
}

#captcha #captcha_key {
    margin: 0 0 0 33px;
    padding: 0 5px;
    width: 70px;
    height: 60px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em;
    vertical-align: top
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}


/* 캡챠 자동등록(입력)방지 기본 - mobile */

#captcha.m_captcha audio {
    display: block;
    margin: 0 0 5px;
    width: 187px
}

#captcha.m_captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    margin-bottom: 3px;
    margin-top: 5px;
    display: block;
}

#captcha.m_captcha #captcha_reload {
    position: static;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../../../img/captcha.png') no-repeat 0 -30px;
    text-indent: -999px
}

#captcha.m_captcha #captcha_reload span {
    display: none;
}

#captcha.m_captcha #captcha_key {
    margin: 0;
    padding: 0 5px;
    width: 115px;
    height: 29px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 29px;
    margin-left: 3px
}

#captcha.m_captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#captcha.m_captcha #captcha_mp3 {
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border: none
}


/* ckeditor 단축키 */

.cke_sc {
    margin: 0 0 5px;
    text-align: right
}

.btn_cke_sc {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #ccc !important;
    background: #fafafa !important;
    color: #000 !important;
    text-decoration: none !important;
    line-height: 1.9em;
    vertical-align: middle
}

.cke_sc_def {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f2f5f9;
    text-align: center
}

.cke_sc_def dl {
    margin: 0 0 5px;
    text-align: left;
    zoom: 1
}

.cke_sc_def dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
    float: left;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
    width: 20%;
    font-weight: bold
}

.cke_sc_def dd {
    width: 30%
}

.btn_cke_sc_close {
    background: #333;
    padding: 5px;
    border: none;
    color: #fff
}


/* 목록 바로가기 */

.sanchor {
    margin: 0 0 10px;
    padding: 0;
    zoom: 1
}

.sanchor:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.sanchor li {
    float: left;
    margin-left: -1px;
    list-style: none
}

.sanchor a {
    display: inline-block;
    border: 1px solid #e9e9e9;
    background: #f2f5f9;
    padding: 0 7px;
    height: 30px;
    text-decoration: none;
    line-height: 2.6em
}

.sanchor a:focus,
.sanchor a:hover {
    background: #626870;
    color: #fff;
    text-decoration: none
}

.sanchor a.sanchor_on {
    background: #626870;
    color: #fff !important;
    text-decoration: none
}


/* 콘텐츠별 스타일 */

.cnt_cmt {
    display: inline-block;
    margin: 0 0 0 3px;
    font-weight: bold
}


/* 버튼 */

a.btn01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
    text-decoration: none
}

button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none
}

a.btn02 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
    text-decoration: none
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none
}

.btn_confirm {
    text-align: center
}


/* 서식단계 진행 */

.btn_submit {
    padding: 8px;
    border: 0;
    background: #ff3061;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer
}

fieldset .btn_submit {
    padding: 0 7px;
    height: 24px;
    line-height: 1em
}

a.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

button.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    vertical-align: top;
    text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 24px;
    border: 0;
    background: #333;
    color: #fff;
    letter-spacing: -0.1em;
    text-decoration: none;
    vertical-align: middle
}


/* 우편번호검색버튼 등 */

a.btn_frmline {
    line-height: 24px
}

button.btn_frmline {
    font-size: 1em
}


/* 게시판용 버튼 */

a.btn_b01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #d9ded9;
    background: #f2f5f9;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b01:focus,
.btn_b01:hover {
    text-decoration: none
}

a.btn_b02 {
    display: inline-block;
    padding: 7px 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b02:focus,
.btn_b02:hover {
    text-decoration: none
}

a.btn_admin {
    display: inline-block;
    padding: 7px;
    border: 1px solid #e8180c;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}


/* 관리자 전용 버튼 */

a.btn_admin:focus,
a.btn_admin:hover {
    text-decoration: none
}


/* 선택수정 버튼 */

.btn_list {
    margin: 0 auto;
    width: 93%
}

.btn_list input,
.btn_list button {
    background: none repeat scroll 0 0 #617D46;
    border: 0 none;
    color: #FFFFFF;
    height: 28px;
    line-height: 2.2em;
    padding: 0 15px;
    vertical-align: middle
}


/* 기본테이블 */

.tbl_wrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_wrap caption {
    padding: 10px 0;
    font-weight: bold;
    text-align: left
}

.tbl_head01 {
    margin: 0 0 10px
}

.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head01 thead th {
    padding: 12px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head01 thead a {
    color: #383838
}

.tbl_head01 thead th input {
    vertical-align: top
}


/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head01 tbody th {
    padding: 8px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
    padding: 8px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.5em;
    word-break: break-all
}

.tbl_head01 a {}

.tbl_head02 {
    margin: 0 0 10px
}

.tbl_head02 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head02 thead th {
    padding: 5px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head02 thead a {
    color: #383838
}

.tbl_head02 thead th input {
    vertical-align: top
}


/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head02 tbody th {
    padding: 5px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
    padding: 5px 3px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.4em;
    word-break: break-all
}

.tbl_head02 a {}


/* 폼 테이블 */

.tbl_frm01 {
    margin: 0 0 20px
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_frm01 th {
    width: 100px;
    padding: 7px 13px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f7f7f7;
    text-align: left
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: transparent
}

.tbl_frm01 textarea,
.frm_input {
    border: 1px solid #e4eaec;
    background: #f7f7f7;
    color: #000;
    vertical-align: middle;
    line-height: 2em
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 22px
}

.tbl_frm01 textarea {
    width: 98%;
    height: 100px
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_address {
    margin-top: 5px
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}


/* 자료 없는 목록 */

.empty_table {
    padding: 50px 0 !important;
    text-align: center
}

.empty_list {
    padding: 20px 0 !important;
    text-align: center
}


/* 필수입력 */

.required,
textarea.required {
    background: url('../img/wrest.gif') #f7f7f7 top right no-repeat !important
}


/* 테이블 그리드 padding 0 5px 고려한 넓이 */

.grid_1 {
    width: 40px
}

.grid_2 {
    width: 90px
}

.grid_3 {
    width: 140px
}

.grid_4 {
    width: 190px
}

.grid_5 {
    width: 240px
}

.grid_6 {
    width: 290px
}

.grid_7 {
    width: 340px
}

.grid_8 {
    width: 390px
}

.grid_9 {
    width: 440px
}

.grid_10 {
    width: 490px
}

.grid_11 {
    width: 540px
}

.grid_12 {
    width: 590px
}

.grid_13 {
    width: 640px
}

.grid_14 {
    width: 690px
}

.grid_15 {
    width: 740px
}

.grid_16 {
    width: 790px
}

.grid_17 {
    width: 840px
}

.grid_18 {
    width: 890px
}


/* 테이블 항목별 정의 */

.td_board {
    width: 120px;
    text-align: center
}

.td_chk {
    width: 30px;
    text-align: center
}

.td_date {
    width: 60px;
    text-align: center
}

.td_datetime {
    width: 110px;
    text-align: center
}

.td_default {
    width: 60px;
    text-align: center
}

.td_dvr {
    width: 30px;
    text-align: center
}

.td_group {
    width: 100px;
    text-align: center
}

.td_imgsmall {
    width: 60px;
    text-align: center
}

.td_num {
    width: 50px;
    text-align: center
}

.td_numbig {
    width: 100px;
    text-align: center
}

.td_nick {
    width: 100px;
    text-align: center
}

.td_name {
    width: 100px;
    text-align: left
}

.td_namesmall {
    width: 50px;
    text-align: left
}

.td_mb_id {
    width: 100px;
    text-align: center
}

.td_mng {
    width: 80px;
    text-align: center
}

.td_mngsmall {
    width: 50px;
    text-align: center
}

.td_statsmall {
    width: 50px;
    text-align: center
}


/* 새창 기본 스타일 */

.new_win {}

.new_win .tbl_wrap {
    margin: 0 20px
}

.new_win #win_title {
    margin: 0 0 20px;
    padding: 20px;
    border-top: 3px solid #4e5d60;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    font-size: 1.2em
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em
}

.new_win .win_ul {
    margin: -20px 0 20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #455255;
    background: #484848;
    list-style: none;
    zoom: 1
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_ul li {
    float: left;
    margin-left: -1px
}

.new_win .win_ul a {
    display: block;
    padding: 10px 10px 8px;
    border-right: 1px solid #455255;
    border-left: 1px solid #455255;
    color: #fff;
    font-family: dotum;
    font-weight: bold;
    text-decoration: none
}

.new_win .win_desc {
    margin: 0 20px
}

.new_win .win_btn {
    clear: both;
    padding: 20px;
    text-align: center
}


/* 새창용 */

.new_win .win_btn button {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 0;
    background: #4b545e;
    color: #fff;
    line-height: 2em;
    cursor: pointer
}

.new_win .win_btn input {
    padding: 0 10px;
    height: 30px;
    line-height: 2em
}

.new_win .win_btn a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    background: #4b545e;
    color: #fff;
    vertical-align: middle;
    line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
    text-decoration: none
}


/* 내용관리 */

#ctt {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e9e9e9
}

.ctt_admin {
    text-align: right
}

#ctt header h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#ctt_con {
    padding: 10px 0
}

.ctt_img {
    text-align: center
}


/* 자바스크립트 alert 대안 */

#validation_check {
    margin: 100px auto;
    width: 500px
}

#validation_check h1 {
    margin-bottom: 20px;
    font-size: 1.3em
}

#validation_check p {
    margin-bottom: 20px;
    padding: 30px 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}


/* 사이드뷰 */

.sv_wrap {
    display: inline-block;
    position: relative;
    font-weight: normal
}

.sv_wrap .sv {
    z-index: 1000;
    display: none;
    margin: 5px 0 0;
    border: 1px solid #283646;
    background: #111
}

.sv_wrap .sv a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 3px !important;
    width: 94px;
    border-bottom: 1px solid #283646;
    color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
    text-decoration: none !important
}

.sv_on {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 20px;
    width: auto;
    height: auto !important
}

.sv_nojs .sv {
    display: block
}


/* 페이징 */

.pg_wrap {
    clear: both;
    margin: 0 0 20px;
    padding: 20px 0 0;
    text-align: center
}

.pg {}

.pg_page,
.pg_current,
.qa_page {
    display: inline-block;
    padding: 0 8px;
    height: 25px;
    color: #000;
    letter-spacing: 0;
    line-height: 2.2em;
    vertical-align: middle
}

.pg a:focus,
.pg a:hover {
    text-decoration: none
}

.pg_page,
.qa_page {
    background: #e4eaec;
    text-decoration: none
}

.pg_start,
.pg_prev {
    /* 이전 */
}

.pg_end,
.pg_next {
    /* 다음 */
}

.pg_current {
    display: inline-block;
    margin: 0 4px 0 0;
    background: #333;
    color: #fff;
    font-weight: normal
}


/*메일인증*/

.rg_em {
    margin-top: 5px
}

.rg_em caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}


/*캡챠 모바일에서 피시버젼*/

#captcha.m_captcha audio {
    display: block;
    margin: 5px 0 10px;
}

#captcha.m_captcha #captcha_key {
    margin-left: 3px
}

#captcha.m_captcha #captcha_reload span {
    background: none;
    display: inline
}

#captcha.m_captcha #captcha_reload {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 10px;
    height: 43px;
    border: 0;
    background: #e4eaec;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}


/* ########## 쇼핑몰 컨텐츠 ########## */


/* 주문서 작성 */

.display_setup_message {
    margin: 0 0 10px;
    padding: 15px;
    border: 1px solid #fccdff;
    background: #ffeef9
}

.display_setup_message strong {
    display: block;
    margin: 0 0 10px
}

.KPAY {
    background: url('../img/kpay_logo.png') no-repeat;
    width: 37px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
}

.PAYNOW {
    background: url('../img/paynow_logo.png') no-repeat;
    width: 46px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
}

.PAYCO {
    background: url('../img/payco_logo.png') no-repeat 1px;
    width: 46px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
}

.kakaopay_icon {
    background: url('../img/kakao.png') no-repeat;
    height: 21px;
    width: 74px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px
}

#display_pay_process {
    padding: 20px;
    text-align: center
}

#display_pay_process span {
    display: block;
    margin: 5px 0 0
}


/* 주문상세내역 중 현금영수증 발급 */

#scash {}

#scash section {
    padding: 10px 0
}

#scash h2 {
    margin: 0 0 10px;
    text-align: center
}

#scash .basic_tbl th {
    padding: 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f2f5f9;
    text-align: left
}

#scash_apply {
    padding: 10px 0 20px;
    text-align: center
}

#scash_apply button {
    padding: 10px;
    border: 0;
    background: #565e60;
    color: #fff
}

#scash_copy {
    text-align: center
}

.bx-controls-direction img {
    margin-left: 5px;
}

.bx-controls.bx-has-controls-direction {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
}

.rh-store-item1 img {
    /* Nhat */
    /* OLDER */
    /* height: 105px; */
    /* New */
    height: 100%;
    max-width: 100%;
}

.store-item-image {
    text-align: center;
    width: 105px;
    height: 105px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

.rh-store-item1 p>a {
    color: #333;
}

.r_n_title_product {
    margin-bottom: 7px;
}

.rh-store-item1 del {
    color: #aaa;
    font-size: 12px;
    margin-bottom: -17px;
    line-height: 13px;
}

.rh-store-item1 .r_n_title_product a {
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 18px;
}

.rh-top-mart .bx-pager-item a {
    font-size: 0px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    position: relative;
    top: -6px;
}

.rh-top-mart .bx-pager-item:hover,
.rh-top-mart .bx-pager-item .active {
    background: #ff4848;
}


/*default css*/


/*@charset "utf-8";*/


/* SIR 지운아빠 */


/* 초기화 */


/*body {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-family: 'Roboto', sans-serif
}*/

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    margin: 0;
    padding: 0;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

#hd ul,
nav ul,
#ft ul {
    margin: 0;
    padding: 0;
    list-style: none
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

label,
input,
button,
select,
img {
    vertical-align: middle
}

input,
button {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1em
}

button {
    cursor: pointer
}

textarea,
select {
    font-family: 'Roboto', sans-serif;
    font-size: 1em
}

select {
    margin: 0
}

p {
    margin: 0;
    padding: 0;
}

hr {
    display: none
}

pre {
    overflow-x: scroll;
    font-size: 1.1em
}

a:link,
a:visited {
    color: #424242;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: crimson;
    text-decoration: none
}


/* 팝업레이어 */

#hd_pop {
    z-index: 99999;
    position: relative;
    margin: 0 auto;
    width: 970px;
    height: 0;
    max-width: 100%;
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff
}

.hd_pops_con {}

.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right
}

.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff
}


/* 게시물 선택복사 선택이동 */

#copymove {}

.copymove_current {
    float: right;
    color: #ff3061
}

.copymove_currentbg {
    background: #f4f4f4
}


/* 화면낭독기 사용자용 */

#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.msg_sound_only,
.sound_only {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    width: 0;
}


/* 본문 바로가기 */

#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
    width: 100%;
    height: 75px;
    background: #21272e;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 3.3em
}


/* ie6 이미지 너비 지정 */

.img_fix {
    width: 100%;
    height: auto
}


/* 캡챠 자동등록(입력)방지 기본 -pc */

#captcha {
    display: inline-block;
    position: relative
}

#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

#captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    vertical-align: top;
    padding: 0;
    margin: 0
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    ;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
}

#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha.png') no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px
}

#captcha #captcha_key {
    margin: 0 0 0 33px;
    padding: 0 5px;
    width: 70px;
    height: 60px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em;
    vertical-align: top
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}


/* 캡챠 자동등록(입력)방지 기본 - mobile */

#captcha.m_captcha audio {
    display: block;
    margin: 0 0 5px;
    width: 187px
}

#captcha.m_captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    margin-bottom: 3px;
    margin-top: 5px;
    display: block;
}

#captcha.m_captcha #captcha_reload {
    position: static;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../../../img/captcha.png') no-repeat 0 -30px;
    text-indent: -999px
}

#captcha.m_captcha #captcha_reload span {
    display: none;
}

#captcha.m_captcha #captcha_key {
    margin: 0;
    padding: 0 5px;
    width: 115px;
    height: 29px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 29px;
    margin-left: 3px
}

#captcha.m_captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#captcha.m_captcha #captcha_mp3 {
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border: none
}


/* ckeditor 단축키 */

.cke_sc {
    margin: 0 0 5px;
    text-align: right
}

.btn_cke_sc {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    line-height: 1.9em;
    vertical-align: middle;
    cursor: pointer
}

.cke_sc_def {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center
}

.cke_sc_def dl {
    margin: 0 0 5px;
    text-align: left;
    zoom: 1
}

.cke_sc_def dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
    float: left;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
    width: 20%;
    font-weight: bold
}

.cke_sc_def dd {
    width: 30%
}

.btn_cke_sc_close {
    background: #333;
    padding: 5px;
    border: none;
    color: #fff
}


/* 버튼 */

a.btn01 {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
    color: #000;
    text-decoration: none
}

button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none
}

button.btn01:focus,
button.btn01:hover {
    color: #fff;
}

a.btn02 {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
    color: #fff;
    text-decoration: none
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none
}

button.btn02:focus,
button.btn02:hover {
    color: #fff;
}

.btn_confirm {
    text-align: center
}


/* 서식단계 진행 */

.btn_submit {
    padding: 7px;
    line-height: 12px;
    border: 0;
    background: #ff3061;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer
}

fieldset .btn_submit {
    padding: 6px 7px;
    line-height: 12px;
    vertical-align: middle;
}

a.btn_cancel {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

button.btn_cancel {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    vertical-align: top;
    text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 24px;
    border: 0;
    background: #333;
    color: #fff;
    letter-spacing: -0.1em;
    text-decoration: none;
    vertical-align: top
}


/* 우편번호검색버튼 등 */

a.btn_frmline {
    line-height: 24px
}

button.btn_frmline {
    font-size: 1em
}


/* 게시판용 버튼 */

a.btn_b01 {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #d9ded9;
    background: #f2f5f9;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b01:focus,
.btn_b01:hover {
    color: #000;
    text-decoration: none
}

a.btn_b02 {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b02:focus,
.btn_b02:hover {
    color: #fff;
    text-decoration: none
}

a.btn_admin {
    display: inline-block;
    padding: 7px;
    line-height: 12px;
    border: 1px solid #e8180c;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}


/* 관리자 전용 버튼 */

a.btn_admin:focus,
a.btn_admin:hover {
    color: #fff;
    text-decoration: none
}

.btn_bo_adm input {
    line-height: 12px;
    padding: 7px;
}


/* 댓글 스타일 */

.cnt_cmt {
    display: inline-block;
    margin: 0 0 0 3px;
    font-weight: bold
}

#bo_vc h2 {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

#bo_vc_w ol {
    padding: 0;
    margin: 0;
    list-style: none;
}


/* 글내용 */

#bo_v_title {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 18px;
}

#bo_v_link li {
    line-height: 14px;
}


/* 기본테이블 */

#container_title {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

#gall_ul {
    line-height: 16px;
}

#gall_ul .gall_text_href {
    line-height: 22px;
}

.tbl_wrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_wrap caption {
    padding: 10px 0;
    font-weight: bold;
    text-align: left
}

.tbl_head01 {
    margin: 0 0 10px
}

.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head01 thead th {
    padding: 12px 0;
    line-height: 12px;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head01 thead a {
    color: #383838
}

.tbl_head01 thead th input {
    vertical-align: top
}


/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head01 tbody th {
    padding: 8px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
    padding: 8px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.5em;
}

.tbl_head01 a {}

.tbl_head02 {
    margin: 0 0 10px
}

.tbl_head02 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head02 thead th {
    padding: 5px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head02 thead a {
    color: #383838
}

.tbl_head02 thead th input {
    vertical-align: top
}


/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head02 tbody th {
    padding: 5px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
    padding: 5px 3px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.4em;
}

.tbl_head02 a {}

#fboardlist a.bo_cate_link {
    font-weight: normal;
}

#fboardlist input[type=checkbox] {
    outline-offset: 0px;
    outline: 0px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

#bo_sch legend {
    border: 0;
}


/* 폼 테이블 */

.tbl_frm01 {
    margin: 0 0 20px
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_frm01 th {
    width: 70px;
    padding: 7px 13px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f5f8f9;
    text-align: left;
    white-space: nowrap;
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: transparent
}

.tbl_frm01 textarea,
.frm_input {
    border: 1px solid #e4eaec;
    background: #f7f7f7;
    color: #000;
    vertical-align: middle;
    line-height: 2em
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 22px
}

.tbl_frm01 textarea {
    width: 98%;
    height: 100px
}

.tbl_frm01 input[type=checkbox] {
    outline-offset: 0px;
    outline: 0px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.tbl_frm01 th label {
    font-weight: bold;
    vertical-align: middle;
    margin: 0;
}

.tbl_frm01 td label {
    font-weight: normal;
    vertical-align: middle;
    margin: 0;
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}


/* 자료 없는 목록 */

.empty_table {
    padding: 50px 0 !important;
    text-align: center
}

.empty_list {
    padding: 20px 0 !important;
    text-align: center
}


/* 필수입력 */

.required,
textarea.required {
    background: none !important;
    color: #7b7b7b
}


/* 테이블 항목별 정의 */

.td_board {
    width: 120px;
    text-align: center
}

.td_category {
    width: 80px;
    text-align: center
}

.td_chk {
    width: 30px;
    text-align: center
}

.td_date {
    width: 60px;
    text-align: center
}

.td_datetime {
    width: 110px;
    text-align: center
}

.td_group {
    width: 100px;
    text-align: center
}

.td_mb_id {
    width: 100px;
    text-align: center
}

.td_mng {
    width: 80px;
    text-align: center
}

.td_name {
    width: 100px;
    text-align: left
}

.td_nick {
    width: 100px;
    text-align: center
}

.td_num {
    width: 50px;
    text-align: center
}

.td_numbig {
    width: 80px;
    text-align: center
}

.td_stat {
    width: 60px;
    text-align: center
}

.txt_active {
    color: #5d910b
}

.txt_done {
    color: #e8180c
}

.txt_expired {
    color: #ccc
}

.txt_rdy {
    color: #8abc2a
}


/* 새창 기본 스타일 */

.new_win {}

.new_win .tbl_wrap {
    margin: 0 20px
}

.new_win #win_title {
    margin: 0 0 20px;
    padding: 20px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #dde4e9;
    background: #fff;
    font-size: 1.2em
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em
}

.new_win .win_ul {
    margin: -20px 0 20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #455255;
    background: #484848;
    list-style: none;
    zoom: 1
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_ul li {
    float: left;
    margin-left: -1px
}

.new_win .win_ul a {
    display: block;
    padding: 10px 10px 8px;
    border-right: 1px solid #455255;
    border-left: 1px solid #455255;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none
}

.new_win .win_desc {
    padding: 20px
}

.new_win .win_btn {
    clear: both;
    padding: 20px;
    text-align: center
}


/* 새창용 */

.new_win .win_btn button {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 0;
    background: #4b545e;
    color: #fff;
    line-height: 2em;
    cursor: pointer
}

.new_win .win_btn input {
    padding: 0 10px;
    height: 30px;
    line-height: 2em
}

.new_win .win_btn a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    background: #4b545e;
    color: #fff;
    vertical-align: middle;
    line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
    text-decoration: none
}


/* 내용관리 */

#ctt {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e9e9e9
}

.ctt_admin {
    text-align: right
}

#ctt header h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#ctt_con {
    padding: 10px 0;
    line-height: 1.5;
}

.ctt_img {
    text-align: center
}


/* 검색결과 색상 */

.sch_word {
    color: #ff3061
}


/* 자바스크립트 alert 대안 */

#validation_check {
    margin: 100px auto;
    width: 500px
}

#validation_check h1 {
    margin-bottom: 20px;
    font-size: 1.3em
}

#validation_check p {
    margin-bottom: 20px;
    padding: 30px 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}


/* 사이드뷰 */

.sv_wrap {
    display: inline-block;
    position: relative;
    font-weight: normal
}

.sv_wrap .sv {
    z-index: 1000;
    display: none;
    margin: 5px 0 0;
    border: 1px solid #283646
}

.sv_wrap .sv a {
    display: inline-block;
    margin: 0;
    padding: 3px;
    width: 94px;
    border-bottom: 1px solid #283646;
    background: #111;
    color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
    text-decoration: none
}

.sv_on {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 20px;
    width: auto;
    height: auto
}

.sv_nojs .sv {
    display: block
}


/* 페이징 */

.pg_wrap {
    clear: both;
    margin: 0 0 20px;
    padding: 20px 0 0;
    text-align: center
}

.pg {}

.pg_page,
.pg_current {
    display: inline-block;
    padding: 0 8px;
    height: 25px;
    color: #000;
    letter-spacing: 0;
    line-height: 2.2em;
    vertical-align: middle
}

.pg a:focus,
.pg a:hover {
    text-decoration: none
}

.pg_page {
    background: #e4eaec;
    text-decoration: none
}

.pg_start,
.pg_prev {
    /* 이전 */
}

.pg_end,
.pg_next {
    /* 다음 */
}

.pg_current {
    display: inline-block;
    margin: 0 4px 0 0;
    background: #333;
    color: #fff;
    font-weight: normal
}


/*메일인증*/

.rg_em {
    margin-top: 5px
}

.rg_em caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}


/*캡챠 모바일에서 피시버젼*/

#captcha.m_captcha audio {
    display: block;
    margin: 5px 0 10px;
}

#captcha.m_captcha #captcha_key {
    margin-left: 3px
}

#captcha.m_captcha #captcha_reload span {
    background: none;
    display: inline
}

#captcha.m_captcha #captcha_reload {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 10px;
    height: 43px;
    border: 0;
    background: #e4eaec;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}


/* ----   default_shop   ----- */


/* 초기화 */

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    margin: 0;
    padding: 0;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-family: 'Roboto', sans-serif
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

#hd ul,
nav ul,
#ft ul {
    margin: 0;
    padding: 0;
    list-style: none
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

label,
input,
button,
select,
img {
    vertical-align: middle
}

input,
button {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1em
}

button {
    cursor: pointer
}

textarea,
select {
    font-family: 'Roboto', sans-serif;
    font-size: 1em
}

select {
    margin: 0
}

p {
    margin: 0;
    padding: 0;
}

hr {
    display: none
}

pre {
    overflow-x: scroll;
    font-size: 1.1em
}

a:link,
a:visited {
    color: #000;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: crimson;
    text-decoration: none
}


/* 팝업레이어 */

#hd_pop {
    z-index: 99999;
    position: relative;
    margin: 0 auto;
    width: 970px;
    height: 0;
    max-width: 100%;
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff
}

.hd_pops_con {}

.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right
}

.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff
}


/* 화면낭독기 사용자용 */

#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.msg_sound_only,
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important
}


/* 본문 바로가기 */

#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
    width: 100%;
    height: 75px;
    background: #21272e;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 3.3em
}


/* 이미지 등비율 리사이징 */

.img_fix {
    width: 100%;
    height: auto
}


/* 캡챠 자동등록(입력)방지 기본 -pc */

#captcha {
    display: inline-block;
    position: relative
}

#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

#captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    vertical-align: top;
    padding: 0;
    margin: 0
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    ;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
}

#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha.png') no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px
}

#captcha #captcha_key {
    margin: 0 0 0 33px;
    padding: 0 5px;
    width: 70px;
    height: 60px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em;
    vertical-align: top
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}


/* 캡챠 자동등록(입력)방지 기본 - mobile */

#captcha.m_captcha audio {
    display: block;
    margin: 0 0 5px;
    width: 187px
}

#captcha.m_captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    margin-bottom: 3px;
    margin-top: 5px;
    display: block;
}

#captcha.m_captcha #captcha_reload {
    position: static;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../../../img/captcha.png') no-repeat 0 -30px;
    text-indent: -999px
}

#captcha.m_captcha #captcha_reload span {
    display: none;
}

#captcha.m_captcha #captcha_key {
    margin: 0;
    padding: 0 5px;
    width: 115px;
    height: 29px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 29px;
    margin-left: 3px
}

#captcha.m_captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#captcha.m_captcha #captcha_mp3 {
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border: none
}


/* ckeditor 단축키 */

.cke_sc {
    margin: 0 0 5px;
    text-align: right
}

.btn_cke_sc {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #ccc !important;
    background: #fafafa !important;
    color: #000 !important;
    text-decoration: none !important;
    line-height: 1.9em;
    vertical-align: middle
}

.cke_sc_def {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f2f5f9;
    text-align: center
}

.cke_sc_def dl {
    margin: 0 0 5px;
    text-align: left;
    zoom: 1
}

.cke_sc_def dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
    float: left;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
    width: 20%;
    font-weight: bold
}

.cke_sc_def dd {
    width: 30%
}

.btn_cke_sc_close {
    background: #333;
    padding: 5px;
    border: none;
    color: #fff
}


/* 목록 바로가기 */

.sanchor {
    margin: 0 0 10px;
    padding: 0;
    zoom: 1
}

.sanchor:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.sanchor li {
    float: left;
    margin-left: -1px;
    list-style: none
}

.sanchor a {
    display: inline-block;
    border: 1px solid #e9e9e9;
    background: #f2f5f9;
    padding: 0 7px;
    height: 30px;
    text-decoration: none;
    line-height: 2.6em
}

.sanchor a:focus,
.sanchor a:hover {
    background: #626870;
    color: #fff;
    text-decoration: none
}

.sanchor a.sanchor_on {
    background: #626870;
    color: #fff !important;
    text-decoration: none
}


/* 콘텐츠별 스타일 */

.cnt_cmt {
    display: inline-block;
    margin: 0 0 0 3px;
    font-weight: bold
}


/* 버튼 */

a.btn01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
    text-decoration: none
}

button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none
}

a.btn02 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
    text-decoration: none
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none
}

.btn_confirm {
    text-align: center
}


/* 서식단계 진행 */

.btn_submit {
    padding: 8px;
    border: 0;
    background: #ff3061;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer
}

fieldset .btn_submit {
    padding: 0 7px;
    height: 24px;
    line-height: 1em
}

a.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

button.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    vertical-align: top;
    text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 24px;
    border: 0;
    background: #333;
    color: #fff;
    letter-spacing: -0.1em;
    text-decoration: none;
    vertical-align: middle
}


/* 우편번호검색버튼 등 */

a.btn_frmline {
    line-height: 24px
}

button.btn_frmline {
    font-size: 1em
}


/* 게시판용 버튼 */

a.btn_b01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #d9ded9;
    background: #f2f5f9;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b01:focus,
.btn_b01:hover {
    text-decoration: none
}

a.btn_b02 {
    display: inline-block;
    padding: 7px 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b02:focus,
.btn_b02:hover {
    text-decoration: none
}

a.btn_admin {
    display: inline-block;
    padding: 7px;
    border: 1px solid #e8180c;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}


/* 관리자 전용 버튼 */

a.btn_admin:focus,
a.btn_admin:hover {
    text-decoration: none
}


/* 선택수정 버튼 */

.btn_list {
    margin: 0 auto;
    width: 93%
}

.btn_list input,
.btn_list button {
    background: none repeat scroll 0 0 #617D46;
    border: 0 none;
    color: #FFFFFF;
    height: 28px;
    line-height: 2.2em;
    padding: 0 15px;
    vertical-align: middle
}


/* 기본테이블 */

.tbl_wrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_wrap caption {
    padding: 10px 0;
    font-weight: bold;
    text-align: left
}

.tbl_head01 {
    margin: 0 0 10px
}

.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head01 thead th {
    padding: 12px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head01 thead a {
    color: #383838
}

.tbl_head01 thead th input {
    vertical-align: top
}


/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head01 tbody th {
    padding: 8px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
    padding: 8px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.5em;
    word-break: break-all
}

.tbl_head01 a {}

.tbl_head02 {
    margin: 0 0 10px
}

.tbl_head02 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head02 thead th {
    padding: 5px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head02 thead a {
    color: #383838
}

.tbl_head02 thead th input {
    vertical-align: top
}


/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head02 tbody th {
    padding: 5px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
    padding: 5px 3px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.4em;
    word-break: break-all
}

.tbl_head02 a {}


/* 폼 테이블 */

.tbl_frm01 {
    margin: 0 0 20px
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_frm01 th {
    width: 100px;
    padding: 7px 13px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f7f7f7;
    text-align: left
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: transparent
}

.tbl_frm01 textarea,
.frm_input {
    border: 1px solid #e4eaec;
    background: #f7f7f7;
    color: #000;
    vertical-align: middle;
    line-height: 2em
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 22px
}

.tbl_frm01 textarea {
    width: 98%;
    height: 100px
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_address {
    margin-top: 5px
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}


/* 자료 없는 목록 */

.empty_table {
    padding: 50px 0 !important;
    text-align: center
}

.empty_list {
    padding: 20px 0 !important;
    text-align: center
}


/* 필수입력 */

.required,
textarea.required {
    background: url('../img/wrest.gif') #f7f7f7 top right no-repeat !important
}


/* 테이블 그리드 padding 0 5px 고려한 넓이 */

.grid_1 {
    width: 40px
}

.grid_2 {
    width: 90px
}

.grid_3 {
    width: 140px
}

.grid_4 {
    width: 190px
}

.grid_5 {
    width: 240px
}

.grid_6 {
    width: 290px
}

.grid_7 {
    width: 340px
}

.grid_8 {
    width: 390px
}

.grid_9 {
    width: 440px
}

.grid_10 {
    width: 490px
}

.grid_11 {
    width: 540px
}

.grid_12 {
    width: 590px
}

.grid_13 {
    width: 640px
}

.grid_14 {
    width: 690px
}

.grid_15 {
    width: 740px
}

.grid_16 {
    width: 790px
}

.grid_17 {
    width: 840px
}

.grid_18 {
    width: 890px
}


/* 테이블 항목별 정의 */

.td_board {
    width: 120px;
    text-align: center
}

.td_chk {
    width: 30px;
    text-align: center
}

.td_date {
    width: 60px;
    text-align: center
}

.td_datetime {
    width: 110px;
    text-align: center
}

.td_default {
    width: 60px;
    text-align: center
}

.td_dvr {
    width: 30px;
    text-align: center
}

.td_group {
    width: 100px;
    text-align: center
}

.td_imgsmall {
    width: 60px;
    text-align: center
}

.td_num {
    width: 50px;
    text-align: center
}

.td_numbig {
    width: 100px;
    text-align: center
}

.td_nick {
    width: 100px;
    text-align: center
}

.td_name {
    width: 100px;
    text-align: left
}

.td_namesmall {
    width: 50px;
    text-align: left
}

.td_mb_id {
    width: 100px;
    text-align: center
}

.td_mng {
    width: 80px;
    text-align: center
}

.td_mngsmall {
    width: 50px;
    text-align: center
}

.td_statsmall {
    width: 50px;
    text-align: center
}


/* 새창 기본 스타일 */

.new_win {}

.new_win .tbl_wrap {
    margin: 0 20px
}

.new_win #win_title {
    margin: 0 0 20px;
    padding: 20px;
    border-top: 3px solid #4e5d60;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    font-size: 1.2em
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em
}

.new_win .win_ul {
    margin: -20px 0 20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #455255;
    background: #484848;
    list-style: none;
    zoom: 1
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_ul li {
    float: left;
    margin-left: -1px
}

.new_win .win_ul a {
    display: block;
    padding: 10px 10px 8px;
    border-right: 1px solid #455255;
    border-left: 1px solid #455255;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none
}

.new_win .win_desc {
    margin: 0 20px
}

.new_win .win_btn {
    clear: both;
    padding: 20px;
    text-align: center
}


/* 새창용 */

.new_win .win_btn button {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 0;
    background: #4b545e;
    color: #fff;
    line-height: 2em;
    cursor: pointer
}

.new_win .win_btn input {
    padding: 0 10px;
    height: 30px;
    line-height: 2em
}

.new_win .win_btn a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    background: #4b545e;
    color: #fff;
    vertical-align: middle;
    line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
    text-decoration: none
}


/* 내용관리 */

#ctt {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e9e9e9
}

.ctt_admin {
    text-align: right
}

#ctt header h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#ctt_con {
    padding: 10px 0
}

.ctt_img {
    text-align: center
}


/* 자바스크립트 alert 대안 */

#validation_check {
    margin: 100px auto;
    width: 500px
}

#validation_check h1 {
    margin-bottom: 20px;
    font-size: 1.3em
}

#validation_check p {
    margin-bottom: 20px;
    padding: 30px 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}


/* 사이드뷰 */

.sv_wrap {
    display: inline-block;
    position: relative;
    font-weight: normal
}

.sv_wrap .sv {
    z-index: 1000;
    display: none;
    margin: 5px 0 0;
    border: 1px solid #283646;
    background: #111
}

.sv_wrap .sv a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 3px !important;
    width: 94px;
    border-bottom: 1px solid #283646;
    color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
    text-decoration: none !important
}

.sv_on {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 20px;
    width: auto;
    height: auto !important
}

.sv_nojs .sv {
    display: block
}


/* 페이징 */

.pg_wrap {
    clear: both;
    margin: 0 0 20px;
    padding: 20px 0 0;
    text-align: center
}

.pg {}

.pg_page,
.pg_current,
.qa_page {
    display: inline-block;
    padding: 0 8px;
    height: 25px;
    color: #000;
    letter-spacing: 0;
    line-height: 2.2em;
    vertical-align: middle
}

.pg a:focus,
.pg a:hover {
    text-decoration: none
}

.pg_page,
.qa_page {
    background: #e4eaec;
    text-decoration: none
}

.pg_start,
.pg_prev {
    /* 이전 */
}

.pg_end,
.pg_next {
    /* 다음 */
}

.pg_current {
    display: inline-block;
    margin: 0 4px 0 0;
    background: #333;
    color: #fff;
    font-weight: normal
}


/*메일인증*/

.rg_em {
    margin-top: 5px
}

.rg_em caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}


/*캡챠 모바일에서 피시버젼*/

#captcha.m_captcha audio {
    display: block;
    margin: 5px 0 10px;
}

#captcha.m_captcha #captcha_key {
    margin-left: 3px
}

#captcha.m_captcha #captcha_reload span {
    background: none;
    display: inline
}

#captcha.m_captcha #captcha_reload {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 10px;
    height: 43px;
    border: 0;
    background: #e4eaec;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}


/* ########## 쇼핑몰 컨텐츠 ########## */


/* 주문서 작성 */

.display_setup_message {
    margin: 0 0 10px;
    padding: 15px;
    border: 1px solid #fccdff;
    background: #ffeef9
}

.display_setup_message strong {
    display: block;
    margin: 0 0 10px
}

.KPAY {
    background: url('../img/kpay_logo.png') no-repeat;
    width: 37px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
}

.PAYNOW {
    background: url('../img/paynow_logo.png') no-repeat;
    width: 46px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
}

.PAYCO {
    background: url('../img/payco_logo.png') no-repeat 1px;
    width: 46px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
}

.kakaopay_icon {
    background: url('../img/kakao.png') no-repeat;
    height: 21px;
    width: 74px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px
}

#display_pay_process {
    padding: 20px;
    text-align: center
}

#display_pay_process span {
    display: block;
    margin: 5px 0 0
}


/* 주문상세내역 중 현금영수증 발급 */

#scash {}

#scash section {
    padding: 10px 0
}

#scash h2 {
    margin: 0 0 10px;
    text-align: center
}

#scash .basic_tbl th {
    padding: 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f2f5f9;
    text-align: left
}

#scash_apply {
    padding: 10px 0 20px;
    text-align: center
}

#scash_apply button {
    padding: 10px;
    border: 0;
    background: #565e60;
    color: #fff
}

#scash_copy {
    text-align: center
}


/* -----  colorset.css ----- */


/********************************************************
■ Basic : 기본
********************************************************/

body {
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    font-size: 14px;
    color: rgb(51, 51, 51);
    background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

body.is-pc .ko {
    font-size: 12px;
}

a {
    color: rgb(51, 51, 51);
    cursor: pointer;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

fieldset legend {
    display: none;
}

label {
    font-weight: normal;
}

label.checkbox,
label.radio {
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    display: block;
}

blockquote {
    font-size: 12px;
    margin: 0px 0px 20px;
}

.en,
h1,
h2,
h3,
h4,
h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    font-family: "Roboto", sans-serif;
}

.ko,
.ko small {
    font-family: 'Roboto', sans-serif;
}

.sns-share-icon img {
    width: 20%;
    max-width: 34px;
    border-radius: 50%;
}


/********************************************************
■ Layout : 레이아웃
********************************************************/

.wrapper {
    margin: 0 auto;
    background: #fff;
}

.at-container {
    margin: 0px auto;
    padding: 0px;
}


/* .is-pc .at-body { min-height:600px; } */

.at-body .at-container {
    overflow: visible;
}

.boxed.wrapper .at-body .at-container {
    padding: 0px 20px;
}

.at-content {
    position: relative;
    padding: 20px 0px;
}

.at-row {
    margin-left: -15px;
    margin-right: -15px;
}

.at-col {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav-fixed .at-menu {
    width: 100%;
    z-index: 999;
    left: 0px;
}


/* @media all and (max-width:991px) {
    .responsive .at-body .at-container { padding:0px 10px !important; }
    .responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
    .responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
    .responsive .pull-right.at-main,
    .responsive .pull-left.at-side { float:none !important; }

} */


/********************************************************
■ LNB : 최상단의 즐겨찾기, RSS, 로그인, 회원가입 영역
********************************************************/

.at-lnb {}

.en .at-lnb {
    font-size: 12px;
}

.at-lnb ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px 5px;
}

.at-lnb ul>li {
    float: left;
    padding: 0px 10px;
    line-height: 1;
}

.at-lnb ul>li::after {
    float: right;
    color: #ccc;
    content: "/";
    margin-right: -17px;
}

.at-lnb ul>li:last-child::after {
    content: "";
    margin-right: 0px;
}

.at-lnb ul>li>a {
    color: #333;
    float: left;
}


/* @media all and (max-width:991px) {
    .responsive .at-lnb .at-container { display:none; visibility:visible; }
} */


/********************************************************
■ PC Header : PC 헤더 
********************************************************/

.pc-header {
    padding: 20px 0px 0px;
    text-align: center;
    line-height: 1;
}

.pc-header .at-container {
    padding: 3px 0px 15px;
    /*  background: url('./header.jpg') no-repeat right top;  */
}

.pc-header .header-logo {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    float: left;
    position: relative;
    top: 6px;
}

.pc-header .header-logo a {
    font-size: 44px;
    line-height: 44px;
    font-family: 'Georgia', sans-serif;
    font-weight: bold;
    color: #000;
}

.pc-header .header-logo a:hover {
    color: #000;
}

.pc-header .header-logo img {
    display: block;
    max-width: 100%;
    max-height: 60px;
}

.pc-header .header-desc {
    display: block;
    font-size: 12px;
    letter-spacing: -1px;
    color: #888;
    margin-top: 2px;
}

.pc-header .header-search {
    display: inline-block;
    width: 505px;
    vertical-align: middle;
    float: left;
    margin-left: 60px;
}

.pc-header .header-search form {
    padding: 0px;
    margin-top: 4px;
    background: #fff;
    margin-left: 20px;
    width: 100%;
    /**Change by Linh**/
}

.pc-header .header-search input {
    background: #fff;
    border: 0;
    /*width: 243px;*/
    /*margin-left: 175px;*/
    /**Change by Linh**/
    font-size: 13px;
    color: #555;
    width: 100%;
    border: 1px solid #ddd;
    /**Change by Linh**/
    padding: 20px;
}

.pc-header .header-search .btn {
    color: #e51b13 !important;
    background: #ff4848 !important;
    height: 40px;
}

.pc-header .header-keyword {
    padding-top: 4px;
}

.en .pc-header .header-keyword {
    font-size: 12px;
}


/* @media all and (max-width:991px) {
    .responsive .pc-header { display:none; }
} */


/********************************************************
■ Mobile Header : 모바일 헤더 
********************************************************/

.m-header {
    display: none;
    background: rgb(50, 60, 70);
}

.m-header a {
    color: #fff
}

.m-header .at-container {
    padding: 0px;
}

.m-header .header-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0px;
    min-width: 300px;
    border-collapse: collapse;
}

.m-header .header-icon,
.m-header .header-logo {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.m-header .header-icon {
    width: 44px;
}

.m-header .header-icon a {
    display: block;
}


/* @media all and (max-width:991px) {
    .responsive .m-header { display:block; }
} */


/********************************************************
■ PC Menu : PC 메뉴바 배경설정
********************************************************/

.pc-menu {
    position: relative;
    background: #fff;
    border-top: 1px solid #dddddd;
    z-index: 90;
    border-bottom: 1px solid #ddd;
    /* box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);  */
}

.pc-menu .at-container {
    position: relative;
}

.pc-menu .sub-slide,
.pc-menu .sub-shows {
    display: none;
    visibility: visible;
}

.pc-menu .sub-icon::after {
    font-family: "FontAwesome";
    float: right;
    position: relative;
    content: "\f105";
}

.pc-menu .menu-a {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
}

.pc-menu .nav-home .menu-a {
    font-size: 20px;
}

.pc-menu .nav-right {
    font-size: 16px;
}


/* @media all and (max-width:991px) {
    .responsive .pc-menu,
    .responsive .pc-menu-all { display:none; }
} */


/********************************************************
■ PC Menu Top : PC 상단 좌측/배분 스타일 메뉴
********************************************************/


/* 배분 스타일 */

.pc-menu .nav-top.nav-both .menu-ul {
    /* display:table;  */
    width: 100%;
    table-layout: fixed;
    margin: 0px;
}

.pc-menu .nav-top.nav-both .menu-li {
    display: inline;
    float: left;
    vertical-align: middle;
}

.pc-menu .nav-top.nav-both .menu-li a {
    padding: 0;
    color: #111;
    font-weight: normal;
    background: #fff;
    font-size: 15px;
}

.pc-menu .nav-top.nav-both .top_category_menu a:hover {
    padding: 0;
    font-weight: normal;
    background: #fff;
    font-size: 15px;
    color: red;
    font-weight: bold!important;
}

.pc-menu .nav-top.nav-both .menu-a {
    padding: 0px;
    text-align: center;
}

.pc-menu .nav-top.nav-both .sub-1div::before {
    left: 50%;
    margin-left: -8px;
}

.pc-menu .nav-top.nav-both .sub-1div {
    position: relative;
}

.top_active {
    color: red!important;
    font-weight: bold!important;
}


/* 좌측 스타일 */

.pc-menu .nav-top.nav-float .menu-ul {}

.pc-menu .nav-top.nav-float .menu-li {
    float: left;
}

.pc-menu .nav-top.nav-float .sub-1div {
    position: absolute;
}


/* 공통 스타일 */

.pc-menu .nav-top {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    width: 100%;
}

.pc-menu .nav-top .menu-a {
    display: block;
    color: #fff;
    background: #111;
    font-weight: bold;
}

.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a {
    background: #fff;
}

.pc-menu .nav-top .menu-li.nav-home {
    width: 60px !important;
    text-align: center;
}

.pc-menu .nav-top .menu-li.nav-home .menu-a {
    padding: 0px;
}

.pc-menu .nav-top .new {
    color: rgb(140, 195, 70);
}

.pc-menu .nav-top .sub-1div::before {
    top: -8px;
    border-width: 0 8px 8px;
    border-color: orangered transparent;
    display: block;
    width: 0px;
    content: "";
    position: absolute;
    border-style: solid;
}

.pc-menu .nav-top .sub-1div {
    background: #fff;
    border-top: 3px solid orangered;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.pc-menu .nav-top .sub-1dul,
.pc-menu .nav-top .sub-1dli {
    position: relative;
}

.pc-menu .nav-top .sub-1da {
    display: block;
    color: #000;
    padding: 5px 12px;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da {
    color: #fff;
    font-weight: bold;
    background: orangered;
    border-color: orangered;
}

.pc-menu .nav-top .sub-1new {
    color: rgb(140, 195, 70);
}

.pc-menu .nav-top .sub-1line {
    position: relative;
    display: block;
    color: #000;
    padding: 5px 12px;
    font-weight: bold;
    background: #fafafa;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.pc-menu .nav-top .sub-2div {
    left: 100%;
    top: 0;
    background: #fff;
    position: absolute;
    z-index: 20;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.pc-menu .nav-top .sub-2dul {}

.pc-menu .nav-top .sub-2dli {}

.pc-menu .nav-top .sub-2da {
    display: block;
    color: #000;
    padding: 5px 12px;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.pc-menu .nav-top .sub-2dli.on .sub-2da,
.pc-menu .nav-top .sub-2dli:hover .sub-2da {
    color: #fff;
    font-weight: bold;
    background: orangered;
    border-color: orangered;
}

.pc-menu .nav-top .sub-2new {
    color: rgb(140, 195, 70);
}

.pc-menu .nav-top .sub-2line {
    display: block;
    color: #000;
    padding: 5px 12px;
    font-weight: bold;
    background: #fafafa;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}


/********************************************************
■ PC Right Icon Menu : PC 우측 아이콘 메뉴
********************************************************/

.pc-menu .nav-right {
    background: #111;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 11;
}

.pc-menu .nav-right>ul {
    float: right;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pc-menu .nav-right>ul>li {
    float: left;
    position: relative;
    width: 42px;
}

.pc-menu .nav-right>ul>li>a {
    color: #fff;
    display: block;
    text-align: center;
}

.pc-menu .nav-right>ul>li>a:hover {
    background: #333;
}

.pc-menu .nav-right .label {
    position: absolute;
    top: 15%;
    right: 7px;
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    padding: 2px 3px;
    line-height: 0.9;
    border-radius: .25em !important;
}

.pc-menu .nav-rw {
    width: auto;
    padding: 0 19px;
    text-align: center;
    letter-spacing: -1px;
}


/********************************************************
■ PC All Menu : 전체 메뉴
********************************************************/

.pc-menu-all {
    position: relative;
    background: #fafafa;
    z-index: 2;
    -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
}

.pc-menu-all .at-container {
    padding: 20px 15px 0px;
}

.pc-menu-all .table {
    margin-bottom: 20px !important;
}

.pc-menu-all .table td {
    width: 1%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px;
    line-height: 20px;
}

.pc-menu-all .menu-a {
    display: block;
    color: #000;
    padding: 6px 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
}

.pc-menu-all .table td.on .menu-a {
    color: crimson;
}

.pc-menu-all .sub-1div {
    padding: 8px 0px;
}

.pc-menu-all .sub-1dul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pc-menu-all .sub-1dli .sub-1da {
    display: block;
    padding: 2px 12px;
    color: #333;
}

.pc-menu-all .sub-1dli.on .sub-1da,
.pc-menu-all .sub-1dli:hover .sub-1da {
    color: crimson;
}

.pc-menu-all .new {
    color: rgb(140, 195, 70);
}

.pc-menu-all .new-sub1 {
    color: rgb(140, 195, 70);
}

.pc-menu-all .sub-1line {
    display: block;
    color: #000;
    padding: 5px 12px;
    margin: 4px 0px;
    font-weight: bold;
    background: #fafafa;
}

.pc-menu-all .menu-all-btn {
    text-align: center;
}


/********************************************************
■ Mobile Menu : 모바일 메뉴
********************************************************/

.m-menu {
    display: none;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 20;
    box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
}

.m-menu .m-wrap {}

.m-menu .m-table {
    display: table;
    width: 100%;
    table-layout: fixed;
    width: 100%;
    margin: 0px;
    min-width: 300px;
    border-collapse: collapse;
}

.m-menu .m-icon,
.m-menu .m-list {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #eee;
    border-top: 0px;
    border-bottom: 0px;
}

.m-menu .m-icon {
    width: 44px;
    text-align: center;
    font-size: 18px;
}

.m-menu .m-icon a {
    display: block;
    position: relative;
}

.m-menu .m-icon .label {
    position: absolute;
    top: 15%;
    right: 5px;
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    padding: 2px 3px;
    line-height: 0.9;
    border-radius: .25em !important;
}

.m-menu .m-nav {
    overflow: hidden;
    margin: 0px 10px;
}

.m-menu .m-nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.m-menu .m-nav ul li {
    display: table-cell;
    padding: 0px 10px;
    white-space: nowrap;
}

.m-menu .m-nav ul li.active a {
    color: orangered;
    font-weight: bold;
}

.m-menu .m-sub {
    background: #fafafa;
    border-top: 1px solid #ddd;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0px 10px;
}

.m-menu .m-nav-sub {
    width: 100%;
    overflow: hidden;
    margin: 0px;
}

.m-menu .m-nav-sub ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.m-menu .m-nav-sub ul li {
    display: table-cell;
    padding: 0px 10px;
    white-space: nowrap;
}

.m-menu .m-nav-sub ul li.active a {
    color: orangered;
    font-weight: bold;
}


/* @media all and (max-width:991px) {
    .responsive .m-menu { display:block; }
}
 */


/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/

.at-title {
    height: 80px;
    position: relative;
    color: #000;
    background-color: #fafafa;
    border-bottom: 1px solid #dfdfdf;
}

.at-title .at-container {
    height: 100%;
    position: relative;
}

.at-title .page-title {
    font-size: 24px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    z-index: 1;
}

.at-title .page-desc {
    color: #888;
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
}


/* @media all and (max-width:767px) {
    .responsive .at-title { height:50px; }
    .responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
} */


/********************************************************
■ Footer : 하단 푸터
********************************************************/

.en .at-footer .at-links {
    font-size: 12px;
}

.at-footer .at-links {
    background: #efefef;
    padding: 5px 0px;
    border: 0;
    border-left: 0px;
    border-right: 0px;
    line-height: 30px;
}

.at-footer .at-links ul {
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.at-footer .at-links ul>li {
    display: inline-block;
    padding: 0px;
    position: relative;
}

.at-footer .at-links ul>li>a {
    padding: 0px 28px;
    border-right: 1px solid #d1d1d1;
}

.at-footer .at-links ul>li:last-child>a {
    border: 0;
}

.at-footer .at-links ul>li::after {
    position: absolute;
    color: #ccc;
    top: 0;
    /* margin-right: -30px; */
    font-size: 20px;
    font-weight: normal;
    /* margin-top: -2px; */
    right: 0%;
}

.at-footer .at-links ul>li:last-child::after {
    content: "";
}

.at-footer .at-links ul>li>a {
    color: #666666;
    letter-spacing: -0.5px;
    font-weight: normal;
    font-size: 14px;
}


/* @media all and (max-width:991px) {
    .responsive .at-footer .at-links ul.pull-left { display:none; }
    .responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
    .responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
} */


/* YC5 */

.en .at-footer .at-infos {
    font-size: 12px;
}

.at-footer .at-infos .media {
    padding: 40px 20px 20px;
    line-height: 1.7;
    border-bottom: 1px solid #ddd;
}

.at-footer .at-infos .pull-left {
    font-size: 70px;
    color: #ddd;
    line-height: 0;
    width: 170px;
}

.at-footer .at-infos .copyright {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-left: 10px;
}

.at-footer .at-infos .copyright span {
    color: #888;
}

.at-footer .at-about {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.at-footer .at-about>li {
    float: left;
    padding: 0px 15px;
    color: #888;
}

.at-footer .at-about>li>a {
    color: #888;
}

.at-footer .at-help {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.at-footer .at-help:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.at-footer .at-help>li {
    float: left;
    padding: 0px 15px;
}

.at-footer .at-help>li::after {
    float: right;
    font-size: 12px;
    color: #ddd;
    content: "|";
    margin-right: -17px;
}

.at-footer .at-help>li:last-child::after {
    content: "";
}

.at-footer .at-help>li>a {
    float: left;
}


/* @media all and (max-width:767px) {
    .responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
    .responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
} */


/* G5 */

.at-footer .at-copyright {
    text-align: center;
    padding: 15px 0px;
    color: #888;
}

.at-footer .at-copyright strong {
    color: #333;
}


/********************************************************
■ Go Top & Bottom : 상단/하단 이동버튼
********************************************************/

.at-go .go-btn {
    display: none;
    position: fixed;
    width: 40px;
    bottom: 20px;
    right: 25px;
    z-index: 2;
}

.at-go .go-btn span {
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    margin: 5px 0px;
    text-align: center;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px !important;
    font-size: 19px;
}

.at-go .go-btn .go-bottom {
    display: none;
}


/* @media (max-width: 768px) {
    .at-go .go-btn { bottom:0px; right:5px; }
} */


/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/


/* Button */

.btn {
    font-family: "Roboto", sans-serif;
}

.btn-lg {
    padding: 10px 16px;
    border-radius: 3px;
    line-height: 1.33;
    font-size: 18px;
}

.btn-lg i {
    top: 3px;
    font-size: 24px;
    position: relative;
}

.btn-xs {
    padding: 4px 10px;
}

.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm {
    font-family: 'Roboto', sans-serif;
}


/* Panel : Accordions */

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel .panel-heading {
    border-radius: 0px;
}

.is-pc .ko .panel .panel-body {
    font-size: 12px;
}


/* List Group */

.list-group-item {
    word-break: break-all;
    border-radius: 0 !important;
}


/* Pagination */

.pagination {
    font-family: "Roboto", sans-serif;
}

.pagination li a {
    border-radius: 0 !important;
    color: #333 !important;
}

.pagination li.active a {
    color: #fff !important;
    background: #444 !important;
    border-color: #444 !important;
}


/* Progress */

.progress {
    position: relative;
    border-radius: 0px;
    height: 28px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: rgb(245, 245, 245);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .sr-only {
    font-family: "Roboto", sans-serif;
    margin: 0px 15px;
    left: 0px;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    clip: auto;
}

.sr-score {
    font-family: "Roboto", sans-serif;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-right: 8px;
}


/* Misc */

.form-control,
.well,
.btn,
.alert,
.input-group-addon,
.label {
    border-radius: 0 !important;
}

.rh-srch-cldar p>label {
    cursor: pointer;
}

.rh-srch-cldar p>label.active {
    background-color: #ff4848;
    color: #ffffff;
    border: 1px solid #ff4848;
}

.page_order {
    text-align: center;
    margin-top: 20px;
}

.page_order ul li {
    display: none;
    line-height: normal;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    margin-right: 5px;
    padding: 7px;
    transition: 0.5s;
    cursor: pointer;
}

.page_order ul li.active,
.page_order ul li:hover {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.7);
}

.page_order ul li.active a {
    color: red;
}


/* ---------  apms.css ---------- */

@charset "UTF-8";

/* GNU & Common ------------------------------------------------------ */

.btn-wset,
.hidden-img,
.alazy {
    display: none;
}

.page-wrap img {
    max-width: 100%;
}

.page-wrap p {
    padding: 0px;
    margin: 0px;
}

.hash-tag {
    font-weight: bold;
}

.member,
.guest {
    color: rgb(51, 51, 51);
}

#nameContextMenu {
    background: #000;
    color: #fff;
    padding: 0 !important;
    z-index: 9999;
    padding: 6px 0 !important;
}

#nameContextMenu a {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    display: block;
    padding: 0 8px;
}

#nameContextMenu a:hover {
    color: #ff0000;
}

#nameContextMenu td {
    padding: 0 !important;
    border: 0 !important;
}

#autosave_pop ul {
    padding: 0px !important;
    list-style: none !important;
}

#autosave_pop li {
    display: block;
}

#viewModalLoading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -90px;
    margin-top: -90px;
    display: none;
}

#viewModal .modal-body {
    -webkit-overflow-scrolling: touch;
}


/* Exif -------------------------------------------------------- */

.img-exif {
    margin: 0px auto 30px;
    max-width: 100%;
}

.img-exif img {
    display: block;
    margin: 0px auto !important;
    max-width: 100%;
}

.img-exif .exif-data {
    padding: 15px;
    margin-top: 15px;
    background: #fafafa;
    border: 1px solid #eee;
    line-height: 20px;
    color: #333;
    overflow: hidden;
}

.img-exif ul.iptc-list {
    padding: 0px 5px 6px;
    margin: 0px 0px 15px;
    border-bottom: 1px dotted #bbb;
    list-style: none;
}

.img-exif ul.iptc-list li {
    margin-bottom: 4px;
}

.img-exif ul.exif-list {
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
}

.img-exif ul.exif-list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.img-exif ul.exif-list li {
    float: left;
    padding-right: 20px;
    width: 33.333%;
}

@media all and (max-width:767px) {
    .responsive .img-exif ul.exif-list li {
        width: 50%;
    }
}

@media all and (max-width:420px) {
    .responsive .img-exif ul.exif-list li {
        width: 100%;
    }
}


/* Iframe ------------------------------------------------------ */

.div-iframe {
    margin: 0 auto;
    max-width: 100%
}

.div-iframe .iframe-wrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0;
}

.div-iframe .iframe-wrap iframe,
.div-iframe .iframe-wrap object,
.div-iframe .iframe-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Panel : Accordions ------------------------------------------------------ */

.div-panel.panel-group {
    margin-bottom: 30px;
}

.div-panel.panel-group.no-bottom {
    margin-bottom: 0px;
}

.div-panel.panel-group .panel {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
}

.div-panel.panel-group .panel+.panel {
    margin-top: 0px;
    border: 0;
}

.div-panel.panel-group .panel-heading {
    padding: 0;
    position: relative;
    background: none;
}

.div-panel.panel-group .panel-heading::after {
    content: "";
}

.div-panel.panel-group .panel-heading {
    padding: 0;
    border-radius: 0;
}

.div-panel.panel-group .panel-heading .rank-icon {
    margin-top: 3px;
}

.div-panel.panel-group .panel-heading a {
    outline: none;
    display: block;
    padding: 10px 15px;
    padding-right: 0px;
    padding-left: 0;
    border-radius: 0;
    border-top: 1px solid rgb(235, 235, 235);
}

.div-panel.panel-group .panel:first-child .panel-heading a {
    border-top: 0px;
}

.div-panel.panel-group .panel:last-child .panel-heading a {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.div-panel.panel-group .panel-heading a .panel-icon::after {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    background: #333;
    color: #fff;
    content: "+";
}

.div-panel.panel-group .panel-heading a.active {
    color: rgb(233, 27, 35);
    border-bottom: 1px solid rgb(55, 55, 55) !important;
}

.div-panel.panel-group .panel-heading a.active .panel-icon::after {
    background: rgb(233, 27, 35);
    color: #fff;
    content: "-";
}

.div-panel.panel-group .panel-body {
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    padding-left: 25px;
}

.div-panel.panel-group .list-group {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.div-panel.panel-group .list-group .list-group-item {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    padding: 4px 15px;
    padding-right: 0px;
    padding-left: 25px;
    word-break: break-all;
}

.div-panel.panel-group .list-group .list-group-item .rank-icon {
    margin-top: 3px;
}

.div-panel.panel-group a.active.list-group-item,
.div-panel.panel-group a.active.list-group-item:hover,
.div-panel.panel-group a.active.list-group-item:focus {
    background-color: rgb(245, 245, 245);
    color: crimson;
    border-color: none;
    font-weight: bold;
}


/* Tabs ------------------------------------------------------ */

.tabs li a {
    cursor: pointer !important;
}

.div-tab.tabs,
.div-tab-top.tabs,
.div-tab-bottom.tabs,
.div-tab-btn.tabs {
    margin-bottom: 0;
}

.div-tab.tabs::before,
.div-tab-top.tabs::before,
.div-tab-bottom.tabs::before,
.div-tab-btn.tabs::before {
    display: table;
    content: " ";
}

.div-tab.tabs::after,
.div-tab-top.tabs::after,
.div-tab-bottom.tabs::after,
.div-tab-btn.tabs::after {
    display: table;
    content: " ";
}

.div-tab.tabs::after,
.div-tab-top.tabs::after,
.div-tab-bottom.tabs::after,
.div-tab-btn.tabs::after {
    clear: both;
}

.div-tab.tabs ul.nav-tabs,
.div-tab-top.tabs ul.nav-tabs,
.div-tab-bottom.tabs ul.nav-tabs {
    margin: 0;
}

.div-tab.tabs div.tab-content {
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    padding: 15px;
}

.div-tab-top.tabs div.tab-content,
.div-tab-bottom.tabs div.tab-content {
    border: 0;
    padding: 15px 0;
}

.div-tab.tabs div.tab-content,
.div-tab-top.tabs div.tab-content,
.div-tab-bottom.tabs div.tab-content {
    border-radius: 0;
    border-image: none;
    box-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: none;
    -moz-border-radius: none;
    -webkit-border-radius: 0;
}

.div-tab.tabs ul.nav-tabs li {
    background: rgb(247, 247, 247);
    border-image: none;
    color: #333;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
    line-height: 14px !important;
}

.div-tab.tabs ul.nav-tabs li:hover,
.div-tab.tabs ul.nav-tabs li:focus {
    border: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
}

.div-tab.tabs ul.nav-tabs li:first-child {
    border-left: 1px solid rgb(221, 221, 221);
    margin-left: 0px;
}

.div-tab.tabs ul.nav-tabs li:last-child,
.div-tab.tabs ul.nav-tabs li:last-child:hover {
    border-right: 1px solid rgb(221, 221, 221);
}

.div-tab.tabs ul.nav-tabs li.active {
    background: #fff;
    border-top: 1px solid #333;
}

.div-tab.tabs ul.nav-tabs li a,
.div-tab.tabs ul.nav-tabs li a:hover,
.div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a,
.div-tab.tabs ul.nav-tabs li:first-child a:hover,
.div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a,
.div-tab.tabs ul.nav-tabs li:last-child a:hover,
.div-tab.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0;
    line-height: 14px !important;
}

.div-tab.tabs ul.nav-tabs li.active a,
.div-tab.tabs ul.nav-tabs li.active a:hover,
.div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a,
.div-tab.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a,
.div-tab.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid transparent;
    margin: 0;
    line-height: 14px !important;
}

.div-tab-top.tabs ul.nav-tabs,
.div-tab-bottom.tabs ul.nav-tabs {
    background: none;
    border-image: none;
    color: #333;
    margin: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-image: none;
    line-height: 18px;
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.div-tab-top.tabs ul.nav-tabs li,
.div-tab-bottom.tabs ul.nav-tabs li {
    border: 0;
    margin: 0;
    line-height: 14px !important;
}

.div-tab-top.tabs ul.nav-tabs li a,
.div-tab-top.tabs ul.nav-tabs li a:hover,
.div-tab-top.tabs ul.nav-tabs li a:focus,
.div-tab-top.tabs ul.nav-tabs li:first-child a,
.div-tab-top.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-top.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:last-child a,
.div-tab-top.tabs ul.nav-tabs li:last-child a:hover,
.div-tab-top.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid transparent;
    border-bottom: 0;
    padding: 12px 12px 10px;
    margin-top: -1px;
    line-height: 14px !important;
}

.div-tab-top.tabs ul.nav-tabs li.active a,
.div-tab-top.tabs ul.nav-tabs li.active a:hover,
.div-tab-top.tabs ul.nav-tabs li.active a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid #333;
    border-bottom: 0;
    padding: 12px 12px 10px;
    line-height: 14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li a,
.div-tab-bottom.tabs ul.nav-tabs li a:hover,
.div-tab-bottom.tabs ul.nav-tabs li a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-bottom: 2px solid transparent;
    border-top: 0;
    padding: 12px 12px 10px;
    margin-bottom: -1px;
    line-height: 14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li.active a,
.div-tab-bottom.tabs ul.nav-tabs li.active a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-bottom: 2px solid #333;
    border-top: 0;
    padding: 12px 12px 10px;
    line-height: 14px !important;
}

.div-tab-line.tabs ul.nav-tabs li a,
.div-tab-line.tabs ul.nav-tabs li a:hover,
.div-tab-line.tabs ul.nav-tabs li a:focus,
.div-tab-line.tabs ul.nav-tabs li:first-child a,
.div-tab-line.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-line.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li:last-child a,
.div-tab-line.tabs ul.nav-tabs li:last-child a:hover,
.div-tab-line.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-top: 0;
    padding: 12px 12px 10px;
    margin: -1px 0px;
    line-height: 14px !important;
}

.div-tab-line.tabs ul.nav-tabs li.active a,
.div-tab-line.tabs ul.nav-tabs li.active a:hover,
.div-tab-line.tabs ul.nav-tabs li.active a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 12px 12px 10px;
    line-height: 14px !important;
}

.div-tab-box.tabs ul.nav-tabs {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-left: 1px solid #ddd;
}

.div-tab-box.tabs ul.nav-tabs li a {
    padding: 10px 15px;
    background: rgb(247, 247, 247);
    color: #333;
    margin-right: 0px;
    border-radius: 0px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #ddd;
}

.div-tab-box.tabs ul.nav-tabs li.active a {
    background: #333;
    color: #fff;
    font-weight: bold;
    border: 1px solid #333;
    cursor: pointer;
}

.div-tab-btn.tabs {
    border: 0px;
    padding: 0px;
}

.div-tab-btn.tabs ul.nav-tabs {
    border: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px;
}

.div-tab-btn.tabs ul.nav-tabs li {
    border: 0px;
    margin: 5px 0px;
    padding: 0;
}

.div-tab-btn.tabs ul.nav-tabs li a {
    padding: 7px 15px !important;
    background: none;
    border: 0px !important;
    margin: 0px;
    font-weight: normal;
}

.div-tab-btn.tabs ul.nav-tabs li.active a {
    border: 0px;
    color: #fff;
    font-weight: normal;
    background: #333;
    cursor: pointer;
}


/* Tabs Color */

.tabs-color-top.tabs ul.nav-tabs li.active,
.tabs-color-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(51, 51, 51) !important;
}

.tabs-darkred-top.tabs ul.nav-tabs li.active,
.tabs-darkred-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(170, 60, 63) !important;
}

.tabs-crimson-top.tabs ul.nav-tabs li.active,
.tabs-crimson-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(220, 20, 60) !important;
}

.tabs-red-top.tabs ul.nav-tabs li.active,
.tabs-red-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(233, 27, 35) !important;
}

.tabs-orangered-top.tabs ul.nav-tabs li.active,
.tabs-orangered-top.tabs ul.nav-tabs li.active a {
    border-top-color: orangered !important;
}

.tabs-orange-top.tabs ul.nav-tabs li.active,
.tabs-orange-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(240, 150, 20) !important;
}

.tabs-green-top.tabs ul.nav-tabs li.active,
.tabs-green-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(140, 195, 70) !important;
}

.tabs-lightgreen-top.tabs ul.nav-tabs li.active,
.tabs-lightgreen-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(160, 200, 80) !important;
}

.tabs-deepblue-top.tabs ul.nav-tabs li.active,
.tabs-deepblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(0, 125, 180) !important;
}

.tabs-skyblue-top.tabs ul.nav-tabs li.active,
.tabs-skyblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(100, 195, 245) !important;
}

.tabs-blue-top.tabs ul.nav-tabs li.active,
.tabs-blue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(52, 152, 219) !important;
}

.tabs-navy-top.tabs ul.nav-tabs li.active,
.tabs-navy-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(50, 60, 70) !important;
}

.tabs-violet-top.tabs ul.nav-tabs li.active,
.tabs-violet-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(85, 60, 125) !important;
}

.tabs-yellow-top.tabs ul.nav-tabs li.active,
.tabs-yellow-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(241, 196, 15) !important;
}

.tabs-darkgray-top.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #666 !important;
}

.tabs-gray-top.tabs ul.nav-tabs li.active,
.tabs-gray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #888 !important;
}

.tabs-lightgray-top.tabs ul.nav-tabs li.active,
.tabs-lightgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #ddd !important;
}

.tabs-black-top.tabs ul.nav-tabs li.active,
.tabs-black-top.tabs ul.nav-tabs li.active a {
    border-top-color: #333 !important;
}

.tabs-white-top.tabs ul.nav-tabs li.active,
.tabs-white-top.tabs ul.nav-tabs li.active a {
    border-top-color: #fff !important;
}

.tabs-color-bottom.tabs ul.nav-tabs li.active,
.tabs-color-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(51, 51, 51) !important;
}

.tabs-darkred-bottom.tabs ul.nav-tabs li.active,
.tabs-darkred-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(170, 60, 63) !important;
}

.tabs-crimson-bottom.tabs ul.nav-tabs li.active,
.tabs-crimson-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(220, 20, 60) !important;
}

.tabs-red-bottom.tabs ul.nav-tabs li.active,
.tabs-red-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(233, 27, 35) !important;
}

.tabs-orangered-bottom.tabs ul.nav-tabs li.active,
.tabs-orangered-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: orangered !important;
}

.tabs-orange-bottom.tabs ul.nav-tabs li.active,
.tabs-orange-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(240, 150, 20) !important;
}

.tabs-green-bottom.tabs ul.nav-tabs li.active,
.tabs-green-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(140, 195, 70) !important;
}

.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active,
.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(160, 200, 80) !important;
}

.tabs-deepblue-bottom.tabs ul.nav-tabs li.active,
.tabs-deepblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(0, 125, 180) !important;
}

.tabs-skyblue-bottom.tabs ul.nav-tabs li.active,
.tabs-skyblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(100, 195, 245) !important;
}

.tabs-blue-bottom.tabs ul.nav-tabs li.active,
.tabs-blue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(52, 152, 219) !important;
}

.tabs-navy-bottom.tabs ul.nav-tabs li.active,
.tabs-navy-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(50, 60, 70) !important;
}

.tabs-violet-bottom.tabs ul.nav-tabs li.active,
.tabs-violet-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(85, 60, 125) !important;
}

.tabs-yellow-bottom.tabs ul.nav-tabs li.active,
.tabs-yellow-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(241, 196, 15) !important;
}

.tabs-darkgray-bottom.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #666 !important;
}

.tabs-gray-bottom.tabs ul.nav-tabs li.active,
.tabs-gray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #888 !important;
}

.tabs-lightgray-bottom.tabs ul.nav-tabs li.active,
.tabs-lightgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #ddd !important;
}

.tabs-black-bottom.tabs ul.nav-tabs li.active,
.tabs-black-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #333 !important;
}

.tabs-white-bottom.tabs ul.nav-tabs li.active,
.tabs-white-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #fff !important;
}

.tabs-color-bg.tabs ul.nav-tabs li.active,
.tabs-color-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(51, 51, 51) !important;
    background: rgb(51, 51, 51) !important;
}

.tabs-darkred-bg.tabs ul.nav-tabs li.active,
.tabs-darkred-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(170, 60, 63) !important;
    background: rgb(170, 60, 63) !important;
}

.tabs-crimson-bg.tabs ul.nav-tabs li.active,
.tabs-crimson-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(220, 20, 60) !important;
    background: rgb(220, 20, 60) !important;
}

.tabs-red-bg.tabs ul.nav-tabs li.active,
.tabs-red-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(233, 27, 35) !important;
    background: rgb(233, 27, 35) !important;
}

.tabs-orangered-bg.tabs ul.nav-tabs li.active,
.tabs-orangered-bg.tabs ul.nav-tabs li.active a {
    border-color: orangered !important;
    background: orangered !important;
}

.tabs-orange-bg.tabs ul.nav-tabs li.active,
.tabs-orange-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(240, 150, 20) !important;
    background: rgb(240, 150, 20) !important;
}

.tabs-green-bg.tabs ul.nav-tabs li.active,
.tabs-green-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(140, 195, 70) !important;
    background: rgb(140, 195, 70) !important;
}

.tabs-lightgreen-bg.tabs ul.nav-tabs li.active,
.tabs-lightgreen-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(160, 200, 80) !important;
    background: rgb(160, 200, 80) !important;
}

.tabs-deepblue-bg.tabs ul.nav-tabs li.active,
.tabs-deepblue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(0, 125, 180) !important;
    background: rgb(0, 125, 180) !important;
}

.tabs-skyblue-bg.tabs ul.nav-tabs li.active,
.tabs-skyblue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(100, 195, 245) !important;
    background: rgb(100, 195, 245) !important;
}

.tabs-blue-bg.tabs ul.nav-tabs li.active,
.tabs-blue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(52, 152, 219) !important;
    background: rgb(52, 152, 219) !important;
}

.tabs-navy-bg.tabs ul.nav-tabs li.active,
.tabs-navy-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(50, 60, 70) !important;
    background: rgb(50, 60, 70) !important;
}

.tabs-violet-bg.tabs ul.nav-tabs li.active,
.tabs-violet-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(85, 60, 125) !important;
    background: rgb(85, 60, 125) !important;
}

.tabs-yellow-bg.tabs ul.nav-tabs li.active,
.tabs-yellow-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(241, 196, 15) !important;
    background: rgb(241, 196, 15) !important;
}

.tabs-darkgray-bg.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-bg.tabs ul.nav-tabs li.active a {
    border-color: #666 !important;
    background: #666 !important;
}

.tabs-gray-bg.tabs ul.nav-tabs li.active,
.tabs-gray-bg.tabs ul.nav-tabs li.active a {
    border-color: #888 !important;
    background: #888 !important;
}

.tabs-lightgray-bg.tabs ul.nav-tabs li.active,
.tabs-lightgray-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #ddd !important;
}

.tabs-black-bg.tabs ul.nav-tabs li.active,
.tabs-black-bg.tabs ul.nav-tabs li.active a {
    border-color: #333 !important;
    background: #333 !important;
}

.tabs-white-bg.tabs ul.nav-tabs li.active,
.tabs-white-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #fff !important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active {
    border-top-color: rgb(221, 221, 221) !important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active a {
    color: crimson !important;
    border-top-color: transparent !important;
}

.div-tab-box.tabs ul.nav-tabs li a {
    border-left: 0px !important;
}


/* Table ------------------------------------------------------ */

.div-table.table>thead>tr>th {
    vertical-align: middle;
}

.div-table.table>tbody>tr>th {
    vertical-align: middle;
}

.div-table.table>tfoot>tr>th {
    vertical-align: middle;
}

.div-table.table>thead>tr>td {
    vertical-align: middle;
}

.div-table.table>tbody>tr>td {
    vertical-align: middle;
}

.div-table.table>tfoot>tr>td {
    vertical-align: middle;
}

.div-table.table-no-border.table>thead>tr>th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tbody>tr>th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tfoot>tr>th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>thead>tr>td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tbody>tr>td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tfoot>tr>td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table>thead>tr>th {
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.div-table.table>thead>tr {
    background: rgb(243, 243, 243);
}


/* Progress Bars ------------------------------------------------------ */

.active.progress-bar .progress {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.div-progress.progress {
    position: relative;
    height: 28px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: rgb(245, 245, 245);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.div-progress.progress .sr-only {
    font-family: tahoma, sans-serif;
    margin: 0px 15px;
    left: 0px;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    clip: auto;
}

.div-progress .sr-score {
    font-family: tahoma, sans-serif;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-right: 8px;
}


/* Syntaxhighlighter ------------------------------------------------------ */

.syntaxhighlighter .line {
    font-size: 13px !important;
    line-height: 20px !important;
}


/* Shadow Lines ------------------------------------------------------ */

.shadow-line {
    display: block;
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow: hidden !important;
    text-align: center;
    vertical-align: top;
}

.shadow-line img {
    display: block;
    border: 0;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}


/* Person ------------------------------------------------------ */

.person {
    margin-bottom: 15px;
}

.person .person-desc {
    margin-top: 18px;
}

.person .person-desc .person-author {
    display: table;
    width: 100%;
}

.person .person-desc .person-author .person-author-wrapper {
    min-width: 50%;
}

.person .person-desc .person-author .person-name {
    display: block;
    line-height: 20px;
}

.person .person-desc .person-author .person-title {
    display: block;
    line-height: 20px;
    color: #747474;
}

.person .person-desc .person-author .person-social {
    max-width: 50%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.person .person-social a {
    margin-left: 12px;
}

.person .person-content {
    margin-top: 8px;
    color: #747474;
}


/* Image ------------------------------------------------------ */

.img-wrap {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.img-wrap.img-fix {
    margin-bottom: -1px;
}

.img-wrap .img-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img-wrap .img-item.img-fix {
    margin-top: -1px -1px 0px;
}

.img-wrap .img-item img {
    display: block;
    border: 0;
    width: 100.5%;
    height: auto;
    margin: 0px auto;
}

.img-wrap .img-item.img-full img {
    width: 100%;
    height: 100%;
}

.img-wrap .img-item.img-height img {
    width: auto;
    height: 100%;
}

.img-wrap .img-item.img-auto img {
    width: auto;
    height: auto;
}

.img-ratio {
    display: block;
    position: relative;
    overflow: hidden;
}

.img-ratio .img-item {
    position: relative;
    overflow: hidden;
}

.img-ratio .img-item img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
    margin: 0px auto;
}

.in-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.in-subject {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 6px 8px;
    margin: 0;
    line-height: 20px;
}

.in-caption {
    position: absolute;
    bottom: 20%;
    padding: 6px 8px;
    margin: 0;
    line-height: 20px;
}

.in-title {
    position: absolute;
    bottom: 20%;
    padding: 10px 15px;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.in-left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.in-left-b {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.in-right {
    position: absolute;
    top: 0px;
    right: 0px;
}

.in-right-b {
    position: absolute;
    top: 0px;
    right: 0px;
}


/* Image & Box Frames ------------------------------------------------------ */

.boxframe {
    margin: 0px auto;
    z-index: 0;
    position: relative;
}

.boxframe iframe,
.boxframe embed,
.boxframe object {
    display: block;
}

.imgframe {
    display: block;
    z-index: 0;
    position: relative;
}

.imgframe.img-border,
.boxframe.box-border {
    border: 6px solid #f6f6f6;
}

.imgframe.img-grow,
.boxframe.box-grow {
    border: 6px solid #f6f6f6;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.imgframe.img-shadow,
.boxframe.box-shadow {
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
}

.imgframe.img-bottomshadow,
.boxframe.box-bottomshadow {
    margin: 0;
}

.imgframe.img-bottomshadow::before,
.imgframe.img-bottomshadow::after,
.boxframe.box-bottomshadow::before,
.boxframe.box-bottomshadow::after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.imgframe.img-bottomshadow::after,
.boxframe.box-bottomshadow::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}


/* Date Boxes ------------------------------------------------------ */

.date-box {
    width: 82px;
    text-align: center;
}

.date-box .date-item {
    padding: 8px 0 5px 0;
}

.date-box .date-item .date {
    display: block;
    line-height: 29px;
    font-size: 29px;
    font-weight: bold;
}

.date-box .date-icon {
    margin-top: 3px;
    background-color: #eef0f2;
}

.date-box .date-icon i {
    display: block;
    line-height: 55px;
    font-size: 30px;
}


/* Background Boxes ------------------------------------------------------ */

.div-bg-box {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.div-bg-box.bg-fixed {
    background-attachment: fixed;
}

.div-bg-box.bg-top {
    background-position: center top;
}


/* UL List ------------------------------------------------------ */

.div-ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.div-ul li {
    line-height: 26px;
}


/* Flip Boxes ------------------------------------------------------ */

.flip-container {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

.flip-container:hover .flip-back,
.flip-container.hover .flip-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .flip-front,
.flip-container.hover .flip-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-horizontal {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.flip-front,
.flip-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 214px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    padding: 27px 20px 27px 20px;
    text-align: center;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
    -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
}

.flip-front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: lightgreen;
    z-index: 2;
}

.flip-back {
    background: lightblue;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-vertical .flip-back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip-vertical.flip-container .flip-box {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}

.flip-vertical.flip-container:hover .flip-back,
.flip-vertical.flip-container.hover .flip-back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.flip-vertical.flip-container:hover .flip-front,
.flip-vertical.flip-container.hover .flip-front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip-box {
    position: relative;
    min-height: 214px;
    margin-bottom: 15px;
}

.flip-box .flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%;
}

.flip-box .flip-circle i {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}

.flip-box .no-circle {
    font-size: 60px;
}

.flip-box .flip-grafix {
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}

.flip-box .flip-heading {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px;
}

.flip-box .flip-heading-back {
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 14px;
    text-transform: uppercase;
}

.flip-box .flip-img {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.flip-box .flip-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    border: 0px;
}


/* Content-Boxes & FA ------------------------------------------------------ */

i.large,
img.large,
.fix-icon.large i,
.fix-icon.large img {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}

i.normal,
img.normal,
.fix-icon.normal i,
.fix-icon.normal img {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
}

i.medium,
img.medium,
.fix-icon.medium i,
.fix-icon.medium img {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}

i.tiny,
img.tiny,
.fix-icon.tiny i,
.fix-icon.tiny img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    margin-right: 3px;
}

i.circle,
img.circle,
.fix-icon.circle i,
.fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
    vertical-align: middle;
}

i.dark-circle,
img.dark-circle,
.fix-icon.dark-circle i,
.fix-icon.dark-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff;
}

i.light-circle,
img.light-circle,
.fix-icon.light-circle i,
.fix-icon.light-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}

.content-box {
    margin: 0 0 15px;
    line-height: 20px;
}

.content-box .heading:hover i {
    background-color: rgb(233, 27, 35);
    color: rgb(255, 255, 255);
    border-color: rgb(233, 27, 35);
}

.content-box .text {
    color: #747474;
    margin: 0 0 10px;
}

.content-box .more a {
    font-size: 11px;
    font-weight: normal;
    color: #888;
    letter-spacing: -1px;
}

.content-box .more i.fa {
    margin: 0 4px;
}

.content-box-bg {
    height: auto;
    overflow: visible;
    background-color: rgb(246, 246, 246);
    padding: 35px 12px 12px;
    text-align: center;
}

.content-box-bg .heading {
    overflow: visible;
    position: relative;
    text-align: center;
}

.content-box-bg .heading i.fa.large {
    display: block;
    position: absolute;
    left: 50%;
    float: none;
    margin-left: -32px;
    top: -80px;
}


/* Text Boxes ------------------------------------------------------ */

.div-box {
    position: relative;
    padding: 28px 28px 27px 31px;
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230);
    background-color: rgb(255, 255, 255);
}

.div-box-shadow {
    z-index: 1;
    position: relative;
}

.div-box-shadow .div-box::before,
.div-box-shadow .div-box::after {
    opacity: 0.7;
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.div-box-shadow .div-box::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

.div-box-dark {
    margin: 0px;
    padding: 15px;
    color: rgb(255, 255, 255);
    background-color: rgb(55, 55, 55);
    border-left: 5px solid rgb(0, 0, 0);
}

.div-box-dark a,
.div-box-dark a:hover,
.div-box-dark a:focus {
    color: rgb(255, 255, 255);
}

.div-box-light {
    margin: 0px;
    padding: 15px;
    color: rgb(51, 51, 51);
    background-color: rgb(245, 245, 245);
    border-left: 5px solid rgb(0, 0, 0);
}


/* Dividers ------------------------------------------------------ */

.div-title-block-thin,
.div-title-block-bold {
    position: relative;
    margin-bottom: 20px;
}

.div-title-block-thin::before,
.div-title-block-bold::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.div-title-block-thin::before {
    height: 1px;
    margin-top: -1px;
    background: #e7e6e6;
}

.div-title-block-bold::before {
    height: 6px;
    background: rgb(240, 240, 240);
    margin-top: -4px;
}

.div-title-block-thin span,
.div-title-block-bold span {
    background: #fff;
    padding: 0 12px;
    margin: 0 15px;
    position: relative;
    z-index: 2;
}

.div-title-line-thin,
.div-title-line-bold {
    width: 100%;
    padding: 12px 0px 6px;
    margin: 0 0 20px;
}

.div-title-line-thin {
    border-bottom: 1px solid #e7e6e6;
}

.div-title-line-bold {
    border-bottom: 6px solid rgb(240, 240, 240);
}

.div-title-underline-thin,
.div-title-underline-bold {
    margin: 0px 0px 15px;
    padding: 0px 0px 5px;
    text-transform: capitalize;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.div-title-underline-thin {
    border-bottom: 1px solid rgb(51, 51, 51);
}

.div-title-underline-bold {
    border-bottom: 3px solid rgb(51, 51, 51);
}

.div-title-underbar {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}


.div-title-underbar-thin {
    border-bottom: 1px solid #333333;
}

.div-title-underbar-bold {
    border-bottom: 2px solid #333333;
}

.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}

.div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap;
}

.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}

.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}

.sep-thin.div-sep {
    height: 1px;
    margin-top: -1px;
    background: #e7e6e6;
}

.sep-bold.div-sep {
    height: 6px;
    margin-top: -3px;
    background: rgb(240, 240, 240);
}

.div-separator {
    margin: 30px auto 0;
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 1;
}

.div-sep-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
    font-size: 14px;
    color: rgb(205, 205, 205);
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid rgb(205, 205, 205);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 26px !important;
}

.div-sep-icon i {
    margin: 0 auto;
}

.div-sep-line {
    clear: both;
    height: 40px;
    border-top: 1px solid #e7e6e6;
}

.sep-shadow.div-separator::after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: "";
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
}

.sep-shadow.div-separator {
    margin: 20px 0px;
    height: 1px;
    overflow: visible;
    border: none;
    background: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.div-sep-arrow-top,
.div-sep-arrow-bottom {
    position: relative;
}

.sep-arrow {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    height: 0px;
    width: 0px;
    border-style: solid;
}

.div-sep-arrow-bottom .sep-arrow {
    border-width: 29px 29px 0 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.div-sep-arrow-top .sep-arrow {
    top: -29px;
    border-width: 0 29px 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.div-sep-bar,
.div-sep-bar-thin,
.div-sep-bar-bold {
    position: relative;
    margin: 0px auto;
    width: 100px;
    background: rgb(240, 240, 240);
}

.div-sep-bar {
    height: 6px;
}

.div-sep-bar-thin {
    height: 1px;
}

.div-sep-bar-bold {
    height: 2px;
}

ul.div-ring {
    text-align: center;
    padding: 10px 8px;
    margin: 0px;
    overflow: hidden;
}

ul.div-ring li {
    width: 186px;
    height: 186px;
    background: rgba(210, 210, 210, 0.3);
    border-radius: 50%;
    padding: 20px;
    margin: -10px -8px;
    overflow: hidden;
}

ul.div-ring .ring-item {
    display: inline-block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 32px 10px 0px;
    line-height: 1px !important;
}

ul.div-ring h4 {
    line-height: 26px;
    margin: 0px;
}

ul.div-ring p {
    margin: 10px 0px 0px;
    padding: 0px;
    letter-spacing: -1px;
    line-height: 20px;
}


/* Carousel Fade Effect ------------------------------------------------------ */

.carousel.at-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.carousel.at-fade .active.left,
.carousel.at-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.at-fade .next,
.carousel.at-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.at-fade .carousel-control {
    z-index: 3;
}

.carousel.at-vertical .carousel-inner {
    height: 100%;
}

.carousel.at-vertical .item {
    transition: all 0.6s ease-in-out;
    left: 0;
}

.carousel.at-vertical.up .active,
.carousel.at-vertical.up .next.left,
.carousel.at-vertical.up .prev.right {
    top: 0;
    left: 0;
}

.carousel.at-vertical.up .next,
.carousel.at-vertical.up .active.right {
    top: 100%;
    left: 0;
}

.carousel.at-vertical.up .prev,
.carousel.at-vertical.up .active.left {
    top: -100%;
    left: 0
}

.carousel.at-vertical.down .active,
.carousel.at-vertical.down .next.left,
.carousel.at-vertical.down .prev.right {
    bottom: 0;
    left: 0;
}

.carousel.at-vertical.down .next,
.carousel.at-vertical.down .active.right {
    bottom: 100%;
    left: 0;
}

.carousel.at-vertical.down .prev,
.carousel.at-vertical.down .active.left {
    bottom: -100%;
    left: 0
}

.carousel.div-carousel .carousel-control {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px !important;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

.carousel.div-carousel:hover .carousel-control {
    display: block;
    z-index: 1;
}

.carousel.div-carousel:hover .carousel-control:hover {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3);
}

.carousel.div-carousel .carousel-control.left {
    left: 0px;
    top: 50%;
}

.carousel.div-carousel .carousel-control.right {
    right: 0px;
    top: 50%;
}

.carousel.div-carousel .carousel-indicators {
    z-index: 2;
    bottom: 10px;
    margin-bottom: 0px;
    padding: 0px;
}

.carousel.div-carousel .carousel-indicators li {
    border: 0;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.carousel.div-carousel .carousel-indicators .active {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.carousel.div-carousel .slide-title {
    position: absolute;
    bottom: 20%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    margin: 0;
}


/* Talk Boxs ------------------------------------------------------ */

.talk-box-wrap {
    margin: 0 0 20px;
}

.talk-box {
    margin: 0;
}

.talk-box.talk-left {
    margin-right: 70px;
}

.talk-box.talk-right {
    margin-left: 70px;
}

.talk-bubble {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee;
    padding: 3%;
    border-radius: 4px;
}

.talk-bubble:after,
.talk-bubble:before {
    margin: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.talk-bubble:after {
    border-color: rgba(245, 245, 245, 0);
    border-width: 12px;
}

.talk-bubble:before {
    border-color: rgba(238, 238, 238, 0);
    border-width: 13px;
}

.talk-top .talk-bubble {
    margin: 0 0 20px;
}

.talk-bottom .talk-bubble {
    margin: 20px 0 0;
}

.talk-left .talk-bubble,
.talk-right .talk-bulle {
    min-height: 50px;
}

.talk-bottom .talk-bubble:after,
.talk-bottom .talk-bubble:before {
    bottom: 100%;
    left: 25px;
}

.talk-bottom .talk-bubble:after {
    border-bottom-color: #f5f5f5;
    margin-left: -12px;
}

.talk-bottom .talk-bubble:before {
    border-bottom-color: #eee;
    margin-left: -13px;
}

.talk-left .talk-bubble:after,
.talk-left .talk-bubble:before {
    left: 100%;
    top: 25px;
}

.talk-left .talk-bubble:after {
    border-left-color: #f5f5f5;
    margin-top: -12px;
}

.talk-left .talk-bubble:before {
    border-left-color: #eee;
    margin-top: -13px;
}

.talk-top .talk-bubble:after,
.talk-top .talk-bubble:before {
    top: 100%;
    left: 25px;
}

.talk-top .talk-bubble:after {
    border-top-color: #f5f5f5;
    margin-left: -12px;
}

.talk-top .talk-bubble:before {
    border-top-color: #eee;
    margin-left: -13px;
}

.talk-right .talk-bubble:after,
.talk-right .talk-bubble:before {
    right: 100%;
    top: 25px;
}

.talk-right .talk-bubble:after {
    border-right-color: #f5f5f5;
    margin-top: -12px;
}

.talk-right .talk-bubble:before {
    border-right-color: #eee;
    margin-top: -13px;
}

.talker-one {
    height: 50px;
    line-height: 48px;
    color: #747474;
}

.talker-two {
    height: 50px;
    line-height: 24px;
    color: #747474;
}

.talker-photo,
.talker-photo i,
.talker-photo img,
i.talker-photo {
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 50px;
    font-size: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    background-color: rgb(240, 240, 240);
    color: #fff;
}

.talker-photo i,
.talker-photo img {
    float: left;
}

.talker-one .talker-info i {
    margin-left: 12px;
}

.talker-two .talker-info span {
    margin-right: 12px;
}


/* Form Box ------------------------------------------------------ */

.form-box {
    margin: 0px 0px 15px;
    border: 1px solid rgb(231, 231, 231);
    transition: 0.3s linear;
    border-image: none;
    overflow: hidden;
    position: relative;
    cursor: default;
    -webkit-transition: all 0.3s linear;
    background: rgb(252, 252, 252);
    border-top: 1px solid rgb(231, 231, 231);
    border-bottom: 1px solid rgb(231, 231, 231);
}

.form-box::before {
    display: table;
    content: "";
}

.form-box::after {
    display: table;
    content: "";
}

.form-box::after {
    clear: both;
}

.form-box label.checkbox,
.form-box label.radio {
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.form-box .form-icon {
    margin: 25px auto;
    border-radius: 80px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    display: block;
}

.form-box .form-header {
    padding: 15px;
    border-bottom-color: rgb(243, 243, 243);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.form-box .form-header h2,
.form-box .form-heading {
    margin: 0px;
    padding: 0px !important;
    font-size: 18px;
    font-weight: 500;
}

.form-box .form-body {
    background: rgb(255, 255, 255);
    padding: 15px;
}

.form-box .form-body p {
    padding-left: 0px;
    margin-bottom: 10px;
}

.form-box .form-body .condition {
    margin: 10px 0px;
    height: 200px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
}

.form-box .form-footer {
    padding: 6px 0px;
    border-top-color: rgb(243, 243, 243);
    border-top-width: 1px;
    border-top-style: solid;
}

.form-box .form-footer::before {
    display: table;
    content: "";
}

.form-box .form-footer::after {
    display: table;
    content: "";
    clear: both;
}

.form-box .form-footer p {
    margin: 6px 15px;
}

.form-box .form-footer a {
    margin: 0px 15px;
}


/* Labels ------------------------------------------------------ */

.label-tack {
    left: 0px;
    top: 10px;
    z-index: 1;
    position: absolute;
    font-weight: normal;
}

.label-band {
    z-index: 2;
    font-family: tahoma;
    top: 5px;
    letter-spacing: 1px;
    width: 100px;
    padding: 5px;
    right: -32px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: normal;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.label-cap {
    z-index: 2;
    font-family: tahoma;
    top: -11px;
    letter-spacing: 1px;
    width: 140px;
    padding: 20px 0px 3px;
    right: -60px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: normal;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/* Icons ------------------------------------------------------ */

.rank-icon {
    display: inline-block;
    padding: 0px 6px;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 16px;
    font-weight: normal;
    margin-right: 2px;
    min-width: 22px;
    text-align: center;
}

.tack-icon {
    display: inline-block;
    padding: 4px 6px 2px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 11px;
    font-weight: normal;
}

.social-icon a {
    margin: 0px;
    font-size: 18px;
    color: rgb(190, 189, 189);
    display: inline-block;
    text-align: center;
}

.boxed-icon.social-icon a {
    min-width: 40px;
    line-height: 24px;
    padding: 8px;
    background-color: #46494a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    border: 1px solid #46494a;
    color: #fff;
}

.boxed-icon.social-icon a i {
    vertical-align: middle;
}


/* Button ------------------------------------------------------ */

.btn.btn-color {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: #ff4848;
    background-color: #ff4848;
}

.btn.active.btn-color,
.btn.btn-color:hover,
.btn.btn-color:focus,
.btn.btn-color:active {
    background-color: #ff4848;
}

.btn.btn-dark {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #000;
    background-color: #333;
}

.btn.active.btn-dark,
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active {
    border-color: #ff4848;
    background-color: #ff4848;
}

.btn.btn-black {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #111;
    background-color: #333;
}

.btn.active.btn-black,
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black:active {
    background-color: #111;
}

.btn.btn-white {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fff;
}

.btn.active.btn-white,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
    background-color: #f5f5f5;
}

.btn.btn-gray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ccc;
    background-color: #eee;
}

.btn.active.btn-gray,
.btn.btn-gray:hover,
.btn.btn-gray:focus,
.btn.btn-gray:active {
    background-color: #f5f5f5;
}

.btn.btn-lightgray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fafafa;
}

.btn.active.btn-lightgray,
.btn.btn-lightgray:hover,
.btn.btn-lightgray:focus,
.btn.btn-lightgray:active {
    background-color: transparent;
}

.btn.btn-darkgray {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #444;
    background-color: #666;
}

.btn.active.btn-darkgray,
.btn.btn-darkgray:hover,
.btn.btn-darkgray:focus,
.btn.btn-darkgray:active {
    background-color: #444;
}

.btn.btn-red {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(213, 7, 15);
    background-color: rgb(233, 27, 35);
}

.btn.active.btn-red,
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active {
    background-color: rgb(213, 7, 15);
}

.btn.btn-darkred {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(150, 25, 30);
    background-color: rgb(170, 60, 63);
}

.btn.active.btn-darkred,
.btn.btn-darkred:hover,
.btn.btn-darkred:focus,
.btn.btn-darkred:active {
    background-color: rgb(150, 25, 30);
}

.btn.btn-crimson {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(190, 20, 50);
    background-color: rgb(220, 20, 60);
}

.btn.active.btn-crimson,
.btn.btn-crimson:hover,
.btn.btn-crimson:focus,
.btn.btn-crimson:active {
    background-color: rgb(190, 20, 50);
}

.btn.btn-orangered {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(240, 0, 0);
    background-color: orangered;
}

.btn.active.btn-orangered,
.btn.btn-orangered:hover,
.btn.btn-orangered:focus,
.btn.btn-orangered:active {
    background-color: rgb(240, 0, 0);
}

.btn.btn-orange {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(240, 130, 0);
    background-color: rgb(240, 150, 20);
}

.btn.active.btn-orange,
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange:active {
    background-color: rgb(240, 130, 0);
}

.btn.btn-green {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(110, 180, 20);
    background-color: rgb(140, 195, 70);
}

.btn.active.btn-green,
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active {
    background-color: rgb(110, 180, 20);
}

.btn.btn-lightgreen {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(130, 190, 60);
    background-color: rgb(160, 200, 80);
}

.btn.active.btn-lightgreen,
.btn.btn-lightgreen:hover,
.btn.btn-lightgreen:focus,
.btn.btn-lightgreen:active {
    background-color: rgb(130, 190, 60);
}

.btn.btn-deepblue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(0, 110, 160);
    background-color: rgb(0, 125, 180);
}

.btn.active.btn-deepblue,
.btn.btn-deepblue:hover,
.btn.btn-deepblue:focus,
.btn.btn-deepblue:active {
    background-color: rgb(0, 110, 160);
}

.btn.btn-skyblue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(60, 180, 245);
    background-color: rgb(100, 195, 245);
}

.btn.active.btn-skyblue,
.btn.btn-skyblue:hover,
.btn.btn-skyblue:focus,
.btn.btn-skyblue:active {
    background-color: rgb(60, 180, 245);
}

.btn.btn-blue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(40, 130, 190);
    background-color: rgb(52, 152, 219);
}

.btn.active.btn-blue,
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active {
    background-color: rgb(40, 130, 190);
}

.btn.btn-navy {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(40, 40, 50);
    background-color: rgb(50, 60, 70);
}

.btn.active.btn-navy,
.btn.btn-navy:hover,
.btn.btn-navy:focus,
.btn.btn-navy:active {
    background-color: rgb(40, 40, 50);
}

.btn.btn-violet {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(65, 50, 100);
    background-color: rgb(85, 60, 125);
}

.btn.active.btn-violet,
.btn.btn-violet:hover,
.btn.btn-violet:focus,
.btn.btn-violet:active {
    background-color: rgb(65, 50, 100);
}

.btn.btn-yellow {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(230, 180, 0);
    background-color: rgb(240, 195, 15);
}

.btn.active.btn-yellow,
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-yellow:active {
    background-color: rgb(230, 180, 0);
}

.btn.btn-trans {
    color: #fff !important;
    border-image: none !important;
    background: none;
    border: 2px solid #fff;
}

.btn.active.btn-trans,
.btn.btn-trans:hover,
.btn.btn-trans:focus,
.btn.btn-trans:active {
    color: rgb(213, 7, 15) !important;
    background-color: #fff;
    background-image: none;
}


/* ====================================================================================================================
 * Font, Color 등 설정은 제일 하단에 위치시킴
 * ====================================================================================================================*/


/* Background Color ------------------------------------------------------ */

.bg-red,
i.bg-red,
.badge.bg-red {
    background-color: rgb(233, 27, 35);
    color: #fff;
}

.bg-darkred,
i.bg-darkred,
.badge.bg-darkred {
    background-color: rgb(170, 60, 63);
    color: #fff;
}

.bg-crimson,
i.bg-crimson,
.badge.bg-crimson {
    background-color: rgb(220, 20, 60);
    color: #fff;
}

.bg-orangered,
i.bg-orangered,
.badge.bg-orangered {
    background-color: orangered;
    color: #fff;
}

.bg-orange,
i.bg-orange,
.badge.bg-orange {
    background-color: rgb(240, 150, 20);
    color: #fff;
}

.bg-green,
i.bg-green,
.badge.bg-green {
    background-color: rgb(140, 195, 70);
    color: #fff;
}

.bg-lightgreen,
i.bg-lightgreen,
.badge.bg-lightgreen {
    background-color: rgb(160, 200, 80);
    color: #fff;
}

.bg-deepblue,
i.bg-deepblue,
.badge.bg-deepblue {
    background-color: rgb(0, 125, 180);
    color: #fff;
}

.bg-skyblue,
i.bg-skyblue,
.badge.bg-skyblue {
    background-color: rgb(100, 195, 245);
    color: #fff;
}

.bg-blue,
i.bg-blue,
.badge.bg-blue {
    background-color: rgb(52, 152, 219);
    color: #fff;
}

.bg-navy,
i.bg-navy,
.badge.bg-navy {
    background-color: rgb(50, 60, 70);
    color: #fff;
}

.bg-violet,
i.bg-violet,
.badge.bg-violet {
    background-color: rgb(85, 60, 125);
    color: #fff;
}

.bg-yellow,
i.bg-yellow,
.badge.bg-yellow {
    background-color: rgb(241, 196, 15);
    color: #fff;
}

.bg-darkgray,
i.bg-darkgray,
.badge.bg-darkgray {
    background-color: #666;
    color: #fff;
}

.bg-gray,
i.bg-gray,
.badge.bg-gray {
    background-color: #888;
    color: #fff;
}

.bg-lightgray,
i.bg-lightgray,
.badge.bg-lightgray {
    background-color: #ddd;
    color: #fff;
}

.bg-white,
i.bg-white,
.badge.bg-white {
    background-color: #fff;
    color: #333;
}

.bg-light,
i.bg-light,
.badge.bg-light {
    color: #333;
    background-color: #f5f5f5;
}

.bg-light-border,
i.bg-light-border,
.badge.bg-light-border {
    color: #333;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
}

.bg-black,
i.bg-black,
.badge.bg-black {
    background-color: #333;
    color: #fff;
}

.bg-color,
i.bg-color,
.badge.bg-color {
    background-color: rgb(233, 27, 35);
    color: #fff;
}


/* Border Color ------------------------------------------------------ */

.border-red,
i.border-red,
img.border-red {
    border-color: rgb(233, 27, 35);
}

.border-darkred,
i.border-darkred,
img.border-darkred {
    border-color: rgb(170, 60, 63);
}

.border-crimson,
i.border-crimson,
img.border-crimson {
    border-color: rgb(220, 20, 60);
}

.border-orangered,
i.border-orangered,
img.border-orangered {
    border-color: orangered;
}

.border-orange,
i.border-orange,
img.border-orange {
    border-color: rgb(240, 150, 20);
}

.border-green,
i.border-green,
img.border-green {
    border-color: rgb(140, 195, 70);
}

.border-lightgreen,
i.border-lightgreen,
img.border-lightgreen {
    border-color: rgb(160, 200, 80);
}

.border-deepblue,
i.border-deepblue,
img.border-deepblue {
    border-color: rgb(0, 125, 180);
}

.border-skyblue,
i.border-skyblue,
img.border-skyblue {
    border-color: rgb(100, 195, 245);
}

.border-blue,
i.border-blue,
img.border-blue {
    border-color: rgb(52, 152, 219);
}

.border-navy,
i.border-navy,
img.border-navy {
    border-color: rgb(50, 60, 70);
}

.border-violet,
i.border-violet,
img.border-violet {
    border-color: rgb(85, 60, 125);
}

.border-yellow,
i.border-yellow,
img.border-yellow {
    border-color: rgb(241, 196, 15);
}

.border-darkgray,
i.border-darkgray,
img.border-darkgray {
    border-color: #666;
}

.border-gray,
i.border-gray,
img.border-gray {
    border-color: #888;
}

.border-lightgray,
i.border-lightgray,
img.border-lightgray {
    border-color: #ddd;
}

.border-white,
i.border-white,
img.border-white {
    border-color: #fff;
}

.border-light,
i.border-light,
img.border-light {
    border-color: #f5f5f5;
}

.border-black,
i.border-black,
img.border-black {
    border-color: #333;
}

.border-color,
i.border-color,
img.border-color {
    border-color: rgb(233, 27, 35);
}


/* Hover Color ------------------------------------------------------ */

.hover-red:hover {
    background-color: rgb(233, 27, 35);
    color: #fff;
}

.hover-darkred:hover {
    background-color: rgb(170, 60, 63);
    color: #fff;
}

.hover-crimson:hover {
    background-color: rgb(220, 20, 60);
    color: #fff;
}

.hover-orangered:hover {
    background-color: orangered;
    color: #fff;
}

.hover-orange:hover {
    background-color: rgb(240, 150, 20);
    color: #fff;
}

.hover-green:hover:hover {
    background-color: rgb(140, 195, 70);
    color: #fff;
}

.hover-lightgreen:hover {
    background-color: rgb(160, 200, 80);
    color: #fff;
}

.hover-deepblue:hover {
    background-color: rgb(0, 125, 180);
    color: #fff;
}

.hover-skyblue:hover {
    background-color: rgb(100, 195, 245);
    color: #fff;
}

.hover-blue:hover {
    background-color: rgb(52, 152, 219);
    color: #fff;
}

.hover-navy:hover {
    background-color: rgb(50, 60, 70);
    color: #fff;
}

.hover-violet:hover {
    background-color: rgb(85, 60, 125);
    color: #fff;
}

.hover-yellow:hover {
    background-color: rgb(241, 196, 15);
    color: #fff;
}

.hover-darkgray:hover {
    background-color: #666;
    color: #fff;
}

.hover-gray:hover {
    background-color: #888;
    color: #fff;
}

.hover-lightgray:hover {
    background-color: #ddd;
    color: #fff;
}

.hover-white:hover {
    background-color: #fff;
    color: #333;
}

.hover-black:hover {
    background-color: #333;
    color: #fff;
}

.hover-color:hover {
    background-color: rgb(233, 27, 35);
    color: #fff;
}


/* Trans Background Color ------------------------------------------------------ */

.trans-bg-red {
    background-color: rgba(233, 27, 35, 0.75) !important;
    color: #fff !important;
}

.trans-bg-darkred {
    background-color: rgba(170, 60, 63, 0.75) !important;
    color: #fff !important;
}

.trans-bg-crimson {
    background-color: rgba(220, 20, 60, 0.75) !important;
    color: #fff !important;
}

.trans-bg-orangered {
    background-color: rgba(255, 70, 0, 0.75) !important;
    color: #fff !important;
}

.trans-bg-orange {
    background-color: rgba(240, 150, 20, 0.75) !important;
    color: #fff !important;
}

.trans-bg-green {
    background-color: rgba(140, 195, 70, 0.75) !important;
    color: #fff !important;
}

.trans-bg-lightgreen {
    background-color: rgba(160, 200, 80, 0.75) !important;
    color: #fff !important;
}

.trans-bg-deepblue {
    background-color: rgba(0, 125, 180, 0.75) !important;
    color: #fff !important;
}

.trans-bg-skyblue {
    background-color: rgba(100, 195, 245, 0.75) !important;
    color: #fff !important;
}

.trans-bg-blue {
    background-color: rgba(52, 152, 219, 0.75) !important;
    color: #fff !important;
}

.trans-bg-navy {
    background-color: rgba(50, 60, 70, 0.75) !important;
    color: #fff !important;
}

.trans-bg-violet {
    background-color: rgba(85, 60, 125, 0.75) !important;
    color: #fff !important;
}

.trans-bg-yellow {
    background-color: rgba(241, 196, 15, 0.75) !important;
    color: #fff !important;
}

.trans-bg-darkgray {
    background-color: rgba(102, 98, 98, 0.75) !important;
    color: #fff !important;
}

.trans-bg-gray {
    background-color: rgba(102, 102, 102, 0.75) !important;
    color: #fff !important;
}

.trans-bg-lightgray {
    background-color: rgba(208, 208, 208, 0.75) !important;
    color: #fff !important;
}

.trans-bg-white {
    background-color: rgba(255, 255, 255, 0.75) !important;
    color: #333 !important;
}

.trans-bg-black {
    background-color: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
}

.trans-bg-color {
    background-color: rgba(233, 27, 35, 0.75) !important;
    color: #fff !important;
}

.trans-bg-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 8% !important;
    text-overflow: clip;
    white-space: normal;
}


/* Font ------------------------------------------------------ */

.font-normal {
    font-weight: normal;
}

.font-8,
i.font-8 {
    font-size: 8px;
}

.font-9,
i.font-9 {
    font-size: 9px;
}

.font-10,
i.font-10 {
    font-size: 10px;
}

.font-11,
i.font-11 {
    font-size: 11px;
}

.font-12,
i.font-12 {
    font-size: 12px;
}

.font-13,
i.font-13 {
    font-size: 13px;
}

.font-14,
i.font-14 {
    font-size: 14px;
}

.font-16,
i.font-16 {
    font-size: 16px;
}

.font-18,
i.font-18 {
    font-size: 18px;
}

.font-20,
i.font-20 {
    font-size: 20px;
}

.font-22,
i.font-22 {
    font-size: 22px;
}

.font-24,
i.font-24 {
    font-size: 24px;
}


/* Style ------------------------------------------------------ */

.cursor {
    cursor: pointer;
}

.count {
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    letter-spacing: -1px;
    line-height: 16px;
    padding-right: 1px;
}

.block {
    display: block;
}

.break-word {
    word-wrap: break-word;
}

.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.no-border {
    border: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-animation .collapsing {
    -webkit-transition: none;
    transition: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    display: none;
}

.btn-wset {
    display: none;
}


/* Height ------------------------------------------------------ */

.h10 {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.p10 {
    padding: 10px 0px;
}

.p15 {
    padding: 15px 0px;
}

.m10 {
    margin: 10px 0px;
}

.m15 {
    margin: 15px 0px;
}


/* Color ------------------------------------------------------ */

.red,
i.red {
    color: rgb(233, 27, 35);
}

.darkred,
i.darkred {
    color: rgb(170, 60, 63);
}

.crimson,
i.crimson {
    color: rgb(220, 20, 60);
}

.orangered,
i.orangered {
    color: orangered;
}

.orange,
i.orange {
    color: rgb(240, 150, 20);
}

.green,
i.green {
    color: rgb(140, 195, 70);
}

.lightgreen,
i.lightgreen {
    color: rgb(160, 200, 80);
}

.deepblue,
i.deepblue {
    color: rgb(0, 125, 180);
}

.skyblue,
i.skyblue {
    color: rgb(100, 195, 245);
}

.blue,
i.blue {
    color: rgb(52, 152, 219);
}

.navy,
i.navy {
    color: rgb(50, 60, 70);
}

.violet,
i.violet {
    color: rgb(85, 60, 125);
}

.yellow,
i.yellow {
    color: rgb(241, 196, 15);
}

.darkgray,
i.darkgray {
    color: #666;
}

.gray,
i.gray {
    color: #888;
}

.lightgray,
i.lightgray {
    color: #ddd;
}

.white,
i.white {
    color: #fff;
}

.light,
i.light {
    color: #f5f5f5;
}

.black,
i.black {
    color: #333;
}

.color,
i.color {
    color: rgb(233, 27, 35);
}


/* List Head */

.div-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom: 1px solid #c3c3c3;
    border-collapse: separate;
}

.div-head>span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    font-weight: bold;
    line-height: 1;
}

.div-head>span:last-child {
    border-right: 0;
}

.div-head.list-head>span {
    border: 0;
}

.tr-head {
    border-top-width: 2px !important;
    border-top-style: solid !important;
    border-bottom: 1px solid #c3c3c3 !important;
    text-align: center !important;
}

.tr-head>th {
    padding: 15px 0 !important;
    text-align: center !important;
    border: 0 !important;
}

.tr-head>th>span {
    display: block !important;
    min-width: 40px !important;
    padding: 0px 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #ddd;
    font-weight: bold !important;
    line-height: 1.5 !important;
}

.tr-head>th>span.last {
    border-right: 0 !important;
}

.tr-line>td {
    border-top: 0 !important
}


/* Row & Col Space */

.row-10 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.col-10 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.row-15 {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.col-15 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.row-20 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.col-20 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* Auto Size */

.apms-autowrap {
    margin: 0 auto 15px;
}

.apms-autosize {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0;
}

.apms-autosize iframe,
.apms-autosize object,
.apms-autosize embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Print Media Query */

@media print {
    a:after {
        content: "" !important;
        /* disable URL display */
    }
}


/* CHEditor */

.cheditor-popup-cframe {
    height: auto !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e4e4e4 !important;
}


/*.select2-container .select2-selection--single {
    height: 30px !important;
}*/


/*/ default css*/


/*apms.css*/


/* GNU & Common ------------------------------------------------------ */

.btn-wset,
.hidden-img,
.alazy {
    display: none;
}

.page-wrap img {
    max-width: 100%;
}

.page-wrap p {
    padding: 0px;
    margin: 0px;
}

.hash-tag {
    font-weight: bold;
}

.member,
.guest {
    color: rgb(51, 51, 51);
}

#nameContextMenu {
    background: #000;
    color: #fff;
    padding: 0 !important;
    z-index: 9999;
    padding: 6px 0 !important;
}

#nameContextMenu a {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    display: block;
    padding: 0 8px;
}

#nameContextMenu a:hover {
    color: #ff0000;
}

#nameContextMenu td {
    padding: 0 !important;
    border: 0 !important;
}

#autosave_pop ul {
    padding: 0px !important;
    list-style: none !important;
}

#autosave_pop li {
    display: block;
}

#viewModalLoading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -90px;
    margin-top: -90px;
    display: none;
}

#viewModal .modal-body {
    -webkit-overflow-scrolling: touch;
}


/* Exif -------------------------------------------------------- */

.img-exif {
    margin: 0px auto 30px;
    max-width: 100%;
}

.img-exif img {
    display: block;
    margin: 0px auto !important;
    max-width: 100%;
}

.img-exif .exif-data {
    padding: 15px;
    margin-top: 15px;
    background: #fafafa;
    border: 1px solid #eee;
    line-height: 20px;
    color: #333;
    overflow: hidden;
}

.img-exif ul.iptc-list {
    padding: 0px 5px 6px;
    margin: 0px 0px 15px;
    border-bottom: 1px dotted #bbb;
    list-style: none;
}

.img-exif ul.iptc-list li {
    margin-bottom: 4px;
}

.img-exif ul.exif-list {
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
}

.img-exif ul.exif-list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.img-exif ul.exif-list li {
    float: left;
    padding-right: 20px;
    width: 33.333%;
}

@media all and (max-width:767px) {
    .responsive .img-exif ul.exif-list li {
        width: 50%;
    }
}

@media all and (max-width:420px) {
    .responsive .img-exif ul.exif-list li {
        width: 100%;
    }
}


/* Iframe ------------------------------------------------------ */

.div-iframe {
    margin: 0 auto;
    max-width: 100%
}

.div-iframe .iframe-wrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0;
}

.div-iframe .iframe-wrap iframe,
.div-iframe .iframe-wrap object,
.div-iframe .iframe-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Panel : Accordions ------------------------------------------------------ */

.div-panel.panel-group {
    margin-bottom: 30px;
}

.div-panel.panel-group.no-bottom {
    margin-bottom: 0px;
}

.div-panel.panel-group .panel {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
}

.div-panel.panel-group .panel+.panel {
    margin-top: 0px;
    border: 0;
}

.div-panel.panel-group .panel-heading {
    padding: 0;
    position: relative;
    background: none;
}

.div-panel.panel-group .panel-heading::after {
    content: "";
}

.div-panel.panel-group .panel-heading {
    padding: 0;
    border-radius: 0;
}

.div-panel.panel-group .panel-heading .rank-icon {
    margin-top: 3px;
}

.div-panel.panel-group .panel-heading a {
    outline: none;
    display: block;
    padding: 10px 15px;
    padding-right: 0px;
    padding-left: 0;
    border-radius: 0;
    border-top: 1px solid rgb(235, 235, 235);
}

.div-panel.panel-group .panel:first-child .panel-heading a {
    border-top: 0px;
}

.div-panel.panel-group .panel:last-child .panel-heading a {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.div-panel.panel-group .panel-heading a .panel-icon::after {
    font-family: dotum;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    background: #333;
    color: #fff;
    content: "+";
}

.div-panel.panel-group .panel-heading a.active {
    color: rgb(233, 27, 35);
    border-bottom: 1px solid rgb(55, 55, 55) !important;
}

.div-panel.panel-group .panel-heading a.active .panel-icon::after {
    background: rgb(233, 27, 35);
    color: #fff;
    content: "-";
}

.div-panel.panel-group .panel-body {
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    padding-left: 25px;
}

.div-panel.panel-group .list-group {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.div-panel.panel-group .list-group .list-group-item {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    padding: 4px 15px;
    padding-right: 0px;
    padding-left: 25px;
    word-break: break-all;
}

.div-panel.panel-group .list-group .list-group-item .rank-icon {
    margin-top: 3px;
}

.div-panel.panel-group a.active.list-group-item,
.div-panel.panel-group a.active.list-group-item:hover,
.div-panel.panel-group a.active.list-group-item:focus {
    background-color: rgb(245, 245, 245);
    color: crimson;
    border-color: none;
    font-weight: bold;
}


/* Tabs ------------------------------------------------------ */

.tabs li a {
    cursor: pointer !important;
}

.div-tab.tabs,
.div-tab-top.tabs,
.div-tab-bottom.tabs,
.div-tab-btn.tabs {
    margin-bottom: 0;
}

.div-tab.tabs::before,
.div-tab-top.tabs::before,
.div-tab-bottom.tabs::before,
.div-tab-btn.tabs::before {
    display: table;
    content: " ";
}

.div-tab.tabs::after,
.div-tab-top.tabs::after,
.div-tab-bottom.tabs::after,
.div-tab-btn.tabs::after {
    display: table;
    content: " ";
}

.div-tab.tabs::after,
.div-tab-top.tabs::after,
.div-tab-bottom.tabs::after,
.div-tab-btn.tabs::after {
    clear: both;
}

.div-tab.tabs ul.nav-tabs,
.div-tab-top.tabs ul.nav-tabs,
.div-tab-bottom.tabs ul.nav-tabs {
    margin: 0;
}

.div-tab.tabs div.tab-content {
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    padding: 15px;
}

.div-tab-top.tabs div.tab-content,
.div-tab-bottom.tabs div.tab-content {
    border: 0;
    padding: 15px 0;
}

.div-tab.tabs div.tab-content,
.div-tab-top.tabs div.tab-content,
.div-tab-bottom.tabs div.tab-content {
    border-radius: 0;
    border-image: none;
    box-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: none;
    -moz-border-radius: none;
    -webkit-border-radius: 0;
}

.div-tab.tabs ul.nav-tabs li {
    background: rgb(247, 247, 247);
    border-image: none;
    color: #333;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
    line-height: 14px !important;
}

.div-tab.tabs ul.nav-tabs li:hover,
.div-tab.tabs ul.nav-tabs li:focus {
    border: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
}

.div-tab.tabs ul.nav-tabs li:first-child {
    border-left: 1px solid rgb(221, 221, 221);
    margin-left: 0px;
}

.div-tab.tabs ul.nav-tabs li:last-child,
.div-tab.tabs ul.nav-tabs li:last-child:hover {
    border-right: 1px solid rgb(221, 221, 221);
}

.div-tab.tabs ul.nav-tabs li.active {
    background: #fff;
    border-top: 1px solid #333;
}

.div-tab.tabs ul.nav-tabs li a,
.div-tab.tabs ul.nav-tabs li a:hover,
.div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a,
.div-tab.tabs ul.nav-tabs li:first-child a:hover,
.div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a,
.div-tab.tabs ul.nav-tabs li:last-child a:hover,
.div-tab.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0;
    line-height: 14px !important;
}

.div-tab.tabs ul.nav-tabs li.active a,
.div-tab.tabs ul.nav-tabs li.active a:hover,
.div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a,
.div-tab.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a,
.div-tab.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid transparent;
    margin: 0;
    line-height: 14px !important;
}

.div-tab-top.tabs ul.nav-tabs,
.div-tab-bottom.tabs ul.nav-tabs {
    background: none;
    border-image: none;
    color: #333;
    margin: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-image: none;
    line-height: 18px;
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.div-tab-top.tabs ul.nav-tabs li,
.div-tab-bottom.tabs ul.nav-tabs li {
    border: 0;
    margin: 0;
    line-height: 14px !important;
}

.div-tab-top.tabs ul.nav-tabs li a,
.div-tab-top.tabs ul.nav-tabs li a:hover,
.div-tab-top.tabs ul.nav-tabs li a:focus,
.div-tab-top.tabs ul.nav-tabs li:first-child a,
.div-tab-top.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-top.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:last-child a,
.div-tab-top.tabs ul.nav-tabs li:last-child a:hover,
.div-tab-top.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid transparent;
    border-bottom: 0;
    padding: 12px 12px 10px;
    margin-top: -1px;
    line-height: 14px !important;
}

.div-tab-top.tabs ul.nav-tabs li.active a,
.div-tab-top.tabs ul.nav-tabs li.active a:hover,
.div-tab-top.tabs ul.nav-tabs li.active a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid #333;
    border-bottom: 0;
    padding: 12px 12px 10px;
    line-height: 14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li a,
.div-tab-bottom.tabs ul.nav-tabs li a:hover,
.div-tab-bottom.tabs ul.nav-tabs li a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-bottom: 2px solid transparent;
    border-top: 0;
    padding: 12px 12px 10px;
    margin-bottom: -1px;
    line-height: 14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li.active a,
.div-tab-bottom.tabs ul.nav-tabs li.active a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-bottom: 2px solid #333;
    border-top: 0;
    padding: 12px 12px 10px;
    line-height: 14px !important;
}

.div-tab-line.tabs ul.nav-tabs li a,
.div-tab-line.tabs ul.nav-tabs li a:hover,
.div-tab-line.tabs ul.nav-tabs li a:focus,
.div-tab-line.tabs ul.nav-tabs li:first-child a,
.div-tab-line.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-line.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li:last-child a,
.div-tab-line.tabs ul.nav-tabs li:last-child a:hover,
.div-tab-line.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-top: 0;
    padding: 12px 12px 10px;
    margin: -1px 0px;
    line-height: 14px !important;
}

.div-tab-line.tabs ul.nav-tabs li.active a,
.div-tab-line.tabs ul.nav-tabs li.active a:hover,
.div-tab-line.tabs ul.nav-tabs li.active a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 12px 12px 10px;
    line-height: 14px !important;
}

.div-tab-box.tabs ul.nav-tabs {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-left: 1px solid #ddd;
}

.div-tab-box.tabs ul.nav-tabs li a {
    padding: 10px 15px;
    background: rgb(247, 247, 247);
    color: #333;
    margin-right: 0px;
    border-radius: 0px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #ddd;
}

.div-tab-box.tabs ul.nav-tabs li.active a {
    background: #333;
    color: #fff;
    font-weight: bold;
    border: 1px solid #333;
    cursor: pointer;
}

.div-tab-btn.tabs {
    border: 0px;
    padding: 0px;
}

.div-tab-btn.tabs ul.nav-tabs {
    border: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px;
}

.div-tab-btn.tabs ul.nav-tabs li {
    border: 0px;
    margin: 5px 0px;
    padding: 0;
}

.div-tab-btn.tabs ul.nav-tabs li a {
    padding: 7px 15px !important;
    background: none;
    border: 0px !important;
    margin: 0px;
    font-weight: normal;
}

.div-tab-btn.tabs ul.nav-tabs li.active a {
    border: 0px;
    color: #fff;
    font-weight: normal;
    background: #333;
    cursor: pointer;
}


/* Tabs Color */

.tabs-color-top.tabs ul.nav-tabs li.active,
.tabs-color-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(51, 51, 51) !important;
}

.tabs-darkred-top.tabs ul.nav-tabs li.active,
.tabs-darkred-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(170, 60, 63) !important;
}

.tabs-crimson-top.tabs ul.nav-tabs li.active,
.tabs-crimson-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(220, 20, 60) !important;
}

.tabs-red-top.tabs ul.nav-tabs li.active,
.tabs-red-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(233, 27, 35) !important;
}

.tabs-orangered-top.tabs ul.nav-tabs li.active,
.tabs-orangered-top.tabs ul.nav-tabs li.active a {
    border-top-color: orangered !important;
}

.tabs-orange-top.tabs ul.nav-tabs li.active,
.tabs-orange-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(240, 150, 20) !important;
}

.tabs-green-top.tabs ul.nav-tabs li.active,
.tabs-green-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(140, 195, 70) !important;
}

.tabs-lightgreen-top.tabs ul.nav-tabs li.active,
.tabs-lightgreen-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(160, 200, 80) !important;
}

.tabs-deepblue-top.tabs ul.nav-tabs li.active,
.tabs-deepblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(0, 125, 180) !important;
}

.tabs-skyblue-top.tabs ul.nav-tabs li.active,
.tabs-skyblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(100, 195, 245) !important;
}

.tabs-blue-top.tabs ul.nav-tabs li.active,
.tabs-blue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(52, 152, 219) !important;
}

.tabs-navy-top.tabs ul.nav-tabs li.active,
.tabs-navy-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(50, 60, 70) !important;
}

.tabs-violet-top.tabs ul.nav-tabs li.active,
.tabs-violet-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(85, 60, 125) !important;
}

.tabs-yellow-top.tabs ul.nav-tabs li.active,
.tabs-yellow-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(241, 196, 15) !important;
}

.tabs-darkgray-top.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #666 !important;
}

.tabs-gray-top.tabs ul.nav-tabs li.active,
.tabs-gray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #888 !important;
}

.tabs-lightgray-top.tabs ul.nav-tabs li.active,
.tabs-lightgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #ddd !important;
}

.tabs-black-top.tabs ul.nav-tabs li.active,
.tabs-black-top.tabs ul.nav-tabs li.active a {
    border-top-color: #333 !important;
}

.tabs-white-top.tabs ul.nav-tabs li.active,
.tabs-white-top.tabs ul.nav-tabs li.active a {
    border-top-color: #fff !important;
}

.tabs-color-bottom.tabs ul.nav-tabs li.active,
.tabs-color-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(51, 51, 51) !important;
}

.tabs-darkred-bottom.tabs ul.nav-tabs li.active,
.tabs-darkred-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(170, 60, 63) !important;
}

.tabs-crimson-bottom.tabs ul.nav-tabs li.active,
.tabs-crimson-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(220, 20, 60) !important;
}

.tabs-red-bottom.tabs ul.nav-tabs li.active,
.tabs-red-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(233, 27, 35) !important;
}

.tabs-orangered-bottom.tabs ul.nav-tabs li.active,
.tabs-orangered-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: orangered !important;
}

.tabs-orange-bottom.tabs ul.nav-tabs li.active,
.tabs-orange-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(240, 150, 20) !important;
}

.tabs-green-bottom.tabs ul.nav-tabs li.active,
.tabs-green-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(140, 195, 70) !important;
}

.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active,
.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(160, 200, 80) !important;
}

.tabs-deepblue-bottom.tabs ul.nav-tabs li.active,
.tabs-deepblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(0, 125, 180) !important;
}

.tabs-skyblue-bottom.tabs ul.nav-tabs li.active,
.tabs-skyblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(100, 195, 245) !important;
}

.tabs-blue-bottom.tabs ul.nav-tabs li.active,
.tabs-blue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(52, 152, 219) !important;
}

.tabs-navy-bottom.tabs ul.nav-tabs li.active,
.tabs-navy-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(50, 60, 70) !important;
}

.tabs-violet-bottom.tabs ul.nav-tabs li.active,
.tabs-violet-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(85, 60, 125) !important;
}

.tabs-yellow-bottom.tabs ul.nav-tabs li.active,
.tabs-yellow-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(241, 196, 15) !important;
}

.tabs-darkgray-bottom.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #666 !important;
}

.tabs-gray-bottom.tabs ul.nav-tabs li.active,
.tabs-gray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #888 !important;
}

.tabs-lightgray-bottom.tabs ul.nav-tabs li.active,
.tabs-lightgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #ddd !important;
}

.tabs-black-bottom.tabs ul.nav-tabs li.active,
.tabs-black-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #333 !important;
}

.tabs-white-bottom.tabs ul.nav-tabs li.active,
.tabs-white-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #fff !important;
}

.tabs-color-bg.tabs ul.nav-tabs li.active,
.tabs-color-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(51, 51, 51) !important;
    background: rgb(51, 51, 51) !important;
}

.tabs-darkred-bg.tabs ul.nav-tabs li.active,
.tabs-darkred-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(170, 60, 63) !important;
    background: rgb(170, 60, 63) !important;
}

.tabs-crimson-bg.tabs ul.nav-tabs li.active,
.tabs-crimson-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(220, 20, 60) !important;
    background: rgb(220, 20, 60) !important;
}

.tabs-red-bg.tabs ul.nav-tabs li.active,
.tabs-red-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(233, 27, 35) !important;
    background: rgb(233, 27, 35) !important;
}

.tabs-orangered-bg.tabs ul.nav-tabs li.active,
.tabs-orangered-bg.tabs ul.nav-tabs li.active a {
    border-color: orangered !important;
    background: orangered !important;
}

.tabs-orange-bg.tabs ul.nav-tabs li.active,
.tabs-orange-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(240, 150, 20) !important;
    background: rgb(240, 150, 20) !important;
}

.tabs-green-bg.tabs ul.nav-tabs li.active,
.tabs-green-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(140, 195, 70) !important;
    background: rgb(140, 195, 70) !important;
}

.tabs-lightgreen-bg.tabs ul.nav-tabs li.active,
.tabs-lightgreen-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(160, 200, 80) !important;
    background: rgb(160, 200, 80) !important;
}

.tabs-deepblue-bg.tabs ul.nav-tabs li.active,
.tabs-deepblue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(0, 125, 180) !important;
    background: rgb(0, 125, 180) !important;
}

.tabs-skyblue-bg.tabs ul.nav-tabs li.active,
.tabs-skyblue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(100, 195, 245) !important;
    background: rgb(100, 195, 245) !important;
}

.tabs-blue-bg.tabs ul.nav-tabs li.active,
.tabs-blue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(52, 152, 219) !important;
    background: rgb(52, 152, 219) !important;
}

.tabs-navy-bg.tabs ul.nav-tabs li.active,
.tabs-navy-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(50, 60, 70) !important;
    background: rgb(50, 60, 70) !important;
}

.tabs-violet-bg.tabs ul.nav-tabs li.active,
.tabs-violet-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(85, 60, 125) !important;
    background: rgb(85, 60, 125) !important;
}

.tabs-yellow-bg.tabs ul.nav-tabs li.active,
.tabs-yellow-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(241, 196, 15) !important;
    background: rgb(241, 196, 15) !important;
}

.tabs-darkgray-bg.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-bg.tabs ul.nav-tabs li.active a {
    border-color: #666 !important;
    background: #666 !important;
}

.tabs-gray-bg.tabs ul.nav-tabs li.active,
.tabs-gray-bg.tabs ul.nav-tabs li.active a {
    border-color: #888 !important;
    background: #888 !important;
}

.tabs-lightgray-bg.tabs ul.nav-tabs li.active,
.tabs-lightgray-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #ddd !important;
}

.tabs-black-bg.tabs ul.nav-tabs li.active,
.tabs-black-bg.tabs ul.nav-tabs li.active a {
    border-color: #333 !important;
    background: #333 !important;
}

.tabs-white-bg.tabs ul.nav-tabs li.active,
.tabs-white-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #fff !important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active {
    border-top-color: rgb(221, 221, 221) !important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active a {
    color: crimson !important;
    border-top-color: transparent !important;
}

.div-tab-box.tabs ul.nav-tabs li a {
    border-left: 0px !important;
}


/* Table ------------------------------------------------------ */

.div-table.table>thead>tr>th {
    vertical-align: middle;
}

.div-table.table>tbody>tr>th {
    vertical-align: middle;
}

.div-table.table>tfoot>tr>th {
    vertical-align: middle;
}

.div-table.table>thead>tr>td {
    vertical-align: middle;
}

.div-table.table>tbody>tr>td {
    vertical-align: middle;
}

.div-table.table>tfoot>tr>td {
    vertical-align: middle;
}

.div-table.table-no-border.table>thead>tr>th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tbody>tr>th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tfoot>tr>th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>thead>tr>td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tbody>tr>td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table-no-border.table>tfoot>tr>td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

.div-table.table>thead>tr>th {
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.div-table.table>thead>tr {
    background: rgb(243, 243, 243);
}


/* Progress Bars ------------------------------------------------------ */

.active.progress-bar .progress {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.div-progress.progress {
    position: relative;
    height: 28px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: rgb(245, 245, 245);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.div-progress.progress .sr-only {
    font-family: tahoma, sans-serif;
    margin: 0px 15px;
    left: 0px;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    clip: auto;
}

.div-progress .sr-score {
    font-family: tahoma, sans-serif;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-right: 8px;
}


/* Syntaxhighlighter ------------------------------------------------------ */

.syntaxhighlighter .line {
    font-size: 13px !important;
    line-height: 20px !important;
}


/* Shadow Lines ------------------------------------------------------ */

.shadow-line {
    display: block;
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow: hidden !important;
    text-align: center;
    vertical-align: top;
}

.shadow-line img {
    display: block;
    border: 0;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}


/* Person ------------------------------------------------------ */

.person {
    margin-bottom: 15px;
}

.person .person-desc {
    margin-top: 18px;
}

.person .person-desc .person-author {
    display: table;
    width: 100%;
}

.person .person-desc .person-author .person-author-wrapper {
    min-width: 50%;
}

.person .person-desc .person-author .person-name {
    display: block;
    line-height: 20px;
}

.person .person-desc .person-author .person-title {
    display: block;
    line-height: 20px;
    color: #747474;
}

.person .person-desc .person-author .person-social {
    max-width: 50%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.person .person-social a {
    margin-left: 12px;
}

.person .person-content {
    margin-top: 8px;
    color: #747474;
}


/* Image ------------------------------------------------------ */

.img-wrap {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.img-wrap.img-fix {
    margin-bottom: -1px;
}

.img-wrap .img-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img-wrap .img-item.img-fix {
    margin-top: -1px -1px 0px;
}

.img-wrap .img-item img {
    display: block;
    border: 0;
    width: 100.5%;
    height: auto;
    margin: 0px auto;
}

.img-wrap .img-item.img-full img {
    width: 100%;
    height: 100%;
}

.img-wrap .img-item.img-height img {
    width: auto;
    height: 100%;
}

.img-wrap .img-item.img-auto img {
    width: auto;
    height: auto;
}

.img-ratio {
    display: block;
    position: relative;
    overflow: hidden;
}

.img-ratio .img-item {
    position: relative;
    overflow: hidden;
}

.img-ratio .img-item img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
    margin: 0px auto;
}

.in-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.in-subject {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 6px 8px;
    margin: 0;
    line-height: 20px;
}

.in-caption {
    position: absolute;
    bottom: 20%;
    padding: 6px 8px;
    margin: 0;
    line-height: 20px;
}

.in-title {
    position: absolute;
    bottom: 20%;
    padding: 10px 15px;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.in-left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.in-left-b {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.in-right {
    position: absolute;
    top: 0px;
    right: 0px;
}

.in-right-b {
    position: absolute;
    top: 0px;
    right: 0px;
}


/* Image & Box Frames ------------------------------------------------------ */

.boxframe {
    margin: 0px auto;
    z-index: 0;
    position: relative;
}

.boxframe iframe,
.boxframe embed,
.boxframe object {
    display: block;
}

.imgframe {
    display: block;
    z-index: 0;
    position: relative;
}

.imgframe.img-border,
.boxframe.box-border {
    border: 6px solid #f6f6f6;
}

.imgframe.img-grow,
.boxframe.box-grow {
    border: 6px solid #f6f6f6;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.imgframe.img-shadow,
.boxframe.box-shadow {
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
}

.imgframe.img-bottomshadow,
.boxframe.box-bottomshadow {
    margin: 0;
}

.imgframe.img-bottomshadow::before,
.imgframe.img-bottomshadow::after,
.boxframe.box-bottomshadow::before,
.boxframe.box-bottomshadow::after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.imgframe.img-bottomshadow::after,
.boxframe.box-bottomshadow::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}


/* Date Boxes ------------------------------------------------------ */

.date-box {
    width: 82px;
    text-align: center;
}

.date-box .date-item {
    padding: 8px 0 5px 0;
}

.date-box .date-item .date {
    display: block;
    line-height: 29px;
    font-size: 29px;
    font-weight: bold;
}

.date-box .date-icon {
    margin-top: 3px;
    background-color: #eef0f2;
}

.date-box .date-icon i {
    display: block;
    line-height: 55px;
    font-size: 30px;
}


/* Background Boxes ------------------------------------------------------ */

.div-bg-box {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.div-bg-box.bg-fixed {
    background-attachment: fixed;
}

.div-bg-box.bg-top {
    background-position: center top;
}


/* UL List ------------------------------------------------------ */

.div-ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.div-ul li {
    line-height: 26px;
}


/* Flip Boxes ------------------------------------------------------ */

.flip-container {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

.flip-container:hover .flip-back,
.flip-container.hover .flip-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .flip-front,
.flip-container.hover .flip-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-horizontal {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.flip-front,
.flip-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 214px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    padding: 27px 20px 27px 20px;
    text-align: center;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
    -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
}

.flip-front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: lightgreen;
    z-index: 2;
}

.flip-back {
    background: lightblue;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-vertical .flip-back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip-vertical.flip-container .flip-box {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}

.flip-vertical.flip-container:hover .flip-back,
.flip-vertical.flip-container.hover .flip-back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.flip-vertical.flip-container:hover .flip-front,
.flip-vertical.flip-container.hover .flip-front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip-box {
    position: relative;
    min-height: 214px;
    margin-bottom: 15px;
}

.flip-box .flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%;
}

.flip-box .flip-circle i {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}

.flip-box .no-circle {
    font-size: 60px;
}

.flip-box .flip-grafix {
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}

.flip-box .flip-heading {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px;
}

.flip-box .flip-heading-back {
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 14px;
    text-transform: uppercase;
}

.flip-box .flip-img {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.flip-box .flip-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    border: 0px;
}


/* Content-Boxes & FA ------------------------------------------------------ */

i.large,
img.large,
.fix-icon.large i,
.fix-icon.large img {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}

i.normal,
img.normal,
.fix-icon.normal i,
.fix-icon.normal img {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
}

i.medium,
img.medium,
.fix-icon.medium i,
.fix-icon.medium img {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}

i.tiny,
img.tiny,
.fix-icon.tiny i,
.fix-icon.tiny img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    margin-right: 3px;
}

i.circle,
img.circle,
.fix-icon.circle i,
.fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
    vertical-align: middle;
}

i.dark-circle,
img.dark-circle,
.fix-icon.dark-circle i,
.fix-icon.dark-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff;
}

i.light-circle,
img.light-circle,
.fix-icon.light-circle i,
.fix-icon.light-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}

.content-box {
    margin: 0 0 15px;
    line-height: 20px;
}

.content-box .heading:hover i {
    background-color: rgb(233, 27, 35);
    color: rgb(255, 255, 255);
    border-color: rgb(233, 27, 35);
}

.content-box .text {
    color: #747474;
    margin: 0 0 10px;
}

.content-box .more a {
    font-size: 11px;
    font-weight: normal;
    color: #888;
    letter-spacing: -1px;
}

.content-box .more i.fa {
    margin: 0 4px;
}

.content-box-bg {
    height: auto;
    overflow: visible;
    background-color: rgb(246, 246, 246);
    padding: 35px 12px 12px;
    text-align: center;
}

.content-box-bg .heading {
    overflow: visible;
    position: relative;
    text-align: center;
}

.content-box-bg .heading i.fa.large {
    display: block;
    position: absolute;
    left: 50%;
    float: none;
    margin-left: -32px;
    top: -80px;
}


/* Text Boxes ------------------------------------------------------ */

.div-box {
    position: relative;
    padding: 28px 28px 27px 31px;
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230);
    background-color: rgb(255, 255, 255);
}

.div-box-shadow {
    z-index: 1;
    position: relative;
}

.div-box-shadow .div-box::before,
.div-box-shadow .div-box::after {
    opacity: 0.7;
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.div-box-shadow .div-box::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

.div-box-dark {
    margin: 0px;
    padding: 15px;
    color: rgb(255, 255, 255);
    background-color: rgb(55, 55, 55);
    border-left: 5px solid rgb(0, 0, 0);
}

.div-box-dark a,
.div-box-dark a:hover,
.div-box-dark a:focus {
    color: rgb(255, 255, 255);
}

.div-box-light {
    margin: 0px;
    padding: 15px;
    color: rgb(51, 51, 51);
    background-color: rgb(245, 245, 245);
    border-left: 5px solid rgb(0, 0, 0);
}


/* Dividers ------------------------------------------------------ */

.div-title-block-thin,
.div-title-block-bold {
    position: relative;
    margin-bottom: 20px;
}

.div-title-block-thin::before,
.div-title-block-bold::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.div-title-block-thin::before {
    height: 1px;
    margin-top: -1px;
    background: #e7e6e6;
}

.div-title-block-bold::before {
    height: 6px;
    background: rgb(240, 240, 240);
    margin-top: -4px;
}

.div-title-block-thin span,
.div-title-block-bold span {
    background: #fff;
    padding: 0 12px;
    margin: 0 15px;
    position: relative;
    z-index: 2;
}

.div-title-line-thin,
.div-title-line-bold {
    width: 100%;
    padding: 12px 0px 6px;
    margin: 0 0 20px;
}

.div-title-line-thin {
    border-bottom: 1px solid #e7e6e6;
}

.div-title-line-bold {
    border-bottom: 6px solid rgb(240, 240, 240);
}

.div-title-underline-thin,
.div-title-underline-bold {
    margin: 0px 0px 15px;
    padding: 0px 0px 5px;
    text-transform: capitalize;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.div-title-underline-thin {
    border-bottom: 1px solid rgb(51, 51, 51);
}

.div-title-underline-bold {
    border-bottom: 3px solid rgb(51, 51, 51);
}

.div-title-underbar {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}

.div-title-underbar span {
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 0;
}
.div-title-underbar a:hover span.div-title-underbar-bold{
    color: crimson;
}
.div-title-underbar-thin {
    border-bottom: 1px solid #333333;
}

.div-title-underbar-bold {
    border-bottom: 2px solid #333333;
}

.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}

.div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap;
}

.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}

.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}

.sep-thin.div-sep {
    height: 1px;
    margin-top: -1px;
    background: #e7e6e6;
}

.sep-bold.div-sep {
    height: 6px;
    margin-top: -3px;
    background: rgb(240, 240, 240);
}

.div-separator {
    margin: 30px auto 0;
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 1;
}

.div-sep-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
    font-size: 14px;
    color: rgb(205, 205, 205);
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid rgb(205, 205, 205);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 26px !important;
}

.div-sep-icon i {
    margin: 0 auto;
    line-height: 24px;
}

.div-sep-line {
    clear: both;
    height: 40px;
    border-top: 1px solid #e7e6e6;
}

.sep-shadow.div-separator::after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: "";
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
}

.sep-shadow.div-separator {
    margin: 20px 0px;
    height: 1px;
    overflow: visible;
    border: none;
    background: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.div-sep-arrow-top,
.div-sep-arrow-bottom {
    position: relative;
}

.sep-arrow {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    height: 0px;
    width: 0px;
    border-style: solid;
}

.div-sep-arrow-bottom .sep-arrow {
    border-width: 29px 29px 0 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.div-sep-arrow-top .sep-arrow {
    top: -29px;
    border-width: 0 29px 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.div-sep-bar,
.div-sep-bar-thin,
.div-sep-bar-bold {
    position: relative;
    margin: 0px auto;
    width: 100px;
    background: rgb(240, 240, 240);
}

.div-sep-bar {
    height: 6px;
}

.div-sep-bar-thin {
    height: 1px;
}

.div-sep-bar-bold {
    height: 2px;
}

ul.div-ring {
    text-align: center;
    padding: 10px 8px;
    margin: 0px;
    overflow: hidden;
}

ul.div-ring li {
    width: 186px;
    height: 186px;
    background: rgba(210, 210, 210, 0.3);
    border-radius: 50%;
    padding: 20px;
    margin: -10px -8px;
    overflow: hidden;
}

ul.div-ring .ring-item {
    display: inline-block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 32px 10px 0px;
    line-height: 1px !important;
}

ul.div-ring h4 {
    line-height: 26px;
    margin: 0px;
}

ul.div-ring p {
    margin: 10px 0px 0px;
    padding: 0px;
    letter-spacing: -1px;
    line-height: 20px;
}


/* Carousel Fade Effect ------------------------------------------------------ */

.carousel.at-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.carousel.at-fade .active.left,
.carousel.at-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.at-fade .next,
.carousel.at-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.at-fade .carousel-control {
    z-index: 3;
}

.carousel.at-vertical .carousel-inner {
    height: 100%;
}

.carousel.at-vertical .item {
    transition: all 0.6s ease-in-out;
    left: 0;
}

.carousel.at-vertical.up .active,
.carousel.at-vertical.up .next.left,
.carousel.at-vertical.up .prev.right {
    top: 0;
    left: 0;
}

.carousel.at-vertical.up .next,
.carousel.at-vertical.up .active.right {
    top: 100%;
    left: 0;
}

.carousel.at-vertical.up .prev,
.carousel.at-vertical.up .active.left {
    top: -100%;
    left: 0
}

.carousel.at-vertical.down .active,
.carousel.at-vertical.down .next.left,
.carousel.at-vertical.down .prev.right {
    bottom: 0;
    left: 0;
}

.carousel.at-vertical.down .next,
.carousel.at-vertical.down .active.right {
    bottom: 100%;
    left: 0;
}

.carousel.at-vertical.down .prev,
.carousel.at-vertical.down .active.left {
    bottom: -100%;
    left: 0
}

.carousel.div-carousel .carousel-control {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px !important;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

.carousel.div-carousel:hover .carousel-control {
    display: block;
    z-index: 1;
}

.carousel.div-carousel:hover .carousel-control:hover {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3);
}

.carousel.div-carousel .carousel-control.left {
    left: 0px;
    top: 50%;
}

.carousel.div-carousel .carousel-control.right {
    right: 0px;
    top: 50%;
}

.carousel.div-carousel .carousel-indicators {
    z-index: 2;
    bottom: 10px;
    margin-bottom: 0px;
    padding: 0px;
}

.carousel.div-carousel .carousel-indicators li {
    border: 0;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.carousel.div-carousel .carousel-indicators .active {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.carousel.div-carousel .slide-title {
    position: absolute;
    bottom: 20%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    margin: 0;
}


/* Talk Boxs ------------------------------------------------------ */

.talk-box-wrap {
    margin: 0 0 20px;
}

.talk-box {
    margin: 0;
}

.talk-box.talk-left {
    margin-right: 70px;
}

.talk-box.talk-right {
    margin-left: 70px;
}

.talk-bubble {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee;
    padding: 3%;
    border-radius: 4px;
}

.talk-bubble:after,
.talk-bubble:before {
    margin: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.talk-bubble:after {
    border-color: rgba(245, 245, 245, 0);
    border-width: 12px;
}

.talk-bubble:before {
    border-color: rgba(238, 238, 238, 0);
    border-width: 13px;
}

.talk-top .talk-bubble {
    margin: 0 0 20px;
}

.talk-bottom .talk-bubble {
    margin: 20px 0 0;
}

.talk-left .talk-bubble,
.talk-right .talk-bulle {
    min-height: 50px;
}

.talk-bottom .talk-bubble:after,
.talk-bottom .talk-bubble:before {
    bottom: 100%;
    left: 25px;
}

.talk-bottom .talk-bubble:after {
    border-bottom-color: #f5f5f5;
    margin-left: -12px;
}

.talk-bottom .talk-bubble:before {
    border-bottom-color: #eee;
    margin-left: -13px;
}

.talk-left .talk-bubble:after,
.talk-left .talk-bubble:before {
    left: 100%;
    top: 25px;
}

.talk-left .talk-bubble:after {
    border-left-color: #f5f5f5;
    margin-top: -12px;
}

.talk-left .talk-bubble:before {
    border-left-color: #eee;
    margin-top: -13px;
}

.talk-top .talk-bubble:after,
.talk-top .talk-bubble:before {
    top: 100%;
    left: 25px;
}

.talk-top .talk-bubble:after {
    border-top-color: #f5f5f5;
    margin-left: -12px;
}

.talk-top .talk-bubble:before {
    border-top-color: #eee;
    margin-left: -13px;
}

.talk-right .talk-bubble:after,
.talk-right .talk-bubble:before {
    right: 100%;
    top: 25px;
}

.talk-right .talk-bubble:after {
    border-right-color: #f5f5f5;
    margin-top: -12px;
}

.talk-right .talk-bubble:before {
    border-right-color: #eee;
    margin-top: -13px;
}

.talker-one {
    height: 50px;
    line-height: 48px;
    color: #747474;
}

.talker-two {
    height: 50px;
    line-height: 24px;
    color: #747474;
}

.talker-photo,
.talker-photo i,
.talker-photo img,
i.talker-photo {
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 50px;
    font-size: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    background-color: rgb(240, 240, 240);
    color: #fff;
}

.talker-photo i,
.talker-photo img {
    float: left;
}

.talker-one .talker-info i {
    margin-left: 12px;
}

.talker-two .talker-info span {
    margin-right: 12px;
}


/* Form Box ------------------------------------------------------ */

.form-box {
    margin: 0px 0px 15px;
    border: 1px solid rgb(231, 231, 231);
    transition: 0.3s linear;
    border-image: none;
    overflow: hidden;
    position: relative;
    cursor: default;
    -webkit-transition: all 0.3s linear;
    background: rgb(252, 252, 252);
    border-top: 1px solid rgb(231, 231, 231);
    border-bottom: 1px solid rgb(231, 231, 231);
}

.form-box::before {
    display: table;
    content: "";
}

.form-box::after {
    display: table;
    content: "";
}

.form-box::after {
    clear: both;
}

.form-box label.checkbox,
.form-box label.radio {
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.form-box .form-icon {
    margin: 25px auto;
    border-radius: 80px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    display: block;
}

.form-box .form-header {
    padding: 15px;
    border-bottom-color: rgb(243, 243, 243);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.form-box .form-header h2,
.form-box .form-heading {
    margin: 0px;
    padding: 0px !important;
    font-size: 18px;
    font-weight: 500;
}

.form-box .form-body {
    background: rgb(255, 255, 255);
    padding: 15px;
}

.form-box .form-body p {
    padding-left: 0px;
    margin-bottom: 10px;
}

.form-box .form-body .condition {
    margin: 10px 0px;
    height: 200px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
}

.form-box .form-footer {
    padding: 6px 0px;
    border-top-color: rgb(243, 243, 243);
    border-top-width: 1px;
    border-top-style: solid;
}

.form-box .form-footer::before {
    display: table;
    content: "";
}

.form-box .form-footer::after {
    display: table;
    content: "";
    clear: both;
}

.form-box .form-footer p {
    margin: 6px 15px;
}

.form-box .form-footer a {
    margin: 0px 15px;
}


/* Labels ------------------------------------------------------ */

.label-tack {
    left: 0px;
    top: 10px;
    z-index: 1;
    position: absolute;
    font-weight: normal;
}

.label-band {
    z-index: 2;
    font-family: tahoma;
    top: 5px;
    letter-spacing: 1px;
    width: 100px;
    padding: 5px;
    right: -32px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: normal;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.label-cap {
    z-index: 2;
    font-family: tahoma;
    top: -11px;
    letter-spacing: 1px;
    width: 140px;
    padding: 20px 0px 3px;
    right: -60px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: normal;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/* Icons ------------------------------------------------------ */

.rank-icon {
    display: inline-block;
    padding: 0px 6px;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 16px;
    font-weight: normal;
    margin-right: 2px;
    min-width: 22px;
    text-align: center;
}

.tack-icon {
    display: inline-block;
    padding: 4px 6px 2px;
    font-family: dotum;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 11px;
    font-weight: normal;
}

.social-icon a {
    margin: 0px;
    font-size: 18px;
    color: rgb(190, 189, 189);
    display: inline-block;
    text-align: center;
}

.boxed-icon.social-icon a {
    min-width: 40px;
    line-height: 24px;
    padding: 8px;
    background-color: #46494a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    border: 1px solid #46494a;
    color: #fff;
}

.boxed-icon.social-icon a i {
    vertical-align: middle;
}


/* Button ------------------------------------------------------ */

.btn.btn-color {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: #ff4848;
    background-color: #ff4848;
}

.btn.active.btn-color,
.btn.btn-color:hover,
.btn.btn-color:focus,
.btn.btn-color:active {
    background-color: #ff4848;
}

.btn.btn-dark {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #000;
    background-color: #333;
}

.btn.active.btn-dark,
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active {
    border-color: #ff4848;
    background-color: #ff4848;
}

.btn.btn-black {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #111;
    background-color: #333;
}

.btn.active.btn-black,
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black:active {
    background-color: #111;
}

.btn.btn-white {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fff;
}

.btn.active.btn-white,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
    background-color: #f5f5f5;
}

.btn.btn-gray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ccc;
    background-color: #eee;
}

.btn.active.btn-gray,
.btn.btn-gray:hover,
.btn.btn-gray:focus,
.btn.btn-gray:active {
    background-color: #f5f5f5;
}

.btn.btn-lightgray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fafafa;
}

.btn.active.btn-lightgray,
.btn.btn-lightgray:hover,
.btn.btn-lightgray:focus,
.btn.btn-lightgray:active {
    background-color: transparent;
}

.btn.btn-darkgray {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #444;
    background-color: #666;
}

.btn.active.btn-darkgray,
.btn.btn-darkgray:hover,
.btn.btn-darkgray:focus,
.btn.btn-darkgray:active {
    background-color: #444;
}

.btn.btn-red {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(213, 7, 15);
    background-color: rgb(233, 27, 35);
}

.btn.active.btn-red,
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active {
    background-color: rgb(213, 7, 15);
}

.btn.btn-darkred {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(150, 25, 30);
    background-color: rgb(170, 60, 63);
}

.btn.active.btn-darkred,
.btn.btn-darkred:hover,
.btn.btn-darkred:focus,
.btn.btn-darkred:active {
    background-color: rgb(150, 25, 30);
}

.btn.btn-crimson {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(190, 20, 50);
    background-color: rgb(220, 20, 60);
}

.btn.active.btn-crimson,
.btn.btn-crimson:hover,
.btn.btn-crimson:focus,
.btn.btn-crimson:active {
    background-color: rgb(190, 20, 50);
}

.btn.btn-orangered {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(240, 0, 0);
    background-color: orangered;
}

.btn.active.btn-orangered,
.btn.btn-orangered:hover,
.btn.btn-orangered:focus,
.btn.btn-orangered:active {
    background-color: rgb(240, 0, 0);
}

.btn.btn-orange {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(240, 130, 0);
    background-color: rgb(240, 150, 20);
}

.btn.active.btn-orange,
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange:active {
    background-color: rgb(240, 130, 0);
}

.btn.btn-green {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(110, 180, 20);
    background-color: rgb(140, 195, 70);
}

.btn.active.btn-green,
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active {
    background-color: rgb(110, 180, 20);
}

.btn.btn-lightgreen {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(130, 190, 60);
    background-color: rgb(160, 200, 80);
}

.btn.active.btn-lightgreen,
.btn.btn-lightgreen:hover,
.btn.btn-lightgreen:focus,
.btn.btn-lightgreen:active {
    background-color: rgb(130, 190, 60);
}

.btn.btn-deepblue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(0, 110, 160);
    background-color: rgb(0, 125, 180);
}

.btn.active.btn-deepblue,
.btn.btn-deepblue:hover,
.btn.btn-deepblue:focus,
.btn.btn-deepblue:active {
    background-color: rgb(0, 110, 160);
}

.btn.btn-skyblue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(60, 180, 245);
    background-color: rgb(100, 195, 245);
}

.btn.active.btn-skyblue,
.btn.btn-skyblue:hover,
.btn.btn-skyblue:focus,
.btn.btn-skyblue:active {
    background-color: rgb(60, 180, 245);
}

.btn.btn-blue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(40, 130, 190);
    background-color: rgb(52, 152, 219);
}

.btn.active.btn-blue,
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active {
    background-color: rgb(40, 130, 190);
}

.btn.btn-navy {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(40, 40, 50);
    background-color: rgb(50, 60, 70);
}

.btn.active.btn-navy,
.btn.btn-navy:hover,
.btn.btn-navy:focus,
.btn.btn-navy:active {
    background-color: rgb(40, 40, 50);
}

.btn.btn-violet {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(65, 50, 100);
    background-color: rgb(85, 60, 125);
}

.btn.active.btn-violet,
.btn.btn-violet:hover,
.btn.btn-violet:focus,
.btn.btn-violet:active {
    background-color: rgb(65, 50, 100);
}

.btn.btn-yellow {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(230, 180, 0);
    background-color: rgb(240, 195, 15);
}

.btn.active.btn-yellow,
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-yellow:active {
    background-color: rgb(230, 180, 0);
}

.btn.btn-trans {
    color: #fff !important;
    border-image: none !important;
    background: none;
    border: 2px solid #fff;
}

.btn.active.btn-trans,
.btn.btn-trans:hover,
.btn.btn-trans:focus,
.btn.btn-trans:active {
    color: rgb(213, 7, 15) !important;
    background-color: #fff;
    background-image: none;
}


/* ====================================================================================================================
* Font, Color 등 설정은 제일 하단에 위치시킴
* ====================================================================================================================*/


/* Background Color ------------------------------------------------------ */

.bg-red,
i.bg-red,
.badge.bg-red {
    background-color: rgb(233, 27, 35);
    color: #fff;
}

.bg-darkred,
i.bg-darkred,
.badge.bg-darkred {
    background-color: rgb(170, 60, 63);
    color: #fff;
}

.bg-crimson,
i.bg-crimson,
.badge.bg-crimson {
    background-color: rgb(220, 20, 60);
    color: #fff;
}

.bg-orangered,
i.bg-orangered,
.badge.bg-orangered {
    background-color: orangered;
    color: #fff;
}

.bg-orange,
i.bg-orange,
.badge.bg-orange {
    background-color: rgb(240, 150, 20);
    color: #fff;
}

.bg-green,
i.bg-green,
.badge.bg-green {
    background-color: rgb(140, 195, 70);
    color: #fff;
}

.bg-lightgreen,
i.bg-lightgreen,
.badge.bg-lightgreen {
    background-color: rgb(160, 200, 80);
    color: #fff;
}

.bg-deepblue,
i.bg-deepblue,
.badge.bg-deepblue {
    background-color: rgb(0, 125, 180);
    color: #fff;
}

.bg-skyblue,
i.bg-skyblue,
.badge.bg-skyblue {
    background-color: rgb(100, 195, 245);
    color: #fff;
}

.bg-blue,
i.bg-blue,
.badge.bg-blue {
    background-color: rgb(52, 152, 219);
    color: #fff;
}

.bg-navy,
i.bg-navy,
.badge.bg-navy {
    background-color: rgb(50, 60, 70);
    color: #fff;
}

.bg-violet,
i.bg-violet,
.badge.bg-violet {
    background-color: rgb(85, 60, 125);
    color: #fff;
}

.bg-yellow,
i.bg-yellow,
.badge.bg-yellow {
    background-color: rgb(241, 196, 15);
    color: #fff;
}

.bg-darkgray,
i.bg-darkgray,
.badge.bg-darkgray {
    background-color: #666;
    color: #fff;
}

.bg-gray,
i.bg-gray,
.badge.bg-gray {
    background-color: #888;
    color: #fff;
}

.bg-lightgray,
i.bg-lightgray,
.badge.bg-lightgray {
    background-color: #ddd;
    color: #fff;
}

.bg-white,
i.bg-white,
.badge.bg-white {
    background-color: #fff;
    color: #333;
}

.bg-light,
i.bg-light,
.badge.bg-light {
    color: #333;
    background-color: #f5f5f5;
}

.bg-light-border,
i.bg-light-border,
.badge.bg-light-border {
    color: #333;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
}

.bg-black,
i.bg-black,
.badge.bg-black {
    background-color: #333;
    color: #fff;
}

.bg-color,
i.bg-color,
.badge.bg-color {
    background-color: rgb(233, 27, 35);
    color: #fff;
}


/* Border Color ------------------------------------------------------ */

.border-red,
i.border-red,
img.border-red {
    border-color: rgb(233, 27, 35);
}

.border-darkred,
i.border-darkred,
img.border-darkred {
    border-color: rgb(170, 60, 63);
}

.border-crimson,
i.border-crimson,
img.border-crimson {
    border-color: rgb(220, 20, 60);
}

.border-orangered,
i.border-orangered,
img.border-orangered {
    border-color: orangered;
}

.border-orange,
i.border-orange,
img.border-orange {
    border-color: rgb(240, 150, 20);
}

.border-green,
i.border-green,
img.border-green {
    border-color: rgb(140, 195, 70);
}

.border-lightgreen,
i.border-lightgreen,
img.border-lightgreen {
    border-color: rgb(160, 200, 80);
}

.border-deepblue,
i.border-deepblue,
img.border-deepblue {
    border-color: rgb(0, 125, 180);
}

.border-skyblue,
i.border-skyblue,
img.border-skyblue {
    border-color: rgb(100, 195, 245);
}

.border-blue,
i.border-blue,
img.border-blue {
    border-color: rgb(52, 152, 219);
}

.border-navy,
i.border-navy,
img.border-navy {
    border-color: rgb(50, 60, 70);
}

.border-violet,
i.border-violet,
img.border-violet {
    border-color: rgb(85, 60, 125);
}

.border-yellow,
i.border-yellow,
img.border-yellow {
    border-color: rgb(241, 196, 15);
}

.border-darkgray,
i.border-darkgray,
img.border-darkgray {
    border-color: #666;
}

.border-gray,
i.border-gray,
img.border-gray {
    border-color: #888;
}

.border-lightgray,
i.border-lightgray,
img.border-lightgray {
    border-color: #ddd;
}

.border-white,
i.border-white,
img.border-white {
    border-color: #fff;
}

.border-light,
i.border-light,
img.border-light {
    border-color: #f5f5f5;
}

.border-black,
i.border-black,
img.border-black {
    border-color: #333;
}

.border-color,
i.border-color,
img.border-color {
    border-color: rgb(233, 27, 35);
}


/* Hover Color ------------------------------------------------------ */

.hover-red:hover {
    background-color: rgb(233, 27, 35);
    color: #fff;
}

.hover-darkred:hover {
    background-color: rgb(170, 60, 63);
    color: #fff;
}

.hover-crimson:hover {
    background-color: rgb(220, 20, 60);
    color: #fff;
}

.hover-orangered:hover {
    background-color: orangered;
    color: #fff;
}

.hover-orange:hover {
    background-color: rgb(240, 150, 20);
    color: #fff;
}

.hover-green:hover:hover {
    background-color: rgb(140, 195, 70);
    color: #fff;
}

.hover-lightgreen:hover {
    background-color: rgb(160, 200, 80);
    color: #fff;
}

.hover-deepblue:hover {
    background-color: rgb(0, 125, 180);
    color: #fff;
}

.hover-skyblue:hover {
    background-color: rgb(100, 195, 245);
    color: #fff;
}

.hover-blue:hover {
    background-color: rgb(52, 152, 219);
    color: #fff;
}

.hover-navy:hover {
    background-color: rgb(50, 60, 70);
    color: #fff;
}

.hover-violet:hover {
    background-color: rgb(85, 60, 125);
    color: #fff;
}

.hover-yellow:hover {
    background-color: rgb(241, 196, 15);
    color: #fff;
}

.hover-darkgray:hover {
    background-color: #666;
    color: #fff;
}

.hover-gray:hover {
    background-color: #888;
    color: #fff;
}

.hover-lightgray:hover {
    background-color: #ddd;
    color: #fff;
}

.hover-white:hover {
    background-color: #fff;
    color: #333;
}

.hover-black:hover {
    background-color: #333;
    color: #fff;
}

.hover-color:hover {
    background-color: rgb(233, 27, 35);
    color: #fff;
}


/* Trans Background Color ------------------------------------------------------ */

.trans-bg-red {
    background-color: rgba(233, 27, 35, 0.75) !important;
    color: #fff !important;
}

.trans-bg-darkred {
    background-color: rgba(170, 60, 63, 0.75) !important;
    color: #fff !important;
}

.trans-bg-crimson {
    background-color: rgba(220, 20, 60, 0.75) !important;
    color: #fff !important;
}

.trans-bg-orangered {
    background-color: rgba(255, 70, 0, 0.75) !important;
    color: #fff !important;
}

.trans-bg-orange {
    background-color: rgba(240, 150, 20, 0.75) !important;
    color: #fff !important;
}

.trans-bg-green {
    background-color: rgba(140, 195, 70, 0.75) !important;
    color: #fff !important;
}

.trans-bg-lightgreen {
    background-color: rgba(160, 200, 80, 0.75) !important;
    color: #fff !important;
}

.trans-bg-deepblue {
    background-color: rgba(0, 125, 180, 0.75) !important;
    color: #fff !important;
}

.trans-bg-skyblue {
    background-color: rgba(100, 195, 245, 0.75) !important;
    color: #fff !important;
}

.trans-bg-blue {
    background-color: rgba(52, 152, 219, 0.75) !important;
    color: #fff !important;
}

.trans-bg-navy {
    background-color: rgba(50, 60, 70, 0.75) !important;
    color: #fff !important;
}

.trans-bg-violet {
    background-color: rgba(85, 60, 125, 0.75) !important;
    color: #fff !important;
}

.trans-bg-yellow {
    background-color: rgba(241, 196, 15, 0.75) !important;
    color: #fff !important;
}

.trans-bg-darkgray {
    background-color: rgba(102, 98, 98, 0.75) !important;
    color: #fff !important;
}

.trans-bg-gray {
    background-color: rgba(102, 102, 102, 0.75) !important;
    color: #fff !important;
}

.trans-bg-lightgray {
    background-color: rgba(208, 208, 208, 0.75) !important;
    color: #fff !important;
}

.trans-bg-white {
    background-color: rgba(255, 255, 255, 0.75) !important;
    color: #333 !important;
}

.trans-bg-black {
    background-color: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
}

.trans-bg-color {
    background-color: rgba(233, 27, 35, 0.75) !important;
    color: #fff !important;
}

.trans-bg-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 8% !important;
    text-overflow: clip;
    white-space: normal;
}


/* Font ------------------------------------------------------ */

.font-normal {
    font-weight: normal;
}

.font-8,
i.font-8 {
    font-size: 8px;
}

.font-9,
i.font-9 {
    font-size: 9px;
}

.font-10,
i.font-10 {
    font-size: 10px;
}

.font-11,
i.font-11 {
    font-size: 11px;
}

.font-12,
i.font-12 {
    font-size: 12px;
}

.font-13,
i.font-13 {
    font-size: 13px;
}

.font-14,
i.font-14 {
    font-size: 14px;
}

.font-16,
i.font-16 {
    font-size: 16px;
}

.font-18,
i.font-18 {
    font-size: 18px;
}

.font-20,
i.font-20 {
    font-size: 20px;
}

.font-22,
i.font-22 {
    font-size: 22px;
}

.font-24,
i.font-24 {
    font-size: 24px;
}


/* Style ------------------------------------------------------ */

.cursor {
    cursor: pointer;
}

.count {
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    letter-spacing: -1px;
    line-height: 16px;
    padding-right: 1px;
}

.block {
    display: block;
}

.break-word {
    word-wrap: break-word;
}

.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.no-border {
    border: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-animation .collapsing {
    -webkit-transition: none;
    transition: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    display: none;
}

.btn-wset {
    display: none;
}


/* Height ------------------------------------------------------ */

.h10 {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.p10 {
    padding: 10px 0px;
}

.p15 {
    padding: 15px 0px;
}

.m10 {
    margin: 10px 0px;
}

.m15 {
    margin: 15px 0px;
}


/* Color ------------------------------------------------------ */

.red,
i.red {
    color: rgb(233, 27, 35);
}

.darkred,
i.darkred {
    color: rgb(170, 60, 63);
}

.crimson,
i.crimson {
    color: rgb(220, 20, 60);
}

.orangered,
i.orangered {
    color: orangered;
}

.orange,
i.orange {
    color: rgb(240, 150, 20);
}

.green,
i.green {
    color: rgb(140, 195, 70);
}

.lightgreen,
i.lightgreen {
    color: rgb(160, 200, 80);
}

.deepblue,
i.deepblue {
    color: rgb(0, 125, 180);
}

.skyblue,
i.skyblue {
    color: rgb(100, 195, 245);
}

.blue,
i.blue {
    color: rgb(52, 152, 219);
}

.navy,
i.navy {
    color: rgb(50, 60, 70);
}

.violet,
i.violet {
    color: rgb(85, 60, 125);
}

.yellow,
i.yellow {
    color: rgb(241, 196, 15);
}

.darkgray,
i.darkgray {
    color: #666;
}

.gray,
i.gray {
    color: #888;
}

.lightgray,
i.lightgray {
    color: #ddd;
}

.white,
i.white {
    color: #fff;
}

.light,
i.light {
    color: #f5f5f5;
}

.black,
i.black {
    color: #333;
}

.color,
i.color {
    color: rgb(233, 27, 35);
}


/* List Head */

.div-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom: 1px solid #c3c3c3;
    border-collapse: separate;
}

.div-head>span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    font-weight: bold;
    line-height: 1;
}

.div-head>span:last-child {
    border-right: 0;
}

.div-head.list-head>span {
    border: 0;
}

.tr-head {
    border-top-width: 2px !important;
    border-top-style: solid !important;
    border-bottom: 1px solid #c3c3c3 !important;
    text-align: center !important;
}

.tr-head>th {
    padding: 15px 0 !important;
    text-align: center !important;
    border: 0 !important;
}

.tr-head>th>span {
    display: block !important;
    min-width: 40px !important;
    padding: 0px 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #ddd;
    font-weight: bold !important;
    line-height: 1.5 !important;
}

.tr-head>th>span.last {
    border-right: 0 !important;
}

.tr-line>td {
    border-top: 0 !important
}


/* Row & Col Space */

.row-10 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.col-10 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.row-15 {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.col-15 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.row-20 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.col-20 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* Auto Size */

.apms-autowrap {
    margin: 0 auto 15px;
}

.apms-autosize {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0;
}

.apms-autosize iframe,
.apms-autosize object,
.apms-autosize embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Print Media Query */

@media print {
    a:after {
        content: "" !important;
        /* disable URL display */
    }
}


/* CHEditor */

.cheditor-popup-cframe {
    height: auto !important;
}


/* ---------------------  ALERT POPUP --------------------- */

.rtdt-alert {
    position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}


/*.rtdt-alert .alert-box {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 400px;
    padding: 40px 40px 45px 40px;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    text-align: center;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.rtdt-alert #rtdt-alert-close {
    position: absolute;
    right: 25px;
    top: 25px;
    height: 15px;
    width: 15px;
    color: #c1c1c1;
    cursor: pointer;
}

.rtdt-alert #rtdt-alert-close .material-icons {
    font-size: 30px;
}

.rtdt-alert .rtdt-alert-title {
    margin: 0;
    color: #232323;
    text-transform: uppercase;
    line-height: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 20px;
    font-weight: 600;
}

.rtdt-alert .rtdt-alert-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.rtdt-alert .rtdt-alert-body {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 30px;
    margin: 0;
    height: auto;
    font-size: 15px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.content_alert>div {
    margin-bottom: 12px;
}

.content_alert>div:last-child {
    margin-bottom: 0px;
}

.rtdt-alert .rtdt-alert-btn button {
    margin: 0px 5px;
}

.rtdt-alert #rtdt-alert-ok {
    position: relative;
    display: inline-block;
    width: 144px;
    padding: 0 10px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    border: 2px solid #ff4848;
    font-weight: bold;
    background: #ff4848;
    color: #fff;
    cursor: pointer;
}

.rtdt-alert #rtdt-alert-cancel {
    position: relative;
    display: inline-block;
    width: 144px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ff4848;
    color: #ff0000 !important;
}


/* ----------------------- JSTREE ------------------------------ */

.content_alert .rh-radio-style {
    margin-right: 0px;
}

.hung_hide_all {
    display: none;
}

.hung-change-icon img {
    width: 173px;
    height: 139px;
}

.h-icon-translate-img {
    width: 70px;
    height: 70px;
}

.tht {
    color: red;
}


/*end apms.css*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

textarea {
    resize: none;
}


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 13px;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del,
.rs_crossword {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table tr td {
    text-align: center;
    vertical-align: middle;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}


/*--- Scroll bar ---*/


/* width */

::-webkit-scrollbar {
    width: 12px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #aaa;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*---  ./. Scroll bar ---*/


/*-------------------------------------------------------------------------------------------------------------*/

.rs_fs_11 {
    font-size: 11px !important;
}

.rs_fs_12 {
    font-size: 12px !important;
}

.rs_fs_13 {
    font-size: 13px !important;
}

.rs_fs_14 {
    font-size: 14px !important;
}

.rs_fs_15 {
    font-size: 15px !important;
}

.rs_fs_16 {
    font-size: 16px !important;
}

.rs_fs_17 {
    font-size: 17px !important;
}

.rs_fs_18 {
    font-size: 18px !important;
}

.rs_fs_20 {
    font-size: 20px !important;
}

.rs_fs_25 {
    font-size: 25px !important;
}

.rs_fs_28 {
    font-size: 28px !important;
}

.rs_fc_33 {
    color: #333 !important;
}

.rs_ff_AbrilFatface {
    font-family: AbrilFatface !important;
}

.rs_ff_nanum {
    font-family: nanum !important;
}

.rs_fc_66 {
    color: #666 !important;
}

.rs_fc_blue_41 {
    color: #41c8f6 !important;
}

.rs_fc_yellow_fa {
    color: #fae00e !important;
}

.rs_fc_f5f67 {
    color: #fc5f67 !important;
}

.rs_fc_15 {
    color: #159da8 !important;
}

.rs_fc_red {
    color: #fc0303 !important;
}

.rs_fc_red_e8 {
    color: #e8180c !important;
}

.rs_fc_ora_f6 {
    color: #F68F0F !important;
}

.rs_fc_white {
    color: #ffffff !important;
}

.rs_fc_blueb0 {
    color: #406bb0 !important;
}

.rs_fc_blue_0549bb {
    color: #0549bb !important;
}

.rs_bold {
    font-weight: bold;
}

.fst_i {
    font-style: italic !important;
}

.rs_tf_uppc {
    text-transform: uppercase !important;
}

.rs_fw_normal {
    font-weight: normal !important;
}

.rs_bgr_none {
    background: none !important;
}

.rs_text_center {
    text-align: center !important;
}

.rs_textright {
    text-align: right !important;
}

.rs_textleft {
    text-align: left !important;
}

.rs_text_justify {
    text-align: justify !important;
}

.rs_pointer {
    cursor: pointer;
}

.rs_underline {
    text-decoration: underline !important;
}

.rs_cs {
    cursor: pointer;
}


/*Background*/

.rs_bgr_grey_1 {
    background-color: #959595 !important;
}

.rs_bgr_pink_1 {
    background-color: #fc5f67 !important;
}

.rs_bgr_pink_2 {
    background-color: #FC545C !important;
}

.rs_bgr_pink_3 {
    background-color: #ff8dae !important;
}

.rs_bgr_7 {
    background-color: #4B545E !important;
}

.rs_bgr_8 {
    background-color: #5e6571 !important;
}

.rs_bgr9 {
    background-color: #def4fa !important;
}

.rs_bgr10 {
    background-color: #d7c4d6 !important;
}

.rs_bgr11 {
    background-color: #e9beaf !important;
}

.rs_bgr_9 {
    background-color: #fe0332 !important;
}


/*red*/

.rs_bgr_10 {
    background-color: #406bb3 !important;
}


/*blue*/


/*-List-*/

.rs_inline_list>li {
    position: relative;
    display: inline;
    float: left;
}

.rs_block_list>li {
    position: relative;
    display: block;
    float: none;
    clear: both;
}


/*-Border-*/

.rs_radius5 {
    border-radius: 5px !important;
}

.rs_radius_top_left {
    border-top-left-radius: 5px !important
}

.rs_radius_top_right {
    border-top-right-radius: 5px !important
}

.rs_radius_btm_right {
    border-bottom-right-radius: 5px !important
}

.rs_radius_btm_left {
    border-bottom-left-radius: 5px !important
}

.rs_bd_no {
    border: none !important;
}

.rs_bd_no_left {
    border-left: none !important;
}

.rs_bd_no_right {
    border-right: none !important;
}

.rs_bd_no_top {
    border-top: none !important;
}

.rs_bd_no_bottom {
    border-bottom: none !important;
}

.rs_bd_fc5f67 {
    border: 1px solid #fc5f67 !important;
}

.rs_bd_d9 {
    border: 1px solid #d9d9d9 !important;
}


/*-Position-*/

.rs_floatnone {
    float: none !important;
}

.rs_floatleft {
    position: relative;
    display: inline;
    float: left !important;
}

.rs_floatright {
    position: relative;
    display: inline;
    float: right !important;
}

.rs_center {
    position: relative !important;
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.rs_block {
    position: relative;
    display: block;
    width: 100%;
}

.rs_show {
    display: block !important;
}

.rs_clearboth {
    clear: both !important;
}

.rs_clearleft {
    clear: left !important;
}

.rs_clearright {
    clear: right !important;
}

.rs_hidden {
    visibility: hidden;
    display: none !important;
}

.hidden {
    display: none!important;
    visibility: hidden !important;
}


/* hidden level*/

.rh-catShow-2>div.col-md-3.hidden {
    display: block!important;
    visibility: visible!important;
    font-size: 0%;
}


/* padding margin style */

.rs_p0 {
    padding: 0 !important;
}

.rs_p10 {
    padding: 10px !important;
}

.rs_p20 {
    padding: 20px !important;
}

.rs_pt0 {
    padding-top: 0 !important;
}

.rs_pt1 {
    padding-top: 1px !important;
}

.rs_pt2 {
    padding-top: 2px !important;
}

.rs_pt3 {
    padding-top: 3px !important;
}

.rs_pt4 {
    padding-top: 4px !important;
}

.rs_pt5 {
    padding-top: 5px !important;
}

.rs_pt6 {
    padding-top: 6px !important;
}

.rs_pt7 {
    padding-top: 7px !important;
}

.rs_pt8 {
    padding-top: 8px !important;
}

.rs_pt10 {
    padding-top: 10px !important;
}

.rs_pt11 {
    padding-top: 11px !important;
}

.rs_pt12 {
    padding-top: 12px !important;
}

.rs_pt13 {
    padding-top: 13px !important;
}

.rs_pt14 {
    padding-top: 14px !important;
}

.rs_pt15 {
    padding-top: 15px !important;
}

.rs_pt16 {
    padding-top: 16px !important;
}

.rs_pt17 {
    padding-top: 17px !important;
}

.rs_pt18 {
    padding-top: 18px !important;
}

.rs_pt19 {
    padding-top: 19px !important;
}

.rs_pt20 {
    padding-top: 20px !important;
}

.rs_pt21 {
    padding-top: 21px !important;
}

.rs_pt22 {
    padding-top: 22px !important;
}

.rs_pt23 {
    padding-top: 23px !important;
}

.rs_pt24 {
    padding-top: 24px !important;
}

.rs_pt25 {
    padding-top: 25px !important;
}

.rs_pt26 {
    padding-top: 26px !important;
}

.rs_pt27 {
    padding-top: 27px !important;
}

.rs_pt28 {
    padding-top: 28px !important;
}

.rs_pt29 {
    padding-top: 29px !important;
}

.rs_pt30 {
    padding-top: 30px !important;
}

.rs_pt35 {
    padding-top: 35px !important;
}

.rs_pt40 {
    padding-top: 40px !important;
}

.rs_pt45 {
    padding-top: 45px !important;
}

.rs_pt50 {
    padding-top: 50px !important;
}

.rs_pt55 {
    padding-top: 55px !important;
}

.rs_pt60 {
    padding-top: 60px !important;
}

.rs_pt65 {
    padding-top: 65px !important;
}

.rs_pt70 {
    padding-top: 70px !important;
}

.rs_pt75 {
    padding-top: 75px !important;
}

.rs_pt80 {
    padding-top: 80px !important;
}

.rs_pt85 {
    padding-top: 85px !important;
}

.rs_pt90 {
    padding-top: 90px !important;
}

.rs_pt95 {
    padding-top: 95px !important;
}

.rs_pt100 {
    padding-top: 100px !important;
}

.rs_pb0 {
    padding-bottom: 0 !important;
}

.rs_pb1 {
    padding-bottom: 1px !important;
}

.rs_pb2 {
    padding-bottom: 2px !important;
}

.rs_pb3 {
    padding-bottom: 3px !important;
}

.rs_pb4 {
    padding-bottom: 4px !important;
}

.rs_pb5 {
    padding-bottom: 5px !important;
}

.rs_pb6 {
    padding-bottom: 6px !important;
}

.rs_pb7 {
    padding-bottom: 7px !important;
}

.rs_pb8 {
    padding-bottom: 8px !important;
}

.rs_pb9 {
    padding-bottom: 9px !important;
}

.rs_pb10 {
    padding-bottom: 10px !important;
}

.rs_pb11 {
    padding-bottom: 11px !important;
}

.rs_pb12 {
    padding-bottom: 12px !important;
}

.rs_pb13 {
    padding-bottom: 13px !important;
}

.rs_pb14 {
    padding-bottom: 14px !important;
}

.rs_pb15 {
    padding-bottom: 15px !important;
}

.rs_pb16 {
    padding-bottom: 16px !important;
}

.rs_pb17 {
    padding-bottom: 17px !important;
}

.rs_pb18 {
    padding-bottom: 18px !important;
}

.rs_pb19 {
    padding-bottom: 19px !important;
}

.rs_pb20 {
    padding-bottom: 20px !important;
}

.rs_pb25 {
    padding-bottom: 25px !important;
}

.rs_pb30 {
    padding-bottom: 30px !important;
}

.rs_pb35 {
    padding-bottom: 35px !important;
}

.rs_pb40 {
    padding-bottom: 40px !important;
}

.rs_pb45 {
    padding-bottom: 45px !important;
}

.rs_pb50 {
    padding-bottom: 50px !important;
}

.rs_pb55 {
    padding-bottom: 55px !important;
}

.rs_pb60 {
    padding-bottom: 60px !important;
}

.rs_pb65 {
    padding-bottom: 65px !important;
}

.rs_pb70 {
    padding-bottom: 70px !important;
}

.rs_pb75 {
    padding-bottom: 75px !important;
}

.rs_pb80 {
    padding-bottom: 80px !important;
}

.rs_pb85 {
    padding-bottom: 85px !important;
}

.rs_pb90 {
    padding-bottom: 90px !important;
}

.rs_pb85 {
    padding-bottom: 95px !important;
}

.rs_pb100 {
    padding-bottom: 100px !important;
}

.rs_pl0 {
    padding-left: 0px !important;
}

.rs_pl1 {
    padding-left: 1px !important;
}

.rs_pl2 {
    padding-left: 2px !important;
}

.rs_pl3 {
    padding-left: 3px !important;
}

.rs_pl4 {
    padding-left: 4px !important;
}

.rs_pl5 {
    padding-left: 5px !important;
}

.rs_pl6 {
    padding-left: 6px !important;
}

.rs_pl7 {
    padding-left: 7px !important;
}

.rs_pl8 {
    padding-left: 8px !important;
}

.rs_pl9 {
    padding-left: 9px !important;
}

.rs_pl10 {
    padding-left: 10px !important;
}

.rs_pl11 {
    padding-left: 11px !important;
}

.rs_pl12 {
    padding-left: 12px !important;
}

.rs_pl13 {
    padding-left: 13px !important;
}

.rs_pl14 {
    padding-left: 14px !important;
}

.rs_pl15 {
    padding-left: 15px !important;
}

.rs_pl16 {
    padding-left: 16px !important;
}

.rs_pl17 {
    padding-left: 17px !important;
}

.rs_pl18 {
    padding-left: 18px !important;
}

.rs_pl19 {
    padding-left: 19px !important;
}

.rs_pl20 {
    padding-left: 20px !important;
}

.rs_pl21 {
    padding-left: 21px !important;
}

.rs_pl22 {
    padding-left: 22px !important;
}

.rs_pl23 {
    padding-left: 23px !important;
}

.rs_pl24 {
    padding-left: 24px !important;
}

.rs_pl25 {
    padding-left: 25px !important;
}

.rs_pl26 {
    padding-left: 26px !important;
}

.rs_pl27 {
    padding-left: 27px !important;
}

.rs_pl28 {
    padding-left: 28px !important;
}

.rs_pl29 {
    padding-left: 29px !important;
}

.rs_pl30 {
    padding-left: 30px !important;
}

.rs_pl31 {
    padding-left: 31px !important;
}

.rs_pl32 {
    padding-left: 32px !important;
}

.rs_pl33 {
    padding-left: 33px !important;
}

.rs_pl34 {
    padding-left: 34px !important;
}

.rs_pl35 {
    padding-left: 35px !important;
}

.rs_pl36 {
    padding-left: 36px !important;
}

.rs_pl37 {
    padding-left: 37px !important;
}

.rs_pl38 {
    padding-left: 38px !important;
}

.rs_pl39 {
    padding-left: 39px !important;
}

.rs_pl40 {
    padding-left: 40px !important;
}

.rs_pl42 {
    padding-left: 42px !important;
}

.rs_pl45 {
    padding-left: 45px !important;
}

.rs_pl46 {
    padding-left: 46px !important;
}

.rs_pl50 {
    padding-left: 50px !important;
}

.rs_pl55 {
    padding-left: 55px !important;
}

.rs_pl60 {
    padding-left: 60px !important;
}

.rs_pl64 {
    padding-left: 64px !important;
}

.rs_pl65 {
    padding-left: 65px !important;
}

.rs_pl70 {
    padding-left: 70px !important;
}

.rs_pl75 {
    padding-left: 75px !important;
}

.rs_pl80 {
    padding-left: 80px !important;
}

.rs_pl85 {
    padding-left: 85px !important;
}

.rs_pl90 {
    padding-left: 90px !important;
}

.rs_pl95 {
    padding-left: 95px !important;
}

.rs_pl100 {
    padding-left: 100px !important;
}

.rs_pl120 {
    padding-left: 120px !important;
}

.rs_pl128 {
    padding-left: 128px !important;
}

.rs_pl140 {
    padding-left: 140px !important;
}

.rs_pl145 {
    padding-left: 145px !important;
}

.rs_pl150 {
    padding-left: 150px !important;
}

.rs_pl187 {
    padding-left: 187px !important;
}

.rs_pl137 {
    padding-left: 137px !important;
}

.rs_pl180 {
    padding-left: 180px !important;
}

.rs_pl126 {
    padding-left: 126px !important;
}

.rs_pl125 {
    padding-left: 125px !important;
}

.rs_pl175 {
    padding-left: 175px !important;
}

.rs_pr0 {
    padding-right: 0px !important;
}

.rs_pr1 {
    padding-right: 1px !important;
}

.rs_pr2 {
    padding-right: 2px !important;
}

.rs_pr3 {
    padding-right: 3px !important;
}

.rs_pr4 {
    padding-right: 4px !important;
}

.rs_pr5 {
    padding-right: 5px !important;
}

.rs_pr6 {
    padding-right: 6px !important;
}

.rs_pr7 {
    padding-right: 7px !important;
}

.rs_pr8 {
    padding-right: 8px !important;
}

.rs_pr9 {
    padding-right: 9px !important;
}

.rs_pr10 {
    padding-right: 10px !important;
}

.rs_pr15 {
    padding-right: 15px !important;
}

.rs_pr20 {
    padding-right: 20px !important;
}

.rs_pr25 {
    padding-right: 25px !important;
}

.rs_pr30 {
    padding-right: 30px !important;
}

.rs_pr35 {
    padding-right: 35px !important;
}

.rs_pr40 {
    padding-right: 40px !important;
}

.rs_pr45 {
    padding-right: 45px !important;
}

.rs_pr50 {
    padding-right: 50px !important;
}

.rs_m0 {
    margin: 0 !important;
}

.rs_mt0 {
    margin-top: 0px !important;
}

.rs_mt1 {
    margin-top: 1px !important;
}

.rs_mt2 {
    margin-top: 2px !important;
}

.rs_mt3 {
    margin-top: 3px !important;
}

.rs_mt4 {
    margin-top: 4px !important;
}

.rs_mt5 {
    margin-top: 5px !important;
}

.rs_mt6 {
    margin-top: 6px !important;
}

.rs_mt7 {
    margin-top: 7px !important;
}

.rs_mt8 {
    margin-top: 8px !important;
}

.rs_mt9 {
    margin-top: 9px !important;
}

.rs_mt10 {
    margin-top: 10px !important;
}

.rs_mt11 {
    margin-top: 11px !important;
}

.rs_mt12 {
    margin-top: 12px !important;
}

.rs_mt13 {
    margin-top: 13px !important;
}

.rs_mt14 {
    margin-top: 14px !important;
}

.rs_mt15 {
    margin-top: 15px !important;
}

.rs_mt16 {
    margin-top: 16px !important;
}

.rs_mt17 {
    margin-top: 17px !important;
}

.rs_mt18 {
    margin-top: 18px !important;
}

.rs_mt19 {
    margin-top: 19px !important;
}

.rs_mt20 {
    margin-top: 20px !important;
}

.rs_mt21 {
    margin-top: 21px !important;
}

.rs_mt22 {
    margin-top: 22px !important;
}

.rs_mt23 {
    margin-top: 23px !important;
}

.rs_mt24 {
    margin-top: 24px !important;
}

.rs_mt25 {
    margin-top: 25px !important;
}

.rs_mt26 {
    margin-top: 26px !important;
}

.rs_mt27 {
    margin-top: 27px !important;
}

.rs_mt28 {
    margin-top: 28px !important;
}

.rs_mt29 {
    margin-top: 29px !important;
}

.rs_mt30 {
    margin-top: 30px !important;
}

.rs_mt35 {
    margin-top: 35px !important;
}

.rs_mt40 {
    margin-top: 40px !important;
}

.rs_mt45 {
    margin-top: 45px !important;
}

.rs_mt50 {
    margin-top: 50px !important;
}

.rs_mt55 {
    margin-top: 55px !important;
}

.rs_mt60 {
    margin-top: 60px !important;
}

.rs_mt65 {
    margin-top: 65px !important;
}

.rs_mt70 {
    margin-top: 70px !important;
}

.rs_mt75 {
    margin-top: 75px !important;
}

.rs_mt80 {
    margin-top: 80px !important;
}

.rs_mt85 {
    margin-top: 85px !important;
}

.rs_mt90 {
    margin-top: 90px !important;
}

.rs_mt95 {
    margin-top: 95px !important;
}

.rs_mt100 {
    margin-top: 100px !important;
}

.rs_mt120 {
    margin-top: 120px !important;
}

.rs_mt150 {
    margin-top: 150px !important;
}

.rs_mt200 {
    margin-top: 200px !important;
}

.rs_mt-1 {
    margin-top: -1px !important;
}

.rs_mt-2 {
    margin-top: -2px !important;
}

.rs_mt-3 {
    margin-top: -3px !important;
}

.rs_mt-4 {
    margin-top: -4px !important;
}

.rs_mt-5 {
    margin-top: -5px !important;
}

.rs_mt-10 {
    margin-top: -10px !important;
}

.rs_mt-15 {
    margin-top: -15px !important;
}

.rs_mt-20 {
    margin-top: -20px !important;
}

.rs_mt-30 {
    margin-top: -30px !important;
}

.rs_mt-320 {
    margin-top: -320px !important;
}

.rs_mt-360 {
    margin-top: -360px !important;
}

.rs_mb0 {
    margin-bottom: 0px !important;
}

.rs_mb1 {
    margin-bottom: 1px !important;
}

.rs_mb2 {
    margin-bottom: 2px !important;
}

.rs_mb3 {
    margin-bottom: 3px !important;
}

.rs_mb4 {
    margin-bottom: 4px !important;
}

.rs_mb5 {
    margin-bottom: 5px !important;
}

.rs_mb6 {
    margin-bottom: 6px !important;
}

.rs_mb7 {
    margin-bottom: 7px !important;
}

.rs_mb8 {
    margin-bottom: 8px !important;
}

.rs_mb9 {
    margin-bottom: 9px !important;
}

.rs_mb10 {
    margin-bottom: 10px !important;
}

.rs_mb15 {
    margin-bottom: 15px !important;
}

.rs_mb20 {
    margin-bottom: 20px !important;
}

.rs_mb25 {
    margin-bottom: 25px !important;
}

.rs_mb30 {
    margin-bottom: 30px !important;
}

.rs_mb35 {
    margin-bottom: 35px !important;
}

.rs_mb40 {
    margin-bottom: 40px !important;
}

.rs_mb45 {
    margin-bottom: 45px !important;
}

.rs_mb50 {
    margin-bottom: 50px !important;
}

.rs_mb60 {
    margin-bottom: 60px !important;
}

.rs_mb67 {
    margin-bottom: 67px !important;
}

.rs_mb62 {
    margin-bottom: 62px !important;
}

.rs_mb95 {
    margin-bottom: 95px !important;
}

.rs_mb100 {
    margin-bottom: 100px !important;
}

.rs_mb-1 {
    margin-bottom: -1px !important;
}

.rs_mb-2 {
    margin-bottom: -2px !important;
}

.rs_mb-3 {
    margin-bottom: -3px !important;
}

.rs_mb-4 {
    margin-bottom: -4px !important;
}

.rs_mb-5 {
    margin-bottom: -5px !important;
}

.rs_mb-10 {
    margin-bottom: -10px !important;
}

.rs_mb-15 {
    margin-bottom: -15px !important;
}

.rs_ml0 {
    margin-left: 0px !important;
}

.rs_ml1 {
    margin-left: 1px !important;
}

.rs_ml2 {
    margin-left: 2px !important;
}

.rs_ml3 {
    margin-left: 3px !important;
}

.rs_ml4 {
    margin-left: 4px !important;
}

.rs_ml5 {
    margin-left: 5px !important;
}

.rs_ml6 {
    margin-left: 6px !important;
}

.rs_ml7 {
    margin-left: 7px !important;
}

.rs_ml8 {
    margin-left: 8px !important;
}

.rs_ml9 {
    margin-left: 9px !important;
}

.rs_ml10 {
    margin-left: 10px !important;
}

.rs_ml11 {
    margin-left: 11px !important;
}

.rs_ml12 {
    margin-left: 12px !important;
}

.rs_ml13 {
    margin-left: 13px !important;
}

.rs_ml14 {
    margin-left: 14px !important;
}

.rs_ml15 {
    margin-left: 15px !important;
}

.rs_ml16 {
    margin-left: 16px !important;
}

.rs_ml17 {
    margin-left: 17px !important;
}

.rs_ml18 {
    margin-left: 18px !important;
}

.rs_ml19 {
    margin-left: 19px !important;
}

.rs_ml20 {
    margin-left: 20px !important;
}

.rs_ml21 {
    margin-left: 21px !important;
}

.rs_ml22 {
    margin-left: 22px !important;
}

.rs_ml23 {
    margin-left: 23px !important;
}

.rs_ml24 {
    margin-left: 24px !important;
}

.rs_ml25 {
    margin-left: 25px !important;
}

.rs_ml26 {
    margin-left: 26px !important;
}

.rs_ml27 {
    margin-left: 27px !important;
}

.rs_ml28 {
    margin-left: 28px !important;
}

.rs_ml29 {
    margin-left: 29px !important;
}

.rs_ml30 {
    margin-left: 30px !important;
}

.rs_ml35 {
    margin-left: 35px !important;
}

.rs_ml40 {
    margin-left: 40px !important;
}

.rs_ml43 {
    margin-left: 43px !important;
}

.rs_ml44 {
    margin-left: 44px !important;
}

.rs_ml45 {
    margin-left: 45px !important;
}

.rs_ml50 {
    margin-left: 50px !important;
}

.rs_ml55 {
    margin-left: 55px !important;
}

.rs_ml60 {
    margin-left: 60px !important;
}

.rs_ml65 {
    margin-left: 65px !important;
}

.rs_ml70 {
    margin-left: 70px !important;
}

.rs_ml75 {
    margin-left: 75px !important;
}

.rs_ml80 {
    margin-left: 80px !important;
}

.rs_ml85 {
    margin-left: 85px !important;
}

.rs_ml90 {
    margin-left: 90px !important;
}

.rs_ml95 {
    margin-left: 95px !important;
}

.rs_ml100 {
    margin-left: 100px !important;
}

.rs_ml115 {
    margin-left: 115px !important;
}

.rs_ml120 {
    margin-left: 120px !important;
}

.rs_ml125 {
    margin-left: 125px !important;
}

.rs_ml130 {
    margin-left: 130px !important;
}

.rs_ml135 {
    margin-left: 135px !important;
}

.rs_ml150 {
    margin-left: 150px !important;
}

.rs_ml160 {
    margin-left: 160px !important;
}

.rs_ml180 {
    margin-left: 180px !important;
}

.rs_ml190 {
    margin-left: 190px !important;
}

.rs_ml104 {
    margin-left: 104px !important;
}

.rs_ml230 {
    margin-left: 230px !important;
}

.rs_ml290 {
    margin-left: 290px !important;
}

.rs_ml330 {
    margin-left: 330px !important;
}

.rs_ml360 {
    margin-left: 360px !important;
}

.rs_ml371 {
    margin-left: 371px !important;
}

.rs_ml374 {
    margin-left: 374px !important;
}

.rs_ml410 {
    margin-left: 410px !important;
}

.rs_ml420 {
    margin-left: 420px !important;
}

.rs_ml440 {
    margin-left: 440px !important;
}

.rs_ml478 {
    margin-left: 478px !important;
}

.rs_ml500 {
    margin-left: 500px !important;
}

.rs_ml620 {
    margin-left: 620px !important;
}

.rs_ml-1 {
    margin-left: -1px !important;
}

.rs_ml-2 {
    margin-left: -2px !important;
}

.rs_ml-3 {
    margin-left: -3px !important;
}

.rs_ml-4 {
    margin-left: -4px !important;
}

.rs_ml-5 {
    margin-left: -5px !important;
}

.rs_ml-6 {
    margin-left: -6px !important;
}

.rs_ml-7 {
    margin-left: -7px !important;
}

.rs_ml-8 {
    margin-left: -8px !important;
}

.rs_ml-9 {
    margin-left: -9px !important;
}

.rs_ml-10 {
    margin-left: -10px !important;
}

.rs_ml-15 {
    margin-left: -15px !important;
}

.rs_ml-20 {
    margin-left: -20px !important;
}

.rs_ml-114 {
    margin-left: -114px !important;
}

.rs_ml-228 {
    margin-left: -228px !important;
}

.rs_ml-342 {
    margin-left: -342px !important;
}

.rs_ml-456 {
    margin-left: -456px !important;
}

.rs_ml-577 {
    margin-left: -577px !important;
}

.rs_ml-683 {
    margin-left: -683px !important;
}

.rs_ml-789 {
    margin-left: -789px !important;
}

.rs_ml-897 {
    margin-left: -897px !important;
}

.rs_mr0 {
    margin-right: 0px !important;
}

.rs_mr1 {
    margin-right: 1px !important;
}

.rs_mr2 {
    margin-right: 2px !important;
}

.rs_mr3 {
    margin-right: 3px !important;
}

.rs_mr4 {
    margin-right: 4px !important;
}

.rs_mr5 {
    margin-right: 5px !important;
}

.rs_mr6 {
    margin-right: 6px !important;
}

.rs_mr7 {
    margin-right: 7px !important;
}

.rs_mr8 {
    margin-right: 8px !important;
}

.rs_mr9 {
    margin-right: 9px !important;
}

.rs_mr10 {
    margin-right: 10px !important;
}

.rs_mr11 {
    margin-right: 11px !important;
}

.rs_mr12 {
    margin-right: 12px !important;
}

.rs_mr13 {
    margin-right: 13px !important;
}

.rs_mr14 {
    margin-right: 14px !important;
}

.rs_mr15 {
    margin-right: 15px !important;
}

.rs_mr16 {
    margin-right: 16px !important;
}

.rs_mr17 {
    margin-right: 17px !important;
}

.rs_mr18 {
    margin-right: 18px !important;
}

.rs_mr19 {
    margin-right: 19px !important;
}

.rs_mr20 {
    margin-right: 20px !important;
}

.rs_mr25 {
    margin-right: 25px !important;
}

.rs_mr30 {
    margin-right: 30px !important;
}

.rs_mr35 {
    margin-right: 35px !important;
}

.rs_mr40 {
    margin-right: 40px !important;
}

.rs_mr45 {
    margin-right: 45px !important;
}

.rs_mr50 {
    margin-right: 50px !important;
}

.rs_mr55 {
    margin-right: 55px !important;
}

.rs_mr60 {
    margin-right: 60px !important;
}

.rs_mr65 {
    margin-right: 65px !important;
}

.rs_mr70 {
    margin-right: 70px !important;
}

.rs_mr80 {
    margin-right: 80px !important;
}

.rs_mr120 {
    margin-right: 120px !important;
}

.rs_mr150 {
    margin-right: 150px !important;
}

.rs_mr160 {
    margin-right: 160px !important;
}

.rs_mr-1 {
    margin-right: -1px !important;
}

.rs_mr-2 {
    margin-right: -2px !important;
}

.rs_mr-3 {
    margin-right: -3px !important;
}

.rs_mr-4 {
    margin-right: -4px !important;
}

.rs_mr-5 {
    margin-right: -5px !important;
}

.rs_ml-10 {
    margin-left: -10px !important;
}

.rs_ml-15 {
    margin-left: -15px !important;
}

.rs_ml-20 {
    margin-left: -20px !important;
}

.rs_t10 {
    top: 10px !important;
}

.rs_t20 {
    top: 20px !important;
}

.rs_t23 {
    top: 23px !important;
}

.rs_t25 {
    top: 25px !important;
}

.rs_t30 {
    top: 30px !important;
}

.rs_t35 {
    top: 35px !important;
}

.rs_t40 {
    top: 40px !important;
}

.rs_t50 {
    top: 50px !important;
}

.rs_t60 {
    top: 60px !important;
}

.rs_t70 {
    top: 70px !important;
}

.rs_t80 {
    top: 80px !important;
}

.rs_t90 {
    top: 90px !important;
}


/*------W   IDTH------------*/


/*---------%---------*/

.rs_w_p {
    width: 100% !important;
}


/*---------%---------*/

.rs_w_10 {
    width: 10px !important
}

.rs_w_15 {
    width: 15px !important
}

.rs_w_20 {
    width: 20px !important
}

.rs_w_30 {
    width: 30px !important
}

.rs_w_40 {
    width: 40px !important
}

.rs_w_50 {
    width: 50px !important
}

.rs_w_60 {
    width: 60px !important
}

.rs_w_70 {
    width: 70px !important
}

.rs_w_75 {
    width: 75px !important
}

.rs_w_80 {
    width: 80px !important
}

.rs_w_90 {
    width: 90px !important
}

.rs_w_100 {
    width: 100px !important
}

.rs_w_110 {
    width: 110px !important
}

.rs_w_120 {
    width: 120px !important
}

.rs_w_125 {
    width: 125px !important
}

.rs_w_130 {
    width: 130px !important
}

.rs_w_136 {
    width: 136px !important
}

.rs_w_137 {
    width: 137px !important
}

.rs_w_140 {
    width: 140px !important
}

.rs_w_150 {
    width: 150px !important
}

.rs_w_160 {
    width: 160px !important
}

.rs_w_165 {
    width: 165px !important
}

.rs_w_170 {
    width: 170px !important
}

.rs_w_180 {
    width: 180px !important
}

.rs_w_190 {
    width: 190px !important
}

.rs_w_200 {
    width: 200px !important
}

.rs_w_210 {
    width: 210px !important
}

.rs_w_230 {
    width: 230px !important
}

.rs_w_240 {
    width: 240px !important
}

.rs_w_242 {
    width: 242px !important
}

.rs_w_245 {
    width: 245px !important
}

.rs_w_250 {
    width: 250px !important
}

.rs_w_265 {
    width: 265px !important
}

.rs_w_267 {
    width: 267px !important
}

.rs_w_280 {
    width: 280px !important
}

.rs_w_290 {
    width: 290px !important
}

.rs_w_300 {
    width: 300px !important
}

.rs_w_310 {
    width: 310px !important
}

.rs_w_320 {
    width: 320px !important
}

.rs_w_330 {
    width: 330px !important
}

.rs_w_350 {
    width: 350px !important
}

.rs_w_380 {
    width: 380px !important
}

.rs_w_385 {
    width: 385px !important
}

.rs_w_390 {
    width: 390px !important
}

.rs_w_400 {
    width: 400px !important
}

.rs_w_450 {
    width: 450px !important
}

.rs_w_470 {
    width: 470px !important
}

.rs_w_473 {
    width: 473px !important
}

.rs_w_475 {
    width: 475px !important
}

.rs_w_490 {
    width: 490px !important
}

.rs_w_493 {
    width: 493px !important
}

.rs_w_495 {
    width: 495px !important
}

.rs_w_500 {
    width: 500px !important
}

.rs_w_600 {
    width: 600px !important
}

.rs_w_630 {
    width: 630px !important
}

.rs_w_640 {
    width: 640px !important
}

.rs_w_650 {
    width: 650px !important
}

.rs_w_658 {
    width: 658px !important
}

.rs_w_670 {
    width: 670px !important
}

.rs_w_700 {
    width: 700px !important
}

.rs_w_722 {
    width: 722px !important
}

.rs_w_724 {
    width: 724px !important
}

.rs_w_755 {
    width: 755px !important
}

.rs_w_800 {
    width: 800px !important
}

.rs_w_900 {
    width: 900px !important
}

.rs_w_1005 {
    width: 1005px !important
}

.rs_w_1200 {
    width: 1200px !important
}

.rs_w_1300 {
    width: 1300px !important
}

.rs_cp {
    cursor: pointer;
}


/* .rs_clearfix {overflow: auto} */

@keyframes linear {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 300px 0;
    }
}

.biliboard {
    width: 300px;
    padding: 20px;
    height: 50px;
    margin: 20px auto !important;
    line-height: 50px;
    text-align: center;
    position: relative;
    background: #fff;
    color: #333;
    font: 13px open, tahoma;
}

.biliboard:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    transform: scale( 1.02, 1.08);
    position: absolute;
    background: #f00;
    background: linear-gradient( 90deg, #fafafa, #fafafa, #1D8EF7, #fafafa, #fafafa);
    background-position: 55px 0;
    top: 0;
    animation: linear 1s infinite linear;
    left: 0;
    z-index: -1;
}

.tbl_frm01.tbl_wrap td {
    padding: 15px 5px;
}

.tbl_frm01.tbl_wrap td input {
    margin: 3px 0;
}

.rs_dn {
    display: none;
}


/*** Upload **/

.rtdt_upload_holder.rtdt_upload_holder-last {
    margin-right: 0;
}

.rtdt_upload_holder .img-upload {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 95px;
    margin: 0;
    background-color: #f1f1f1;
    vertical-align: middle;
    object-fit: cover;
    object-position: 100% center;
    z-index: 0;
}

.rtdt_upload_holder i {
    position: absolute;
    top: -12px;
    right: -8px;
    font-size: 22px;
    z-index: 9999;
    color: #A4A3A4;
}

.files p {
    display: inherit;
    padding-top: 10px;
    font-size: 16px;
    margin-bottom: 0;
}

.rtdt-upload-preview {
    border-radius: 5px;
    border: 1px solid #eaeaea
}

.rtdt-uploader {
    display: none;
}

.rtdt_upload_holder p {
    vertical-align: middle;
    display: table-cell;
}

.rtdt_upload_holder.upload_trigger input {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    display: block;
}

.rtdt_upload_holder.upload_trigger input::-webkit-file-upload-button,
button {
    cursor: pointer;
}

.rh-edit-review .rtdt-upload-preview {
    margin-right: 11px;
}

.rtdt_upload_holder .rtdt-upload-remover {
    position: absolute;
    right: -8px;
    top: -8px;
    border-radius: 3px;
    z-index: 50;
    background-image: url('/img/item-review_10.png');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.rtdt_uploader_holder input[type="checkbox"] {
    display: none !important;
}

.rtdt-upload-loading {
    max-width: 90px;
}

.rh-items-wrap {
    cursor: pointer !important;
}


/* COMMON CHECKBOX */

label.rh-pc-checkbox {
    line-height: 16px;
    margin-bottom: 0;
}

label.rh-pc-checkbox input,
label.rh-pc-checkbox input#login_auto_login {
    display: none;
    /* <-- hide the default checkbox ---> */
}

label.rh-pc-checkbox span {
    /* <-- style the artificial checkbox */
    height: 17px;
    width: 17px;
    border: 1px solid #c5c5c5;
    background-color: #fff;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 3px;
}

label.rh-pc-checkbox input[type=checkbox]:checked+span:before {
    /* <-- style its checked state..with a ticked icon */
    height: 16px;
    width: 16px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
}

label.rh-pc-checkbox input[type=checkbox]:checked+span:after {
    content: url('/img/shop/checked-box.png');
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    text-align: center;
}

.rh-search-part label.rh-pc-checkbox {
    margin-bottom: 7px;
    display: block;
}


/* =============================== */


/* COMMON CHECKBOX */

label.rh-pc-checkbox {
    line-height: 16px;
    margin-bottom: 0;
}

label.rh-pc-checkbox input,
label.rh-pc-checkbox input#login_auto_login {
    display: none;
    /* <-- hide the default checkbox ---> */
}

label.rh-pc-checkbox span {
    /* <-- style the artificial checkbox */
    height: 17px;
    width: 17px;
    border: 1px solid #c5c5c5;
    background-color: #fff;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 3px;
}

label.rh-pc-checkbox input[type=checkbox]:checked+span:before {
    /* <-- style its checked state..with a ticked icon */
    height: 16px;
    width: 16px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 1px;
    background-color: transparent;
}

label.rh-pc-checkbox input[type=checkbox]:checked+span:after {
    content: url('/img/shop/checked-box.png');
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    text-align: center;
}


/* COMMON CHECKBOX */

label.rh-pc-checkbox-2 input {
    position: relative;
    opacity: 0 !important;
    left: -50%;
    z-index: 100;
}

label.rh-pc-checkbox-2 {
    line-height: 16px;
    margin-bottom: 0;
}

label.rh-pc-checkbox input#login_auto_login {
    display: none;
    /* <-- hide the default checkbox ---> */
}

label.rh-pc-checkbox-2 span {
    /* <-- style the artificial checkbox */
    height: 15px;
    width: 15px;
    border: 1px solid #adadad;
    background-color: #fff;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 3px;
    cursor: pointer;
}

label.rh-pc-checkbox-2 input[type=checkbox]:checked+span:before {
    /* <-- style its checked state..with a ticked icon */
    height: 15px;
    width: 15px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
}

label.rh-pc-checkbox-2 input[type=checkbox]:checked+span:after {
    content: url('/img/checkbox-checked-2.png');
    position: absolute;
    top: 3px;
    left: 1px;
    width: 10px;
    text-align: center;
}

.rh-search-part label.rh-pc-checkbox {
    margin-bottom: 7px;
    display: block;
    cursor: pointer;
}


/* =============================== */


/*  .at-menu .nav-height { height:44px; line-height:44px !important; } */

.at-menu .nav-height {
    height: 39px !important;
    line-height: 40px !important;
}

.pc-menu,
.pc-menu .nav-full-back,
.pc-menu .nav-full-height {
    height: 41px;
}

.pc-menu .nav-top.nav-float .menu-a {
    padding: 0px 25px;
}

.pc-menu .nav-top.nav-float .sub-1div::before {
    left: 25px;
}

.pc-menu .subm-w {
    width: 170px;
}

@media all and (min-width:1200px) {
    .responsive .boxed.wrapper {
        max-width: 1200px;
    }
}

.selected_notice .rh-new-cntn.hidden {
    display: block !important;
    visibility: visible !important;
}

.selected_notice {
    background: #ccc !important
}

.hung-lang-area {
    float: right;
}

.hung-lang-area>span {
    padding: 0px 3px;
}

.hung-lang-area {
    /* padding: 5px; */
    background-color: #f6f6f6;
    margin-right: 30px;
}


/*Change by Linh(Created line)*/

.hung-lang-area::after {
    position: absolute;
    content: "";
    height: calc(100% - 6px);
    right: -15px;
    top: 3px;
    border-right: 1px solid #dadada;
}


/*End change*/

#hung-ori {
    padding: 4px 5px 3px;
    margin-left: 10px;
    margin-right: 8px;
    font-size: 13px;
    line-height: 13px;
}

.rh-lang-area span.rh-original-lang.active {
    background-color: #ff4848;
    color: #fff;
}

.rh-lang-area span.rh-original-lang {
    background-color: #acacac;
    color: #fff;
}

.hung-lang-area span img {
    width: 26px;
    height: 20px;
}

.rh-lang-area span.active img.inactive {
    display: none;
}


/*@font-face {
font-family: 'Berlin Regular';
font-style: normal;
font-weight: normal;
src: local('Berlin Regular'), url('Berlin.woff') format('woff');
}*/


/*---- start for slide 8 -----*/

.mt_img_home {
    position: absolute;
    width: 90px;
    display: inline-block;
    /* margin: 0 auto; */
    height: 25px;
    /* vertical-align: middle; */
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
}

.mt_img_span {
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 28px;
    height: 25px;
}

.rh-orderlist .rh-tbl-row .rh-col3 .rh-minus {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin-left: 1px;
}

.rh-orderBlock {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.mt_change_s9 {}

.mt-item-edit {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding: 20px 0px;
}

.mt_item_btn {
    display: inline-block;
    margin: 0 auto;
}

.mt_item_btn:after {
    content: "";
    clear: both;
    display: table;
}

.mt_item_btn button {
    background-color: #4CAF50;
    /* Green background */
    border: 1px solid green;
    /* Green border */
    color: white;
    /* White text */
    /* padding: 10px 24px; */
    /* Some padding */
    cursor: pointer;
    /* Pointer/hand icon */
    float: left;
    /* Float the buttons side by side */
}

.mt_item_btn button:not(:last-child) {
    border-right: none;
    /* Prevent double borders */
}


/* Add a background color on hover */

.mt_item_btn button:hover {
    background-color: #3e8e41;
}

.mt_it_ed {
    border: none !important;
    margin-left: -44px !important;
    margin-bottom: 25px !important;
}

.mt_span_edit {
    width: 77px !important;
    margin-bottom: 30px;
}


/*---- end for slide  8 -----*/


/* -------------------- start for slide 7 ---------------*/

.alert_empty {
    border: 1px solid #ff2323 !important;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}

.arrow_empty {
    border-color: #ff2323 transparent transparent transparent !important;
}


/* -------------------- end for slide 7------------------ */

textarea:focus,
textarea:active {
    outline: none;
}

.at-lnb ul>li ul.rh-cart-tg li div:last-child {
    display: table !important;
    height: 36px;
    margin-left: 10px;
}

.at-lnb ul>li ul.rh-cart-tg li a {
    display: table-cell;
    vertical-align: middle;
}

select {
    background-color: #fff;
}

#search-price-box input[type='checkbox'] {
    display: none;
}


/* higtlight color */

::selection {
    background: #ff4848;
    color: #fff;
}

::-moz-selection {
    background: #ff4848;
    color: #fff;
}

::-webkit-selection {
    background: #ff4848;
    color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

select:focus,
button:focus,
input:focus {
    outline: none;
}


/* --------------Button----------*/

.btn.btn-color {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: #ff4848;
    background-color: #ff4848;
}

.btn.active.btn-color,
.btn.btn-color:hover,
.btn.btn-color:focus,
.btn.btn-color:active {
    background-color: #ff4848;
}

.btn.btn-dark {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #000;
    background-color: #333;
}

.btn.active.btn-dark,
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active {
    border-color: #ff4848;
    background-color: #ff4848;
}

.btn.btn-black {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #111;
    background-color: #333;
}

.btn.active.btn-black,
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black:active {
    background-color: #111;
}

.btn.btn-white {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fff;
}

.btn.active.btn-white,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
    background-color: #f5f5f5;
}

.btn.btn-gray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ccc;
    background-color: #eee;
}

.btn.active.btn-gray,
.btn.btn-gray:hover,
.btn.btn-gray:focus,
.btn.btn-gray:active {
    background-color: #f5f5f5;
}

.btn.btn-lightgray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fafafa;
}

.btn.active.btn-lightgray,
.btn.btn-lightgray:hover,
.btn.btn-lightgray:focus,
.btn.btn-lightgray:active {
    background-color: transparent;
}

.btn.btn-darkgray {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #444;
    background-color: #666;
}

.btn.active.btn-darkgray,
.btn.btn-darkgray:hover,
.btn.btn-darkgray:focus,
.btn.btn-darkgray:active {
    background-color: #444;
}

.btn.btn-red {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(213, 7, 15);
    background-color: rgb(233, 27, 35);
}

.btn.active.btn-red,
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active {
    background-color: rgb(213, 7, 15);
}

.btn.btn-darkred {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(150, 25, 30);
    background-color: rgb(170, 60, 63);
}

.btn.active.btn-darkred,
.btn.btn-darkred:hover,
.btn.btn-darkred:focus,
.btn.btn-darkred:active {
    background-color: rgb(150, 25, 30);
}

.btn.btn-crimson {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(190, 20, 50);
    background-color: rgb(220, 20, 60);
}

.btn.active.btn-crimson,
.btn.btn-crimson:hover,
.btn.btn-crimson:focus,
.btn.btn-crimson:active {
    background-color: rgb(190, 20, 50);
}


/*----------- ./. button ----------------------*/


/* =========== Main.css ====================*/


/* 	.rh-cat-items .item-icon {padding-bottom: 0px;} */

.is-pc .at-body {
    padding-bottom: 80px;
    background-color: #f1f1f1;
}

.widget-index {
    overflow: hidden;
}

.widget-index .div-title-underbar {
    margin-bottom: 15px;
}

.widget-index .div-title-underbar span {
    padding-bottom: 4px;
}

.widget-index .div-title-underbar span b {
    font-weight: 500;
}

.widget-index h2.div-title-underbar {
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
    /* 위젯 타이틀 */
}

.widget-index h2 .div-title-underbar-bold {
    font-weight: bold;
    padding-bottom: 4px;
    border-bottom-width: 4px;
    margin-bottom: -3px;
}

.widget-index .widget-box {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0px;
}

.widget-index .widget-img img {
    display: block;
    max-width: 100%;
    /* 배너 이미지 */
}

@media all and (max-width:767px) {
    .responsive .widget-index .widget-box {
        margin-bottom: 30px;
    }
}


/* 카테고리 프로그램용 css*/

#category_man_list_group {
    display: inline-block;
    overflow: hidden;
}

#category_woman_list_group {
    display: none;
    overflow: hidden;
}

#category_man2 {
    display: none;
}

#category_man_30_list {
    display: none;
}

#category_man_40_list {
    display: none;
}

#category_man_50_list {
    display: none;
}

#category_woman_30_list {
    display: none;
}

#category_woman_40_list {
    display: none;
}

#category_woman_50_list {
    display: none;
}


/* 카테고리 프로그램용 css*/


/*=============== ././  Main.css ======================*/


/*-- apms.css--*/

.div-tab.tabs ul.nav-tabs li {
    background: rgb(247, 247, 247);
    border-image: none;
    color: #333;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
    line-height: 14px !important;
}

.div-tab.tabs ul.nav-tabs li:hover,
.div-tab.tabs ul.nav-tabs li:focus {
    border: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
}

.div-tab.tabs ul.nav-tabs li:first-child {
    border-left: 1px solid rgb(221, 221, 221);
    margin-left: 0px;
}

.div-tab.tabs ul.nav-tabs li:last-child,
.div-tab.tabs ul.nav-tabs li:last-child:hover {
    border-right: 1px solid rgb(221, 221, 221);
}

.div-tab.tabs ul.nav-tabs li.active {
    background: #fff;
    border-top: 1px solid #333;
}

.div-tab.tabs ul.nav-tabs li a,
.div-tab.tabs ul.nav-tabs li a:hover,
.div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a,
.div-tab.tabs ul.nav-tabs li:first-child a:hover,
.div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a,
.div-tab.tabs ul.nav-tabs li:last-child a:hover,
.div-tab.tabs ul.nav-tabs li:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    background: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0;
    line-height: 14px !important;
}

.div-tab.tabs ul.nav-tabs li.active a,
.div-tab.tabs ul.nav-tabs li.active a:hover,
.div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a,
.div-tab.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a,
.div-tab.tabs ul.nav-tabs li.active:last-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    background: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid transparent;
    margin: 0;
    line-height: 14px !important;
}


/*-- ./. apms.css ---*/


/* =============== ===		DEFAULT CSS  =========================== */


/* 팝업레이어 */

#hd_pop {
    z-index: 99999;
    position: relative;
    margin: 0 auto;
    width: 970px;
    height: 0;
    max-width: 100%;
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff
}

.hd_pops_con {}

.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right
}

.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff
}


/* 게시물 선택복사 선택이동 */

#copymove {}

.copymove_current {
    float: right;
    color: #ff3061
}

.copymove_currentbg {
    background: #f4f4f4
}


/* 화면낭독기 사용자용 */

#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.msg_sound_only,
.sound_only {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    width: 0;
}


/* =============== ===		./.   DEFAULT CSS  =========================== */


/* -----****------------------- COLORSET.CSS ------------ **** ------ */


/********************************************************
■ Basic : 기본
********************************************************/


/*body {
    line-height: 22px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}*/

body.is-pc .ko {
    font-size: 12px;
}

a {
    color: rgb(51, 51, 51);
    cursor: pointer;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

fieldset legend {
    display: none;
}

label {
    font-weight: normal;
}

label.checkbox,
label.radio {
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    display: block;
}

blockquote {
    font-size: 12px;
    margin: 0px 0px 20px;
}

.en,
h1,
h2,
h3,
h4,
h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    font-family: 'Roboto', sans-serif;
}

.ko,
.ko small {
    font-family: dotum, sans-serif;
}

.sns-share-icon img {
    width: 20%;
    max-width: 34px;
    border-radius: 50%;
}


/********************************************************
■ Layout : 레이아웃
********************************************************/

.wrapper {
    margin: 0 auto;
    background: #fff;
}

.at-container {
    margin: 0px auto;
    /*padding: 0;*/
    padding: 5px 0 0 0;
    /**Change by Linh**/
}


/* .is-pc .at-body { min-height:600px; } */

.at-body .at-container {
    overflow: visible;
}

.boxed.wrapper .at-body .at-container {
    padding: 0px 20px;
}

.at-content {
    position: relative;
    padding: 20px 0px;
}

.at-row {
    margin-left: -15px;
    margin-right: -15px;
}

.at-col {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav-fixed .at-menu {
    width: 100%;
    z-index: 999;
    left: 0px;
}


/* @media all and (max-width:991px) {
	.responsive .at-body .at-container { padding:0px 10px !important; }
	.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
	.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
	.responsive .pull-right.at-main,
	.responsive .pull-left.at-side { float:none !important; }

} */


/********************************************************
■ LNB : 최상단의 즐겨찾기, RSS, 로그인, 회원가입 영역
********************************************************/

.at-lnb {}

.en .at-lnb {
    font-size: 12px;
}

.at-lnb ul {
    position: relative;
    left: 10px;
    /**Change by Linh**/
    list-style: none;
    margin: 0px;
    padding: 10px 0px 5px;
}

.at-lnb ul>li {
    float: left;
    padding: 0px 10px;
    line-height: 1;
}

.at-lnb ul>li::after {
    float: right;
    color: #ccc;
    content: "/";
    margin-right: -17px;
}

.at-lnb ul>li:last-child::after {
    content: "";
    margin-right: 0px;
}

.at-lnb ul>li>a {
    color: #333;
    float: left;
}


/* @media all and (max-width:991px) {
	.responsive .at-lnb .at-container { display:none; visibility:visible; }
} */


/********************************************************
■ PC Header : PC 헤더 
********************************************************/

.pc-header {
    padding: 20px 0px 0px;
    text-align: center;
    line-height: 1;
}

.pc-header .at-container {
    padding: 3px 0px 15px;
    /*  background: url('./header.jpg') no-repeat right top;  */
}

.pc-header .header-logo {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    float: left;
    position: relative;
    top: 10px;
    height: 35px;
}

.pc-header .header-logo a {
    font-size: 44px;
    line-height: 44px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #000;
}

.pc-header .header-logo a:hover {
    color: #000;
}


/**Change by linh**/

.pc-header .header-logo img {
    display: block;
    max-width: 100%;
    max-height: 62px;
    height: 31px;
    width: 190px;
}


/**End Change**/

.pc-header .header-desc {
    display: none;
    font-size: 12px;
    letter-spacing: -1px;
    color: #888;
    margin-top: 2px;
}

.pc-header .header-search {
    display: inline-block;
    width: 466px;
    vertical-align: middle;
    float: left;
    margin-left: 58px;
}


/**Change by Linh**/


/*.pc-header .header-search form {
    padding: 0px;
    margin-top: 4px;
    border: 2px solid #ff4848;
    background: #fff;
}*/


/*.pc-header .header-search input {
    background: #fff;
    border: 0;
    width: 243px;
    margin-left: 175px;
    font-size: 13px;
    color: #555;
}*/

.pc-header .header-search .btn {
    color: #e51b13 !important;
    background: #ff4848 !important;
    height: 42px;
    padding: 11px 15px 10px 15px !important;
    width: 52px;
    border: 0;
}

.pc-header .header-keyword {
    padding-top: 4px;
}


/**End change**/

.en .pc-header .header-keyword {
    font-size: 12px;
}


/* @media all and (max-width:991px) {
	.responsive .pc-header { display:none; }
} */


/********************************************************
■ Mobile Header : 모바일 헤더 
********************************************************/

.m-header {
    display: none;
    background: rgb(50, 60, 70);
}

.m-header a {
    color: #fff
}

.m-header .at-container {
    padding: 0px;
}

.m-header .header-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0px;
    min-width: 300px;
    border-collapse: collapse;
}

.m-header .header-icon,
.m-header .header-logo {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.m-header .header-icon {
    width: 44px;
}

.m-header .header-icon a {
    display: block;
}


/* @media all and (max-width:991px) {
	.responsive .m-header { display:block; }
} */


/********************************************************
■ PC Menu : PC 메뉴바 배경설정
********************************************************/

.pc-menu {
    position: relative;
    background: #fff;
    border-top: 1px solid #dddddd;
    z-index: 90;
    border-bottom: 1px solid #ddd;
    /* box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); 
    -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); 
    -ms-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);;
    -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); */
    /* Change by Thanh */
    /* box-shadow: none; 
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none; */
    /* End change */
}

.pc-menu .at-container {
    position: relative;
}

.pc-menu .sub-slide,
.pc-menu .sub-shows {
    display: none;
    visibility: visible;
}

.pc-menu .sub-icon::after {
    font-family: "FontAwesome";
    float: right;
    position: relative;
    content: "\f105";
}

.pc-menu .menu-a {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
}

.pc-menu .nav-home .menu-a {
    font-size: 20px;
}

.pc-menu .nav-right {
    font-size: 16px;
}


/* @media all and (max-width:991px) {
	.responsive .pc-menu,
	.responsive .pc-menu-all { display:none; }
} */


/********************************************************
■ PC Menu Top : PC 상단 좌측/배분 스타일 메뉴
********************************************************/


/* 배분 스타일 */

.pc-menu .nav-top.nav-both .menu-ul {
    /* display:table;  */
    width: 100%;
    table-layout: fixed;
    margin: 0px;
}

.pc-menu .nav-top.nav-both .menu-li {
    display: inline;
    float: left;
    vertical-align: middle;
}

.pc-menu .nav-top.nav-both .menu-li a {
    padding: 0 20px;
    color: #111;
    font-weight: normal;
    background: #fff;
    font-size: 15px;
}

.pc-menu .nav-top.nav-both .top_category_menu a:hover {
    padding: 0 20px;
    background: #fff;
    font-size: 13px;
    color: red;
    font-weight: bold !important;
}

.pc-menu .nav-top.nav-both .menu-a {
    padding: 0px;
    text-align: center;
}

.pc-menu .nav-top.nav-both .sub-1div::before {
    left: 50%;
    margin-left: -8px;
}

.pc-menu .nav-top.nav-both .sub-1div {
    position: relative;
}

.top_active {
    color: red!important;
    font-weight: bold!important;
}


/* 좌측 스타일 */

.pc-menu .nav-top.nav-float .menu-ul {}

.pc-menu .nav-top.nav-float .menu-li {
    float: left;
}

.pc-menu .nav-top.nav-float .sub-1div {
    position: absolute;
}


/* 공통 스타일 */

.pc-menu .nav-top {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    width: 100%;
}

.pc-menu .nav-top .menu-a {
    display: block;
    color: #fff;
    background: #111;
    font-weight: bold;
}

.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a {
    background: #fff;
}

.pc-menu .nav-top .menu-li.nav-home {
    width: auto !important;
    text-align: center;
}

.pc-menu .nav-top .menu-li.nav-home .menu-a {
    padding: 0px;
}

.pc-menu .nav-top .new {
    color: rgb(140, 195, 70);
}

.pc-menu .nav-top .sub-1div::before {
    top: -8px;
    border-width: 0 8px 8px;
    border-color: orangered transparent;
    display: block;
    width: 0px;
    content: "";
    position: absolute;
    border-style: solid;
}

.pc-menu .nav-top .sub-1div {
    background: #fff;
    border-top: 3px solid orangered;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.pc-menu .nav-top .sub-1dul,
.pc-menu .nav-top .sub-1dli {
    position: relative;
}

.pc-menu .nav-top .sub-1da {
    display: block;
    color: #000;
    padding: 5px 12px;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da {
    color: #fff;
    font-weight: bold;
    background: orangered;
    border-color: orangered;
}

.pc-menu .nav-top .sub-1new {
    color: rgb(140, 195, 70);
}

.pc-menu .nav-top .sub-1line {
    position: relative;
    display: block;
    color: #000;
    padding: 5px 12px;
    font-weight: bold;
    background: #fafafa;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.pc-menu .nav-top .sub-2div {
    left: 100%;
    top: 0;
    background: #fff;
    position: absolute;
    z-index: 20;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.pc-menu .nav-top .sub-2dul {}

.pc-menu .nav-top .sub-2dli {}

.pc-menu .nav-top .sub-2da {
    display: block;
    color: #000;
    padding: 5px 12px;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.pc-menu .nav-top .sub-2dli.on .sub-2da,
.pc-menu .nav-top .sub-2dli:hover .sub-2da {
    color: #fff;
    font-weight: bold;
    background: orangered;
    border-color: orangered;
}

.pc-menu .nav-top .sub-2new {
    color: rgb(140, 195, 70);
}

.pc-menu .nav-top .sub-2line {
    display: block;
    color: #000;
    padding: 5px 12px;
    font-weight: bold;
    background: #fafafa;
    line-height: 22px;
    border-bottom: 1px solid rgb(238, 238, 238);
}


/********************************************************
■ PC Right Icon Menu : PC 우측 아이콘 메뉴
********************************************************/

.pc-menu .nav-right {
    background: #111;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 11;
}

.pc-menu .nav-right>ul {
    float: right;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pc-menu .nav-right>ul>li {
    float: left;
    position: relative;
    width: 42px;
}

.pc-menu .nav-right>ul>li>a {
    color: #fff;
    display: block;
    text-align: center;
}

.pc-menu .nav-right>ul>li>a:hover {
    background: #333;
}

.pc-menu .nav-right .label {
    position: absolute;
    top: 15%;
    right: 7px;
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    padding: 2px 3px;
    line-height: 0.9;
    border-radius: .25em !important;
}

.pc-menu .nav-rw {
    width: auto;
    padding: 0 19px;
    text-align: center;
    letter-spacing: -1px;
}


/********************************************************
■ PC All Menu : 전체 메뉴
********************************************************/

.pc-menu-all {
    position: relative;
    background: #fafafa;
    z-index: 2;
    -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
}

.pc-menu-all .at-container {
    padding: 20px 15px 0px;
}

.pc-menu-all .table {
    margin-bottom: 20px !important;
}

.pc-menu-all .table td {
    width: 1%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px;
    line-height: 20px;
}

.pc-menu-all .menu-a {
    display: block;
    color: #000;
    padding: 6px 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
}

.pc-menu-all .table td.on .menu-a {
    color: crimson;
}

.pc-menu-all .sub-1div {
    padding: 8px 0px;
}

.pc-menu-all .sub-1dul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pc-menu-all .sub-1dli .sub-1da {
    display: block;
    padding: 2px 12px;
    color: #333;
}

.pc-menu-all .sub-1dli.on .sub-1da,
.pc-menu-all .sub-1dli:hover .sub-1da {
    color: crimson;
}

.pc-menu-all .new {
    color: rgb(140, 195, 70);
}

.pc-menu-all .new-sub1 {
    color: rgb(140, 195, 70);
}

.pc-menu-all .sub-1line {
    display: block;
    color: #000;
    padding: 5px 12px;
    margin: 4px 0px;
    font-weight: bold;
    background: #fafafa;
}

.pc-menu-all .menu-all-btn {
    text-align: center;
}


/********************************************************
■ Mobile Menu : 모바일 메뉴
********************************************************/

.m-menu {
    display: none;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 20;
    box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -ms-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
}

.m-menu .m-wrap {}

.m-menu .m-table {
    display: table;
    width: 100%;
    table-layout: fixed;
    width: 100%;
    margin: 0px;
    min-width: 300px;
    border-collapse: collapse;
}

.m-menu .m-icon,
.m-menu .m-list {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #eee;
    border-top: 0px;
    border-bottom: 0px;
}

.m-menu .m-icon {
    width: 44px;
    text-align: center;
    font-size: 18px;
}

.m-menu .m-icon a {
    display: block;
    position: relative;
}

.m-menu .m-icon .label {
    position: absolute;
    top: 15%;
    right: 5px;
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    padding: 2px 3px;
    line-height: 0.9;
    border-radius: .25em !important;
}

.m-menu .m-nav {
    overflow: hidden;
    margin: 0px 10px;
}

.m-menu .m-nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.m-menu .m-nav ul li {
    display: table-cell;
    padding: 0px 10px;
    white-space: nowrap;
}

.m-menu .m-nav ul li.active a {
    color: orangered;
    font-weight: bold;
}

.m-menu .m-sub {
    background: #fafafa;
    border-top: 1px solid #ddd;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0px 10px;
}

.m-menu .m-nav-sub {
    width: 100%;
    overflow: hidden;
    margin: 0px;
}

.m-menu .m-nav-sub ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.m-menu .m-nav-sub ul li {
    display: table-cell;
    padding: 0px 10px;
    white-space: nowrap;
}

.m-menu .m-nav-sub ul li.active a {
    color: orangered;
    font-weight: bold;
}


/* @media all and (max-width:991px) {
	.responsive .m-menu { display:block; }
}
 */


/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/

.at-title {
    height: 80px;
    position: relative;
    color: #000;
    background-color: #fafafa;
    border-bottom: 1px solid #dfdfdf;
}

.at-title .at-container {
    height: 100%;
    position: relative;
}

.at-title .page-title {
    font-size: 24px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    z-index: 1;
}

.at-title .page-desc {
    color: #888;
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
}


/* @media all and (max-width:767px) {
	.responsive .at-title { height:50px; }
	.responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
} */


/********************************************************
■ Footer : 하단 푸터
********************************************************/

.en .at-footer .at-links {
    font-size: 12px;
}

.at-footer .at-links {
    background: #efefef;
    padding: 8px 0px;
    border: 0;
    border-left: 0px;
    border-right: 0px;
    line-height: 30px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.at-footer .at-links ul {
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.at-footer .at-links ul>li {
    display: inline-block;
    padding: 0px;
    position: relative;
}

.at-footer .at-links ul>li>a {
    padding-left: 41px;
    padding-right: 50px;
    border-right: 1px solid #d1d1d1;
}

.at-footer .at-links ul>li:nth-child(1)>a {
    /*padding-left: 26px;*/
    padding-left: 0;
    padding-right: 49px
}

.at-footer .at-links ul>li:last-child>a {
    border: 0;
    padding-right: 0;
    padding-left: 41px;
    /*padding-left: 42px;*/
}

.at-footer .at-links ul>li::after {
    position: absolute;
    color: #ccc;
    top: 0;
    /* margin-right: -30px; */
    font-size: 20px;
    font-weight: normal;
    /* margin-top: -2px; */
    right: 0%;
}

.at-footer .at-links ul>li:last-child::after {
    content: "";
}

.at-footer .at-links ul>li>a {
    color: #666666;
    letter-spacing: 0.1px;
    font-weight: normal;
    font-size: 14px;
}


/* @media all and (max-width:991px) {
	.responsive .at-footer .at-links ul.pull-left { display:none; }
	.responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
	.responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
} */


/* YC5 */

.en .at-footer .at-infos {
    font-size: 12px;
}

.at-footer .at-infos .media {
    padding: 40px 20px 20px;
    line-height: 1.7;
    border-bottom: 1px solid #ddd;
}

.at-footer .at-infos .pull-left {
    font-size: 70px;
    color: #ddd;
    line-height: 0;
    width: 170px;
}

.at-footer .at-infos .copyright {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-left: 10px;
}

.at-footer .at-infos .copyright span {
    color: #888;
}

.at-footer .at-about {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.at-footer .at-about>li {
    float: left;
    padding: 0px 15px;
    color: #888;
}

.at-footer .at-about>li>a {
    color: #888;
}

.at-footer .at-help {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.at-footer .at-help:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.at-footer .at-help>li {
    float: left;
    padding: 0px 15px;
}

.at-footer .at-help>li::after {
    float: right;
    font-size: 12px;
    color: #ddd;
    content: "|";
    margin-right: -17px;
}

.at-footer .at-help>li:last-child::after {
    content: "";
}

.at-footer .at-help>li>a {
    float: left;
}


/* @media all and (max-width:767px) {
	.responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
	.responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
} */


/* G5 */

.at-footer .at-copyright {
    text-align: center;
    padding: 15px 0px;
    color: #888;
}

.at-footer .at-copyright strong {
    color: #333;
}


/********************************************************
■ Go Top & Bottom : 상단/하단 이동버튼
********************************************************/

.at-go .go-btn {
    display: none;
    position: fixed;
    width: 40px;
    bottom: 20px;
    right: 25px;
    z-index: 2;
}

.at-go .go-btn span {
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    margin: 5px 0px;
    text-align: center;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px !important;
    font-size: 19px;
}

.at-go .go-btn .go-bottom {
    display: none;
}


/* @media (max-width: 768px) {
	.at-go .go-btn { bottom:0px; right:5px; }
} */


/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/


/* Button */

.btn {
    font-family: "Roboto", sans-serif;
}

.btn-lg {
    padding: 10px 16px;
    border-radius: 3px;
    line-height: 1.33;
    font-size: 18px;
}

.btn-lg i {
    top: 3px;
    font-size: 24px;
    position: relative;
}

.btn-xs {
    padding: 4px 10px;
}

.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm {
    font-family: dotum, sans-serif;
}


/* Panel : Accordions */

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    border-radius: 0px;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel .panel-heading {
    border-radius: 0px;
}

.is-pc .ko .panel .panel-body {
    font-size: 12px;
}


/* List Group */

.list-group-item {
    word-break: break-all;
    border-radius: 0 !important;
}


/* Pagination */

.pagination {
    font-family: "Roboto", sans-serif;
}

.pagination li a {
    border-radius: 0 !important;
    color: #333 !important;
}

.pagination li.active a {
    color: #fff !important;
    background: #444 !important;
    border-color: #444 !important;
}


/* Progress */

.progress {
    position: relative;
    border-radius: 0px;
    height: 28px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: rgb(245, 245, 245);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .sr-only {
    font-family: "Roboto", sans-serif;
    margin: 0px 15px;
    left: 0px;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    clip: auto;
}

.sr-score {
    font-family: "Roboto", sans-serif;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-right: 8px;
}


/* Misc */

.form-control,
.well,
.btn,
.alert,
.input-group-addon,
.label {
    border-radius: 0 !important;
    /* Change by Thanh */
    /* box-shadow: none; 
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none; */
    /* End change */
}

.rh-srch-cldar p>label {
    cursor: pointer;
}

.rh-srch-cldar p>label.active {
    background-color: #ff4848;
    color: #ffffff;
    border: 1px solid #ff4848;
}

.page_order {
    text-align: center;
    margin-top: 20px;
}

.page_order ul li {
    display: none;
    line-height: normal;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    margin-right: 5px;
    padding: 7px;
    transition: 0.5s;
    cursor: pointer;
}

.page_order ul li.active,
.page_order ul li:hover {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.7);
}

.page_order ul li.active a {
    color: red;
}


/* -----****------------------- ././ COLORSET.CSS ------------ **** ------ */


/* TOP MENU */

.at-lnb ul>li::after {
    content: '';
}

.at-lnb ul>li {
    position: relative;
}

.at-lnb .pull-left ul>li {
    padding: 0 7px;
}

.at-lnb ul>li>a {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 18px;
    font-size: 12px;
    color: #000;
}


/**Chane by Linh**/

.at-lnb ul>li>a.rh-flag {
    width: 17px;
    margin-right: 3px;
    margin-top: 2px;
}

.at-lnb .pull-left p {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    /*margin-top: 10px;*/
    margin-top: 8px;
    cursor: pointer;
    /*border-bottom: 1px solid #dedede;*/
    padding: 0 3px 2px 0;
    font-size: 12px;
}

.at-lnb .pull-left img {
    position: relative;
    margin-right: 2px;
    top: 3px;
}


/**End change**/

.at-lnb ul>li>a.rh-flag img {
    width: 17px;
}

.at-lnb .pull-right ul>li {
    border-right: 1px solid #ddd;
}

.at-lnb .pull-right>ul>li {
    padding: 0;
    text-align: center;
    float: right;
}

.at-lnb .pull-right>ul>li>a {
    position: relative;
    padding: 0 5px;
}

.at-lnb .pull-right>ul>li>a:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -10px;
    height: 10px;
}

.at-lnb .pull-right>ul>li:nth-child(1) {
    /*width: 70px;*/
    width: 80px;
}

.at-lnb .pull-right>ul>li:nth-child(2) {
    width: 100px;
}

.at-lnb .pull-right>ul>li:nth-child(3) {
    width: 100px;
}

.at-lnb .pull-right>ul>li:nth-child(4) {
    width: 100px;
}

.at-lnb .pull-right ul>li.last-child {
    border-right: 0;
    padding-left: 7px;
    /**Change by linh**/
    margin-top: 1px;
    /**Change by linh**/
}


/* .at-lnb .pull-right ul > li:after {content:'|'; position: relative; display: inline-block; font-size: 14px; line-height: 1;} */


/* .at-lnb .pull-right ul > li:last-child:after,
.at-lnb .pull-right ul > li.rh-top-menu-last:after {content:''} */

.at-lnb ul>li>img {
    position: relative;
    display: inline;
    float: left;
    margin-top: -3px;
    margin-right: 3px;
}

.at-lnb ul>li .rh-deep-2 {
    position: absolute;
    display: none;
    top: 23px;
    padding: 10px 0;
    left: 0;
    width: 100px;
    height: auto;
    line-height: 0;
    background-color: #fff;
    z-index: 994;
    border: 1px solid #ff4848;
    box-shadow: 0px 1px 3px 0px #adadada6;
}

.at-lnb ul>li .rh-deep-2:after {}

.at-lnb ul>li .rh-deep-2 {
    background: #fff;
    border: 1px solid #ff4848;
}

.at-lnb ul>li .rh-deep-2:after,
.at-lnb ul>li .rh-deep-2:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.at-lnb ul>li .rh-deep-2:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.at-lnb ul>li .rh-deep-2:before {
    border-color: rgba(255, 72, 72, 0);
    border-bottom-color: #ff4848;
    border-width: 6px;
    margin-left: -6px;
}


/**Change by Linh**/

.at-lnb ul>li .rh-deep-2.rh-partner-menu {
    width: 160px;
    /*left: -33px;*/
    left: 15px;
}

.at-lnb ul>li .rh-deep-2.rh-setting-menu {
    width: 100px;
    left: -15px;
}

.at-lnb ul>li .rh-deep-2.rh-mypage-menu {
    /*width: 110px;*/
    width: 96px;
    /*left: -5px;*/
    left: 1px;
}


/**End Change**/

.at-lnb ul>li .rh-deep-2 li {
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    line-height: 1.5;
    font-size: 12px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
}

.at-lnb ul>li .rh-deep-2.rh-partner-menu li {
    text-align: left;
}

.at-lnb ul>li:hover .rh-deep-2 {
    display: block;
}

.at-lnb ul>li .rh-deep-2 li a {
    float: none;
    line-height: 1.8;
}

.at-lnb ul>li .rh-deep-2 li:hover a {
    font-weight: bold;
}

.at-lnb ul>li .rh-deep-2 li:after {
    content: '';
}

.at-lnb ul>li ul.rh-cart-tg {
    padding: 0;
    width: 200px;
    border: 1px solid #e3e3e3;
    z-index: 998
}

.at-lnb ul>li ul.rh-cart-tg li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.at-lnb ul>li ul.rh-cart-tg li img,
.at-lnb ul>li ul.rh-cart-tg li div:last-child {
    position: relative;
    display: inline;
    float: left;
}

.at-lnb ul>li ul.rh-cart-tg li img {
    position: relative;
    display: inline-block;
    float: none;
    top: 0;
    margin-top: 0;
    width: 31px;
    height: 35px;
    vertical-align: middle;
}

.at-lnb ul>li ul.rh-cart-tg li a {
    margin-left: 5px;
    width: 200px;
    text-align: left;
    color: #666;
    line-height: 1.5;
    font-family: 'Helvetica Neue', 'Helvetica', 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', dotum, 'Lucida Grande', sans-serif;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-url {
    padding: 7px;
    border-bottom: 0;
    text-align: center;
    background-color: #fafafa;
    cursor: pointer;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-url a {
    position: relative;
    display: inline-block;
    float: none;
    width: 100%;
    clear: both;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-url:hover a {
    font-weight: normal;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-url a:hover {
    color: #666;
    font-weight: normal;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-url img {
    position: relative;
    display: inline-block;
    float: right;
    right: 15px;
    top: 4px;
    background-color: transparent;
    width: auto;
    height: auto;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-mark-abs {
    position: absolute;
    display: block;
    width: 11px;
    height: 11px;
    top: 0;
    right: 0;
    padding: 0;
    border-bottom: 0;
}

.at-lnb ul>li ul.rh-cart-tg li.rh-mark-abs img {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
}


/* TOP SEARCH */

#toggle_catehead {
    cursor: pointer;
}

#searcheader_input {
    box-shadow: 0 0 0 0;
}

.rh-cat-slct {
    position: absolute;
    width: 170px;
    height: 30px;
    top: 0;
    left: 0;
    font-size: 13px;
    color: #555;
    line-height: 30px;
    z-index: 99;
    border: 0;
    border-right: 1px solid #dcdcdc;
}

.rh-cat-slct .rh-toggle-arr {
    position: absolute;
    right: 0;
    display: inline-block;
    height: 30px;
    width: 30px;
    float: right;
}

.rh-cat-slct .rh-toggle-arr img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 12px;
}

.rh-cat-slct ul {
    position: relative;
    display: inline-block;
    width: 290px;
    padding: 10px 0;
    left: -2px;
    border-left: 1px solid #ff4848;
    border-bottom: 1px solid #ff4848;
    border-top: 2px solid #ff4848;
    border-right: 1px solid #ff4848;
    background-color: #fff;
    overflow: auto;
    overflow-x: hidden;
    z-index: 999;
    -webkit-box-shadow: 1px 3px 10px rgba(138, 138, 138, 0.4);
    -ms-box-shadow: 1px 3px 10px rgba(138, 138, 138, 0.4);
    -moz-box-shadow: 1px 3px 10px rgba(138, 138, 138, 0.4);
    box-shadow: 1px 3px 10px rgba(138, 138, 138, 0.4);
}

.rh-cat-slct ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    padding: 0 20px;
    line-height: 28px;
    background-color: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-cat-slct ul li:last-child {
    border-bottom: 0;
}

.rh-cat-slct ul li:hover {
    background-color: #f9f9f9
}

.rh-cat-slct ul li a {
    font-size: 13px;
    display: inline-block;
    width: 100%;
}

.rh-cat-slct ul li a:hover {
    color: #333;
}

.rh-srch-suge {
    position: absolute;
    display: inline-block;
    right: -2px;
    top: 31px;
    width: 294px;
    padding: 0px;
    border: 1px solid #ff4848;
    background-color: #fff;
    z-index: 993;
    overflow: auto;
    border-top: 1px solid #ff4848;
    box-shadow: 0px 1px 3px 0px #adadada6;
}


/*Change by Linh (Thay Ä‘i padding top)*/

.rh-srch-suge dl.rh-keyword-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0px 0px 15px 0px;
    min-height: 145px;
}


/*End change*/

.rh-srch-suge dl.rh-keyword-list dt {
    position: absolute;
    display: inline-block;
    width: 50%;
    height: 40px;
    line-height: 38px;
    top: 0px;
    border: 1px solid #e3e3e3;
    background-color: #fafafa;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    text-transform: uppercase;
    border-top: 0;
}

.rh-srch-suge dl dt.rh-common-kw {
    left: 0px
}

.rh-srch-suge dl dt.rh-hot-kw {
    left: 50%
}

.rh-srch-suge dl.rh-keyword-list dt.active,
.rh-srch-suge dl.rh-keyword-list dt:hover {
    color: #ff4848;
    background-color: #fff;
    border: 0;
    text-transform: uppercase;
    font-size: 13px;
}

.rh-srch-suge dl.rh-keyword-list dd {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 49px;
    text-align: left;
    padding: 0 20px;
}

.rh-srch-suge dl.rh-keyword-list dd a {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    width: 100%;
    clear: both;
    line-height: 28px;
    font-size: 13px;
}

.rh-srch-suge dl.rh-keyword-list dd.rh-hot-kw a {
    width: 100%;
}

.rh-srch-suge dl.rh-keyword-list dd a .rh-no {
    position: relative;
    display: inline-block;
    width: 20px;
}

.rh-srch-suge dl.rh-keyword-list dd a .rs_floatright {
    color: #ff4848;
}

.rh-srch-suge dl.rh-keyword-list dd a:hover {
    background-color: #fdf5e9;
    color: #333;
}

.sticky-wrapper {
    height: 41px !important;
    line-height: 41px !important;
}

.pc-menu .nav-top.nav-both .menu-li a {
    letter-spacing: normal;
    font-size: 13px;
    font-weight: bold;
    color: #323232;
}


/* .pc-menu .nav-top.nav-both .rh-menu-1{width: 58px}
.pc-menu .nav-top.nav-both .rh-menu-2{width: 57px}
.pc-menu .nav-top.nav-both .rh-menu-3{width: 62.5px}
.pc-menu .nav-top.nav-both .rh-menu-4{width: 99.5px}
.pc-menu .nav-top.nav-both .rh-menu-5{width: 138px}
.pc-menu .nav-top.nav-both .rh-menu-6{width: 168px}
.pc-menu .nav-top.nav-both .rh-menu-7{width: 60px}
.pc-menu .nav-top.nav-both .rh-menu-8{width: 60px}
.pc-menu .nav-top.nav-both .rh-menu-9{width: 90px} */

.rh-srch-suge dl.rh-keyword-list dd .rh-del-his,
.rh-search-leg .rs_floatright .rh-del-his {
    width: 17px;
    height: 17px;
    margin-top: 7px;
    float: right;
    margin-left: 5px;
    background-color: #fcfcfc;
    border: 1px solid #dadada;
    color: #343434;
}

.rh-srch-suge dl.rh-keyword-list dd .rh-del-his i,
.rh-search-leg .rs_floatright .rh-del-his i {
    font-size: 14px;
    line-height: 16px;
}

.rh-srch-suge dl.rh-keyword-list dd .rh-search-rating-stt {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.rh-srch-suge dl.rh-keyword-list dd .rh-freezed {
    margin-top: 13px;
}

.rh-search-leg {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -36px;
    padding: 0 20px;
    background-color: #f0f0f0;
    color: #343434;
    font-size: 12px;
    line-height: 36px;
}

.rh-search-leg .rs_floatright .rh-del-his {
    margin-top: 0px;
    border: 0;
    background-color: transparent;
}

.rh-search-leg .rs_floatright .rh-close-btn {
    margin-top: 0;
    height: 20px;
    font-size: 12px;
    border: 0;
    line-height: 20px;
    background-color: transparent;
}

.rh-search-leg .rs_floatright .rh-close-btn i {
    font-size: 12px;
    line-height: 20px;
    color: #343434;
}


/* TOP SLIDER */

.rh-head-slide-box {
    position: relative;
    display: inline;
    float: right;
    width: 200px;
    height: 56px;
    top: -8px;
}

.rh-bx-topslide {
    position: relative;
    width: 250%;
    display: inline-block;
}

.rh-head-slide-box .rh-head-url {
    position: relative;
    display: inline-block;
    width: 100%;
    left: 75px;
    top: 10px;
}

.rh-head-slide-box .rh-head-url li {
    position: relative;
    display: inline;
    float: left;
    width: 33.33%;
    text-align: center;
}

.rh-head-slide-box .rh-head-url li span {
    font-size: 12px;
}

.rh-head-slide-box .rh-head-url li .rh-head-icon {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px
}

.rh-head-slide-box .rh-head-url li .rh-setting-btn {
    cursor: pointer;
}

.rh-head-slide-box .rh-head-url li a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.rh-head-slide-box .rh-head-url li a .rh-number {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ff4848;
    color: #fff;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    right: 10px;
    line-height: 20px;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 12px;
}

.rh-bx-topslide li {
    position: relative;
    display: inline;
    float: left;
    line-height: 1;
    border-right: 1px solid #666;
}

.rh-bx-topslide li img,
.rh-bx-topslide li p {
    position: relative;
    display: inline;
    float: left;
}

.rh-bx-topslide li img {
    margin-right: 10px;
}

.rh-bx-topslide li p {
    text-align: left;
    line-height: 1.5;
    color: #000;
    font-weight: 600;
    width: 100px;
    font-size: 13px;
}

.rh-bx-topslide li p .rs_bold {
    color: #fc3d3e;
}

.rh-red {
    color: #ff0202;
}

.pc-menu .nav-top .menu-li.nav-home a {
    text-align: left;
}

.rh-mp-cat-icon {
    vertical-align: top;
    position: relative;
    display: inline-block;
    top: -1px
}

.at-body .rh-main-slider-row {
    position: relative;
    padding: 0;
    overflow: visible
}

.rh-main-slider {
    position: relative;
    display: inline-block;
    width: 940px !Important;
    margin-top: 15px;
}

.rh-main-slider>div {
    position: relative;
    display: inline;
    float: left;
    height: 427px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.rh-cats-banner {
    position: absolute;
    display: table;
    width: 100%;
    bottom: 0;
    left: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #fafafa;
    z-index: 55;
    /*width: 635px;*/
}

.rh-cats-banner-lp {
    width: 701px;
}

.rh-cats-banner>li {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-cats-banner li .rh-cat-item {
    position: relative;
    display: table-cell;
    width: 25%;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.rh-cats-banner li .rh-cat-item a {
    color: #212121;
}

.rh-cats-banner>li .rh-cat-item:hover,
.rh-cats-banner>li>.active {
    background-color: #ff4848;
    color: #fff;
    font-size: 14px;
    border-top: 0;
}

.rh-cats-banner li .rh-cat-item:hover>a,
.rh-cats-banner li .active>a {
    color: #fff;
}

.rh-cats-banner li .rh-cat-item>ul {
    position: absolute;
    display: none;
    width: 100%;
    padding: 0px 0;
    bottom: 40px;
    line-height: 0;
    /*  background-image: url('/img/shop/mainbanner-cats-bgr.png'); */
    background-color: rgba(0, 0, 0, .5);
}


/* .rh-cats-banner li .rh-cat-item:last-child  > ul {width: 126px;} */

.rh-cats-banner li .rh-cat-item>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 34px;
    text-align: center;
}

.rh-cats-banner li .rh-cat-item>ul>li a {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff;
}

.rh-cats-banner li .rh-cat-item>ul>li:hover a,
.rh-cats-banner li .rh-cat-item>ul>li a.active {
    color: #fff;
    border: 0;
}

.rh-cats-banner li .rh-cat-item:hover>ul {
    display: block;
}

.rh-setting-box-wr {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1075;
}

.rh-setting-box {
    position: absolute;
    width: 530px;
    height: fit-content;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 40px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 994;
}

.rh-setting-box dt,
.rh-setting-box dd {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 24px;
}

.rh-setting-box dt {
    text-align: center;
    font-size: 18px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    color: #232323;
}

.rh-setting-box dt .rh-x-popup,
#od_coupon_frm h3 .rh-x-popup,
#sc_coupon_frm h3 .rh-x-popup,
.rh-opt-popup-wr .rh-opt-popup h3 .rh-x-popup {
    position: absolute;
    right: -2px;
    top: -5px;
    background-color: transparent;
    border: 0;
}

.rh-setting-box dt .rh-x-popup img,
#od_coupon_frm h3 .rh-x-popup img,
#sc_coupon_frm h3 .rh-x-popup img,
.rh-opt-popup-wr .rh-opt-popup h3 .rh-x-popup img {
    width: 15px;
}

.rh-setting-box dd {
    border-bottom: 1px solid #e5e5e5;
    padding: 29px 0 10px 0;
}

.rh-setting-box .rh-lang-row {
    padding: 30px 0;
    background-color: #fafafa;
    border-top: 1px solid #e5e5e5;
}

.rh-setting-box .rh-lang-row>strong {
    margin-top: 15px;
}

.rh-setting-box .rh-lang-row>label img {
    position: relative;
    display: inline-block;
    margin-bottom: 7px;
}

.rh-setting-box .rh-exp-row {
    border-bottom: 0;
    line-height: 1.5;
    color: #7e7e7e;
    font-weight: bold;
}

.rh-setting-box .rh-age-row,
.rh-setting-box .rh-gender-row {
    background-color: #fafafa;
}

.rh-setting-box dd strong,
.rh-setting-box dd label {
    position: relative;
    display: inline;
    float: left;
}

.rh-setting-box dd strong {
    width: 120px;
    padding-left: 20px;
    font-size: 15px;
}

.rh-setting-box dd label {
    width: 80px;
    color: #8d8d8d;
    cursor: pointer;
}

.rh-setting-box dd label input[type=radio] {
    margin-right: 5px;
}

.rh-setting-box .rh-age-row label {
    width: 70px;
}

.rh-setting-box .rh-btn-row {
    border-bottom: 0;
    text-align: center;
}

.rh-setting-box .rh-btn-row>button {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 32px;
    text-align: center;
    line-height: 28px;
    border: 2px solid #ff4848;
    font-weight: bold;
}

.rh-setting-box .rh-btn-row>button.rh-btn-cancel {
    background: url('/img/mypage-bgr_10.png')!important;
    border: 1px solid #b1b1b7;
    color: #555 !important;
}

.rh-setting-box .rh-btn-row>button.rh-btn-save {
    background: url('/img/bgr-reg-btn.png') !important;
    color: #fff;
}

.rh-setting-box-address {
    height: fit-content;
}

.rh-setting-box-address dd {
    text-align: center;
    border-bottom: 0;
}

.rh-setting-box-address dd label {
    position: relative;
    display: inline-block;
    width: 110px;
    text-align: right;
    /*line-height: 30px;*/
    line-height: 36px;
    color: #333;
    font-size: 15px;
}

.rh-setting-box-address dd label .rh-required-red {
    position: relative;
    margin-left: 2px;
    top: -2px;
    color: #ff4545;
    font-size: 14px;
}

.rh-setting-box-address dd select#cfast_district,
.rh-setting-box-address dd select#cfast_ward,
.rh-setting-box-address dd select#cfast_city {
    position: relative;
    display: inline-block;
    width: calc(100% - 130px);
    height: 38px;
    margin-left: 20px;
    box-shadow: 0 0 0 transparent;
    font-size: 13px;
    color: #333;
    /*-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-image: url('/img/shop/arrow-down-popup.svg');
    background-repeat: no-repeat;
    background-position: 318px 17px;*/
}

.rh-space-10px {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 10px;
}

.rh-space-18px {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 18px;
}

.rh-add-ward {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.rh-add-ward p:first-child {
    position: relative;
    width: 100px;
    text-align: right;
}

.rh-add-ward div:last-child {
    width: calc(100% - 130px);
    padding-left: 30px;
    margin-top: 6px;
    line-height: 20px;
    color: #999;
    font-size: 13px;
    text-align: left;
}

.rh-add-ward p:first-child button {
    background-color: transparent;
    border: 0;
    color: #6c99e8;
}

.rh-add-ward div>i {
    font-size: 12px;
    text-align: left;
}

.rh-add-ward div .readmore {
    position: relative;
    display: inline-block;
    padding: 4px 6px;
    margin-left: 5px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
}

.rh-add-ward div .readmore img {
    position: relative;
    display: inline-block;
    width: 6px;
    top: -1px;
    margin-left: 4px;
}

.rh-add-ward div p {
    position: absolute;
    display: none;
    width: 100%;
    padding: 15px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    text-align: left;
    z-index: 10;
}

.rh-add-ward div p b,
.rh-add-ward div p strong,
.rh-add-ward div p span {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    padding-left: 0;
}

.rh-add-ward div p {
    top: 80px;
    left: 35px;
}

.rh-add-ward div p:before,
.rh-add-ward div p:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
}

.rh-add-ward div p:after {
    top: -9px;
    margin-left: -9px;
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.rh-add-ward div p:before {
    top: -11px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: solid 11px #e3e3e3;
    border-left: solid 11px transparent;
    border-right: solid 11px transparent;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
}


/***
*Change by Linh;
****/

.rh-add-ward div p b,
.rh-add-ward div p strong {
    color: #333;
    font-weight: bold;
}


/**end change**/

.rh-add-ward div p span {
    color: #666;
    margin-bottom: 5px;
}

.rh-add-ward div p strong {
    margin-bottom: 10px;
}

.rh-setting-box-address dd #btnchange,
.rh-setting-box-address dd .rh-cancel-popup {
    position: relative;
    display: inline-block;
    /*margin-top: 32px;*/
    margin-top: 36px;
    width: 144px;
    padding: 0 15px;
    height: 40px;
    text-transform: uppercase;
    border: 1px solid #ff4848;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 40px;
}

.rh-setting-box-address dd #btnchange {
    border: 0;
    color: #fff;
    background: #ff4848;
}

.rh-setting-box-address dd .rh-cancel-popup {
    margin-right: 9px;
    border: 1px solid #ff4848;
    color: #ff4545;
    background-color: #fff;
    line-height: 40px;
}


/* Item review list edit popup */

.rh-rv-list-edit {
    width: 850px;
    padding: 0;
    height: 380px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-rv-list-edit .rh-write-rv-wr {
    padding: 30px;
}

.rh-rv-list-edit .rh-write-rv-wr .rh-rv-save,
.rh-rv-list-edit .rh-write-rv-wr .rh-rv-cancel {
    right: 30px;
}

.rh-rv-list-edit .rh-write-rv-wr .rh-rv-save {
    top: 130px;
}

.rh-rv-list-edit .rh-write-rv-wr .rh-rv-cancel {
    top: 170px;
}

.rh-rv-list-edit .rh-write-rv {
    width: 710px;
}

.rh-rv-list-edit .rh-write-rv-wr .rh-write-rv .rh-rv-cntn {
    width: 100%;
}

.rh-rv-list-edit .rh-write-rv .rh-row>div {
    width: 590px
}

.rh-rv-list-edit .rh-use_add_file li button {
    float: right;
}

.btn:focus,
.btn:active,
.btn:active:focus {
    outline: none;
    outline-offset: 0;
    box-shadow: 0 0 0 transparent;
}

.use-media .media .media-info .edit_itemuse,
.use-media .media .media-info .del_itemuse {
    padding: 0px 5px;
    border: 0;
    margin-left: 0px;
    font-size: 12px;
    line-height: 1;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666;
}

.rh-coupon-popup-wr {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 994;
}

#form_coupon_letters {
    width: 100%;
    text-align: center;
}

.rh-coupon-popup-wr .rh-setting-box dd {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
}

.example {
    box-sizing: border-box;
}

.rh-coupon-popup-wr .rh-setting-box dd.rh-coupon-expl-wr {
    padding: 10px 0;
}

.rh-coupon-popup-wr .rh-setting-box dd.rh-coupon-expl-wr+dd {
    border-top: 0;
}

.rh-text-box-coupon {
    position: relative;
    display: inline-block;
    width: 360px;
    margin: 0;
}

.rh-coupon-expl {
    position: relative;
    display: inline-block;
    margin: 0px;
    width: 100%;
    clear: both;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #999;
    font-style: italic;
}

.rh-coupon-expl strong {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    font-size: 17px;
    margin-bottom: 10px;
}

.rh-text-box-coupon span {
    position: relative;
    display: inline;
    float: left;
    line-height: 37px;
    height: 38px;
}

.rh-text-box-coupon span.rh-input {
    width: 69px;
    font-size: 20px;
}

.rh-text-box-coupon span.rh-input input {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #e5e5e5;
    line-height: 30px;
    height: 100%;
    background-color: #f9f9f9;
}

.rh-text-box-coupon span.rh-btn-submit button {
    margin-left: 10px;
    height: 30px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background: url('/img/bgr-button-submit.png');
    border: 0;
    font-size: 11px;
}

.rh-text-box-coupon span.rh-cross-sign {
    /* margin: 0 5px; */
    width: 16px;
    font-size: 20px;
    color: #acacac;
}

.text-box-coupon input {
    width: 100%;
}

.rh-coupon-popup-wr .rh-popup-btn button.rh-btn-save {
    background: url('/img/bgr-reg-btn.png');
    border: 0;
    color: #fafafa;
}

.rh-coupon-popup-wr .rh-popup-btn {
    margin-bottom: 0;
    margin-top: 0;
}

.rh-coupon-popup-wr .rh-setting-box {
    width: 410px;
}

.rh-coupon-popup-wr .rh-setting-box dt {
    border-bottom: 0;
}

.rh-coupon-popup-wr .rh-setting-box .rh-lang-row {
    background-color: #fff;
}

.rh-coupon-popup-wr .rh-setting-box .rh-coupon-popup-btn-row {
    padding: 20px 0 20px 0;
}


/* Upload photo management */

.file-manager {
    position: fixed;
    top: 10%;
    width: 940px;
    background: #fff;
    display: none;
    padding: 24px;
    border-radius: 1px;
    z-index: 999;
    height: 600px;
}

.overlay_file {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 900;
    background: #000;
    opacity: 0.8;
}

.file-manager .btn-confirm {
    position: absolute;
    right: 10px;
}

.file-manager .btn-cancel {
    position: absolute;
    right: 100px;
}

.file-manager #file-list {
    width: 100%;
    column-count: 4;
    column-gap: 1em;
}

.file-list-wrap {
    width: 100%;
    height: 400px;
    overflow-y: auto;
}

.img-file {
    width: 100%;
    display: inline-block;
    margin: 0 0 1em;
    border: 3px solid transparent;
}

.img-file button {
    margin-top: 3px;
}

.img-file:hover img,
.img-file.active img {
    outline: 3px solid #428bca;
}

.img-file img {
    max-width: 100%;
}

.img-file label {
    padding: 0;
    margin: 0;
    border-radius: 2px;
}

.img-file input[type=radio] {
    display: none;
    padding: 0;
    margin: 0;
}

.img-file input[type=radio]:checked+label {
    outline: 3px solid #1bbc9b;
}

.function-btn {
    margin-top: 10px;
    text-align: right;
}

#fileuploader .ajax-upload-dragdrop {
    width: 100% !important;
}


/* Rainbow color */

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-0 {
    color: #40a4d8;
}

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-1 {
    color: #33beb7;
}

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-2 {
    color: #b2c224;
}

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-3 {
    color: #fecc2f;
}

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-4 {
    color: #f8a227;
}

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-5 {
    color: #f66320;
}

.rh-cats-banner li .rh-cat-item>ul>li.rh-li-6 {
    color: #db3937;
}

.rh-cats-banner li .rh-cat-item-sub {
    position: relative;
    display: table-cell;
    width: 126px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.rh-cats-banner ul li .rh-cat-item-sub:hover,
.rh-cats-banner ul>li .active {
    /* background-color: #ff4848; */
    color: #fafafa;
    font-size: 14px;
    font-weight: bold;
}

.rh-cats-banner li .rh-cat-item-sub a {
    text-transform: lowercase;
}

.rh-cats-banner li .rh-cat-item-sub a:first-letter {
    text-transform: uppercase;
}

.rh-cats-banner li .rh-cat-item-sub:hover>a,
.rh-cats-banner li .active>a {
    color: #fff;
}

.rh-cats-banner li .rh-cat-item-sub>ul {
    position: absolute;
    display: none;
    width: 127px;
    padding: 10px 0;
    bottom: 40px;
    line-height: 0;
    background-image: url('/img/shop/mainbanner-cats-bgr.png');
}

.rh-cats-banner li .rh-cat-item-sub:last-child>ul {
    width: 126px;
}

.rh-cats-banner li .rh-cat-item-sub>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 26px;
    text-align: center;
}

.rh-cats-banner li .rh-cat-item-sub>ul>li a {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff;
}

.rh-cats-banner li .rh-cat-item-sub>ul>li:hover a,
.rh-cats-banner li .rh-cat-item>ul>li a.active {
    color: #fff;
    border: 0;
}

.rh-cats-banner li .rh-cat-item-sub:hover>ul {
    display: block;
}

.rh-main-slider .rh-main-slider-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 395px;
    overflow: hidden;
}

.rh-main-slider .rh-img-product-ul {
    position: relative;
    width: 300%;
    border: none;
    padding: 0;
}

.rh-main-slider .rh-img-product-ul>li {
    position: relative;
    display: inline-block;
    width: 33.33%;
}

.rh-main-slider .rh-img-product-ul>li>.rh-img-product {
    width: 635px;
    border: none;
    padding: 35px;
}

.rh-main-slider .rh-img-product-ul>li>.rh-img-product .rh-main-prod {
    position: absolute;
    width: 635px;
    height: 325px;
    left: 0;
    top: 0;
    border: 0;
}

.rh-main-slider .rh-img-product-ul>li>.rh-img-product p,
.rh-cat-slide li .rh-prod-info p {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right;
    line-height: 1;
}

.rh-main-slider .rh-img-product p.rh-item-info strong,
.rh-cat-slide li .rh-prod-info p.rh-item-info strong {
    font-size: 42px;
    color: #ef4e82;
    font-weight: bold;
    letter-spacing: -2px;
}

.rh-main-slider .rh-img-product-ul>li .rh-img-product p.rh-item-info span,
.rh-cat-slide li .rh-prod-info p.rh-item-info span {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    font-size: 26px;
    margin-top: 5px;
}

.rh-main-slider .rh-img-product-ul>li .rh-img-product p.rh-item-price,
.rh-cat-slide li .rh-prod-info p.rh-item-price {
    margin-top: 60px;
    line-height: 1.3;
}

.rh-main-slider .rh-img-product-ul>li p.rh-item-price .rh-red,
.rh-cat-slide li .rh-prod-info p.rh-item-price .rh-red {
    font-size: 20px;
    color: #d70000;
}

.rh-main-slider .rh-img-product-ul>li p.rh-item-price .rh-price strong,
.rh-cat-slide li .rh-prod-info p.rh-item-price .rh-price strong {
    font-size: 26px;
    font-weight: bold;
}

.rh-main-slider .rh-img-product-ul>li p.rh-item-price button,
.rh-cat-slide li .rh-prod-info p.rh-item-price .rh-price button {
    margin-top: 10px;
}

.rh-main-slider>.rh-list-product {
    width: 290px;
    float: right;
    line-height: 0;
}

.rh-main-slider>.rh-list-product.ht-fix {
    width: 157px;
    position: absolute;
    right: -174px;
}

.rh-main-slider>.rh-list-product.ht-fix .title-ht {
    height: 41px;
    border-bottom: 1px solid #ddd;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.rh-main-slider .rh-ages li:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #b9b9b9;
    right: 0;
    top: 10px;
}

.rh-gender,
.rh-ages {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-list-product .rh-gender>li,
.rh-list-product .rh-ages>li {
    position: relative;
    display: inline;
    float: left;
    height: auto;
    line-height: 1;
    text-align: center;
    padding: 10px 0;
}

.rh-list-product .rh-gender>li {
    width: 50%;
    background-color: #fafafa;
    cursor: pointer;
}

.rh-list-product .rh-gender>li.active,
.rh-list-product .rh-gender>li:hover {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border-bottom: 0;
}

.rh-list-product .rh-gender>li#category_woman.active,
.rh-list-product .rh-gender>li#category_woman:hover {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid transparent;
}

.rh-list-product .rh-gender>li#category_man.active,
.rh-list-product .rh-gender>li#category_man:hover {
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid transparent;
}

.rh-list-product .rh-gender>li b {
    padding-bottom: 3px;
}

.rh-list-product .rh-gender>li.rh-female b.active,
.rh-list-product .rh-gender>li.rh-female:hover b {
    color: #eb718f;
}

.rh-list-product .rh-gender>li.rh-male b.active,
.rh-list-product .rh-gender>li.rh-male:hover b {
    color: #597fca;
}

.rh-list-product .rh-gender>li .rh-icon {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 20px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    /*margin-right: 5px;*/
}


/* .rh-list-product .rh-gender > li.rh-female  .rh-icon {background-color: #eb718f; }
.rh-list-product .rh-gender > li.rh-male  .rh-icon  {background-color: #597fca;} */

.rh-list-product .rh-gender>li .rh-icon {
    background-color: transparent;
}

.rh-list-product .rh-gender>li .rh-icon img {
    width: auto;
    height: auto;
}

.rh-list-product .rh-ages>li {
    width: 33.33%;
    border-right: 0;
    border-left: 0;
    cursor: pointer;
    line-height: 11px;
    box-sizing: border-box;
}

.rh-list-product .rh-ages>li:hover,
.rh-list-product .rh-ages>li.active {
    font-weight: bold;
    color: #ff4848;
    border-bottom: 1px solid #ff4848;
}

.rh-list-product .rh-ages>li>span {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    line-height: 20px;
    height: 20px;
    border-right: 1px solid #ddd;
}

.rh-list-product .rh-ages>li.rh-age-4>span {
    border-right: 0;
}

.rh-list-product ul {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
}

.rh-list-product ul li {
    position: relative;
    display: inline-block;
    float: none;
    width: 100%;
    height: auto;
    line-height: 1;
    padding: 10px 15px;
    border-bottom: 1px solid #eaeaea;
    border-right: none;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.rh-list-product ul li img {
    width: 100%;
    height: 89px;
}

.rh-list-product .rh-age-list {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 316px;
    overflow: auto;
}

.rh-list-product .rh-age-list ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0px 15px;
    border-bottom: 0;
}

.rh-list-product .rh-age-list ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea
}

.rh-list-product ul li p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
}

.at-container {
    width: 940px;
}

.widget-box .rh-items-wrap {
    position: relative;
    width: 220px;
    float: left;
    height: auto;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-item-page-list .widget-box .rh-items-wrap {
    width: 220px;
    padding: 0px;
    margin: 20px 20px 0 0;
}

.rh-item-page-list .widget-box .rh-items-wrap:nth-child(4n) {
    margin-right: 0;
}

.rh-items {
    position: relative;
    height: 290px;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 20px;
    line-height: 1.3;
}

.rh-items .rh-item-name,
.rh-item-price {
    position: relative;
    width: 100%;
    letter-spacing: -1px;
    z-index: 9
}

.rh-items .rh-item-name strong {
    font-size: 26px;
    line-height: 1.2;
}

.rh-items .rh-item-name span {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.rh-item-price {
    position: relative;
    display: inline-block;
    margin-top: 15px;
}

.rh-3rd-fish .rh-item-price {
    text-align: left;
}

.rh-item-price .rh-red {
    color: #d70000;
    font-size: 16px;
    font-weight: bold;
}

.rh-item-price .rh-price {
    color: #000;
    font-size: 16px;
}

.rh-item-price button {
    position: relative;
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #dddddd;
    line-height: 1;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    letter-spacing: -1px;
}

.rh-item-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 290px;
    z-index: 0;
    cursor: pointer;
}

.rh-item-img .rh-mask {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
    top: 1px;
    left: 0;
}

.rh-item-img:hover .rh-mask {
    display: block;
}

.rh-cat-items {
    /*height: 390px;*/
    height: 394px
    width: 100%;
    /*width: 220px;*/
    /* Change by Thanh */
    /*border: 1px solid transparent;*/
    line-height: 0;
    font-size: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


/*Change by Linh*/


/*.rh-cat-items:hover{
    border: 1px solid #ff4848;
}*/


/*.rh-cat-items .item-list .border-ht {
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: 1;
    left: -1px;
    bottom: -1px;
}*/


/*.rh-cat-items .item-list .border-ht:hover {
    border: 2px solid #ff4848;
}*/

.rh-cat-items .item-list {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-flow: wrap;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 23px 23px 0;
}
.rh-items-wrap:nth-child(1) .rh-cat-items,
.rh-items-wrap:nth-child(2) .rh-cat-items,
.rh-items-wrap:nth-child(3) .rh-cat-items,
.rh-items-wrap:nth-child(4) .rh-cat-items{
    height: 367px; 
}
.rh-items-wrap:nth-child(1) .rh-cat-items .item-list,
.rh-items-wrap:nth-child(2) .rh-cat-items .item-list,
.rh-items-wrap:nth-child(3) .rh-cat-items .item-list,
.rh-items-wrap:nth-child(4) .rh-cat-items .item-list {
    padding: 0 23px 0;
    border-top: 0;
}


/*.rh-cat-items .item-list:hover {
    border: 1px solid #ff4848;
}*/


/*End change*/

/*.rh-cat-items .item-list>div {
    align-self: flex-start;
}*/

.rh-containter {
    background-color: #fff;
    margin-top: 15px;
    padding: 15px;
}

.div-title-underbar {
    border-bottom: none;
}

.div-title-underbar span {
    padding-bottom: 0;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: -1px;
    border-bottom: none;
}

.div-title-underbar span.rh-slider-controller {
    position: absolute;
    right: 0;
    top: 20px;
}

.rh-cat-items .item-list>.rh-item-rating {
    /*padding: 5px 15px 13px;*/
    padding: 12px 0 14px;
    /*align-self: flex-end;*/
    align-items: flex-end;
}

.nl_list_pro_home .rh-cat-items .item-list>.item-content {
    padding: 17px 0 0;
}

.nl_list_pro_home .rh-cat-items .item-list .item-content>.item-price {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 50px;
    margin-top: 0;
    padding-bottom: 5px;
}

.nl_list_pro_home .rh-cat-items .item-icon {
    /*padding: 7px 0;*/
    padding: 0;
    margin-top: 5px;
}

.nl_list_pro_home .item-image,
.nl_list_pro_home .item-image .img-item img,
.nl_list_pro_home .item-image .img-wrap,
.nl_list_pro_home .img-wrap .img-item {
    /*height: 196px;*/
    height: 200px;
}

.nl_list_pro_home .rh-items-wrap:hover .rh-cat-items .item-list a {
    text-decoration-line: underline;
}


/* .nl_list_pro_home .rh-items-wrap:hover .rh-cat-items .item-list .item-image .img-item {
    border: 1px solid #ff4848;
} */

.nl_list_pro_home.widget-index .widget-box {
    width: 986px;
    margin: 0 -23px !important;
}

.nl_list_pro_home .widget-box .rh-items-wrap {
    display: block !important;
    width: 25% !important;
    margin: 0 !important;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.nl_list_pro_home {
    overflow: hidden;
    /*width: 927px;*/
    position: relative;
    left: 0;
}

.nl_list_pro_home .widget-box:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    border-right: 1px solid #fff;
    top: 0;
    right: 0;
}

.rh-blue {
    color: #166eff;
}

.rh-info-row {
    display: none;
}

.div-title-underbar {
    position: relative;
    display: block;
    margin: 60px auto 0;
    width: 940px;
    text-align: center;
}

.rh-3rd-fish-wr {
    position: relative;
    display: block;
    width: 940px;
    height: 622px;
    margin-top: 25px;
    padding: 22px;
    border: 1px solid #ddd;
    line-height: 0;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden !Important;
}

.rh-3rd-fish {
    position: relative;
    display: inline-block;
    width: fit-content !important;
    padding: 0;
    margin: 0;
}

.rh-3rd-fish li {
    list-style-type: none;
}

.rh-3rd-fish .widget-box .rh-items-wrap {
    width: 223.5px;
    display: inline;
    float: left;
}

.rh-3rd-fish .widget-box .rh-items-wrap-dble {
    width: 447px;
}

.rh-3rd-fish>li {
    width: 223.5px;
    padding: 8px;
    display: inline;
    float: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-3rd-fish>li:nth-child(4n+1) {
    clear: left;
}


/* Will not work in IE8*/

.rh-3rd-fish>li .rh-items-wrap {
    border: 1px solid #dadada;
}

.rh-3rd-fish>li .rh-items-wrap img {
    width: 100%;
}

.rh-3rd-fish-wr .bx-viewport {
    /*border: 25px solid #fff;*/
    height: auto !important;
}

.at-body .rh-2nd-fish-wr {
    position: relative;
    padding: 0;
    height: 265px;
    background-color: transparent;
    overflow: hidden;
}

.rh-2nd-fish {
    position: relative;
    display: inline-block;
    width: 200%;
}

.rh-2nd-fish-wr .rh-containter {
    background-color: transparent;
    padding: 25px 0 15px;
}

.rh-2nd-fish-wr .rh-containter .bx-wrapper {
    max-width: 940px !Important
}

.rh-2nd-fish-wr>div {
    position: relative;
    display: inline;
    float: left;
}

.rh-2nd-fish-wr .rh-div-1 {
    width: 100%;
}

.rh-2nd-fish-wr .rh-div-2 {
    width: 298px;
    display: none;
}

.at-body .rh-2nd-fish-wr .div-title-underbar {
    width: 100%;
    text-align: center;
}

.rh-2nd-fish-wr .rh-event-text .bx-wrapper {
    position: relative;
    top: 16px;
}

.rh-2nd-fish-hr {
    position: absolute;
    left: 642px;
    top: 101px;
    width: 1px;
    height: 115px;
    border: 0;
    background-color: #ddd;
}

.rh-2nd-fish-wr .rh-event-text .rh-2nd-fish {
    position: relative;
    display: inline-block;
    width: 315px;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-2nd-fish-wr .rh-event-text .rh-2nd-fish .item {
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    height: 71px;
    text-align: center;
}

.rh-2nd-fish-wr .rh-event-text ul>li.rh-event-1 {
    background-color: #597fca;
}

.rh-2nd-fish-wr .rh-event-text ul>li.rh-event-2 {
    background-color: #7797d2;
    margin-top: 5px;
}

.rh-2nd-fish-wr .rh-event-text ul>li p {
    position: relative;
    display: inline-block;
    margin-top: 21px;
}

.rh-2nd-fish-wr .rh-event-text ul>li p span {
    font-size: 24px;
}

.rh-2nd-fish-wr .rh-event-text ul>li p .rh-cl-w {
    color: #fff;
}

.rh-2nd-fish-wr .rh-event-text ul>li p .rh-cl-cyan {
    color: #9cf4ff;
}

.rh-2nd-fish-wr .rh-event-text ul>li p .rh-cl-y {
    color: #e6e32a;
}

.rh-2nd-fish .item {
    position: relative;
    display: inline;
    float: left;
    width: 460px;
    height: 148px;
    padding: 0;
    letter-spacing: -1px;
    margin-right: 10px;
}

.rh-2nd-fish .item .rh-item-info {
    position: relative;
    display: inline-block;
    padding: 20px;
    width: 100%;
    height: 148px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3;
}

.rh-2nd-fish .item .rh-item-info .rh-item-img {
    position: absolute;
    width: 100%;
    height: 148px;
    left: 0;
    top: 0;
}

.rh-2nd-fish .item .rh-item-info .rh-item-name,
.rh-2nd-fish .item .rh-item-info .rh-item-price {
    position: relative;
    display: inline-block;
    float: right;
    font-weight: bold;
    text-align: right;
    clear: both;
}

.rh-2nd-fish .item .rh-item-info .rh-item-name strong {
    font-size: 26px;
    color: #ef4e82;
}

.rh-2nd-fish .item .rh-item-info .rh-item-name span {
    font-size: 16px;
}

.rh-2nd-fish .item .rh-item-info .rh-item-price {
    margin-top: 20px;
}

.rh-2nd-fish .item .rh-item-info .rh-item-price .rh-note {
    font-size: 14px;
    color: #666;
}

.rh-2nd-fish .item .rh-item-info .rh-item-price .rh-price {
    font-size: 14px;
}

.rh-slider-controller .rh-slider-paging {
    margin-right: 10px;
}

.rh-slider-controller .rh-slider-paging a {
    position: relative;
    display: inline-block;
    padding: 3px;
    font-size: 14px;
    font-weight: normal;
}

.rh-cat-row {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    margin-bottom: 50px;
}

.nl-cat-row-main {
    margin-bottom: 0 !important;
}

.rh-cat-list {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
}

.rh-cat-list>ul {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-cat-list>ul {
    padding: 15px 0px;
}

.rh-cat-list-child {
    display: none;
    position: relative;
    clear: both;
}

.rh-cat-list ul li {
    position: relative;
    display: inline;
    float: left;
    width: 70px;
    height: 73px;
    padding: 7px 0 7px;
    text-align: center;
    cursor: pointer;
    box-sizing: content-box;
}

.rh-cat-list .rh-cat-list-child {
    border: 0 solid transparent !important;
}

.rh-cat-list-child {
    display: none;
}

.rh-cat-list ul li.rh-tggl-arr .rh-arrow .rh-triangle-down.active {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 20px solid #7d797a;
    border-top: 0px solid #adadad;
}

.rh-cat-list ul li .rh-icon {
    position: relative;
    display: block;
    padding-top: 6px;
    width: 56px;
    margin: 0;
    height: 49px;
    border: 1px solid #7d797a;
    text-align: center;
    clear: both;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-cat-list ul li span.rh-text {
    position: relative;
    display: block;
    width: 56px;
    line-height: 1;
    margin-top: 7px;
    font-size: 12px;
    font-family: NanumGothic;
    color: #3e3e3e !important;
    font-weight: bold;
}

.rh-cat-list ul li span img {
    height: 30px;
    margin-bottom: 10px;
    display: inline-block;
}

.rh-cat-list ul li .rh-icon .rh-active {
    display: none;
}

.rh-cat-list ul li:hover .rh-icon {
    background-color: #f6513e !important;
    border: 1px solid #f6513e !important;
}

.rh-cat-list ul li:hover .rh-icon .rh-unactive {
    display: none !important;
}

.rh-cat-list ul li:hover .rh-icon .rh-active {
    display: inline-block !important;
}

.rh-cat-list ul li:hover span.rh-text {
    color: #f6513e !important;
    font-weight: bold;
}


/* .rh-cat-list ul li.rh-cat-13 {width: 60px; border-right: 1px solid #ddd; margin-right: 9px;} */

.rh-cat-list ul li.rh-cat-13 img {
    width: auto;
    height: auto;
    display: block;
    margin: 16px auto 0;
}

.rh-cat-list ul li.rh-cat-13 span.rh-text {
    margin-top: 21px;
    color: #f6513e;
    font-weight: bold;
}

.rh-cat-list ul li.rh-tggl-arr {
    position: absolute;
    width: 44px;
    right: -14px;
}

.rh-cat-list ul li.rh-tggl-arr .rh-arrow .rh-triangle-down {
    position: relative;
    display: inline-block;
    margin-top: 17px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 20px solid #7d797a;
}

.rh-market-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 325px;
    background-color: #f1f1f1;
}

.rh-banner-content {
    position: relative;
    display: block;
    width: 940px;
    height: 325px;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.rh-item-mp-list .widget-box .rh-items-wrap {
    width: 220px;
    display: inline;
    float: left;
    padding: 0;
    /*margin: 30px 20px 0 0;*/
    margin: 30px 15px 0 0;
}


/* SUB CATOGORY */

.rh-sub-body {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-gray {
    background-color: #f1f1f1;
}

.rh-sub-container {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
    line-height: 0;
}

.rh-cat-sub {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-cat-sub>div {
    position: relative;
    display: inline;
    float: left;
    height: 365px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-cat-col {
    width: 225px;
    margin-right: 14px;
    padding: 20px 25px;
}

.rh-cat-col h2 {
    padding-bottom: 15px;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    border-bottom: 2px solid #000;
    text-align: center;
}

.rh-cat-col>ul {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
}

.rh-cat-col>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 17px;
    border-bottom: 1px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
}

.rh-cat-col>ul>li a {
    font-size: 13px;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: bold;
    color: #010101;
}

.rh-cat-col>ul>li a:hover,
.rh-cat-col>ul>li a.active {
    color: #ff1b44;
}

.rh-prod-silde {
    width: 701px;
    overflow: hidden;
}

.rh-prod-silde .rh-slder-ctrl {
    position: absolute;
    width: 100%;
    top: 130px;
    z-index: 9
}

.rh-prod-silde .rh-slder-ctrl img {
    position: relative;
    display: inline-block;
}

.rh-prod-silde .rh-slder-ctrl .rh-pre-arr {
    left: 20px;
}

.rh-prod-silde .rh-slder-ctrl .rh-next-arr {
    left: 640px;
}

.rh-prod-silde .rh-slder-ctrl #rh-pre-arr_outside {
    position: absolute;
    left: 20px;
    z-index: 999
}

.rh-prod-silde .rh-slder-ctrl #rh-next-arr_outside {
    position: absolute;
    left: 665px;
    z-index: 999
}

.rh-img-big-sub {
    position: absolute;
    width: 701px;
    height: 325px;
    top: 0;
    right: 0;
    border: 1px solid #ddd;
}

.rh-cat-slide {
    position: relative;
    display: inline-block;
    width: 300%;
}

.rh-cat-slide li {
    position: relative;
    display: inline;
    float: left;
    width: 701px;
    height: 600px;
    padding: 42px 35px;
}

.rh-cat-slide li .rh-prod-info {
    position: relative;
    display: inline-block;
    float: right;
    text-align: right;
    margin-right: 60px;
}

.rh-cat-ttl,
.rh-cat-ttl .rh-blue {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
}

.rh-sub-top-prod {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-sub-top-prod>div {
    position: relative;
    display: inline;
    float: left;
}

.rh-sub-top-prod .rh-top4-prod {
    width: 612px;
    /* border-right: 1px solid #ddd; */
}

.rh-sub-top-prod .rh-top-other {
    margin: 15px 0 15px 15px;
    width: 313px;
    background-color: #fff;
    line-height: 0;
}

.rh-sub-top-prod .rh-top-other .rh-slider-ctrl {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-align: right;
    margin-bottom: 0;
    border: 1px solid #ddd;
    line-height: 1.4;
}

.rh-sub-top-prod .rh-top-other>ul {
    line-height: 0;
    margin-bottom: 0;
    border-right: 1px solid #ddd;
}

.rh-top4-prod {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.rh-top4-prod>ul {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.rh-top4-prod>ul li {
    position: relative;
    display: inline;
    float: left;
    width: 298px;
    height: 155px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}


/* .rh-top4-prod > ul li.rh-prod-1, .rh-top4-prod > ul li.rh-prod-2, .rh-top4-prod > ul li.rh-prod-3 {border-right: none;} */

.rh-top4-prod>ul li.rh-prod-1,
.rh-top4-prod>ul li.rh-prod-3 {
    margin-right: 15px;
}

.rh-top4-prod>ul li.rh-prod-1,
.rh-top4-prod>ul li.rh-prod-2 {
    margin-bottom: 15px;
}

.rh-top4-prod>ul li img {
    position: absolute;
    display: inline-block;
    width: 296px;
    height: 155px;
    top: 0;
    left: 0;
}

.rh-top4-prod>ul li .rh-prod-info {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 155px;
    padding: 20px;
    text-align: left;
    line-height: 1.3;
}

.rh-top4-prod>ul li .rh-prod-info .rh-price {
    margin-top: 15px;
}

.rh-top4-prod>ul li .rh-prod-info .rh-info {
    font-size: 14px;
}

.rh-top4-prod>ul li .rh-prod-info .rh-price .rh-number {
    font-size: 16px;
}

.rh-top4-prod>ul li .rh-prod-info .rh-prod-ranking {
    position: relative;
    display: inline-block;
    background-image: url('/img/shop/ranking-number.png');
    width: 31px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
}

.rh-sub-container .widget-box .rh-items-wrap {
    margin-bottom: 20px;
}

.rh-related-slide {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #ddd;
}

.rh-related-prod {
    position: relative;
    display: inline-block;
    width: 855px;
    margin: 30px 0;
}

.rh-related-prod li {
    position: relative;
    display: inline;
    float: left;
    width: 20%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-related-prod li .rh-item-info {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 1.4;
}

.rh-slide-controller {
    position: absolute;
    width: 940px;
    top: 100px;
}

.rh-slide-controller .rh-arr-left {
    position: relative;
    display: inline;
    float: left;
}

.rh-slide-controller .rh-arr-right {
    position: relative;
    display: inline;
    float: right;
}


/* MART CATEGORY */

.rh-market-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 475px;
}


/* .rh-mart-banner-img {position: absolute; display: inline-block; width: 100%; top: 0; left: 0; z-index:0 } */

.rh-market-banner-content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 475px;
    background-image: url('/img/mart-banner.jpg');
    background-position: center;
}

.rh-market-banner-content .rh-mart-banner-text {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 73px;
    z-index: 10;
}

.rh-market-banner-content .rh-mart-banner-text strong {
    font-size: 60px;
    color: #292734;
    line-height: 1;
}

.rh-market-banner-content .rh-mart-banner-text span {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: #292734;
    margin-top: 27px;
    font-weight: bold;
    line-height: 1;
}

.rh-market-banner-content .rh-banner-slider {
    position: relative;
    display: block;
    width: 940px;
    margin: 40px auto 15px;
    height: 165px;
    overflow: hidden;
}

.rh-market-banner-content .rh-banner-slider .rh-slider-controller {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right;
}

.rh-market-banner-content .rh-banner-slider .rh-slider-controller img {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-bottom: 7px;
}

.rh-market-banner-content .rh-banner-slider ul {
    position: relative;
    display: inline-block;
    width: 300%;
    margin: 0;
    padding: 0;
}

.rh-market-banner-content .rh-banner-slider ul li {
    position: relative;
    display: inline;
    float: left;
    width: 305px;
    margin-right: 13px;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-div {
    height: 150px;
}

.rh-market-banner-content .rh-banner-slider ul li img {
    position: relative;
    display: inline;
    float: left;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-product-info {
    position: relative;
    display: inline;
    float: left;
    width: 152px;
    height: 149px;
    padding: 25px 5px 0 15px;
    color: #fff;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-product-info strong {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-product-info p {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-product-info .rh-price {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    margin-top: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-1 .rh-product-info {
    background-color: #a4d2cf;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-1 .rh-product-info .rh-price {
    background-color: #6a9f9c;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-2 .rh-product-info {
    background-color: #f67987;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-2 .rh-product-info .rh-price {
    background-color: #cd4b59;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-3 .rh-product-info {
    background-color: #6463b1;
}

.rh-market-banner-content .rh-banner-slider ul li .rh-slider-3 .rh-product-info .rh-price {
    background-color: #49489d;
}

.rh-market-banner-content>ul {
    position: relative;
    display: block;
    width: 940px;
    z-index: 10;
    margin: 0px auto 0;
}

.rh-market-banner-content>ul li {
    position: relative;
    display: inline;
    float: left;
    line-height: 30px;
    height: 32px;
    width: calc(100% / 6);
    text-align: center;
    background-image: url('/img/shop/mart-cat-bgr.png');
    border-top: 1px solid #666e71;
}

.rh-market-banner-content>ul li a {
    color: #f9f9f9;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 16px;
    height: 16px;
    margin-top: 8px;
    border-right: 1px solid #394850;
}

.rh-market-banner-content>ul li a:hover {
    font-weight: bold;
}


/* MART EVENT */

.rh-event-mart {
    position: relative;
    display: block;
    width: 940px;
    margin: 60px auto;
    overflow: hidden;
}

.rh-event-mart h4 {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #393939;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.rh-event-mart ul {
    position: relative;
    display: inline-block;
    width: 600%;
}

.rh-event-mart ul li {
    position: relative;
    display: inline;
    float: left;
    width: 304px;
    margin-right: 15px;
}

.rh-event-mart ul li .rh-event-cntn {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.rh-event-mart ul li .rh-event-cntn .rh-event-foto {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-event-mart ul li .rh-event-cntn .rh-event-desc {
    position: absolute;
    width: 50%;
    text-align: left;
    right: 0;
    top: 0;
    padding: 25px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #fff;
}

.rh-event-mart ul li .rh-event-cntn .rh-event-desc .rh-event-name {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.rh-event-mart ul li .rh-event-cntn .rh-event-desc .rh-event-price {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding: 7px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.rh-event-mart .rh-slider-arr {
    float: right;
    position: absolute;
    top: 20px;
    right: 0;
}

.rh-list-4-ttl {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #393939;
    font-weight: bold;
    margin-bottom: 0px;
}


/* SUB OF SUB CATEGORY */

.rh-sub-cat-depth-2-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #f1f1f1;
}

.rh-cat-nav {
    position: relative;
    display: block;
    width: 940px;
    margin: 20px auto 32px;
}

.rh-cat-nav ul {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-cat-nav ul li {
    position: relative;
    display: inline;
    float: left;
    width: auto;
    line-height: 1;
    font-size: 13px;
    color: #144f8f;
}

.rh-cat-nav ul li.rh-next-arr {
    width: 7px;
    margin-right: 0px;
    margin-left: 0px;
}

.rh-cat-nav>ul>li>a {
    position: relative;
    display: inline-block;
    line-height: 16px;
    font-size: 13px;
    color: #666666;
    padding: 0 20px;
}

.rh-cat-nav>ul>li:first-child>a {
    padding-left: 0;
}

.rh-cat-nav ul li a.active,
.rh-cat-nav ul li.active {
    color: #3b3b3b;
}

.rh-cat-nav ul li img {
    position: relative;
    display: inline-block;
}

.rh-cat-nav ul li img.rh-icon-home {
    top: 0;
    margin-right: 10px;
}

.rh-cat-nav ul li img.rh-toggle-arr {
    float: right;
    top: 6px;
}

.rh-sub-cat-depth-2-wr h2 {
    position: relative;
    display: block;
    padding-left: 20px;
    width: 940px;
    margin: 0px auto;
    line-height: 1;
    font-size: 19px;
    color: #393939;
    text-transform: uppercase;
}

.rh-sub-cat-depth-2-wr h2:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0px;
    height: 18px;
    width: 3px;
    background-color: #ff4848;
    margin-right: 10px;
}

.rh-sub-cat-depth-2 {
    position: relative;
    display: block;
    width: 940px;
    margin: 15px auto 30px auto;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-top: 1px solid #ff4848;
    line-height: 1;
    overflow: hidden;
}

.rh-sub-cat-depth-2>p {
    position: relative;
    display: inline-block;
    width: 943px;
    line-height: 1;
}

.rh-sub-cat-depth-2>p>a {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #3b3b3b;
    font-size: 14px;
}

.rh-sub-cat-depth-2>p>a:after {
    content: url('/img/shop/border-right-sub-cat.png');
    position: absolute;
    right: 0;
    top: 0;
}

.rh-cat-nav ul li:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 20px;
    top: 15px;
    left: -10px;
}

.rh-cat-nav ul li ul.rh-sub-cat {
    position: absolute;
    display: none;
    width: auto;
    min-width: 140px;
    padding: 10px 15px 7px;
    left: -10px;
    background-color: #fff;
    border: 1px solid #dadada;
    /*box-shadow: 2px 2px 9px -2px rgba(107, 107, 107, 0.45);*/
    /*old*/
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    z-index: 99;
    top: 20px;
}

.rh-cat-nav ul li ul.rh-sub-cat li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
    clear: both;
    height: auto;
    line-height: 22px;
}

.rh-cat-nav ul li ul.rh-sub-cat li:last-child {
    border-bottom: 0;
}


/* .rh-cat-nav ul li  ul.rh-sub-cat  li :hover{background: #fafafa;} */

.rh-cat-nav ul li ul.rh-sub-cat li>a {
    line-height: 1.3;
    font-size: 13px;
    position: relative;
    display: inline-block;
    width: fit-content;
    color: #999;
    white-space: nowrap;
}

.rh-cat-nav ul li ul.rh-sub-cat li>a:hover {
    color: #ff4848;
}

.rh-cat-nav>ul>li:hover .rh-sub-cat {
    display: block;
}

.rh-photo-show {
    position: relative;
    display: inline-block;
    width: 640px;
    float: right;
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: auto
}

.rh-rv-foto {
    position: relative;
    display: inline-block;
    width: 600px;
    height: 300px;
    border: 1px solid #dcdcdc;
}


/* FOOTER */

.rh-ft-logo {
    position: relative;
    display: inline-block;
    width: 160px;
    height: auto;
    margin-bottom: 26px;
}

.at-footer {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    font-size: 12px;
    text-align: center;
}

.at-footer .media>.pull-left {
    margin-right: 30px;
}

.at-footer .media .media-body {
    padding-bottom: 27px;
    border-bottom: 1px solid #dddddd;
}

.at-footer .at-infos {
    background-color: #f6f6f6;
}

.at-footer .at-infos .media {
    padding: 39px 0 15px;
    text-align: center;
}

.rh-ft-info {
    position: relative;
    display: inline-block;
}

.rh-ft-info p {
    font-size: 13px;
    letter-spacing: normal;
    color: #666666;
    margin-bottom: 0;
    line-height: 24.5px;
}

.rh-ft-info>div {
    position: relative;
    display: inline;
    float: left;
    letter-spacing: -1px;
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}

.rh-ft-info>div.rh-ft-col-1 {
    width: 450px;
    border-right: 1px solid #ddd;
}

.rh-ft-info p.rh-ft-fone {
    font-size: 25px;
    letter-spacing: 0;
    line-height: 1;
    font-weight: bold;
}

.rh-ft-info p .rh-footer-head {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #434343;
}

.rh-ft-info>div.rh-ft-col-2 {
    float: right;
    width: 250px;
    padding-left: 20px;
}

.rh-ft-info>div.rh-ft-col-2 p {
    margin-bottom: 0;
}

.at-footer .copyright {
    padding-top: 15px;
}

.rh-ft-info .rh-hotline {
    margin-top: 33px;
    line-height: 1;
    font-size: 19px;
    color: #434343;
    margin-bottom: 4px
}

.rh-authority-stamp {
    position: relative;
    display: none;
    padding: 15px 0;
}

.rh-ft-slide {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin-top: 20px;
}

.rh-slide-wr {
    position: relative;
    width: 800px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.rh-ft-sl-ul {
    position: relative;
    display: inline-block;
    width: 250%;
}

.rh-ft-sl-ul>li {
    position: relative;
    display: inline;
    float: left;
    width: 200px;
}

.rh-ft-sl-ul>li img {
    margin-right: 10px;
}

.rh-ft-sl-ul>li img,
.rh-ft-sl-ul>li p {
    position: relative;
    display: inline;
    float: left;
}

.rh-ft-sl-ul>li p {
    line-height: 1.3;
    color: #666;
    margin-bottom: 0;
}

.rh-ft-sld-control {
    position: absolute;
    width: 100%;
    top: 0
}

.rh-ft-sld-control .rh-pre-arr {
    position: absolute;
    top: 10px;
    left: 0
}

.rh-ft-sld-control .rh-next-arr {
    position: absolute;
    top: 10px;
    right: 20px;
}


/* SIDE BAR MAINPAGE STYLE */

.rh-main-slider .rh-right-bar {
    background-color: transparent;
    position: absolute;
    display: inline-block;
    width: 108px;
    right: -118px;
    z-index: 99;
    border: 0;
}

.rh-main-slider .rh-right-bar li {
    position: relative;
    margin-bottom: 10px;
}

.rh-main-slider .rh-right-bar li.rh-disc-item {
    max-height: 209px;
    background-color: #ddd;
    border: 1px solid #aaa;
    overflow: hidden;
}

.rh-main-slider .rh-right-bar li.rh-disc-item .rh-disc-stamp {
    position: absolute;
    width: 52px;
    height: 52px;
    top: -1px;
    left: -1px;
    background-color: #ff4848;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 0;
}

.rh-main-slider .rh-right-bar li.rh-disc-item .rh-disc-stamp>span {
    position: relative;
    display: inline-block
}

.rh-main-slider .rh-left-bar {
    position: absolute;
    display: inline-block;
    width: 108px;
    left: -118px;
    z-index: 99;
    background-color: transparent;
    border: 0;
}

.rh-left-bar ul li {
    position: relative;
    margin-bottom: 10px;
}

.rh-left-bar ul li>div {
    width: 108px;
    height: 158px;
    background-color: #fff;
}

.rh-left-bar .rh-icon-1 {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 43px;
    background-image: url('/img/shop/side-bar_03.png');
    top: -3px;
    left: -3px;
}

.rh-left-bar .rh-icon-2 {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 43px;
    background-image: url('/img/shop/side-bar_12.png');
    top: -3px;
    left: -3px;
}

.rh-hastag-box {
    position: absolute;
    display: inline-block;
    padding: 25px;
    width: 150px;
    height: 475px;
    border: 1px solid #cccccc;
    left: -160px
}

.rh-hastag-box h4 {
    margin: 0;
    font-size: 0;
    line-height: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-hastag-box h4 span {
    font-size: 19px;
    font-weight: bold;
}

.rh-hastag-box>ul {
    position: relative;
    display: inline-block;
    margin: 20px 0 0 5px;
    width: 100%;
}

.rh-hastag-box>ul li {
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    clear: both;
    width: auto;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    color: #4c99f0;
    font-size: 13px;
    cursor: pointer;
}

.rh-hastag-box>ul li a {
    color: #4c99f0;
    font-weight: bold;
}

.rh-hastag-box>ul li.active,
.rh-hastag-box>ul li:hover {
    background-color: #5868be;
    border: 1px solid #5868be;
}

.rh-hastag-box>ul li.active a,
.rh-hastag-box>ul li:hover a {
    color: #fff;
}


/* ITEM PAGE */


/*-- item.style.css--*/


/* @charset "utf-8"; */


/* Nav */

.item-nav {
    line-height: 22px;
    margin-bottom: 18px;
}

.item-nav .page-nav {
    margin-top: 20px;
}

@media all and (max-width:460px) {
    .responsive .item-nav .page-nav {
        display: none;
    }
}

.item-nav>span>ul>li {
    float: left;
    position: relative;
}

.item-nav>span>ul>li ul li:hover {
    background: #fafafa;
}

.item-nav>span>ul>li:hover ul {
    display: block;
}

.item-nav>span>ul>li ul {
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 9;
    display: none;
    min-width: 145px;
    width: auto;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.item-nav .rh-next-arr {
    margin: 0 10px;
}

.item-nav>span>ul>li ul li {
    border-bottom: 1px solid #dcdcdc;
}

.item-nav>span>ul>li ul li:last-child {
    border-bottom: 0px solid #dcdcdc;
}


/* Item Head */

.item-head {
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    margin-bottom: 0px;
    width: 100%;
}

.item-head h1 {
    font-weight: bold;
    padding: 0;
    border: 0px currentColor;
    border-image: none;
    color: #2a2a2a;
    line-height: 30px;
    font-size: 22px;
    letter-spacing: -1px;
    margin: 0px;
    margin-bottom: 10px;
}

.div-tab.tabs ul.nav-tabs li {
    background-color: #fafafa !important;
}

.item-head ul.item-buy-btn {
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
    margin: 0px -3px;
}

.item-head ul.item-buy-btn li {
    float: right;
    width: 25%;
    padding: 3px 4.5px;
}

.item-head .item-image {
    overflow: hidden;
}

.item-head .item-image a img {
    max-width: 100%;
    margin: 0 auto;
    width: 420px;
    height: 420px;
    object-fit: contain;
    object-position: center center;
}

.item-head .item-thumb {
    overflow: hidden;
    margin-right: -8px;
}


/***Change by linh
***Line 5517 -> 5522
***/

.item-head .item-thumb a {
    display: inline-block;
    margin-top: 8px;
    margin-right: 0px;
    background-size: contain;
}

.item-head .item-form th,
.item-head .item-form label {
    font-weight: normal;
}

.item-head .item-tag {
    margin: 0px 0px 10px;
    padding: 0px;
    color: #888;
}

.item-head .item-tag a {
    color: #888;
}

.item-head .item-tag a:hover {
    color: crimson;
}

#it_v_sns {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    position: relative;
    display: inline-block;
    width: auto;
    float: right;
    text-align: center;
    top: -4px;
}

#it_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#it_v_sns li {
    margin: 0 0px 0 5px;
    position: relative;
    display: inline-block;
}

@media all and (max-width:460px) {
    .responsive .item-head h1 {
        font-size: 18px;
        line-height: 24px;
    }
    .responsive .item-head ul.item-buy-btn li {
        width: 50%;
    }
}


/* Item View Box */

.item-view-box {
    text-align: center;
}

.item-view-box a {
    margin: 0 10px 15px;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.item-view-box i {
    background: rgb(245, 245, 245);
    padding: 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 40px;
    display: inline-block;
}

.item-view-box i:hover {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}


/* Item Explan */

.label-item {
    margin-top: 4px;
}

.item-explan {
    margin-bottom: 30px;
}

.item-explan p {
    padding: 0px;
    margin: 0px;
}

.item-explan img {
    max-width: 100%;
}


/* Item Good Box */

.item-good-box {
    text-align: center;
}

.item-good-box span {
    margin: 15px 6px;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.item-good-box a {
    background: rgb(245, 245, 245);
    padding: 15px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 22px;
    line-height: 26px;
    display: inline-block;
}

.item-good-box .item-good a:hover {
    background: rgb(223, 17, 25);
    color: rgb(255, 255, 255);
}

.item-good-box .item-nogood a:hover {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}


/* Item Seller */

.item-seller .img-photo i {
    background: rgb(245, 245, 245);
    padding: 16px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 40px;
    display: inline-block;
}

.item-seller .img-photo img {
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    display: inline-block;
}

.item-seller .auth-photo {
    width: 160px;
    padding-right: 15px;
}

@media all and (max-width:480px) {
    .responsive .item-seller .auth-photo {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
}


/* Relation Items */

#relation-item {
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 30px;
}

#relation-item .txt-normal {
    letter-spacing: 0;
}

#relation-item .txt-short {
    letter-spacing: -1px;
    padding-right: 1px;
}

#relation-item .item-row {
    float: left;
}

#relation-item .item-image {
    position: relative;
    overflow: hidden;
}

#relation-item .item-content {
    padding-top: 10px;
    margin: 0px 4px;
    text-align: center;
}

#relation-item .item-star {
    text-align: center;
    overflow: hidden;
    letter-spacing: -1px;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    margin-bottom: 4px;
}

#relation-item .item-name {
    overflow: hidden;
    letter-spacing: -1px;
    padding-right: 1px;
    text-align: center;
    font-size: 14px;
}

#relation-item .item-text {
    font-size: 12px;
    color: #888;
}

#relation-item .item-price {
    margin-top: 4px;
    line-height: 22px;
}

#relation-item .item-price b {
    font-size: 16px;
    display: inline-block;
    margin: 0px 4px;
}

#relation-item .item-price b i {
    font-size: 12px;
}

#relation-item .item-price strike {
    color: #888;
    margin: 0px 4px;
    font-size: 14px;
    display: inline-block;
}

#relation-item .item-details {
    color: #888;
    margin-top: 4px;
    padding: 0px 1px;
    font-size: 13px;
    text-align: center;
}

#relation-item .item-sp {
    margin: 0px 4px;
    white-space: nowrap;
}

#relation-item .item-sp i {
    margin-right: 2px;
    color: #888;
}

#relation-item .item-sns {
    margin-top: 15px;
    text-align: center;
}

#relation-item .item-sns img {
    width: 15%;
    max-width: 34px;
    border-radius: 50%;
}

.rh-shop-item .bx-wrapper {
    /*max-width: 1000px !important;*/
    max-width: 606px !important;
}

.rh-shop-item .related-prev,
.rh-shop-item .related-next {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
}

.rh-shop-item .related-prev a,
.rh-shop-item .related-next a {
    color: #aaa;
}

.rh-shop-item .related-prev a i,
.rh-shop-item .related-next a i {
    line-height: 23px;
}

.rh-shop-item .related-prev {
    position: relative;
    float: right;
    top: 50%;
    margin-right: 5px;
}

.rh-shop-item .related-next {
    position: relative;
    float: right;
    top: 50%;
}


/* Review */

.use-media .div-title-wrap {
    margin: 0px;
}

.use-media .media {
    margin: 0px 0px 15px;
    padding: 12px;
}

.use-media .media .circle {
    background: rgb(235, 235, 235);
    color: #fff;
}

.use-media .media .media-body {
    padding-left: 0px;
    padding-top: 5px;
}

.use-media.use-mobile .media .media-body {
    padding-top: 0px;
}

.use-media .media .media-info {
    line-height: 20px;
    padding: 0px 0px 4px;
}

.use-media .media .media-info .sp {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 11px;
    color: #888;
}

.use-media .media .media-desc {
    padding: 0px 0px 4px;
}

.use-media .media-content {
    margin-top: 15px;
    padding: 15px 12px 0px;
    border-top: 1px dotted #606060;
}

.use-media .media-content p {
    margin: 0px;
    padding: 0px;
}

.use-media .media-content img {
    max-width: 100%;
}

.use-media .media-reply {
    padding: 15px 12px 0px;
}

.use-media .media-btn {
    margin-top: 15px;
}

.use-page {
    margin-bottom: 15px;
}

.use-page .pagination {
    margin: 0;
}


/* Q & A */

.qa-media .div-title-wrap {
    margin: 0px;
}

.qa-media .media {
    margin: 0px 0px 15px;
    padding: 12px;
}

.qa-media .media .circle {
    background: rgb(235, 235, 235);
    color: #fff;
}

.qa-media .media .media-body {
    padding-left: 0px;
    padding-top: 5px;
}

.qa-media.qa-mobile .media .media-body {
    padding-top: 0px;
}

.qa-media .media .media-info {
    line-height: 20px;
    padding: 0px 0px 4px;
}

.qa-media .media .media-info .sp {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 11px;
    color: #888;
}

.qa-media .media .media-desc {
    padding: 0px 0px 4px;
}

.qa-media .media-content {
    margin-top: 15px;
    padding: 15px 12px 0px;
    border-top: 1px dotted #606060;
}

.qa-media .media-content p {
    margin: 0px;
    padding: 0px;
}

.qa-media .media-content img {
    max-width: 100%;
}

.qa-media .media-btn {
    margin-top: 15px;
}

.qa-media .media-ans {
    padding: 15px 12px 0px;
}

.qa-media .media-ans p {
    margin: 0px;
    padding: 0px;
}

.qa-media .media-ans img {
    max-width: 100%;
}

.qa-page {
    margin-bottom: 15px;
}

.qa-page .pagination {
    margin: 0;
}


/* Comment */

.comment-media {}

.comment-media .photo i {
    background: rgb(245, 245, 245);
    padding: 15px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 30px;
    display: inline-block;
}

.comment-media .photo img {
    border-radius: 50%;
    width: 64px !important;
    height: 64px !important;
    display: inline-block;
}

.comment-media.comment-mobile .photo i {
    padding: 10px;
    width: 54px;
    height: 54px;
}

.comment-media.comment-mobile .photo img {
    width: 54px !important;
    height: 54px !important;
}

.comment-media .media {
    border-top: 1px solid #eee;
    margin: 7px 0px;
    padding: 7px 0px 0px;
}

.comment-media :first-child.media {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.comment-media h5 {
    margin: 2px 0px;
    line-height: 22px;
}

.comment-media .media .media-body {
    padding-left: 0px;
}

.comment-media .media .media-info {
    margin-left: 10px;
}

.comment-media .media .media-content {
    margin-top: 8px;
}

.comment-media .media .media-btn {
    margin-left: 4px;
}

.comment-page {
    margin: 15px 0px;
}

.comment-page .pagination {
    margin: 0;
}

#it_vc_opt ol {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
}

#it_vc_opt ol:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#it_vc_opt ol li {
    float: left;
    margin: 0;
}

#it_vc_send_sns ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
}

#it_vc_send_sns ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#it_vc_send_sns ul li {
    float: left;
    margin: 0 0 0 20px;
}

#it_vc_send_sns input {
    margin: 0 0 0 5px;
}

@media all and (max-width:460px) {
    .responsive .comment-btn {
        text-align: center;
    }
    .responsive .comment-btn .pull-right {
        float: none !important;
    }
}


/* Table Box */

.tbox-head {
    padding: 12px 0px 8px !important;
    margin: 0px 0px 15px;
    font-weight: bold;
    border-bottom: 1px dotted #606060;
    background: #fff;
}

.tbox-head.no-line {
    margin: 0px;
    border: 0px
}

.tbox-body {
    padding: 0px;
    margin: 0px 0px 15px;
    background: #fff;
}

.tbox-body ul {
    padding: 0px;
    margin: 0px;
}

.tbox-body ul li {
    margin-left: 15px;
}

.tbox-body p {
    padding: 0px;
    margin: 0px;
}

.tbox-body table {
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.tbox-body table.top-border {
    border-top: 2px solid #606060;
}

.tbox-body caption {
    display: none;
}

.tbox-body thead th {
    text-align: center;
    padding: 8px 12px;
    border-bottom: 0px;
    color: #fff;
    background: #606060;
    white-space: nowrap;
    line-height: 22px;
}

.tbox-body tbody th {
    text-align: left;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
    line-height: 22px;
}

.tbox-body tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    line-height: 22px;
}

@media all and (max-width:767px) {
    .responsive #item-tab .nav-justified li a {
        border-right: 1px solid #ddd;
    }
    .responsive #item-tab .nav-justified li:last-child a {
        border-right: 0px;
        border-bottom: 1px solid #ddd;
    }
}


/* Idle State of the stars */

.rh-write-rv .rh-row.rh-starry-row {
    padding-bottom: 10px;
}

.rh-write-rv .rh-row.rh-textarea-row {
    padding-bottom: 15px;
}


/*	star score end */

.qa_shingo_modal h1 {
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.qa_shingo_modal ul {
    margin-top: 12px;
    margin-bottom: 15px;
}

.qa_shingo_modal ul li {
    margin-bottom: 10px;
}

.rh-minus-icon,
.rh-plus-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    line-height: 30px;
    text-align: center;
    color: #787878;
    background-color: #fff;
}

button.it_qty_plus .rh-minus-icon {
    line-height: 25px;
    font-size: 27px;
}

button.it_qty_minus .rh-plus-icon {
    line-height: 28px;
}

.rh-minus-icon {
    font-size: 27px;
}

.rh-plus-icon {
    font-size: 23px;
}

.at-body .at-container {
    padding: 10px 20px 20px 20px;
}

.at-content {
    padding: 0;
}

.at-body .at-container {
    padding: 0;
    width: 940px;
}

.rh-item-nav {
    display: none;
}

.rh-store-item img {
    max-width: 100%;
}


/*Change by Linh(Khóa code)*/

.rh-seller-related>div.rh-shop-name .rh-shop-action .rh-like.active {
    /*    background: #ff4848 !important;
    color: #fff !important;
    border: 1px solid #ff4848;*/
}

.rh-seller-related>div.nl-shop-name .rh-shop-action .rh-like.active {
    background: #ff4848 !important;
    color: #fff !important;
    border: 0;
}


/*endchange*/

.rh-seller-related>div.rh-shop-name .rh-shop-action .rh-like.active .rh-like-heart {
    display: none;
    position: absolute;
    left: 14px;
    top: 6px;
    z-index: 1;
}

.rh-seller-related>div.rh-shop-name .rh-shop-action .rh-like .rh-like-heart-active {
    display: none;
}

.rh-seller-related>div.rh-shop-name .rh-shop-action .rh-like.active .rh-like-heart-active {
    position: relative;
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    top: -1px;
}

.rh-store-item .rh-img {
    /*max-width:100%;
    height: 127px;*/
    /*object-fit: contain;*/
    background-size: 125px 125px;
}

.favorite {
    background: #ff4848;
}

.rh-radio-style {
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 15px;
    cursor: pointer;
    font-weight: 400;
}

.rh-radio-style input[type=radio] {
    position: absolute;
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.rh-radio-style>span {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    top: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #aaa;
}

.rh-radio-style input[type=radio]:checked~span {
    border: 1px solid #ff4848;
}

.rh-radio-style input[type=radio]:checked~span:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background-color: #ff4848;
}


/* Checkbox style */


/* Create a custom checkbox */

.rh-checkbox-style .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #adadad;
}

.rh-checkbox-style input {
    width: 0;
    height: 0;
    visibility: hidden;
}


/* On mouse-over, add a grey background color */

.rh-checkbox-style:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.rh-checkbox-style input:checked~.checkmark {
    background-color: #fff;
    border: 1px solid #999;
}


/* Create the checkmark/indicator (hidden when not checked) */

.rh-checkbox-style .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.rh-checkbox-style input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.rh-checkbox-style .checkmark:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #999;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*--  ./. item.style.css--*/

.rh-item-path {
    position: relative;
    display: inline-block;
    line-height: 24px;
}

.rh-item-path span {
    position: relative;
    display: inline;
    font-size: 12px;
    line-height: 24px;
}

.rh-item-path .rh-path-arr {
    position: relative;
    display: inline;
    margin: 0 5px;
    top: 3px
}

.rh-item-path .rh-deep-arr {
    position: relative;
    top: -3px;
    margin-left: 3px;
}

.rh-item-info-col .rh-item-detail {
    margin-bottom: 0;
}

.rh-item-detail dl {
    line-height: 1.3;
    margin-bottom: 0;
}

.item-head .rh-item-name {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    margin-top: -7px;
    margin-bottom: 0;
    width: 100%;
    font-weight: normal;
    font-size: 20px;
    color: #222222;
    text-transform: uppercase;
}

.item-head .rh-item-rating {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 0;
}

.item-head .rh-item-name .fa-star {
    margin-right: 4px;
}

.item-head .rh-item-rating>span {
    position: relative;
    top: 2px;
    color: #999;
}

.item-head .item-image {
    height: 420px;
    border: 1px solid #efefef;
}

.item-head .rh-item-img-col {
    position: relative;
    display: flex;
    float: left;
    width: 420px;
    flex-direction: column;
}

.item-head .rh-item-info-col {
    position: relative;
    display: inline;
    float: right;
    width: 490px;
    top: 5px;
}

.rh-item-detail dl {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-item-detail dl.rh-delivery-info {
    border-bottom: 1px solid #e7e7e7;
}

.rh-item-detail .rh-delivery-info .ht-coupon {
    height: 94px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.rh-item-detail .rh-delivery-info .ht-coupon .btn-coupon {
    margin-left: 20px;
    top: 10px;
    position: relative;
    font-size: 12px;
    border: 1px solid #dadada;
    padding: 3px 8px;
    cursor: pointer;
}

.rh-item-detail .rh-delivery-info .ht-coupon>img {
    position: relative;
    top: 12px;
    right: 2px;
    cursor: pointer;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip {
    width: 489px;
    height: 445px;
    position: absolute;
    border: 1px solid #aaaaaa;
    z-index: 3;
    background: #ffffff;
    top: 36px;
    right: -230px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    border-radius: 1px;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .tooltip-row.on img {
    cursor: pointer;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .tooltip-row.row-1 img {
    cursor: pointer;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .tooltip-row {
    display: flex;
    display: -webkit-flex;
    height: 110px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
}

.ht-coupon .ht-tooltip .tooltip-row.off .column-1,
.ht-coupon .ht-tooltip .tooltip-row.off .column-2 {
    color: #cacaca;
}

.ht-coupon .ht-tooltip .tooltip-row.off {
    background: #fcfcfc;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .tooltip-row div:last-child {
    padding-right: 12px;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .tooltip-row.row-1 {
    height: 67px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: white;
    position: relative;
}

.ht-coupon .ht-tooltip .tooltip-row .column-1 {
    width: 102px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font-weight: bold;
    color: #ff494b;
    line-height: 23px;
    border-right: 1px solid #e3e3e3
}

.ht-coupon .ht-tooltip .tooltip-row .column-2 {
    width: 237px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    padding-left: 30px;
    font-size: 14px;
    color: black;
    flex-direction: column;
    line-height: 19px
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .tooltip-row.row-1>img {
    position: absolute;
    right: 8px;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .container {
    width: 100%;
    height: 100%;
    padding: 5px 34px 34px 34px;
    overflow-y: hidden;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip .ht-scroll-tooltip {
    overflow-y: auto;
    height: 330px;
}

.rh-delivery-info .ht-coupon .temp-div {
    position: absolute;
    width: 90px;
    height: 24px;
    top: 0;
    left: 0;
    z-index: 99;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip:before {
    content: '';
    border-bottom: solid 8px #aaaaaa !important;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    width: 0;
    height: 0;
    position: absolute;
    right: 248px;
    top: -9px;
}

.rh-item-detail .rh-delivery-info .ht-coupon .ht-tooltip:after {
    border-bottom: solid 8px white !important;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    right: 248px;
    top: -7px;
}

.rh-item-detail dl.rh-buyer-no dd {
    width: 100%;
    margin: 0 0 20px 0;
}

.rh-item-detail dl dt,
.rh-item-detail dl dd {
    position: relative;
    display: inline;
    float: left;
    line-height: 1.3;
    margin: 20px 0;
}

.rh-item-detail dl.rtdt_trigger dd {
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    float: none;
}

.rh-item-detail dl.rtdt_trigger dd .rh-dl-mark {
    position: relative;
    display: inline-block;
    width: 81px;
    height: 27px;
    background-image: url('/img/itempage-img_10.png');
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-left: -8px;
}

.rh-item-detail dl.rtdt_trigger dd .rh-coupon-expl {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 4px 20px 3px 15px;
    border: 1px solid #dbdbdb;
    border-right: 0;
}

.rh-item-detail dl dt {
    width: 150px;
    color: #333;
    font-weight: normal;
    font-size: 15px;
}

.rh-item-detail dl dd {
    width: 340px;
    float: right;
    color: #555555;
    font-size: 14px;
}

.rh-item-detail dl dd .rh-quantity-sell::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #aaa;
    right: 5px;
    top: 5px;
}

.rh-item-detail dl dd .rh-changeAddress {
    /*position: relative;
    display: inline-block;
    width: auto;
    clear: both;
    color: #2597ec;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;*/
    position: relative;
    display: inline-block;
    width: auto;
    clear: both;
    color: #444444;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    height: 26px;
    width: 52px;
    float: right;
    top: 7px;
    background-color: #fff;
    border: 1px solid #cacaca;
}

.rh-item-detail dl dd .rh-price {
    position: relative;
    display: inline;
    float: left;
    margin-top: 0px;
    font-size: 18px;
    padding: 15px 0;
    font-weight: 400;
}

.rh-item-detail dl dd del {
    font-size: 18px;
}

.rh-item-detail dl dd .rh-weak-btn {
    border: 0;
    color: #2597ec;
    background-color: #fff;
    padding: 0px;
    font-size: 14px;
    cursor: pointer;
}

.rh-percent-down {
    position: relative;
    display: inline;
    float: left;
    font-size: 25px;
    font-weight: bold;
    color: #ff4848;
}

.rh-real-price {
    position: relative;
    display: inline-block;
    font-size: 32px;
    color: #f00f0f;
    float: left;
    font-weight: 600;
}

.rh-item-detail dl dd .rh-price .rh-coupon-download {
    position: relative;
    display: inline-block;
    float: left;
    top: 8px;
    margin-left: 15px;
    cursor: pointer;
}

.rh-coupon dd img {
    position: relative;
    display: inline-block;
    top: -1px
}

.rh-item-detail dl.rh-buyer-no dt {
    padding: 10px 0;
}

.rh-item-option dd select {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    width: 265px;
    height: 26px;
    line-height: 24px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-item-option dd .rh-slct-name,
.rh-item-option dd .rh-slct-color,
.rh-item-option dd .rh-slct-size {
    clear: both;
    width: 389px;
}


/* .rh-item-option dd .rh-slct-color, .rh-item-option dd .rh-slct-size {display: inline; width: 192px;} */

.rh-option-name {
    display: inline-block;
    line-height: 1;
}

select.input-sm {
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: pointer;
}


/* Out of stock */

#sit_ov_soldout {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    line-height: 1;
    text-align: center;
}

#item_option {
    line-height: 1;
}

#item_option>p {
    position: relative;
    display: inline-block;
    /*width: 150px;*/
    width: 96px;
    margin-top: 16px;
    font-size: 15px;
    color: #333333;
}

#item_option>table {
    position: relative;
    display: inline-block;
    /*width: calc(100% - 150px);*/
    /* width: calc(100% - 96px); */
    float: right;
}

#item_option>table>tbody>tr>td,
#item_option>table>tbody>tr>th {
    border: 0;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#item_option>table>tbody>tr>th {
    text-align: center;
    width: 20%;
}

#item_option>table>tbody>tr>th label {
    font-weight: 500;
}

#item_option>table>tbody>tr>td {
    width: 80%;
    padding-right: 0px;
}

#item_option>table>tbody>tr>td .it_option {
    border: 1px solid #d9d9d9;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    color: #666666;
}

#item_option>table>tbody>tr>td .it_option option[disabled] {
    color: #ccc;
    font-weight: 300;
}

#it_opt_added li div {
    line-height: 1.5;
}

#it_opt_added li div.row {
    margin-left: 0;
    margin-right: 0;
}

#it_opt_added li div .rh-opt-name-col,
#it_opt_added li div .rh-quan-col,
#it_opt_added li div .rh-sum-col {
    position: relative;
    display: inline;
    float: left;
}

#it_opt_added li div .rh-opt-name-col {
    width: 250px;
}

#it_opt_added li div .rh-quan-col {
    width: 105px;
}

#it_opt_added li div .rh-sum-col {
    width: 85px;
}

#it_opt_added li div .rh-sum-col .rh-money {
    position: relative;
    display: inline;
    float: right;
    font-size: 12px;
}

#it_opt_added li div .rh-sum-col .rh-del-opt {
    float: right;
    border: 0;
    margin-left: 5px;
}

#it_opt_added .rh-amount-input,
.btn.btn-lightgray {
    position: relative;
    display: inline-block !important;
    float: left;
    margin-left: -1px;
    color: #010101 !important;
    background-color: #fff;
    padding: 0;
    height: 30px;
    border: 1px solid #dadada;
}

#it_opt_added .rh-amount-input {
    width: 30px;
    text-align: center;
    box-shadow: 0 0 0 #fff;
    height: 30px;
    border: 1px solid #e5e5e5;
    /*line-height: 28px;*/
    line-height: 31px;
    font-size: 16px;
    color: #232323 !important;
}

#it_opt_added button.it_qty_minus,
#it_opt_added button.it_qty_plus {
    line-height: 0;
    border: 0;
}

#it_opt_added button.it_qty_minus .rh-minus-icon,
#it_opt_added button.it_qty_plus .rh-plus-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 23px;
    color: #777777;
    background-color: #fff
}

#it_opt_added .rh-option-adjust button.it_qty_minus .rh-minus-icon,
.rh-option-adjust button.it_qty_minus .rh-minus-icon {
    line-height: 25px;
    font-size: 27px;
}

#it_opt_added button.it_qty_plus .rh-plus-icon {
    line-height: 28px;
}

#it_opt_added button.rh-del-btn {
    float: right;
    width: 15px;
    height: 15px;
    border: 0px;
    background-color: transparent;
}

#it_opt_added button.rh-del-btn img {
    width: 16px;
    height: 16px;
    position: relative;
}

.rh-buyer-no dd {
    width: 100%;
    height: 55px;
    padding: 12px 5px;
    background-color: #f4f4f4;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-buyer-no dd>span {
    position: relative;
    display: inline-block;
    width: 235px;
    float: left;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    top: 4px;
}

#it_sel_option,
#it_sel_supply {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0;
}

#it_sel_option ul {
    border-bottom: 2px solid #aca9a4 !important;
    margin-bottom: 20px !important;
}

#it_sel_option ul,
#it_sel_supply ul {
    background-color: #fcfcfc;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 0;
    border: 1px solid #ececec;
    padding: 0 15px;
}

#it_sel_option ul li,
#it_sel_supply ul li {
    border: 0;
    padding: 12px 0 11px 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
    margin: 0;
    /*height: 90px;*/
}

#it_sel_option ul li:last-child,
#it_sel_supply ul li:last-child {
    border-bottom: 0;
}

#it_sel_option ul li .rh-option-name,
#it_sel_option ul li .rh-option-adjust,
#it_sel_supply ul li .rh-option-name,
#it_sel_supply ul li .rh-option-adjust {
    position: relative;
    display: inline;
}

#it_sel_option ul li .rh-option-name,
#it_sel_supply ul li .rh-option-name {
    float: left;
    margin-left: 0px;
    line-height: 22px;
    width: calc(100% - 50px);
    font-size: 15px;
    color: #666;
}

#it_sel_option ul li .rh-option-name label,
#it_sel_supply ul li .rh-option-name label {
    font-weight: 400;
    margin-bottom: 10px;
}

#it_sel_option ul li .rh-singlePrice,
#it_sel_supply ul li .rh-singlePrice {
    position: relative;
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #232323;
    top: -6px;
}

#it_sel_option ul li .rh-option-adjust,
#it_sel_supply ul li .rh-option-adjust {
    float: left;
    margin-bottom: -22px;
    top: -2px;
}

.rh-sum-div {
    position: relative;
    margin: 20px 0 30px 0;
    padding: 0 15px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
}

.rh-sum-div strong {
    font-size: 24px;
    float: right;
}

.rh-item-remaning {
    position: relative;
    display: inline-block;
    padding-left: 7px;
    padding-right: 7px;
    height: 20px;
    line-height: 20px;
    background-color: #a1a1a1;
    text-align: center;
    color: #fff;
}

.rh-total-item {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 21px 0 0;
    text-align: right;
    font-size: 18px;
    margin-top: 0;
    border-top: 2px solid #ff4848;
    color: #333;
}

.rh-total-item #it_tot_price {
    font-size: 22px;
    color: #222222;
    font-weight: bold;
}

.rh-buy-btn {
    position: relative;
    display: inline-block;
    width: 100%;
}

.item-head ul.item-buy-btn.rh-buy-btn li {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0;
}

.rh-buy-btn .btn-block {
    position: relative;
    display: inline-block;
    padding: 0;
    height: 40px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #ff4848;
}

.rh-buy-btn li input[type=submit].rh-buy-now {
    height: 50px;
    width: 240px;
    background-color: #ff4848;
    line-height: 48px;
    font-size: 18px;
    font-weight: 500;
}

.rh-buy-btn li input[type=submit].rh-cart-btn {
    height: 50px;
    margin-right: 10px;
    width: 240px;
    background-color: #fff;
    color: #ff4848;
    border: 1px solid #ff4848;
    line-height: 48px;
    font-size: 18px;
    font-weight: 500;
}

.rh-buy-btn li .rh-cart-btn:hover,
.rh-buy-btn li .rh-cart-btn:focus,
.rh-buy-btn li .rh-fav-btn:hover,
.rh-buy-btn li .rh-fav-btn:focus {
    background-color: #ff4848;
}

.rh-item-thumnail {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}


/**change by Linh
***Line 7106 -> 7114
**/

.rh-item-thumnail>li,
.rh-item-thumnail>a {
    position: relative;
    display: inline;
    float: left;
    margin-right: 10px;
    width: 84px;
    height: 84px;
}

.rh-item-thumnail>a {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.rh-item-thumnail>a>img {
    width: 100%;
    max-height: 100%;
    border: 1px solid #ddd;
}

.rh-related-item-slide {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.rh-related-item-slide ul {
    position: relative;
    display: inline-block;
    width: 200%;
}

.rh-related-item-slide ul>li.rh-item-slide {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 177px;
    text-align: center;
    line-height: 1;
}

.rh-related-item-slide .div-title-underbar {
    margin-bottom: 10px;
}

.rh-related-item-slide ul>li.rh-item-slide p {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 8px;
    line-height: 1.3;
    letter-spacing: -1px;
}

.rh-related-item-slide ul>li.rh-item-slide p .rs_bold {
    position: relative;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
}

.rh-sns-wr {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

.rh-fav-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 27px;
    background: url('/img/icon/icon_heart.png') no-repeat;
    content: " ";
}

.rh-fav-btn.fav-active {
    background: url('/img/icon/icon_heart_active.png') no-repeat !important;
}

.rh-fav-btn img {
    margin-top: 0px;
    position: relative;
    width: auto;
    height: auto;
}

.rh-adv-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 60px 0 15px 0;
}

.rh-div-tab {
    position: relative;
    display: inline-block;
    width: 760px;
    margin-right: 20px;
}

.rh-div-tab>ul {
    display: inline-block;
    width: 100%;
    border-bottom: 0;
}

.rh-div-tab>ul>li {
    position: relative;
    display: inline-block;
    width: 25%;
    text-align: center;
}

.rh-div-tab.tabs ul.nav-tabs li a {}

.div-tab.tabs ul.nav-tabs>li>a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
}

.div-tab.tabs ul.nav-tabs li a,
div-tab.tabs ul.nav-tabs li:first-child a,
.div-tab.tabs ul.nav-tabs li:first-child a:hover,
div-tab.tabs ul.nav-tabs li:last-child a,
.div-tab.tabs ul.nav-tabs li:last-child a:hover {
    color: #2a2a2a !important;
}

.div-tab.tabs ul.nav-tabs>li>a b.orangered {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 0;
}


/* item view - tag line
.rh-prod-tag-wr {position: relative; display: inline-block; width: 100%;}
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified {position: relative; display: table; width: 100%; border-collapse: collapse; border-bottom: 2px solid #5764c0;}
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li {position: relative; display: table-cell; float: none;background-color: #fff; border: 1px solid #e8e8e8; border-bottom: 0; text-align: center;}
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li.active, .rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li:hover {background-color: #5764c0; color: #fff; border-bottom: 0;}
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li a,
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li:last-child a {border-bottom: 0;}
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li.active a > b,
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li:hover a > b,
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li:hover a > b .orangered,
.rh-prod-tag-wr .rh-div-tab> ul.rh-nav-justified > li.active a > b .orangered {color: #fff;} */

.rh-prod-tag-wr>div {
    position: relative;
    display: inline-block;
    float: left;
}

.rh-tab-content {
    width: 760px;
    margin-right: 20px;
}

.rh-right-adv-inside {
    position: relative;
    width: 160px;
}

.rh-right-adv-inside>ul {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-right-adv-inside>ul>li {
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.rh-tbl-adv-1 {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.rh-tbl-adv-1 dd {
    position: relative;
    display: table-row;
    width: 100%;
    clear: both;
    border: 1px solid #ddd;
    line-height: 0;
}

.rh-prod-tag-wr .nav-tabs {
    border-top: 2px solid #343539;
}

.rh-prod-tag-wr .nav-tabs li {
    background-color: #f4f4f4;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active a {
    background-color: #343539;
    border: 1px solid #343539;
    color: #fff !Important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active:first-child {
    border-left: 1px solid #343539;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active:last-child {
    border-right: 1px solid #343539;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active {
    border-top-color: #343539 !important;
}

.div-tab.tabs ul.nav-tabs>li.active>a b.orangered {
    color: #fff;
}

.div-tab.tabs ul.nav-tabs li.active {
    background-color: #343539 !important;
}

.rh-general-info {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    line-height: 1;
    font-size: 14px;
}

.rh-general-info h5 {
    font-weight: bold;
}

.rh-item-banner {
    width: 760px;
    height: 160px;
    background: #78dee4;
    margin: 10px 0 15px 0;
}

.rh-general-info .rh-tbl {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.rh-tbl .rh-col {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 15px;
    border: 1px solid #aaaaaa;
    line-height: 1.4;
}

.rh-tbl .rh-col h6 {
    position: relative;
    width: 100%;
    padding: 15px;
    background-color: #f1f1f1;
    color: #222;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.rh-tbl .rh-col ul {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-tbl .rh-col ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

.rh-tbl .rh-col ul li .rh-no {
    position: absolute;
    color: #999;
    font-size: 20px;
    top: 0px;
    left: 0;
    font-weight: bold;
}

.rh-tbl .rh-col ul li p {
    padding-left: 40px;
    line-height: 20px;
}

.form-control:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(255, 72, 72, 0.40), 0 0 0px #fff;
    box-shadow: inset 0 0px 0px rgba(255, 72, 72, 0.40), 0 0 0px #fff;
}

.rh-prod-popup {
    position: fixed;
    display: inline-block;
    width: 1035px;
    height: 650px;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}

.rh-prod-popup>div {
    position: relative;
    display: inline;
    float: left;
    padding: 30px;
    height: 650px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-prod-popup .rh-left-photo {
    width: 60%;
    border-right: 1px solid #ddd;
}

.rh-prod-popup .rh-right-info {
    width: 40%;
}

.rh-img-pro {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.rh-right-info h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin: 10px 0 15px 0;
    font-size: 18px;
    letter-spacing: -1px;
}

.rh-right-info dl {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-right-info dl dt,
.rh-right-info dl dd {
    position: relative;
    display: inline;
    float: left;
    margin-bottom: 10px;
    line-height: 30px;
}

.rh-right-info dl dt {
    width: 20%;
}

.rh-right-info dl dd {
    width: 80%;
}

.rh-right-info dl dd select {
    padding: 7px;
    border: 1px solid #ddd;
}

.rh-prod-list {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 350px;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    overflow-y: auto;
}

.rh-prod-list ul,
.rh-prod-list ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-prod-list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.rh-prod-list ul li>div {
    position: relative;
    display: inline;
    float: left;
    margin-top: 0;
}

.rh-item-name {
    width: 210px;
    color: #444;
    font-size: 12px;
    line-height: 20px;
    margin-right: 8px;
}

.rh-item-price {
    width: 95px;
    text-align: right;
}

.rh-item-price .rh-price {
    margin-top: 10px;
}

.rh-item-price>p {
    margin-top: 0;
    line-height: 1;
}

.rh-item-price>p>input {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 25px;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-item-price>p>span {
    position: relative;
    display: inline-block;
    top: 1px;
    width: 25px;
    height: 23px;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    cursor: pointer;
}

.rh-right-info .rh-buy-btn li {
    position: relative;
    display: inline;
    float: left;
    margin-right: 11px;
}

.rh-subtotal {
    position: relative;
    display: inline-block;
    margin: 15px 0;
    width: 100%;
    color: #000;
    text-align: right;
    font-size: 13px;
    line-height: 1;
}

.rh-subtotal .rh-price-no {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #ff4848;
    letter-spacing: -1px;
}

.rh-popup-close {
    position: absolute;
    z-index: 100;
    top: 15px;
    right: 15px;
    background-color: #fff;
    border: 0;
}

.rh-x-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

.rh-prod-tag-wr .div-tab.tabs div.tab-content {
    padding: 0;
    border: 0;
}

.rh-qna-form {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-qna-write {
    position: relative;
    display: inline-block;
    padding: 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
    background-color: #f9f9f9;
}

.rh-qna-write h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
}

.rh-qna-write p {
    line-height: 1.5;
    color: #666666;
}

.rh-qna-write .rh-write-lang {
    margin: 8px 0;
}

.rh-qna-write .rh-write-lang button {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-weight: bold;
    font-family: NanumGothic;
}


/* .rh-qna-write .rh-write-lang label {position: relative; display: inline; float: left; height: 30px; line-height: 30px; padding: 0 15px; border: 1px solid #ccc; background-color: #fff;}
.rh-qna-write .rh-write-lang label input[type=radio] { visibility: hidden; } */

.rh-qna-write .rh-write-lang {
    margin-left: 10px;
}

.rh-qna-write .rh-write-lang label {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.rh-qna-write .rh-write-lang label input {
    margin-left: 3px;
}

.rh-qna-srch-btn {
    position: relative;
    display: inline-block;
    float: right;
    width: 147px;
    height: 36px;
    border: 1px solid #7d797a;
    background-color: #fff;
}

.rh-qna-srch-btn img {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-left: 5px;
}

.rh-qna-link {
    position: relative;
    display: inline-block;
    float: right;
    width: 110px;
    height: 36px;
    margin-right: 5px;
    border: 1px solid #7d797a;
    background-color: #fff;
    font-family: NanumGothic;
}

.rh-text-area {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.rh-text-area textarea,
#wr_content {
    padding: 16px;
    width: 580px;
    height: 85px;
    border: 1px solid #cdcdcd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-text-area>button,
.rh-cmt-btn {
    position: relative;
    display: inline-block;
    float: right;
    height: 85px;
    width: 125px;
    text-align: center;
    border: 0;
    background: #ff4848;
    color: #fff;
    text-align: center;
    border: 0;
    font-weight: bold;
}

.rh-question-cntn .rh-text-area textarea#wr_content {
    width: 428px;
}

.rh-question-cntn .rh-text-area .rh-cmt-btn {
    width: 72px;
}

.rh-cmt-sns {
    position: relative;
    display: inline;
    float: left;
    font-size: 17px;
    top: -5px;
    margin: 0 5px;
}

.rh-lang-tag {
    position: relative;
    display: inline-block;
    margin-top: 19px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.rh-lang-tag strong {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #333;
}

.rh-lang-tag ul {
    width: 203px;
    display: table;
    border-collapse: collapse;
    float: right;
    margin-bottom: 20px;
}

.rh-lang-tag ul li {
    position: relative;
    display: table-cell;
    width: 100px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
}

.rh-lang-tag ul li #id-item-qna-or,
.rh-lang-tag ul li #id-item-use-or {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 26px;
    background-color: #acacac;
    color: #fff;
    font-weight: normal;
    line-height: 26px;
}

.rh-lang-tag ul li #id-item-qna-or {
    padding-top: 1px;
}

.rh-lang-tag ul li #id-item-qna-or.active,
.rh-lang-tag ul li #id-item-use-or.active {
    background-color: #ff4848;
}

.rh-lang-tag ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-lang-tag ul li a.active,
.rh-lang-tag ul li a:hover {
    background-color: #fff;
    font-weight: bold;
    border-bottom: 0;
    color: crimson;
}

.rh-lang-tag ul li a img.active-language {
    display: none;
}

.rh-lang-tag ul li a.active img {
    display: none;
}

.rh-lang-tag ul li a.active .active-language {
    position: relative;
    display: inline-block;
}

.rh-tbl-qna {
    position: relative;
    display: table;
    width: 100%;
    /*padding: 0 0px 20px 0px;
    margin: 0px 0 20px 0;*/
    /*linh change*/
    vertical-align: middle;
}

.rh-tbl-qna .rh-tbl-row {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-tbl-qna .rh-row-head {
    text-align: center;
    font-weight: bold;
}

.rh-tbl-qna .rh-tbl-row>div {
    position: relative;
    display: table-cell;
    padding: 10px 5px;
    vertical-align: middle;
    line-height: 1.4;
    border-bottom: 1px solid #e1e1e2;
}

.rh-tbl-qna .rh-row-head>div {
    border-top: 1px solid #b4b4b5;
    border-bottom: 1px solid #b4b4b5;
}


/*Linh change height*/

.rh-mb-stamp-1,
.rh-mb-stamp-2,
.rh-mb-stamp-3 {
    position: relative;
    display: inline-block;
    width: fit-content;
    padding: 0 6px;
    height: 25px;
    line-height: 24px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.rh-mb-stamp-1 {
    border: 1px solid #ff4848;
    background-color: #ffff;
    color: #ff4848;
    font-weight: 400;
    border-radius: 0;
}


/*store owner*/

.rh-mb-stamp-1-2 {
    border: 1px solid #ff4848;
    background-color: #ff4848;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
}


/*store owner*/

.rh-mb-stamp-1-3 {
    border: 1px solid #f58536;
    background-color: #f58536;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
}


/*store owner*/

.rh-mb-stamp-2 {
    border: 1px solid #4792ef;
    background-color: #4792ef;
    color: #fff;
}


/*user has bought product*/

.rh-mb-stamp-3 {
    border: 1px solid #4792ef;
    color: #4792ef;
}


/* User has NOT bought product*/

.rh-tbl-qna .rh-qa-tbl {
    position: relative;
    display: inline-block;
    width: 100%;
    /*margin-bottom: 20px;*/
    color: #555;
}

.rh-qa-tbl .rh-qna-block {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    line-height: 0;
    /*border-bottom: 1px solid #eee;*/
    flex-direction: row;
    align-items: center;
}

.rh-qa-tbl .rh-qna-block>div {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.3;
}

.rh-qa-tbl .rh-qna-block .lang_comment {
    margin: 10px 70px 10px 45px;
}

.rh-qa-tbl .rh-qna-block .rh-question {
    padding-bottom: 10px;
    padding-top: 15px;
}

.rh-qa-tbl .rh-qna-block .rh-anwser-write {
    position: relative;
    display: none;
    width: 100%;
    padding: 20px 30px;
    background-color: #f5f5f5;
}

.rh-qa-tbl .rh-qna-block .rh-anwser-write textarea {
    position: relative;
    display: block;
    width: 665px;
    padding: 10px;
    margin: 0 auto;
    height: 60px;
    border: 1px solid #cccccc;
}

.rh-qa-tbl .rh-qna-block .rh-anwser-write .rh-save {
    position: relative;
    display: inline-block;
    float: right;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 4px 15px;
    font-weight: bold;
    border-radius: 2px;
    margin-top: 15px;
    color: #666666;
}

.rh-qa-tbl .rh-qna-block .rh-anwser-write .rh-save img {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 3px;
}

.rh-qa-tbl .rh-qna-block .rh-answer {
    padding: 15px 0 15px 30px;
    border-top: 1px solid #efefef;
    background-color: #f5f5f5;
}

.rh-qa-tbl .rh-qna-block .rh-answer .rh-cur-arr {
    position: absolute;
    top: 7px;
    left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #b1b1b1;
    background-color: transparent;
    border: 0;
}

.rh-qa-tbl .rh-qna-block .rh-question p,
.rh-qa-tbl .rh-qna-block .rh-answer p {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 0;
    line-height: 1.5;
}

.rh-qa-tbl .rh-qna-block .rh-question p.rh-question-cntn {
    padding-left: 30px;
    color: #010101;
}

.rh-qa-tbl .rh-qna-block>div>p>span {
    position: relative;
    display: inline;
    float: left;
}

.rh-qa-tbl .rh-qna-block>div>p>span.rh-mb-id {
    font-weight: bold;
}

.rh-qa-tbl .rh-qna-block>div>p>.rh-write-tggl {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: -5px;
    margin-left: 10px;
    padding: 0 8px;
    width: auto;
    height: 24px;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fff;
}

.rh-qa-tbl .rh-qna-block>div>p>span.rh-time {
    float: right;
    margin-right: 15px;
}

.rh-qa-tbl .rh-qna-block>div>p>.rh-report-btn {
    position: relative;
    display: inline;
    float: right;
    padding: 1px 7px;
    margin-right: 7px;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    font-size: 13px;
    color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rh-qna-item-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.rh-trans-stt {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    top: 45px;
    right: 0;
}

.rh-lang-mark {
    position: relative;
    display: block;
    margin-bottom: 7px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    border: 3px solid #ff4848;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #de2525;
    background: #fff;
    cursor: pointer;
}


/* QNA item new design 20180316 */

.rh-qna-block-1 {
    padding-bottom: 20px;
    padding-top: 25px;
}

.rh-qa-tbl .rh-qna-block>.rh-col-1,
.rh-qa-tbl .rh-qna-block>.rh-col-2,
.rh-qa-tbl .rh-qna-block>.rh-col-3 {
    position: relative;
    display: inline;
    float: left;
}

.rh-qa-tbl .rh-qna-block>.rh-col-1 {
    width: 0;
    text-align: center;
    padding-left: 0;
}

.rh-qa-tbl .rh-qna-block>.rh-col-2 {
    width: calc(100% - 120px);
}

.rh-qa-tbl .rh-qna-block>.rh-col-3 {
    width: 39px;
    text-align: center;
    left: 40px;
}

.rh-qa-tbl .rh-qna-block>.rh-col-3 dl {
    margin-bottom: 0;
}

.rh-qa-tbl .rh-qna-block .rh-col-2 .lang_comment {
    margin: 10px 0 0 0;
}

.rh-qa-tbl .rh-qna-block .rh-col-2 .rh-write-tggl {
    position: relative;
    display: inline;
    float: left;
    margin-left: 0;
    padding: 0 5px;
    margin-right: 5px;
    width: auto;
    height: 22px;
    line-height: 20px;
    border: 1px solid #dadada;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    border-radius: 3px;
    background-color: #fff;
}

.rh-qa-tbl .rh-answer {
    background-color: #f9f9f9;
    width: 100%;
    padding-left: 40px;
    border-bottom: 0;
}

.rh-qa-tbl .rh-answer .rh-col-2 {
    width: calc(100% - 120px);
}

.rh-qa-tbl .rh-col-3 .rh-report-btn {
    margin-top: 13px;
    padding: 4px 0;
    width: 60px;
    background-color: #fff;
    /*border: 1px solid #dcdcdc;*/
    color: #666;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
}

.rh-qa-tbl .rh-col-3 .rh-time {
    display: inline-block;
    line-height: 1;
    margin-top: 5px;
}

.rh-qa-tbl .rh-answer .rh-cur-arr {
    position: absolute;
    display: inline-block;
    top: 26px;
    left: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #999;
}

.rh-qa-tbl .rh-answer>.rh-col-1 {
    padding-left: 20px;
}

.rh-qa-tbl .rh-qna-block>.rh-col-2 .rh-mb-id {
    margin: 0 15px;
    color: #888;
}

.rh-qa-tbl .rh-qna-block>.rh-col-2 .rh-time {
    color: #888;
}

.rh-no-dt {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    color: #999;
}

#it_vc_opt {
    position: relative;
    display: inline-block;
    line-height: 0;
}

#it_vc_opt>ol>li>label {
    position: relative;
    display: inline-block;
    line-height: 28px;
}

#it_vc_opt>ol>li>label>input[type=checkbox] {}

#it_vc_opt>ol>li>ul#it_vc_sns {
    position: relative;
    display: inline-block;
    line-height: 0;
}

#it_vc_opt>ol>li>ul#it_vc_sns>li>input {
    position: relative;
    display: inline-block;
    bottom: 3px
}

#itemcomment {
    line-height: 0;
}

.rh-qa-tbl>div.rh-qna-media {
    display: inline-block;
    border-top: 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}


/* Answer depth */

.rh-qa-tbl .rh-qna-block .rh-answer-depth-2 {
    padding-left: 45px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-2 .rh-cur-arr {
    left: 25px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-3 {
    padding-left: 65px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-3 .rh-cur-arr {
    left: 45px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-4 {
    padding-left: 85px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-4 .rh-cur-arr {
    left: 65px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-5 {
    padding-left: 105px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-5 .rh-cur-arr {
    left: 85px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-6 {
    padding-left: 125px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-6 .rh-cur-arr {
    left: 105px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-7 {
    padding-left: 145px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-7 .rh-cur-arr {
    left: 125px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-8 {
    padding-left: 165px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-8 .rh-cur-arr {
    left: 145px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-9 {
    padding-left: 185px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-9 .rh-cur-arr {
    left: 165px
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-10 {
    padding-left: 205px;
}

.rh-qa-tbl .rh-qna-block .rh-answer-depth-10 .rh-cur-arr {
    left: 185px
}


/*  ./. Answer depth */


/* ITEM PAGE - QNA REPORT POPUP */

.qa_shingo_modal .md-popup-box {
    height: fit-content !Important;
}

.qa_shingo_modal h3 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 23px;
    margin-top: 0;
    font-size: 18px;
    color: #232323;
    line-height: 24px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.qa_shingo_modal #check-option,
.qa_shingo_modal .rh-rp-reason {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;
}

.qa_shingo_modal #check-option {
    padding-top: 27px;
}

.qa_shingo_modal #check-option h4,
.qa_shingo_modal .rh-rp-reason h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #333;
}

.qa_shingo_modal h3 .rh-x-popup {
    position: absolute;
    right: 0;
    top: -5px;
    background-color: transparent;
    border: 0;
}

.qa_shingo_modal h3 .rh-x-popup img {
    width: 12px;
}

.qa_shingo_modal #check-option ul {
    margin-top: 16px;
    margin-bottom: 0;
}

.qa_shingo_modal #check-option ul li label,
.qa_shingo_modal .rh-rp-reason ul li {
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
}

.qa_shingo_modal #check-option ul li label.rh-radio-style>span {
    width: 10px;
    height: 10px;
    top: 0;
}

.qa_shingo_modal #check-option ul li label.rh-radio-style input[type=radio]:checked~span {
    border-color: #666;
}

.qa_shingo_modal #check-option ul li label.rh-radio-style input[type=radio]:checked~span:before {
    width: 4px;
    height: 4px;
    top: 2px;
    left: 2px;
    background-color: #666;
}

.qa_shingo_modal #check-option textarea,
.qa_shingo_modal .rh-rp-reason textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 75px;
    padding: 7px;
    border: 1px solid #e5e5e5;
}

.qa_shingo_modal #check-option textarea {
    margin-top: 16px;
}

.qa_shingo_modal #check-option textarea::placeholder,
.qa_shingo_modal .rh-rp-reason textarea::placeholder {
    font-size: 13px;
    line-height: 18px;
    font-style: italic;
    color: #bbb;
}

.qa_shingo_modal #check-option .rh-popup-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.qa_shingo_modal .rh-rp-reason ul li input[type=radio] {
    margin-right: 4px;
}

.rh-paging {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.rh-paging a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    color: #444;
    text-align: center;
    line-height: 28px;
    margin: 0 3px;
}

.rh-paging a:hover {
    background-color: #444;
    color: #fff;
    font-weight: bold;
    border: 1px solid #444;
}

.rh-review-tag {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-review-head {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.rh-rating-box {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 24px 0 24px 0;
    /**Change by Linh**/
    height: 184px;
    /**Change by Linh**/
    border: 1px solid #e1e1e2;
    /**Change by Linh**/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-rating-box>div {
    position: relative;
    display: inline;
    float: left;
    height: 136px;
}

.rh-rating-box>div.rh-star-rating strong {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    font-size: 20px;
}

.rh-rating-box>div.rh-star-rating strong span {
    color: #ff4848;
    font-size: 30px;
}

.rh-rating-box>div.rh-star-rating .rh-star-row {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.rh-rating-box>div.rh-star-rating .rh-star-row~p {
    text-align: center;
}

.rh-rating-box>div>h6 {
    position: relative;
    display: inline-block;
    clear: both;
    font-weight: bold;
}

.rh-rating-box>div.rh-rank-rating .rh-progress {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-rating-box>div.rh-rank-rating .rh-progress li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    font-size: 12px;
}

.rh-rating-box>div.rh-rank-rating .rh-progress li label {
    position: relative;
    display: inline-block;
    width: 40px;
    margin-right: 0px;
}

.rh-rating-box>div.rh-rank-rating .rh-progress li label>img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
}

.rh-rating-box>div.rh-rank-rating .rh-progress li span {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.rh-star-rating {
    /*width: 235px;*/
    width: 190px;
    /**Change by Linh**/
    border-right: 1px solid #e1e1e2;
}


/**Change by Linh**/

.rh-rank-rating {
    /*width: 325px;*/
    width: 380px;
    /*padding-left: 20px;*/
}

.rh-rating-box>button {
    position: relative;
    display: inline-block;
    float: right;
    /*margin-top: 65px;*/
    /*width: 145px;
    height: 40px;*/
    margin: 30px 44px 0 44px;
    width: 98px;
    height: 76px;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    font-size: 18px;
    /*border: 0;*/
    background: #ff4848;
    color: #fff ;
    font-weight: bold;
}


/**End change**/

.rh-rating-box>button:hover {
    color: #fff;
}

.rh-star-rating>h6 {
    font-size: 24px;
    width: 100%;
    text-align: center;
}

.rh-rank-rating>h6 {
    font-size: 13px;
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
}

.rh-rating-box>div.rh-rank-rating progress {
    /*width: 160px;*/
    width: 182px;
    /**Change by Linh*/
    height: 8px;
}

.rh-rating-box>div.rh-rank-rating progress:not([value]) {
    background-color: #fff;
}

.rh-rating-box>div.rh-rank-rating progress[value] {
    background-color: #eee;
}

.rh-rating-box>div.rh-rank-rating progress[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 2px;
    box-shadow: 0 0px 0px #fff inset;
}

.rh-rating-box>div.rh-rank-rating progress[value]::-webkit-progress-value {
    /*background: #ff4848;*/
    /*background: #FFC120;*/
    background-color: #acacac;
    border-radius: 2px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

.rh-write-rv-wr {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    z-index: 997
}

.rh-write-rv-ttl {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.rh-write-rv-ttl .rh-x-popup {
    position: absolute;
    right: 25px;
    top: 25px;
    background-color: transparent;
    border: 0;
}

.rh-all-select {
    position: relative;
    display: inline-block;
    padding: 0 28px 0 11px;
    height: 38px;
    border: 1px solid #dadada;
    color: #323232;
    font-size: 13px;
}

.rh-write-rv-wr .rh-write-rv .rh-rv-ttl {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    border: 1px solid #c7c7c7;
    padding: 5px;
    color: #666;
    font-size: 14px;
}

.rh-rv-list-edit .rh-write-rv .rh-row>div.rh-textarea .rh-rv-cntn {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 75px;
    padding: 10px;
    margin-top: 0px;
    border: 1px solid #c7c7c7;
    font-size: 12px;
    line-height: 1.5;
}

.rh-write-rv-wr>.rh-rv-save,
.rh-write-rv-wr>.rh-rv-cancel {
    position: absolute;
    width: 145px;
    height: 35px;
    font-weight: bold;
    border: 0;
    ;
    padding: 0 15px;
    right: 22px
}

.rh-write-rv-wr>.rh-rv-save {
    top: 120px;
    background-color: #ff4848;
    color: #fff;
}

.rh-write-rv-wr>.rh-rv-cancel {
    top: 160px;
    background-color: #aaa;
    color: #fff;
}

.rh-upload-rvfoto {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.rh-upload-rvfoto>label {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    clear: both;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.rh-upload-rvfoto>label input[type=file] {
    position: relative;
    display: inline-block;
    width: auto;
    opacity: 0;
}

.rh-upload-rvfoto .rh-label-rv .rh-add-more,
.rh-upload-rvfoto .rh-label-rv .rh-del-foto {
    position: relative;
    height: 26px;
    width: 26px;
    border: 0;
    background-color: #b9c2ce;
    color: #fff;
}

.wr-box-pop-write {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 10px 22px 10px;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    display: none;
}

.wr-box-pop-write .rh-write-rv {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 15px 15px 20px;
    background-color: #f9f9f9;
    border-bottom: 0;
}

.rh-write-rv .rh-row {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.rh-write-rv .rh-row {}

.rh-write-rv .rh-row form {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-write-rv .rh-row .rh-label-rv,
.rh-write-rv .rh-row>div {
    position: relative;
    display: table-cell;
    padding: 0px 0 13px 0;
    vertical-align: top;
}

.rh-write-rv .rh-row>div {
    width: 611px;
}

.rh-write-rv .rh-row .rh-starry-row .rh-label-rv {
    width: 109px;
    text-align: left !important;
    padding-left: 30px;
}

.rh-write-rv .rh-row .rh-starry-row .rating-stars {
    padding-right: 51px;
    padding-top: 5px;
}

.rh-write-rv .rh-row .rh-starry-row .rating-stars #rating_stars .star {
    margin-right: -1px !important;
}

.rh-write-rv .rh-row>div textarea {
    position: relative;
    width: 100%;
    height: 122px;
    padding: 13px 15px;
    border: 1px solid #e4e4e4;
    font-size: 16px;
}

.rh-write-rv .rh-upload-rvfoto .rh-label-rv {
    top: -14px !important;
}

.rh-write-rv .rh-textarea-row .rh-label-rv {
    padding-top: 5px !important;
}

.rh-write-rv .rh-row .rh-label-rv {
    position: relative;
    display: inline-block;
    float: left;
    width: 81px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
    line-height: 37px;
    padding: 0;
    /* font-weight: bold; */
}

.rh-write-rv .rh-row .rh-select-div {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 99px);
}

.rh-write-rv .rh-row .rh-select-div .select2-container--default {
    width: 267px !important;
}

.rh-write-rv .rh-row .rh-select-div .select2-selection--single {
    height: 36px !important;
    padding-left: 8px !important;
}

.rh-write-rv .rh-row .rh-select-div .select2-selection__rendered {
    line-height: 36px !important;
}

.rh-write-rv .rh-row .rh-select-div .select2-selection__arrow {
    height: 36px !important;
    right: 8px !important;
}

.rh-rv-list-edit .rh-write-rv .rh-row>div {
    width: 670px;
}

.rh-use_add_file {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-use_add_file li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.rh-use_add_file li .rh-foto-gallery {
    position: relative;
    display: inline;
    float: left;
    width: 320px;
}

.rh-use_add_file li button {
    position: relative;
    display: inline;
    float: left;
    margin-top: 5px;
}

.rh-use_add_file li .rh-foto-gallery>img {
    position: relative;
    display: inline;
    float: left;
    width: 43px;
    height: 43px;
    margin: 5px;
    border: 1px solid #dadada;
}

.rh-rv-edit-btn {
    display: inline-block;
    width: 100%;
    margin-left: 98px;
    margin-top: -18px;
}

.rh-rv-edit-btn .rh-rv-save,
.rh-rv-edit-btn .rh-rv-cancel {
    position: relative;
    display: inline-block;
    width: 155px;
    height: 45px;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.rh-rv-edit-btn .rh-rv-save {
    background: #ff4848;
    color: #fff;
    border: 0;
    margin-right: 15px;
}

.rh-rv-edit-btn .rh-rv-cancel {
    background: #fff;
    border: 1px solid #c9c9c9;
    color: #333333 !important;
}

.rh-review-tag>h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    margin-top: 30px;
    font-weight: bold;
}

.rh-filter {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ebebeb;
    border-top: 0;
}

.rh-filter select {
    position: relative;
    display: inline;
    float: left;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666666;
}

.rh-filter>select.rh-select-1 {
    width: 155px;
    font-size: 12px;
}

.rh-filter #rank-filter {
    margin-right: 7px;
    font-family: 'FontAwesome', sans-serif;
}

.rh-filter #rank-filter .star {
    color: #ffd800;
}

.rh-filter p.rs_floatright {
    margin: 0;
}

.rh-filter .rs_floatright select.rh-select-2 {
    width: 90px;
}

.rh-filter .rs_floatright input,
.rh-filter .rs_floatright button {
    position: relative;
    display: inline;
    float: left;
    margin-left: 5px;
    height: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-filter .rs_floatright input {
    width: 190px;
    border: 1px solid #ddd;
    padding: 5px;
}

.rh-filter .rs_floatright button {
    width: auto;
    padding: 0 5px;
    margin-top: 10px;
    height: 20px;
    border: 0;
    background: #fff;
    font-weight: bold;
    font-size: 0;
    color: #737373;
}

.rh-filter .rs_floatright button.rs_btn-1 {
    border-right: 1px solid #e5e5e5;
    padding-right: 10px;
}

.rh-filter .rs_floatright button span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.rh-filter .rs_floatright button span img {
    position: relative;
    display: inline-block;
    margin-left: 3px;
}

.rh-filter .rs_floatright button .material-icons {
    font-size: 20px;
}

.rh-filter .rs_floatright .rh-search-review button {
    position: absolute;
    width: 30px;
    height: 25px;
    top: 1px;
    right: 1px;
    border: 0;
}

.rh-review-list {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    border-top: 1px solid #c7c7c7;
}

.rh-review-list>dl {
    position: relative;
    display: inline-block;
    padding: 20px 0 0 0;
    color: #757575;
    margin-bottom: 0;
}

.rh-no-image dd.rh-rv-col-3 {
    position: relative;
    display: inline;
    float: right;
}

.rh-no-image dd.rh-rv-col-2 {
    width: 545px;
}

.rh-review-list .trans-mark dl {
    margin-bottom: 5px;
    margin-top: 0px;
}

.rh-review-list .trans-mark dl dt {
    text-align: center;
}

.rh-review-list .trans-mark .rh-review-time {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #999;
}

.rh-foto-list {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 20px;
}

.rh-foto-list .rh-rv-user-foto {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-foto-list .rh-rv-user-foto li {
    position: relative;
    display: inline;
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 10px;
    cursor: pointer;
}

.rh-foto-list .rh-rv-user-foto li img {
    /* width: 100px;
    height: 75px;
    cursor: pointer; */
}

.rh-foto-list .bx-wrapper {
    width: 100px !important;
}

.rh-foto-list .rh-bx-slider {
    position: relative;
    display: inline-block;
    width: 600%;
    overflow: hidden;
}

.rh-foto-list .rh-bx-slider li {
    position: relative;
    display: inline;
    float: left;
    width: 110px;
    margin-right: 20px;
}

.rh-foto-list .bx-has-controls-direction {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 35px;
    z-index: 9
}

.rh-foto-list .bx-has-controls-direction .bx-next,
.rh-foto-list .bx-has-controls-direction .bx-prev {
    border-radius: 100%;
    color: #adadad;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fafafa;
}

.rh-foto-list .bx-has-controls-direction .bx-next .material-icons,
.rh-foto-list .bx-has-controls-direction .bx-prev .material-icons {
    font-size: 21px;
}

.rh-foto-list .bx-has-controls-direction .bx-next {
    float: right;
}

.rh-foto-list .bx-has-controls-direction .bx-prev {
    float: left;
}

.rh-rev-full .rh-foto-review .control {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 900;
}

.rh-rev-full .rh-foto-review img {
    z-index: 880;
}

.rh-rev-full .rh-foto-review span {
    cursor: pointer;
    z-index: 990;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.rh-foto-review span.next {
    float: right;
    margin-right: -6px;
}

.rh-foto-review span.prev {
    float: left;
    margin-left: 3px;
}

.rh-foto-list .rh-slide-paging {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: -10px;
    margin-left: 0;
    line-height: 19px;
    font-weight: bold;
}

.rh-foto-rv {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ebebeb;
    padding-top: 20px;
    padding-bottom: 25px;
}

.rh-foto-rv .rh-col1-mb {
    position: relative;
    display: inline;
    float: left;
    width: 165px;
}

.rh-foto-rv .rh-col1-mb .rh-writer {
    position: relative;
    margin: 7px 0;
    color: #666;
    font-size: 14px;
}

.rh-foto-rv .rh-col1-mb .rh-writing-time {
    color: #999;
}

.rh-foto-rv .rh-col1-mb .rh-writing-time .rh-qna-view-time,
.rh-foto-rv .rh-col1-mb .rh-writing-time .rh-qna-view-time .rh-date {
    margin-top: 0;
    color: #999;
    text-align: left;
    font-size: 14px;
}

.rh-foto-rv>dl {
    position: relative;
    display: inline-block;
    clear: both;
    width: 590px;
    margin-bottom: 0;
}

.rh-review-list>dl>dd {
    position: relative;
    display: inline;
    float: left;
}

.rh-foto-rv>dl dd.rh-rv-col-2,
.rh-foto-rv>dl dd.rh-rv-col-3 {
    position: relative;
    display: inline;
    float: left;
}

.rh-foto-rv>dl dd.rh-rv-col-2 {
    width: 100%;
}

.rh-foto-rv>dl dd.rh-rv-col-2 .trmark {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: 38px;
    float: right;
    cursor: pointer;
    right: 12px;
}

.rh-foto-rv>dl dd.rh-rv-col-2 .rh-tooltip-trans {
    position: absolute;
    display: none;
    width: 220px;
    float: right;
    right: 0;
    top: 30px;
    background-color: #fff;
    z-index: 99;
    padding: 10px;
    border: 1px solid #eaeaea;
}

.rh-foto-rv>dl dd.rh-rv-col-2 .rh-tooltip-trans .rh-x-close {
    position: absolute;
    display: inline-block;
    color: #a0a0a0;
    right: 10px;
    top: 5px;
}

.rh-foto-rv>dl dd.rh-rv-col-2 .rh-opt-name {
    color: #999;
}

.rh-foto-rv>dl dd.rh-rv-col-2 .rh-star i.fa {
    margin-right: 4px;
}

.rh-foto-rv>dl>dd.rh-rv-col-3 {
    width: 90px;
    float: right;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-rv-ttl {
    font-weight: bold;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-review-ctn {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    height: auto;
    color: #707070;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-review-ctn .rh-item-url {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    color: #707070;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-like .rh-cmt-no {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 23px;
    padding-left: 12px;
    top: -5px;
    line-height: 23px;
    background-image: url('/img/shop/item-review_14.jpg');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-like span {
    position: relative;
    display: inline-block;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-like {
    margin-top: 0px;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-like span.rh-dislike img {
    position: relative;
    display: inline-block;
    top: 8px;
    margin-right: 3px;
}

.rh-foto-rv>dl>dd.rh-rv-col-2 .rh-review-act,
.rh-review-act {
    position: relative;
    display: inline-block;
    /*    padding: 0 20px;*/
    margin-left: 7px;
    width: 70px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
    color: #333;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fff;
}


/*Linh changed*/

.rh-rv-col-3>dl {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: right;
}

.rh-rv-col-3 .rh-tooltip {}

.rh-foto-rv>dl dd.rh-rv-col-3>dl dt,
.rh-rv-col-3>dl dd {
    position: relative;
    display: inline;
    float: left;
}

.rh-foto-rv>dl dd.rh-rv-col-3>dl dt {
    font-weight: bold;
    width: 100%;
    color: #000;
    text-align: center;
}

.rh-foto-rv>dl dd.rh-rv-col-3>dl dd button,
.rh-no-image dd.rh-rv-col-3>dl dd button {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    top: 5px;
    width: 60px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
}

.rh-foto-rv>dl dd.rh-rv-col-3>dl dd {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    text-align: center;
}

.rh-foto-rv>dl dd.rh-rv-col-3>dl dd time {
    color: #707070;
}

.rh-date-time {
    cursor: pointer;
}

.rh-date-time .rh-toolip {
    position: absolute;
    display: none;
    top: -20px;
    width: 100%;
    right: 0;
    background: #ffe599ff;
    color: #666;
    padding: 3px 0px;
    border-radius: 1px;
    font-style: normal;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
}

.rh-date-time .rh-toolip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 6px solid #ffe599ff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.rh-date-time:hover .rh-toolip {
    display: inline-block;
}

.rh-foto-rv div.rh-like {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0px 0;
}

.rh-delivery-tag .table-responsive table th,
.rh-delivery-tag .table-responsive table td {
    line-height: 1.5;
}

.rh-delivery-tag .table-responsive table td {
    text-align: left;
}

.rh-delivery-tag .table-responsive table th {
    width: 200px;
}

.tab-pane {
    line-height: 1.5;
}


/* LIST PAGE - product item */

.item-image,
.item-image .img-item img,
.item-image .img-wrap,
.img-wrap .img-item {
    position: relative;
    height: 220px;
    width: 100%;
    padding: 0;
    object-fit: cover;
    object-position: center 100%;
}

.item-content {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 15px 0;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-content .item-name a {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-height: 1.4;
    /* fallback */
    height: 35px;
    /* fallback */
    font-size: 13px;
    color: #333;
}

.item-content .item-name a:hover {
    text-decoration: underline;
}

.item-price {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.rh-price-wr {
    position: relative;
    display: inline-block;
    float: left;
}

.item-content .item-price .rh-sale-price {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    color: #333;
}

.item-content .item-price .rh-normal-price {
    position: relative;
    color: #333;
    font-weight: 700;
    /*font-size: 17px;*/
    font-size: 18px;
}

.item-content .item-price .rs_crossword {
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

.rh-sale-price {
    font-size: 17px;
    font-weight: bold;
}

.rh-sale-off {
    position: relative;
    display: inline-block;
    float: right;
    font-size: 32px;
    font-weight: normal;
    color: #ff4848;
}

.rh-sale-off small {
    font-size: 18px;
}

.rh-buyer {
    position: relative;
    display: inline-block;
    float: right;
}

.rh-buyer .rh-buyer-number {
    position: relative;
    display: inline-block;
    top: 1px;
}

.item-icon {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 4px;
}

.rh-top-mark {
    position: absolute;
    /*padding: 15px 6px 15px 0;
    width: 46px;
    height: 41px;*/
    padding: 8px 0px 15px 0;
    width: 35px;
    height: 34px;
    /*top: -7px;*/
    top: -4px;
    /*Change by Linh*/
    left: 5px;
    z-index: 9;
    /*color: #36acb2;*/
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
    /*background-image: url('/img/icon/list-4column_58.png');*/
    background-image: url('/img/icon/howmuch_best_sold_out_02.png');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    text-align: center;
}

.rh-cat-items .item-icon {
    margin-top: 7px;
    padding: 7px 15px;
    /*height: 30px;*/
    font-size: 0;
    line-height: 0;
}

.item-icon .free_ship,
.item-icon .new_item,
.item-icon .last_item {
    position: relative;
    display: inline-block;
    padding: 0px 3px;
    margin: 0 3px 0 0;
    width: fit-content;
    height: 16px;
    /*line-height: 14px;*/
    line-height: 15px;
    /*Change by Linh*/
    font-size: 11px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-icon .free_ship {
    color: #008e18;
    border: 1px solid #008e18;
}

.item-icon .new_item {
    color: #001bbd;
    border: 1px solid #001bbd;
}

.item-icon .last_item {
    color: #f33002;
    border: 1px solid #f33002;
}

.rh-item-rating {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
    font-size: 12px;
    color: #999999;
}

.rh-item-rating>img {
    position: relative;
    margin-right: 3px;
}

.rh-item-rating .rh-star img {
    position: relative;
    display: inline-block;
    margin: 0 1px 0 0;
    width: 15px;
    top: 2px;
}

.rh-item-rating .rh-star {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.rh-item-rating .rh-star .rh-rating-count-wr {
    font-size: 12px;
    line-height: 1;
}

.rh-item-rating .rh-star .rh-ratings-count {
    position: relative;
    display: inline-block;
    top: 1px;
}

.rh-item-rating .rh-buyer {
    font-size: 13px;
    top: 2px;
    line-height: 1;
}

.rh-item-mark {
    position: absolute;
    display: inline-block;
    padding-left: 10px;
    bottom: 10px;
    width: 100%;
}

.rh-item-mark img {
    position: relative;
    display: inline-block;
    margin-right: 4px;
}


/* LIST - BEST SALES CATOGORY */

.rh-pdroc-time-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    /* Nhat add new margin */
    /*margin-left: -7px;*/  /*linh make forbest tabs*/
    /* Nhat end */
}

.rh-pdroc-time {
    position: relative;
    display: block;
    /* Nhat add new width: older width: 940px */
    /*width: 925px;*/
    width: 940px; /*linh fix to 940px*/
    margin: 0 auto;
}

.rh-pdroc-time>div {
    position: relative;
    display: inline;
    margin: 30px 0 20px;
    float: left;
    width: 33.33%;
    height: 50px;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1;
    line-height: 48px;
}

.rh-pdroc-time>div:nth-child(1)>div {
    border-right: 0;
}

.rh-pdroc-time>div:nth-child(3)>div {
    border-left: 0;
}

.rh-pdroc-time>div div {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #525252;
    border: 1px solid #bababa;
    font-weight: bold;
    text-transform: uppercase;
}

.rh-pdroc-time>div:hover div,
.rh-pdroc-time>div.active div {
    cursor: pointer;
    color: #fff;
    background-color: #ff4848;
    border: 1px solid #ff4848;
}

.rh-visitor-location-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #306592;
}

.rh-visitor-location {
    position: relative;
    display: inline-block;
    width: 940px;
    margin: 0 auto;
    padding: 15px 0;
}

.rh-visitor-location>select {
    position: relative;
    display: inline-block;
    float: left;
    width: 49%;
    margin-right: 1%;
    height: 30px;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #777;
    font-size: 14px;
}

.rh-visitor-location>select:focus {
    background-color: #fafafa;
    box-shadow: 0 0 0 rgb(255, 255, 255);
    border: 1px solid #fff;
}


/* CART*/

.rh-cart-page,
.rh-shop-page {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
    /* padding-bottom: 50px; */
}

.rh-cart-page-top {
    padding-top: 30px;
    border-bottom: 2px solid #bababa
}

.rh-cart-wr {
    padding: 0;
}

.rh-order-step {
    position: relative;
    display: inline-block;
    float: right;
    /*width: 375px;*/
    width: 320px;
    height: 30px;
    top: 60px;
}

.rh-sns-share {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 56px;
}

.rh-sns-share li {
    position: relative;
    display: inline;
    float: left;
    margin-right: 38px;
}

.rh-sns-share li.rh-last-child {
    margin-right: 0;
}

.rh-sns-share li>img {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.rh-sns-share li>span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #000;
}

.rh-order-step>div {
    position: relative;
    display: inline;
    float: left;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    text-align: center;
}

.rh-order-step>div>img {
    float: right;
    margin-top: 2px;
}

.rh-cart-ttl {
    position: relative;
    display: inline-block;
    float: left;
}

.rh-cart-ttl strong {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    font-size: 36px;
    color: #000;
    top: 10px;
    font-weight: normal;
}

.rh-order-step .rh-stepname {
    width: 325px;
    background-color: #3d465c;
    color: #fff;
    border-right: 1px solid #fff;
}

.rh-order-step .rh-step-1,
.rh-order-step .rh-step-2,
.rh-order-step .rh-step-3 {
    width: 125px;
    color: #666;
}

.rh-order-step .active {
    color: #ff4848;
    font-weight: 500;
}

.rh-order-step .rh-circle {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    text-align: center;
    line-height: 24px;
    background-color: #bdbdbd;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 12px;
    font-weight: normal;
}

.rh-order-step .active .rh-circle {
    background-color: #ff4848;
}

.th-step-1,
.th-step-2 {
    width: 110px !important;
}

.th-step-3 {
    width: 100px!important;
    text-align: right!important;
}

.icon-next {
    position: relative;
    right: 0;
}

.rh-note-top {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-top: 30px;
    margin-bottom: 7px;
    line-height: 1.5;
}

.rh-cart-tbl tr td {
    border-right: 1px solid #ddd;
}

.rh-cart-tbl>tbody>tr>td {
    padding: 0;
}

.rh-cart-tbl>tbody>tr:last-child>td {
    border-bottom: 0;
}

.rh-cart-tbl {
    border: 1px solid #dcdcdc;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #686868
}

.rh-cart-tbl tr .rh-col-1 {
    width: 40px;
    ;
    border-right: 0;
}

.rh-cart-tbl tr .rh-col-2 {
    width: 120px;
    border-right: 0;
    border-left: 0;
}

.rh-cart-tbl tr .rh-col-2 .item-img {
    width: 100%;
    height: 75px;
    text-align: center;
    overflow: hidden;
}

.rh-cart-tbl tr .rh-col-2 .item-img img {
    position: relative;
    display: inline-block;
    width: 100px;
}

.rh-cart-tbl tr .rh-col-3 {
    width: 520px;
    border-left: 0;
    padding-bottom: 27px;
}

.rh-cart-tbl tr .rh-col-4 {
    width: 140px;
    font-size: 14px;
}

.rh-cart-tbl tr .rh-col-5 {
    width: 120px;
    border-right: 0;
    color: #dd4444;
    font-weight: bold;
}

.rh-cart-tbl tr .rh-col-3 .rh-item-name {
    position: relative;
    display: inline-block;
    margin-top: 27px;
    width: 470px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}

.rh-cart-tbl tr .rh-col-3 .well-sm {
    font-size: 12px;
    color: #666;
    padding: 0;
}

.rh-cart-tbl tr .rh-col-3 .well-sm b {
    color: #707070;
}

.rh-edit-group {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 47px;
    width: 60px;
}

.rh-edit-group button.rh-mod_options,
.rh-cart-tbl button.rh-mod_options {
    display: block;
    margin: 7px auto 0;
    width: 60px;
    height: 22px;
    color: #357ebd;
    line-height: 11px;
    border: 1px solid #357ebd;
    -webkit-box-shadow: 1px 1px 0px #357ebd;
    -moz-box-shadow: 1px 1px 0px #357ebd;
    box-shadow: 1px 1px 0px #357ebd;
    background-color: #fff;
}

.rh-cart-tbl .rh-del-btn {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 22px;
    line-height: 11px;
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 1px 1px 0px #c8c8c8;
    -moz-box-shadow: 1px 1px 0px #c8c8c8;
    box-shadow: 1px 1px 0px #c8c8c8;
    color: #666;
    background-color: #fff;
}

.rh-del-btn .rh-pc-checkbox-2 {
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 9px;
}


/* .rh-cart-wr .rh-pc-checkbox-2 span {
    border: 1px solid #FF3A3B;
} */

.rh-cart-tbl tr td.rh-col-3 {
    text-align: left;
    padding-left: 10px;
}

.rh-cart-tbl tr td .well-sm ul {
    margin-bottom: 0;
}

.rh-sum-tbl {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 60px 0 70px 0;
}

.rh-sum-tbl tr {
    position: relative;
    width: 100%;
    display: table-row;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.rh-sum-tbl tr th,
.rh-sum-tbl tr td {
    border-right: 0;
    border-left: 0;
    padding: 8px;
    line-height: 1.5;
}

.rh-sum-tbl tr th {
    height: 44px;
    text-align: center;
    background-color: #fcfcfc;
    border-top: 2px solid #686868;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    vertical-align: middle;
    padding-top: 9px;
}

.rh-sum-tbl tr td {
    position: relative;
    height: 115px;
    background-color: #f7f7f7;
    font-size: 23px;
    font-weight: bold;
    border-top: 1px solid #b6b5ba;
    border-bottom: 1px solid #909090;
}

.rh-sum-tbl tr td small {
    font-weight: normal;
    font-size: 15px;
}

.rh-sum-tbl tr td.rh-red {
    color: #f00f0f;
}

.rh-plus-btn,
.rh-minus-btn,
.rh-equal-btn {
    position: absolute;
    display: inline-block;
    top: 42px;
    right: -10px;
    z-index: 1;
}

.rh-order-btn {
    margin-bottom: 100px;
}

.rh-shop-btn-group {
    width: 100%;
}

.rh-shop-btn-group .btn-group a,
.rh-shop-btn-group .btn-group button {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: auto;
    border: 0;
    color: #fff !important;
    font-weight: bold;
}

.rh-shop-btn-group .rh-del-btn button {
    margin-top: 5px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666666 !important;
    line-height: 20px;
    height: 22px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 0px #dcdcdc;
    -moz-box-shadow: 1px 1px 0px #dcdcdc;
    box-shadow: 1px 1px 0px #dcdcdc;
}

.rh-shop-btn-group .rh-del-btn button i {
    line-height: 20px;
    display: none;
}

.rh-shop-btn-group .rh-del-btn button span {
    position: relative;
    display: inline-block;
    line-height: 18px;
    text-transform: capitalize;
}

.material-icons {
    display: inline-flex;
    vertical-align: top;
}

.rh-shop-btn-group .rh-shop-btn a {
    background-color: #757575;
}

.rh-shop-btn-group .rh-del-all-btn button {
    background-color: #939393;
}


/* ORDER FORM  */

.rh-order-design {
    width: 940px;
}

.rh-shop-page {
    background-color: #fff;
}

.rh-shop-page .rh-cart-page-top {
    background-color: #f0f0f0;
}

.rh-order-btn .form-group button {
    position: relative;
    display: inline-block;
    width: 210px;
    height: 50px;
    font-size: 16px;
    font-size: 20px;
    font-weight: bold;
}

.rh-order-btn .form-group button.rh-buy-btn {
    background-color: #fc3d3e;
    border: 1px solid #fc3d3e;
}

.rh-order-btn .form-group button.rh-buy-btn:hover {
    background-color: #fc3d3e;
    border: 1px solid #fc3d3e;
    ;
}

.rh-order-btn .form-group button.rh-cancel-btn {
    background-color: #fff;
    border: 1px solid #fe4343;
    color: #fe4343 !important;
    font-weight: bold;
}

#sod_list {
    border: 1px solid #dcdcdc;
    border-left: 0;
    border-right: 0;
}

#sod_list tr th {
    border-bottom: 1px solid #d9d9d9;
    ;
}

rh-price #sod_list .tr-head,
.rh-cart-tbl .tr-head {
    border-top-width: 1px !important;
    border-top: 1px solid #d6d6d6;
}

#sod_list .tr-head th,
.rh-cart-tbl .tr-head th {
    height: 46px;
    padding: 0 !important;
    border-left: 0;
    border-right: 0;
    background-color: #fcfcfc;
    color: #444;
    border: 1px solid #d6d6d6;
    border-top: 0 !important;
    border-bottom: 1px solid #686868;
    font-size: 14px;
}

#sod_list .tr-head>th>span,
.rh-cart-tbl .tr-head>th>span {
    border-right: none !important;
}

#sod_list tr td {
    border-right: 1px solid #dadada;
    font-size: 14px;
}

#sod_list .rh-col-1 {
    width: 100px;
    border-right: 0;
}

#sod_list .rh-col-2 {
    width: 220px;
}

#sod_list .rh-col-3 {
    width: 200px;
}

#sod_list .rh-col-4 {
    width: 100px;
}

#sod_list .rh-col-5 {
    width: 100px;
}

#sod_list .rh-col-6 {
    width: 120px;
    border-right: 0;
}

#sod_list .rh-col-2 .rh-item-info .rh-item-name {
    position: relative;
    display: inline-block;
    margin: 7px 0 10px;
    padding-bottom: 7px;
    width: 525px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    color: #707070;
}

#sod_list .rh-col-2 .rh-item-info .rh-option-selected {
    font-size: 12px;
    color: #666;
}

.rh-sum-order {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    padding: 10px 0 0 0;
    line-height: 0;
}

.rh-sum-order>div {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
}

.rh-sum-order>div .rh-label,
.rh-sum-order>div strong,
.rh-sum-order>div b {
    font-size: 17px;
    line-height: 1.5;
}

#display_pay_button .btn-lg,
#display_pay_button .btn_submit {
    padding: 0;
    line-height: 38px;
    width: 140px;
    font-weight: bold;
}

#display_pay_button input.btn-lg {
    background-color: #ff4848;
    border: 1px solid #ff4848;
}

#display_pay_button a.btn-lg {
    border: 1px solid #ff4848;
    color: #ff4848 !important;
    background-color: #fff;
}


/* CART POPUP */

.rh-opt-popup-wr {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    background-color: rgba(45, 45, 45, 0.7);
}

.rh-opt-popup {
    position: relative;
    display: block;
    width: 550px;
    height: 100%;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    border: 3px solid #666666;
    z-index: 999;
}

.rh-opt-popup h3 {
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
    margin-top: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #202020;
    margin-bottom: 0;
    border-bottom: 1px solid #bcbcbc;
    font-weight: bold;
}

.rh-opt-popup form {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-opt-popup .rh-item-name {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rh-opt-popup .rh-item-name img,
.rh-item-name span {
    position: relative;
    display: inline-block;
}

.rh-opt-popup .rh-item-name span {
    width: 370px;
    font-weight: bold;
    line-height: 1.3;
}

.rh-opt-popup .rh-item-name img {
    margin-right: 15px;
    vertical-align: middle
}

.rh-opt-popup form .rh-row {
    position: relative;
    display: inline-block;
    padding: 7px;
    width: 100%;
    clear: both;
}

.rh-opt-popup form .rh-row>label,
.rh-opt-popup form .rh-row>select {
    position: relative;
    display: inline;
    float: left;
    line-height: 1;
}

.rh-opt-popup form .rh-row>label {
    width: 180px;
    text-align: left;
    margin-right: 5px;
}

.rh-opt-popup form .rh-row>select {
    width: 360px;
    height: 30px;
    line-height: 30px;
    padding: 7px;
    border: 1px solid #ddd;
}

.rh-opt-popup .rh-choice p {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 7px 0;
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
}

.rh-opt-popup .rh-choice p.rh-desc {
    font-size: 12px;
    line-height: 1;
    border-bottom: 1px solid #e8e8e8;
}

.rh-opt-popup .rh-choice p b {
    position: relative;
    display: inline;
    float: left;
    width: 410px;
    margin-right: 5px;
    line-height: 24px;
    color: #424242;
}

.rh-opt-popup .rh-choice p span {
    position: relative;
    display: inline;
    float: right;
    width: 130px;
    line-height: 1.4;
}

.rh-opt-popup .rh-choice p span button {
    position: relative;
    display: inline;
    float: left;
    border: 0;
    background: transparent;
}

.rh-opt-popup .rh-choice p span input {
    position: relative;
    display: inline;
    float: left;
    margin-left: -1px;
    width: 50px;
    height: 24px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #adadad;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.rh-opt-popup form .rh-total-price {
    text-align: center;
    padding: 30px 0;
    font-size: 18px;
}

.rh-red {
    color: #282727;
}

.rh-opt-popup-wr .rh-opt-generator-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

.rh-opt-popup-wr .rh-option-label {
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 15px;
}

.rh-opt-popup-wr .opt-tbl {
    position: relative;
    display: inline-block;
    table-layout: fixed;
    width: 100%;
}

.rh-opt-popup-wr .opt-tbl tbody,
.rh-opt-popup-wr .opt-tbl tr {
    display: inline-table;
    width: 100%;
}

.rh-opt-popup-wr .opt-tbl th,
.rh-opt-popup-wr .opt-tbl td {
    padding: 3px 7px;
}

.rh-opt-popup-wr .opt-tbl td select {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    height: 24px;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.rh-opt-popup-wr .opt-tbl td select option {
    font-size: 12px;
}

.rh-popup-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
}

.rh-popup-btn button {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    font-weight: bold;
    width: 144px;
    height: 40px;
    line-height: 19px;
    font-size: 14px;
    background-position: 0 10px;
    text-transform: uppercase;
}

.rh-popup-btn .rh-cancel-btn {
    background: #fff;
    border: 1px solid #ff4848;
    color: #ff0000 !important;
    font-weight: bold;
}

.rh-popup-btn .rh-submit-btn {
    background: #ff4848;
    color: #fff;
    font-weight: bold;
}

.rh-cart-design .modal-content {
    width: 520px;
}

.rh-cart-design .modal-body {
    width: 520px;
    padding: 0;
}


/* LOGIN PAGE */

.rh-member-ttl {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    font-weight: bold;
}

.rh-login-box {
    position: relative;
    display: block;
    width: 490px;
    margin: 0 auto 30px auto;
}

.rh-login-box .form-box {
    border: 1px solid #ddd;
}

.rh-login-box .form-box .form-body {
    padding: 55px 45px 18px;
    border: 0;
}

.rh-login-box .has-feedback .form-control {
    height: 44px;
    padding-right: 10px;
    background-color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff !important;
}

.rh-login-box .rh-login-btn {
    position: relative;
    display: inline-block;
    margin-top: 25px;
    width: 400px;
    height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #fc3d3d !important;
    font-size: 18px !important;
    border: 0 !important;
    text-transform: uppercase;
    user-select: none;
}

.form-box .form-footer a.rh-reg-go {
    position: relative;
    display: block;
    width: 400px;
    margin: 0 auto;
    text-align: center;
    height: 45px;
    line-height: 44px;
    border: 0;
    font-size: 17px;
    color: #fc3d3d;
    font-weight: bold;
    border: 1px solid #cececb;
    text-transform: uppercase;
    user-select: none;
}

#login_auto_login {
    position: relative;
    display: inline-block;
    margin-top: -2px;
}

.rh-login-line {
    position: relative;
    display: table;
    width: 400px;
    margin: 0px auto;
    height: 1px;
    border: 0;
    background-color: #ddd;
}

.form-box .form-footer .rh-sns,
.sns-wrap-over {
    position: relative;
    display: block;
    margin: 5px auto 0px auto;
    width: 400px;
}

.sns-wrap-over .rh-login-sns-note {
    position: relative;
    display: inline-block;
    padding: 20px 15px 15px;
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    line-height: 1.3;
}

.rh-login-box .form-box .form-footer {
    padding-top: 18px;
    padding-bottom: 40px;
    background-color: #fff;
    border-top: 0;
}

.form-box .form-footer .sns-wrap-over .rh-login-sns-note p,
.form-box .form-footer .sns-wrap-over .rh-login-sns-note h4 {
    margin: 0;
}

.form-box .form-footer .sns-wrap-over .rh-login-sns-note h4 {
    font-size: 14px;
    color: #020202;
    font-weight: bold;
}

.rh-sns ul,
.sns-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.login-sns {
    border: 0;
}

.rh-sns ul li,
.form-box .form-footer .sns-wrap a {
    position: relative;
    display: inline;
    float: left;
    width: 196px;
    height: 29px;
    font-size: 12px;
    padding-left: 60px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 28px;
    cursor: pointer;
    line-height: 1;
}

.rh-sns ul li.rh-li-1,
.form-box .form-footer .sns-wrap a.sns-naver {
    background: url('/img/shop/login-sns_10.jpg');
    margin-bottom: 6px;
    margin-right: 6px;
    border: 0;
}

.rh-sns ul li.rh-li-2,
.form-box .form-footer .sns-wrap a.sns-kk {
    background: url('/img/shop/login-sns_03.jpg');
    margin-bottom: 6px;
    border: 0;
}

.rh-sns ul li.rh-li-3,
.form-box .form-footer .sns-wrap a.sns-fb {
    background: url('/img/shop/login-sns_09.jpg');
    margin-right: 6px;
    border: 0;
}

.rh-sns ul li.rh-li-4,
.form-box .form-footer .sns-wrap a.sns-gg {
    background: url('/img/shop/login-sns_05.jpg');
    border: 0;
}

.form-box .form-footer .sns-wrap a span {
    font-size: 12px;
    line-height: 28px;
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.form-box .form-footer .sns-wrap a {
    line-height: 30px;
}

.rh-empty-data {
    position: relative;
    display: inline-block;
    width: 878px;
    /* margin-left: 30px; */
    line-height: 1;
    text-align: center;
    padding: 50px 0;
    border-top: 0;
    line-height: 1.5;
    color: #666;
    font-family: "Roboto", sans-serif;
}

.rh-empty-data-order-tbl {
    border-top: 1px solid #ddd;
}

.rh-empty-data>span.rh-icon {
    position: relative;
    display: block;
    margin-bottom: 30px;
    clear: both;
    color: #757575;
    margin-top: 12px;
}

.rh-empty-data>span.rh-icon i {
    font-size: 3em;
}

.rh-empty-data strong {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #121212;
    margin-bottom: 7px;
}

.rh-empty-data small {
    color: #8e8e8e;
}

.rh-empty-data a {
    position: relative;
    display: inline-block;
    width: auto;
    /* width: 152px; */
    /* height: 43px; */
    margin: 20px;
    border: 1px solid #ff4848;
    font-weight: bold;
    /* line-height: 43px; */
    text-transform: uppercase;
    font-family: "Roboto", sans-serif !Important;
    font-size: 15px;
    padding: 10px 15px;
}

.rh-empty-data .rh-href-1 {
    color: #ff4848;
}

.rh-empty-data .rh-href-2 {
    background-color: #ff4848;
    color: #fff;
}


/* PAGE PATH */

.rh-page-ttl-h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 25px;
}

.rh-page-ttl-h2 span {
    font-size: 25px;
}

.at-title.rh-at-title {
    height: 40px;
    background-color: #fff;
    border-bottom: 0;
}

.at-title.rh-at-title .page-title {
    bottom: 8px;
    left: 5px
}

.rh-at-title .page-title .rh-path-arr {
    top: -1px;
}

.rh-at-title .page-title a {
    position: relative;
    display: inline-block;
}

.rh-at-title .page-title a .rh-deep-arr {
    position: relative;
    display: inline;
    float: right;
    top: 12px;
    margin-left: 40px;
}

.rh-at-title .page-title .rh-path-arr {
    position: relative;
    display: inline-block;
    top: 1px;
    margin: 0 3px;
}


/* MY PAGE */

.rh-mypage-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 1500px;
}

.rh-myinfo {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 15px;
    text-align: center;
}

.rh-ttl {
    position: relative;
    display: inline-block;
    float: left;
    padding: 20px 0;
    width: 170px;
    line-height: 32px;
    text-align: center;
}

.rh-ttl strong,
.rh-ttl a {
    position: relative;
    display: inline-block;
}

.rh-ttl strong {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
}

.rh-ttl>span {
    margin-right: 30px;
}

.rh-ttl a {
    float: right;
    padding: 0px 15px;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 28px;
    line-height: 26px;
    margin-top: -28px;
    font-size: 13px;
}

.rh-ttl a>img {
    position: relative;
    display: inline-block;
    top: -1px;
    margin-left: 8px;
    margin-bottom: 0;
}

.rh-basic-info {
    position: relative;
    display: inline-block;
    width: 940px;
    background: url('/img/mypage-bgr_06.png');
    border-top: 1px solid #4c5263;
}

.rh-basic-info>a:hover {
    color: #ff7547;
}

.rh-basic-info>a>div {
    position: relative;
    display: inline;
    float: left;
    /*padding: 23px 0;*/
    padding: 24px 0 0;
    width: 170px;
    line-height: 1;
    margin-left: -1px;
    text-align: center;
}

.rh-basic-info>a>div .rh-info-detail {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 25px;
    /*border-left: 1px solid #494c59;*/
}

.th-border-right:after {
    content: '';
    position: absolute;
    margin: 25px auto;
    width: 1px;
    height: 25px;
    top: -1px;
    bottom: 0;
    right: 0;
    background-color: #363b48;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(99, 97, 97, 0.75);
    -moz-box-shadow: 1px 0px 2px 0px rgba(99, 97, 97, 0.75);
    box-shadow: 1px 0px 2px 0px rgba(99, 97, 97, 0.75);
}

.th-border-right-2:after {
    content: '';
    position: absolute;
    margin: 15px auto;
    width: 1px;
    height: 12px;
    top: -1px;
    bottom: 0;
    right: -1px;
    background-color: #494d57;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(99, 97, 97, 0.75);
    -moz-box-shadow: 1px 0px 2px 0px rgba(99, 97, 97, 0.75);
    box-shadow: 1px 0px 2px 0px rgba(99, 97, 97, 0.75);
}

.rh-basic-info>a>div .rh-info-detail li {
    position: relative;
    display: inline;
    float: left;
    font-size: 22px;
    line-height: 1;
}

.rh-basic-info>a>div .rh-info-detail li.rh-icon-col {
    width: 100%;
}

.rh-basic-info>a>div .rh-info-detail li.rh-icon-col b {
    position: relative;
    color: #ff5454;
    font-size: 22px;
    top: 3px;
    margin-left: 10px;
    line-height: 1;
}

.rh-basic-info>a>div .rh-info-detail li.rh-text-col {
    width: 77px;
    color: #fff;
    margin-top: 3px;
}

.rh-basic-info>a>div .rh-info-detail li.rh-icon-col img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.rh-basic-info>a>div .rh-info-detail li.rh-text-col p {
    white-space: nowrap;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #fafafa;
}

.rh-basic-info>a>div .rh-info-detail li.rh-text-col button.rh-url-btn {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 0;
    white-space: nowrap;
    background: transparent;
    font-size: 11px;
    border-radius: 1px;
    border: 0;
}

.rh-basic-info>a>div.rh-info-3 {
    margin-left: 0;
}

.rh-basic-info>a>div.rh-info-5 {
    width: 85px;
}

.rh-basic-info>a>div .rh-mypage-icon {
    position: relative;
    display: block;
    margin: 12px auto 15px auto;
}

.rh-basic-info>a>div>p {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    text-transform: capitalize;
}

.rh-basic-info>a>div>b {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.rh-basic-info>a>div.rh-info-6>p {
    margin-top: 15px;
}

.rh-basic-info>a>div.rh-info-6>b {
    font-size: 22px;
    margin-top: 23px;
}

.rh-mypage-cntn-wr {
    position: relative;
    display: block;
    width: 940px;
    padding-top: 42px;
    /*padding-top: 28px;*/
    /**Chảng by Linh**/
    padding-bottom: 40px;
    border: 1px solid #e3e3e5;
    border-top: 0;
    margin: 0 auto 50px;
    line-height: 0;
}


/**Change by Linh**/

.rh-mypage-tag {
    position: relative;
    display: table;
    width: 870px;
    /*width: 915px;*/
    margin-left: 35px;
}

.rh-mypage-tag>div {
    position: relative;
    display: table-cell;
    /*float: left;*/
    width: 109.5px;
    height: 42px;
    /*margin-left: -1px;*/
    background-color: #626773;
    border: 1px solid #626773;
    border-bottom: 0;
    /*line-height: 40px;*/
    text-align: center;
    z-index: 0;
    vertical-align: middle;
}

.rh-mypage-tag>div.rh-tag-1 {
    margin-left: 0;
}

.rh-mypage-tag>div>a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    border-bottom: 0;
    cursor: pointer;
}


/**End change**/

.rh-mypage-tag>div>a>span {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.3;
    color: #fff;
    border-left: 1px solid #444850;
}

.rh-mypage-tag>div.rh-tag-1 a {
    border-left: 0;
}

.rh-mypage-tag>div:hover,
.rh-mypage-tag>div.active {
    background: #fff;
}

.rh-mypage-tag>div:hover+div>a>span,
.rh-mypage-tag>div.active+div>a>span {
    border-left: 1px solid #626773;
}

.rh-mypage-tag>div.active+div:hover>a>span,
.rh-mypage-tag>div:hover+div.active>a>span {
    border-left: 1px solid #fff
}

.rh-mypage-tag>div:hover a,
.rh-mypage-tag>div.active a {
    background: #fff;
    color: #ff4848;
    border-left: 0;
    font-weight: bold;
}

.rh-mypage-tag>div:hover>a>span,
.rh-mypage-tag>div.active>a>span {
    color: #ff4848;
    border-left: 1px solid #fff;
}


/* .rh-mypage-tag > div:hover:before, .rh-mypage-tag > div.active:before { position:absolute; width: 100%; height: 2px;z-index:999; border-top:2px solid  #fd6231; top: -1px; content:"";} */

.rh-languages-tag {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.rh-languages-tag .rh-tag-list>li {
    position: relative;
    display: inline;
    float: left;
    width: 33.33%;
    height: 40px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #dcdcdc;
    color: #727272;
    background-color: #f9f9f9;
    cursor: pointer;
}

.rh-languages-tag .rh-tag-list>li:hover {
    background-color: #fff;
    font-weight: bold;
    border-bottom: 0;
}


/* MYPAGE - COUPON */

.rh-coupon>div {
    position: relative;
    display: inline-block;
    width: 850px;
    clear: both;
    margin-top: 20px;
}

.rh-coupon>div#is_admin {
    margin-top: 0;
}

.rh-coupon .rh-coupon-srch {
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    padding: 34px 25px 34px 25px;
    margin-left: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-coupon .rh-coupon-srch .rh-div-1 .rh-link,
.rh-coupon .rh-coupon-srch .rh-div-1 button {
    position: relative;
    display: inline;
    float: right;
    height: 34px;
    width: 75px;
    border: 2px solid #ff4848;
    background-color: #fff;
    color: #ff4848;
    line-height: 28px;
}

.rh-coupon .rh-coupon-srch .rh-div-1 .rh-link {
    float: left;
}

.rh-coupon .rh-coupon-srch .rh-div-1 {
    width: 155px;
    float: left;
    text-align: center;
    margin-top: 0px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn {
    float: left;
    line-height: 0;
    font-size: 0;
}

.rh-cp-srch-cntn .rh-input-txt {
    width: 273px;
    height: 35px;
    border: 1px solid #adadad;
    padding: 5px;
    margin-right: 10px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn label {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
    font-size: 16px;
}

.rh-cp-srch-cntn .rh-input-txt {
    width: 273px;
    height: 35px;
    border: 1px solid #adadad;
    padding: 5px;
    margin-right: 10px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn label {
    position: relative;
    display: inline-block;
    width: 110px;
    line-height: 32px;
    top: 0;
    margin-bottom: 0;
    margin-right: 34px;
    font-size: 30px;
    font-weight: bold;
    color: #ff4848;
    text-transform: uppercase;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn input[type=submit] {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #ff4848;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 14px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn label,
.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn input,
.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn select,
.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn hr,
.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn span,
.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn button {
    display: inline;
    float: left;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn select {
    width: 120px;
    height: 34px;
    border: 1px solid #dadada;
    line-height: 1;
    font-size: 13px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn>input {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 34px;
    border: 1px solid #dadada;
    padding: 5px;
    font-size: 14px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn>hr {
    position: relative;
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0;
    border: 0;
    background-color: #ccc;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn>hr.rh-dec-line-0 {
    margin: 7px 7px 0;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn>hr.rh-dec-line-1 {
    float: right;
    height: 30px;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #adadad;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn>span {
    position: relative;
    display: inline-block;
    line-height: 34px;
    font-size: 14px;
    color: #aaa;
    margin: 0 5px;
}

.rh-coupon .rh-coupon-srch .rh-cp-srch-cntn>.rh-srch-btn {
    margin-left: 13px;
    padding: 0 15px;
    width: 90px;
    height: 34px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff4848;
    border: 0;
    letter-spacing: 0;
    color: #fff;
}

.rh-coupon-popup {
    position: absolute;
    width: 530px;
    height: 280px;
    padding: 38px 15px;
}

.rh-coupon-tag {
    position: relative;
    display: inline-block;
    width: 850px;
    margin-left: 45px;
}

.rh-coupon-tag>div {
    position: relative;
    display: inline;
    float: right;
    width: 140px;
    height: 30px;
    line-height: 28px;
    margin-left: 3px;
    font-size: 13px;
    color: #333;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ff9389;
    cursor: pointer;
}

.rh-coupon-tag>div:hover,
.rh-coupon-tag>div.active {
    background-color: #ff9389;
    border: 1px solid #ff9389;
    color: #fff;
}

.rh-coupon-tag>div a {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 40px;
}

.rh-coupon .rh-coupon-tbl {
    position: relative;
    display: table;
    table-layout: fixed;
    margin-top: 20px;
    margin-left: 35px;
    /*margin-left: 25px;*/
    margin-bottom: 0px;
    width: 868px;
    /*width: 890px;*/
    border-collapse: collapse;
}

.rh-coupon-tbl>div {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-coupon-tbl .divTablehead {
    text-align: center;
    background: #eff0f0;
    /*border-top: 1px solid #c3c3c3;*/
    border-bottom: 1px solid #ddd;
}

.rh-coupon-tbl .divTablehead .divTableCell {
    background: #f9f9f9;
    text-align: center;
    font-weight: 500;
    height: 45px;
    color: #525252;
    font-size: 14px;
    border: 0;
}

.rh-coupon-tbl .divTableCell {
    position: relative;
    display: table-cell;
    height: auto;
    /*padding: 7px 0px;*/
    border: 0;
    border-bottom: 1px solid #ddd;
    /*padding: 10px;*/
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    color: #525252;
}

.rh-coupon-tbl .divTableRow .divTableCell {
    padding: 22px 10px;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

.rh-coupon-tbl .rh-col-1 {
    width: 240px;
    border-left: 0;
    padding-left: 20px;
}

.rh-coupon-tbl .rh-col-2 {
    /*padding-left: 20px;*/
    padding-left: 20px !important;
    /*Change by Thanh*/
    /*width: 470px;*/
    width: 488px;
    text-align: left;
}

.rh-coupon-tbl .rh-col-3 {
    width: 140px;
    border-right: 0;
    color: #525252;
    /*text-align: right !important;*/
    /*Change by Thanh*/
    /*padding-right: 20px !important;*/
    /*Change by Thanh*/
}

.rh-coupon-tbl .divTableCell.rh-col-1>span.rh-sticker {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    display: block;
    line-height: 0;
    width: auto;
}


/**Change by Linh**/

.rh-coupon-tbl .divTableCell.rh-col-1 {
    /*text-align: right;*/
    text-align: center;
    padding-left: 20px;
    /*Change by Thanh*/
}

.rh-coupon-tbl .divTableCell.rh-col-1 .rh-coupon-card {
    position: relative;
    /*display: inline-block;*/
    display: table;
    width: 220px;
    height: 88px;
    background-image: url('/img/icon/coupon_mypage_07.png');
    padding: 0px 27px 0 15px;
    line-height: 88px;
    background-size: 100% 100%;
    text-align: left;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .rh-coupon-card .rh-red {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    color: #525252;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .rh-coupon-card .rs_bold {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    /*font-size: 22px;*/
    font-size: 26px;
    /*color: #282727;*/
    color: #fc3d3e;
    line-height: 1;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .rh-expired-mark {
    position: absolute;
    bottom: 0;
    right: 40px;
    display: none;
}

.rh-coupon-tbl .rh-col-2>span {
    position: relative;
    display: inline-block;
    margin: 7px 0 0 0;
    /* width: auto; */
    width: auto !important;
    padding: 0 10px;
    height: 20px;
    clear: both;
    text-align: center;
    line-height: 1;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    /*    font-weight: bold;*/
}

.rh-coupon-tbl .rh-col-2>span.cp-target {
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: inline;
}


/*Change by Linh*/

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type-0 {
    /*color: #0d86ca;*/
    color: #387bb6;
    border: 1px solid #387bb6;
    height: 25px;
    width: 76px;
    line-height: 24px;
}

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type-1 {
    color: #db7699;
    border: 1px solid #db7699;
    height: 25px;
    width: 76px;
    line-height: 24px;
}

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type-2 {
    color: #966edf;
    border: 1px solid #966edf;
    height: 25px;
    width: 76px;
    line-height: 24px;
}

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type-3 {
    color: #ce8540;
    border: 1px solid #ce8540;
    height: 25px;
    width: 76px;
    line-height: 24px;
}

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type2-0 {
    color: #5e71c2;
    border: 1px solid #5e71c2;
    height: 25px;
    width: 76px;
    line-height: 24px;
}

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type2-1 {
    color: #36a77c;
    border: 1px solid #36a77c;
    height: 25px;
    width: 76px;
    line-height: 24px;
}


/*khóa by Linh*/

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type2-2 {
    color: #c77217;
    border: 1px solid #c77217;
    height: 25px;
    width: 76px;
    line-height: 24px;
}

.rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type2-3 {
    color: #2c75b3;
    border: 1px solid #2c75b3;
    height: 25px;
    width: 76px;
    line-height: 24px;
}


/*End*/


/* .rh-coupon-tbl .divTableCell.rh-col-2 .rh-cp-type-3 {background-color: #fff; color: #000; border: 1px solid #5569bf;} */

.rh-coupon-tbl .divTableCell.rh-col-4 .rs_bold {
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.rh-coupon-tbl .divTableCell.rh-col-5 .rh-red-stamp {
    position: relative;
    display: inline-block;
    width: 80px;
    background-color: #ff4848;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    line-height: 1;
}

#coupon-wrap-content .divTableRow {
    display: table-row;
}

.rh-coupon #input-code {
    width: 60px;
    text-align: center;
    padding: 3px;
    text-transform: uppercase;
}

.coupon-check {
    float: left;
    width: 405px;
    margin-top: 0px;
}

.rh-srch-cldar {
    position: relative;
    display: inline-block;
    width: 850px;
    padding: 34px 25px 34px 25px;
    margin-left: 45px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.rh-srch-cldar .rh-slct-tag {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 34px;
    margin-right: 7px;
    border: 1px solid #dadada;
}

.rh-srch-cldar>label,
.rh-srch-cldar>p,
.rh-srch-cldar>input,
.rh-srch-cldar>span,
.rh-srch-cldar>button,
.rh-srch-cldar>select,
.rh-srch-cldar>hr {
    position: relative;
    display: inline;
    float: left;
    line-height: 34px;
}

.rh-srch-cldar>label,
.rh-srch-cldar>label span {
    margin-right: 30px;
    font-weight: bold;
    font-size: 16px;
}

.rh-srch-cldar>.rh-time-dur {
    color: #adadad;
}

.rh-srch-cldar>label span {
    margin-left: 20px;
}

.rh-srch-cldar hr {
    position: relative;
    width: 1px;
    height: 30px;
    background-color: #adadad;
    border: 0;
    margin: 2px 0 0 0;
}

.rh-srch-cldar .rh-dec-line-0 {
    background-color: #ccc;
    margin-right: 7px;
    height: 20px;
    margin-top: 8px;
}

.rh-srch-cldar .rh-dec-line {
    float: right;
    margin-right: 15px;
}

.rh-srch-cldar>label.rh-label {
    position: relative;
    display: inline-block;
    width: 110px;
    line-height: 32px;
    top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    font-size: 30px;
    font-weight: bold;
    color: #ff4848;
}

.rh-srch-cldar>p.rh-right-btn {
    position: relative;
    display: inline-block;
    float: right;
    width: 160px;
    margin-bottom: 0;
}

.rh-srch-cldar p>label {
    position: relative;
    display: inline;
    float: left;
    width: 53px;
    padding: 0 10px;
    margin-left: -1px;
    margin-bottom: 0;
    line-height: 34px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #ff4848;
    color: #ff4848;
    text-align: center;
    text-transform: capitalize;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-srch-cldar p>label input {
    position: relative;
    visibility: hidden;
    width: 0;
    height: 0;
}

.rh-srch-cldar .rh-date {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0 9px;
    height: 34px;
    width: 120px;
    border: 1px solid #d6d6d6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.rh-srch-cldar>button.rh-submit {
    margin-left: 13px;
    padding: 0 15px;
    width: 90px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff4848;
    border: 0;
    letter-spacing: 0;
    color: #fff;
}


/* MY PAGE - QNA  */

.rh-mp-qna-tbl {
    position: relative;
    display: table;
    margin-top: 20px;
    width: 850px;
    margin-left: 45px;
    line-height: 1;
}

.rh-qa-tbl-important {
    display: table !important;
    padding-right: 0 !Important;
    padding-left: 0 !important;
    margin-top: 0;
}

.rh-qa-tbl-important>div {
    display: inline-table !important;
    margin-top: 0;
}

.rh-qa-tbl>div {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-qa-tbl .divtblhead {
    border: 1px solid #dcdcdc;
}

.rh-qa-tbl .divtblhead .div-tblcell {
    font-weight: normal;
    text-align: center;
    /* background: url('/img/mypage-tbl-head-bgr_03.png'); */
    line-height: 15px;
    color: #525252;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 13px;
}

.rh-qa-tbl .div-tblcell {
    position: relative;
    display: table-cell;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
}

.rh-qa-tbl .rh-col-1 {
    width: 100px;
    text-align: center;
}

.rh-qa-tbl .rh-col-1 .fa-camera {
    font-size: 42px;
    margin-right: 5px;
}

.rh-qa-tbl .divtblhead .rh-col-1 {
    text-align: center;
    border-left: 1px solid #dcdcdc;
}

.rh-qa-tbl .divtblhead .rh-col-2 {
    width: 570px
}

.rh-qa-tbl .rh-col-2 .show_content {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
    width: 570px;
    font-size: 13px;
    line-height: 1.5;
}

.rh-qa-tbl .divtblhead .rh-col-3 {
    width: 70px
}

.rh-qa-tbl .divtblhead .rh-col-4 {
    width: 110px;
    border-right: 1px solid #dcdcdc;
}

.rh-qa-tbl .rh-col-1>img {
    margin-right: 5px;
    vertical-align: middle;
}

.rh-qa-tbl .rh-col-2 {
    width: 570px;
    text-align: left;
    line-height: 1.3;
}

.rh-qa-tbl .rh-status-col {
    width: 70px
}

.rh-qa-tbl .rh-col-3 {
    width: 110px;
}

.rh-qa-tbl .rh-col-2 strong {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    color: #525252;
    font-size: 13px;
}

.rh-qa-tbl .rh-mark-reply {
    position: relative;
    display: inline-block;
    float: right;
    width: 65px;
    height: 22px;
    margin-left: 5px;
    top: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
}

.rh-qa-tbl .rh-mark-reply.rh-answer {
    background-color: #f27933;
    color: #f0f0f0;
}

.rh-qa-tbl .rh-waiting {
    background-color: #e1e1e1;
    color: #a4a4a4;
}

.rh-qa-tbl .rh-col-2 .rh-write-tggl {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;
    margin-right: 15px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
}

.rh-coupon .pagination-wrap {
    margin-top: 0;
}

.pagination {
    margin: 50px 0 0 0;
}
.rh-mypage-cntn-wr .pagination {
    margin: 30px 0 0 0;
}
.rh-qa-tbl .rh-col-1 .rh-icon {
    position: relative;
    top: -10px;
}

.pagination li a {
    margin: 0 4px;
    padding: 0 !important;
    width: 30px;
    height: 30px;
    line-height: 28px !Important;
    text-align: center;
}

.rh-btn-div {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.rh-write-btn {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 35px;
    line-height: 34px;
    float: right;
    border: 0;
    background-color: #b0b0b0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.rh-qa-tbl .rh-col-1 .img-fa:before {
    width: 45px;
    height: 45px;
}

.rh-mp-qna-tbl {
    margin-top: 0;
}

.rh-qna-tggl {
    position: relative;
    display: none;
    width: 100%;
    clear: both;
}

.rh-qna-tggl>div {
    position: relative;
    display: inline-block;
    width: 850px;
    margin-left: 45px;
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
    padding: 15px 0;
    font-size: 13px;
    line-height: 1.5;
}

.rh-qna-tggl>div.rh-col-1,
.rh-qna-tggl>div.rh-col-2,
.rh-qna-tggl>div.rh-col-3 {
    position: relative;
    display: table-cell;
}

.rh-qna-tggl>div.rh-col-1 {
    width: 100px;
}

.rh-qna-tggl>div.rh-col-2 {
    width: 640px
}

.rh-qna-tggl>div.rh-col-3 {
    width: 110px;
}

.rh-qna-tggl>div.rh-question {
    padding-left: 0px;
}

.rh-qna-tggl>div.rh-answer {
    padding-left: 80px;
    background-color: #f8f8f8;
}


/* .rh-qna-tggl  > div.rh-question:before {content:'Q';position: relative; display: inline-block; margin-left: -15px;  margin-right: 10px;color: #ff4848; font-weight: bold; font-size: 14px;} */

.rh-qna-tggl>div.rh-answer:before {
    content: 'A';
    position: relative;
    display: inline-block;
    margin-left: -20px;
    margin-right: 5px;
    color: #5083d6;
    font-weight: bold;
    font-size: 14px;
}

.rh-qna-tggl>div.rh-answer .rh-cur-arr,
.rh-qna-tggl>div.rh-question .rh-cur-arr {
    position: absolute;
    top: -10px;
    left: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #b1b1b1;
    background-color: transparent;
}

.rh-answer-row {
    position: relative;
    display: table-row;
    background-color: #fafafa;
}

.rh-answer-row .rh-col-1,
.rh-answer-row .rh-col-2,
.rh-answer-row .rh-col-3 {
    position: relative;
    display: table-cell;
}

.rh-answer-row .rh-col-1 {
    width: 100px;
    text-align: center;
}

.rh-answer-row .rh-col-2 {
    width: 630px;
}

.rh-answer-row .rh-col-2 .rh-write-tggl {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-top: 12px;
}

.rh-answer-row .rh-col-3 {
    width: 110px;
}

.rh-qa-tbl .rh-mark,
.rh-answer-row .rh-mark {
    position: relative;
    display: inline-block;
    padding: 3px 10px 6px 10px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.rh-qa-tbl .rh-red {
    background-color: #ff4848;
    font-size: 13px;
}

.rh-answer-row .rh-mark-blue {
    background-color: #44a9d4;
}


/* .rh-qna-tggl  > div.rh-answer-depth-1 {padding-left: 85px;}
.rh-qna-tggl  > div.rh-answer-depth-1 .rh-cur-arr {left: 45px} 

.rh-qna-tggl  > div.rh-answer-depth-2 {padding-left: 105px;}
.rh-qna-tggl  > div.rh-answer-depth-2 .rh-cur-arr {left: 65px} 

.rh-qna-tggl  > div.rh-answer-depth-3 {padding-left: 125px;}
.rh-qna-tggl  > div.rh-answer-depth-3 .rh-cur-arr {left: 85px;} 

.rh-qna-tggl  > div.rh-answer-depth-4 {padding-left: 145px;}
.rh-qna-tggl  > div.rh-answer-depth-4 .rh-cur-arr {left: 105px;} 

.rh-qna-tggl  > div.rh-answer-depth-5 {padding-left: 165px;}
.rh-qna-tggl  > div.rh-answer-depth-5 .rh-cur-arr {left: 125px;} 

.rh-qna-tggl  > div.rh-answer-depth-6 {padding-left: 185px;}
.rh-qna-tggl  > div.rh-answer-depth-6 .rh-cur-arr {left: 145px;} 

.rh-qna-tggl  > div.rh-answer-depth-7 {padding-left: 205px;}
.rh-qna-tggl  > div.rh-answer-depth-7 .rh-cur-arr {left: 165px;} 

.rh-qna-tggl  > div.rh-answer-depth-8 {padding-left: 225px;}
.rh-qna-tggl  > div.rh-answer-depth-8 .rh-cur-arr {left: 185px;} 

.rh-qna-tggl  > div.rh-answer-depth-9 {padding-left: 245px;}
.rh-qna-tggl  > div.rh-answer-depth-9 .rh-cur-arr {left: 205px;} 

.rh-qna-tggl  > div.rh-answer-depth-10 {padding-left: 265px;}
.rh-qna-tggl  > div.rh-answer-depth-10 .rh-cur-arr {left: 225px;}  */


/* MYPAGE QNA POPUP REPLY-EDIT */

.rh-qna-popup form {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-qna-popup {
    width: 750px;
    height: 375px !important;
}

.rh-qna-popup .rh-popup-ttl {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-qna-popup .rh-ttle {
    margin: 0px;
    font-weight: bold;
    font-size: 18px;
    font-weight: bold;
}

.rh-qna-popup .rh-popup-ttl p {
    line-height: 1.5;
    color: #333;
    font-size: 14px;
}

.rh-qna-popup .rh-writing-area {
    position: relative;
    width: 100%;
    height: 75px;
    padding: 7px;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #dadada;
}

.rh-qna-popup .rh-popup-btn {
    width: 100%;
    right: 0;
    top: 0;
    padding-top: 25px;
    margin-bottom: 0;
    border: 0;
}

.rh-qna-popup .rh-popup-btn button {
    width: 110px;
    height: 32px;
    font-size: 14px;
}

.rh-qna-popup .rh-popup-btn button.rh-submit-btn {
    top: 0;
}

.rh-qna-popup .rh-popup-ttl .rh-url {
    position: relative;
    display: inline-block;
    float: right;
    top: -40px;
    width: 150px;
    height: 30px;
    border: 1px solid #aaa;
    font-weight: bold;
    color: #525252;
    line-height: 28px;
    text-align: center;
}

.rh-qna-popup .rh-popup-ttl .rh-url .material-icons {
    position: relative;
    top: 3px;
    color: #ff4848;
}

.rh-qna-popup .rh-popup-ttl dd.rh-qna-expl {
    background-color: #fff;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px;
    color: #7e7e7e;
    font-weight: bold;
    border-bottom: 0;
}

.rh-qna-popup .rh-popup-ttl dd.rh-textarea {
    padding: 15px;
    background: #fafafa;
    border-top: 1px solid #dadada;
}

.rh-qna-popup .rh-popup-ttl dd.rh-textarea label {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    margin-top: 30px;
    width: 90px;
    font-size: 15px;
    color: #525252;
    font-weight: bold;
}


/* MY PAGE - QNA - WRITING FORM */

.rh-qna-write-form {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 870px;
    margin-left: 33px;
    border: 1px solid #ddd;
    border-top: 1px solid #838383;
    margin-bottom: 20px;
    margin-top: 0px;
}

.rh-qna-write-form .rh-qna-row {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-qna-write-form .rh-qna-row>label,
.rh-qna-write-form .rh-qna-row .rh-qna-content {
    position: relative;
    display: table-cell;
    /*padding: 10px;*/
    border-bottom: 1px solid #ddd;
}

.rh-qna-write-form .rh-qna-row .rh-qna-content {
    width: 705px;
    padding: 13px 25px 11px 23px;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list.rh-qna-content {
    padding-left: 33px;
    padding-bottom: 16px;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list.rh-qna-content #faq_list {
    margin-left: -3px;
}

.rh-qna-write-form .rh-qna-row>label {
    color: rgba(0, 0, 0, 0.7);
    width: 165px;
    margin: 0;
    padding-left: 22px;
    font-size: 14px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.02);
    vertical-align: middle;
    font-weight: normal;
}

.rh-qna-write-form .rh-qna-row .rh-qna-content input[type=text],
.rh-qna-write-form .rh-qna-row .rh-qna-content select {
    color: rgba(0, 0, 0, 0.7);
    width: 350px;
    height: 28px;
    line-height: 26px;
    padding: 0 5px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-qna-write-form .rh-qna-row .rh-qna-content textarea {
    font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.7) !important;
    padding: 10px;
    width: 656px;
    height: 100px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #525252;
    resize: none;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list .rh-no {
    position: relative;
    display: inline-block;
    width: 15px;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list .rh-answer {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 45px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    background-color: #44a9d4;
    color: #fff;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list .rh-anw-cntn {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    color: #444;
    font-weight: normal;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list .answerFAQForm {
    width: 690px;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list .answerFAQForm .rh-anw-cntn {
    width: 610px
}

.rh-qna-write-form .rh-qna-row .rh-faq-list>ul li {
    position: relative;
    width: 100%;
    line-height: 19px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 11px;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list>ul li .questionFAQForm {
    font-style: italic;
    color: #232323;
}

.rh-qna-write-form .rh-qna-row .rh-faq-list>ul li:hover a {
    color: #010101;
    text-decoration: underline;
}

.rh-save-btn {
    position: relative;
    display: block;
    margin: 20px auto;
    width: 145px;
    height: 40px;
    line-height: 40px;
    background-color: #ff3636;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: 0;
    font-size: 16px;
    border-radius: 1px;
    text-transform: uppercase;
}

.rh-qna-write-form,
.rh-qna-write-form input {
    color: rgba(0, 0, 0, 0.7);
}

.rh-qna-write-form .rh-qna-row .rh-qna-content .rh-faq-go img {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    top: -2px;
}

.rh-faq-ttl {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    /*font-size: 13px;*/
    color: #525252;
    margin-top: 12px;
    margin-bottom: 15px;
}

.rh-faq-ttl b {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 14px;
}

.rh-faq-ttl a {
    position: relative;
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #ff4848;
    text-decoration: underline;
}

.rh-writing-expl {
    margin-top: 10px;
    font-style: italic;
    line-height: 1;
    color: #999999;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 10px;
}

.rh-qna-row-last .rh-writing-expl {
    padding-bottom: 4px !important;
}


/* MY PAGE - POINT */

.rh-point-div {
    position: relative;
    display: inline-block;
    width: 850px;
    margin-left: 45px;
    padding: 34px 25px 34px 25px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.rh-point-div .rh-point-label {
    position: relative;
    display: inline-block;
    width: 110px;
    line-height: 32px;
    top: 0;
    margin-bottom: 0;
    margin-right: 34px;
    font-size: 30px;
    font-weight: bold;
    color: #ff4848;
}

.rh-point-div label,
.rh-point-div input,
.rh-point-div button,
.rh-point-div select,
.rh-point-div hr,
.rh-point-div span,
.rh-point-div strong {
    position: relative;
    display: inline;
    float: left;
}

.rh-point-div select {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 34px;
    border: 1px solid #dadada;
    color: #6f6f6f;
    padding: 5px;
    margin-right: 7px;
}

.rh-point-div hr {
    position: relative;
    width: 1px;
    height: 30px;
    background-color: #dadada;
    border: 0;
    margin: 2px 0 0 0;
}

.rh-point-div .rh-dec-line-0 {
    background-color: #ccc;
    margin-right: 7px;
    height: 20px;
    margin-top: 8px;
}

.rh-point-div .rh-time-dur {
    margin: 0 5px;
    line-height: 34px;
    text-align: center;
}

.rh-point-div input.rh-date {
    width: 110px;
    height: 34px;
    border: 1px solid #dadada;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-point-div button {
    margin-left: 13px;
    padding: 0 15px;
    width: 90px;
    height: 34px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff4848;
    border: 0;
    letter-spacing: 0;
    color: #fff;
}

.rh-point-div .rh-dec-line-1 {
    float: right;
    height: 30px;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #aaa;
}

.rh-point-div strong {
    float: right;
    width: 140px;
    color: #ff4848;
    line-height: 34px;
    text-align: center;
    font-size: 25px
}

.rh-point-div strong span {
    position: relative;
    display: inline-block;
    float: none;
}

.rh-srch-point {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.point-skin .div-table {
    margin-top: 20px;
    width: 868px;
    margin-left: 35px;
    margin-bottom: 0;
}

.point-skin .div-table>thead {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
}

.point-skin .div-table tr td {
    height: 34px;
    line-height: 1;
    padding: 17px 7px;
    border-bottom: 1px solid #f0f0f0;
    color: #525252;
}

.point-skin .div-table tr .rh-col-1 {
    width: 82px;
    text-align: left;
    /*Change by Thanh*/
    padding-left: 20px;
    /*Change by Thanh*/
}

.point-skin .div-table tr .rh-col-2 {}

.point-skin .div-table tr .rh-col-3 {
    width: 110px
}

.point-skin .div-table tr .rh-col-3 .rh-plus {
    color: #2fa276;
}

.point-skin .div-table tr .rh-col-3 .rh-minus {
    color: #ff4848;
}

.point-skin .div-table tr .rh-col-4 {
    width: 140px;
}

.point-skin .div-table tr .rh-col-5 {
    width: 140px;
}


/*Change by Thanh*/


/*th.text-center.rh-col-5 {
    text-align: right;
    padding-right: 16px;
}*/


/*End change*/

.point-skin .div-table thead tr th {
    height: 45px;
    background-color: #f9f9f9;
    color: #525252;
    font-size: 14px;
    font-weight: 500;
}

.point-skin .div-table tr td.rh-col-2 {
    text-align: left;
}

.point-skin .div-table tfoot tr th,
.point-skin .div-table>tfoot>tr.active>th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    background-color: #f7f7f7;
    text-align: center;
    font-weight: bold;
}

.point-skin .div-table>tfoot>tr.active>th .rh-sum {
    color: #FD501F;
    font-size: 18px;
}

.rh-view-time {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.rh-view-time .rh-date {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-view-time .rh-tooltip {
    position: absolute;
    display: none;
    top: -28px;
    width: 100%;
    right: 0;
    padding: 1px 0px;
    border-radius: 1px;
    font-style: normal;
    line-height: 22px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #ccc;
    color: #fff;
}

.rh-point-table .rh-view-time .rh-tooltip {
    background-color: #ccc;
}

.rh-view-time:hover .rh-tooltip {
    display: none;
}

.rh-view-time .rh-tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 6px solid #ccc;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.rh-point-table tr td.rh-empty-td {
    padding: 0
}

.rh-empty-td .rh-empty-data {
    width: 100%;
    margin-left: 0;
    border: 0;
}


/* CONFIRM PAGE */

.rh-confirm-form {
    position: relative;
    display: block;
    width: 535px;
    margin: 10px auto 0 auto;
    border: 1px solid #ddd;
}

.rh-confirm-form .form-box,
.rh-confirm-form .form-box .form-header {
    border: 0;
    background-color: #fff;
    line-height: 1.5;
}

.rh-confirm-form .form-box .form-header {
    text-align: center;
    padding-top: 45px;
}

.rh-confirm-form .form-box .form-header h2 {
    text-align: center;
    margin-bottom: 20px;
}

.rh-confirm-form .form-box .form-header h2 b {
    font-size: 24px;
}

.rh-confirm-form .form-box .form-header p {
    margin-bottom: 0;
}

.rh-confirm-form .form-box .form-body {
    padding: 20px;
    border: 1px solid #ddd;
    width: 447px;
    display: block;
    margin: 0 auto 45px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-confirm-form .form-box .form-body form {
    margin-top: 20px;
}

.rh-confirm-form .form-box .form-body #confirm_mb_password {
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
}

.rh-confirm-form .form-box .form-body #btn_sumbit {
    height: 40px;
    line-height: 38px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

.rh-confirm-form .form-box .form-body .sns-wrap-over {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-bottom: 0;
}

.rh-confirm-form .form-box .form-body .sns-wrap-over h4 {
    font-size: 15px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    margin: 0;
}

.rh-confirm-form .form-box .form-body .sns-wrap-over p {
    font-size: 13px;
    margin: 0;
    text-align: center;
}

.rh-confirm-form .form-box .form-body .sns-wrap-over .sns-wrap {
    margin-top: 20px;
}


/* WISHLIST PAGE */

.rh-wishlist-ttl {
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 45px;
    font-size: 20px;
    font-weight: bold;
    color: #151515;
}

.wishlist-skin .rh-filter {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    margin-top: 30px;
}

.wishlist-skin .rh-filter label {
    font-weight: bold;
    font-size: 14px;
    line-height: 34px;
    margin-right: 10px;
}

.wishlist-skin .rh-filter select {
    position: relative;
    display: inline-block;
    float: right;
    width: 120px;
    height: 35px;
    line-height: 34px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #adadad;
}

.rh-wishlist-tbl {
    position: relative;
    display: table;
    margin-top: 25px;
    width: 868px;
    table-layout: fixed;
    margin-left: 35px;
    border-collapse: collapse;
}

.rh-wishlist-tbl>div {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-wishlist-tbl .divTableHead .divTableCell {
    background: #f9f9f9;
    text-align: center;
    font-weight: 500;
    height: 45px;
    color: #525252;
    font-size: 14px;
    border: 0;
}

.rh-wishlist-tbl .divTableHead .divTableCell>span {
    top: 1px;
    position: relative;
}

.rh-wishlist-tbl .divTableHead {
    /*border-top: 1px solid #c3c3c3;*/
    border-bottom: 1px solid #ddd;
}

.rh-wishlist-tbl .divTableHead .divTableCell .rh-col-1,
.rh-wishlist-tbl .divTableHead .divTableCell .rh-col-2 {
    border: 0;
}

.rh-wishlist-tbl .divTableCell {
    position: relative;
    display: table-cell;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    vertical-align: middle;
    /*line-height: 1.3;*/
    /*Change by Linh*/
    color: #525252;
}

.rh-wishlist-tbl .divTableRow .divTableCell {
    height: auto;
    padding: 30px 0 42px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-wishlist-tbl .rh-col-1 {
    width: 50px;
}

.divTableCell.rh-col-4.ht_class {
    padding-top: 42px;
}

.rh-wishlist-tbl .rh-col-2 {
    /* width: 80px; */
    /*Change by Thanh*/
    width: 90px;
    padding-left: 18px !important;
    /*End change */
    vertical-align: top;
}

.rh-wishlist-tbl .rh-col-3 {
    width: 388px;
}

.rh-wishlist-tbl .divTableRow .rh-col-3 {
    /*Change by Thanh*/
    /*Change by Thanh*/
    text-align: left !important;
    padding-left: 15px;
    padding-top: 35px;
}

.rh-wishlist-tbl .divTableRow .rh-col-4 {
    width: 150px;
}

.rh-wishlist-tbl .divTableRow .rh-col-3 p {
    /*margin-bottom: 5px;*/
    margin-bottom: 15px;
    /*Change by Thanh*/
}

.rh-wishlist-tbl .divTableRow .rh-col-3 .rh-price {
    color: #ff4848;
    font-weight: 700;
}

.rh-wishlist-tbl .divTableRow .rh-col-3 del {
    color: #999;
}

.rh-wishlist-tbl .divTableRow .rh-col-4 .rh-price {
    color: #ec0f0f;
    font-size: 13px;
    font-weight: bold
}

.rh-wishlist-tbl .rh-col-5,
.rh-wishlist-tbl .rh-col-6,
.rh-wishlist-tbl .rh-col-7 {
    width: 100px;
}

.rh-wishlist-tbl .rh-col-6 {
    border-right: 0;
}

.rh-wishlist-tbl .rh-col-5 .rh-time-tooltip {
    position: relative;
    display: inline-block;
    left: 0;
    width: 100%;
}

.rh-wishlist-tbl .rh-col-5 .rh-tool-tips {
    position: absolute;
    display: none;
    width: 100%;
    line-height: 24px;
    left: 0px;
    text-align: center;
    top: -28px;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}

.rh-wishlist-tbl .rh-col-5 .rh-tool-tips:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 6px solid #ccc;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.rh-wishlist-tbl .rh-col-5 .rh-anchor {
    display: inline-block;
    cursor: pointer;
}

.rh-wishlist-tbl .rh-col-5 .rh-time-tooltip:hover .rh-tool-tips {
    display: inline-block;
}

.rh-wishlist-tbl .divTableCell .rh-checkbox,
.rh-wishlist-tbl .divTableCell .rh-item-foto,
.rh-wishlist-tbl .divTableCell>p {
    position: relative;
    display: inline-block;
}

.rh-wishlist-tbl .divTableCell .rh-item-foto {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 100%;
    margin: 0;
    background-color: #f1f1f1;
    vertical-align: middle;
    object-fit: cover;
    object-position: 100% center;
}

.rh-wishlist-tbl .divTableCell>p {
    vertical-align: middle;
}

.rh-wishlist-tbl .divTableCell p a {
    font-size: 14px;
    color: #525252;
}

.rh-wishlist-tbl .divTableCell p .rh-price {
    font-size: 16px;
    color: #ff4848;
    font-weight: bold;
}

.rh-wishlist-tbl .divTableCell p .rh-org-stamp {
    position: relative;
    display: inline-block;
    background-color: #ff7800;
    color: #fff;
    padding: 0px 10px;
    line-height: 20px;
    height: 20px;
}

.rh-wishlist-tbl .rh-col-6 {
    vertical-align: middle;
}


/*Change by Linh*/

.rh-wishlist-tbl .rh-col-6 button {
    position: relative;
    display: inline-block;
    background-color: #fff;
    /*border: 1px solid #dadada;*/
    color: #333;
    width: 70px;
    height: 25px;
    line-height: 25px;
    margin: 3px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    top: 6px;
}

.rh-wishlist-tbl .rh-col-6 button.rh-wl-buy,
.rh-wishlist-tbl .rh-col-6 button.rh-wl-cart {
    background-image: url('/img/btn-bgr-red.jpg');
    border: 1px solid #ff4848;
    color: #ec0f0f;
}

.rh-wishlist-tbl .rh-col-6 button.rh-del-btn {
    /*background-image: url('/img/btn-bgr-4-2.jpg');*/
    /*border: 1px solid #999;*/
    color: #333;
    font-weight: 500;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
}


/*End change*/

.rh-wishlist-btn {
    margin-top: 30px;
}

.rh-wishlist-btn .rh-white-btn,
.rh-wishlist-btn .rh-red-btn {
    position: relative;
    display: inline-block;
    width: 143px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0;
    font-weight: bold;
}

.rh-wishlist-btn .rh-red-btn {
    background: url('/img/bgr-reg-btn.png') !important;
}

.rh-wishlist-btn .rh-white-btn,
.rh-white-btn {
    background: url('/img/mypage-bgr_10.png')!important;
    color: #555 !important;
    border: 1px solid #b1b1b7;
}

.rh-wishlist-tbl .rh-col-6 button.rh-delivering-btn,
.rh-gray-btn {
    background-color: #b0b0b0;
    color: #fff;
    border: 1px solid #b0b0b0;
}


/* ORDER HISTORY - SHOPPING SKIN */

.shopping-skin {
    margin-top: 30px;
}

.shopping-skin .rh-srch-cldar {
    margin-bottom: 40px;
}

.rh-order-tbl,
.rh-tbl-child-1 {
    position: relative;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
}

.rh-order-tbl {
    margin-left: 45px;
    width: 850px;
}

.rh-tbl-child-1 {
    left: -1px;
    width: 700px;
}

.rh-order-tbl>div,
.rh-tbl-child-1>div {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-order-tbl .rh-tbl-tbcell {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #ddd;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    line-height: 1.5;
    color: #444;
}

.rh-order-tbl .rh-col-1 {
    border-left: 0;
}

.rh-order-tbl .rh-col-2,
.rh-tbl-child-1 .rh-child-col-4 {
    border-right: 0;
}

.rh-order-tbl .rh-tbl-head .rh-tbl-tbcell {
    background-color: #fcfcfc;
    height: 37px;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    color: #333;
    font-size: 13px;
    background: url('/img/mypage-tbl-head-bgr_03.png');
    font-size: 12px;
    font-weight: bold;
}

.rh-order-tbl .rh-tbl-row .rh-tbl-tbcell {
    display: table-cell;
    height: 90px;
}

.rh-order-tbl .rh-tbl-head .rh-col-1 {
    width: 150px;
}

.rh-order-tbl .rh-tbl-head .rh-col-2 {
    width: 380px;
}

.rh-order-tbl .rh-tbl-head .rh-col-3 {
    width: 100px;
}

.rh-order-tbl .rh-tbl-head .rh-col-4 {
    width: 120px;
}

.rh-order-tbl .rh-tbl-head .rh-col-5 {
    width: 100px;
}

.rh-order-tbl .rh-col-2 {
    display: table-cell;
    border: 1px solid #dadada;
    border-right: 0;
}

.rh-tbl-child-1 .rh-tbl-row:last-child .rh-tbl-tbcell {
    border-bottom: 0;
}

.rh-tbl-child-1 .rh-tbl-row:first-child .rh-tbl-tbcell {
    border-top: 0;
}

.rh-order-tbl .rh-col-1 {
    width: 150px;
}

.rh-order-tbl .rh-col-2 {
    width: 700px;
}

.rh-tbl-child-1 .rh-child-col-1 {
    width: 90px;
    text-align: center;
    border-right: 0;
}

.rh-tbl-child-1 .rh-child-col-2 {
    width: 290px;
    text-align: left;
    padding-left: 0px;
    padding-right: 8px !important;
    border-left: 0;
}

.rh-tbl-child-1 .rh-child-col-2-1 {
    width: 100px;
    font-size: 12px;
}

.rh-tbl-child-1 .rh-child-col-3 {
    width: 120px;
}

.rh-tbl-child-1 .rh-child-col-4 {
    width: 100px;
}

.rh-order-tbl .rh-tbl-tbcell .rh-order-code {
    font-size: 12px
}

.rh-order-tbl .rh-col-1 .rh-white-btn {
    width: 90px;
    border: 1px solid #1090d9;
    color: #0b6ea7 !important;
    background-color: #fff !important;
    height: 20px;
    font-size: 11px;
    background-image: url('/img/btn-bgr-blue-2.jpg');
}

.rh-order-tbl .rh-tbl-tbcell .rh-status {
    font-size: 12px;
    color: #444;
}

.rh-tbl-child-1 .rh-child-col-1 p,
.rh-tbl-child-1 .rh-child-col-1 .rh-item-foto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.rh-tbl-child-1 .rh-child-col-1 .rh-item-foto {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 5px;
    background-color: #f1f1f1;
    vertical-align: middle;
}

.rh-tbl-child-1 .rh-child-col-1 .rh-item-fofo,
.rh-tbl-child-1 .rh-child-col-1 .rh-item-info {
    position: relative;
    display: inline-block;
}

.rh-tbl-child-1 .rh-child-col-1 .rh-item-fofo {
    width: 72px;
    height: 72px;
    margin-right: 0px;
}

.rh-tbl-child-1 .rh-child-col-1 .rh-item-fofo img {
    width: 72px;
    height: 72px;
    vertical-align: middle;
}

.rh-tbl-child-1 .rh-child-col-1 .rh-item-info {
    width: 300px;
}

.rh-tbl-child-1 .rh-child-col-2 .rh-item-info>a,
.rh-tbl-child-1 .rh-child-col-2 .rh-item-info>span {
    position: relative;
    display: block;
    clear: both;
    color: #444;
    font-size: 12px;
}

.rh-order-tbl button {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 60px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 11px;
    line-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rh-order-tbl button.rh-red-btn {
    background-image: url('/img/btn-bgr-red.jpg');
    border: 1px solid #ff4848;
    color: #ec0f0f;
}

.rh-order-tbl #write_cancel_btn {
    background-image: url('/img/btn-bgr-4-2.jpg');
    border: 1px solid #999;
    color: #555;
}

.rh-order-tbl .rh-tbl-row .rh-tbl-tbcell .rh-item-info .rh-item-name {
    font-size: 12px;
    color: #232323;
    font-weight: bold;
}

.rh-order-tbl .rh-price {
    position: relative;
    display: inline-block;
    color: #232323;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
}

.rh-order-tbl .rh-col-1 .rh-date {
    color: #424242;
    font-size: 12px;
    cursor: pointer;
}

.rh-order-tbl .rh-col-1 .rh-date-wr .rh-hour {
    position: relative;
    display: none;
}

.rh-order-tbl .rh-col-1 .rh-date-wr:hover .rh-hour {
    display: none;
    margin-left: 5px;
}

.rh-tbl-child-1 .rh-child-col-3>button {
    position: relative;
    display: block;
    clear: both;
    margin: 0 auto 5px auto;
}


/* PASSWORD LOST */

.rh-pw-lost-form {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.rh-pw-lost-form>.panel-heading {
    background-color: #f5f5f5 !important;
    font-size: 24px;
    text-align: center;
    padding: 15px 15px;
    font-weight: bold;
    border-bottom: 0;
}

.rh-pw-lost-form>.panel-heading strong {
    font-size: 24px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.rh-pw-lost-form>.panel-body {
    position: relative;
    display: inline-block;
    width: 500px;
    padding: 15px;
    border: 1px solid #ddd;
    margin: 0 auto 20px;
    background-color: #fff;
}

.rh-pw-lost-form>.panel-body p {
    font-family: "Roboto", sans-serif;
    text-align: center;
}

.rh-pw-lost-form>.panel-body #mb_email,
.panel-default>.panel-body #captcha {
    position: relative;
    display: block;
    width: 350px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-pw-lost-form>.panel-body #mb_email {
    height: 30px;
    background-color: #f7f7f7;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-horizontal .text-center.rh-pw-lost-btn {
    text-align: center;
}

.form-horizontal .text-center.rh-pw-lost-btn button {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 34px;
    font-weight: bold;
    padding: 0;
    font-weight: bold;
    font-size: 13px;
}


/* REGISTER FORM */

.rh-reg-ttl {
    width: 650px;
    position: relative;
    display: block;
    margin: 20px auto;
    font-size: 28px;
    text-align: center;
    text-transform: capitalize;
}

#fregisterform {
    width: 656px !important;
    margin: 0 auto 30px auto;
    background-color: #fff;
    border: 1px solid #fff;
    color: #393939;
    padding-bottom: 30px;
}

#fregisterform .panel {
    border: 0 !important;
}

#fregisterform .panel-default {
    width: 544px;
    display: block;
    margin: 55px auto 0 auto;
    line-height: 1;
}

#fregisterform .panel-default .panel-body {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    display: inline-block;
    table-layout: fixed;
}

#fregisterform .panel-default .panel-heading .rh-seeall {
    position: relative;
    background-color: #fff;
    border: 1px solid #aaaaaa;
    width: 65px;
    height: 25px;
}

#fregisterform .panel-default .panel-heading {
    background-color: #fff;
    border-bottom: 0;
    padding: 0;
    margin-top: 45px;
    margin-bottom: 25px;
}

#fregisterform .panel-default .panel-heading .rh-reg-ttl {
    font-size: 24px;
}

#fregisterform .panel-default .panel-heading strong {
    font-size: 17px;
    display: block;
    font-weight: normal;
}

#fregisterform .panel-default .rh-input-div {
    display: flex;
    display: -webkit-flex;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input#reg_mb_hp {
    width: calc(100% - 10px)
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input#reg_mb_hp_code {
    width: calc(100% - 110px)
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input#reg_mb_hp:read-only {
    background-color: #f9f9f9;
    color: #aaa;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input#reg_mb_hp:-moz-read-only {
    background-color: #f9f9f9;
    color: #aaa;
}

#fregisterform .panel-default .rh-input-div#verifyCode {
    position: relative;
}

#fregisterform .panel-default .rh-input-div#verifyCode button#verifyCode {
    position: absolute;
    top: 7px;
    right: 0;
}

#fregisterform .panel-default .rh-input-div .rh-label,
#fregisterform .panel-default .rh-input-div .rh-input {
    position: relative;
    /*padding: 7.5px 0;*/
    padding: 4px 0;
    width: 420px;
}

#fregisterform .panel-default .rh-input-div .rh-input small {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    color: #b2b2b2;
    font-size: 12px;
    line-height: 16px;
}

#fregisterform .panel-default .rh-input-div .rh-input input::placeholder {
    color: #999;
    font-size: 13px;
    font-style: italic;
}

#fregisterform .panel-default .rh-input-div .rh-label,
#fregisterform .panel-default .rh-input-div label {
    text-transform: capitalize;
    cursor: pointer;
}

#fregisterform .panel-default .rh-input-div .rh-input input.form-control {
    box-shadow: 0 0 0 #fff;
    /* width: 204px; */
    height: 40px;
    background-color: #fff;
    border: 1px solid #c2c2c2;
    padding-right: 10px;
}

#fregisterform .panel-default .rh-input-div .rh-input .btn {
    padding: 5px 0px;
}

#fregisterform .panel-default .rh-input-div .rh-label {
    width: 126px;
    margin-bottom: 0;
    line-height: 1.5;
    text-transform: capitalize;
    font-size: 13px;
    color: #525252;
    vertical-align: top;
    line-height: 34px;
}

#fregisterform .panel-default .rh-mailing-reg .rh-input label {
    line-height: 34px;
}

#fregisterform .panel-default .rh-mailing-reg .rh-input label.rh-pc-checkbox span {
    top: 8px;
}

#fregisterform .panel-default .rh-agreement-policy {
    margin-top: 30px;
}

#fregisterform .panel-default .rh-agreement-policy p {
    flex: 1 0 100%;
    line-height: 1.5;
    margin-bottom: 0;
}

#fregisterform .panel-default .rh-agreement-policy p a {
    color: #009ae2;
    font-weight: 500;
}

#fregisterform hr.rh-devider {
    position: relative;
    display: block;
    width: 544px;
    margin: 10px auto;
}

#fregisterform .panel-default .rh-input-div .rh-input .rh-button {
    display: inline-block;
    width: 110px;
    height: 40px;
    margin-left: 6px;
    line-height: 30px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #acacac;
}

.btn-send-code {
    color: #fff !important;
    background-color: #418bca !important;
    border: 1px solid #418bca !important;
}


/* Hide the browser's default checkbox */

#fregisterform .rh-input .rh-radio-label input {
    position: relative;
    opacity: 0;
    cursor: pointer;
    height: 18px;
    width: 18px;
}


/* Create a custom checkbox */

#fregisterform .rh-input .rh-radio-label {
    position: relative;
    padding-left: 2px;
}

#fregisterform .rh-input .rh-radio-label .rh-checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 50%;
}


/* When the checkbox is checked, add a blue background */

#fregisterform .rh-input .rh-radio-label input:checked~span {
    background-color: #fff;
    /*border: 1px solid #ff4848;*/
    border: none;
}

#fregisterform .rh-input .rh-radio-label input:checked~span:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /*background-color: #909090;*/
    top: 3px;
    left: 3px;
}


/* Create the checkmark/indicator (hidden when not checked) */

#fregisterform .rh-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

#fregisterform .rh-input .rh-radio-label input:checked~.rh-checkmark:after {
    display: block;
}

#fregisterform .panel-default .rh-input-div #reg_mb_id {
    width: 100%;
    background-color: #fff;
    border: 1px solid #c2c2c2;
}

#fregisterform .panel-default .rh-input-div .rh-rg-name input.form-control,
#fregisterform .panel-default .rh-input-div .rh-rg-fone input.form-control {
    width: 100%;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone .input-group {
    width: 100%;
    margin-top: 10px;
}

#fregisterform .panel-default .rh-bd select,
#fregisterform .panel-default .rh-bd input {
    width: 204px;
    height: 32px;
    padding: 5px;
    border: 1px solid #ccc;
    display: inline;
    float: left;
    margin-right: 5px;
    line-height: 32px;
    background-color: #fafafa;
    border: 1px solid #f0f0f0;
}

#fregisterform .panel-default .rh-bd input {
    width: 100%;
    background-color: #fff;
    background-image: url('/img/icon/calendar.png');
    background-repeat: no-repeat;
    background-position: 370px 8px;
}

#fregisterform .rh-policy {
    position: relative;
    display: inline-block;
    color: #393939;
}

#fregisterform .rh-policy>.rh-label {
    margin-top: 35px;
}

#fregisterform .rh-policy strong {
    color: #393939;
}

#fregisterform .rh-policy button {
    background: url('/img/bgr-button.png');
    padding: 0 10px;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    line-height: 28px;
    color: #424242;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


/* #fregisterform .rh-policy button.rh-seeall:hover {font-weight: bold;} */

#fregisterform .rh-policy .rh-input {
    position: relative;
    display: inline-block;
    width: 415px;
    line-height: 1.3;
}

#fregisterform .rh-policy textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 120px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fregisterform .rh-policy .rh-input .rh-checl-agree {
    float: right;
}

#fregisterform .rh-policy .rh-text {
    margin-top: 10px;
}

#fregisterform .panel-default .rh-input-div .divTable {
    position: relative;
    display: table;
    width: 485px;
    border-collapse: collapse;
}

#fregisterform .panel-default .rh-input-div .divTable .divTableRow {
    position: relative;
    display: table-row;
    width: 100%;
}

#fregisterform .panel-default .rh-input-div .divTable .divTableRow .divTableCell {
    display: table-cell;
    border: 1px solid #ddd;
    line-height: 1.3;
    padding: 10px 5px;
}

#fregisterform .panel-default .rh-input-div .divTable .rh-tblHead .divTableCell {
    background-color: #f1f1f1;
    font-weight: bold;
    text-align: center;
}

.rh-reg-btn .btn.btn-color {
    width: 120px;
    height: 48px;
    padding: 0;
    line-height: 38px;
    font-size: 18px;
    border: 0;
    text-transform: uppercase;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-weight: 500;
}

#fregisterform .text-muted {
    color: #393939;
}

#fregisterform input[type=radio],
#fregisterform input[type=checkbox] {
    margin: 0;
    width: 17px;
    height: 17px;
}

#reg_mb_password_re {
    background-color: #fafafa;
}

#fregisterform .panel-default .rh-policy-wr .rh-input-div,
#fregisterform .panel-default .rh-policy-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0;
}

#fregisterform .panel-default .rh-policy-wr .rh-input-div .rh-input {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
}

#fregisterform .panel-default .rh-policy-wr .rh-input-div .rh-input textarea {
    resize: none;
}

.rh-reg-btn #btn_submit {
    background-color: #ff4848;
    color: #fff;
}

.rc-anchor-light {
    background-color: #fafafa;
    border: 1px solid #f0f0f0;
}

.rh-mailing-reg {
    white-space: nowrap;
}

.rh-mailing-reg .control-label {
    padding-top: 0;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left !important;
    }
}


/* REGISTER RESULT */

.rh-reg-result {
    position: relative;
    display: block;
    width: 700px;
    margin: 0 auto;
}


/* DETAIL TEMPLATE */

.rh-detail-tpl-wr {
    position: relative;
    display: block;
    width: 760px;
    margin: 20px auto;
}

.rh-detail-head {
    height: 1100px;
    width: 100%;
    background-color: #ffaec5;
    padding: 30px 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-head p {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin-bottom: 20px;
}

.rh-detail-head p.rh-ttl1 {
    text-align: center;
}

.rh-detail-head p.rh-ttl1 span {
    font-size: 72px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.rh-detail-head .rh-white {
    color: #fff;
}

.rh-detail-head .rh-pink {
    color: #ff427b;
}

.rh-detail-head .rh-ttl2 {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 36px;
    letter-spacing: 14px;
    font-weight: bold;
}

.rh-detail-head .rh-price {
    font-family: 'Roboto', sans-serif;
    font-size: 94px;
    color: #ff427b;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.rh-detail-head .rh-desc {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.rh-detail-head .rh-item-price {
    position: relative;
    display: inline-block;
    background-color: #ff5858;
    width: 95px;
    height: 44px;
    line-height: 42px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
}

.rh-detail-tpl-wr .rh-detail-head .rh-foto {
    position: relative;
}

.rh-detail-tpl-wr .rh-detail-head .rh-foto li {
    position: relative;
    display: inline;
    float: left;
    width: 228px;
    height: 350px;
    margin: 7px;
}

.rh-detail-tpl-wr .rh-detail-head .rh-item-foto {}

.rh-detail-tpl-wr .rh-detail-head .rh-item-price {
    position: absolute;
    left: 0;
    bottom: 0;
}

.rh-detail-tpl-wr .rh-detail-body {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #dadada;
    padding: 15px 0 0 0;
    margin-top: 20px;
}

.rh-detail-tpl-wr .rh-detail-body ul {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.rh-detail-tpl-wr .rh-detail-body ul li,
.rh-detail-body ul>li .rh-item-short-info {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-detail-tpl-wr .rh-detail-body ul li {
    padding: 0 15px;
    z-index: 999
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info {
    margin-top: 40px;
    margin-bottom: 40px;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>span,
.rh-detail-body ul>li .rh-item-short-info>p {
    position: relative;
    display: inline;
    float: left;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>span {
    width: 49px;
    height: 40px;
    line-height: 38px;
    margin-right: 10px;
    background-image: url('/img/shop/template-1-item-detail_11.png');
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>p.rh-item-info {
    width: 300px;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>p .rh-item-name {
    color: #010101;
    font-weight: bold;
    font-size: 20px;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>p.rh-item-info {
    color: #666;
    font-size: 14px;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>p.rh-item-price {
    width: 200px;
    float: right;
    background-color: #fff;
    color: #ff5858;
    font-size: 20px;
    margin-top: 0;
    z-index: 0;
    font-weight: bold;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-item-short-info>p.rh-item-price .rh-price {
    font-size: 28px;
    color: #ff5858;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-mask {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-image: url('/img/shop/template-1-item-detail_14.png');
    top: 0;
    left: 0;
}

.rh-detail-tpl-wr .rh-detail-body ul>li .rh-mask .rh-loop {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 25px;
    margin-top: 25px;
    cursor: pointer;
}

.rh-detail-tpl-wr .rh-detail-body ul li:hover .rh-detail-body ul>li .rh-mask {
    display: block;
}

.rh-head-item {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.rh-head-item .rh-item-no {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 44px;
    line-height: 42px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background-image: url('/img/shop/template-1-item-detail_19.png');
}

.rh-seperate-line {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #b0b0b0;
    margin-top: 50px;
    margin-bottom: 50px;
}

.rh-head-item .rh-item-name {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    line-height: 1;
    margin-bottom: 0;
}

.rh-head-item .rh-item-descr {
    font-size: 16px;
    text-align: center;
    color: #666;
    margin-top: 5px;
    margin-bottom: 10px;
}

.rh-head-item .rh-item-price {
    width: 313px;
    height: 38px;
    margin-top: 5px;
    line-height: 36px;
    background-image: url('/img/shop/template-1-item-detail_26.png');
    color: #fff;
    font-size: 30px;
}

.rh-head-item .rh-item-price>span {
    width: 50%;
    display: inline;
    float: left;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.rh-sale-stamp {
    position: absolute;
    top: 110px;
    left: 120px;
    padding-top: 1px;
    background-image: url('/img/shop/template-1-item-detail_23.png');
    width: 84px;
    height: 83px;
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.rh-detail-footer {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.rh-detail-footer>p {
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0;
}

.rh-detail-footer>p>img {
    position: relative;
    display: inline;
    float: left;
    margin: 5px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-footer>p.rh-1foto img {
    margin: 5px 0;
}

.rh-detail-footer>p .foto-size-1-hor {
    position: relative;
    display: inline-block;
    width: 720px;
    height: 480px;
}

.rh-detail-footer>p .foto-size-1-ver {
    position: relative;
    display: inline-block;
    width: 720px;
    height: 1080px;
}

.rh-detail-footer>p.rh-2foto,
.rh-detail-footer>p.rh-3foto,
.rh-detail-footer>p.rh-4foto {
    padding: 0 15px;
}

.rh-detail-footer>p .foto-size-2-hor {
    width: 355px;
    height: 237px;
}

.rh-detail-footer>p .foto-size-2-ver {
    width: 355px;
    height: 532.5px;
}

.rh-detail-footer>p.rh-3foto .foto-size-3-hor {
    width: 233px;
    height: 155px;
}

.rh-detail-footer>p.rh-3foto .foto-size-3-ver {
    width: 233px;
    height: 349.5px;
}

.rh-detail-footer>p.rh-4foto .foto-size-4-hor {
    width: 172.5px;
    height: 115px;
}

.rh-detail-footer>p.rh-4foto .foto-size-4-ver {
    width: 172.5px;
    height: 258.75px;
}

.rh-detail-footer>.rh-food-left,
.rh-detail-footer>.rh-food-center,
.rh-detail-footer>.rh-food-right {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-detail-footer>.rh-food-center .rh-txt-center {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    width: 100%;
    line-height: 1;
    min-height: 100px;
    background-color: #fff;
    font-size: 20px;
    text-align: center;
}

.rh-detail-footer>.rh-food-center .rh-foto-center {
    width: 720px;
    height: 480px;
    margin: 5px 0;
}

.rh-detail-footer>.rh-food-center {
    background-color: #00a087;
}

.rh-detail-footer>.rh-food-left {
    background-color: #8acad2;
}

.rh-detail-footer>.rh-food-right {
    background-color: #ff9800;
}

.rh-detail-footer>.rh-food-left>img,
.rh-detail-footer>.rh-food-left>span,
.rh-detail-footer>.rh-food-right>img,
.rh-detail-footer>.rh-food-right>span {
    position: relative;
    display: inline;
    float: left;
    width: 350px;
    height: 237px;
    margin: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-footer>.rh-food-left>img,
.rh-detail-footer>.rh-food-right>img {
    background-color: #fafafa;
    border: 1px solid #ddd;
}

.rh-detail-footer>.rh-food-right>span,
.rh-detail-footer>.rh-food-left>span {
    background-color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1;
}


/* DETAIL DESIGN - FORM 2 */

.rh-detail-tpl-wr-2 {
    position: relative;
    display: inline-block;
    width: 760px;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head {
    position: relative;
    display: inline-block;
    width: 100%;
    background-image: url('/img/shop/detail-head-02_03.png');
    padding: 20px;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head>p {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    text-align: center;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-line-1 {
    text-align: center;
    font-size: 30px;
    line-height: 1;
    color: #62676e;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-line-2 {
    color: #ff8e8e;
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-main-txt {
    color: #e65050;
    font-size: 112px;
    font-weight: bold;
    margin-bottom: 20px;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-line-4 {
    font-size: 30px;
    color: #62676e;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-head-foto {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-head-foto li {
    position: relative;
    display: inline;
    float: left;
    margin: 3px;
    width: 233px;
    height: 155px;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-tpl-wr-2 .rh-detail-2-head .rh-head-foto li img {
    width: 100%;
}

.rh-detail-tpl-wr-2 .rh-detail-body {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li {
    position: relative;
    display: inline;
    float: left;
    width: 233px;
    margin: 20px 3px;
    padding: 0;
    border: 1px solid #ddd;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li img {
    position: relative;
    width: 100%;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li>div {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-name .rh-number {
    position: absolute;
    width: 41px;
    height: 43px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background-image: url('/img/shop/detail-head-02_20.png');
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-name p {
    position: relative;
    display: inline-block;
    float: right;
    width: 170px;
    text-align: right;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-name p b {
    font-size: 20px;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-name p>span {
    font-size: 14px;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price {
    padding-left: 17px;
    padding-right: 17px;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p {
    font-size: 18px;
    font-weight: bold;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p span,
.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p del {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 30px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p label {
    width: 95px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
    font-size: 18px;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p.rh-old-price del {
    background-color: #ff8e8e;
    text-decoration: line-through;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p.rh-new-price label {
    width: 95px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ff5858;
    color: #ff5858;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-item-price p.rh-new-price span {
    background-color: #ff5858;
}

.rh-detail-tpl-wr-2 .rh-detail-body .rh-item-list li .rh-insider-line {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
    height: 1px;
    border: 0;
    background-color: #ccc;
}


/* DETAIL DESIGN - FORM 3 - BABY */

.rh-detail-tpl-wr-3 {
    position: relative;
    display: inline-block;
    width: 760px;
}

.rh-detail-tpl-wr-3 .rh-detail-3-head {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0;
    background-color: #dcffe9;
    padding: 55px 0;
}

.rh-detail-tpl-wr-3 .rh-detail-3-head p,
.rh-detail-tpl-wr-3 .rh-detail-3-head strong,
.rh-detail-tpl-wr-3 .rh-detail-3-head span {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    clear: both;
    line-height: 1;
}

.rh-detail-tpl-wr-3 .rh-detail-3-head p {
    color: #30415d;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 8px;
}

.rh-detail-tpl-wr-3 .rh-detail-3-head strong {
    font-family: 'Roboto', sans-serif;
    color: #c90c70;
    font-size: 72px;
    margin-bottom: 28px;
    letter-spacing: -2px;
}

.rh-detail-tpl-wr-3 .rh-detail-3-head span {
    color: #666;
    font-size: 36px;
    margin-bottom: 60px;
}

.rh-detail-tpl-wr-3 .rh-detail-3-head img {
    position: relative;
    display: block;
    margin: 0 auto;
}

.rh-detail-tpl-wr-3 .rh-detail-intro {
    position: relative;
    display: inline-block;
    background-color: #148070;
    padding: 55px 0 75px 0;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.rh-detail-tpl-wr-3 .rh-detail-intro p,
.rh-detail-tpl-wr-3 .rh-detail-intro strong {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.rh-detail-tpl-wr-3 .rh-detail-intro p {
    font-size: 48px;
    margin-bottom: 10px;
}

.rh-detail-tpl-wr-3 .rh-detail-intro strong {
    font-size: 72px;
    margin-bottom: 60px;
    letter-spacing: -2px;
}

.rh-detail-tpl-wr-3 .rh-detail-intro .rh-txt-wr {
    position: relative;
    display: block;
    width: 630px;
    margin: 0 auto;
    background-color: #fff;
    padding: 2px;
}

.rh-detail-tpl-wr-3 .rh-detail-intro .rh-txt-wr ul {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 3px solid #148070;
    padding-top: 55px;
    padding-left: 130px;
    padding-bottom: 40px;
}

.rh-detail-tpl-wr-3 .rh-detail-intro .rh-txt-wr ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 25px;
    font-weight: bold;
}

.rh-detail-tpl-wr-3 .rh-detail-intro .rh-txt-wr ul li span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 56px;
    height: 36px;
    text-align: center;
    line-height: 34px;
    color: #148070;
    background-color: #bee1db;
    font-size: 24px;
}

.rh-detail-tpl-wr-3 .rh-detail-body {
    margin-top: 10px;
}

.rh-detail-tpl-wr-3 .rh-detail-body,
.rh-detail-tpl-wr-3 .rh-detail-body ul {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li {
    position: relative;
    display: inline;
    float: left;
    width: 250px;
    margin: 1px;
    border: 1px solid #148070;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li>img {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0px 15px 15px;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-number {
    position: absolute;
    width: 47px;
    height: 37px;
    top: 0;
    right: 20px;
    background-image: url('/img/shop/detail-product-3_10.png');
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-name {
    position: relative;
    font-size: 14px;
    font-weight: bold;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-name strong {
    font-size: 26px;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-price {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-price>span {
    position: relative;
    display: inline;
    float: left;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-price .rh-discount-p {
    color: #fa5071;
    font-size: 60px;
    margin-right: 10px;
    line-height: 1;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-price .rh-cr-price {
    float: right;
    text-align: left;
    line-height: 1.2;
    font-weight: bold;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-price .rh-cr-price .rh-pink {
    color: #fa5071;
    font-size: 16px;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul li .rh-item-detail .rh-item-price .rh-cr-price .rh-money {
    font-size: 30px;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul>li .rh-mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/img/shop/template-1-item-detail_14.png');
    top: 0;
    left: 0;
    text-align: center;
}

.rh-detail-tpl-wr-3 .rh-detail-body ul>li .rh-mask .rh-loop {
    position: relative;
    display: inline-block;
    float: none;
    margin-top: 120px;
    cursor: pointer;
}


/* DETAIL DESIGN - FORM 4 - HOTEL */

.rh-detail-tpl-wr-4 {
    position: relative;
    display: inline-block;
    width: 760px;
    padding: 15px;
    background: #12355b;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0;
    padding: 30px 0;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head .rh-stamp {
    position: relative;
    display: block;
    margin: 0 auto 40px auto;
    width: 310px;
    height: 52px;
    line-height: 48px;
    border: 2px solid #7c7c7c;
    clear: both;
    color: #7c7c7c;
    font-size: 30px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head strong {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 70px;
    color: #ffe9a4;
    letter-spacing: -2px;
    text-align: center;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head .rh-special {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 0 0 20px 0;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head .rh-sub-text {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin: 70px 0 20px 0;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head .rh-1foto {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    text-align: center;
}

.rh-detail-tpl-wr-4 .rh-detail-4-head .rh-1foto .foto-size-1-ver {
    position: relative;
    display: inline-block;
    width: 720px;
    height: 480px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.rh-detail-tpl-wr-4 .rh-detail-body {
    background-color: #fff;
    padding: 0 20px 0px 20px;
}

.rh-detail-tpl-wr-4 .rh-price-board,
.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head {
    padding: 20px 0;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head>div {
    position: relative;
    display: inline;
    float: left;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head .rh-order-no {
    width: 60px;
    height: 60px;
    background-color: #2092db;
    font-size: 27px;
    text-align: center;
    line-height: 58px;
    font-weight: bold;
    color: #fff;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head .rh-head-cntn {
    width: 600px;
    margin-left: 20px;
    line-height: 0;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head .rh-head-cntn strong {
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-head .rh-head-cntn p {
    font-size: 16px;
    color: #666;
    line-height: 1;
    margin-top: 10px;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-board-cntn {
    position: relative;
    display: table;
    margin-bottom: 20px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-row {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-row .rh-tbl-cell {
    position: relative;
    display: table-cell;
    border-bottom: 1px solid #b4b4b5;
    height: 40px;
    vertical-align: middle;
    text-align: left;
    font-size: 13px;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-tbl-head .rh-tbl-cell {
    border-top: 2px solid #000;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-row .rh-col-1 {
    width: 510px;
    padding-left: 20px;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-row .rh-col-2 {
    width: 110px;
    text-align: center;
    color: #2092db;
}

.rh-detail-tpl-wr-4 .rh-price-board .rh-tbl-head .rh-col-2 {
    color: #000;
}

.rh-detail-tpl-wr-4 .rh-detail-footer {
    background-color: #fff;
    margin-top: 20px;
    padding-top: 55px;
}

.rh-detail-footer .rh-head-itme-4 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.rh-detail-footer .rh-head-itme-4 .rh-order-no {
    position: relative;
    display: inline-block;
    width: 66px;
    height: 66px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #2092db;
    line-height: 64px;
    text-align: center;
    font-weight: bold;
    clear: both;
    color: #fff;
    font-size: 40px;
}

.rh-detail-footer .rh-head-itme-4 .rh-prod-ttl {
    position: relative;
    display: inline-block;
    margin-top: 25px;
    width: 100%;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.rh-detail-footer .rh-head-itme-4 .rh-prod-desc {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    font-size: 26px;
    color: #666;
    line-height: 1.2;
}

.rh-detail-tpl-wr-4 .rh-detail-footer .rh-1foto {
    padding: 0 5px;
}

.rh-detail-tpl-wr-4 .rh-detail-footer .rh-2foto {
    padding: 0;
}


/* ORDER FORM */

#forderform {
    margin: 0 auto;
}

.rh-sum-order {
    position: relative;
    display: table;
    width: 100%;
    margin-top: 40px;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 0;
    border-right: 0;
    border-left: 0;
}

.rh-sum-order>div {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-sum-order .rh-tbl-head .rh-tbl-cel {
    height: 44px;
    background-color: #fff;
    border-top: 2px solid #686868;
    vertical-align: middle;
    padding-top: 7px;
}

.rh-sum-order .rh-tbl-cel:first-child {
    border-left: 0;
}

.rh-sum-order .rh-tbl-cel:last-child {
    border-right: 0;
}

.rh-sum-order .rh-tbl-cel {
    position: relative;
    display: table-cell;
    border: 1px solid #ddd;
    line-height: 1;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
}

.rh-sum-order .rh-tbl-row .rh-tbl-cel {
    height: 115px;
    background-color: #f7f7f7;
    vertical-align: middle;
    font-size: 23px;
    font-weight: bold;
}

.rh-sum-order .rh-tbl-cel #ct_tot_price {
    color: #ff4848;
    font-size: 23px;
}

.rh-sum-order .rh-tbl-cel #ct_tot_price {
    font-size: 23px;
}

.rh-sum-order .rh-tbl-row .rh-tbl-cel small {
    font-size: 14px;
    font-weight: normal;
}

#sod_list .rh-col-1 {
    width: 120px;
    text-align: center;
    border-left: 0;
    border-right: 0;
}

#sod_list .rh-col-1 .item-img {}

#sod_list .rh-col-1 .item-img img {
    width: 100px;
    height: auto;
}

#sod_list .rh-col-2 {
    width: 565px;
    padding-bottom: 27px;
}

#sod_list .rh-col-3 {
    width: 140px;
    text-align: center;
}

#sod_list .rh-col-4 {
    width: 120px;
    text-align: center;
    border-right: 0;
    font-weight: bold;
    color: #dd4444;
}

#sod_list .tr-head th.rh-col-5 {
    border-right: 0;
}

#sod_list .rh-col-1>div {
    position: relative;
    display: inline;
    float: left;
}

#sod_list .rh-col-1>div.item-img {
    width: 100px;
    height: 75px;
    overflow: hidden;
}

#sod_list .rh-col-1>div.rh-item-info {
    width: 200px;
    text-align: left;
}

#sod_frm_taker {
    width: 940px;
    margin: 0 auto;
}

#sod_frm_orderer .panel-default,
#sod_frm_taker .panel-default,
#sod_frm_pay .panel-default,
.rh-agree-pay .panel-default,
#sod_frm_agree .panel-default {
    border: 0;
}

#sod_frm_taker .panel-heading,
#sod_frm_pay .panel-heading,
.rh-agree-pay .panel-default>.panel-heading,
#sod_frm_agree .panel-heading {
    background-color: #fff;
    border: 0;
    padding: 20px 25px 20px;
    line-height: 1;
}

#sod_frm_orderer .panel-heading {
    padding: 20px 25px 20px;
    background-color: #fff;
}

.sod_frm_orderer {
    line-height: 1;
}

#sod_frm_taker .panel-heading {
    padding: 20px 25px 20px;
    margin: 0;
    font-weight: normal;
}

#sod_frm_orderer .panel-heading strong,
#sod_frm_taker .panel-heading strong,
#sod_frm_pay .panel-heading strong,
.rh-agree-pay .panel-heading strong,
#sod_frm_agree .panel-heading strong {
    font-size: 20px;
    color: #292929;
    font-weight: normal;
}

#sod_frm_orderer .panel-body,
#sod_frm_taker .panel-body,
#sod_frm_pay .panel-body,
.rh-agree-pay .panel-body,
#sod_frm_agree .panel-body {
    position: relative;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #010101;
    padding: 0;
}

#sod_frm_orderer .panel-body .rh-form-group:before,
#sod_frm_taker .panel-body .form-group:before,
#sod_frm_pay .panel-body .form-group:before,
#sod_frm_agree .panel-body .form-group:before,
.panel-body:before,
.panel-body:after {
    content: '' !Important;
    display: none !important;
}

.rh-promotion {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.rh-promotion>div {
    position: relative;
    display: inline-block;
    width: 50%;
}

.rh-promotion .rh-coupon-add {}

.rh-promotion .rh-coupon-add img {
    position: relative;
    top: -1px;
}

.rh-promotion .rh-coupon-add strong {}

.rh-promotion .rh-coupon-add button {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #8c8c8c;
    color: #525252;
    padding: 5px 10px;
    height: 30px;
}

.rh-promotion .rh-point-add {
    text-align: right;
    float: right;
}

.rh-promotion .rh-point-add input {
    position: relative;
    display: inline-block;
    width: 195px;
    height: 30px;
    padding: 5px;
    border: 1px solid #dcdcdc;
}

.rh-promotion .rh-point-add span {
    position: absolute;
    display: inline-block;
    height: 30px;
    right: 0;
    line-height: 28px;
    width: 65px;
    background-color: #b5b5b5;
    color: #fff;
    text-align: center;
}

.rh-promotion .rh-point-add i {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    line-height: 1;
}

.rh-promotion .rh-point-add i .rh-green {
    color: #3d791e;
}

.rh-total-payment {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 10px 20px 20px;
    margin-top: 30px;
    border: 1px solid #e2e0e0;
}

.rh-total-payment ul,
.rh-total-payment ul li {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-total-payment ul {
    margin: 0;
    padding: 0;
}

.rh-total-payment ul li {
    line-height: 30px;
}

.rh-total-payment ul li span {
    position: relative;
    display: inline-block;
    float: left;
}

.rh-total-payment ul li strong {
    position: relative;
    display: inline-block;
    float: right;
}

.rh-total-payment ul li.rh-total {
    border-top: 1px solid #cccccc;
    padding: 15px 0 0;
}

.rh-total-payment ul li.rh-total span,
.rh-total-payment ul li.rh-total strong {
    line-height: 1;
}

.rh-total-payment ul li.rh-total span {
    font-size: 16px;
    font-weight: bold;
}

.rh-total-payment ul li.rh-total strong {
    font-size: 16px;
    color: #ff4848;
}

.rh-payment-method {
    position: relative;
    display: inline-block;
    padding: 15px;
    margin-top: 34px;
    width: 100%;
    /*border: 1px solid #ccc;*/
    border-top: none;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
}

.rh-payment-method h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 20px;
}

.rh-payment-method .rh-payment-check {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.5;
}

.rh-payment-method .rh-label {
    position: relative;
    display: inline-block;
    float: left;
    width: 160px;
    line-height: 1;
}

.rh-payment-method .rh-payment-check {
    position: relative;
    display: inline-block;
    float: right;
    width: 734px;
    bottom: 14px;
}

.rh-payment-method .rh-payment-check p label {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    color: #525252;
    cursor: pointer;
    top: -3px;
}

.rh-payment-method .rh-payment-check p label input {
    position: relative;
    display: inline-block;
    margin-right: 3px;
}

.rh-payment-method .rh-payment-check .rh-payment-expl {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 16px;
    /*border: 1px solid #eee;*/
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    color: #989898;
    font-style: italic;
    font-size: 13px;
}

#sod_frm_orderer .panel-body .rh-form-group,
#sod_frm_taker .panel-body .form-group,
#sod_frm_agree .panel-body .form-group {
    position: relative;
    display: table-row;
    padding: 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

#sod_frm_taker .panel-body .form-group {
    border-bottom: 0;
}

#sod_frm_agree .panel-body .form-group:after {
    content: '' !important;
}

#sod_frm_orderer .panel-body .rh-form-group>label,
#sod_frm_taker .panel-body .form-group>label {
    width: 160px;
    display: table-cell;
    text-align: left;
    padding: 10px 0 11px 20px;
    margin-right: 10px;
    background-color: #fff;
    font-size: 13px;
    vertical-align: middle;
    font-weight: normal;
}

#sod_frm_orderer .panel-body .rh-form-group>div,
#sod_frm_taker .panel-body .form-group>div {
    position: relative;
    display: table-cell;
    padding: 10px 0 10px 10px;
    line-height: 1;
}

#sod_frm_orderer .panel-body .rh-form-group>div>span {
    line-height: 30px;
    margin-right: 10px;
}

#sod_frm_taker .panel-body>.rh-line-end>label,
#sod_frm_taker .panel-body>.rh-line-end div {
    padding-bottom: 30px
}

#sod_frm_taker .panel-body>.rh-line1>label,
#sod_frm_taker .panel-body>.rh-line1 div {
    padding-top: 20px;
}

#sod_frm_taker .panel-body .form-group>div.rh-pmt-address label {
    margin-bottom: 0;
    cursor: pointer;
    padding-right: 20px;
}

#sod_frm_taker .panel-body .form-group>div.rh-pmt-address label input[type=radio] {
    cursor: pointer;
}

#sod_frm_taker .panel-body .form-group>div input[type=text],
#sod_frm_taker .panel-body .form-group>div input[type=password],
#sod_frm_orderer .panel-body .rh-form-group>div input[type=text],
#sod_frm_orderer .panel-body .rh-form-group>div input[type=password] {
    height: 26px;
    line-height: 26px;
    width: 200px;
    padding: 5px;
    border: 1px solid #e4e4e4;
}

#sod_frm_orderer .panel-body .rh-form-group>div .help-block {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

#sod_frm_orderer .panel-body .rh-address>div select,
#sod_frm_taker .panel-body .rh-address>div select {
    position: relative;
    display: inline-block;
    width: 180px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border-color: #e4e4e4;
}

#sod_frm_orderer .panel-body .rh-address>div .rh-street[type=text],
#sod_frm_taker .panel-body .rh-address>div .rh-street[type=text] {
    position: relative;
    display: inline-block;
    width: 700px;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    margin-top: 5px;
}

#sod_frm_orderer .panel-body .rh-address>div .rh-more-add,
#sod_frm_taker .panel-body .rh-address>div .rh-more-add {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 30px;
    text-align: center;
    border: 1px solid #e4e4e4;
    line-height: 28px;
    background-color: #fafafa;
    color: #010101;
    margin-top: 5px;
}

#sod_frm_taker .panel-body .form-group>div textarea {
    line-height: normal;
    width: 700px;
    height: 75px;
    border: 1px solid #e4e4e4;
    padding: 5px;
}

#sod_frm_pay .panel-body>div {
    position: relative;
    display: inline;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sod_frm_pay .panel-body>div.rh-left {
    width: 623px;
}

#sod_frm_pay .panel-body>div.rh-right {
    width: 315px;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbl-row {
    position: relative;
    display: table-row;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel {
    position: relative;
    display: table-cell;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tb-head {
    width: 130px;
    text-align: center;
    background-color: #f5f5f5;
    line-height: 1;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel>p {
    position: relative;
    display: inline-block;
    margin: 5px 0 0 0;
    width: 100%;
    clear: both;
    line-height: 1;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel>p label {
    position: relative;
    display: inline;
    float: left;
    width: 120px;
    margin-right: 10px;
    margin-bottom: 0;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel>p label input[type=radio] {
    margin: 0 5px 0 0;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel select {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #bbb;
    padding: 0 5px;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel #od_bank_account {
    margin-right: 7px;
    width: 130px;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel label {
    padding-top: 0;
    line-height: 26px;
    cursor: pointer;
    padding-right: 20px;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel label input[type=radio] {
    cursor: pointer;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel button {
    position: relative;
    display: inline-block;
    width: 130px;
    background-color: #fafafa;
    border: 1px solid #bbb;
    text-align: center;
    height: 27px;
}

#sod_frm_pay .panel-body>div.rh-left .rh-use-payment {
    line-height: 40px;
    padding-left: 30px;
    margin-bottom: 0;
}

#sod_frm_pay .panel-body>div.rh-left .rh-use-payment input {
    margin-top: 0;
    margin-right: 5px;
}

#sod_frm_pay .panel-body>div.rh-left .rh-use-payment label {
    margin-bottom: 0;
}

#sod_frm_pay .panel-body>div.rh-right {
    padding: 20px;
    border-left: 1px solid #ddd;
}

#sod_frm_pay .panel-body>div.rh-right h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

#sod_frm_pay .panel-body>div.rh-right p {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

#sod_frm_pay .panel-body>div.rh-right p .rh-use-all {
    position: relative;
    display: inline-block;
    background-color: #fafafa;
    border: 1px solid #bbb;
    width: 75px;
}

#sod_frm_pay .panel-body>div.rh-right ul {
    margin-bottom: 0;
}

#sod_frm_pay .panel-body>div.rh-right ul>li:before {
    content: '*';
    position: relative;
    display: inline-block;
    top: 0;
    margin-right: 3px;
}

#sod_frm_pay .panel-body>div.rh-right ul>li {
    color: #666;
    line-height: 1.5;
}

#sod_frm_agree .panel-default .panel-body {
    position: relative;
    display: inline-block;
    padding: 15px 0;
    font-weight: bold;
    border-bottom: 0;
}

#sod_frm_agree .panel-default table {
    table-layout: fixed;
    border-collapse: collapse;
}

#sod_frm_agree .panel-default table th {
    text-align: center;
}

#sod_frm_agree .panel-default table td,
#sod_frm_agree .panel-default table th {
    border: 1px solid #ddd;
}

#od_coupon_btn,
#sc_coupon_btn,
#od_bank_account {
    margin-right: 5px;
}

.rh-order-payment .form-group {
    position: relative;
    display: inline-block;
    float: left;
    margin-bottom: 0;
}

.rh-order-payment .form-group label.control-label {
    display: inline-block;
    width: auto;
    float: none;
    padding: 0 10px 0 0 !important;
}

#sod_frm_pay .panel-body>div.rh-left .rh-tbl .rh-tbcel .rh-order-payment .form-group select {
    margin-right: 20px !important;
}

.rh-order-payment .form-group div {
    display: inline-block;
}

.rh-order-payment .form-group .form-control {
    position: relative;
    display: inline-block;
    width: 120px;
    float: none;
}

.rh-agree-pay {
    line-height: 0;
}

.rh-agree-pay .panel-body .rh-agreement h6 {
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    margin: 0;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.rh-agree-pay .panel-body .rh-agreement h6 input {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-top: 0;
}

.rh-agree-pay .panel-body .rh-agreement ul {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 30px;
    margin-bottom: 0;
}

.rh-agree-pay .panel-body .rh-agreement ul>li {
    margin: 8px 0;
    font-size: 13px;
    line-height: 1;
}

.rh-agree-pay .panel-body .rh-agreement ul>li input {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: 0;
    margin-right: 4px;
}

.rh-agree-pay .panel-body .rh-payment-amount {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 25px;
    line-height: 1;
    background-color: #fcfcfc;
}

.rh-agree-pay .panel-body .rh-payment-amount>ul {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.rh-agree-pay .panel-body .rh-payment-amount>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.rh-agree-pay .panel-body .rh-payment-amount>ul>li span {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.rh-agree-pay .panel-body .rh-payment-amount>ul>li span.rs_floatright {
    font-size: 16px;
}

.rh-agree-pay .panel-body .rh-total-pay {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px;
    background-color: #fafafa;
    border-top: 1px solid #ddd;
    line-height: 1;
}

.rh-agree-pay .panel-body .rh-total-pay span {
    font-size: 16px;
    font-weight: bold;
    color: #ff4848;
}

.rh-agree-pay .panel-body .rh-total-pay span.rs_floatright {
    font-size: 25px;
}

.rh-coupon-use {
    position: relative;
    display: inline-block;
    margin-top: 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-coupon-use .rh-row-head {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

.rh-coupon-use .rh-row-head strong,
.rh-coupon-use .rh-row-head button,
.rh-coupon-use .rh-row-head a {
    position: relative;
    display: inline;
    float: left;
    margin-right: 10px;
}

.rh-coupon-use .rh-row-head strong {
    font-size: 25px;
    margin-right: 70px;
}

.rh-coupon-use .rh-row-head button,
.rh-coupon-use .rh-row-head a {
    width: 100px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}

.rh-coupon-use .rh-row-head button {
    background-color: #ff4848;
    color: #fff;
    border: 0;
}

.rh-coupon-use .rh-row-head a {
    color: #ff4848;
    border: 1px solid #ff4848;
}

.rh-coupon-use .rh-cntn {
    border: 1px solid #ddd;
    border-top: 2px solid #010101;
}

.rh-coupon-use .rh-cntn h5 {
    position: relative;
    display: inline-block;
    padding: 15px 0;
    margin: 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.rh-total-pay #od_tot_price {
    font-size: 24px;
}

.panel-body .form-group div label {
    padding-left: 20px;
    cursor: pointer;
}

.panel-body .form-group div label input[type=check] {
    cursor: pointer;
}


/* CHECKOUT NEW DESIGN 2019-03-12 */

.rh-checkout-page {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
}

.rh-cart-checkout {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-cart-checkout table {
    position: relative;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    text-align: center;
    background-color: #fff;
}

.rh-cart-checkout .rh-tbl-head {
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
}

.rh-cart-checkout .rh-tbl-head th.rh-col1 {
    width: 480px
}

.rh-cart-checkout table td,
.rh-cart-checkout table th {
    padding: 15px;
    line-height: 1.2;
    border-bottom: 1px solid #e9e9e9;
}

.rh-cart-checkout table td.rh-shopname {
    text-align: left;
}

.rh-cart-checkout table .rh-col1 {
    width: 110px;
    text-align: center;
}

.rh-cart-checkout table .rh-col1 .rh-item-img-checkout {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    background-size: cover;
    background-position: center center;
}

.rh-cart-checkout table .rh-col2 {
    width: 410px;
    text-align: left;
    padding-left: 0;
}

.rh-cart-checkout table .rh-col2 .rh-item-name {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
}

.rh-cart-checkout table .rh-col2 p {
    font-size: 13px;
    color: #666;
}

.rh-cart-checkout table .rh-col3 {
    width: 90px;
}

.rh-cart-checkout table .rh-col4 {
    width: 140px;
}

.rh-cart-checkout table .rh-col5 {
    width: 190px;
}

.rh-cart-checkout table .rh-col5 small {
    position: relative;
    display: inline-block;
    margin-top: 7px;
    font-size: 13px;
    color: #999;
}


/* ORDER INQUIRY VIEW  */

.rh-ordered-board {
    width: 1090px;
    padding: 40px 70px;
    margin-bottom: 40px;
    background-color: #fff;
}

.rh-ordered-board .rh-cart-ttl strong {
    font-size: 20px;
}

.well.well-sm.rh-order-code {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 0 #fff;
    border: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
}

.well.well-sm.rh-order-code strong {
    font-size: 16px;
}

.well.well-sm.rh-order-code .print-hide {
    font-size: 16px;
}

.rh-bsk-tbl {
    border-collapse: collapse;
}

.rh-bsk-tbl .rh-tbl-head {
    border-top: 1px solid #686868;
}

.rh-bsk-tbl .rh-tbl-head th {
    height: 46px;
    padding: 0 !important;
}

.rh-bsk-tbl .rh-tbl-head th span {
    border-right: 0 !important;
}

.rh-bsk-tbl tr td.rh-col-1 {
    width: 120px;
    border-right: 0;
    border-left: 0;
}

.rh-bsk-tbl tr td.rh-col-2 {
    width: 565px;
    text-align: left;
    border-left: 0;
}

.rh-bsk-tbl tr td.rh-col-3 {
    width: 140px;
}

.rh-bsk-tbl tr td.rh-col-4 {
    width: 120px;
    border-right: 0;
    color: #dd4444;
    font-weight: bold;
}

.rh-bsk-tbl tr td.rh-col-2 .rh-item-name {
    width: 525px;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 7px;
    padding-bottom: 7px;
}

.rh-bsk-tbl tr td.rh-col-2 .rh-option-selected {
    margin-bottom: 6px;
    margin-bottom: 17px;
}

.rh-bsk-tbl tr td {
    border: 1px solid #dadada;
    text-align: center;
}

.rh-bsk-tbl tr td.last {
    border-right: 0
}

.panel-success.rh-order-success {
    border: 0;
}

.panel-success.rh-order-success>.panel-heading,
.panel-default.rh-order-success>.panel-heading,
.panel-primary.rh-order-success .panel-heading {
    background-color: #fff;
    padding: 0;
    border: 0;
    margin: 30px 0 10px 0;
    line-height: 1;
}

.rh-order-success .panel-heading strong {
    font-size: 15px;
    color: #333;
}

.panel-success.rh-order-success .table-responsive,
.panel-default.rh-order-success .table-responsive {
    border: 1px solid #ddd;
    border-top: 2px solid #010101;
}

.panel-success.rh-order-success .table-responsive table tr th,
.panel-default.rh-order-success .table-responsive table tr th {
    background-color: #f1f1f1;
    height: 50px;
    font-size: 13px;
}

.panel-success.rh-order-success .table-responsive table tr td,
.panel-default.rh-order-success .table-responsive table tr td {
    height: 50px;
    text-align: left;
}

.panel-default.rh-order-success {
    border: 0;
}

.panel-primary.rh-order-success {
    border: 0;
    background-color: #fff;
}

.panel-primary.rh-order-success .table-responsive {
    border: 1px solid #ddd;
}

.panel-primary.rh-order-success .table-responsive .bsk-tbl tr th,
.panel-primary.rh-order-success .table-responsive .bsk-tbl tr td {
    height: 50px;
    background-color: #f1f1f1;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}

.panel-primary.rh-order-success .table-responsive .bsk-tbl tr td strong {
    font-size: 16px;
}

.panel-primary.rh-order-success .table-responsive .bsk-tbl tr.active th,
.panel-primary.rh-order-success .table-responsive .bsk-tbl tr.active td {
    color: #ff4848;
}

.print-hide.rh-order-success {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.print-hide.rh-order-success .rh-back-btn {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    width: 160px;
    padding: 0;
}

.addr_pop .div-table.table>tbody>tr>th,
.addr_pop .div-table.table>tbody>tr>td {
    font-size: 13px;
}

.addr_pop .div-table.table>tbody>tr>td.rh-printAdd {
    text-align: left;
}


/*  ORDER - ADD COUPON POPUP */

#od_coupon_frm h3,
#sc_coupon_frm h3 {
    position: relative;
    display: inline-block;
    padding-bottom: 27px;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #bcbcbc;
}

#sc_coupon_frm .rh-empty-notice {
    margin-top: 20px;
    font-size: 12px;
    color: #333;
}

#od_coupon_frm .div-table.table>thead th,
#sc_coupon_frm .div-table.table>thead th {
    font-weight: normal;
    font-size: 14px;
}

#od_coupon_frm .div-table.table>tbody>tr>td {
    border-bottom: 1px solid #dadada;
    font-size: 14px;
}

#od_coupon_frm .div-table.table>tbody>tr>td .od_cp_apply,
#sc_coupon_frm .div-table.table>tbody>tr>td .sc_cp_apply {
    background-color: #ff4848;
    border-color: #ff4848;
    color: #fff;
}

#od_coupon_close,
#sc_coupon_close {
    width: 110px;
    height: 32px;
    border: 2px solid #ff4848;
    color: #ff4848;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/* Empty coupon */

#od_coupon_frm p.text-center {
    margin-top: 20px;
}


/* LEFT MENU - NOTICE & FAQ PAGE */

.rh-left-menu,
.rh-cc-wrap {
    position: relative;
    display: inline;
    float: left;
    margin-bottom: 30px;
}

.rh-left-menu {
    width: 170px;
    margin-right: 15px;
}

.rh-left-menu h4 {
    line-height: 1.5;
    padding: 37px 30px;
    margin: 0;
    width: 170px;
    height: 129px;
    background-image: url('/img/shop/left-menu-bgr.jpg');
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-left-menu ul {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
}

.rh-left-menu ul li {
    border-bottom: 1px solid #e3e3e3;
}

.rh-cc-wrap {
    width: 750px;
}

.rh-left-menu ul li {
    font-weight: bold;
    color: #121212;
}

.rh-left-menu ul li a {
    position: relative;
    display: inline-block;
    line-height: 1.5;
    padding: 12px 15px;
}

.rh-left-menu ul li>.rh-left-sub-1 {
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 0;
}

.rh-left-menu ul .active li {
    color: red !important;
}

.rh-left-menu ul li>.rh-left-sub-1>li {
    border: 0;
}


/*Change by Linh bỏ border bottom margin và thêm padding, width 100%*/

.rh-left-menu ul.rh-left-sub-1 li a {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    font-weight: normal;
    font-size: 13px;
    padding-right: 25px !important;
    padding-left: 29px !important;
}

.rh-left-menu ul.rh-left-sub-1 li:last-child {
    border-bottom: 0;
}


/*End change*/

.rh-left-menu ul.rh-left-sub-1 li a:before {
    content: "-";
    position: absolute;
    left: 2px;
    top: 10px;
    font-size: 16px;
}

.rh-left-menu ul.rh-left-sub-1 li a:hover {
    color: #ff4848;
}

.rh-left-menu ul>li:hover .rh-left-sub-1 {
    display: inline-block;
}


/* REVIEW LIST */


/*.red,*/

i.red {
    /*color: #ff7342;*/
    margin-right: 4px;
}

.rh-review-srch {
    position: relative;
    display: inline-block;
    width: 850px;
    margin-left: 45px;
    padding: 34px 25px 34px 25px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.rh-review-srch .rh-review-label {
    position: relative;
    display: inline-block;
    width: 110px;
    line-height: 32px;
    top: 0;
    margin-bottom: 0;
    margin-right: 34px;
    font-size: 30px;
    font-weight: bold;
    color: #ff4848;
}

.rh-review-srch input,
.rh-review-srch label,
.rh-review-srch span,
.rh-review-srch hr,
.rh-review-srch button,
.rh-review-srch .rh-search-input {
    position: relative;
    display: inline;
    float: left;
}

.rh-review-srch input {
    width: 110px;
    height: 34px;
    border: 1px solid #dadada;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.rh-review-srch .rh-search-input {
    margin-right: 7px;
}

.rh-review-srch .rh-time-dur {
    line-height: 34px;
    margin: 0 5px;
    color: #adadad;
}

.rh-review-srch hr {
    position: relative;
    width: 1px;
    height: 30px;
    background-color: #dadada;
    border: 0;
    margin: 2px 0 0 0;
}

.rh-review-srch .rh-deco-line-0 {
    background-color: #ccc;
    margin-right: 7px;
    height: 20px;
    margin-top: 8px;
}

.rh-review-srch .rh-deco-line-1 {
    float: right;
    height: 30px;
    margin-right: 15px;
    background-color: #aaa;
}

.rh-review-srch .rh-srch-btn {
    margin-left: 13px;
    padding: 0 15px;
    width: 90px;
    height: 34px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff4848;
    border: 0;
    letter-spacing: 0;
    color: #fff;
}

.rh-review-srch .rh-right-btn {
    position: relative;
    display: inline;
    float: right;
    width: 160px;
    height: 34px;
    border: 2px solid #ff4848;
    background-color: #fff;
    color: #ff4848;
}

.rh-review-list .media-body {
    padding-top: 0px;
}

img.rh-review-like {
    position: relative;
    top: -3px;
}


/* REVIEW VIEW */

.rh-review-sns {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: -58px;
}

.rh-review-view .view-content {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    padding: 10px;
}

.rh-review-cntn {
    position: relative;
    display: inline-block;
    width: 720px;
    float: left;
}

.view-content .rh-review-item {
    position: relative;
    display: inline-block;
    width: 200px;
    float: right;
    line-height: 1;
    text-align: center;
}

.rh-review-item .panel-title {
    margin-bottom: 7px;
}

.rh-review-item .font-15 {
    margin-right: 7px;
    margin-top: 5px;
}

.rh-review-item .rh-item-cmt {
    position: relative;
    display: inline-block;
    margin-top: 7px;
}

.rh-review-view .view-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

.rh-foto-review {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: center;
    margin-top: 15px;
}

.rh-foto-review img {
    position: relative;
    display: inline-block;
    margin: 5px;
    width: auto;
    max-width: 500px;
    height: auto;
}

.rh-review-view .view-head .panel-heading,
.rh-qna-view .view-head .panel-heading {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #f9f9f9;
    border-top: 1px solid #333;
    border-radius: 0;
    padding: 11px 15px;
}

.rh-review-view .view-head .panel-heading .fa-star,
.rh-qna-view .view-head .panel-heading .fa-star {
    margin-right: 5px;
}


/* QNA VIEW */

.rh-qna-view-h2 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 7px 15px;
    border-bottom: 1px solid #dadada;
    font-size: 22px;
}

.rh-qna-view .view-head .panel-heading {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

.rh-qna-view .view-head .panel-heading .text-muted {
    line-height: 24px;
}

.rh-qna-view .view-content {
    line-height: 1;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.rh-qnaview-q strong,
.rh-qnaview-a strong {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 3px;
}

.rh-review-view .rh-edit-btn,
.rh-qna-view .rh-edit-btn {
    position: relative;
    display: inline-block;
    padding: 7px 15px 7px 20px;
    background-color: #939393;
    color: #fff !important;
    font-weight: bold;
}

.rh-review-view .rh-del-btn,
.rh-qna-view .rh-del-btn {
    position: relative;
    display: inline-block;
    padding: 7px 15px 7px 20px;
    /*  background-color: #757575; color: #fff !important;  */
    font-weight: bold;
}

.rh-qna-view-time {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-top: 7px;
    text-align: right;
    line-height: 1;
    color: #333;
    font-size: 12px;
    font-style: italic;
}

.ans-btn .rh-cmt-btn {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(41, 41, 41);
    background-color: #5a5a5a;
    position: relative;
    display: inline-block;
    padding: 7px 15px 7px 20px;
    float: left;
    width: auto;
    height: auto;
}


/* NOTICE BOARD */

.rh-notice-wr {
    position: relative;
    display: block;
    width: 940px;
    margin: 15px auto;
}

#bo_sch {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 34px 30px 34px 63px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

#bo_sch label,
.rh-faq-srch-col1 label {
    position: relative;
    display: inline-block;
    width: 120px;
    line-height: 32px;
    top: 0;
    margin-bottom: 0;
    margin-right: 34px;
    font-size: 30px;
    font-weight: bold;
    color: #ff4848;
}

.questionFAQForm {
    width: 100%;
    display: inline-block;
    position: relative;
}

.rh-faq-list.rh-qna-content ul li .questionFAQForm .arrowFAQ {
    position: absolute;
    top: 30%;
    right: 0%;
    background: url(../img/arrowDown.png) 50% 50% no-repeat;
    background-size: 10px 10px;
    width: 20px;
    height: 20px;
    transition: 0.5s;
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -webkit-transform: rotate(-180deg);
    /* Safari */
    transform: rotate(-180deg);
}

.rh-faq-list.rh-qna-content ul li.active .questionFAQForm .arrowFAQ {
    transition: 0.5s;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari */
    transform: rotate(0deg);
}

.answerFAQForm {
    display: none;
    margin-left: 10px;
    width: 790px;
    background-color: #f0f0f0;
    padding: 10px;
}

.rh-faq-list.rh-qna-content ul li {
    margin-bottom: 10px;
}

.first_show {
    min-height: 30px;
    line-height: 30px;
}


/* FAQ */

.rh-faqskin-wr {
    position: relative;
    display: block;
    width: 940px;
    margin: 15px auto;
}

.rh-faq-srch>div {
    position: relative;
    display: inline;
    float: left;
}

.rh-faq-srch-col1 {
    width: 460px;
}

.rh-faq-srch-col2 {
    width: 175px;
}

.rh-faq-srch-col1 label,
.rh-faq-srch-col1 input,
.rh-faq-srch-col1 select,
.rh-faq-srch-col1 button {
    position: relative;
    display: inline;
    float: left;
    margin-right: 10px;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-faq-srch-col1 label {
    font-weight: bold;
    font-size: 16px;
}

.rh-faq-srch-col1 select {
    width: 112px;
    border: 1px solid #adadad;
}

.rh-faq-srch-col1 input {
    width: 165px;
    padding: 5px;
    border: 1px solid #adadad;
}

.rh-faq-srch-col1 button {
    width: 75px;
    text-align: center;
    background-color: #6f6f6f;
    border: 0;
    color: #fff;
}

.rh-faq-srch-col2 {
    padding-left: 30px;
    border-left: 1px solid #adadad;
}

.rh-faq-srch-col2 button {
    width: 160px;
    height: 34px;
    border: 2px solid #ff4848;
    background-color: #fff;
    color: #ff4848;
    font-size: 14px;
}

.faq-category {
    margin-top: 40px;
}

.faq-category .div-tab.tabs ul.nav-tabs,
.faq-category .div-tab.tabs.trans-top ul.nav-tabs li a {
    border-top: 0;
    padding: 0 !important;
    line-height: 40px !important;
    background-color: #fff;
}

.faq-category .div-tab.tabs.trans-top ul.nav-tabs li a {
    border-bottom: 2px solid #5764c0;
}

.faq-category .div-tab.tabs ul.nav-tabs li {
    width: 120px;
    text-align: center;
    height: 42px;
    line-height: 40px !Important;
    border-bottom: 0;
    padding: 0 !important;
}

.faq-category .div-tab.tabs ul.nav-tabs li.active a,
.faq-category .div-tab.tabs ul.nav-tabs li.active a:hover,
.faq-category .div-tab.tabs ul.nav-tabs li.active a:focus,
.faq-category .div-tab.tabs ul.nav-tabs li.active:first-child a,
.faq-category .div-tab.tabs ul.nav-tabs li.active:first-child a:hover,
.faq-category .div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.faq-category .div-tab.tabs ul.nav-tabs li.active:last-child a,
.faq-category .div-tab.tabs ul.nav-tabs li.active:last-child a:hover,
.faq-category .div-tab.tabs ul.nav-tabs li.active:last-child a:focus {
    padding: 0 !important;
    line-height: 40px !Important;
}

.faq-category .div-tab.tabs ul.nav-tabs li.active,
.faq-category .div-tab.tabs.trans-top ul.nav-tabs li.active a,
.faq-category .div-tab.tabs.trans-top ul.nav-tabs li:hover a,
.faq-category .div-tab.tabs ul.nav-tabs li.active a,
.faq-category .div-tab.tabs ul.nav-tabs li.active a:hover {
    padding: 0 !important;
    background-color: #5764c0;
    color: #fff !important;
    /* border: 1px solid #5764c0 !important; border-top-color: #5764c0 !important ; */
    line-height: 40px !important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.result_search.active {
    border-top-color: #5764c0 !important;
}

.faq-content {
    margin-top: 0px;
    border-top: 1px solid #ebebeb;
}

.rh-faq-cntn {
    background-color: #f9f9f9;
    line-height: 1.3;
}

.faq-content-tbl {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.faq-content-tbl>div {
    position: relative;
    display: table-row;
    width: 100%;
}

.faq-content-tbl>div>div {
    position: relative;
    display: table-cell;
    line-height: 1.5;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
}

.faq-content-tbl>div>div.rh-col-1 {
    width: 110px;
    text-align: center;
}

.faq-content-tbl>div>div.rh-col-2 {
    width: 640px;
    padding-right: 10px;
}

.faq-content-tbl>div.rh-answer {
    display: none;
    background-color: #f9f9f9;
}

.faq-content-tbl>div.rh-answer>div {
    padding-bottom: 30px;
}

.rh-collapse .rh-faq-icon span.rh-cttn-icon,
span.rh-cttn-icon {
    position: relative;
    display: inline-block;
    padding: 3px 10px 6px 10px;
    background-color: #44a9d4;
    color: #fff;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.div-panel.panel-group .panel-heading a b {
    font-weight: normal;
}

.div-panel.panel-group .panel-heading:hover a b {
    font-weight: bold;
    color: #000;
}

.div-panel.panel-group .panel-heading a.active .panel-icon::after,
.div-panel.panel-group .panel-heading a .panel-icon::after {
    content: 'Q' !important;
    color: #ff4848 !important;
    background: transparent !important;
    font-weight: bold;
    font-size: 12px !important;
}

.pagination li a {
    margin: 0 4px;
    padding: 0 0 8px 0px!important;
    width: 35px;
    height: 35px;
    line-height: 34px !Important;
    text-align: center;
}

.pagination li a i.fa {
    line-height: 32px;
}

.rh-faq-cntn {
    background-color: #f9f9f9;
    line-height: 1.3;
}


/* CART TAIL */

.rh-item-list-4-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-partner-products .rh-item-list-4-wr .rh-item-list-4 {
    position: relative;
    display: block;
    width: 940px;
    margin: 25px auto 25px auto;
    padding-top: 0px;
    letter-spacing: -1px;
}

.rh-item-list-4-wr .rh-item-list-4 h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1;
    margin: 0 0 10px 0;
    font-size: 27px;
    font-weight: bold;
}

.rh-item-list-4-wr .rh-item-list-4 .rh-slider-arr {
    float: right;
    margin-bottom: 5px;
}

.rh-item4-slide-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.rh-item4-slide {
    position: relative;
    display: inline-block;
    width: 300%;
    margin: 0;
    padding: 0;
}

.rh-item4-slide li {
    position: relative;
    display: inline;
    float: left;
    margin-right: 16px;
    width: 223px;
}

.rh-item-col-4 {
    position: relative;
    display: inline-block;
    width: 223px;
    border: 1px solid #dddddd;
}

.rh-item-col-4>img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 220px;
}

.rh-info-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f9f9f9;
}

.rh-info-wr p {
    line-height: 1;
}

.rh-info-wr .rh-item-name a {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rh-info-wr .rh-item-name a {}

.rh-item-col-4 .rh-info-wr .rh-item-price {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #020202;
    font-size: 16px;
}

.rh-item-col-4 .rh-info-wr .rh-item-price strong {
    position: relative;
    font-size: 35px;
    color: #ff4848;
    margin-right: 5px;
}

.rh-item-col-4 .rh-info-wr .rh-item-price strong sub {
    vertical-align: top;
    font-size: 50%;
    bottom: -.5em;
}

.rh-item-col-4 .rh-info-wr .rh-item-price span {
    color: #ff4848;
    margin-left: 15px;
}


/* SEARCH PAGE */

.at-container.rh-search-form-wr {
    position: relative;
    min-height: 1400px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.at-container.rh-search-form-wr .banner_search_custom {
    top: 25px
}

.at-container.rh-search-form-wr .rh-search-result h6 {
    margin-bottom: 10px;
}

#frmdetailsearch .search-box .rh-pc-checkbox {
    margin-right: 10px;
}

#frmdetailsearch .form-group div {
    line-height: 1.4;
}

.rh-search-result {
    margin-bottom: 30px;
}

.rh-search-result h6 {
    font-size: 15px;
}

.rh-related-kw {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    border-top: 1px solid #d6d6d6;
    background-color: #f9f9f9;
    padding: 15px 85px 15px 120px;
    font-size: 13px;
    line-height: 2;
}

.rh-related-kw .rh-kw-ttl {
    position: absolute;
    left: 15px;
    top: 15px;
}

.rh-related-kw .rh-kw-wr {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-related-kw span {
    position: relative;
}

.rh-related-kw a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    color: #666;
}

.rh-related-kw a:hover {
    font-weight: bold;
    color: #232323;
}

.rh-search-filter {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.rh-search-filter ul {
    position: relative;
    display: inline-block;
    float: right;
    width: auto;
    margin: 0;
    padding: 0;
}

.rh-search-filter ul li {
    position: relative;
    display: inline;
    float: left;
    padding: 0 15px;
    width: auto;
    line-height: 1;
    border-right: 1px solid #dddddd;
    background-color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}

.rh-search-filter ul li:last-child {
    border-right: 0;
}

.rh-search-filter ul li a {
    color: #424242;
}

.rh-search-filter ul li a:hover,
.rh-search-filter ul li:hover a,
.rh-search-filter ul li.active a {
    /*  font-weight: bold; */
    color: #ff4848;
}

.rh-search-filter ul li:hover,
.rh-search-filter ul li.active {
    /*  font-weight: bold; */
    color: #ff4848;
}

.rh-related-kw .rh-more-btn {
    position: absolute;
    display: inline-block;
    width: 65px;
    right: 15px;
    top: 15px;
    padding: 0 10px;
    color: #666;
    font-size: 13px;
    border: 0;
    text-align: center;
}


/* PARTNER PAGE */

.rh-partner-shop {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
}

.rh-partner-shop h2 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #3b3b3b;
}

.rh-partner-shop>p {
    position: relative;
    display: block;
    width: 940px;
    margin: 5px auto;
    line-height: 1;
    color: #999;
}

.rh-partner-sub-info {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    line-height: 1;
}

.rh-partner-shop .rs_floatright .rh-info {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.rh-partner-shop .rs_floatright .rh-favorite-btn {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

.rh-partner-shop .rs_floatright .rh-rss {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.banner_search_custom li.active label {
    font-weight: 700;
    color: #ff4848;
}

.banner_search_custom li.active button {
    font-weight: 100;
    color: #000000;
}

.banner_search_custom button {
    line-height: normal !important;
}

.banner_search_custom .partner-subcategory {
    padding-left: 7px;
}

.sub_ca_id_parent {
    padding-left: 30px;
}

.partner_sub_menu {
    margin: 0 0 0 10px !important;
}

.rh-partner-banner .rh-cat-left>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    line-height: 32px;
    border-bottom: 1px solid #e3e3e3;
}

.rh-partner-banner .rh-parner-bn-right {
    position: relative;
    display: inline;
    float: right;
    width: 50%;
    height: 341px;
}

.rh-partner-bn-img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}

.rh-partner-banner .rh-parner-bn-right p {
    position: relative;
    display: inline-block;
    margin-top: 260px;
    color: #fff;
    margin-left: 40px;
}

.rh-partner-banner .rh-parner-bn-right p strong {
    font-size: 25px;
}

.rh-partner-banner .rh-parner-bn-right p span {
    position: relative;
    display: inline-block;
    margin-top: 5px;
}

.rh-partner-products .rh-filter {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: right;
    font-size: 0;
    border-bottom: 0;
}

.rh-partner-products .rh-filter li {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 18px;
    text-align: center;
    line-height: 1;
    border-right: 1px solid #ddd;
    color: #909090;
    border-bottom: 0;
}

.rh-partner-products .rh-filter li a {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    border-top: 0;
    font-size: 12px;
    color: #565656;
}

.rh-partner-products .rh-filter li.rh-freeship {
    float: right;
    border: 0;
    background-color: #fff;
    margin-top: 7px;
    text-align: right;
    color: #ff4848;
    font-weight: bold;
}

.rh-partner-products .rh-filter li.rh-freeship label {
    margin: 0;
    font-weight: bold;
    padding-right: 7px;
}

.rh-partner-products .rh-filter li.rh-freeship:hover {
    line-height: 1;
    height: 17px;
}

.rh-store-info-poup {
    position: absolute;
    display: inline-block;
    width: 400px;
    height: auto;
    left: -200px;
    background-color: #fff;
    padding: 16px;
    border-collapse: collapse;
    z-index: 99;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(82, 82, 82, 0.3);
    -moz-box-shadow: 0px 0px 10px 5px rgba(82, 82, 82, 0.3);
    box-shadow: 0px 0px 10px 5px rgba(82, 82, 82, 0.3);
}

.rh-store-info-poup h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.rh-store-info-poup ul {
    position: relative;
    display: table;
    width: 100%;
}

.rh-store-info-poup ul li {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-store-info-poup ul li span {
    position: relative;
    display: table-cell;
    border: 1px solid #dfdfde;
    padding: 9px 5px;
    line-height: 15px;
    font-size: 12px;
}

.rh-store-info-poup ul li span.rh-head {
    width: 120px;
    background-color: #f5f5f5;
}

.rh-store-info-poup ul li span.rh-cntn {
    background-color: #fff;
}

.rh-store-info-poup h5 img.rh-closed-btn {
    position: absolute;
    display: inline-block;
    top: -15px;
    right: 0;
}

.rh-partner-products .rh-item-list-4-wr {
    line-height: 0;
    font-size: 0;
}

.rh-partner-products .rh-item-list-4 {
    border-top: 0;
    padding-top: 10px;
    min-height: 580px;
}

.rh-partner-products .rh-item-col-4 {
    margin-right: 15px;
    margin-top: 15px;
}

.rh-partner-products .rh-item-list-4 .widget-box .rh-items-wrap {
    padding: 0;
    margin: 0px 20px 30px 0;
}

.rh-partner-products .rh-item-list-4 .widget-box .rh-items-wrap:nth-child(4n) {
    margin-right: 0;
}

.rh-tree-cat>.jstree-no-dots .jstree-open>.jstree-ocl {
    width: 15px;
}

.rh-tree-cat .jstree-node {
    margin-left: 10px;
}

.rh-tree-cat .jstree-themeicon {
    width: 0 !important;
    margin: 0;
    padding: 0;
}

.jstree-default .jstree-wholerow-clicked {
    background: #fff !important;
    font-weight: bold;
}

.jstree-default .jstree-wholerow-clicked {
    font-weight: bold;
}

.rh-tree-cat>ul>li .jstree-icon.jstree-ocl,
.rh-tree-cat>ul>li>ul>li .jstree-icon.jstree-ocl {
    width: 15px;
}

.rh-tree-cat>ul>li>ul>li>ul>li.jstree-node {
    margin-left: 20px;
}

.rh-tree-cat>ul>li>ul>li>ul>li .jstree-icon.jstree-ocl {
    display: none;
}

.jstree-anchor {
    /*enable wrapping*/
    white-space: normal !important;
    /*ensure lower nodes move down*/
    height: auto !important;
    /*offset icon width*/
}


/* LEFT SEARCH COLLUMN */

.banner_search_custom .rh-search-part:not(#search-price-box) input {
    display: none!important;
}

.banner_search_custom {
    padding: 20px 0 20px 0;
}


/* .banner_search_custom .rh-search {position: relative; display: inline-block; width: 100%;} */

.banner_search_custom .rh-search input {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 28px;
    height: 30px;
    border: 1px solid #e3e3e3;
    padding: 5px;
}

.banner_search_custom .rh-sub-cat {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 0;
}

.banner_search_custom .rh-sub-cat li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    line-height: 27px;
    border-bottom: 1px solid #e3e3e3;
}

.banner_search_custom .rh-sub-cat li a {
    white-space: nowrap;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 27px;
    color: #999;
}

.banner_search_custom .rh-sub-cat li a:hover,
.banner_search_custom .rh-sub-cat li.active a {
    font-weight: bold;
    color: #121212;
}

.banner_search_custom .rh-search-part h4 {
    font-size: 13px;
    color: #121212;
    font-weight: bold;
    margin-top: 30px;
}

.rh-filter-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    background-color: #f5393a;
    color: #fff;
    font-weight: bold;
    height: 28px;
    border: 1px solid #f5393a;
}

.rh-money-filter-ip input {
    width: 57px;
    height: 28px;
    border: 1px solid #ddd;
    padding: 5px;
    color: #999;
}

.rh-money-filter-ip span {
    margin: 0 4px;
}

.banner_search_custom .rh-star-rank label img {
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 0px;
    width: 16px;
}

.banner_search_custom .rh-pc-checkbox span {
    margin-right: 7px;
}

.banner_search_custom {
    position: absolute;
    left: -250px;
    width: 225px;
    padding: 10px 20px;
    top: 0;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #121212;
    height: auto;
    overflow: auto;
    top: auto;
    display: inline-block;
    z-index: 100;
    background-color: #fff;
}

.banner_search_custom h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0 15px;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #cecece;
    text-align: center;
    text-transform: uppercase;
}

.banner_search_custom h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 30px 0 20px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #121212;
    text-transform: uppercase;
}

.banner_search_custom label.rh-pc-checkbox span {
    width: 15px;
    height: 15px;
    top: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.banner_search_custom label.rh-pc-checkbox input[type=checkbox]:checked+span:after {
    content: url('/img/shop/left-search-icon_06.png');
}

.banner_search_custom .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.banner_search_custom .jstree-default .jstree-checked>.jstree-checkbox {
    background-position: -228px -31px;
}

.banner_search_custom .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
.banner_search_custom .jstree-default .jstree-checked>.jstree-checkbox:hover {
    background-position: -228px -31px;
}

.banner_search_custom .jstree-default .jstree-checkbox:hover {
    background-position: -164px -4px;
}

.banner_search_custom .jstree-default .jstree-default .jstree-anchor>.jstree-undetermined {
    background-position: -164px -4px;
}

.banner_search_custom .jstree-default .jstree-anchor>.jstree-undetermined {
    background-position: -164px -5px;
}

.rh-partner-shop .rh-search-outside.active {
    display: block;
    height: 90vh;
    overflow: auto;
    top: auto;
}

.rh-partner-shop .rh-search-outside {
    display: none;
    position: absolute;
    left: -220px;
    width: 200px;
    padding: 30px 10px;
    top: 0;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
}

.rh-search-outside .rh-search {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-search-outside .rh-search input {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 28px;
    height: 30px;
    border: 1px solid #e3e3e3;
    padding: 5px;
}

.rh-search-outside .rh-sub-cat {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px 0 20px 0;
    padding: 0;
}

.rh-search-outside .rh-sub-cat li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    line-height: 27px;
    border-bottom: 1px solid #e3e3e3;
}

.rh-search-outside .rh-sub-cat li a {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 27px;
    color: #999;
}

.rh-search-outside .rh-sub-cat li a:hover {
    font-weight: bold;
    color: #121212;
}

.rh-search-outside .rh-search-part h4 {
    font-size: 13px;
    color: #121212;
    font-weight: bold;
    margin-top: 30px;
}

.rh-star-rank .rh-star-text {
    position: relative;
    display: inline-block;
    font-style: normal;
    float: right;
    color: #666666;
    font-size: 13px;
}

.rh-filter-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    background-color: #f5393a;
    color: #fff;
    font-weight: bold;
    height: 28px;
    border: 1px solid #f5393a;
    font-size: 14px;
}

.rh-money-filter-ip input {
    width: 43%;
    height: 28px;
    border: 1px solid #ddd;
    padding: 5px;
    color: #999;
    font-size: 13px;
}

.rh-money-filter-ip span {
    position: relative;
    display: inline-block;
    width: 10px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
}

.rh-search-outside .rh-star-rank label img {
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 5px;
}

.rh-search-outside .rh-pc-checkbox span {
    margin-right: 7px;
}

.rh-search-part label.rh-pc-checkbox {
    margin-bottom: 10px;
}

#search-price-box label.rh-pc-checkbox {
    font-size: 13px
}

.rh-money-filter-ip {
    margin-top: 10px;
    font-size: 0;
}

.rh-search {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 100px 8px;
}

.rh-search input {
    background-color: transparent;
}

.partner-search-keyword {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    background: url('/img/shop/partner-mall_17.png') 50% 50% no-repeat;
}

.search-result {
    min-height: 90vh;
    margin-top: -30px;
    margin-bottom: 30px;
}

.search-result h3 {
    border-bottom: 1px solid #9e9e9e;
    height: 30px;
}

.search-result h3 span {
    border: 1px solid #9e9e9e;
    border-bottom: 0;
    font-size: 20px;
    padding: 7px 20px;
}

#search-fast-delivery select {
    width: 100%;
    height: 32px;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    color: #666;
}

#fast_change_first>div {
    margin-top: 0px;
    display: inline-block;
    width: 100%;
    min-height: 20px;
}

#fast_change_first div label {
    color: #0000ff;
    font-size: 15px;
    margin-bottom: 0;
}

#fast_change_first>div>h6 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 5px 0;
    color: #999;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 5px 3px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

#fast_change_first div a.rh-chang-loc {
    position: relative;
    display: inline-block;
    line-height: 16px;
    width: auto;
    clear: both;
    color: #999;
    border-bottom: 1px solid #999;
    float: right;
}

.sub_ca_id_parent>li.active>label,
.partner-subcategory>li.active>label {
    color: #ff4848 !important;
    font-weight: 700 !important;
}

.sub_ca_id_parent>li>label,
.partner-subcategory>li>label {
    color: #000000 !important;
    font-weight: 100 !important;
}

.at-go .go-btn span i {
    line-height: 38px;
}


/* TIME TOOL TIP */

.rh-tooltip-hour {
    position: absolute;
    display: none;
    top: -28px;
    width: 100%;
    right: 0;
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    padding: 3px 0px;
    border: 0;
    border-radius: 1px;
    font-style: normal;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.rh-tooltip-hour:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 6px solid #ccc;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.rh-qna-view-time .rh-date {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 3px 0;
    font-style: normal;
    text-align: center;
    cursor: pointer;
}

.trans-mark dl {
    margin-bottom: 0;
    text-align: center !important;
    cursor: help;
}


/* TOOLTIPS DESIGN */

.use-media .media .rh-rv-col-3 .rh-tooltip,
.rh-qa-tbl .rh-col-3 .rh-tooltip,
.rh-answer-row .rh-col-3 .rh-tooltip,
.rh-rv-col-3 .rh-tooltip {
    position: absolute;
    display: none;
    right: 0;
    width: 160px;
    padding: 4px 7px;
    background-color: #f9f9f9;
    border: 1px solid #848484;
    font-size: 12px;
    color: #232323;
    line-height: 1.3;
    box-shadow: 2px 2px 1px #a7a7a7;
    z-index: 999;
    border-radius: 2px;
    text-align: left;
}

.rh-answer-row .rh-col-3 .rh-tooltip-trans,
.use-media .media .rh-rv-col-3 .rh-tooltip-trans,
.rh-qa-tbl .rh-col-3 .rh-tooltip-trans,
.rh-rv-col-3 .rh-tooltip-trans {
    margin-top: 5px;
    width: 185px;
    z-index: 999;
}

.rh-answer-row .rh-col-3 .rh-tooltip-trans span,
.use-media .media .rh-rv-col-3 .rh-tooltip-trans span,
.rh-qa-tbl .rh-col-3 .rh-tooltip-trans span,
.rh-rv-col-3 .rh-tooltip-trans span {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 3px 0;
}

.rh-answer-row .rh-col-3 .rh-tooltip-trans img,
.use-media .media .rh-rv-col-3 .rh-tooltip-trans img,
.rh-qa-tbl .rh-col-3 .rh-tooltip-trans img,
.rh-rv-col-3 .rh-tooltip-trans img {
    width: 30px;
}

.rh-answer-row .rh-col-3 .rh-tooltip-trans span.rh-x-close,
.use-media .media .rh-rv-col-3 .rh-tooltip-trans span.rh-x-close,
.rh-qa-tbl .rh-col-3 .rh-tooltip-trans span.rh-x-close,
.rh-rv-col-3 .rh-tooltip-trans span.rh-x-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 15px;
    text-align: center;
    color: #999;
    cursor: pointer;
    z-index: 99;
}


/* ALERT POPUP */

.rh-cancel-popup-wr {
    position: fixed;
}

.rh-cancel-popup-wr .rh-setting-box {
    width: 400px;
    height: 180px;
}

.rh-cancel-popup-wr .rh-setting-box dt,
.rh-delete-item-popup .rh-setting-box dt {
    margin-bottom: 15px;
    font-weight: 400;
}

.rh-cancel-popup-wr .rh-setting-box dt .rh-x-popup,
.rh-delete-item-popup .rh-setting-box dt .rh-x-popup {
    top: 0px;
    right: 0px;
}

.rh-cancel-popup-wr .rh-setting-box dt.rh-popup-ttl,
.rh-delete-item-popup .rh-setting-box dt.rh-popup-ttl {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 15px 15px 0;
    margin-bottom: 0;
}

.rh-cancel-popup-wr .rh-setting-box .rh-ms-cntn,
.rh-delete-item-popup .rh-setting-box .rh-ms-cntn {
    border-bottom: 0;
    padding: 0 15px 20px 15px;
    text-align: center;
}

.rh-cancel-popup-wr .rh-setting-box dd {
    border-bottom: 0;
}

.rh-cancel-popup-wr .rh-setting-box dd.rh-btn-row,
.rh-delete-item-popup .rh-setting-box dd.rh-btn-row {
    padding-bottom: 0;
}

.rh-delete-item-popup .rh-setting-box {
    width: 480px;
    height: 180px;
}


/* COUPON DOWNLOAD */

.rh-coupon-banner img {
    width: auto;
    max-width: 100%;
    min-width: 950px;
}

.rh-couponzone-wrap {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
}


/* MEDIA QUERY */

@media screen and (max-width: 1200px) {
    .rh-partner-banner,
    .rh-main-slider-row {
        width: 940px;
        position: relative;
        display: block;
    }
    .banner_search_custom {
        position: relative;
        display: inline;
        float: left;
        left: 0;
        margin-right: 20px;
    }
}


/* T addition */

.md_popup {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.md_popup .md-popup-box {
    position: absolute;
    width: 586px;
    height: 630px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 41px 40px 40px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 994;
}

.md_popup_overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.md_popup .content {
    padding: 12px;
    margin-bottom: 20px;
}

.md_popup .btn_o_cancel {
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-right: 7px;
    width: 144px;
    height: 40px;
    font-size: 14px;
    line-height: 19px;
    color: #ff4848;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif !Important;
    border: 1px solid #ff4848;
    background-color: #fff;
}

.md_popup .btn_o_ok {
    position: relative;
    display: inline-block;
    width: auto;
    width: 144px;
    height: 40px;
    margin-top: 40px;
    border: 1px solid #ff4848;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif !Important;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    background-color: #ff4848;
}


/* orderinquiryview */

.rh-after-order .rh-btn-list,
.rh-after-order .rh-btn-print {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.rh-after-order .rh-btn-print {
    background-color: #fff;
    border: 1px solid #ff4848;
    color: #ff4848;
}

.pg {
    text-align: center;
}


/* ---------------------  ALERT POPUP --------------------- */

.rtdt-alert {
    position: fixed;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    font-family: 'Roboto', sans-serif;
}

.rtdt-alert .alert-box {
    position: absolute !important;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    width: 400px;
    /*max-height: 273px;*/
    padding: 40px 40px 45px 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    text-align: center;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rtdt-alert #rtdt-alert-close {
    position: absolute;
    right: 25px;
    top: 25px;
    height: 15px;
    width: 15px;
    color: #c1c1c1;
    cursor: pointer;
}

.rtdt-alert #rtdt-alert-close>img {
    width: 15px;
}

.rtdt-alert #rtdt-alert-close .material-icons {
    font-size: 30px;
}

.rtdt-alert .rtdt-alert-title {
    margin: 0;
    font-size: 20px;
    color: #232323;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e3e3e3;
}

.rtdt-alert .rtdt-alert-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.rtdt-alert .rtdt-alert-body {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.rtdt-alert .rtdt-alert-btn button {
    margin: 5px;
}

.rtdt-alert #rtdt-alert-ok {
    position: relative;
    display: inline-block;
    width: 144px;
    padding: 0 10px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    border: 2px solid #ff4848;
    font-weight: bold;
    background: #ff4848;
    color: #fff;
    cursor: pointer;
}

.rtdt-alert #rtdt-alert-cancel {
    position: relative;
    display: inline-block;
    width: 144px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ff4848;
    color: #ff0000 !important;
}


/* ----------------------- JSTREE ------------------------------ */

.jstree-anchor.jstree-clicked {
    font-weight: bold !important;
    color: #ff4848 !important;
}


/* Tam dep trai sieu cap vo dich */

.fast_delivery_container {
    position: relative;
}

.fast_delivery {
    position: absolute;
    top: 30px;
    border: 1px solid #ff4848;
    background-color: #fff;
    z-index: 999;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}

.fast_delivery .fast_city li {
    margin-top: 8px;
    margin-bottom: 8px;
}

.fast_delivery .fast_city li:hover {
    cursor: pointer;
}

.fast_delivery .fast_dist {
    display: none;
}

.fast_dist>li {
    display: table;
    width: 100%;
}

.fast_dist>li span {
    display: table-cell;
    padding-right: 30px;
}

.tb-row {
    width: 100%;
    display: table-row;
}

.rtdt-popup {
    position: fixed;
    display: none;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 998;
    background-color: rgba(0, 0, 0, 0.75);
}

.rtdt-popup-container {
    position: absolute;
    margin: auto;
    height: 410px;
    width: 550px;
    padding: 20px 40px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #666;
}

.rh-popup-coupon-download {
    padding: 40px 40px;
    height: 415px;
}

.rh-disable {
    cursor: not-allowed;
}

.rh-popup-coupon-download .rh-coupon-tbl tr td {
    padding: 17px 15px;
}

.rtdt-popup-container .rh-coupon-tbl tr td {
    font-size: 16px;
    color: #333;
    vertical-align: top;
}

.rtdt-popup-container .rh-coupon-tbl tr td.rh-col1 {
    width: 275px;
    color: #111;
}

.rtdt-popup-container .rh-coupon-tbl tr td.rh-col1 small {
    position: relative;
    display: inline-block;
    margin-top: 7px;
    color: #999;
    font-size: 13px;
}

.rtdt-popup-container .rh-coupon-tbl tr td.rh-col2 {
    width: 145px;
}

.rtdt-popup-container .rh-coupon-tbl tr td.rh-col3 {
    width: 44px;
}

.rtdt-popup-container .rh-coupon-tbl tr td.rh-col3 .rh-down-icon {
    width: 32px;
}

.rtdt-popup * {
    line-height: 1;
    text-align: left;
}

.rtdt-popup table {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    border-top: 1px solid #f3f3f3;
}

.rh-coupon-tbl-name {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #111;
}

.rtdt-popup table tr th,
.rtdt-popup table tr td {
    padding: 15px;
    border-bottom: 1px solid #f3f3f3;
}

.rtdt-popup table tr th {
    background-color: #fafafa;
    padding-left: 25px;
    font-size: 15px;
    vertical-align: middle;
}

.rtdt-popup table tr th,
.rtdt-popup table tr th label {
    font-weight: normal;
}

.rtdt-popup-container .rh-popup-ttl {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;

}

.rtdt-popup-container .rh-popup-ttl button {
    position: absolute;
    top: 0;
    right: 0;
}

.rh-addfile {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('/img/btn-bgr-4-2.jpg');
    border: 0;
    color: #999;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td {
    padding: 15px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-all-items {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 18px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-all-items input {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-top: 0;
    margin-right: 5px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td textarea {
    width: 100%;
    background-color: #fff;
    resize: none;
    padding: 10px;
    height: 80px;
    font-size: 13px;
    line-height: 18px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td textarea::placeholder {
    color: #bbb;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-option-name input[type=checkbox] {
    position: relative;
    margin-right: 5px;
    border-radius: 0;
    width: 15px;
    height: 15px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-input-num {
    position: relative;
    display: inline-block;
    margin: 0;
    top: -2px;
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9;
    text-align: center;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td #reason {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px;
    height: 38px;
    color: #525252;
    border: 1px solid #e5e5e5;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-image: url(/img/shop/arrow-down-popup.svg);
    background-position: 97% 15px;
    background-repeat: no-repeat;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-input-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-input-wr label {
    position: relative;
    display: inline-block;
    width: 105px;
    margin-right: 5px;
    color: #666;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td .rh-input-wr input {
    position: relative;
    display: inline-block;
    width: calc(100% - 115px);
    height: 38px;
    padding: 5px;
    border: 1px solid #d9d9d9;
    margin: 0;
}

.rtdt-popup .rh-cancel-btn {
    position: relative;
    display: inline-block;
    margin: 20px 0 30px;
    width: 100%;
    text-align: center;
}

.rtdt-popup .rh-cancel-btn #btn_submit,
.rtdt-popup .rh-cancel-btn .btn_cancel {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 32px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
}

.rtdt-popup .rh-cancel-btn #btn_submit {
    border: 2px solid #ff4848;
    font-weight: bold;
    background: url('/img/bgr-reg-btn.png') !important;
    color: #fff;
}

.rtdt-popup .rh-cancel-btn .btn_cancel {
    /* background: url(/img/mypage-bgr_10.png)!important;  */
    border: 1px solid #FF4848;
    color: #FF4848 !important;
}

#item-use_target .rh-review-head .rh-write-rv-ttl {
    display: none;
}

#item-use_target .rh-review-head .rh-write-rv {
    padding: 0;
}

#item-use_target .wr-box-pop-write {
    background-color: #f9f9f9;
    border: 1px solid #f0f0f0;
}

.rh-cancel-order-form-flex {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 55px 0;
}

.rh-cancel-order-form .rtdt-popup-container {
    position: relative;
    overflow: hidden;
    height: 830px;
    width: 670px;
    padding: 20px 0;
}

.rh-cancel-order-form .rtdt-popup-container .rh-popup-ttl {
    padding: 23px 20px 26px;
}

.rh-cancel-order-form .rtdt-popup-container .rh-popup-ttl .rh-popup-close {
    top: 0;
    right: 20px;
}

.rh-cancel-order-form .rtdt-popup-container .rh-modal-body {
    /*    height: fit-content;
    max-height: 620px;*/
    padding: 0;
}

.rh-modal-body .rh-popup-main-cntn table {
    position: relative;
    table-layout: fixed;
    width: 580px;
    margin-left: 45px;
    margin-top: 0;
}

.rh-modal-body .rh-popup-main-cntn table th,
.rh-modal-body .rh-popup-main-cntn table td {
    border: 1px solid #e5e5e5;
}

.rh-modal-body .rh-popup-main-cntn table.rh-refund-table th {
    width: 140px;
}

.rh-modal-body .rh-popup-main-cntn table.rh-refund-table td {
    width: calc(100% - 140px);
}

.rh-modal-body .rh-popup-main-cntn table.rh-refund-table td #od_id {
    font-size: 13px;
}

.rh-modal-body .rh-popup-main-cntn table td i {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    color: #999;
    font-size: 13px;
    line-height: 20px;
}

.rh-cancel-order-form .rtdt-popup-container .rh-modal-footer {
    margin: 30px 0;
}

.rh-cancel-order-form .rtdt-popup-container .rh-modal-footer .btn_submit,
.rh-cancel-order-form .rtdt-popup-container .rh-modal-footer .btn_cancel {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    width: 120px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 24px;
    padding: 0;
}

.rh-cancel-order-form .rtdt-popup-container .rh-modal-footer .btn_submit {
    background-color: #ff4848;
}

.rh-popup-explaintion {
    position: relative;
    display: inline-block;
    padding: 0 52px;
    font-size: 13px;
    color: #525252;
    line-height: 1.5;
}

.rh-popup-explaintion h6 {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 8px;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    border-bottom: 1px solid #999;
    color: #333;
}

.rh-popup-explaintion p {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #525252;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul {}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    padding: 0 10px 15px 15px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li .hide {
    align-self: center;
    margin-right: 10px;
    margin-bottom: 17px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td ul li .rh-checkbox-style .checkmark {
    top: 17px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    line-height: 1.4;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li label .rh-item-detail {
    position: relative;
    display: inline-block;
    margin-top: 3px;
    color: #666;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 13px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li label .rh-cancel-item-price {
    position: relative;
    display: inline-block;
    float: left;
    color: #333;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li label .rh-cancel-item-total {
    position: relative;
    display: inline-block;
    float: right;
    color: #ff1616;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name ul li input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
}

.rh-cancel-item-thumb {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 51px;
    height: 51px;
    border: 1px solid #cbcbcb;
}

.rtdt-popup-container .rh-cancel-item-info {
    position: relative;
    display: inline;
    float: left;
    width: calc(100% - 85px);
    line-height: 18px;
    font-size: 13px;
}

.rh-return-method>span {
    position: relative;
    display: inline-block;
    width: 50%;
}

.rh-return-method .rh-return-item {
    float: left;
}

.rh-return-method .rh-refund {
    float: right;
    text-align: right;
}

.rh-upload-cancel-img {
    position: relative;
    display: inline-block;
}


/* Coupon Zone */

.rh-download-cp-btn {
    width: 100%;
    height: 48px;
    background-color: #da3e3e;
    color: #fff;
    font-size: 13pt;
    font-weight: bold;
}

#couponzone_wrap .item-head {
    padding-left: 15px;
    margin-bottom: 35px;
    text-align: center;
    margin-top: 30px;
}

#couponzone_wrap .item-head h2 {
    font-size: 30px;
    letter-spacing: -1px;
    margin: 0px;
    padding: 0px;
    color: #323232;
    font-weight: bold;
}

#couponzone_wrap .item-head p {
    margin: 8px 0px 0px;
    color: #888;
}

#couponzone_wrap .item-wrap {
    line-height: 20px;
}

#couponzone_wrap .item-row {
    float: left;
}

#couponzone_wrap .item-list {
    position: relative;
    display: inline-block;
    border: none;
    padding: 0px;
    width: 295px;
    height: 255px;
    line-height: 0;
}

#couponzone_wrap .item-none {
    margin: 0px;
    padding: 100px 0;
    text-align: center;
    color: #888;
}

#couponzone_wrap .item-img {
    position: absolute;
    margin: 0px 0px 10px;
    top: 0;
    left: 0;
}

#couponzone_wrap .item-img img {
    display: none;
}

#couponzone_wrap .item-content {
    position: relative;
    width: 293px;
    height: 208px;
    margin-bottom: 0px;
    padding: 25px;
    background-image: url('/img/download-coupon_03.png');
    background-color: #fff;
    line-height: 1;
}

#couponzone_wrap .item-content .ellipsis {
    position: relative;
    display: inline-block;
    width: 100%;
    letter-spacing: normal;
}


/*Change by Linh*/

#couponzone_wrap .item-content .rh-subject {
    margin-top: 0px;
    font-weight: 500;
    font-size: 22px;
    color: #ff4848;
    text-transform: uppercase;
    width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#couponzone_wrap .item-content .rh-percent {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 9px;
    font-size: 37px;
    font-weight: bold;
}


/*End change*/

#couponzone_wrap .item-content .rh-percent small {
    position: relative;
    display: inline-block;
    font-size: 26px;
}

#couponzone_wrap .item-content .rh-percent span {
    position: absolute;
    font-size: 45%;
    bottom: 0;
    right: 52px
}

#couponzone_wrap .item-content .rh-target {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 3px;
    overflow: hidden !important;
}

#couponzone_wrap .item-content .rh-target a {
    font-size: 13px;
    color: #313536;
    line-height: 1.5;
}

#couponzone_wrap .item-content .rh-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #7c8183;
    line-height: 1.5;
}

#couponzone_wrap .item-btn .btn {
    height: 49px;
}

.rh-download-cp-btn {
    border: 0;
    background-color: transparent;
}

#couponzone_wrap .rh-desc {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    color: #666;
    text-align: center;
}

.rh-get-detail {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.rh-get-detail .rh-line {
    position: relative;
    display: inline;
    float: left;
    width: 150px;
    margin: 10px 15px 0 0;
}


/*.rh-get-detail button {
    position: relative;
    display: inline;
    float: left;
    border: 0;
    background-color: transparent;
}*/

.rh-runout-mark {
    position: absolute;
    width: 61px;
    height: 62px;
    right: 20px;
    bottom: 10px;
}

.rh-detail-box {
    position: absolute;
    display: none;
    left: 53px;
    top: 85px;
    width: 355px;
    height: 275px;
    padding: 30px;
    background-image: url('/img/coupon-download-box_03.png');
    z-index: 10;
}

.rh-detail-box h3 {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
}

.rh-detail-box h3 button {
    position: absolute;
    background-color: transparent;
    border: 0;
    right: 0;
    top: 0;
}

.rh-detail-box h3 button img {
    position: relative;
    display: inline-block;
    width: 15px;
    top: -5px;
}

.rh-detail-box p {
    line-height: 1.3;
    color: #777;
}

.rh-detail-box p b {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 2px;
    font-weight: 400;
    color: #333333;
}


/* .disabled{
cursor: not-allowed;
} */

.rh-popup-container-inside {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.rh-popup-container-inside .rtdt-popup .rh-cancel-btn {
    position: fixed;
    bottom: 0;
}

.rh-popup-container-inside .rh-popup-main-cntn {
    position: relative;
    height: auto;
    max-height: 610px;
    overflow: auto;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar {
    width: 7px;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-thumb {
    background: #999999;
    border: 0px none #dadada;
    border-radius: 0;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-thumb:active {
    background: #999999;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-track {
    background: #dadada;
    border: 0px none #dadada;
    border-radius: 0;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-track:hover {
    background: #dadada;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-track:active {
    background: #dadada;
}

.rh-popup-container-inside .rh-popup-main-cntn::-webkit-scrollbar-corner {
    background: transparent;
}


/* New design 2018-12-08 */


/**Change by Linh**/

.rh-mypageSearchNew {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    padding-left: 35px;
    padding-right: 35px;
    /*padding-left: 25px;
    padding-right: 25px;*/
    color: #525252;
    font-size: 14px;
}

.rh-mypageSearchNew h3 {
    position: relative;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 9px;
    width: 100%;
    font-size: 22px;
    color: #ff4848;
    text-transform: uppercase;
    font-weight: bold;
    /* z-index: 999;*/
}


/**End change**/

.rh-mypageSearchNew .rh-point-sort {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #777777;
    border-collapse: collapse;
}

.rh-mypage-cntn-wr .rh-mypage-tag>div>a>span {
    font-size: 14px;
}


/*Chnge by Linh (Bỏ padding left right)*/

.rh-mypageSearchNew .rh-point-sort li {
    position: relative;
    display: inline;
    float: left;
    top: 1px;
    min-width: 140px;
    height: 46px;
    background-color: #f6f6f6;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-bottom: 1px solid #777777;
    line-height: 48px;
    cursor: pointer;
    margin-left: -1px;
    color: #525252;
    user-select: none;
    /*    padding-left: 10px;
    padding-right: 10px;*/
}


/*End Change*/

.rh-mypageSearchNew .rh-point-sort li a {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    bottom: 2px;
}

.rh-mypageSearchNew .rh-point-sort li.active a {
    font-weight: 500;
}

.rh-mypageSearchNew .rh-point-sort li:hover a {
    color: #000;
    font-weight: 500;
}

.rh-mypageSearchNew .rh-point-sort .active {
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #777777;
    border-bottom: 1px solid #fff;
    z-index: 1;
}

.rh-points-total {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

.rh-points-total>div {
    position: relative;
    display: inline;
    float: left;
    width: 50%;
    height: 64px;
    line-height: 62px;
    background-color: #f6f6f6;
    text-align: center;
}

.rh-points-total>div.rh-available-point {
    border-right: 1px solid #fff;
}

.rh-points-total>div.rh-unavailable-point {
    border-left: 1px solid #fff;
}

.rh-points-total>div span {
    font-weight: bold;
}

.rh-points-total>div.rh-available-point .rh-blue-point {
    color: #009ce0;
    font-size: 20px;
    margin-left: 4px;
}

.rh-points-total>div.rh-unavailable-point .rh-redpoint {
    font-size: 20px;
    color: #ff4848;
    margin-left: 4px;
}

.rh-seacht-point {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-seacht-point>div {
    position: relative;
    display: inline-block;
}

.rh-seacht-point>div.rh-byorder select {
    width: 180px;
    cursor: pointer;
    /* Change by Thanh*/
}

.rh-seacht-point select,
.rh-seacht-point input {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 32px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #dadada;
}

.rh-seacht-point .rh-bytime {
    float: right;
}


/**Change by Linh**/

.rh-seacht-point .rh-bytime input {
    margin-right: 3px;
}


/**End change**/

.rh-seacht-point .rh-bytime button {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 32px;
    background-color: #525252;
    color: #fff;
    border: 0;
}

.rh-seacht-point>div span {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    ;
    font-size: 14px;
}

.rh-coupon>div.rh-searchCoupon {
    width: 100%;
    margin-top: 0;
}

.rh-coupon>div.rh-searchCoupon h3 {
    position: relative;
    display: inline-block;
    width: auto;
}

.rh-searchCoupon .rh-button-wr {
    position: absolute;
    display: inline;
    float: right;
    right: 35px;
    top: 70px;
    z-index: 9999;
}

.rh-searchCoupon .rh-button-wr button,
.rh-searchCoupon .rh-button-wr a {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #ff4848;
    color: #fff;
    /*width: 80px;
    height: 30px;*/
    width: 98px;
    height: 32px;
    background-color: #ff4848;
    text-transform: uppercase;
}

.rh-searchCoupon .rh-seacht-point {
    margin: 20px 0 0 0;
}

.rh-searchCoupon .rh-seacht-point .rh-couponKey {
    width: 150px;
    padding: 5px;
}

.rh-searchCoupon .rh-seacht-point .rh-couponKey::placeholder,
.rh-couponKey::placeholder,
.rh-bytime .rh-couponKey::placeholder {
    color: #999;
    font-weight: 400;
    opacity: 1;
}


/*  */

.pos {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-mypageSearchNew .pos .rh-lang-flag {
    position: absolute;
    right: 0;
    top: 0;
}

.rh-mypageSearchNew .pos .rh-lang-flag li {
    position: relative;
    display: inline;
    float: left;
    width: 34px;
    margin-left: 10px;
}

.rh-mypageSearchNew .pos .rh-lang-flag li.rh-original {
    width: 70px;
}

.rh-mypageSearchNew .pos .rh-lang-flag li.rh-original a {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 27px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #dadada;
}

.rh-mypageSearchNew .pos .rh-lang-flag li img.active-language {
    display: none;
}

.rh-mypageSearchNew .pos .rh-lang-flag li.active img {
    display: none;
}

.rh-mypageSearchNew .pos .rh-lang-flag li.active img.active-language {
    display: inline-block;
}

.rh-mypageSearchNew .pos .rh-lang-flag li.rh-original.active a {
    border: 1px solid #ff4848;
    background: #ff4848;
    color: #fff;
}

.rh-qna-listEdited {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
}

.rh-qna-listEdited .rh-qa-tbl {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
}

.rh-qna-listEdited>.rh-qa-tbl {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
}

.rh-qna-listEdited .rh-qa-tbl .divtblhead .div-tblcell {
    background-color: #f9f9f9;
    border: 0;
    font-size: 14px;
    height: 45px;
    font-weight: 500;
}

.rh-qna-board-content>a {
    color: #525252;
}

.rh-qna-listEdited .rh-qa-tbl .divtblhead .rh-col-1 {
    width: 92px;
    text-align: left;
    /*Change by Thanh*/
    padding-left: 20px;
    /*Change by Thanh*/
}

.rh-qna-listEdited .rh-qa-tbl .divtblhead .rh-col-2 {
    width: auto;
}

.rh-qna-listEdited .rh-qa-tbl .divtblhead .rh-col-3 {
    width: 140px;
}

.rh-qna-listEdited .rh-qa-tbl .rh-col-2 .rh-write-tggl {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #dadada;
}

.rh-qna-listEdited .rh-qa-tbl .rh-col-2 .rh-writing-time {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #525252;
    margin-left: 15px;
}

.rh-qna-listEdited .rh-tbl-body .div-tblcell {
    /*padding: 24px 5px 17px;*/
    padding: 24px 5px 24px;
    /*Change by Linh*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-1 {
    width: 92px;
    text-align: left;
    /*Change by Thanh*/
    padding-left: 20px;
    /*Change by Thanh*/
}

.rh-qna-listEdited .rh-tbl-body .rh-col-2 {
    width: 75px;
}


/*.rh-qna-listEdited .rh-tbl-body .rh-col-2 img {
    width: 100%;
    height: 70px;
}*/

.rh-qna-listEdited .rh-tbl-body .rh-col-3 {
    width: auto;
    padding-left: 20px;
    text-align: left;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-no-answer-mark,
.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-answer-mark,
.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-translated-mark {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border: 1px solid;
    font-size: 13px;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-no-answer-mark {
    height: 24px;
    line-height: 24px;
    width: 74px;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-answer-mark,
.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-translated-mark {
    height: 26px;
    line-height: 24px;
    width: 76px;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-4 {
    width: 140px;
    line-height: 1;
    text-align: right;
    /*Change by Thanh*/
    padding-right: 20px;
    /*Change by Thanh*/
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content {
    position: relative;
    display: inline-block;
    line-height: 1.5;
    text-align: left;
    width: 565px;
}

.rh-qna-listEdited .rh-tbl-body .rh-qna-status span {
    position: relative;
    display: inline-block;
    font-size: 14px;
}

.nl-tooltip .nl-qna-tt-report .nl-tbl-cell-tt {
    height: 26px;
    line-height: 27px;
}


/*Change by Linh*/

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .show_content {
    position: relative;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 530px;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .nl-show_content {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 565px;
    font-size: 14px;
    padding-top: 8px;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-answer-mark {
    background-color: #fff;
    color: #4792ef;
    border: 1px solid #4792ef !important;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-no-answer-mark {
    color: #ff4848;
    border: 1px solid #ff4848 !important;
}

.rh-qna-listEdited .rh-tbl-body .rh-col-3 .rh-qna-board-content .rh-translated-mark {
    background-color: #fff;
    border: 1px solid #36a77c;
    color: #36a77c;
}

.rh-answer-block {
    top: -1px;
    /*background: #f2f2f2;*/
    background: #f8f8f8;
    /*Change by Linh*/
    /*border-bottom: 1px solid #ddd;*/
}


/*End change*/

.rh-answer-block .divtblrow {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-qna-listEdited .rh-answer-block .rh-answer-cntn,
.rh-qna-listEdited .rh-answer-block .rh-answer-lang {
    position: relative;
    display: table-cell;
    padding-top: 24px;
    padding-bottom: 24px;
    vertical-align: middle;
    font-size: 14px;
}

.rh-qna-listEdited .rh-answer-block .rh-answer-cntn {
    width: 718px;
    /*padding-left: 112px;*/
    /*Change by Linh*/
    line-height: 1.5;
    padding-left: 121px;
}

.rh-qna-listEdited .rh-answer-block .rh-answer-cntn p {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
    color: #525252;
}

.rh-qna-listEdited .rh-answer-block .rh-answer-cntn p .rh-anwserer {
    position: relative;
    display: inline-block;
    margin-bottom: 7px;
    height: 24px;
    width: 74px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 13px;
    background-color: #f27935;
}

.rh-qna-listEdited .rh-answer-block .rh-answer-cntn p .rh-answer-time {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    color: #777;
}

.rh-qna-listEdited .rh-answer-block .rh-answer-cntn:before {
    position: absolute;
    content: url('/img/icon/arrow-turn-right.svg');
    /*width: 12px;
    height: 15px;
    background-image: url('/img/icon/arrow-turn-right.svg');*/
    top: 26px;
    /*Change by Linh*/
    left: 110px;
    /*Change by Linh*/
}

.rh-qna-listEdited .rh-answer-block .rh-answer-time {
    width: 140px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    /*Change by Linh*/
    padding: 0;
    /*Change by Linh*/
}

.div-tblcell.rh-col-3 a {
    font-size: 14px;
}

.rh-qna-listEdited .rh-tooltip-trans {
    position: absolute;
    right: 0px;
    width: 220px;
    border: 1px solid #dadada;
    background-color: #fff;
    z-index: 9;
    padding: 10px;
    text-align: left;
}

.rh-qna-listEdited .rh-tooltip-trans .rh-x-close {
    position: absolute;
    top: 5px;
    right: 10px;
}


/* ORDER HISTORY */

.rh-orderHis-tbl {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 20px;
}

.rh-orderHis-tbl table {
    width: 100%;
    position: relative;
}

.rh-orderHis-tbl table thead {
    /*border-top: 1px solid #c3c3c3;*/
    border-bottom: 1px solid #ddd;
}

.rh-orderHis-tbl table thead tr td {
    height: 45px;
    background-color: #f9f9f9;
    color: #525252;
    font-size: 14px;
    font-weight: 500;
}

.rh-orderHis-tbl table tbody tr td {
    padding: 0;
    border-bottom: 1px solid #ddd;
}

.rh-orderHis-tbl table tr td.rh-col1 {
    width: 140px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    line-height: 1.5;
    padding-left: 17px;
    /*Change by Thanh */
}

.rh-orderHis-tbl table tr td.rh-col1 .item-code {
    color: #2597ec;
    font-weight: 600;
}

.rh-orderHis-tbl table tr td.rh-col2 {
    width: 440px;
    border-right: 1px solid #ddd;
    padding: 0 20px;
}

.rh-orderHis-tbl table tr td.rh-col3 {
    width: 155px;
    border-right: 1px solid #e6e6e6
}

.rh-orderHis-tbl table tr td.rh-col4 {
    width: 120px;
    padding-left: 10px;
    /*Change by Thanh*/
}

.rh-orderHis-tbl table tr td.rh-col2 ul li:last-child {
    border-bottom: 0;
}

.rh-orderHis-tbl table tr td.rh-col2 ul li {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
    align-items: center;
}

.rh-orderHis-tbl table tr td.rh-col2 ul li>img {
    position: relative;
    display: inline;
    float: left;
    width: 62px;
    height: 62px;
    border: 1px solid rgb(229, 229, 229);
}

.rh-orderHis-tbl table tr td.rh-col2 ul li>p {
    position: relative;
    display: inline;
    float: left;
    width: 380px;
    padding-left: 10px;
    margin: 0;
    text-align: left;
    font-size: 14px;
}

.rh-orderHis-tbl table tr td.rh-col2 ul li>p a {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #333;
}

.rh-orderHis-tbl table tr td.rh-col2 ul li>p a b {
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: normal;
}

.rh-orderHis-tbl table tr td.rh-col2 ul li>p a small {
    font-size: 13px;
    color: #525252;
    text-transform: capitalize;
}

.rh-orderHis-tbl table tr td.rh-col2 ul li>p a small.rh-order-option {
    color: #999;
}

.rh-orderHis-tbl table tr td.rh-col1 span.item-code {
    color: #1e90ff;
    font-weight: bold;
    cursor: pointer;
}


/*Change by Linh*/

.rh-orderHis-tbl table tr td.rh-col4 button {
    position: relative;
    display: inline-block;
    padding: 6px 0px 5px;
    width: 70px;
    text-align: center;
    line-height: 1;
    background-color: #fff;
    margin: 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
}

.rh-orderHis-tbl table tr td.rh-col4 button.rh-confirm {
    color: #ff4848;
    border-style: solid;
    border-width: 1px;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
}

.rh-orderHis-tbl table tr td.rh-col4 button.rh-return {
    color: #333;
}


/*End change*/


/* MYPAGE REVIEW */

.rh-review-mypage {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 20px;
}

.rh-review-mypage>div {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #d7d7d7;
    line-height: 1.3;
}

.rh-review-mypage>div>div {
    position: relative;
    display: inline;
    float: left;
    font-size: 14px;
}

.rh-review-mypage>div .rh-review-col1 {
    width: 170px;
    line-height: 1;
}

.rh-review-mypage>div .rh-review-col2 {
    width: 618px;
    line-height: 1.5;
}

.rh-review-mypage>div .rh-review-col3 {
    width: 80px;
    text-align: center;
}

.rh-review-mypage>div .rh-review-item-img img {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #c6c6c6;
}

.rh-review-mypage>div .rh-review-col1 .rh-reviewDate {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #525252;
}

.trans-mark .rh-tooltip-trans {
    position: absolute;
    display: none;
    width: 220px;
    padding: 10px;
    right: -45px;
    line-height: 1.5;
    border: 1px solid #dadada;
    background-color: #fff;
    z-index: 999;
}

.trans-mark .rh-tooltip-trans .rh-x-close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.rh-review-mypage>div .rh-review-col2 p button {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 58px;
    margin: 0 4px;
    background-color: #fff;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rh-review-mypage>div .rh-review-col2 p.rh-reviewTtl {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin-bottom: 9px;
}

.rh-review-mypage>div .rh-review-col2 p .rh-itemName {
    position: relative;
    display: inline-block;
    max-width: 100%;
    font-size: 13px;
    color: #525252;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rh-review-mypage>div .rh-review-col2 p.rh-reviewContent {
    font-size: 13px;
    color: #525252;
}

form.rh-edit-review {
    background: #fafafa;
    padding: 14px 20px 24px 21px;
    margin-bottom: 21px;
    position: relative;
    margin-top: 10px;
}

form.rh-edit-review .input-rating {
    position: relative;
}

form.rh-edit-review .textarea-rating {
    margin-top: -15px;
    padding-bottom: 13px;
}

form.rh-edit-review .input-rating .rh-rating-label {
    position: relative;
    line-height: 29px;
}

form.rh-edit-review>p>label {
    margin-bottom: 0;
}

form.rh-edit-review>.rating {
    font-size: 0;
}

form.rh-edit-review>.rating img {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    width: 20px;
    height: 18px;
}

form.rh-edit-review .rating {
    position: relative;
    display: inline-block;
    top: -23px;
    left: 175px;
}

form.rh-edit-review .review-edit-button {
    padding-top: 12px;
    text-align: right;
    margin-right: -5px;
}

form.rh-edit-review .review-edit-button button {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 58px;
    margin: 0 4px;
    background-color: #fff;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

form.rh-edit-review .review-edit-button .save-review-edit {
    color: #f73539;
    border: 1px solid #f73539;
}

form.rh-edit-review>.rating img {
    top: -7px;
    cursor: pointer;
}

.rh-review-action {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    line-height: 1;
}

.rh-edit-review-area {
    position: relative;
    display: inline-block;
    resize: none;
    width: 100%;
    height: 120px;
    border: 0;
    padding: 15px 19px;
    border: 1px solid #ddd;
}

.rh-edit-review-area:focus {
    outline: none
}

.rh-imgCmt {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 7px;
}

.rh-imgCmt img {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 75px;
    margin-right: 20px;
}

.rh-review-mypage>div .rh-review-col2 p .rh-review-like {
    color: #525252;
    font-size: 13px;
}

.rh-review-mypage>div .rh-review-col2 p .rh-review-like img {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top: 5px;
}

.rh-notReview {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 20px;
}

.rh-notReview-tbl {
    position: relative;
    display: table;
    width: 100%;
}

.rh-notReview-tbl .rh-tblHead .rh-tblCell {
    height: 45px;
    background-color: #f9f9f9;
    color: #525252;
}

.rh-notReview-tbl .rh-tbl-row {
    position: relative;
    display: table-row;
}

.rh-notReview-tbl .rh-tbl-row .rh-tblCell {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
}

.rh-notReview-tbl .rh-tblBody .rh-col2 {
    text-align: left;
}

.rh-notReview-tbl .rh-tblBody .rh-col1 span {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 1px solid #cccccc;
    overflow: hidden;
    left: 20px;
    top: 6px;
    /* Change by Thanh */
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG {
    /*just test*/
    position: relative;
    margin-top: 10px;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG>span {
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    margin-left: 10px;
    overflow: hidden;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG>span:first-child {
    margin-left: 0;
}


/*#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG>span>img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}*/


/*.test1{
     background-image: url(/img/shop/detail-head-02_11.png) !important;
}
.test2{
     background-image: url(/img/shop/cart-tail-page_03.jpg) !important;
}
.img-review-list{
    position: absolute;
    height: 100px;
    width: 100px;
    background-size: contain !important;
    top: 0;
    left: 0;
    background: transparent 50% no-repeat;
    border: 1px solid #e2e2e2;
}*/

.rh-notReview-tbl .rh-tblBody .rh-col1 span img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 100%;
}

.rh-notReview-tbl .rh-tblBody .rh-col1 span>a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
}


/***Change by Linh**/

.rh-notReview-tbl .rh-tblBody .rh-col4 .write-review {
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    color: #ff4848;
    /*border: 1px solid #ff4848;*/
    background-color: #fff;
    border-radius: 3px;
    font-weight: 500;
    border-style: solid;
    border-width: 1px;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
}

.rh-notReview-tbl .rh-tblBody .rh-col4 .edit-review {
    position: relative;
    display: inline-block;
    font-size: 12px;
    /* width: 70px; */
    width: 80px;
    /*Change by Thanh */
    height: 25px;
    line-height: 25px;
    color: #333;
    background-color: #fff;
    border-radius: 3px;
    font-weight: 500;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
}


/***End change***/

.rh-notReview-tbl .rh-tblBody .rh-col4 button img {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top: 1px;
}

.rh-review-write-cell {
    height: 340px;
    border-bottom: 0;
}

.rh-review-write-wr {
    position: absolute;
    display: inline-block;
    width: 868px;
    height: 340px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dadada;
    padding: 25px 25px;
    background-color: #fafafa;
    text-align: left;
}

.rh-review-write-cell .rh-review-ttl {
    position: relative;
    display: inline-block;
    text-align: left;
}

.rh-review-write-wr .rating {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 0;
}

.rh-review-write-wr .rating img {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    top: 0px;
    cursor: pointer;
}

.rh-write-review-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100px;
    border: 1px solid #dedede;
    padding: 5px;
    margin-top: 7px;
    resize: none;
}

.rh-review-write-wr .rh-submit-review {
    position: relative;
    display: inline-block;
    float: right;
    padding: 10px 25px;
    background-color: #5f5f5f;
    border: none;
    color: #fff;
}


/*Change by Linh*/

.rh-box-text {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -20px;
}

.rh-box-text h3 {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 2;
    padding: 17px 0px 9px;
    margin-top: 0px;
    /*background-color: #ebebeb;*/
    font-weight: bold;
    color: #333;
    font-size: 14px;
    margin-top: 20px;
}

.rh-box-text .rh-detail-list {
    position: relative;
    display: inline-block;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    color: #525252;
}

.nl-detail-list-col1,
.nl-detail-list-col2 {
    line-height: 17px;
}

.nl-detail-list-col1 {
    /* position: relative; */
    width: 200px;
    padding: 20px;
    font-weight: normal;
    background: #f9f9f9;
    display: table-cell;
    vertical-align: middle;
}

.nl-detail-list-col2 {
    width: calc(100% - 200px);
    /*padding-bottom: 10px;*/
    padding: 20px;
    /*    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;*/
    display: table-cell;
    vertical-align: middle;
}

.list-return-policy {
    position: relative;
    width: 100%;
    /*margin-left: 20px;*/
    padding-left: 15px;
    list-style-type: disc;
    list-style-position: outside;
}

.list-return-policy li {
    position: relative;
    width: 100%;
    /*line-height: 2;*/
    line-height: 18px;
    /*linh change line height, add margin bottom*/
    font-size: 13px;
    margin-bottom: 10px;
}

.rh-text-tbl {
    position: relative;
    /*width: calc(100% - 40px);*/
    width: 100%;
    /*margin-top: 10px;*/
    margin-top: 15px;
    /*linh change margin top*/
    margin-left: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.nl-text-tbl-2 {
    margin-top: 0!important;
}


/*.rh-text-tbl tr th,
.rh-text-tbl tr td {
    padding: 10px 20px;
    border: 1px solid #e3e3e3;
    border-left: 0;
    border-right: 0;
}*/

.rh-text-tbl tr th {
    color: #525252;
}


/*.rh-text-tbl tr th:first-child {
    width: 200px;
}
.rh-text-tbl tr th:last-child {
    width: calc(100% - 225px);
}*/


/*End change*/

.rh-text-tbl tr td {
    text-align: left;
    font-size: 13px;
}


/* WISHLIST */

.wishlistContainer {
    position: relative;
    display: block;
    width: 940px;
    margin: 0 auto;
    min-height: 1500px;
}

.rh-fav-shop {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 25px;
}

.rh-fav-shop .rh-shop-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 35px;
}

.rh-fav-shop .rh-shop-list>li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.rh-fav-shop .rh-shop-list>li>div {
    position: relative;
    display: inline;
    float: left;
    height: 195px;
    padding: 25px;
    border: 1px solid #d9d9d9;
    line-height: 1.5;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name {
    width: 280px;
    border-right: 0;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-name {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-name img {
    position: relative;
    width: 19px;
    height: 20px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-name a {
    position: relative;
    display: inline-block;
    width: calc(100% - 20px);
    height: 20px;
    font-size: 16px;
    margin-left: 0;
    padding-left: 7px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-name:hover {
    flex-wrap: nowrap;
    width: fit-content;
    white-space: nowrap;
    background-color: #fff;
    z-index: 9;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-name:hover a {
    position: relative;
    display: inline-block;
    width: fit-content;
    overflow: visible;
    text-overflow: unset;
    color: #333;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-rating {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-rating img {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 14px;
    margin: 0 1px 0 0;
    top: 1px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name .shop-rating b {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    font-size: 13px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name button {
    position: relative;
    display: inline-block;
    padding: 2px 10px;
    margin-top: 14px;
    border: 1px solid #ff4848;
    color: #fff;
    font-size: 13px;
    background-color: #ff4848;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-name button img {
    position: relative;
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    top: -1px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item {
    width: 588px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item ul>li {
    position: relative;
    display: inline;
    float: left;
    width: 82px;
    margin-right: 18px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item ul>li>span {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item ul>li .rh-item-img {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item ul>li .rh-item-img img {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item ul>li .rh-item-des {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.3;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item ul>li .rh-item-price {
    color: #ff4848;
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
}

.rh-fav-shop .rh-shop-list>li .rh-shop-item .rh-shopurl {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    width: 30px;
    height: 55px;
    text-align: center;
    color: #999;
    font-size: 12px;
}

.favorited {
    background-color: #ff4848 !important;
}


/* 1:1 contact */

.rh-11Contactsearch .pos {
    margin-bottom: 20px;
}

.rh-11Contactsearch .rh-seacht-point>.rh-byorder,
.rh-searchCoupon .rh-seacht-point>.rh-byorder {
    float: left;
}

.rh-11Contactsearch .rh-seacht-point>.rh-bytime input {
    width: 150px
}


/**Change by Linh**/

.rh-11Contactsearch h3 .rh-writeQuestion {
    position: absolute;
    display: inline-block;
    border: 1px solid #F37835;
    color: #fff;
    width: 98px;
    height: 33px;
    background-color: #F37835;
    right: 0;
    top: 40px;
    text-align: center;
    padding: 9px;
    font-weight: normal;
}


/**End change**/

.rh-11Contactsearch h3 .rh-writeQuestion img {
    position: relative;
    display: inline-block;
    margin-right: 7px;
    top: 1px;
}


/* Menu */

.rh-fullmenu {
    position: absolute;
    width: 940px;
    height: auto;
    min-height: 300px;
    background-color: #fff;
    border: 1px solid #dadada;
    z-index: 999;
    padding: 15px 0 10px 0px;
    text-align: left;
    -webkit-box-shadow: 3px 1px 6px #cccccc;
    -moz-box-shadow: 3px 1px 6px #cccccc;
    box-shadow: 3px 1px 6px #cccccc;
}

.rh-fullmenu ul {
    position: relative;
    display: inline;
    float: left;
}

.rh-fullmenu ul.rh-mainCat {
    width: 240px;
    border-right: 1px solid #e5e5e5;
}

.rh-fullmenu>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin-bottom: 15px;
}

.rh-fullmenu ul.rh-mainCat>li>a>span {
    position: relative;
    display: inline-block;
    width: 50px;
    text-align: center;
    margin-right: 0;
}

.pc-menu .nav-top.nav-both .rh-fullmenu>ul li a {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 100%;
    font-weight: 500;
    color: #555555;
}

.pc-menu .nav-top.nav-both .rh-fullmenu ul.rh-subCat1 {
    width: 240px;
    padding-left: 20px;
    border-right: 1px solid #e5e5e5;
    height: 510px;
}

.pc-menu .nav-top.nav-both .rh-fullmenu ul.rh-subCat2 {
    width: 240px;
    padding-left: 20px;
}

.rh-fullmenu .rh-menu-adv {
    position: absolute;
    display: inline-block;
    right: 15px;
    bottom: 15px;
}


/* My Account */

.myaccount-wr,
.rh-acc-component {
    position: relative;
    display: inline-block;
    width: 100%;
}

.myaccount-wr .rh-mypageSearchNew .rh-tabs:not(.rh-point-sort) li {
    width: auto;
    padding: 0 15px;
}


/* Cart */

.rh-cart-design .rh-empty-data {
    width: 100%;
    margin-left: 0;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin-bottom: 100px;
}

.rh-cart-tbl-2 {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
}

.rh-tbl-head {
    border: 1px solid #e2e2e2;
    border-top: 0;
    margin-bottom: 10px;
    padding: 0 20px;
}

.rh-cart-header {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    padding: 15px 20px 13px 20px;
    border-top: 0;
}

.rh-cart-header>div {
    position: relative;
    display: inline-block;
}

.rh-cart-header>div.rh-col1 {
    position: relative;
    float: left;
}

.rh-cart-header>div.rh-col2 {
    width: 420px;
    text-align: center;
    font-weight: bold;
    color: #333;
    margin-left: 30px;
}

.rh-cart-header>div.rh-col3 {
    width: 340px;
    text-align: center;
    font-weight: bold;
    color: #333;
}

.rh-cart-header>div.rh-col4 {
    width: 140px;
    text-align: right;
    padding-right: 18px;
    font-weight: bold;
    color: #333;
}

.rh-cart-tbl-2 .rh-tbl-row {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-tbl-cell {
    position: relative;
    display: table-cell;
    font-size: 14px;
    line-height: 1;
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}

.rh-cart-tbl-2.rh-tbl-head .rh-tbl-row .rh-tbl-cell {
    font-weight: bold;
    color: #666;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-col1 {
    width: 15px;
    padding: 0;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-col2 {
    width: 440px;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-col3 {
    width: 140px;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-col4 {
    width: 145px;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-col5 {
    width: 125px;
}

.rh-orderBlock {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding-left: 27px;
    padding-right: 27px;
    /*margin-bottom: 0;*/
    border: 1px solid #e2e2e2;
}

.rh-orderBlock .rh-shopName {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
}

.rh-orderBlock .rh-shopName .rh-pc-checkbox-2 {
    position: relative;
    display: inline-block;
    top: -2px;
}

.rh-orderBlock .rh-shopName h3 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    margin: 0;
}

.rh-orderBlock .rh-shopName h3 a,
.rh-orderBlock .rh-shopName h3 i {
    color: #333;
}

.rh-orderBlock .rh-shopName .rh-delivery-fee {
    position: relative;
    display: inline-block;
    float: right;
    margin-bottom: 0;
    padding: 5px;
    background-color: #f0f0f0;
    line-height: 1;
    font-style: italic;
}

.rh-orderBlock .rh-shopName .rh-delivery-fee i.fa-truck {
    position: relative;
    margin-right: 5px;
    color: #999
}

.rh-orderBlock .rh-shopName .rh-delivery-fee>span {
    position: relative;
    display: inline-block;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-tbl-cell {
    /* border-top: 1px solid #e2e2e2; */
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-tbl-cell small {
    color: #787878;
    font-size: 12px;
    font-style: italic;
}


/*** Change by Linh
*** Line 20666 -> 207777
**/

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col1 {
    width: 15px;
    padding: 0;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 {
    width: 450px;
    text-align: left;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 {
    width: 275px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col5 {
    width: 125px;
    text-align: right;
}


/* .rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .rh-order-itemImg {
    position: relative;
    display: inline;
    float: left;
    margin-right: 8px;
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-color: #999;
} */


/* .rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .rh-order-itemImg img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    
} */


/*----------- start slide 8 : Minh Tien --------------*/

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .rh-order-itemImg {
    position: relative;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 8px;
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-color: white;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .rh-order-itemImg img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
}


/*------------ end slide 8 : Minh Tien --------------*/

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 h4 {
    position: relative;
    display: inline;
    float: left;
    width: 350px;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    line-height: 1.3;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 h4 a {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    /* word-break: break-all; */
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 p {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    color: #666;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 button {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    /* float: left; */
    background-color: #fff;
    border: 1px solid #dadada;
    /* padding: 1px 12px; */
    font-size: 13px;
    color: #666;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    /* border-radius: 5px !important; */
    /* margin-right: 5px; */
}


/* .rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 button.td-qty {
    width: 35px;
} */

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 span.rh-no {
    position: absolute;
    top: 16%;
    bottom: 0;
    right: 0;
    left: 0;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 span,
.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 button {
    position: relative;
    display: inline;
    float: left;
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e1e1e1;
    color: #666;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2>div.rh-item-edit {
    position: relative;
    display: inline-block;
    margin-top: 7px;
}


/**Change by Linh**/

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 span.rh-no {
    position: relative;
    display: inline-block;
    float: left;
    background-color: #fff;
    text-align: center;
}

.mt_wrap_shopname .rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 span.rh-no {
    width: 26px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 button {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin-left: 72px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 .rh-minus {
    font-size: 20px;
    margin-right: -1px;
    color: #999;
    ;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 .rh-plus {
    font-size: 18px;
    margin-left: -1px;
    color: #999;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .rh-itemprice {
    font-size: 15px;
    color: #525252;
}


/*.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col5 .rh-shipping-fee {
    font-weight: bold;
}*/

.rh-cart-wr .rh-selected-item {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    font-weight: bold;
}

.rh-cart-wr .rh-selected-item button {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 4px 12px;
    font-size: 12px;
    color: #666;
    line-height: 1;
    font-weight: normal;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col5 span.rh-disc-price {
    color: #ff4848;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col5 del.rh-del-price {
    color: #999;
}

.rh-odertotal {
    position: relative;
    display: flex;
    display: -webkit-flex;
    padding: 15px 20px;
    flex: wrap;
    width: 100%;
    height: auto;
    flex-direction: row;
    background-color: #e9e9e9;
    font-size: 18px;
}

.rh-odertotal>div {
    line-height: 1.5;
}

.rh-odertotal .rh-col1 {
    width: calc(100% - 160px);
    color: #666;
}

.rh-odertotal .rh-col2 {
    width: 153px;
    text-align: right;
    padding-right: 18px;
    font-weight: bold;
    color: #666;
    display: inline-block;
    /* position: absolute; */
}

.nl-ordership {
    position: relative;
    display: flex;
    display: -webkit-flex;
    padding: 15px 8px 15px 25px;
    flex: wrap;
    width: 100%;
    flex-direction: row;
    font-size: 14px;
    /* border-top: 1px solid #e2e2e2; */
}

.nl-ordership>div {
    line-height: 1.5;
}

.nl-ordership .nl-col1 {
    width: 35px;
}

.nl-ordership .nl-col2 {
    width: calc(100% - 435px);
    padding-left: 25px;
    font-weight: bold;
    color: #333;
}

.nl-ordership .nl-col3 {
    width: 400px;
    text-align: right;
    padding-right: 10px;
}

.nl-ordership .nl-col3 span {
    color: #999;
}


/** end change**/


/*.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col5 #delete_item {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 0;
    font-size: 20px;
    color: #888;
}*/

#total_order_price,
#ship_cost,
#total_price {
    font-size: 20px;
}

.rh-cart-wr #total_order_price,
.rh-cart-wr #ship_cost,
.rh-cart-wr #total_price {
    font-size: 25px;
    color: #666;
}

.rh-cart-wr #total_price {
    /*color: #ff4848;*/
    color: #f00f0f;
}

.rh-cart-wr #total_order_price+small,
.rh-cart-wr #ship_cost+small,
.rh-cart-wr #total_price+small {
    position: relative;
    margin-left: 3px;
    font-size: 13px;
}


/* Category icon */

.rh-cat-tbl {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 25px;
}

.rh-cat-tbl .rh-cattbl-row {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-cat-tbl .rh-cat-item {
    position: relative;
    padding: 0 1px 0 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 92.5px;
    height: 102px;
    border-width: 1px;
    border-style: solid;
    border-color: #eee #eee #eee transparent;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.rh-cat-tbl .rh-cat-item:nth-child(1),
.rh-cat-tbl .rh-cat-item:nth-child(2),
.rh-cat-tbl .rh-cat-item:nth-child(3),
.rh-cat-tbl .rh-cat-item:nth-child(4),
.rh-cat-tbl .rh-cat-item:nth-child(5),
.rh-cat-tbl .rh-cat-item:nth-child(6),
.rh-cat-tbl .rh-cat-item:nth-child(7),
.rh-cat-tbl .rh-cat-item:nth-child(8),
.rh-cat-tbl .rh-cat-item:nth-child(9),
.rh-cat-tbl .rh-cat-item:nth-child(10) {
    border-bottom: 0;
    height: 101px;
}
.rh-cat-tbl .rh-cat-item:nth-child(1), 
.rh-cat-tbl .rh-cat-item:nth-child(11){
     border-color: #eee;
}
.rh-cat-tbl .rh-cat-item .rh-default {
    height: 100%;
    width: 100%;
}

.rh-cat-tbl .rh-cat-item .rh-default .nl-line-1 {
    height: 53px;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.rh-cat-tbl .rh-cat-item .rh-default .nl-line-2 {
    height: 44px;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.rh-cat-tbl .rh-cat-item .rh-default .nl-line-1 img {
    height: 38px;
    width: auto;
}

.rh-cat-tbl .rh-cat-item .rh-default .nl-line-2 span {
    margin-top: 0;
}

/*.rh-cat-row .rh-cat-list {
    border-left: 1px solid #eee;
}*/

.rh-cat-tbl .rh-cat-item .rh-active {
    display: none;
}

.rh-cat-tbl .rh-cat-item .rh-default span {
    position: relative;
    display: inline-block;
    margin-top: 10px;
}


/* .rh-cat-tbl .rh-cat-item:hover .rh-default span {
    color: #ff4848;
} */


/*.rh-cat-tbl .rh-cat-item .rh-default span:hover,
.rh-cat-tbl .rh-cat-item .rh-default img:hover~span{
    color: #ff4848;
}*/

.rh-cat-list .rh-cat-tbl .cat-all {
    color: #ff1616;
    font-weight: 500;
    border: 1px solid #ff4848
}
.rh-cat-list .rh-cat-tbl .rh-cat-item.active {
    color: #ff1616;
    font-weight: 500;
    border-color: #ff4848;
}


/*.rh-cat-tbl .active .rh-default {
    display: none;
}*/

.rh-cat-tbl .active .rh-active {
    display: inline-block;
    font-weight: bold;
}


/* Best category */

.rh-best-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #ffbd11;
    text-align: center;
}

.rh-best-banner img {
    position: relative;
}

.rh-sort-time-wr {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.rh-sort-time {
    position: relative;
    display: inline-block;
    width: 940px;
    margin-top: 15px;
}

.rh-sort-time li {
    position: relative;
    display: inline;
    float: left;
    padding: 0 20px;
    border-right: 1px solid #bababa;
    text-transform: uppercase;
    font-size: 13px;
    color: #333;
    line-height: 1;
    font-weight: bold;
}

#item_image_href {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

div.item-image .rh-soldout .rh-soldout-layout {
    display: inline-block;
}

.rh-soldout-layout {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('/img/icon/bgr-souldout.png');
    z-index: 9;
}

.rh-soldout-layout img.rh-soldoutimg {
    position: absolute;
    width: 91px !important;
    height: 91px !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
}


/****** ****/

.img-hidden {
    display: none;
}

.thumb_item_image_border {
    border: 1px solid crimson;
}

.list-item {
    cursor: pointer;
}

.nl-board-list .nl-list-item,
.list-wrap .nl-board-list .nl-list-item .rh-qna-question .subj p {
    cursor: auto;
    width: 585px;
}


/* QNA MY PAGE BOARD */


/*	QA LIST MY PAGE*/

.qsearch-box {
    position: relative;
    display: inline-block;
    width: 850px;
    padding: 34px 25px 34px 25px;
    margin-left: 45px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}


/* 카테고리 */

.list-category .div-tab-box {
    margin-bottom: 15px;
}

.list-category .dropdown {
    margin-bottom: 15px;
}

.list-category .active a,
.list-category .selected a {
    color: crimson;
    font-weight: bold !important;
}


/* 목록 */

.list-category .div-tab.tabs {
    margin-bottom: 0px;
}

.list-board {
    width: 868px;
    margin-left: 35px;
}

.list-board .chk {
    width: 40px;
}

.list-board .num {
    width: 60px;
}

.list-board .name {
    width: 240px;
}

.list-board .rh-stt {
    width: 85px;
}

.list-board .reply {
    width: 63px;
}

.list-board .date {
    position: relative;
    width: 140px;
    /*Change by Linh*/
}

.list-board .board-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.list-board .board-list li {
    border-bottom: 1px solid #ddd;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    table-layout: fixed;
}

.list-board .board-list li .rh-qna-question {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.list-board .board-list li .rh-ans {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    background-color: #f9f9f9;
    padding: 26px 0;
    justify-content: center;
    align-items: center;
}

.list-board .board-list li .rh-ans>div {
    position: relative;
}

.list-board .board-list li .rh-ans .rh-col-1 {
    width: 100px
}

.list-board .board-list li .rh-ans .rh-col-2 {
    width: calc(100% - 222px);
    /*Change by Linh*/
}

.list-board .board-list li .rh-ans .rh-col-2 .rh-answer-id-mark {
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 24px;
    width: 74px;
    text-align: center;
    background-color: #fff;
    color: #ff4848;
    border: 1px solid #ff4848;
    font-size: 12px;
}

.list-board .board-list li .rh-ans .rh-col-2 p {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 17px;
    padding-right: 25px;
    width: 100%;
    color: #525252;
    text-align: justify;
    word-break: keep-all;
    line-height: 1.5;
}

.list-board .board-list li .rh-ans .rh-reply-cntn:before {
    content: url('/img/icon/arrow-turn-right.svg');
    position: absolute;
    left: -20px;
    top: 2px
}

.list-board .board-list li .rh-ans .rh-col-3 {
    width: 140px;
    /*Change by Linh*/
    /* color: #999; */
    /* font-size: 13px; */
    text-align: center;
    /*text-align: right;*/
    /*Change by Thanh*/
    /*padding-right: 20px;*/
    top: 6px;
    /*Change by Thanh*/
}


/*Change by Thanh*/

span.date.hidden-xs.nl-tblcell-review {
    text-align: center;
}


/*End change*/

.list-board .board-list li.rh-fullqa {
    position: relative;
    padding: 0;
    background-color: #fafafa;
}

.list-board .board-list li.rh-fullqa>div {
    text-align: left;
}

.list-board .board-list li .subj p {
    margin-bottom: 0px;
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.5;
    color: #525252;
}

.list-board .board-list li .subj p:hover {
    cursor: pointer;
}

.list-board .board-list li .rh-qna-question>div {
    display: table-cell;
    height: 34px;
    line-height: 22px;
    padding: 20px 0px;
    vertical-align: middle;
}

.list-board .board-list li .rh-qna-question>div.num {
    width: 82px;
    /*text-align: center;*/
    color: #333;
    text-align: left;
    /*Change by Thanh*/
    padding-left: 20px;
    /*Change by Thanh*/
}

.list-board .board-list li .rh-qna-question>div.subj {
    width: calc(100% - 220px);
}

.list-board .board-list li .subj {
    padding-left: 10px;
    text-align: left;
}

.list-board .board-list li .subj a {
    word-break: break-all;
    font-size: 13px;
}

.list-board .board-list li .subj a.rh-qa-cat {
    font-size: 12px;
    color: #272c2e;
    font-style: italic;
    font-weight: 500;
    max-width: 585px;
    display: block;
}

.list-board .board-list li .subj .rh-qna-act {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    width: 100%;
    clear: both;
}

.list-board .board-list li .subj .rh-qna-act a {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    width: auto;
    font-size: 12px;
    color: #333;
    height: 25px;
    width: 58px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
}

.list-board .board-list li .name {
    text-align: left;
    padding-left: 10px;
    word-break: break-all;
    font-weight: bold;
}

.list-board .board-list .xs-name a,
.list-board .board-list .xs-name span {
    display: inline-block !important;
}

.list-board .board-list .none {
    padding: 50px 0px;
}

.rh-reply-icon,
.rh-waiting-icon {
    position: relative;
    display: inline-block;
    margin-left: 0px;
    margin-right: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid;
}

.rh-reply-icon {
    width: 76px;
    height: 26px;
    line-height: 24px;
}

.rh-waiting-icon {
    width: 74px;
    height: 24px;
    line-height: 22px;
}

.list-board .board-list li .subj .rh-waiting-icon {
    /*color: #fff;
    background-color: #1c8be7;
    border: 1px solid #1c8be7;*/
    background-color: #fff;
    color: #ff4848;
    border: 1px solid #ff4848 !important;
    font-weight: normal;
}

.list-board .board-list li .subj .rh-reply-icon {
    background-color: #fff;
    color: #5c9ae1;
    border: 1px solid #6b8cab;
    font-weight: normal;
}

@media all and (max-width:768px) {
    .responsive .list-board .subj-item {
        margin-right: -15px
    }
    .responsive .list-board .subj-item>span {
        display: inline-block;
        margin-right: 15px;
        font-weight: normal;
    }
    .responsive .list-board .subj-item>span:last-child {
        margin-right: 0px;
    }
}


/* 목록 공통 */

.list-wrap {
    width: 100%;
}

.list-none {
    padding: 80px 0px;
}

.list-btn-box {
    margin: 15px 0px;
}

.list-btn-box a span {
    margin-left: 4px;
}

.list-page {
    margin-bottom: 15px;
    margin-top: 35px;
}

.list-page .pagination {
    margin: 0;
}


/* 내용 공통 */

.view-wrap {
    width: 100%;
    overflow: hidden;
}

.view-wrap .img-photo i {
    background: rgb(245, 245, 245);
    padding: 16px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 40px;
    display: inline-block;
}

.view-wrap .img-photo img {
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    display: inline-block;
}

.view-wrap .img-resize img {
    max-width: 100%;
    height: auto;
}

.view-wrap h1 {
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    line-height: 50px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    margin: 0px;
    padding: 0px 10px;
    color: rgb(59, 62, 67);
    letter-spacing: -1px;
}

.view-wrap h1 .photo {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.view-wrap .no-attach {
    border-bottom: 0px;
}

.view-head {
    border-left: 0px;
    border-right: 0px;
}

.view-head .sp {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 11px;
    color: #888;
}

.view-head .list-group-item {
    padding: 5px 15px;
    border-style: dotted;
}

.view-cnt {
    margin-top: 4px;
}

.view-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px;
    border: 0;
    height: auto;
}

.view-content {
    padding: 0px 15px 20px
}

.view-mobile .view-content {
    padding: 0px 0px 20px;
}

.view-content img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.view-content p {
    padding: 0;
    margin: 0;
    line-height: 22px;
}

.view-btn {
    margin: 15px 0px 30px;
}

.view-btn i {
    margin-right: 2px;
}


/* 답변 */

.ans-content {
    padding: 0px 15px 15px;
}

.ans-content img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.ans-content p {
    padding: 0;
    margin: 0;
    line-height: 22px;
}

.ans-btn {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    text-align: right;
}

.ans-btn a span {
    margin-left: 6px;
}

@media all and (max-width:460px) {
    .responsive .ans-btn .pull-left {
        float: none !important;
    }
}


/* 쓰기 */

.write-wrap {
    width: 100%;
    overflow: hidden;
}

.write-wrap h2 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}

.write-wrap label {
    font-weight: bold;
    margin-top: 4px;
}

.write-wrap .write-content {
    height: 300px;
}

.write-wrap .write-btn {
    margin: 25px 0px;
    text-align: center;
}

.write-wrap .sp-label {
    font-weight: normal;
    margin-left: 9px;
    margin-top: 0;
}

#fwrite {
    font-size: 14px;
}

#fwrite .rh-save-btn {
    margin-top: 30px;
    height: 34px;
    width: 108px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
}

.write-wrap .sp-label input[type="checkbox"],
.write-wrap .sp-label input[type="radio"] {
    margin-top: 0px;
}


/* 반응형 공통 */

@media all and (max-width:460px) {
    .responsive .list-btn {
        text-align: center;
        margin: 0px auto;
    }
    .responsive .pull-right.list-btn {
        float: none !important;
        margin-bottom: 14px;
    }
    .responsive .view-wrap h1 {
        text-overflow: clip;
        overflow: none;
        white-space: normal;
        line-height: 24px;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .responsive .view-wrap h1 .photo {
        display: none;
    }
    .responsive .view-btn i {
        margin-right: 0px;
    }
}


/* SEARCH BOX */

.rh-qsearch-box input,
.rh-qsearch-box label,
.rh-qsearch-box a,
.rh-qsearch-box hr,
.rh-qsearch-box span {
    position: relative;
    display: inline;
    float: left;
}

.rh-qsearch-box hr {
    position: relative;
    width: 1px;
    height: 30px;
    background-color: #dadada;
    border: 0;
    margin: 2px 0 0 0;
}

.rh-qsearch-box input,
.rh-qna-search-ip {
    width: 110px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #dadada;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-ip-label {
    position: relative;
    display: inline-block;
    width: 110px;
    line-height: 32px;
    top: 0;
    margin-bottom: 0;
    margin-right: 34px;
    font-size: 30px;
    font-weight: bold;
    color: #ff4848;
}

.rh-qsearch-box hr.rh-dec-line-0 {
    background-color: #ccc;
    margin-right: 7px;
    margin-left: 7px;
    height: 20px;
    margin-top: 8px;
}

.rh-qsearch-box hr.rh-dec-line-1 {
    float: right;
    height: 30px;
    margin-right: 13px;
    background-color: #aaa;
}

.rh-qsearch-box .rh-time-dur {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    line-height: 34px;
    color: #adadad;
}

.rh-qsearch-box .rh-right-box {
    float: right;
    width: 160px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #ff4848;
    background-color: #fff;
    color: #ff4848;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-search-btn {
    margin-left: 13px;
    padding: 0 15px;
    width: 90px;
    height: 34px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff4848;
    border: 0;
    letter-spacing: 0;
    color: #fff;
}

.rh-right-box:hover,
.rh-right-box:focus {
    color: #ff4848;
}


/**Change by Linh**/

.list-board .rh-tbl-head {
    padding: 10px 0;
    margin-bottom: 0;
    height: 45px;
    border-top-width: 1px;
    background: #f9f9f9;
    line-height: 25px;
    color: #525252;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
}

.list-board .rh-tbl-head span {
    position: relative;
    display: inline;
    float: left;
    color: #525252;
    border-left: 0;
    border-right: 0;
    text-align: center;
}

.list-board .rh-tbl-head span.num {
    width: 82px;
}

.list-board .rh-tbl-head span.subj {
    width: calc(100% - 222px);
}

.list-board .rh-tbl-head span.date {
    width: 140px;
}


/**End change**/

.div-title-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #bbb;
    background-color: #f9f9f9;
    line-height: 1;
}

.div-title {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ans-content {
    line-height: 1.5;
}

.rh-qna-reply {
    margin-top: 40px;
    padding: 0;
    border-top: 2px solid #222;
}

.rh-qna-reply .rh-reply-field {
    position: relative;
    display: table;
    width: 100%;
}

.rh-qna-reply .rh-reply-field div.form-group {
    position: relative;
    display: table-row;
    width: 100%;
}

.rh-qna-reply .rh-reply-field div.form-group label,
.rh-qna-reply .rh-reply-field div.form-group div {
    position: relative;
    display: table-cell;
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #ccc;
}

.rh-qna-reply .rh-reply-field div.form-group label {
    width: 120px;
    line-height: 1;
    padding-left: 20px;
    background-color: #f7f7f7;
}

.rh-qna-reply .rh-reply-field div.form-group div input.rh-reply-ttl {
    position: relative;
    display: inline-block;
    width: 643px;
    height: 30px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-qna-reply .rh-reply-field div.form-group div .input-group-addon {
    position: relative;
    display: inline-block;
    width: auto;
    float: right;
}

.rh-qna-reply .rh-reply-field div.form-group div textarea {
    height: 80px;
}

.rh-btn-cntn {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #d0d1d1;
    padding-top: 10px;
    text-align: right;
}

.rh-reply-btn {
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    background-color: #ff3636;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    line-height: 1;
    border: 0;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rh-btn-group .btn {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 15px 0 17px;
    height: 32px;
    line-height: 31px;
    font-weight: bold;
    color: #fffefe;
    background-color: #757575;
    border: 0;
    margin-left: 5px !important;
}

.rh-btn-group .rh-edit-btn {
    background-color: #939393;
    margin-left: 5px !important;
}

.rh-btn-group .btn:hover {
    color: #fffefe;
}


/* full view css */

.list-board .board-list li div.rh-item-name {
    position: relative;
    display: inline-block;
    width: 585px;
    clear: both;
    padding-left: 0px;
    font-weight: bold;
    color: #525252;
    font-size: 14px;
    margin-top: 10px;
}

.list-board .board-list li>div.rh-table-board {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    clear: both;
}

.list-board .board-list li.rh-fullqa>div .rh-cntn-label {
    position: relative;
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}

.rh-fullqa .rh-table-board>div {
    position: relative;
    display: table-row;
    width: 850px;
}

.rh-fullqa .rh-table-board>div>div {
    position: relative;
    display: table-cell;
}

.rh-fullqa .rh-table-board>div.rh-ans>div,
.rh-fullqa .rh-table-board>div.rh-cmt-cntn>div {
    padding: 20px 0;
    border-bottom: 0;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.5;
    color: #525252;
}

.rh-fullqa .rh-table-board>div.rh-ans>div.rh-reply-cntn p {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    color: #525252;
    line-height: 1.5;
}

.rh-fullqa .rh-table-board>div.rh-cmt-cntn>div {
    border-bottom: 0;
}

.rh-fullqa .rh-table-board>div>div.rh-col-1 {
    width: 60px;
    text-align: center;
    vertical-align: middle;
}

.rh-fullqa .rh-table-board>div>div .rh-mark {
    position: relative;
    display: inline-block;
    width: 73px;
    height: 22px;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    background-color: #ff4848;
}

.rh-fullqa .rh-table-board>div>div .rh-red {
    background-color: #ff4848;
    font-size: 13px;
}

.rh-fullqa .rh-table-board>div>div .rh-mark-blue {
    background-color: #44a9d4;
}

.rh-fullqa .rh-table-board>div>div.rh-col-2 {
    width: 675px;
}

.rh-fullqa .rh-table-board>div>div.rh-col-3 {
    width: 110px;
    text-align: center;
    vertical-align: middle;
}

.rh-fullqa .rh-table-board>div>div.rh-col-2 .rh-cmt-cntn {
    display: inline-block;
    border-bottom: 1px solid #dadada;
    padding: 7px 0 15px 0;
}

.rh-fullqa .rh-table-board>div>div.rh-col-2 .rh-write-cmt {
    border-bottom: 0;
    width: 815px;
}

.rh-fullqa .rh-table-board .rh-question>div {
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
}

.rh-reply-area {
    position: relative;
    display: inline;
    float: left;
    width: 685px;
    height: 75px;
    margin-top: 7px;
    padding: 10px;
    border: 1px solid #dadada;
}

.rh-fullqa .rh-table-board>div>div.rh-col-2 .rh-tbl {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.rh-fullqa .rh-table-board>div>div.rh-col-2 .rh-tbl .rh-cmt-cntn {
    display: table-row;
}

.rh-reply-cntn,
div.rh-qna-view-time {
    display: table-cell;
    vertical-align: middle;
}

.rh-reply-cntn {
    width: 685px;
}


/* div.rh-col-3 {width: 140px; } */

.rh-fullqa .rh-table-board>div>div.rh-col-3 .rh-qna-view-time {
    text-align: center;
    margin-top: 0;
}

.rh-view-time {
    position: relative;
    display: inline-block;
    width: 100%;
    /*text-align: center;*/
    cursor: default;
    /*text-align: right;*/
    top: 1px;
    /*Change by Thanh*/
    /*padding-right: 20px;*/
    /*Change by Thanh*/
}

.rh-view-time .rh-date {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.qa-list .rh-view-time .rh-date {
    text-align: center;
    /*text-align: right;*/
    /*Change by Thanh*/
    /*padding-right: 20px;*/
}

.rh-view-time .rh-tooltip {
    position: absolute;
    display: none;
    top: -2px;
    width: auto;
    right: 0;
    padding: 1px 15px;
    background: inherit;
    border-radius: 1px;
    font-style: normal;
    line-height: 22px;
    text-align: center;
}

.rh-tooltip {
    position: absolute;
    display: none;
    width: 160px;
    right: 0;
    padding: 4px 7px;
    background-color: #f9f9f9;
    border: 1px solid #848484;
    font-size: 12px;
    color: #232323;
    line-height: 1.3;
    box-shadow: 2px 2px 1px #a7a7a7;
    z-index: 999;
    border-radius: 2px;
    text-align: left;
}

.rh-fullqa .rh-table-board>div>div.rh-col-3:hover .rh-tooltip {
    display: inline-block;
}

.list-board .board-list .list-item .date:hover .rh-tooltip {
    display: inline-block;
}

.list-board .board-list li .subj a.rh-file-down {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 13px;
    color: #0f54aa;
    line-height: 1;
    margin-top: 7px;
    text-align: center;
}

.list-board .board-list li .subj a.rh-file-down:last-child {
    border-right: 0;
}

.list-board .board-list li .subj .rh-sperate-light-gray {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    font-size: 12px;
    margin-right: 10.5px;
    color: #dadada;
    line-height: 1;
}

.list-board .board-list li .subj a.rh-file-down i {
    margin-left: 4px;
}

.ellipsis {
    overflow: visible !important
}

.rh-answer-id {
    position: relative;
    display: inline-block;
    height: 22px;
    width: 73px;
    text-align: center;
    background-color: #ff4848;
    font-weight: normal;
    line-height: 20px;
}


/* -- ITEM PAGE - PRODUCT FROM SAME STORE LINE--- */

.rh-seller-related {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 30px;
    margin-bottom: 40px;
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.rh-seller-related>div {
    position: relative;
    display: inline;
    float: left;
}

.rh-seller-related>div.rh-shop-name {
    /* width: 244px;*/
    width: 237px;
    /*Linh changed*/
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
}

.rh-seller-related>div.rh-shop-name h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    font-size: 0;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c3c3c3;
    color: #333;
    line-height: 0;
}

.rh-seller-related>div.rh-shop-name h5 a,
.rh-seller-related>div.rh-shop-name h5 span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    transition: width 0.5s, transform 0.5s;
}

.rh-seller-related>div.rh-shop-name h5:hover a {
    width: fit-content;
    padding-right: 15px;
    background-color: #fff;
    z-index: 10;
    transition: width 0.5s, transform 0.5s;
}

.rh-seller-related>div.rh-shop-name h5 a img {
    position: relative;
    margin-right: 5px;
    top: 0px;
}


/* .rh-seller-related > div.rh-shop-name h5 .rh-shopname-tooltip {position: absolute; display: flex;  height: 30px;width: 0; padding: 0 10px; align-items: center; justify-content: center;line-height: 1.5; font-weight: 400;  top: 0; left: 100%; background-color: #fff; border: 1px solid #eee; z-index: 19;border-radius: 2px; opacity: 0; transition: opacity 0.5s, width 0.5s, transform 0.5s;  white-space: nowrap;}
.rh-seller-related > div.rh-shop-name h5:hover .rh-shopname-tooltip {width: fit-content; height: 30px;padding: 0 10px; opacity: 1;top: 0; transition: opacity 0.5s, width 0.5s, transform 0.5s;} */

.rh-seller-related>div.rh-shop-name>p {
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
}

.rh-seller-related>div.rh-shop-name>.rh-shop-action {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.rh-seller-related>div.rh-shop-name .rh-shop-rating {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
}

.rh-seller-related>div.rh-shop-name .rh-shop-rating>span {
    position: relative;
    display: inline;
    float: left;
}

.rh-seller-related>div.rh-shop-name .rh-shop-rating .rh-star-rating {
    width: 80px;
    font-size: 0;
    border-right: 0;
    top: -1px;
}

.rh-seller-related>div.rh-shop-name .rh-shop-rating .rh-star-rating img {
    position: relative;
    width: 13px;
    margin: 0 1px 0 0;
}

.rh-seller-related>div.rh-shop-name .rh-shop-rating .rh-ratingnumber {
    width: 120px;
}

.rh-seller-related>div.rh-shop-name .rh-shop-ttl {
    position: relative;
    display: inline-block;
    width: 75px
}


/**Change by Linh**/

.rh-seller-related div.rh-shop-name .rh-shop-cntn {}

.rh-seller-related div.rh-shop-name .rh-shop-action .rh-like {
    position: relative;
    display: inline-block;
    background-color: #fff;
    /*padding: 5px 10px;*/
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    color: #525252;
    border-radius: 3px;
    width: 96px;
    font-size: 13px;
    height: 25px;
}


/**End change**/

.rh-seller-related div.rh-shop-name .rh-shop-action .rh-like img {
    position: relative;
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    top: -1px;
    left: -2px;
}

.rh-seller-related div.rh-shop-item {
    width: 634px;
    padding-left: 35px;
    border-left: 1px solid #c3c3c3;
}

.rh-seller-related div.rh-shop-item .bx-wrapper,
.rh-seller-related div.rh-shop-item .bx-viewport {}

.rh-seller-related>div.rh-shop-item h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
    line-height: 23px;
    font-weight: 400;
}

.rh-seller-related>div.rh-shop-item h5>a {
    position: relative;
    display: inline-block;
    float: right;
    color: #525252;
    font-weight: normal;
}

.rh-seller-related>div.rh-shop-item h5 a img {
    position: relative;
    top: 1px;
    margin-left: 3px;
}

.rh-seller-related>div.rh-shop-item .rh-img {
    position: relative;
    display: inline-block;
    margin-bottom: 7px;
    width: 106px;
    height: 106px;
    border: 1px solid #d8d8d8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.rh-seller-related>div.rh-shop-item p {
    line-height: 1.5;
    margin-bottom: 0;
}

.rh-seller-related>div.rh-shop-item p del {
    color: #aaa;
    font-size: 12px;
}

.rh-seller-related>div.rh-shop-item .rh-store-item {
    position: relative;
    display: inline;
    float: left;
    width: 106px;
    margin-right: 17px;
}

.rh-seller-related>div.rh-shop-item .rh-store-item:last-child {
    margin-right: 0;
}

.rh-seller-related>div.rh-shop-item .rh-store-item>p>a {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 13px;
}

.rh-seller-related>div.rh-shop-item .rh-store-item>p>b {
    color: #333333;
    font-weight: 700;
}

.rh-seller-related>.rh-shop-rank {
    position: absolute;
    display: inline-block;
    width: 40px;
    left: -40px;
    top: -1px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-right: 0;
}

.rh-shop-rank>ul {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    height: auto;
}

.rh-shop-rank>ul>li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    color: #aaa;
    background-color: #e6e6e6;
    cursor: pointer;
}

.rh-shop-rank>ul>li:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 10px;
    height: 1px;
    width: 20px;
    background-color: #cfcfcf;
}

.rh-shop-rank>ul>li:last-child:after,
.rh-shop-rank>ul>li.active:after {
    display: none;
}

.rh-shop-rank>ul>li.active {
    border-left: 2px solid #ff4848;
    background-color: #fff;
    color: #ff4848;
    font-weight: bold;
}

.rh-foto-list .rh-bx-slider img {
    max-width: 100%;
    width: 100px;
}

.rh-rv-foto {
    width: 100%;
    height: auto;
}

.rh-rev:hover {
    cursor: pointer;
    height: 28px;
}

.no-img .bx-prev,
.no-img .bx-next {
    display: none !important;
}

.list-lang:hover {
    cursor: pointer;
}

.rh-opt-popup-wr.mod_option_form.rh-item-name img {
    width: 90px;
    height: 90px;
}

.tab-content {
    display: none !important;
}

.tab-content.active {
    display: block !important;
}


/*Partner register.step.final.php*/

.rh-reg-s2-wr {
    position: relative;
}

.rh-reg-s2-wr .langbtn {
    position: absolute;
    right: 50px;
    top: 0;
}

.rh-reg-s2-wr #rh-lang-list {
    display: none;
}

.langbtn,
.rh-lang-top>button {
    cursor: pointer;
}

.list_comment_lang .full-content {
    display: none;
}


/* ===== store information  ====== */

.rh-fav-shop .rh-seller-related {
    width: calc(100% - 70px);
    margin-left: 35px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
}

.wishlist-fav-skin .rh-fav-shop .rh-seller-related {
    margin-bottom: 0 !important;
}

.rh-fav-shop .rh-seller-related>div.rh-shop-name {
    width: 205px;
    padding-right: 20px;
}

.rh-fav-shop .rh-seller-related>div.rh-shop-name .rh-shop-rating .rh-ratingnumber {
    /* width: 100px; */
}

.rh-fav-shop .rh-seller-related>div.rh-shop-name .rh-shop-rating .rh-ratingnumber b {
    color: #ff4848;
}

.rh-fav-shop div.nl-shop-item-pb .nl_item_price_1 {
    display: block;
    color: #aaa;
    font-size: 12px;
    /* margin-bottom: -17px; */
    line-height: 13px;
    text-decoration: line-through;
}

.rh-fav-shop div.nl-shop-item-pb .nl_item_price_2 {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 500;
}

.rh-fav-shop .rh-seller-related>div.rh-shop-item {
    width: 620px;
    padding-left: 20px;
}


/*** MISC CLASS ****/

.flex {
    display: flex !important;
    display: -webkit-flex;
}

.space {
    padding: 0 3px;
}

.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1073;
}


/* Item sumarry discription */

.rh-sum-disc {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-wrap: wrap;
    border-top: 2px solid #e5e5e5;
}

.rh-disc-term {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: calc(50% - 1px);
    flex: 1 0 49%;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.5;
    justify-items: center;
}

.rh-disc-term>span {
    position: relative;
    display: flex;
    display: -webkit-flex;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
}

.rh-disc-term>span:first-child {
    width: 130px;
    font-weight: 600;
    background-color: #f9f9f9;
}

.rh-disc-term>span:last-child {
    width: calc(100% - 130px);
}


/* POLICY PAGES */

.at-container.rh-policy.border_register .rh-policy,
.rh-policy {
    margin-bottom: 50px;
}

.at-container.rh-policy.border_register .rh-policy_ttl,
.rh-policy_ttl {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: 75px 0 10px;
    font-size: 25px;
    line-height: 1.3;
}

.at-container.rh-policy.border_register .rh-policy_ttl {
    margin-top: 0;
}

.at-container.rh-policy.border_register .dl-list-s1,
.dl-list-s1 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    font-size: 14px;
}

.at-container.rh-policy.border_register .dl-list-s1 dt,
.at-container.rh-policy.border_register .dl-list-s1 dd,
.dl-list-s1 dt,
.dl-list-s1 dd {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
}

.at-container.rh-policy.border_register .dl-list-s1 dt,
.dl-list-s1 dt {
    margin: 30px 0 0;
}

.at-container.rh-policy.border_register .dl-list-s1 dd,
.dl-list-s1 dd {
    margin-top: 10px;
    padding-left: 15px;
    font-size: 14px;
    text-align: justify;
    word-spacing: normal;
    text-align-last: left;
}

.at-container.rh-policy.border_register ul.dl-list-s1_ul_1,
ul.dl-list-s1_ul_1 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    color: #525252;
    list-style-type: none;
}

.at-container.rh-policy.border_register ul.dl-list-s1_ul_1>li,
ul.dl-list-s1_ul_1>li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 15px;
}

.at-container.rh-policy.border_register ul.dl-list-s1_ul_1>li:before,
ul.dl-list-s1_ul_1>li:before {
    content: '';
    background-image: url('/img/icon/circle-solid.svg');
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    left: 0;
    top: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.at-container.rh-policy.border_register .dl-upper-roman,
.dl-upper-roman {
    list-style-type: upper-roman;
    font-weight: bold;
    color: #333;
}

.at-container.rh-policy.border_register .dl-upper-roman>li,
.dl-upper-roman>li {
    position: relative;
    width: 100%;
    font-weight: 400;
    margin-top: 40px;
    font-weight: bold;
    font-size: 24px;
}

.at-container.rh-policy.border_register .dl-upper-roman>li h3,
.dl-upper-roman>li h3 {
    margin-bottom: 10px;
    line-height: 1.5;
    text-transform: uppercase;
}

.at-container.rh-policy.border_register .dl-upper-roman>li h4,
.dl-upper-roman>li h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.at-container.rh-policy.border_register .dl-upper-roman>li h5,
.dl-upper-roman>li h5 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    font-weight: bold;
    line-height: 1.5;
}

.at-container.rh-policy.border_register .dl-upper-roman>li h6,
.dl-upper-roman>li h6 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 7px;
    padding-left: 0;
    font-size: 14px;
}

.at-container.rh-policy.border_register .dl-upper-roman li p,
.dl-upper-roman li p {
    margin-bottom: 10px;
    font-weight: 400;
    text-align: justify;
    font-weight: normal;
    font-size: 14px;
}

.at-container.rh-policy.border_register .dl-upper-roman h3 {
    font-size: 15px;
    font-weight: 600;
}

.at-container.rh-policy.border_register .rh-ul-s2,
.rh-ul-s2 {
    padding-left: 15px;
}

.at-container.rh-policy.border_register .rh-ul-s2 li,
.rh-ul-s2 li {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 5px;
    width: 100%;
    list-style-type: none;
}

.at-container.rh-policy.border_register .rh-ul-s2 li:before,
.rh-ul-s2 li:before {
    content: '+';
    position: absolute;
    margin-right: 5px;
    font-size: 13px;
    left: 0;
}

.at-container.rh-policy.border_register .dl-upper-roman .dl-list-s1_ul_1 li,
.dl-upper-roman .dl-list-s1_ul_1 li {
    margin-bottom: 5px;
    text-align: justify;
    font-weight: normal;
    font-size: 14px;
}

.at-container.rh-policy.border_register .dl-upper-roman .dl-list-s1_ul_1 li:last-child,
.dl-upper-roman .dl-list-s1_ul_1 li:last-child {
    margin-bottom: 0;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_2,
.dl-list-s1_ul_2 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_2>li,
.dl-list-s1_ul_2>li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 7px;
}

.at-container.rh-policy.border_register .dl-upper-roman>li>ul,
.dl-upper-roman>li>ul {
    margin-bottom: 10px;
}

.at-container.rh-policy.border_register .dl-upper-roman>li>ul:last-child,
.dl-upper-roman>li>ul:last-child {
    margin-bottom: 0;
}

.at-container.rh-policy.border_register .dl-upper-roman>li>ol,
.dl-upper-roman>li>ol {
    list-style-type: none;
}

.at-container.rh-policy.border_register .dl-upper-roman>li>ol>li,
.dl-upper-roman>li>ol>li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_3,
.dl-list-s1_ul_3 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 0px;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_3>li,
.dl-list-s1_ul_3>li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 15px;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_3>li:before,
.dl-list-s1_ul_3>li:before {
    content: '-';
    position: absolute;
    left: 0;
}

.at-container.rh-policy.border_register .rh-note,
.rh-note {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_4,
.dl-list-s1_ul_4 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 15px;
}

.at-container.rh-policy.border_register .dl-list-s1_ul_4 li,
.dl-list-s1_ul_4 li {
    list-style-type: circle;
}

.policy-tbl-1 {
    position: relative;
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

.policy-tbl-1 tr th {
    background-color: #ebebeb;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
}

.policy-tbl-1 tr th,
.policy-tbl-1 tr td {
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    padding: 10px;
}

.policy-tbl-1 tr td {
    text-align: left;
    font-weight: normal;
}

.policy-tbl-1 tr th:nth-child(1) {
    width: 25px;
}

.policy-tbl-1 tr td:first-child {
    text-align: center;
}

.policy-tbl-1 tr th:nth-child(2) {
    width: 290px;
}

.policy-tbl-1 tr th:nth-child(3) {
    width: 570px;
}

.rh-inside-15 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 0;
}

.at-container.rh-policy.border_register {
    width: 100% !important;
    border: 1px solid #ccc;
    padding: 25px 35px;
    clear: both;
    margin-top: 40px;
    height: 200px;
    overflow-y: scroll;
}

.at-container.rh-policy.border_register li {
    font-size: 15px !important;
}

.at-container.rh-policy.border_register li h3 {
    float: none !important;
}

.at-container.rh-policy.border_register .rh-policy {
    width: 100%;
}

.border_register ul {
    list-style: none;
}

.border_register h3 {
    font-size: 15px !important;
    font-weight: 600;
    display: block !important;
    width: 100%;
}

.border_register .dl-upper-roman>li {
    margin-top: 0px !important;
}

.rh-seller-related .rh-store-item1 {
    line-height: 15px;
    float: left;
    list-style: none;
    position: relative;
    width: 106.2px;
    margin-right: 17px;
    cursor: pointer;
}

.nl-shop-item-pb,
.nl-shop-item-pb .bx-wrapper {
    overflow: hidden;
}

.nl-shop-item-pb .bx-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 190px !important;
}

.nl-shop-item-pb .content_product_related {
    width: 10215%;
    position: relative;
    left: -625px;
    visibility: visible;
}


/*  ================ ORDER DETAIL  ===========*/

.rh-orderdetail-wr {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-self: center;
}

.rh-orderdetail-wr .rh-pu-headling {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 30px;
    padding: 40px;
    line-height: 1.5;
}

.rh-orderdetail-wr .rh-pu-headling h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.rh-pu-body {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(100% - 40px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 40px;
    padding-top: 0px;
}

.rh-pu-body .rh-processboard {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #d9d9d9;
}

.rh-pu-body .rh-processboard>div {
    position: relative;
    padding: 17px;
}

.rh-pu-body .rh-processboard .rh-left-col {
    width: 225px;
    border-right: 1px solid #d9d9d9;
    line-height: 1.5;
}

.rh-pu-body .rh-processboard .rh-right-col {
    width: calc(100% - 225px);
}

.rh-pu-body .rh-processboard .rh-order-info {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding: 15px 0;
    line-height: 1.5;
}

.rh-pu-body .rh-processboard .rh-order-info>div {
    position: relative;
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: center;
}

.rh-process-detail>ul {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    line-height: 1.5;
}

.rh-process-detail>ul>li {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    padding-left: 23px;
    margin: 8px 0;
    color: #aaa;
    cursor: context-menu;
    font-size: 13px;
}

.rh-process-detail>ul>li.active,
.rh-process-detail>ul>li:hover {
    color: #333;
}

.rh-process-detail>ul>li:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 3px;
    border: 4px solid #cecdcd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

.rh-process-detail>ul>li:after {
    position: absolute;
    content: ' ';
    height: 100%;
    width: 1px;
    background-color: #cecdcd;
    left: 6px;
    top: 15px;
}

.rh-process-detail>ul>li:last-child:after {
    display: none;
}

.rh-process-detail>ul>li.active:before {
    border-color: #049245
}

.rh-process-detail>ul>li.active:after {
    background-color: #049245;
}

.rh-process-detail>ul>li>span {
    position: relative;
}

.rh-process-detail>ul>li>span.rh-time {
    width: 110px;
}

.rh-processboard .rh-process-detail>ul>li>span.rh-time {
    width: 150px;
}

.rh-process-detail>ul>li>span.rh-orderstatus {
    width: calc(100% - 110px);
    padding-left: 10px;
}

.rh-processboard .rh-process-detail>ul>li>span.rh-orderstatus {
    width: calc(100% - 150px);
}

.rh-processboard>div>.rh-headling {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
}

.rh-processboard>div.rh-left-col>.rh-headling {
    font-size: 17px;
    font-weight: bold;
    color: #525252;
}

.rh-processboard>div.rh-right-col>.rh-headling {
    padding-top: 2px;
}

.rh-processboard>div.rh-right-col>.rh-headling>span,
.rh-processboard>div.rh-right-col>.rh-headling>img,
.rh-processboard>div.rh-right-col>.rh-headling>.rh-return-process>span,
.rh-processboard>div.rh-right-col>.rh-headling>.rh-return-process>img {
    position: relative;
    display: inline;
    float: left;
    margin-right: 9px;
}

.rh-processboard>div.rh-right-col>.rh-headling>img,
.rh-processboard>div.rh-right-col>.rh-headling>.rh-return-process>img {
    top: 4px;
}

.rh-processboard>div.rh-right-col>.rh-headling>span>img,
.rh-processboard>div.rh-right-col>.rh-headling>.rh-return-process>span>img {
    position: relative;
    margin-right: 4px;
    vertical-align: middle;
}

.rh-processboard>div.rh-left-col .rh-content h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.rh-pu-body .rh-processboard .rh-order-info>div b {
    text-transform: uppercase;
}

.rh-pu-body .rh-item-board {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    border: 1px solid #d9d9d9;
    line-height: 1.5;
}

.rh-pu-body .rh-item-board .rh-board-head {
    position: relative;
    padding: 13px 30px;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f9f9f9;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
}

.rh-pu-body .rh-item-board .rh-board-head>div:nth-child(1) {
    width: calc(100% - 240px);
}

.rh-pu-body .rh-item-board .rh-board-head>div:nth-child(2) {
    width: 140px;
    text-align: center;
}

.rh-pu-body .rh-item-board .rh-board-head>div:nth-child(3) {
    width: 100px;
    text-align: right;
}

.rh-pu-body .rh-item-board .rh-board-cntn {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 0px;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-item-row {
    position: relative;
    width: 100%;
    padding: 0 30px;
    margin: 13px 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    color: #333;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-item-row>.rh-item-thumb {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-position: center center;
    border: 1px solid #d9d9d9;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-item-row>p.rh-item-name {
    width: calc(100% - 315px);
    padding-left: 15px;
    align-self: center;
    margin-right: 0;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-item-row>p.rh-item-name>small {
    font-size: 13px;
    color: #999;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-item-row>p.rh-price {
    width: 140px;
    text-align: center;
    align-self: center;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-item-row>p.rh-total {
    width: 100px;
    text-align: right;
    align-self: center;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-total-row {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;
    padding: 20px 20px 10px 20px;
    text-align: right;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-total-row>p {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 5px 0;
    padding-bottom: 0;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-total-row .rh-label {
    position: relative;
    display: inline-block;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-total-row .rh-amount {
    position: relative;
    display: inline-block;
    width: 100px;
    font-size: 14px !important;
    font-weight: bold;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-total-row .rh-final-price .rh-label {
    font-weight: bold;
    color: #333;
}

.rh-pu-body .rh-item-board .rh-board-cntn .rh-total-row .rh-final-price .rh-amount {
    font-weight: bold;
    color: #ff4848;
}


/* =========== ./. ORDER DETAIL =============== */


/* Address popup edited 2019-07-15 */

.md_popup .rh-address-list-popup {
    width: 736px;
    height: 480px;
    padding: 45px;
}

.md_popup .rh-address-list-popup .addr_tables {
    margin-bottom: 0;
}

.addr_pop h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 26px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.addr_pop h3 button {
    position: absolute;
    right: -17px;
    top: -21px;
    background-color: #fff;
    border: 0;
    width: 12px;
    height: 12px;
}

.addr_pop .addr_tables th {
    border: 0;
    background-color: #f9f9f9;
    height: 48px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    text-transform: capitalize;
}

.addr_pop .addr_tables th:nth-child(1) {
    width: 212px;
}

.rh-address-popup-list-body {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 446px;
    /*height: 446px;*/
    overflow-y: auto;
    /* change by tien */
    /* overflow-y: hidden;  */
    /*Change by Thanh*/
    /* border: 1px solid #e5e5e5; */
    border-left: none;
    /*Change by Thanh*/
    border-right: none;
    /*Change by Thanh*/
    border-top: 1px solid #999;
    /*Change by Thanh*/
}

.rh-address-popup-list-body .tr-line {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.rh-address-popup-list-body .tr-line .rh-col1 {
    width: 211px;
    /*padding: 16px;*/
    padding: 23px 16px 23px 20px;
    /*Change by Tien*/
    /* padding: 28px 16px 28px 20px; */
    /*Change by Thanh*/
    background-color: #f9f9f9;
    /*Change by Thanh*/
}

.rh-address-popup-list-body .tr-line.active .rh-printAdd p,
.rh-address-popup-list-body .tr-line:hover .rh-printAdd p {
    text-decoration: none;
    cursor: pointer;
}

.rh-address-popup-list-body .tr-line .rh-printAdd {
    /*padding: 16px 0 16px 16px;*/
    padding: 16px 20px;
    /*Change by Thanh*/
    display: flex;
    display: -webkit-flex;
    width: calc(100% - 212px);
    border-left: 1px solid #e5e5e5;
    border-left: none;
    /*Change by Thanh*/
}

.rh-address-popup-list-body .tr-line .rh-printAdd p {
    width: calc(100% - 90px);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    line-height: 20px;
    font-size: 13px;
}

.uncusor {
    cursor: context-menu !important;
}

.addCusor {
    cursor: pointer;
    line-height: 1.5em;
}

.addCusor:hover {
    text-decoration: underline;
    font-weight: 500;
}

.rh-address-popup-list-body .tr-line .rh-printAdd .rh-del-address-wr {
    position: relative;
    display: inline-block;
    width: 90px;
    /*text-align: center;*/
    text-align: right;
    /*Change by Thanh*/
    border-left: 1px solid #e5e5e5;
    border-left: none;
    /*Change by Thanh*/
    padding-left: 20px;
    /*Change by Thanh*/
}

.rh-address-popup-list-body .tr-line .rh-printAdd .rh-del-address-wr button {
    position: relative;
    display: inline-block;
    margin: 7px 0;
    /*width: 53px;*/
    width: 70px;
    height: 23px;
    font-size: 13px;
    line-height: 22px;
    background-color: #fff;
    /*border: 1px solid #e5e5e5;*/
    /*Change by Thanh*/
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    /*End change*/
}

div.md-popup-box.rh-address-list-popup.dlt-popup-box {
    padding: 35px;
    /*Change by Thanh*/
}

.rh-address-list-popup .rh-btn {
    position: relative;
    display: inline-block;
    margin-top: 32px;
    width: 100%;
    text-align: center;
}

.rh-address-list-popup .rh-btn button {
    position: relative;
    display: inline-block;
    width: 144px;
    height: 38px;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 600;
}

.rh-address-list-popup .rh-btn button.rh-btn-cancel {
    margin-right: 9px;
    background-color: #fff;
    border: 1px solid #ff4848;
    color: #ff0000;
}

.rh-address-list-popup .rh-btn button.rh-btn-save {
    background-color: #ff4848;
    border: 1px solid #ff4848;
    color: #fff;
}


/** Notice Page **/

.rh-notice-page {
    background-color: #f6f6f6;
    padding-top: 15px;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-bottom: 40px;
}

.rh-notice-page .rh-notice-left {
    float: left;
}

.rh-notice-page .rh-notice-left .rh-left-menu {
    width: 193px;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul {
    background-color: #fff;
}

.rh-notice-page .rh-notice-left .rh-left-menu h4 {
    background: #394462;
    width: 193px;
    height: 139px;
    font-size: 20px;
    line-height: 31px;
    padding-top: 40px;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul li {
    color: #333;
}


/*Change by Linh add width*/

.rh-notice-page .rh-notice-left .rh-left-menu ul li a {
    padding: 9px 20px;
    font-size: 14px;
    color: #333;
    width: 100%;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul li.mn-active a {
    color: #ff5c5d;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul li>.rh-left-sub-1 {
    background-color: #fafafa;
    border-top: 1px solid #e3e3e3;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul.rh-left-sub-1 li a {
    line-height: 40px;
    font-size: 14px;
    padding-left: 29px;
    padding-right: 15px;
    color: #333;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul.rh-left-sub-1 li a span {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.rh-notice-page .rh-notice-left .rh-left-menu ul.rh-left-sub-1 li:last-child a span {
    border-bottom: 0;
}


/*End change*/

.rh-notice-page .rh-notice-left .rh-left-menu ul.rh-left-sub-1 li a:before {
    content: "";
}

.rh-notice-page .rh-notice-center {
    float: left;
    width: 725px;
    background: #fff;
    padding-bottom: 30px;
    border: 1px solid #e3e3e3;
}

.rh-notice-page .rh-notice-center p {
    color: #333333;
}

.rh-notice-page .rh-notice-center .rh-help-desk {
    margin: 20px 20px 28px 20px;
    background: #E3ECF8;
    padding: 27px 20px;
}

.rh-help-desk .help-desk-icon {
    float: left;
    width: 115px;
    text-align: center;
}

.rh-help-desk .help-desk-icon i {
    font-size: 50px;
}

.rh-help-desk .help-desk-content {
    float: right;
    width: 525px;
    text-align: center;
}

.rh-help-desk .help-desk-content h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
    font-weight: bolder;
    color: #333;
}

.rh-help-desk .help-desk-content h3 span {
    color: #fb1d1e;
}

.rh-notice-page .rh-notice-center .rh-notice-contact {
    margin: 20px 20px 26px 20px;
}

.notice-contact-box .rh-process-delivery {}

.rh-process-delivery .notice-contact-box i {
    margin: 0 0 6px 0 !important;
}

.rh-process-delivery .notice-contact-box i,
.rh-process-delivery .notice-contact-box .notice-contact-box-content {
    float: none !important;
    width: 100% !important;
    text-align: center;
}

.rh-process-delivery .notice-contact-box {
    width: 100px !important;
    min-height: 99px;
    padding: 11px !important;
}

.rh-process-delivery .notice-contact-box .notice-contact-box-content {}

.rh-process-delivery .notice-contact-box .notice-contact-box-content p {
    text-align: center !important;
    line-height: 17px !important;
}

.rh-notice-contact .notice-contact-box {
    width: 217px;
    float: left;
    border: 1px solid #E6E6E6;
    padding: 15px 20px;
    margin-right: 16px;
    background-color: #fdfdfd;
}

.rh-notice-contact .notice-contact-box.box-last {
    margin-right: 0;
}

.rh-notice-contact .notice-contact-box i {
    font-size: 35px;
    float: left;
    width: 30%;
    margin: 10px 0;
}

.rh-notice-contact .notice-contact-box .notice-contact-box-content {
    float: right;
    width: 70%;
}

.rh-notice-contact .notice-contact-box .notice-contact-box-content h4 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: bolder;
}

.rh-notice-contact .notice-contact-box .notice-contact-box-content p {
    text-align: justify;
    font-size: 14px;
}

.rh-notice-page .rh-notice-center .rh-notice-search {
    margin: 20px 20px 0 20px;
}

.rh-notice-search .notice-form {}

.rh-notice-search .notice-form h3 {
    float: left;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 29px;
    color: #333;
    padding-left: 10px;
}

.rh-notice-search .notice-form form {
    float: right;
    display: none;
}

.rh-notice-search .notice-form input {
    background-color: #fff !important;
    border: 1px solid #bbbbbb;
    position: relative;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    font-size: 12px;
    margin-right: 6px;
    margin-left: 0;
    padding: 5px 5px 5px 12px;
    width: 241px;
    /*color: #bbbbbb;*/
    color: #000;
    /**Change by Linh**/
}

.rh-notice-search .notice-form input::placeholder {
    font-style: italic;
    color: #bbbbbb;
}

.rh-notice-search .notice-form button {
    padding: 4px 13px;
    font-size: 14px;
    background-color: #ff4848;
    border: 0;
    letter-spacing: 0;
    color: #fff;
    height: 34px;
}

.rh-notice-page .rh-notice-center .rh-notice-list {
    border-top: 3px solid #ff4848;
    margin: 16px 20px 20px 20px;
}

.rh-notice-list .rh-notice-table {}

.rh-notice-table {}

.rh-notice-table .rh-col-1 {
    width: 74px;
    text-align: center;
}

.rh-notice-table .rh-col-2 {
    width: 609px;
}

.rh-notice-table .notice-table-row {
    clear: both;
    ;
    display: inline-block;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    color: #333333;
}

.rh-notice-table .notice-table-row:before,
.rh-notice-table .notice-table-row:after {
    display: table;
    content: " ";
}

.rh-notice-table .notice-table-row .notice-table-cell {
    float: left;
    padding: 0 10px;
}

.rh-notice-table .notice-table-head {
    background: #FAFAFA;
    font-weight: bold;
    color: #525252;
}

.rh-notice-table .notice-table-head .notice-table-row .notice-table-cell {
    text-align: center;
}

.rh-notice-table .notice-table-body {}

.rh-notice-table .notice-table-body .notice-table-row:last-child {
    /* border-bottom: none; */
}

.rh-notice-page .rh-notice-right {
    float: right;
}


/** Cart Page **/

.rh-cartpage-wrap {}

.rh-cartpage-wrap .rh-mypage-cntn-wr {
    /* padding-top: 29px !important; */
    padding-bottom: 5px !important;
}

.rh-cartpage-wrap .rh-mypage-tag {
    width: 893px;
    /* margin-left: 23px; */
}

.rh-cartpage-wrap .rh-mypage-tag>div {
    /* width: 112.5px !important; */
}

.rh-cartpage-wrap .content-tab-cartpage {
    padding: 30px 33px 23px 33px;
}

.content-tab-cartpage p {
    line-height: 27px;
}

.content-tab-cartpage h3 {
    color: #ff4848;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    padding-left: 1px;
}

.content-tab-cartpage .rh-order-details {
    border: 1px solid #e3e3e5;
    margin-top: 20px;
    width: 100%;
}

.rh-order-details .detail-order {
    /*width: calc(100% - 609px);*/
    width: 263px;
    padding: 22px 24px;
    float: left;
    min-height: 271px;
}

.rh-order-details .detail-order h4 {
    padding-bottom: 14px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e3e3e5;
}

.rh-order-details .detail-order .order-address {
    margin-top: -5px;
}

.rh-order-details .detail-order .order-address p {
    line-height: 21px;
    font-size: 13px;
}

.rh-order-details .detail-order .return-address {
    margin-bottom: 9px !important;
    padding-top: 4px !important;
}

.rh-order-details .detail-order .return-address p {
    line-height: 19px;
    letter-spacing: 0.41px;
}

.rh-order-details .detail-order .return-address p:first-child {
    margin-top: -3px !important;
}

.rh-order-details .detail-order .detail-order-button {
    padding-top: 16px;
    text-align: center;
}

.rh-order-details .detail-order .detail-order-button .btn {
    width: 82px;
    height: 25px;
    border: 1px solid #ff4848;
    line-height: 25px;
    vertical-align: middle;
}


/*Change by Linh*/

.rh-order-details .detail-order .detail-order-button .btn-return {
    /*margin-right: 8px;*/
    color: #333;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    padding: 0 !important;
    border-radius: 3px !important;
}

.rh-order-details .detail-order .detail-order-button .btn-confirm {
    border-style: solid;
    border-width: 1px;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
    background-color: #ff4848;
    color: #fff;
    padding: 0 !important;
    border-radius: 3px !important;
}


/*End change*/

.rh-order-details .detail-shipping {
    border-left: 1px solid #e3e3e5;
    padding: 22px;
    float: right;
    width: 609px;
    min-height: 271px;
}

.rh-order-details .detail-shipping .detail-shipping-steps {
    padding-left: 3px;
}

.detail-shipping-steps .detail-shipping-step {
    float: left;
    padding-right: 18px;
    position: relative;
}

.detail-shipping-steps .detail-shipping-step.step-last {
    padding-right: 0px;
}

.detail-shipping-steps .detail-shipping-step.active,
.detail-shipping-steps .detail-shipping-step.active i,
.detail-shipping-steps .detail-shipping-step.active span {
    color: #2A8754;
}

.detail-shipping-steps .detail-shipping-step.active i {
    border: 1px solid #2A8754;
}

.detail-shipping-steps .detail-shipping-step i {
    border: 1px solid #000000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -5px;
    left: 0;
}


/**ORDER DETAILS css **/


/***
***Change by Linh
***/

.detail-shipping-steps .detail-shipping-step span {
    display: inline-block;
    line-height: 30px;
    /*padding-left: 45px;*/
    font-size: 13.5px;
    color: #999;
    position: relative;
    width: 100%;
    text-align: center;
    padding-left: 36px;
}

.detail-shipping div.detail-shipping-steps {
    width: 100%;
    position: relative;
}

.detail-shipping-steps div.detail-shipping-step {
    width: 25%;
    position: relative;
}

.detail-shipping-steps .detail-shipping-step span::after {
    content: "\e258";
    /*position: relative;*/
    position: absolute;
    /*top: 1px;*/
    top: 8px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    /*padding-left: 22px;*/
    right: -10px;
    color: #999;
}

.detail-shipping-steps .detail-shipping-step.step-last span::after {
    content: "";
    padding-right: 18px;
    /*padding-left: 0;*/
}


/*** End change **/

.rh-order-details .detail-shipping .detail-ship {
    border: 1px solid #e3e3e5;
    margin-top: 22px;
    margin-left: 3px;
    padding: 16px 15px;
    height: 170px;
    overflow-y: scroll;
    position: relative;
}

.rh-order-details .detail-shipping .detail-ship p {
    color: #999;
}

.rh-order-details .detail-shipping .detail-ship p i {
    top: 1px;
    background: #cfcfcf;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
}

.rh-order-details .detail-shipping .detail-ship p.active i {
    background: #2A8754;
}

.rh-order-details .detail-shipping .detail-ship p:last-child i:after {
    content: none;
}

.rh-order-details .detail-shipping .detail-ship p.active span {
    color: #000;
}

.rh-order-details .detail-shipping .detail-ship p i:before {
    content: "";
    background: #fff;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 3px;
    left: 3px;
}

.rh-order-details .detail-shipping .detail-ship i:after {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 6px;
    background: #cfcfcf;
}

.rh-order-details .detail-shipping .detail-ship span {
    padding-left: 10px;
}

.rh-order-details .info-order-detail {
    border-top: 1px solid #e3e3e5;
}

.rh-order-details .info-order-detail strong {
    text-transform: uppercase;
}

.rh-order-details .info-order-detail .info-bill-no {
    line-height: 16px;
    float: left;
    border-right: 1px solid #e3e3e5;
    margin: 16px 0;
    width: 269px;
    text-align: center;
    margin-right: 16px;
}

.rh-order-details .info-order-detail .info-delivery {
    line-height: 16px;
    margin: 16px 0;
    float: left;
    text-align: center;
    border-right: 1px solid #e3e3e5;
    width: 300px;
}

.rh-order-details .info-order-detail .info-payment {
    line-height: 16px;
    margin: 16px 0;
    float: left;
    text-align: center;
    width: 280px;
}

.content-tab-cartpage .rh-order-details-list {
    padding-top: 0px;
}

.content-tab-cartpage .rh-mypageSearchNew {
    padding-left: 2px !important;
    padding-right: 0 !important;
    padding-top: 25px;
}

.content-tab-cartpage .rh-order-details-list .order-detail-list-content {
    padding-top: 25px;
}

.order-detail-list-content .rh-notice-table {
    border: 1px solid #e3e3e5;
    padding-bottom: 5px;
}

.order-detail-list-content .rh-notice-table .rh-col-1 {
    width: 476px !important;
    text-align: left !important;
}

.order-detail-list-content .rh-notice-table .rh-col-2 {
    width: 130px !important;
}

.order-detail-list-content .rh-notice-table .rh-col-3 {
    width: 130px !important;
}

.order-detail-list-content .rh-notice-table .rh-col-4 {
    width: 130px !important;
}

.order-detail-list-content .rh-notice-table .notice-table-head {
    background: #fff;
    text-transform: uppercase;
}

.order-detail-list-content .rh-notice-table .notice-table-head .notice-table-row {}

.order-detail-list-content .rh-notice-table .notice-table-head .notice-table-row .notice-table-cell {
    text-align: center;
    line-height: 43px;
    padding-left: 24px;
    padding-top: 7px;
}

.order-detail-list-content .rh-notice-table .notice-table-head .rh-col-2 {
    margin-left: -14px;
    padding-left: 0 !important;
}

.order-detail-list-content .rh-notice-table .notice-table-head .rh-col-3 {
    padding-left: 0 !important;
}

.order-detail-list-content .rh-notice-table .notice-table-head .rh-col-4 {
    width: 144px !important;
}

.order-detail-list-content .rh-notice-table .notice-table-body {
    padding-left: 25px;
    padding-right: 25px;
}

.order-detail-list-content .rh-notice-table .notice-table-body .rh-col-1 {
    padding-left: 0;
    width: 426px !important;
}

.order-detail-list-content .rh-notice-table .notice-table-body .rh-col-4 {
    padding-right: 0 !important;
    ;
}

.order-detail-list-content .rh-notice-table .notice-table-before-body {
    line-height: 44px;
    padding-left: 21px;
    font-size: 15px;
    padding-top: 6px;
}

.order-detail-list-content .rh-notice-table .notice-table-before-body i {
    font-size: 20px;
}

.order-detail-list-content .rh-notice-table .notice-table-before-body strong {
    padding-left: 6px;
}

.order-detail-list-content .notice-table-cell .item-image {
    float: left;
    width: 80px;
    padding-top: 6px;
    height: auto;
}

.order-detail-list-content .notice-table-body .notice-table-row {
    padding-bottom: 13px;
    margin-bottom: 13px;
}

.order-detail-list-content .notice-table-body .notice-table-row:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.order-detail-list-content .notice-table-cell .item-image img {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 72px;
    margin: 0;
    background-color: #f1f1f1;
    vertical-align: middle;
    object-fit: cover;
    object-position: 100% center;
}

.order-detail-list-content .notice-table-cell .item-info {
    float: right;
    width: 330px;
    padding-top: 12px;
}

.order-detail-list-content .notice-table-cell .item-info h4 {
    font-size: 15px;
    line-height: 20px;
}

.order-detail-list-content .notice-table-cell .item-info p {
    color: #999;
}

.order-detail-list-content .rh-notice-table .notice-table-body .rh-col-2 {
    text-align: center;
    line-height: 86px;
    padding-left: 20px;
}

.order-detail-list-content .rh-notice-table .notice-table-body .rh-col-3 {
    text-align: center;
    line-height: 86px;
    padding-left: 20px;
}

.order-detail-list-content .rh-notice-table .notice-table-body .rh-col-4 {
    text-align: right;
    line-height: 86px;
    color: #ff4848;
    padding-right: 24px;
}

.order-detail-list-content .rh-final-amount {
    border: 1px solid #e3e3e5;
    margin-top: 26px;
    padding: 20px 25px 16px 25px;
}

.order-detail-list-content .rh-final-amount h4 {
    border-bottom: 1px solid #e3e3e5;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 13px;
    margin-bottom: 18px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

.order-detail-list-content .rh-final-amount p {
    line-height: 25px;
}

.order-detail-list-content .rh-final-amount p span {
    float: right;
}

.order-detail-list-content .rh-final-amount .total-final-amount {
    padding-top: 16px;
    border-top: 1px solid #e3e3e5;
    margin-top: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}

.order-detail-list-content .rh-final-amount .total-final-amount p span {
    letter-spacing: 0;
    color: #ff4848;
}


/** Return detail page **/

.content-tab-cartpage .rh-return-details {}

.content-tab-cartpage .rh-return-details .detail-order h4 {
    margin-bottom: 8px;
}

.content-tab-cartpage .rh-return-details .detail-order p strong {
    letter-spacing: 0.7px;
}

.rh-return-details .detail-order .return-address-1 {
    padding-bottom: 3px;
}

.rh-return-details .detail-order .order-address {
    margin-top: 0px;
    margin-bottom: 6px;
}

.rh-return-details .detail-order .order-address:first-child {
    margin-bottom: 12px;
}

.rh-return-details .detail-order .detail-order-button {
    padding-top: 3px;
}

.rh-return-details .detail-order {
    min-height: 325px !important;
}

.rh-return-details .detail-shipping .detail-shipping-steps {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.rh-return-details .detail-shipping .detail-ship {
    height: 226px !important;
    padding: 14px 15px 16px 17px !important;
}

.rh-return-details .detail-shipping-step span:after {
    /* 	color: #d6d6d6; */
}

.rh-return-details .detail-shipping .detail-ship p.active i {
    background: #ed1c24;
}

.rh-return-details-list {
    margin-top: -4px;
}

.content-tab-cartpage .rh-reason {
    border: 1px solid #e3e3e5;
    margin-top: 22px;
    padding: 20px 25px 16px 25px;
    color: #333;
    min-height: 234px;
}

.content-tab-cartpage .rh-reason h4 {
    border-bottom: 1px solid #e3e3e5;
    font-size: 14px;
    padding-bottom: 13px;
    margin-bottom: 14px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

.content-tab-cartpage .rh-reason .rh-reason-content p:last-child {
    margin-top: 17px;
}

.content-tab-cartpage .rh-reason .rh-reason-content p img {
    position: relative;
    display: inline-block;
    width: 77px;
    height: 72px;
    margin: 0;
    background-color: #f1f1f1;
    vertical-align: middle;
    object-fit: cover;
    object-position: 100% center;
    margin-right: 11px;
    border: 1px solid #cbcbcb;
}

.content-tab-cartpage .rh-reason .rh-reason-content p span {
    width: 102px;
    display: inline-block;
    vertical-align: middle;
}


/** TAB MY PROFILE **/


/*Change by Linh*/

.area-tab {
    padding-top: 18px;
}

.area-tab h4 {
    /*background: #eff0f0;*/
    line-height: 45px;
    /*padding-left: 41px;*/
    font-size: 14px;
    /*  margin-bottom: 38px;*/
    color: #000;
    font-weight: 500;
}

.area-tab .rh-form-group {
    /*padding: 40px;*/
    margin-bottom: 20px !important;
}


/*End change*/

.rh-form-group {
    margin-bottom: 29px;
    display: block;
}

.rh-form-group label {
    width: 156px;
}

.rh-form-group .rh-input-group,
.rh-form-group .rh-radio-group,
.rh-form-group .rh-checkbox-group,
.rh-form-group .rh-select-group,
.rh-form-group .rh-textarea-group {
    display: inline-block;
}

.rh-form-group .rh-radio-group label,
.rh-form-group .rh-checkbox-group label {
    width: auto;
    display: inline-block;
    padding-right: 37px;
}

.rh-form-group .rh-radio-group label input {
    margin-right: 6px;
}

.rh-form-group .rh-select-group select {
    height: 31px;
    min-width: 86px;
    padding-left: 10px;
}

.rh-form-group .rh-select-group span {
    display: inline-block;
    padding: 0 15px;
}

.rh-form-group .rh-checkbox-group label input {
    margin-right: 14px;
}

.rh-input-group .rh-form-control {
    line-height: 28px;
    height: 32px;
    min-width: 341px;
    padding-left: 15px;
    padding-right: 15px;
}


/*.rh-button-group{
	float: right;
    margin-right: 41px;
    margin-top:  -54px;
}*/

.rh-btn-return {
    background: #fff;
    color: #333;
    font-weight: normal;
    /*border: 1px solid #bfbfbf;*/
    min-width: 70px;
    text-align: center;
    height: 25px;
    border-radius: 3px;
    line-height: 25px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    font-size: 12px;
}

.rh-btn-confirm {
    min-width: 70px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #ff4848;
    background: #fff;
    border-style: solid;
    border-width: 1px;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
    font-weight: normal;
}


/*.table-my-address{
	padding-top: 29px;
}*/

.table-my-address .nl-tbl-cell-1 {
    position: relative;
    width: 195px;
    text-align: left;
    background: #f9f9f9;
}

.table-my-address .tbl-body .nl-tbl-cell-1 {
    display: inherit !important;
    padding-top: 17px !important;
}

.table-my-address .tbl-body .nl-tbl-cell-1 p {
    line-height: 18px;
}

.table-my-address .tbl-body .nl-tbl-cell-2 p
/*.table-my-address .tbl-cell-2{
	    width: 323px;
}*/

.table-my-address .nl-tbl-cell-2 {
    width: 500px !important;
    text-align: center;
    position: relative;
}

.table-my-address .nl-tbl-cell-3 {
    width: 140px;
    position: relative;
}

.table-my-address .tbl-body .tbl-row .tbl-cell {
    min-height: 71px;
    padding: 0 20px;
}

.table-my-address .tbl-body .tbl-row .tbl-cell:last-child {
    border-right: none;
}

.tbl.table-my-address .tbl-head .tbl-row {
    background: #f9f9f9;
    font-weight: 500;
}


/** TABLE CUSTOM **/

.tbl {
    color: #333;
}

.tbl .tbl-head .tbl-row {
    background: #eff1f0;
    font-weight: bold;
}

.table-my-address.tbl .tbl-head .tbl-row {
    border-top: 1px solid #c3c3c3;
}

.table-my-address.tbl .tbl-head .tbl-row .tbl-cell {
    position: relative;
    border: none;
    display: table-cell;
    /*line-height: 45px;*/
    font-size: 14px;
    height: 44px;
    vertical-align: middle;
    top: 1px;
}

.table-my-address.tbl .tbl-body .tbl-row .tbl-cell {
    border: none;
    border-bottom: 1px solid #eee;
}

.tbl .tbl-head .tbl-row .tbl-cell {
    text-align: center;
}

.table-my-address.tbl .tbl-body .tbl-row .tbl-cell.tbl-cell-2 {
    justify-content: left;
}

.tbl .tbl-body .tbl-row {
    height: 40px;
}

.tbl .tbl-body .tbl-row .tbl-cell {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.tbl .tbl-row .tbl-cell {
    display: inline-block;
    line-height: 40px;
    border: 1px solid #eff1f0;
    padding: 0 5px;
    vertical-align: top;
}

.tbl .tbl-row .tbl-cell p {
    display: inline-block;
    width: 100%;
}

.tbl .tbl-row .tbl-cell div {}

.h_icon_translate {}


/*thuctap*/

#fregisterform .rh-input .rh-radio-label input:checked~span:after {
    /*background-color: #ff4848;*/
    content: url(/img/login/radio.svg);
}

#fregisterform .rh-input .rh-radio-label input:checked~span:before {
    height: 8px;
    width: 8px;
    position: absolute;
    background: red;
    border-radius: 50%;
}

.rh-reg-btn .btn.btn-color {
    width: 100%;
    margin-top: -25px;
}

.tr-input {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.tr-input>input {
    width: 49%;
    margin-right: 2%;
}

.tr-label {
    line-height: 50px!important;
}

.panel-default .tr-row {
    padding-left: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
}

.panel-default .tr-row>div {
    margin-right: 20px;
}

#fregisterform .panel-default .panel-heading {
    margin-top: 0;
}

.tr-button {
    background: #999;
    border-color: #999;
}

.btn-primary {
    border-radius: 3px!important;
}

.rh-input-div label span {
    color: #ff4848;
}

.tr-input>input:nth-child(2) {
    margin-right: 0;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input.form-control {
    width: calc(100% - 10px);
}

#fregisterform .panel-default .rh-agreement-policy p {
    padding: 0 12px;
}

.tr-label {
    padding: 0 0 0 4px!important;
}

#fregisterform .panel-default {
    margin: 45px 56px 0;
}

.tr-hidden .tr-label {
    padding: 18.5px 0!important;
}

#fregisterform .panel-default .rh-input-div .rh-label {
    font-size: 14px;
}

#fregisterform .rh-input .rh-radio-label input:checked~span:after {
    width: 8px;
    height: 8px;
    left: 0px;
    top: -0.5px;
}

#fregisterform .rh-input .rh-radio-label .rh-checkmark {
    width: 14px;
    height: 14px;
}

#fregisterform .rh-input .rh-radio-label input {
    width: 14px;
    height: 14px;
}

#fregisterform .panel-default .rh-mailing-reg .rh-input label {
    padding: 0 3px;
}

#fregisterform .panel-default .rh-agreement-policy p {
    padding: 0 14px;
    margin-top: -25px;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone .input-group {
    margin-top: 14px;
}

#fregisterform {
    -webkit-box-shadow: 0px 0px 4px 2px #eee;
    -moz-box-shadow: 0px 0px 4px 2px #eee;
    box-shadow: 0px 0px 4px 2px #eee;
}

#fregisterform .panel-default .panel-body {
    margin-top: 0;
}

#fregisterform .panel-default .rh-input-div {
    margin-top: 5px;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input.form-control {
    width: 100%;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone input#reg_mb_hp {
    width: 100%;
}

#fregisterform .rh-input .rh-radio-label .tr-checkmark {
    position: absolute;
    top: 7px;
}


/* hung change code css */

.rh-seller-searchbar .rh-lang-area {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    width: 200px;
    padding: 5px 5px;
    background-color: #f6f6f6;
    border: 1px solid #f3f3f3;
}

.rh-seller-searchbar .rh-lang-area:before {
    content: ' ';
    position: absolute;
    display: inline-block;
    height: 32px;
    width: 1px;
    background-color: #e3e3e3;
    top: 0;
    right: -18px;
}

.rh-lang-area>span {
    position: relative;
    display: inline-block;
    margin: 0 6px;
    cursor: pointer;
}

.rh-seller-searchbar .rh-lang-area>span.rh-original-lang {
    position: relative;
    padding: 2px 3px;
    font-size: 12px;
    background-color: #fff;
    color: #999;
}

.rh-seller-searchbar .rh-lang-area>span.rh-original-lang.active {
    background-color: #ff4848;
    color: #fff
}

.rh-seller-searchbar .rh-lang-area>span img {
    position: relative;
    /*display: inline-block;*/
    width: 26px;
    vertical-align: middle;
}

.rh-lang-area span img.inactive {
    display: inline;
    vertical-align: middle;
}

.rh-lang-area span.active img.inactive {
    display: none;
}

.rh-lang-area span img.active-language {
    display: none;
}

.rh-lang-area span.active img.active-language {
    display: inline;
}

.rh-lang-area.hung-lang-area>div>span:first-child {
    width: auto !important;
}


/*Change by Linh*/

#hung-en img,
#hung-ko img,
#hung-vi img {
    cursor: pointer;
}


/*End change*/

#fregisterform .rh-input .hung-checked .rh-checkmark {
    border: 1px solid #ff4848;
}

#fregisterform .panel-default .rh-input-div .rh-rg-fone .hung-input-group {
    margin-top: 0px;
}

.tr-label {
    padding: 0px;
}

.rh-circle.th-circle {
    background-color: #888;
}

.flex-content {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.mt_img_home.th_img_home {
    width: 130px;
}

.th-qest-answer {
    display: inline-block;
    color: #0096dc;
    margin-right: 5px;
    font-size: 28px;
    font-family: 'berlin-regular', sans-serif;
}

.rh-qna-srch-btn.th_renew,
.rh-qna-link.th_renew {
    width: 90px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #c8c8c8;
    top: 8px;
    color: #333;
    font-family: 'Roboto';
}

.wr_content.th_renew::placeholder {
    font-style: italic;
    color: #9a9a9a;
}

.rh-cmt-btn.th_renew {
    border-radius: 5px;
    background-color: #343539;
    width: 110px;
}

.form-group.th_renew {
    margin-bottom: 0px;
}

.rh-qna-write.th_renew {
    border: 1px solid #ddd;
}

.rh-lang-tag.th_renew {
    margin-top: 60px;
}

.nl-ratings-number.th_renew {
    color: #ff4848 !important;
    font-size: 56px !important;
    padding-bottom: 0 !important;
}

.btn.th_renew {
    font-size: 20px;
}

li.nl-progress-list label img {
    width: 16px;
    left: 3px;
}

.rs_btn-1.rh-sort.th_renew span,
.rs_btn-2.rh-sort.th_renew span {
    top: -8px;
}

.rs_floatright.th_renew {
    position: relative;
    top: 1px;
}

.nl-progress-percent.th_renew {
    text-align: left;
    color: #555;
    font-weight: bold;
}

.btn.th_renew.btn_unactive {
    background-color: #ececec;
}

.th_contact {
    color: #666 !important;
}

.th_contact:after {
    content: '';
    position: relative;
    width: 66px;
    height: 1px;
    display: inline-block;
    background-color: #a9a9a9;
    left: -70px;
    top: 4px;
}

.rh-report-btn.th_renew {
    font-size: 12px !important;
    line-height: 19px;
    height: 25px;
    width: 70px !important;
    border: none !important;
    background-color: #c3c3c3 !important;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    font-weight: normal;
}

.rh-cur-arr.th_renew {
    left: 24px !important;
}

.rh-qna-block.rh-qna-block-1.rh-answer.rh-answer-depth-10.th_renew {
    padding-left: 50px;
}

.rh-write-tggl.rh-del-cmt.th_btn_delete {
    width: 70px !important;
    height: 25px !important;
    line-height: 25px !important;
    color: #333 !important;
    background-color: #fff !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    border-top: 1px solid #e1e1e1 !important;
    border-right: 1px solid #c2c2c2 !important;
    border-bottom: 1px solid #c2c2c2 !important;
    border-left: 1px solid #e1e1e1 !important;
}

.panel-heading.th_renew {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-right: 1px solid #e2e2e2 !important;
    border-left: 1px solid #e2e2e2 !important;
}

.control-label.th_renew {
    font-size: 14px !important;
    width: 168.5px !important;
    padding-left: 26px !important;
}

span.th_star_rating img {
    position: relative;
    top: 3px;
}

.th_discount {
    display: block;
    text-decoration: line-through;
    color: #777777;
}

.th_money {
    padding-right: 11px;
}

.th_money:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 10px;
    left: 11px;
    top: 0;
    background-color: #d7d7d7;
}

.th_shipping {
    width: 410px !important;
    padding-right: 30px;
    line-height: 20px !important;
}

.th_address {
    width: 80px !important;
    padding-left: 30px;
    position: relative;
    top: 11px;
}

.rh-item-remaning.th_renew {
    color: #ff4848;
    background-color: #fff;
    font-weight: 500;
    padding: 0;
}

.th_like {
    position: relative;
    color: #676767;
    top: -9px;
    left: 8px;
}

.th_span_share {
    position: relative;
    color: #676767;
    top: -9px;
    left: -14px;
}

#it_v_sns li img {
    width: 31px;
    border-radius: 50%;
}

.th_lb_checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 1px;
    padding-left: 18px;
    margin-right: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.th_sp_chekbox {
    position: absolute;
    top: 8px;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: 1px solid #909090;
    /*border-radius: 2px;*/
}

.th_lb_checkbox input[type="checkbox"] {
    display: none;
}

.th_lb_checkbox input[type="checkbox"]+.th_sp_chekbox:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.th_lb_checkbox input[type="checkbox"]:checked+.th_sp_chekbox {
    /*border: 1px solid #ff4848;*/
    border: none;
}

.th_lb_checkbox input[type="checkbox"]:checked+.th_sp_chekbox:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(/img/shop/icon/checkbox_2.svg);
    background-size: 13px 13px;
}

.th_birthday {
    width: 33.3% !important;
    height: 40px !important;
    border: 1px solid #c2c2c2 !important;
    padding-right: 10px !important;
    margin-right: 0 !important;
    background-color: #fff !important;
}

.control-label.rh-pc-checkbox.th-control-checkbox span {
    width: 13px;
    height: 13px;
    margin-right: 12px;
    top: 9px !important;
    border-color: #6e6e6e;
}

.control-label.rh-pc-checkbox.th-control-checkbox input[type="checkbox"]:checked+span {
    border: 1px solid #ff4848;
}

.control-label.rh-pc-checkbox.th-control-checkbox input[type="checkbox"]:checked+span:after {
    content: '';
    position: absolute;
    top: -1.3px;
    left: -1px;
    background-image: url(/img/shop/icon/checkbox_2.svg);
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
}

.th-asterisk {
    color: #ff4848;
    position: absolute;
    left: -10px;
}

.panel-heading.rs_mb10.th_heading,
.form-group.rh-input-div.rh-mailing-reg.th_heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.tr-row.th_rerow {
    padding: 12px 54px;
    border: 1px solid #f2f1f6;
}

.rh-minus-icon.th-minus-icon {
    height: 26px;
}

.mt_movebox_cart.th_movebox_cart {
    height: 130px;
}

.mt_ul_cart.th_ul_cart li span {
    font-size: 13px;
}

.th_change {
    display: inline-block;
    border: 1px solid #ff4848;
    width: 500px;
    height: 40px;
    padding-left: 10px;
    background-color: #fff;
}

.th-btn-cofirm {
    display: inline-block;
    width: 75px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #ff4848;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 15px;
}

.th-btn-add-buy {
    text-align: center;
    padding: 12px 0;
    position: relative;
    top: -12px;
    display: flex;
    justify-content: space-around;
}

.th_lb_container {
    display: block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px !important;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.th_lb_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.th_sp_checkmark {
    position: absolute;
    top: 11px;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #909090;
    background-color: #fff;
    border-radius: 50%;
}

.th_lb_container input:checked~.th_sp_checkmark {
    border: 1px solid #ff4848;
}

.th_sp_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.th_lb_container input:checked~.th_sp_checkmark:after {
    display: block;
}

.th_lb_container .th_sp_checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4848;
}

.th_dateofbirth {
    height: 40px !important;
    width: 32%;
    padding-left: 10px;
}

.th_select_day {
    position: relative;
    left: -3px;
    border-left: none !important;
}

.th-frm-label {
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
}

.th-flex-content {
    display: flex;
    display: -webkit-flex;
    padding: 8px 0;
    position: relative;
}

.th-edit {
    padding-left: 25px;
    background-color: #f9f9f9;
    border-top: 1px solid #999;
}

.lb_checkbox {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 21px;
}

.lb_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sp_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #909090;
}


/* When the checkbox is checked, add a blue background */

.lb_checkbox input:checked~.sp_checkbox {
    background-color: #ff4848;
    border: 1px solid #ff4848;
}

.sp_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

.lb_checkbox input:checked~.sp_checkbox:after {
    display: block;
}

.lb_checkbox .sp_checkbox:after {
    left: 5px;
    top: 0px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 1px;
}

.rh-total-item.th-total-item {
    margin-bottom: 15px;
    color: #444444;
    top: 0;
    font-weight: normal;
}

.rh-cat-nav ul li ul.rh-sub-cat.th_renew {
    left: 4px;
}

.favorite-active {
    border: 1px solid #ff4848 !important;
    background-color: #ff4848 !important;
    color: #fff !important;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dd.rh-hot-kw div.nl-his_kw a:hover {
    color: #0180e7 !important;
}

.input-group.input-group-sm.input-clicked input[type=text]:focus {
    border: 1px solid #ff4848;
    border-right: none;
}

#couponzone_wrap .item-list .nl-detail-tooltips.re-detail-tooltips {
    padding: 30px 23px;
    border-radius: 10px;
    width: 334px;
    left: -111px;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-head.sp-tooltips-head:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 2px;
    height: 15px;
    background-color: #ff4848;
    margin-right: 3px;
    top: 1;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-head.sp-tooltips-head {
    font-size: 21px;
    text-align: left;
    height: 37px;
    margin-bottom: 17px;
}

#couponzone_wrap .item-list .nl-detail-tooltips .nl-btn-close-tt.sp-btn-close {
    /*width: 14px;
    top: 20px;*/
    height: 15px;
    top: 30px;
    right: 20px;
}

#couponzone_wrap .item-list .nl-detail-tooltips .nl-btn-close-tt.sp-btn-close img {
    height: 15px !important;
}

.th-flex-tooltips {
    display: flex;
    display: -webkit-flex;
    /* margin-bottom: 5px;*/
    margin-bottom: 8px;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-tt.th-tooltips-tt {
    /*width: 70%;*/
    width: 68%;
}

.th_number_rating {
    position: relative;
    top: 2px;
    color: #777777;
    margin-left: 5px;
}


/*.nl-de-add .rh-setting-box-address {
    max-height: unset !important;
}*/


/*linh make as comment*/

.arrow-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-width: 0 1px 1px 0;
    border-color: #999;
    border-style: solid;
    transform: rotate(-45deg);
}


/*edit popup review*/


/*luan -> nhan*/


/*
#reviewModal .icon img{
    width: 12% !important;
    float:left;
}
#reviewModal .text{
    text-align: initial !important;
    margin-left: 98px;
    color: #333333;
}
#reviewModal .text-rating{
    width:15%;
    float:left;
    color: #333333;
    text-align: initial;
}
#reviewModal .text-upload{
    width:15%;
    float:left;
    padding-top: 2em;
    color: #333333;
    text-align: initial;
}
#reviewModal .text-content{
    width: 13%;
    float: left;
    padding-top: 11%;
	color: #333333;
	text-align: initial;
}

#reviewModal .modal-show-inner {
  	position: relative;
    margin: 100px auto 20px;
    max-width: 700px;
	height:700px;
    width: 80%;
    color: #000;
    background: #fff;;
    padding: 28px;
}
#reviewModal .modal-show-inner label{
	position: absolute;
	width: 25px;
	height: 25px;
	background: #fff;
	color: #000;
	border-radius: 450%;
	line-height: 25px;
	top: 20px;
    right: 19.5px;
	cursor: pointer;
}

.btn-cancel {
    background-color: #fff;
    color: #FF4848;
    border: 1px solid #FF4848;
    padding: 11px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 18px -77px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-right: 0px;
}
.btn-save{
 background-color: #FF4848;
  border: none;
  color: white;
  padding:12px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
    margin: 29px 24px;
  cursor: pointer;	
      font-size: 12px;
    font-weight: bold;
}

span{
	color:#999999;
}
ul#stars li{
	width:30px;
}
input#modal{
	visibility: hidden;
}
span.icon-delete{
	position:absolute;
	left: 15.3em;
    bottom: 12.8em;
    z-index: 2;
}
p.text-bold{
	font-size: 1.3em;
    font-weight: bold;
	color: #333333;
}
.text p{
	font-size:
}
#luan-hr-1{
  margin-bottom: 28px !important;
}
#luan-hr-2{
	margin-top: 46px !important;
	margin-bottom: 33px !important;

}
.text p{
 color:#333333;
}*/


/* theem tien to*/

.test-list-ht {
    /*margin-top:21px;*/
    margin-top: 14px;
    font-size: 12px;
}

#category_woman_list_group .test-list-ht li {
    /*margin-bottom: 15px;*/
    /*margin-bottom: 14px;*/
    font-weight: 600;
    color: #2f2f2f;
    padding: 7px 13px;
}

#category_woman_list_group .test-list-ht li img {
    position: absolute;
    height: 8px;
    width: 6px;
    right: 14px;
    /*top: 2px;*/
    top: 9px;
}

#category_woman_list_group .test-list-ht li img.line {
    position: absolute;
    height: 1px;
    width: 5px;
    right: 14px;
    /*top: 7px;*/
    top: 14px;
}

#category_man_list_group .test-list-ht li {
    /*margin-bottom: 14px;*/
    font-weight: 600;
    color: #2f2f2f;
    padding: 7px 13px;
}

#category_man_list_group .test-list-ht li img {
    position: absolute;
    height: 8px;
    width: 6px;
    right: 14px;
    /*top: 2px;*/
    top: 9px;
}

#category_man_list_group .test-list-ht li img.line {
    position: absolute;
    height: 1px;
    width: 5px;
    right: 14px;
    /*top: 7px;*/
    top: 14px;
}

.test-list-ht li span {
    font-size: 14px !important;
    font-style: italic !important;
}

.test-list-ht li span.text {
    font-style: normal !important;
}

.test-list-ht li .text {
    font-size: 12px !important;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 105px;
    overflow: hidden;
    position: relative;
    top: 2px;
}

#category_woman_list_group .test-list-ht .blue-text,
#category_woman_list_group .test-list-ht .blue-text a {
    color: rgba(236, 29, 112, 0.89) !important;
    font-weight: 600;
}

#category_woman_list_group .test-list-ht .blue-text .text {
    font-weight: 600;
}

#category_man_list_group .test-list-ht .blue-text,
#category_man_list_group .test-list-ht .blue-text a {
    color: rgba(24, 79, 185, 0.92);
    font-weight: 600;
}

#category_man_list_group .test-list-ht .blue-text .text {
    font-weight: 600;
}

.rh-list-product.ht-fix .rh-g {
    height: 36px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

.rh-list-product.ht-fix .title-ht h5 {
    font-size: 14px;
    color: #272727;
}

.rh-list-product.ht-fix .rh-g .rh-icon {
    height: 23px;
}

.rh-list-product.ht-fix .rh-g .rh-icon img {
    width: 23px;
    height: 23px;
}

.rh-quantity-sell {
    color: #444444;
}

.it_opt_list.list-group-item .rh-option-name .it_opt_subj,
.it_opt_list.list-group-item .rh-option-name .it_opt_prc,
.it_spl_list.list-group-item .rh-option-name .it_opt_subj,
.it_spl_list.list-group-item .rh-option-name .it_opt_prc {
    color: #333333;
}

.at-container .viewed-item {
    width: 100px;
    height: 583px;
    position: absolute;
    right: calc((100% / 2) - 588px);
    top: 55px;
    z-index: 1071;
    /*transition: all 1s linear;*/
}

.at-container .viewed-item .item img {
    height: 73px;
    max-width: 100%
    /*border: 1px solid #e5e5e5;*/
}

.at-container .viewed-item .item {
    width: 75px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: white;
    box-sizing: border-box;
}

.at-container .viewed-item .item,
.at-container .viewed-item .title {
    font-size: 14px;
    margin-top: 14px;
    line-height: 13px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

.at-container .viewed-item .item:hover .ht-close,
.at-container .viewed-item .item:hover .ht-tooltip {
    display: block;
}

.at-container .viewed-item .item:hover {
    border: 1px solid #000;
}

.at-container .viewed-item .item .ht-tooltip span:last-child {
    font-weight: bold
}

.max-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* number of lines to show */
}

.at-container .viewed-item .item .ht-tooltip {
    position: absolute;
    left: -164px;
    width: 164px;
    background: white;
    height: 75px;
    top: -1px;
    /*border: 1px solid #e5e5e5;*/
    border: 1px solid #000;
    z-index: 2;
    border-right: none;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 14px 10px 14px;
    display: none;
    text-align: left;
}

.viewed-item .list-items a:hover {
    color: #000;
}

.at-container .viewed-item .item .ht-close {
    position: absolute;
    height: 14px;
    width: 14px;
    right: 0px;
    border: none;
    top: -1px;
    right: -1px;
    display: none;
    cursor: pointer;
}

.at-container .viewed-item .item:nth-child(2) {
    margin-top: 11px;
}

.at-container .viewed-item .empty-item-viewed {
    text-align: center;
    margin: 0 15px;
    padding-top: 200px;
}

.at-container .viewed-item .empty-item-viewed span {
    color: #aaa;
}

.at-container .viewed-item .paging {
    margin-top: 13px;
    margin-bottom: 9px;
}

.at-container .viewed-item .paging button {
    border: none;
    background: transparent;
}

.at-container .viewed-item .paging .main {
    margin: 0 5px;
    font-size: 14px;
    line-height: 13px;
    font-weight: 500;
}

.at-container .viewed-item .list-items {
    height: 513px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-direction: column;
    background: #f9f9f9;
    border: 1px solid #ececec;
}

.at-container .viewed-item .bottom {
    margin-top: 10px;
}

.at-container .viewed-item .bottom button {
    width: 100%;
    background: #6b7986;
    border: none;
    height: 28px;
    color: white;
    margin-top: 2px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
}

.at-container .viewed-item .bottom button.up img {
    position: relative;
    left: 5px;
}

.at-container .viewed-item .bottom button.down img {
    position: relative;
    left: 9px;
}

.at-container .viewed-item .bottom button.up span {
    position: relative;
    left: -18px;
    top: 1px;
}

.at-container .viewed-item .bottom button.down span {
    position: relative;
    left: -6px;
    top: 1px;
}

.item-thumb.text-center.rh-item-thumnail a .border {
    position: absolute;
    bottom: -1px;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    left: -1px;
    z-index: 3;
    border: 1px solid #e5e5e5;
}

.item-thumb.text-center.rh-item-thumnail a .border:hover {
    border: 2px solid #ff4848;
}

.item-thumb.text-center.rh-item-thumnail .thumb_item_image.thumb_item_image_border .border {
    border: none;
}

.widget-box.ht-fix .rh-items-wrap {
    width: 167px;
    padding: 0;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items {
    width: 167px;
    height: 280px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-list {
    border: none;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-list:hover .item-name a {
    text-decoration: underline;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-list .rh-item-rating .item-icon>span {
    height: 15px;
    padding: 0 2px;
    display: flex;
    align-items: center;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-image {
    height: 155px;
    border: 1px solid #f6f6f6;
    font-size: 10.5px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-image img {
    max-width: 100%;
}

.owl-carousel .owl-item img {
    max-width: 100% !important;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-content {
    background: white;
    padding: 4px 0 0 0;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-content .rh-sale-price {
    font-size: 16px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-price {
    margin-top: 0px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .rh-item-rating {
    padding: 0;
    display: flex;
    display: -webkit-flex;
    position: relative;
    bottom: 8px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .rh-item-rating .rh-star img {
    padding-right: 1px;
    margin: 0;
    width: 14px;
    height: 13px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .rh-item-rating .rh-star {
    margin-right: 5px;
    display: flex;
    display: -webkit-flex;
    position: relative;
    bottom: 1px;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .item-icon {
    margin: 0;
    padding: 0;
    width: auto;
    display: flex;
}

.widget-box.ht-fix .rh-items-wrap .rh-cat-items .rh-item-rating .item-icon .last_item {
    margin: 0;
}

.widget-box.ht-fix .ht-header {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 29px;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}

.widget-box.ht-fix .ht-header .ht-tabs {
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
}

.widget-box.ht-fix .ht-header .ht-tabs li {
    text-align: center;
    position: relative;
    width: 188px;
    padding: 12px 0 10px 0;
    font-size: 16px;
    color: #535561;
    background: #f9f9f9;
}

.widget-box.ht-fix .ht-header .ht-tabs li .border {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    position: absolute;
    border: 1px solid #f1f1f1;
    border-bottom: 1px solid #dddddd;
    left: 0;
    top: 0px;
}

.widget-box.ht-fix .ht-header .ht-tabs li.active {
    background: white;
    font-weight: 500;
}

.widget-box.ht-fix .ht-header .ht-tabs li.active .border {
    border: 1px solid #dddddd;
    border-bottom: 1px solid white;
    z-index: 2;
}

.widget-box.ht-fix .ht-header .right-part {
    position: relative;
    top: 6px;
}

.widget-box.ht-fix .ht-header .right-part .red {
    color: red;
    margin: 0
}

.widget-box.ht-fix .owl-nav {
    width: calc(100% - 3px);
    position: relative;
    bottom: 229px;
    display: inline-flex;
    left: 1px;
    justify-content: space-between;
    z-index: -1;
}

.widget-box.ht-fix .owl-nav>button,
.widget-box.ht-fix>button {
    background: rgba(0, 0, 0, 0.2) !important;
    width: 44px;
    height: 55px;
    border: none;
    position: absolute;
    z-index: 2;
}

.widget-box.ht-fix>button.ht-prev {
    top: 125px;
    left: 1px;
}

.widget-box.ht-fix>button.ht-next {
    top: 125px;
    right: 1px;
}

.widget-box.ht-fix .owl-nav>button:hover,
.widget-box.ht-fix>button:hover {
    background: rgba(0, 0, 0, 0.6) !important;
}

.widget-box.ht-fix .owl-nav>button span,
.widget-box.ht-fix>button>span {
    font-size: 56px;
    color: white;
    position: relative;
    bottom: 0px;
}

.widget-box.ht-fix {
    z-index: 0;
}

.widget-box.ht-fix.ht-2 {
    position: relative;
    top: 39px;
}

.widget-box.ht-fix.ht-2>div:nth-child(2) {
    position: relative;
    bottom: 1px;
}

.widget-box.ht-fix.ht-2 .rh-items-wrap:not(:last-child) {
    margin-right: 26.2px;
    margin-bottom: 85px;
}

.widget-box.ht-fix.ht-2 .ht-header>div {
    position: relative;
    bottom: 7px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 13px;
}

.widget-box.ht-fix.ht-2 .ht-header .title {
    font-weight: 500;
    color: #515862;
    font-size: 16px;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title span {
    margin-right: 11px;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title .ht-popup {
    position: absolute;
    width: 234px;
    height: 84px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    z-index: 2;
    background: white;
    right: -14px;
    display: flex;
    display: -webkit-flex;
    top: 28px;
    align-items: center;
    padding: 0 20px;
    font-size: 12px;
    color: #343434;
    box-shadow: 1px 1px 4px -2px #d5d5d5;
    line-height: 16px;
    display: none;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title .ht-popup p {
    padding-right: 8px;
    color: #343434;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title img {
    cursor: pointer;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title .ht-popup:before {
    content: '';
    border-bottom: solid 6px #eaeaea !important;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: -6px;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title .ht-popup:after {
    border-bottom: solid 6px white !important;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    right: 16px;
    top: -4.5px;
}

.widget-box.ht-fix.ht-2 .ht-header .right-title .close-img {
    position: absolute;
    right: 14px;
    top: 11px;
}

.widget-box.ht-fix .rh-item-mark {
    padding-left: 64px;
    display: flex;
    display: -webkit-flex;
}

.widget-box.ht-fix .rh-item-mark img {
    height: 28px;
    width: 28px;
}

.widget-box.ht-fix.ht-2 .item-image>img {
    width: 100%;
    height: 100%;
}

.ht-coupon.ht-sold-out {
    pointer-events: none;
}

.ht-coupon.ht-sold-out .temp-div {
    cursor: not-allowed;
}

.ht-coupon.ht-sold-out .btn-coupon {
    color: #666666;
}

#sit_ov_soldout.ht {
    font-size: 17px;
    color: #c3c3c3;
    border: 1px solid #e7e7e7;
    padding: 11px 0 10px 0;
    font-weight: 500;
}

.ht-coupon.ht-sold-out .small-icon {
    width: 26px;
    background: url(/img/shop/download-small-off.png) no-repeat;
    height: 23px;
    top: 10px;
    position: relative;
    right: 2px;
}

.ht-coupon .small-icon {
    width: 26px;
    background: url(/img/shop/download-small.png) no-repeat;
    height: 23px;
    top: 10px;
    position: relative;
    right: 2px;
}

.nl-detail-tooltips.re-detail-tooltips.ht.show:before {
    top: 222px !important;
    margin-left: -9px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: solid 15px #dfdfdf !important;
    border-left: solid 9px transparent !important;
    border-right: solid 9px transparent !important;
    border-bottom: none !important;
}

.nl-detail-tooltips.re-detail-tooltips.ht.show:after {
    top: 221px !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: -8px !important;
    border-top: solid 14px #fff !important;
    border-left: solid 8px transparent !important;
    border-right: solid 8px transparent !important;
    z-index: 999 !important;
    border-bottom: none !important;
}

.rh-singlePrice strong {
    font-size: 16px;
}

.nl-qna-tt-report .nl-tbl-cell-tt {
    font-size: 13px !important;
}

.widget-box.ht-fix .owl-stage-outer .col-lg-4.rh-items-wrap {
    margin-top: 0;
}

.widget-box.ht-fix .owl-stage-outer .col-lg-4.rh-items-wrap .item-name>a,
.widget-box.ht-fix.ht-2 .col-lg-4.rh-items-wrap .item-name>a {
    color: #676767 !important;
    line-height: 20px;
    height: 100%
}

.widget-box.ht-fix .owl-stage-outer .col-lg-4.rh-items-wrap .item-name,
.widget-box.ht-fix.ht-2 .col-lg-4.rh-items-wrap .item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 43px;
    z-index: 6666;
    top: -2px;
    position: relative;
}

.item-icon .ht-tooltip {
    position: absolute;
    z-index: 2 !important;
    padding: 0 10px !important;
    height: 25px !important;
    border: 1px solid #EAEAEB;
    top: -36px;
    left: -6px;
    background: white;
    color: #525252;
    z-index: 2;
    align-items: center;
    white-space: nowrap;
    box-shadow: 0.5px 0.5px 2px 0px #eaeaea;
    display: none;
    font-size: 13px;
    border-radius: 1px;
    line-height: 24px;
}

.item-icon span {
    z-index: 2;
}

.item-icon span:hover .ht-tooltip {
    display: block;
}

.item-icon .ht-tooltip:before {
    content: '';
    border-top: solid 6px #EAEAEB !important;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 23px;
    left: 14px;
}

.item-icon .ht-tooltip:after {
    border-top: solid 6px white !important;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 22px;
    left: 14px;
}

.nl-policy .policy-tbl-1 {
    font-size: 14px;
}

.widget-box.ht-fix .item-icon .last_item .ht-tooltip {
    left: -80px;
}

.widget-box.ht-fix .item-icon .last_item .ht-tooltip:before {
    left: 86px;
}

.widget-box.ht-fix .item-icon .last_item .ht-tooltip:after {
    left: 86px;
}

.widget-box.ht-fix .item-icon .new_item .ht-tooltip {
    left: -53px;
}

.widget-box.ht-fix .item-icon .new_item .ht-tooltip:before {
    left: 59px;
}

.widget-box.ht-fix .item-icon .new_item .ht-tooltip:after {
    left: 59px;
}

.widget-box.ht-fix .item-icon .free_ship .ht-tooltip {
    left: -53px;
}

.widget-box.ht-fix .item-icon .free_ship .ht-tooltip:before {
    left: 59px;
}

.widget-box.ht-fix .item-icon .free_ship .ht-tooltip:after {
    left: 59px;
}

.nl-tooltip img {
    cursor: pointer;
}

.rh-foto-list .rh-rv-user-foto li:nth-child(2) {
    margin-left: 0 !important;
}

.rh-foto-list .rh-rv-user-foto li {
    border: 1px solid rgb(229, 229, 229);
}

.review-photo .files .rtdt_upload_holder {
    border: 1px solid rgb(229, 229, 229);
}
.review-photo .files .rtdt_upload_holder:nth-child(5){
    margin-right: 0;
}

/*============ht-fix CSS=====================*/

div.nl-qna-tt-report:before {
    bottom: -9.5px !important;
    margin-left: -6px !important;
    border-left: 6.5px solid transparent !important;
    border-right: 6px solid transparent !important;
    margin-left: -5px !important;
}

.nl-qn-report .nl-tooltip div.nl-qna-tt-report,
.rh-rev.l-or div.nl-qna-tt-report,
.rh-rev-use div.nl-qna-tt-report {
    bottom: 62px;
    box-shadow: 0.5px 0.75px 2px 0px #eaeaea !important;
    left: 62px;
    position: relative;
    padding: 5px 0;
    width: fit-content;
    border: 1px solid #eaeaea;
    border-radius: 1px;
    color: #525252;
    height: 26px;
}

div.nl-qna-tt-report:before {
    border-top: solid 7px #eaeaea !important;
}

.rh-mypage-tag.ht-fix .th-border-right-2,
.rh-mypage-tag.ht-fix .rh-tag-9 {
    height: 55px;
}

.th-border-right-2:after {
    top: 6px !important;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name .checkbox {
    position: relative;
    top: 4px;
    left: -1px;
    min-height: 0;
    height: 15px;
    width: 15px;
    background-color: white;
    border: 1px solid #adadad
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name .checkbox:after {
    content: url(/img/shop/icon_check_order_his.png);
    position: absolute;
    display: none;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name .container {
    width: 15px !important;
    padding: 0 !important;
    margin-right: 10px;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name .container input:checked~.checkbox:after {
    display: block;
}

.rtdt-popup-container .tbl_frm01.tbl_wrap td#it_name .container .checkbox:after {
    left: -1px;
    top: -1px;
    width: 5px;
    height: 10px;
    /* border: solid #b8b6b6;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);*/
}

.dien-modal-content.ht-class {
    width: 650px;
    padding: 40px;
    height: 762px;
}

.dien-modal-content.ht-class .close {
    position: relative;
    bottom: 15px;
    opacity: 1;
    right: -5px
}

.dien-modal-content.ht-class hr {
    margin-top: 27px;
    padding-bottom: 7px;
    border-top: 1px solid #e3e3e3;
}

.dien-modal-content.ht-class .modal-title {
    font-weight: 500 !important;
    font-size: 20px;
    color: #323232 !important;
    position: relative;
    top: 5px;
    right: -5px;
}

.dien-modal-content.ht-class form .modal-left-side,
.dien-modal-content.ht-class form .modal-right-side {
    position: relative;
    top: 2px;
}

.dien-modal-content.ht-class form .modal-right-side .modal-item-name {
    font-weight: normal;
    position: relative;
    top: 5px;
}

.dien-modal-content.ht-class form .modal-left-side .modal-item-img {
    border: 1px solid #cccccc;
}

.dien-modal-content.ht-class form .modal-right-side .rating-stars {
    margin-top: 135px;
    position: relative;
    right: 22px;
}

.dien-modal-content.ht-class form .modal-right-side .rating-stars:before {
    content: '';
    position: absolute;
    width: 570px;
    height: 1px;
    background: #e3e3e3;
    top: -32px;
    left: -78px;
}

.dien-modal-content.ht-class form .modal-left-side span:nth-child(2) {
    margin-top: 64px !important;
}

.dien-modal-content.ht-class form .modal-left-side span:nth-child(3) {
    margin-top: 121px !important;
}

.dien-modal-content.ht-class form .modal-left-side span:nth-child(4) {
    margin-top: 148px !important;
}

.dien-modal-content.ht-class form .modal-right-side .modal-review-detail {
    margin-top: 28px;
    position: relative;
    right: 22px;
}

.dien-modal-content.ht-class form .modal-right-side .modal-review-detail textarea {
    border: 1px solid #cccccc !important;
    padding: 15px 18px;
    height: 195px;
}

.dien-modal-content.ht-class form .modal-right-side .review-photo .rtdt_upload_holder:last-child {
    margin-right: 0;
}

.dien-modal-content.ht-class form .modal-bottom-side .modal-btn {
    width: 114px;
    margin-right: 12px;
}

.dien-modal-content.ht-class form .modal-bottom-side {
    position: relative;
    bottom: 31px;
    left: 7px;
}

.md-popup-box.ht-class .ht-header {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 24px;
    border-bottom: 1px solid #e3e3e3;
}
.md-popup-box.ht-class .ht-header label{
    font-weight:600 !important;
    font-size:20px;
}

.md-popup-box.ht-class .close-img {
    position: absolute;
    right: 0;
    top: -5px;
    cursor: pointer;
    height: 15px;
}

.md-popup-box.ht-class .ht-body-scroll .body-top {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 104px;
    border-bottom: 1px solid #e3e3e3;
}

.md-popup-box.ht-class .bottom {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-direction: column;
}

.md-popup-box.ht-class .bottom>span {
    align-self: flex-end;
    padding: 21px 0 18px 0;
    font-size: 18px;
}

.md-popup-box.ht-class .bottom>.bottom-btn button {
    width: 144px;
    padding: 13px 0 11px;
    border: 1px solid #ff4848;
    font-weight: bold;
}

.md-popup-box.ht-class .bottom>.bottom-btn button:nth-child(1) {
    color: #ff4848;
    background: white;
    margin-right: 8px
}

.md-popup-box.ht-class .bottom>.bottom-btn button:nth-child(2) {
    background: #ff4848;
    color: white;
}

.md-popup-box.ht-class .ht-body-scroll {
    height: 399px;
    overflow: auto;
    padding-right: 28px;
    width: 546px;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom {
    /*height: 295px;*/
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .top {
    display: flex;
    display: -webkit-flex;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    border: 1px solid #ececec;
    background: #fcfcfc;
    padding: 0 16px;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .item {
    padding: 14px 0px 9px 0px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .item label {
    width: 72%;
    line-height: 20px;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .item img {
    position: relative;
    bottom: 0px;
    height: 16px;
    cursor: pointer;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .option {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 17px;
    position: relative;
    align-items: center;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .option:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ececec;
    cursor: pointer;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .option .justify {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .option span {
    color: #232323;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .option button {
    width: 27px;
    height: 27px;
    border: 1px solid #e4e4e4;
    background: white;
    font-size: 18px;
    color: #9a9a9a
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .bot .option input {
    width: 32px;
    height: 27px;
    border: 1px solid #e4e4e4;
    position: relative;
    margin-left: -1px;
    text-align: center;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .left_part {
    padding-top: 36px;
    width: 150px;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .left_part.sub {
    padding-top: 20px;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .right_part {
    width: calc(100% - 150px);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding: 24px 0 1px 0;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .right_part.sub {
    padding-top: 10px;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .right_part select {
    padding: 10px 0 9px 12px;
    margin-bottom: 11px;
    border: 1px solid #d9d9d9;
    width: 100%;
    /*-webkit-appearance: none;*/
    cursor: pointer;
}

.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .right_part .select_box {
    position: relative;
}


/*arow popup SELECT OPTION*/


/*.md-popup-box.ht-class .ht-body-scroll .body-bottom .select_opt .right_part .select_box:after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #9a9b9c;
    position: absolute;
    top: 14px;
    right: 10px;
    content: "";
    z-index: 3;
}*/

.md-popup-box.ht-class .ht-body-scroll .img-top {
    width: 70px;
    height: 70px;
    border: 1px solid #cccccc;
    background: white;
    text-align: center;
}

.md-popup-box.ht-class .ht-body-scroll .title-top {
    width: 423px;
    padding: 0 32px;
    display: flex;
    display: -webkit-flex;
    position: relative;
    top: -6px;
    line-height: 20px;
    font-size: 13.5px;
}

.md-popup-box.ht-class .ht-body-scroll .title-top span:nth-child(1) {
    color: #525252;
    font-weight: 500;
}

.md-popup-box.ht-class .ht-body-scroll .title-top span:nth-child(2) {
    color: #999999
}

#it_us .photo_review {
    width: 100%;
    display: none;
}

#it_us .photo_review .header {
    border-bottom: 1px solid #a5a5a5;
    padding-top: 34px;
    padding-bottom: 6px;
    font-size: 16px;
    font-weight: bold;
}

#it_us .photo_review .list_photo {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#it_us .photo_review .photo {
    height: 110px;
    width: 110px;
    position: relative;
    margin-top: 25px;
}

#it_us .photo_review .photo.arrow {
    margin-bottom: 597px;
}

#it_us .photo_review .photo.arrow .border:after {
    content: '';
    position: absolute;
    border-bottom: 13px solid white;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    top: 121px;
    left: 44px;
    z-index: 1071;
}

#it_us .photo_review .photo.arrow:before {
    content: '';
    position: absolute;
    border-bottom: 13px solid #a2a2a2;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    top: 120px;
    left: 44px;
    z-index: 1071;
}

#it_us .photo_review .photo .tooltip {
    position: absolute;
    width: 1021px;
    height: 583px;
    background: white;
    border: 1px solid #a2a2a2;
    border-radius: 8px;
    opacity: 1;
    display: none;
    top: 132px;
    left: -122px;
}

#it_us .photo_review .photo .tooltip .left {
    width: 561px;
    height: calc(100% - 90px);
    margin: 45px 20px 45px 45px;
    border: 1px solid #d7d7d7;
}

#it_us .photo_review .photo .tooltip .left>img {
    height: 100%;
    width: 100%;
}

#it_us .photo_review .photo .tooltip .right {
    width: calc(100% - 561px);
    height: calc(100% - 90px);
    margin: 45px 45px 45px 0;
}

#it_us .photo_review .photo .tooltip .right .content {
    height: 407px;
    font-size: 14px;
    line-height: 25px
}

#it_us .photo_review .photo .tooltip .right .content>p>label {
    margin-top: 9px;
    color: #5b6773;
    height: 23px;
    margin-bottom: 2px;
}

#it_us .photo_review .photo .tooltip .right .content>p {
    max-height: calc(100% - 150px);
    overflow: auto;
    margin-bottom: 20px;
    color: #1a1a1a;
    padding-right: 10px;
}

#it_us .photo_review .photo .tooltip .right .content .list_img {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 17px;
}

#it_us .photo_review .photo .tooltip .right .content .list_img img {
    width: 73px;
    height: 73px;
    border: 1px solid #d7d7d7;
}

#it_us .photo_review .photo .tooltip .right .content .list_img span {
    position: relative;
}

#it_us .photo_review .photo .tooltip .right .content .list_img span.hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #ff484a;
}

#it_us .photo_review .photo .tooltip .right .content .list_img span:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #ff484a;
}

#it_us .photo_review .photo .tooltip .right .rating {
    margin-bottom: 9px;
}

#it_us .photo_review .photo .tooltip .right .rating>img {
    width: 20px;
    height: 18px;
    border: none;
    margin-right: 1px;
    cursor: pointer;
}

#it_us .photo_review .photo .tooltip .right .title {
    font-size: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}

#it_us .photo_review .photo .tooltip .right .title img:nth-child(4):hover~span {
    display: block;
}

#it_us .photo_review .photo .tooltip .right .title .sub_tooltip {
    border: 1px solid #eaeaea;
    border-radius: 1px;
    box-shadow: 0.5px 0.75px 2px 0px #eaeaea !important;
    color: rgb(51, 51, 51);
    position: absolute;
    height: 26px;
    padding: 0 10px;
    right: -139px;
    bottom: 51px;
    font-size: 13px;
    background: white;
    line-height: 26px;
    display: none;
}

#it_us .photo_review .photo .tooltip .right .title .sub_tooltip:before {
    content: '';
    position: absolute;
    border-top: 6px solid #eaeaea;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -7px;
    left: 16px;
}

#it_us .photo_review .photo .tooltip .right .title .sub_tooltip:after {
    content: '';
    position: absolute;
    border-top: 6px solid white;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px;
    left: 16px;
}

#it_us .photo_review .photo .tooltip .right .title .close {
    position: absolute;
    right: -12px;
    top: -53px;
    opacity: 1;
    width: 15px;
}

#it_us .photo_review .photo .tooltip .right .title label {
    font-weight: bold;
    margin-right: 11px;
}

#it_us .photo_review .photo .tooltip .right .title span {
    color: #b3b3b3;
}

#it_us .photo_review .photo .tooltip .right .title>img {
    height: 28px;
    width: 37px;
    border: none;
    float: right;
    bottom: 6px;
    position: relative;
}

#it_us .photo_review .photo .tooltip .right .bottom .lovethis>img {
    width: 19px;
    height: 16px;
    border: none;
    cursor: pointer;
}

#it_us .photo_review .photo .tooltip .right .bottom {
    display: flex;
    display: -webkit-flex;
    font-size: 13px;
    color: #757575;
}

#it_us .photo_review .photo .tooltip .right .bottom .lovethis {
    display: flex;
    display: -webkit-flex;
    margin-right: 18px;
}

#it_us .photo_review .photo .tooltip .right .bottom .lovethis img {
    margin-right: 5px;
}

#it_us .photo_review .photo .tooltip .right .bottom .report {
    text-decoration: underline;
    position: relative;
    bottom: 0px;
    cursor: pointer;
}

#it_us .photo_review .photo .tooltip .right .bottom .report:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: -9px;
    top: 0;
    background: #e1e1e1;
}

#it_us .photo_review .photo .tooltip>.left {
    position: relative;
}

img::selection {
    background: transparent;
}

#it_us .photo_review .photo .tooltip>.left .arrow {
    width: 36px;
    height: 67px;
    position: absolute;
    margin: 0;
    top: 220px;
    cursor: pointer;
}

.photo_review .photo .tooltip>.left>.right.arrow {
    right: 0px;
    background-image: url(/img/shop/arrow_right.png);
}

.photo_review .photo .tooltip>.left>.right.arrow:hover {
    background-image: url(/img/shop/arrow_right_hover.png);
}

.photo_review .photo .tooltip>.left>.left.arrow {
    border: none !important;
    background-image: url(/img/shop/arrow_left.png);
}

.photo_review .photo .tooltip>.left>.left.arrow:hover {
    background-image: url(/img/shop/arrow_left_hover.png);
}

#it_us .photo_review .photo .tooltip:after {}

#it_us .photo_review .photo .tooltip:before {}

#it_us .photo_review .photo:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #ff484a;
    cursor: pointer;
}

#it_us .photo_review .photo.arrow:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #ff484a;
    cursor: pointer;
}

#it_us .photo_review .photo>img {
    height: 100%;
    width: 100%;
    border: 1px solid #d2d2d0;
    cursor: pointer;
}


/*-----------------TOOLTIP2------------------*/

.rh-rv-user-foto .bounder {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    overflow: hidden;
    z-index: 1073;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    display: none;
}

.rh-rv-user-foto .tooltip2 {
    position: fixed;
    width: 1021px;
    height: 583px;
    background: white;
    border: 1px solid #a2a2a2;
    border-radius: 2px;
    opacity: 1;
    display: none;
    top: calc((100vh - 577px)/2);
    left: calc((100% - 1021px)/2);
    z-index: 1073;
}

.rh-rv-user-foto .tooltip2 .left {
    /* OLDER */
    /* width: 561px;
    height: calc(100% - 90px); */
    /* NEW */
    width: 500px;
    height: 500px;
    margin: 45px 20px 45px 45px;
    border: 1px solid #d7d7d7;
}

.rh-rv-user-foto .tooltip2 .left>img {
    /* height: 100% !important;
    width: 100%; */
}

.rh-rv-user-foto .tooltip2 .right {
    /* OLDER */
    /* width: calc(100% - 561px); */
    /* NEW */
    width: calc(100% - 610px);
    height: calc(100% - 90px);
    margin: 45px 45px 45px 0;
}

.rh-rv-user-foto .tooltip2 .right .content {
    height: 407px;
    font-size: 14px;
    line-height: 25px
}

.rh-rv-user-foto .tooltip2 .right .content>p>label {
    margin-top: 9px;
    color: #5b6773;
    height: 23px;
    margin-bottom: 2px;

}

.rh-rv-user-foto .tooltip2 .right .content>p {
    max-height: calc(100% - 150px);
    overflow: auto;
    color: #1a1a1a;
    /*padding-right: 10px;*/
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.rh-rv-user-foto .tooltip2 .right .content>p:last-child {
    margin-bottom: 20px;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img {
    display: flex;
    display: -webkit-flex;
    /*justify-content: space-between;*/
    margin: 17px 0;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img img {
    /* 5 images are displayed in a row so width=76px, height=76px */
    width: 74px;
    height: 74px;
    object-fit: cover;
    border: 1px solid #d7d7d7;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span {
    position: relative;
    margin-right: 9.9px;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span.hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #ff484a;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #ff484a;
}

.rh-rv-user-foto .tooltip2 .right .rating {
    margin-bottom: 9px;
}

.rh-rv-user-foto .tooltip2 .right .rating>img {
    width: 20px;
    height: 18px;
    border: none;
    margin-right: 2px;
    cursor: default;
}

.rh-rv-user-foto .tooltip2 .right .title {
    font-size: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}

.rh-rv-user-foto .tooltip2 .right .title .close {
    position: absolute;
    right: -12px;
    top: -53px;
    opacity: 1;
    width: 15px;
}

.rh-rv-user-foto .tooltip2 .right .title .sub_tooltip {
    border: 1px solid #eaeaea;
    border-radius: 1px;
    box-shadow: 0.5px 0.75px 2px 0px #eaeaea !important;
    color: rgb(51, 51, 51);
    position: absolute;
    height: 26px;
    padding: 0 10px;
    right: -139px;
    bottom: 51px;
    font-size: 13px;
    background: white;
    line-height: 26px;
    display: none;
}

.rh-rv-user-foto .tooltip2 .right .title .sub_tooltip:before {
    content: '';
    position: absolute;
    border-top: 6px solid #eaeaea;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -7px;
    left: 16px;
}

.rh-rv-user-foto .tooltip2 .right .title .sub_tooltip:after {
    content: '';
    position: absolute;
    border-top: 6px solid white;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px;
    left: 16px;
}

.rh-rv-user-foto .tooltip2 .right .title label {
    font-weight: bold;
    margin-right: 11px;
}

.rh-rv-user-foto .tooltip2 .right .title span {
    color: #b3b3b3;
}

.rh-rv-user-foto .tooltip2 .right .title img:nth-child(4):hover~span {
    display: block;
}

.rh-rv-user-foto .tooltip2 .right .title>img {
    height: 28px;
    width: 37px;
    border: none;
    float: right;
    bottom: 8px;
    position: relative;
}

.rh-rv-user-foto .tooltip2 .right .bottom .lovethis>img {
    width: 19px;
    height: 16px;
    border: none
}

.rh-rv-user-foto .tooltip2 .right .bottom {
    display: flex;
    display: -webkit-flex;
    font-size: 13px;
    color: #757575;
}

.rh-rv-user-foto .tooltip2 .right .bottom .lovethis {
    display: flex;
    display: -webkit-flex;
    margin-right: 18px;
}

.rh-rv-user-foto .tooltip2 .right .bottom .lovethis img {
    margin-right: 5px;
    cursor: pointer;
}

.rh-rv-user-foto .tooltip2 .right .bottom .report {
    text-decoration: underline;
    position: relative;
    bottom: 0px;
    cursor: pointer;
}

.rh-rv-user-foto .tooltip2 .right .bottom .report:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: -9px;
    top: 0;
    background: #e1e1e1;
}

.rh-rv-user-foto .tooltip2>.left {
    /* background-color: #000; */
    position: relative;
}

img::selection {
    background: transparent;
}

.rh-rv-user-foto .tooltip2>.left .arrow {
    width: 36px;
    height: 67px;
    position: absolute;
    margin: 0;
    top: 220px;
    cursor: pointer;
}

.rh-rv-user-foto .tooltip2>.left>.right.arrow {
    position: absolute;
    z-index: 1;
    right: 0px;
    background-image: url(/img/shop/arrow_right.png);
}

.rh-rv-user-foto .tooltip2>.left>.right.arrow:hover {
    background-image: url(/img/shop/arrow_right_hover.png);
}

.rh-rv-user-foto .tooltip2>.left>.left.arrow {
    position: absolute;
    z-index: 1;
    border: 0;
    background-image: url(/img/shop/arrow_left.png);
}

.rh-rv-user-foto .tooltip2>.left>.left.arrow:hover {
    background-image: url(/img/shop/arrow_left_hover.png);
}

html {
    scroll-behavior: smooth;
}

#ht_item_review {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1075;
    left: 0;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
}

#ht_item_review .ht_container {
    width: 569px;
    height: 609px;
    background: white;
    margin: 0;
    padding: 0;
}

#ht_item_review .ht_mid .content .left {
    height: 120px;
    border: 1px solid #b7b7b7;
}

#ht_item_review .ht_content {
    width: calc(100% - 80px);
    height: calc(100% - 83px);
    margin: 45px 38px 38px 42px;
}

#ht_item_review .ht_content .ht_header {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
    padding-bottom: 28px;
    border-bottom: 2px solid #818181;
}

#ht_item_review .ht_content .ht_header span {
    line-height: 14px;
    height: 14px;
    font-size: 20px;
    font-weight: 600;
}

#ht_item_review .ht_content .ht_header img {
    opacity: 1;
    position: absolute;
    right: -13px;
    top: -20px;
    height: 14px;
}

#ht_item_review .ht_content .ht_top {
    height: 115px;
    border-bottom: 1px solid #cacaca;
    position: relative;
    padding: 19px 0;
    display: flex;
    display: -webkit-flex;
}

#ht_item_review .ht_top .left {
    height: 76px;
    width: 76px;
    margin: 0 19px 0 0;
    border: 1px solid #cdcdcd;
}

#ht_item_review .ht_top img {
    height: 100%;
}

#ht_item_review .ht_top .right {
    width: calc(100% - 95px);
}

#ht_item_review .ht_top .right .option_name {
    display: block;
    font-weight: 400 !important;
}

#ht_item_review .ht_content .ht_top .right span {
    line-height: 20.5px;
    font-size: 13px;
    font-weight: bold;
}

#ht_item_review .ht_content .ht_top .right span.option_name {
    display: block;
    font-weight: 400;
}

#ht_item_review .ht_content .ht_top .right span:nth-child(1) {
    position: relative;
    bottom: 1px;
}

#ht_item_review .ht_top .right select {
    font-weight: normal;
    padding: 4px 10px;
    margin-top: 4px;
    color: #797979;
    border: 1px solid #d9d9d9;
    width: 393px;
    font-size: 12.5px;
}

#ht_item_review .ht_top .custom_select {
    position: relative;
}


/*#ht_item_review .ht_top .custom_select:after {
    content: '';
    position: relative;
    top: 14px;
    right: 18px;
    border-top: 6px solid #989898;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}*/

#ht_item_review .ht_mid {
    height: 289px;
}

#ht_item_review .ht_mid .right {
    width: 71px;
    line-height: 15px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 100%;
    color: #333333;
    font-size: 14px;
}

#ht_item_review .ht_mid .photo .right {
    position: relative;
    bottom: 5px;
}

#ht_item_review .ht_mid .rating {
    height: 65px;
    display: flex;
    display: -webkit-flex;
}

#ht_item_review .ht_mid .content {
    height: 120px;
    display: flex;
    display: -webkit-flex;
    margin-bottom: 31px;
}

#ht_item_review .ht_mid .photo {
    height: 74px;
    display: flex;
    display: -webkit-flex;
}

#ht_item_review .ht_mid .photo .left span {
    position: relative;
}

#ht_item_review .ht_mid .photo .left img {
    width: 72px;
    height: 74px;
}

#ht_item_review .ht_mid .photo .left .img_uploaded {
    border: 1px solid rgb(229, 229, 229)
}

#ht_item_review .ht_mid .photo .left .img_uploaded:after {
    content: '';
    background-image: url(/img/shop/icon-close-mini.svg);
    position: absolute;
    height: 16px;
    width: 16px;
    background-size: 16px 16px;
    z-index: 1;
    right: -6px;
    top: -8px;
    cursor: pointer;
}

#ht_item_review .ht_mid .photo .left span:not(:nth-child(5)) {
    margin-right: 14px;
}

#ht_item_review .ht_mid .left {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: calc(100% - 71px);
    position: relative;
}

#ht_item_review .ht_mid .rating .left img {
    width: 33px;
    height: 31px;
    margin-right: 5px;
}

#ht_item_review .ht_mid .content .left textarea {
    height: 100%;
    width: 100%;
    padding: 13px 12px;
    color: #323232;
    border: none;
    line-height: 20px;
    font-size: 14px;
}

#ht_item_review .ht_mid .content .left .count {
    position: absolute;
    bottom: -22px;
    right: 0;
    font-size: 12px;
    color: #a4a4a4;
    font-weight: normal;
}

#ht_item_review .ht_bot a {
    width: 144px;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

#ht_item_review .ht_bot {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    line-height: 14px;
    margin-top: 30px;
}

#ht_item_review .ht_bot .cancel {
    border: 1px solid #fc3a3a;
    color: #fc3a3a;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
}

#ht_item_review .ht_bot .save {
    background: #fc3a3a;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.rh-answer-lang.rh-answer-time.nl-qn-report .nl-tooltip {
    bottom: 13px;
    /*right: 13px;*/
}

.rh-notReview-tbl.ht_class .nl-tooltip {
    top: 12px;
    left: -13px;
}

.rh-notReview-tbl.ht_class .nl-item-data {
    position: relative;
    top: 9px;
    left: -13px;
}

.wrap_content.ht_class .nl-tooltip {
    top: 3px;
}

.wrap_content.ht_class .rh-writing-time {
    top: 3px;
}

.wrap_content.ht_class .rh-answer-lang span {
    position: relative;
    top: 8px;
}

.wrap_content.ht_class .rh-answer-lang .nl-tooltip {
    top: -5px;
}

.rh-orderHis .rh-col2 .ht_class {
    height: 62px;
    width: 62px;
    border: 1px solid #e5e5e5;
}

.rh-orderHis .rh-col2 .ht_class img {
    height: 100%;
    max-width: 100%
}

.wishlist-skin .divTableCell.ht_class span {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    margin: auto;
    border: 1px solid #e5e5e5;
}

.rh-notReview-tbl.ht_class .nl-tooltip img {
    position: relative;
    left: 24px;
}

.rh-notReview-tbl.ht_class .rh-col3 {
    left: 0px;
}

.rh-notReview-tbl.ht_class .nl-date-review {
    right: 2px;
    position: relative;
}

.rh-qna-listEdited.rs_mt20 .nl-qna-tt-report {
    left: 49px !important;
}


/*=========End ht-fix CSS==========/

/**
** author: Huynh Nhut Linh;
**/


/*-------------- START SLIDE 3 || MINH TIEN------------*/

.box_mt {
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 100%;
    top: 0;
}


/*-------------- END SLIDE 3 || MINH TIEN------------*/

.nl-partner-menu {
    position: relative;
    margin-right: 40px;
}

.nl-original-langunge {
    margin-right: 3px;
}

.rh-filter .rs_floatright button span img {
    top: 1px;
}

.rh-star-rating .nl-ratings-number {
    font-size: 46px;
    margin-top: 16px;
    padding-bottom: 5px;
    color: rgb(52, 53, 57);
}

.rh-star-rating .nl-star-icon {
    position: relative;
    text-align: center;
    width: 100%;
}

.rh-star-rating .nl-star-icon img {
    width: 24px;
    height: auto;
}

.rh-star-rating .nl-score-rating {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

.rh-rating-box .nl-rank-rating {
    border-right: 1px solid #e1e1e2;
}

.nl-rank-rating .nl-progress {
    text-align: center;
    padding: 14px;
    color: #606060;
}

.nl-rank-rating .nl-progress span.nl-progress-percent {
    width: 25px;
}

.nl-rank-rating .nl-progress li.nl-progress-list {
    margin-bottom: 4px;
}


/**Head page home**/

.input-group {
    width: 480px;
}


/**MyPage item Coupon**/

.nl-expired-mark {
    display: block !important;
}

.nl-expired-mark img {
    width: 65px;
    height: auto;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .nl-coupon-card {
    background-image: url('/img/icon/coupon_mypage_08.png') !important;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .nl-coupon-card .rh-red {
    color: #c6c6c6;
    opacity: 0.6;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .nl-coupon-card .rs_bold {
    color: #a8a8a8;
    opacity: 0.6;
}

.nl-line-coupon {
    width: 25px;
    height: 6px;
    border-bottom: 1px solid #525252;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .nl-coupon-card .nl-line-coupon {
    border-bottom: 1px solid #a8a8a8 !important;
    opacity: 0.6;
}

.rh-coupon-tbl .divTableCell.rh-col-1 .rh-coupon-card .rh-red {
    padding: 0 45px 0 0px;
}

.nl-tblcell-coupon {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 30px;
}

.nl-price-type {
    font-size: 18px;
}


/**MyPage item Review**/

.nl-tbl-review {
    display: table;
    width: 100%;
    position: relative;
    border-top: 2px solid #3c3c3c;
    border-bottom: 1px solid #ddd;
    height: 47px;
    background: #f9f9f9;
    padding-top: 2px;
}

.rh-qna-listEdited>.rh-qa-tbl,
.rh-wishlist-tbl .divTableHead,
.rh-orderHis-tbl table thead,
.rh-coupon-tbl .divTablehead,
.point-skin .div-table>thead {
    border-top: 2px solid #3c3c3c !important;
}

.rh-orderHis-tbl table thead tr td,
.rh-coupon-tbl .divTablehead .divTableCell {
    padding-top: 2px !important;
}

.point-skin .div-table thead tr th {
    padding: 2px 0 0 0 !important;
}

.nl-tbl-review .nl-tblcell-review {
    display: table-cell;
    position: relative;
    text-align: center;
    background: #f9f9f9;
    ;
    border: 0;
    font-size: 14px;
    /*height: 45px;*/
    color: #525252;
    font-weight: 500;
    vertical-align: middle;
}

.nl-tbl-review div.nl-col1 {
    width: 110px;
}

.nl-tbl-review div.nl-col2 {
    width: auto;
}

.nl-tbl-review div.nl-col3 {
    width: 140px;
}

.nl-tbl-review div.nl-col4 {
    width: 130px;
}


/***My page qna_item.skin.php*/

.rh-qna-listEdited .rh-qa-tbl .nl-divtblhead .div-tblcell {
    height: 44px !important;
    top: 1px;
    border-bottom: 1px solid #ddd;
}

.nl-col-midle-1-2 {
    width: 75px;
}

.nl-qn-report {
    position: relative;
    width: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 20px;
    /*border-bottom: 1px solid #ddd;*/
}

.nl-qn-report .nl-btn-report {
    width: 70px;
    height: 25px;
    margin-top: 10px;
    background: #fff;
    /*border: 1px solid #e3e3e5;*/
    color: #525252;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    border-radius: 3px;
}

.nl-tooltip {
    position: relative;
    height: 28px;
    width: 100%;
}


/*.nl-qn-report .nl-tooltip img {
    display: block;
    margin: auto;
    right: -24px;
    position: relative;
}*/

.nl-answer-cntn span.nl-cntn-report {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 80px;
    text-align: right;
}

.nl-answer-cntn span.nl-cntn-report img {
    margin-right: 20px;
}

.nl-answer-cntn span.nl-cntn-report .nl-btn-report {
    width: 70px;
    height: 25px;
    margin-top: 10px;
    margin-right: 5px;
    background: #fff;
    /*border: 1px solid #e3e3e5;*/
    color: #525252;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    border-radius: 3px;
}

.nl-answer-cntn div.nl-cntn-report2 {
    display: inline-block;
    width: calc(100% - 65px);
    padding-left: 9px;
}

.nl-answer-cntn div.nl-cntn-report2 span.nl-anwserer {
    position: relative;
    display: table-cell;
    min-width: 75px;
    height: 25px;
    background: #f27835;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    padding: 2px 10px;
}

.divtblrow div.nl-col1-qna {
    width: 82px !important;
}

.divtblrow div.nl-col2-qna img {
    border: 1px solid #e3e3e5;
}


/*.nl-line-botton {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #ddd;
}*/

.nl-line-botton {
    position: relative;
    top: -1px;
}

.nl-line-botton .rh-answer-block {
    border-bottom: 1px solid #ddd;
    top: 0;
}

.divtblhead div.nl-co1-tile-qna {
    width: 82px !important;
}

.nl-qn-report .nl-tooltip div.nl-qna-tt-report {
    position: absolute;
    display: block;
    font-size: 13px;
    height: 26px;
    width: auto;
    padding: 5px 0;
    border: 1px solid #eaeaea;
    background: #fff;
    /*top: -20px;*/
    bottom: 36px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 3px 0px #eaeaea;
    -moz--box-shadow: 0px 1px 3px 0px #eaeaea;
    box-shadow: 0px 1px 3px 0px #eaeaea;
    z-index: 9999;
}

div.nl-qna-tt-report:after,
div.nl-qna-tt-report:before {
    bottom: -11px;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

div.nl-qna-tt-report:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -5px;
}

div.nl-qna-tt-report:before {
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: solid 7px #e3e3e3;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    bottom: -9px;
}

div.nl-qna-tt-report span.nl-tbl-cell-tt {
    display: flex;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 10px;
    font-weight: normal;
    position: relative;
    bottom: 2px;
}

.nl-tooltip div.nl-qna-tt-report {
    visibility: hidden;
}

.nl-tooltip:hover div.nl-qna-tt-report {
    visibility: visible;
}

.nl-cntn-report .nl-tooltip div.nl-qna-tt-report {
    position: absolute;
    display: table;
    font-size: 13px !important;
    height: 25px !important;
    width: 220px;
    border: 1px solid #eaeaea;
    background: #fff;
    top: -44px;
    left: 12px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 3px 0px #eaeaea;
    -moz--box-shadow: 0px 1px 3px 0px #eaeaea;
    box-shadow: 0px 1px 3px 0px #eaeaea;
    z-index: 9999;
}

.rh-qna-status span.nl-writing-time {
    color: #525252;
}

.rh-qna-board-content .nl-show_content {
    color: #525252;
}

.rh-qna-board-content .nl-qna-itemn-name {
    font-weight: 500;
}


/**My page top title**/

.nl-top-mp {
    position: relative;
    display: table-cell;
}

.rh-mypage-tag .nl-top-mp div {
    position: relative;
    display: table-cell;
    width: 109.5px;
    height: 42px;
    border: 1px solid #626773;
    border-bottom: 0;
    text-align: center;
    z-index: 0;
    vertical-align: middle;
    color: #fff;
    background-color: #626773;
    font-size: 14px;
}

.rh-mypage-tag .nl-top-mp div>a>span {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.3;
    color: #fff;
    border-left: 1px solid #444850;
}

.rh-mypage-tag a:hover div span {
    /*color: #ff4848;*/
    font-weight: 500;
}


/*.rh-mypage-tag a:hover div,*/

.rh-mypage-tag .nl-top-mp div.active {
    background: #fff;
    color: #282828;
    font-weight: 500;
}


/**My page review.skin.php**/

div.nl-item-data .nl-date-review {
    font-weight: normal !important;
    color: #666666 !important;
    cursor: auto;
}


/**My page popup order histor**/

.nl-order-history-popup .detail-shipping-step>img.icon {
    width: 36px;
    height: 36px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -5px;
    left: 0;
}

.nl-order-history-popup {
    position: fixed;
    padding: 0px 10px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999999;
}

.nl-order-history-popup .nl-content-pp {
    position: relative;
    display: block;
    /*height: calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
    height: -moz-calc(100% - 110px);*/
    /*max-height: 700px;*/
    width: 1028px;
    background: #fff;
    margin: 55px auto;
    overflow-y: scroll;
    -ms-overflow-y: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 68px;
}

.nl-order-history-popup .nl-content-pp h3.nl-tile-order-detail {
    text-align: center;
    padding-bottom: 25px;
    color: #333;
}

.nl-order-history-popup .nl-content-pp button.nl-cancel-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff !important;
    border: 0;
}

.nl-order-history-popup .nl-content-pp button.nl-cancel-popup img {
    height: 15px;
    width: auto;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
}


/*faq.skin.php*/

div.nl-notice-contact-box img {
    margin: 0 auto 5px;
    display: block;
}


/*My page my frofile*/

.nl-frm-my-info {
    position: relative;
}

.nl-frm-my-info div.rh-form-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 61px;
    line-height: 61px;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px !important;
}

.nl-tab-content div.area-tab h4 {
    border-bottom: 1px solid #999;
    text-transform: uppercase;
    font-weight: 500;
}

.nl-frm-my-info div.rh-form-group .nl-frm-label {
    position: relative;
    width: 160px;
    background: #f9f9f9;
    padding: 0 25px;
    height: 61px;
    border-bottom: 1px solid #eee;
}

.nl-frm-my-info div.rh-form-group .nl-contents-info {
    padding: 0 25px;
}

.nl-frm-my-info div.rh-form-group input.nl-contents-info {
    border: 0;
    position: absolute;
    height: 61px;
    top: 0px;
    background: transparent;
}

.nl-frm-my-info div.area-tab {
    position: relative;
}


/*.nl-tab-content div.area-tab .nl-btn-group{
    position:absolute;
    margin-top: -35px;
    right: 35px;
}*/

.nl-tab-content div.area-tab button.nl-btn-grey {
    position: relative;
    text-transform: uppercase;
    width: auto !important;
    font-size: 12px;
    border: 1px solid transparent;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    color: #666;
    margin-left: 10px;
    min-width: 51px;
    top: -2px;
    padding: 0 12px;
}

.nl-re-step1 {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rh-reg-wr .nl-re-step1 a {
    position: relative;
    display: inline;
    float: left;
    width: 155px;
    height: 50px;
    border: 3px solid #fff;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nl-btn-delete {
    width: 70px;
    height: 25px;
    margin-top: 10px;
    background: #fff;
    color: #333;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #e1e1e1;
    border-right-color: #c2c2c2;
    border-left-color: #e1e1e1;
    border-bottom-color: #c2c2c2;
    border-radius: 3px;
    left: 145px !important;
    /*Change by Thanh*/
}

.nl-detail-list-tbl {
    display: table;
    width: 100%;
    position: relative;
    margin-top: -1px;
    border-collapse: collapse;
    font-size: 13px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.rh-text-tbl tr {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.rh-text-tbl tr th.nl-detail-list-col1 {
    font-weight: bold;
    font-size: 13px;
}

.rh-text-tbl tr th.nl-detail-list-col2 {
    font-size: 13px;
}

.nl-tbl-cell-3 .rh-btn-return {
    font-weight: normal;
    line-height: 24px;
    display: inline-block;
}


/*My frofile*/

.table-my-address .nl-tbl-content {
    position: relative;
    width: 100%;
    height: 71px;
    display: table;
}

.table-my-address .nl-tbl-content .nl-tbl-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
}

.table-my-address .nl-tbl-content .nl-col-1 {
    position: relative;
    line-height: 18px;
    width: 230px;
    background: #f9f9f9;
}

.table-my-address .nl-tbl-content .nl-col-2 {
    position: relative;
    width: auto;
}

.table-my-address .nl-tbl-content .nl-col-3 {
    position: relative;
    width: 140px;
    text-align: right;
}

.table-my-address .nl-tbl-content .nl-col-3 button {
    font-weight: normal;
    line-height: 24px !important;
}

.table-my-address .nl-tbl-content .nl-tbl-cell span {
    color: #525252
}

.table-my-address .nl-tbl-content .nl-tbl-cell span.nl-name {
    color: #333;
}


/*My payment info*/

.table-my-payment-info .nl-tbl-content {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 83px;
    display: table;
}

.table-my-payment-info .nl-tbl-content .nl-tbl-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    padding: 20px;
    height: auto;
}

.table-my-payment-info .nl-tbl-content .nl-tbl-cell .nl-btn-delete {
    position: absolute;
    border: 1px solid #eee;
    height: 16px;
    width: 16px;
    padding: 2px;
    border-radius: 0;
    left: 175px;
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
}

.table-my-payment-info .nl-tbl-content .nl-col-3 {
    width: 140px;
    text-align: right;
}

.table-my-payment-info .nl-tbl-content .nl-col-2 div.nl-num-card {
    line-height: 24px;
}

.table-my-payment-info .nl-tbl-content .nl-col-2 div.nl-name-user-card,
.table-my-payment-info .nl-tbl-content .nl-col-2 div.nl-arce-card {
    line-height: 20px;
}

.table-my-payment-info .nl-tbl-content .nl-col-2 .nl-btn-delete {
    position: absolute;
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 0;
    left: 175px;
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
    padding: 0;
}

.table-my-payment-info .nl-tbl-content .nl-col-2 .nl-btn-delete img {
    height: 15px !important;
    width: auto !important;
}


/*.table-my-payment-info .nl-tbl-content .nl-col-2 .nl-btn-delete img{
    height: 10px !important;
}*/

.table-my-payment-info .nl-tbl-content .nl-col-2 .nl-num-card {
    /* font-size: 18px; */
    font-size: 1em;
    /* Change by Thanh */
}

.table-my-payment-info .nl-tbl-content .nl-col-1 .nl-item-cart {
    position: relative;
    display: table-cell;
    width: 60px;
    height: auto;
    vertical-align: middle;
    line-height: 48px;
}

.table-my-payment-info .nl-tbl-content .nl-col-1 .nl-item-type-card {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    ;
    padding-left: 20px;
}

.table-my-payment-info .nl-tbl-content .nl-col-1 {
    position: relative;
    width: 230px;
    background: #f9f9f9;
}

.nl-item-type-card .nl-default {
    color: #5b9848;
    font-size: 13px;
    margin-top: 8px;
}

.nl-item-type-card .nl-default img {
    margin-right: 3px;
}

.table-my-payment-info .nl-tbl-content .nl-col-3 button {
    font-weight: normal;
}

.table-my-payment-info .nl-tbl-content .nl-col-3 button.nl-default-notactive {
    background: #EBEBEB;
    opacity: 0.6;
    color: #333
}


/*1:1 contact*/

.list-board .board-list li .rh-ans .rh-col-2 .nl-answer-id-mark {
    background: #ff4848 !important;
    color: #fff !important;
    /*border: 1px solid #BF6162;*/
}

.nl-mb-stamp-2 {
    background-color: #fff;
    color: #4792ef;
    border: 1px solid #4792ef;
    font-weight: normal;
    width: 76px;
}

.nl-mb-stamp-1 {
    position: relative;
    width: 75px;
    height: 25px;
    background: #f27835;
    color: #fff;
    text-align: center;
    /*border: 1px solid #ce8457;*/
    border: 0;
    padding-top: 1px;
}

.hung-lang-area span span#hung-ori {
    cursor: pointer;
}


/*Head search*/

.pc-header .nl-header-search input {
    border-right: none;
}

.nl-header-search .nl-srch-suge {
    position: absolute;
    display: inline-block;
    right: 0px;
    top: 43px;
    width: 480px;
    padding: 0px;
    border: 1px solid #ddd;
    border-top: none;
    background-color: #fff;
    z-index: 993;
    overflow: auto;
    box-shadow: none;
}

.nl-header-search .nl-search-leg {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -36px;
    padding: 0 20px;
    background: #fff;
    color: #343434;
    font-size: 12px;
    line-height: 39px;
    margin-top: 0px;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dd.rh-hot-kw a {
    padding: 0 20px;
    line-height: 30px;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dd.rh-hot-kw div.nl-his_kw a:hover {
    background: #f8f8f8;
    color: #3F93EB;
}

.rs_floatright img {
    display: inline;
    position: relative;
    margin-top: 11px;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dd.rh-hot-kw {
    padding: 0;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dt {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 0 20px;
    line-height: 28px;
    height: 30px;
    margin-top: 18px;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dt.active {
    color: #333;
    background-color: #fff;
    font-weight: bold;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
}

.nl-header-search .nl-srch-suge dl.rh-keyword-list dd {
    margin-top: 0 !important;
}

.nl-header-search .nl-search-leg span.rs_floatright {
    position: relative;
    width: 100%;
    border-top: 1px solid #eee;
    text-align: right;
}

.nl-header-search dd.rh-hot-kw .nl-search-suges a:first-child {
    margin-top: 14px;
}

.nl-header-search dd.rh-hot-kw .nl-search-suges a:hover {
    background: #f8f8f8;
}

.nl-header-search .nl-search-suges .nl-name-item {
    color: #ff4848;
}

.nl-header-search .nl-search-suges .nl-type-product {
    position: relative;
    color: #999;
    margin-top: -10px;
    padding: 0 17px;
}

.nl-header-search .nl-search-suges .nl-type-product img {
    position: absolute;
    left: 0;
    top: 15px;
    left: 5px;
    top: 11px;
    width: 7px;
    height: 8px;
}


/*Coupon*/

#couponzone_wrap .nl-item-content {
    position: relative;
    width: 294px;
    height: 207px;
    margin-bottom: 0px;
    padding: 25px;
    background-image: url(/img/coupon/cp_01.jpg);
    background-repeat: no-repeat;
    background-color: #fff;
    line-height: 1;
}

#couponzone_wrap .nl-itemlist .nl-download-cp-btn {
    background-image: url(/img/coupon/cp_02.png);
    background-repeat: no-repeat;
    font-weight: normal;
    text-transform: uppercase;
    padding-right: 20px;
}

#couponzone_wrap .nl-item-content .rh-get-detail {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1px;
}

#couponzone_wrap .nl-item-content .nl-detail-btn {
    position: relative;
    display: inline;
    float: left;
    border: 0;
    background-color: transparent;
    margin-top: 8px;
    width: 75px;
    height: 24px;
    font-size: 14px !important;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: left;
    /* padding-left: 10px; */
}


/*-------------- start slide 4 || MINH TIEN----------------------*/

#couponzone_wrap .nl-item-content .nl-detail-btn .mt_tooltip {
    padding-left: 10px;
}


/*-------------- end slide 4 || MINH TIEN----------------------*/

#couponzone_wrap .nl-item-content-prey .nl-detail-btn img {
    margin-bottom: 1px;
}

#couponzone_wrap .nl-item-content-prey {
    position: relative;
    width: 294px;
    height: 207px;
    margin-bottom: 0px;
    padding: 25px;
    background-image: url(/img/coupon/cp_01_prey.jpg);
    background-repeat: no-repeat;
    background-color: #fff;
    line-height: 1;
}

#couponzone_wrap .nl-itemlist-prey .nl-download-cp-btn {
    background-image: url(/img/coupon/cp_02_prey.jpg);
    background-repeat: no-repeat;
    font-weight: normal;
    text-transform: uppercase;
    padding-right: 20px;
}

#couponzone_wrap .nl-item-content-prey .rh-get-detail {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1px;
}

#couponzone_wrap .nl-item-content-prey .nl-detail-btn {
    position: relative;
    display: inline;
    float: left;
    border: 0;
    background-color: transparent;
    margin-top: 8px;
    width: 75px;
    height: 24px;
    font-size: 14px !important;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: left;
    padding-left: 10px;
    opacity: 0.6;
}

#couponzone_wrap .nl-item-content-prey .rh-subject {
    color: #cacaca !important;
    font-weight: 500;
}

#couponzone_wrap .nl-item-content-prey .rh-percent {
    color: #5b5b5b;
}

#couponzone_wrap .nl-item-content-prey .rh-target,
#couponzone_wrap .nl-item-content-prey .rh-target a {
    color: #aeaeae !important;
}

#couponzone_wrap .nl-item-content-prey .rh-date {
    color: #d2d4d4;
}

#couponzone_wrap .item-list {
    width: 320px;
    height: 285px;
}

#couponzone_wrap .item-row {
    position: relative;
    margin-right: -32px;
}

.nl-detail-tooltips {
    position: relative;
}

#couponzone_wrap .item-list .nl-detail-tooltips {
    position: absolute;
    width: 384px !important;
    height: 223px !important;
    min-height: 150px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-bottom: 0;
    z-index: 99;
    padding: 30px;
    /*top: 190px;*/
    top: 193px;
    left: -115px;
    visibility: hidden;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}

#couponzone_wrap .item-list .nl-detail-tooltips:before {
    top: -15px;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-bottom: solid 15px #dfdfdf;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
}

#couponzone_wrap .item-list .nl-detail-tooltips:before,
#couponzone_wrap .item-list .nl-detail-tooltips:after {
    content: '';
    position: absolute;
    left: 50%;
}

#couponzone_wrap .item-list .nl-detail-tooltips:after {
    top: -14px;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-bottom: solid 14px #fff;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    z-index: 999;
}

#couponzone_wrap .item-list .nl-detail-tooltips span {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-head {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    /*font-weight: 500;*/
    height: 50px;
    color: #333;
    text-transform: capitalize;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-tt {
    font-weight: 500;
    color: #333;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-ct {
    margin-bottom: 10px;
}

#couponzone_wrap .item-list .nl-detail-tooltips span.nl-tooltips-ct:last-child {
    margin-bottom: 0;
}

#couponzone_wrap .item-list .nl-detail-tooltips .nl-btn-close-tt {
    position: absolute;
    display: inline-block;
    border: 0;
    background: #fff;
    top: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
    width: 22px;
    height: auto;
}

#couponzone_wrap .item-list .show {
    visibility: visible;
    /* -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s; */
}

#couponzone_wrap .item-list .show {
    display: block;
}

.rh-searchCoupon .nl-button-wr a.nl-btn-cp-red {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
}

.nl-btns-coupon .nl-button-wr button {
    margin-left: 10px;
    width: 98px;
    height: 33px;
    line-height: 31px;
    background-color: #ff4848;
    border: 1px solid #ff4848;
}

.nl-btns-coupon .nl-button-wr {
    position: absolute;
    display: inline;
    float: right;
    right: 35px;
    top: 70px;
    z-index: 9;
}


/*Form login*/

.nl-login-box .has-feedback .form-control {
    height: 47px !important;
}

.nl-login-box .form-group.has-feedback>input {
    margin-top: -5px !important;
    border: 1px solid #d7d7d7 !important;
    font-size: 13px;
}

.nl-login-box .form-group.has-feedback>input:checked {
    border: 1px solid #FF3A3B !important;
}

.nl-login-box .form-box .form-body {
    padding: 59px 45px 23px;
    border: 0;
}

.nl-login-box .form-box .form-body .row {
    margin-top: -5px;
}

.nl-login-box .form-box .form-body .form-group input::-webkit-input-placeholder {
    font-style: italic;
    color: #aaa;
}

.nl-login-box .form-box .form-body .form-group input:-ms-input-placeholder {
    font-style: italic;
    color: #aaa;
}

.nl-login-box .form-box .form-body .form-group input::placeholder {
    font-style: italic;
    color: #aaa;
}

.nl-login-box .rh-login-btn {
    margin-top: 15px !important;
    width: 100% !important;
    font-size: 18px !important;
    padding: 0px;
    height: 45px;
    line-height: 44px;
    background-color: #ff4848 !important;
}

.nl-login-box .form-box .form-footer.btnSocialLogin {
    padding-top: 17px !important;
    width: 100% !important;
}

.nl-login-box .tbl-sns-wrap .tableSocialLogin {
    height: 46px;
    padding: 0 40px;
    border: 1px solid #f2f2f5 !important;
}

.nl-login-box .tableSocialLogin>div {
    text-align: left;
}

.nl-login-box .tableSocialLogin>div:nth-child(1) {
    width: 129px !important;
    text-align: left;
    padding-left: 47px;
    text-transform: uppercase;
    font-size: 12px !important;
}

.nl-login-box .tableSocialLogin>div:nth-child(2) {
    width: 38px !important;
}

.nl-login-box .tableSocialLogin>div:nth-child(3) {
    width: 39px !important;
}

.nl-login-box .tableSocialLogin>div:nth-child(4) {
    width: 38px !important;
}

.nl-login-box .tableSocialLogin>div:nth-child(5) {
    width: 40px !important;
}

.nl-login-box .tableSocialLogin>div:nth-child(6) {
    width: 38px !important;
}

.nl-login-box .tableSocialLogin div:nth-child(4) img {
    width: 27px;
    height: 26px;
}

.nl-login-box .form-box .nl-form-footer {
    padding: 14px 45px 53px !important;
}

.nl-login-box .form-footer a.rh-reg-go {
    height: 44px !important;
    line-height: 44px !important;
    border: 1px solid #ff8989 !important;
    width: 100% !important;
    font-size: 18px !important;
    color: #ff4848;
}

.nl-login-box .form-box .rh-login-line {
    background-color: #e8e8e8 !important;
}

.nl-login-box .rh-member-ttl {
    text-transform: uppercase;
}

.nl-login-box label.rh-pc-checkbox input[type=checkbox]:checked+span {
    /*border: 1px solid #FF3A3B;*/
    border: none;
}

.nl-login-box label.rh-pc-checkbox input[type=checkbox]:checked+span:after {
    content: '';
    position: absolute;
    top: 0px !important;
    left: -2;
    background-image: url(/img/shop/icon/check_box_acticve);
    height: 11px;
    width: 11px;
    background-size: 11px 11px;
    /*    left: 3px !important;
    width: 5px;
    text-align: center;
    height: 8px;
    border: 1px solid red;
    transform: rotate(39deg);
    border-left: none;
    border-top: none;*/
}

.nl_btnfindInfo:hover {
    color: #777;
}

.nl_btnfindInfo img {
    height: 11px;
    margin-right: 4px;
}

.nl-login-box.rh-login-box label.rh-pc-checkbox span {
    height: 11px;
    width: 11px;
    background-color: #fff;
    border: 1px solid #888;
    margin-right: 8px;
    top: 1px;
}


/*Popup DELIVERY ADDRESS*/


/*arrow select*/


/*.rh-setting-box-address dd select::-ms-expand {
    display: none;
}*/

.rh-setting-box-address dd select::checked {
    border: none;
}

.nl-de-add .rh-setting-box-address {
    height: 431px !important;
}


/*item*/

.item-head .item-image a img {
    position: relative;
    top: 1px;
    width: 418px;
    height: 418px;
    left: 1px;
}

.item-head .item-thumb {
    margin-top: 8px;
    width: auto;
    margin-right: -25px !important;
}

.item-head .item-thumb a {
    box-sizing: border-box;
    margin-top: 7px !important;
}

.item-head .item-thumb a.thumb_item_image {
    border: 2px solid #fff;
    margin-right: 5px;
    width: 80px !important;
    height: 80px !important;
}

.thumb_item_image_border {
    border: 2px solid #ff4848 !important;
}


/*page home*/

.nl_list_pro_home .rh-items-wrap .rh-top-mark {
    left: 32px !important;
    top: 20px;
}

.nl_list_pro_home .rh-items-wrap:nth-child(1) .rh-top-mark,
.nl_list_pro_home .rh-items-wrap:nth-child(2) .rh-top-mark,
.nl_list_pro_home .rh-items-wrap:nth-child(3) .rh-top-mark,
.nl_list_pro_home .rh-items-wrap:nth-child(4) .rh-top-mark {
    top: -3px;
}

.rh-order-details .detail-order .detail-order-button a {
    font-size: 13px;
}

.rh-order-details .detail-order .detail-order-button .btn-return {
    float: left;
    width: 100px;
    margin-right: 0;
    line-height: 24px;
}

.rh-order-details .detail-order .detail-order-button .btn-confirm {
    float: right;
    width: 100px;
    line-height: 24px;
}

.nl-content-pp .rh-order-details .detail-order .order-address {
    margin-top: 0!important;
}

.nl-content-pp .rh-order-details .detail-order .order-address p {
    line-height: 27px !important;
}

.nl-content-pp .nl-order-details {
    color: #000;
}

.nl-content-pp .nl-order-details h4 {
    color: #230f56;
    font-weight: normal;
}

.nl-content-pp .nl-order-details .detail-order .detail-order-button .btn-confirm {
    border: 0;
}

.nl-content-pp div.nl-info-order-detail>div {}

.nl-content-pp .nl-info-order-detail .nl-info-bill-no {
    width: 300px !important;
}

.nl-content-pp .nl-order-details .nl-info-bill-no,
.nl-content-pp .nl-order-details .nl-info-delivery,
.nl-content-pp .nl-order-details .nl-info-payment {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
}

.nl-content-pp .nl-order-details .nl-info-bill-no,
.nl-content-pp .nl-order-details .nl-info-delivery {
    border-right: 1px solid #d1d1d1 !important;
}

.nl-content-pp .nl-order-details .nl-info-payment {
    width: 256px;
}

.nl-content-pp .nl-order-details .nl-info-order-detail span,
.nl-content-pp .nl-order-details .nl-info-delivery span,
.nl-content-pp .nl-order-details .nl-info-payment span {
    text-transform: uppercase;
    font-weight: 500;
}

.nl-content-pp .nl-order-details .nl-detail-shipping {
    padding-bottom: 0;
}

.nl-content-pp .nl-order-details .nl-detail-shipping .detail-ship p {
    line-height: 32px !important;
}

.nl-content-pp .nl-detail-shipping .detail-ship {
    border-bottom: 0;
    height: 197px !important;
}


/*cart*/

.rh-odertotal {
    background-color: #f9f9f9;
}

.total-title {
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

.total-prices {
    color: #333 !important;
    font-weight: bold;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 span.rh-no {
    font-weight: 500;
    color: #333;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 span.mt_span_edit {
    text-transform: uppercase;
    line-height: 24px !important;
    height: 25px !important;
    font-size: 12px;
}

.rh-orderBlock .nl_card_ip_cp .rh-tbl-row .rh-col1 {
    display: block;
    top: 62px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_col2_img {
    width: 72px;
    height: 72px;
    border: 1px solid #c9c9c9;
    margin-top: 4px;
}


/*.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_col2_img img {
    width: auto;
    height: 100%;
}*/


/*.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_name_pd{
    top: -5px;
}*/

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_name_pd a {
    /*font-size: 16px;*/
    color: #525252;
}

.nl_cart_wr .mt_span_edit {
    /*margin-bottom: 22px;*/
    margin-bottom: 27px;
    font-size: 13px;
}

.nl_cart_wr .mt-item-edit {
    padding: 0px;
}

.nl_cart_wr .mt_change_s9 {
    top: 8px;
}

.nl_cart_wr .mt_cart_neardt {
    font-weight: normal;
    color: #333;
}

.nl_cart_wr .rh-odertotal {
    color: #333;
}

.mt_ul_cart>li {
    line-height: 29px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 .mt_span_soldout {
    line-height: 28px !important;
}

.nl_num_red {
    color: #ff4848;
}

.list-board .board-list li .subj a.rh-file-down {
    line-height: 21px;
    ;
    margin-top: -1px !important;
    margin-bottom: 3px;
}

.list-board .board-list li div.rh-item-name {
    line-height: 19px;
    margin-top: 8px !important;
}

.list-board .date {
    color: #525252;
}

.list-board .date .rh-tran-time {
    color: #525252;
}

.nl_img_down_att {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 23px;
    background-color: #5f6cb2;
    left: -4px;
    top: 6px;
    border: 1px solid #5f6cb2;
}

.nl_img_down_att img {
    height: 100%;
}

.nl_text_att {
    display: inline-block;
    width: 85px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #5f6cb2;
    position: relative;
    font-size: 12px;
}

.nl_block {
    display: block;
}


/*.nl_qna_tbl .rh-qna-status{
    padding-right: 5px !important;
    text-align: center !important;
}*/

.nl_qna_tbl .rh-qna-status img {
    display: block;
    margin: auto;
    position: relative;
}

.nl_qna_tbl .rh-qna-status .nl-writing-time {
    margin-top: 10px;
    line-height: 1.4em;
}


/*.nl-btn-report-qna{
    height: 25px;
    width: 70px;
    border: 0;
    background-color: #c3c3c3;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    font-weight: normal;
}*/

.nl-btn-report-qna {
    color: #757575;
    border: 0;
    background-color: transparent;
}

.nl-btn-report-rv {
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
}

.nl-btn-report-qa {
    height: 25px;
    line-height: 25px;
}

.nl-btn-report-qna .nl-span-report-qna {
    display: inline-block;
    border-bottom: 1px solid #b5b5b5;
    line-height: 1;
    font-size: 12px;
    margin-top: 1px;
}

.nl_qna_tbl .nl-btn-delete {
    margin-right: 7px;
}

.nl-del-rep {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    margin-right: 28px !important;
}

.nl-del-rep:after {
    content: "";
    position: absolute;
    width: 0;
    height: 14px;
    top: 50%;
    bottom: 0;
    right: -17px;
    border-right: 1px solid #e1e1e1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nl-del-rep.ht_class:after {
    content: '';
    border-right: transparent;
}

.hung-qna-3 {
    margin-top: 10px;
    font-size: 14px;
}

.nl-write-review {
    position: relative;
    display: inline-block;
    padding: 6px 0px 5px;
    width: 70px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    background-color: #fff;
    color: #ff4848;
    border-style: solid;
    border-width: 1px;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.nl-date-review {
    margin-top: 10px;
}

.nl-head-fullmenu {
    padding: 10px 0 !important;
}

.nl-head-fullmenu ul.rh-mainCat:after,
.nl-head-fullmenu ul.rh-subCat1:after {
    content: "";
    position: absolute;
    width: 0;
    height: 547px;
    top: -10px;
    bottom: 0;
    right: 0;
    border-right: 1px solid #e5e5e5;
}

.nl-head-fullmenu ul.rh-mainCat,
.nl-head-fullmenu ul.rh-subCat1,
.nl-head-fullmenu ul.rh-subCat2,
.nl-head-fullmenu ul.rh-subCat3 {
    padding-left: 0 !important;
    border-right: 0 !important;
    position: relative;
    /*height: auto !important;*/
}

.nl-head-fullmenu ul.rh-subCat1,
.nl-head-fullmenu ul.rh-subCat3 {
    padding-top: 3px;
}

.nl-head-fullmenu ul.rh-subCat2 {
    padding-top: 5px;
}

.nl-head-fullmenu ul.rh-mainCat>li,
.nl-head-fullmenu ul.rh-subCat1>li,
.nl-head-fullmenu ul.rh-subCat2>li,
.nl-head-fullmenu ul.rh-subCat3>li {
    margin-bottom: 0;
}

.nl-head-fullmenu ul.rh-mainCat>li>a {
    height: 35px;
    line-height: 35px;
}

.nl-head-fullmenu ul.rh-subCat1>li>a {
    height: 29px;
    line-height: 29px;
}

.nl-head-fullmenu ul.rh-subCat2>li>a,
.nl-head-fullmenu ul.rh-subCat3>li>a {
    height: 26px;
    line-height: 26px;
}

.nl-head-fullmenu ul.rh-subCat1>li>a,
.nl-head-fullmenu ul.rh-subCat2>li>a,
.nl-head-fullmenu ul.rh-subCat3>li>a {
    padding-left: 20px !important;
}

.nl-head-fullmenu ul.rh-mainCat>li>a.active {
    background-color: #ff4848 !important;
    color: #fff !important;
}

.nl-head-fullmenu ul.rh-subCat1>li>a.active,
.nl-head-fullmenu ul.rh-subCat2>li>a.active,
.nl-head-fullmenu ul.rh-subCat3>li>a.active {
    color: #ff4848 !important;
}

.nl-head-fullmenu ul.rh-mainCat>li>a>span>img {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
}

.list-board .board-list li .subj a.rh-file-down .nl-btn-delete {
    margin-top: 8px;
}

.nl-item-data {
    margin-top: 10px;
    text-align: right;
}

.nl_rating_review img {
    height: 16px;
    width: 18px;
}

.rh-qna-listEdited .rh-qa-tbl .nl-divtblhead .nl_col_date {
    padding: 0 !important;
    text-align: center !important;
}

.point-skin .div-table tr .rh-col-4,
.rh-orderHis .rh-orderdate {
    font-size: 14px;
    color: #525252;
}

.nl_icon_heart_rw {
    position: relative;
    top: 5px;
    cursor: pointer;
}

.nl-list-order-history-del {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.nl-item-order-history-del {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #333;
    padding: 32px 0 24px;
    border-top: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.nl-item-order-history-del:first-child {
    border-top: 0;
}

.nl-item-order-history-del>.nl-col-1,
.nl-item-order-history-del>.nl-col-2 {
    display: table-cell;
    vertical-align: top;
}

.nl-item-order-history-del>.nl-col-1 {
    width: 75px;
    height: 75px;
}

.nl-item-order-history-del>.nl-col-1 img {
    width: 100%;
    height: 100%;
    border: 1px solid #c9c9c9;
}

.nl-item-order-history-del>.nl-col-2 {
    padding-left: 18px
}

.nl-item-order-history-del>.nl-col-2 .nl-line-1 {
    position: relative;
    top: -5px;
    font-size: 14px;
    font-weight: bold;
    color: #525252;
    display: inline-block;
    width: 500px;
    margin-bottom: 3px;
}

.nl-item-order-history-del>.nl-col-2 .nl-line-2 {
    margin-top: 4px;
}

.nl-item-order-history-del>.nl-col-2 .nl-line-2 .nl-contain {
    display: inline-block;
    width: 500px;
}

.nl-item-order-history-del>.nl-col-2 .nl-line-2 .nl-price {
    text-align: right;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    width: 219px;
}

.nl-item-order-history-del>.nl-col-2 .nl-line-2 .nl-price .nl-vnd {
    font-size: 12px;
    font-weight: 500;
}

.nl-head-tbl {
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
    height: 56px;
    line-height: 53px;
}

.nl-head-tbl img {
    display: inline-block;
    height: 25px;
    margin-left: 50px;
    margin: auto;
}

.nl-head-tbl .nl-name-head-tbl {
    position: relative;
    top: -6px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
}

.nl-icon-head-tbl {
    margin-left: 25px;
    display: inline-block;
    width: 75px;
    text-align: center;
}

.nl_contain_popup {
    position: absolute;
    width: 650px;
    height: 90%;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0 42px;
    overflow: auto;
    box-sizing: border-box;
    max-height: 670px;
}

.nl_contain_popup h3 {
    text-align: center;
    margin-top: 46px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 20px;
    font-weight: 600;
}

.nl_contain_popup .nl-cancel-popup {
    position: absolute;
    top: 25px;
    right: 32px;
    background-color: #fff;
    border: none;
}

.nl_contain_popup .nl-cancel-popup img {
    height: 15px;
    width: auto;
}

.nl_contain_popup .divTableRow:last-child .divTableCell {
    border-bottom: 0;
}

.nl_contain_popup .rh-coupon-tbl .rh-col-2>span {
    margin-top: 5px;
}

.nl_contain_popup .nl-line-3-coupon-pu {
    font-size: 12px;
    margin-top: 8px;
}

.rh-cat-col h2.nl_title_catagory {
    font-weight: normal !important;
    border-bottom: 1px solid #c3c3c3 !important;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: normal;
}

.rh-cat-col .nl_ul_top_sub_2 {
    margin-top: 20px;
    font-weight: normal;
    height: 222px;
    overflow: auto;
}

.rh-cat-col .nl_ul_top_sub_2 .nl_li_top_sub_2 {
    position: relative;
    padding: 0;
    border-bottom: 0;
}

.rh-cat-col .nl_ul_top_sub_2 .nl_li_top_sub_2 .nl_item_top_sub_2:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    transform: rotate(45deg);
    top: 12px;
    margin: auto;
    left: 11px;
}

.rh-cat-col .nl_ul_top_sub_2 .nl_li_top_sub_2 .nl_item_top_sub_2 {
    color: #333;
    font-weight: 500;
    padding: 5px 0 5px 25px;
    display: inline-block;
    width: 100%;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 13px;
}

.rh-cat-col .nl_ul_top_sub_2 .nl_li_top_sub_2 .nl_item_top_sub_2:hover {
    color: #ff4848;
    font-weight: bold;
}

.rh-cat-col .nl_ul_top_sub_2 .nl_li_top_sub_2:hover .nl_item_top_sub_2:after {
    border-right: 1px solid #ff4848 !important;
    border-top: 1px solid #ff4848 !important;
}

.rh-sub-container .nl-cat-sub-2-depth>div {
    height: 325px;
}

.nl-seller-related>div.nl-shop-name .rh-shop-ttl {
    width: 72px !important;
}

.nl-seller-related div.nl-shop-name .rh-shop-cntn {
    padding-left: 9px
}

.nl-seller-related>div.nl-shop-name>.rh-shop-action {
    margin-top: 4px !important;
}

.rh-seller-related>div.nl-shop-name .rh-shop-rating .rh-star-rating img {
    width: 14px !important;
}

.nl-seller-related>div.nl-shop-name .rh-shop-rating {
    margin-bottom: 12px;
}

.nl-seller-related>div.nl-shop-name>p.nl-ctn-shop-rating {
    margin-bottom: 9px;
}

.nl-seller-related>div.nl-shop-name .rh-shop-rating .rh-ratingnumber {
    padding-left: 7px;
}

.nl-seller-related>div.nl-shop-name .rh-shop-rating .rh-ratingnumber>b {
    color: #ff4848;
}

.nl-seller-related div.nl-shop-name .rh-shop-action .rh-like {
    height: 24px;
    width: 97px !important;
    box-sizing: border-box;
}

.nl-seller-related div.nl-shop-name .rh-shop-action button.rh-like>span {
    margin-left: 2px;
}

.nl-seller-related {
    padding: 27px 30px !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.nl-seller-related div.nl-shop-item-pb {
    padding-left: 0px !important;
    position: relative;
    border-left: 0!important;
}


/*.nl-seller-related div.nl-shop-item-pb:after {
    content: "";
    position: absolute;
    width: 0;
    height: 209px;
    border-left: 1px solid #c3c3c3;
    top: 0;
    left: -30px;
    bottom: 0;
    margin: auto;
}*/

.nl-seller-related div.nl-shop-item-pb .rh-store-item1 {
    width: 105px !important;
    margin-right: 20px !important;
}

.nl-seller-related div.nl-shop-item-pb h5 {
    margin-bottom: 12px !important;
    font-weight: normal;
}

.nl-seller-related div.nl-shop-item-pb h5 .nl_count_item_pb {
    float: initial;
    color: #333;
}

.nl-seller-related div.nl-shop-item-pb {
    width: 606px !important;
}

.nl-seller-related>div.nl-shop-name::after {
    content: "";
    position: absolute;
    width: 0;
    height: 209px;
    border-left: 1px solid #c3c3c3;
    top: 0;
    right: 30px;
    bottom: 0;
    margin: auto;
}

.nl-seller-related>div.nl-shop-name {
    width: 270px !important;
    padding-right: 60px !important;
}

.nl-seller-related div.nl-shop-item-pb .rh-store-item1 .r_n_title_product a {
    /* overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #333;
    display: table-cell; */
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 18px;
}

.rh-store-item1 .r_n_title_product a:hover {
    text-decoration: underline;
}

.nl-seller-related div.nl-shop-item-pb .store-item-image,
.nl-seller-related div.nl-shop-item-pb.r_n_title_product {
    margin-bottom: 8px;
}

.nl_div_price {
    display: table;
    position: relative;
    height: 34px;
}

.nl-seller-related div.nl-shop-item-pb .nl_item_price_2 {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 500;
    display: table-cell;
    vertical-align: bottom;
}

.nl-seller-related div.nl-shop-item-pb .nl_item_price_1 {
    position: absolute;
    color: #aaa;
    font-size: 12px;
    /*margin-bottom: -17px;*/
    line-height: 13px;
    text-decoration: line-through;
    top: 1px;
}

.nl-review-tag .nl-foto-rv .rh-col1-mb .rh-writer {
    margin: 12px 0 10px;
    color: #474747 !important;
}

.nl-review-tag .nl-foto-rv .rh-col1-mb .rh-writing-time .rh-qna-view-time .rh-date {
    color: #aeaeae;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-like span.rh-like>span {
    color: #707070;
}

.nl-review-tag .nl-foto-rv .rh-col1-mb {
    width: 170px;
}

.nl-review-tag .nl-foto-rv .rh-col1-mb .rh-star img{
    margin-right: 2px;
    display: inline-block;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-review-ctn {
    line-height: 25px;
    width: 510px;
    margin-top: 12px;
    color: #666;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-foto-list {
    margin: 0;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 span.subject {
    color: #707070;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-foto-list {
    margin-right: 0;

}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-foto-list .rh-rv-user-foto li {
    margin-right: 0;
    margin-left: 10px;
    /* margin-left: 22px; */
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-foto-list .rh-rv-user-foto>li {
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 8px;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-foto-list .rh-rv-user-foto li:first-child {
    margin-left: 0px;
}

.nl-review-tag .nl-foto-rv>dl>dd.rh-rv-col-2 .rh-rev-use {
    text-align: right;
}

.nl-foto-rv .rh-foto-list .rh-rv-user-foto li img {
    /* width: auto;
    height: 100%;
    max-width: 100%; */
    width: 100%;
    height: auto;
    /* max-width:100%; 
    height:auto;  */
}

.rh-foto-list .rh-rv-user-foto li img.main {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100%;
    width: auto;
    max-width: 100%;
    margin: auto;
    left: 0;
    right: 0;
}

.nl-foto-rv .rh-foto-list>.rh-rv-user-foto>li {
    height: 110px;
    width: 110px;
    overflow: hidden;
}

.nl-foto-rv .rh-foto-list>.rh-rv-user-foto>li>img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span {
    cursor: pointer;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span img {
    cursor: auto !important;
}

.nl_qna_tbl .nl-col2-qna {
    /*  padding: 18px 0 18px 20px !important;*/
    width: 90px !important;
}

.nl_qna_tbl .div-tblcell {
    padding: 18px 0px 18px 20px !important;
}

.nl_qna_tbl .nl-col2-qna span {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}

.nl_qna_tbl .nl-col2-qna span.img span {
    border: 1px solid #e3e3e5;
}

.nl_qna_tbl .nl-col2-qna span img {
    width: auto;
    max-width: 100%;
    height: 100%;
    border: 0;
}

.nl_qna_tbl .rh-col-3 .nl-show_content {
    margin-top: 0 !important;
    font-size: 13px;
    color: #333;
}

.nl_qna_tbl .rh-col-3 .rh-qna-board-content .nl-btn-delete {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
}

.nl_qna_tbl .rh-col-3 .rh-qna-board-content .nl-btn-report-qna {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
}

.rh-qna-listEdited .rh-tbl-body .nl-qn-report {
    padding: 0 !important;
    text-align: center;
}


/*Request for return popup*/

.nl-cancel-request-pu .rtdt-popup-container {
    height: 100% !important;
    position: relative;
    overflow: auto;
    border: 0;
}


/*.nl-cancel-request-pu .rh-popup-container-inside .rh-popup-main-cntn{
    margin-top: 0;
    padding: 0 40px;
    overflow: visible;
}*/

.nl_ul_all_items {
    height: 155px;
    overflow: auto;
}

.nl_ul_all_items .nl-li-item {
    padding: 0 0 10px 0px !important;
    border-bottom: 0 !important;
    margin-bottom: 15px !important;
}

.nl_ul_all_items .nl-li-item:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 7px !important;
}

.nl_ul_all_items .nl-li-item span {
    line-height: 20px;
    font-size: 12px;
}

.nl_ul_all_items .nl-li-item .rh-cancel-item-info {
    top: -4px;
    line-height: 20px;
}

.nl_ul_all_items .nl-li-item .rh-cancel-item-info .rh-item-detail {
    margin: 0 !important;
}

.rtdt-popup {
    z-index: 9999;
}

.nl-cancel-request-pu .nl_text_explain {
    height: 104px !important;
}

.nl-cancel-request-pu table.nl-refund-table tr td {
    border-left: 0;
    border-right: 0;
    font-size: 12px;
}

.nl-cancel-request-pu table.nl-refund-table tr th label,
.nl-cancel-request-pu table.nl-refund-table tr th {
    font-weight: 500 !important;
    font-size: 13px;
    border-left: 0;
    border-right: 0;
}

.nl-cancel-request-pu table.nl-refund-table tr th label {
    line-height: 26px;
}

.nl-cancel-request-pu .tbl_frm01.tbl_wrap td#it_name ul li input {
    background-color: #fff;
}

.nl_label_all_item {
    padding: 10px 0 5px !important;
    line-height: 22px !important;
    margin-bottom: 0 !important;
}

.nl_label_all_item .nl_check_mark {
    top: 14px;
    left: 14px;
    cursor: pointer;
    width: 15px !important;
    height: 15px !important;
}

.nl_ul_all_items .nl-li-item:hover .nl_label_all_item .nl_check_mark {
    background-color: #fff !important;
}


/*.nl_label_all_item .nl_check_mark:after{
    left: 3px !important;
    top: 0px;
    width: 5px;
    height: 8px !important;
    border: solid #ff4848;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}*/

.nl_label_all_item input:checked~.nl_check_mark:after {
    content: url(/img/shop/icon_check_order_his.png);
    position: absolute;
    top: -1px !important;
    left: -1px !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.nl_label_all_item input:checked~.nl_check_mark {
    background-color: #fff;
    border: 1px solid #ff4848 !important;
}

.nl_label_all_item:hover input~.nl_check_mark {
    background-color: #fff !important;
}

.nl-refund-table .nl_ul_all_items .nl_label_all_item .nl_ip_item {
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 14px !important;
    height: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.nl-refund-table .nl_ul_all_items .nl_label_all_item .nl_check_mark {
    top: 0 !important;
    left: 0 !important;
}

.nl-notice-pu {
    margin-top: 13px;
}

.nl-notice-pu p {
    color: #000 !important;
}

.nl_ul_all_items .nl-cancel-item-info {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.nl_ul_all_items .nl_div_cell_2 {
    display: table-cell;
    width: 225px !important;
}

.nl-prod-silde ul.nl-cat-slide li img.rh-img-big-sub {
    border: 1px solid #e5e5e5;
}

.nl-prod-silde .bx-wrapper {
    height: 100%;
}

.nl-prod-silde .bx-wrapper .bx-viewport {
    height: 100% !important;
}

.rh-seller-related>div.rh-shop-item h5>a.nl_count_item_pb {
    float: none;
}

.nl_md_popup {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.nl_ul_all_items .nl-li-item span.nl_span_price {
    display: table-cell;
    width: 110px;
    text-align: right;
    vertical-align: top;
    position: relative;
    top: -4px;
    font-size: 13px
}

.nl_span_reason_note {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    color: #999;
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
}

.nl_span_reason_note a {
    position: relative;
    color: #2078bf;
}

.nl_span_reason_note a::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #2078bf;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.nl-notice-pu h6 {
    font-size: 13px;
    font-weight: bold;
}

.nl-notice-pu p {
    margin-bottom: 0 !important;
    line-height: 20px !important;
}

.nl-line-3-coupon-pu .nl_use_now_cp {
    float: right;
}

.nl_use_now_cp {
    color: #ff4848;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}

.nl-readmore {
    border: 0!important;
    padding: 0 !important;
    color: #808499;
}

.nl-readmore:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #808499;
    bottom: 0;
}

.nl-num-stt {
    padding-left: 0 !important;
    text-align: center !important;
    width: 69px !important;
}

.nl-board-list li.nl-list-item .rh-qna-question>div.subj {
    padding-left: 20px!important;
}

.nl-search-part-vw {
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 15px;
}

.nl-search-part-vw .nl-icon-arrow-vm {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.nl-banner-search-custom label {
    font-weight: normal;
    font-size: 13px;
}

.nl-search-part {
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
}

.nl-search-part:last-child {
    border: 0!important;
}

.nl-search-part label.rh-pc-checkbox {
    margin-bottom: 8px !important;
}

.nl-search-part label.rh-pc-checkbox .checkbox_big,
.nl-star-rank label.rh-pc-checkbox .checkbox_big {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    top: 0;
}

.nl-search-part label.rh-pc-checkbox input[type=checkbox]:checked+span:after,
.nl-star-rank label.rh-pc-checkbox input[type=checkbox]:checked+span:after {
    content: url(/img/shop/icon/check_box_acticve) !important;
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
}

.nl-search-part label.rh-pc-checkbox input[type=checkbox]:checked+span:before,
.nl-star-rank label.rh-pc-checkbox input[type=checkbox]:checked+span:before {
    width: 15px;
    height: 15px;
}

.banner_search_custom h5 {
    margin: 18px 0 12px !important;
    font-size: 15px;
    color: #333 !important;
    font-weight: 500 !important;
}

#fast_choose_second.nl_fast_choose_second {
    margin-bottom: 14px;
}

#fast_choose_second.nl_fast_choose_second select {
    height: 35px !important;
    width: 163px !important;
    border: 1px solid #dedede !important;
    margin-top: 4px !important;
}

.nl-pc-checkbox-rating {
    margin-bottom: 8px !important;
}

.nl-pc-checkbox-rating .checkbox_big {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    top: 0;
}

.nl-star-rank {
    padding-bottom: 13px;
}

.nl-star-rank label.rh-pc-checkbox {
    margin-bottom: 6px !important;
}

.nl-banner-search-custom .rh-star-rank label img {
    top: 0 !important;
}

.nl-money-filter-ip {
    margin-top: -5px !important;
}

.nl-money-filter-ip input#search_price_max {
    width: 73px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nl-money-filter-ip input {
    height: 30px !important;
    width: 72px !important;
    padding-left: 10px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nl-money-filter-ip input::-webkit-input-placeholder {
    /* Edge */
    color: #c2c2c2;
}

.nl-money-filter-ip input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c2c2c2;
}

.nl-money-filter-ip input::placeholder {
    color: #c2c2c2;
}

.nl-money-filter-ip span {
    position: relative;
    margin: 0;
    top: 4px;
    width: 20px;
    ;
}

.nl-filter-btn {
    height: 30px !important;
    width: 165px !important;
    margin-top: 9px;
    margin-bottom: 19px !important;
    text-transform: uppercase;
    font-size: 15px !important;
}

.nl-row .rh-order-btn {
    padding: 50px 0 60px !important
}

.nl-row .nl-btn-order-cart .nl-form-group {
    margin-bottom: 0;
}

.rh-ordered-board .nl-btn-order-cart {
    padding: 50px 0 60px !important
}

.rh-ordered-board .nl-btn-order-cart .rh-btn-list {
    background-color: #fff !important;
    color: #ff4848 !important;
}

.nl-btn-order-cart .rh-btn-list,
.nl-btn-order-cart .nl-btn-cart {
    width: 240px !important;
    height: 60px !important;
    padding: 0 !important;
    line-height: 60px !important;
    font-size: 20px !important;
    text-transform: uppercase;
    border: 1px solid #ff4848 !important;
    color: #fff;
    font-weight: bold;
    vertical-align: bottom;
    display: inline-block;
}

.nl-btn-order-cart .nl-btn-red {
    background-color: #ff4848;
    margin-left: 6px;
}

.rh-tbl-cel #ct_tot_coupon {
    font-size: 21px !important;
}


/*.at-footer{border-top: 2px solid #fff;}*/

.nl-tooltips-category {
    position: absolute;
    width: 333px;
    height: 189px;
    top: 0;
    right: 0;
    bottom: 0;
    left: -10px;
    -webkit-transform: translate(-100%, -8px);
    transform: translate(-100%, -8px);
    background-color: #fff;
    z-index: 999;
}

.nl-tooltips-category::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 36px;
    top: 5px;
    right: -10px;
    /*background-color: #fff;*/
}

.nl-tooltips-category .nl-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    border: 1px solid #ddd;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #333 !important;
}

.nl-tooltips-category .nl-content span {
    font-style: normal !important;
    font-size: 12px! important;
}

.nl-tooltips-category .nl-content::before,
.nl-tooltips-category .nl-content::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 21px;
    transform: translateY(-50%);
}

.nl-tooltips-category .nl-content::before {
    border-top: 7px solid transparent;
    border-left: 10px solid #ddd;
    border-bottom: 7px solid transparent;
    ;
    right: -10px;
}

.nl-tooltips-category .nl-content::after {
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
    ;
    right: -9px;
}


/*2*/


/*.nl-tooltips-category .nl-content::after{
    content: "";
    position: absolute;
    width: 11px;
    height: 41px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    right: -11px;
    top: -1px;
}*/


/*3*/


/*.nl-tooltips-category .nl-content::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 40px;
    background-color: #fff;
    right: -1px;
    top: 0;
}*/

.nl-tooltips-category .nl-content .nl-line-top {
    height: 40px;
    line-height: 46px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: 500;
    font-size: 12px;
}

.nl-tooltips-category .nl-content .nl-line-top img {
    position: relative !important;
    top: 2px !important;
    left: 0 !important;
    right: 0 !important;
    width: 19px!important;
    height: auto !important;
}

.nl-tooltips-category .nl-content .nl-line-top span.nl-span-red {
    color: #ed2427;
    display: inline;
    margin-left: 6px;
    /*display: webkit-box;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.nl-list {
    position: relative;
}

.nl-list .nl-item {
    position: relative;
    width: 89px;
    height: auto;
    margin-top: 10px;
    display: inline-block;
    margin-left: 9px;
    cursor: pointer;
}

.nl-list .nl-item:first-child {
    margin-left: 0;
}

.nl-list .nl-item .nl-img {
    position: relative;
    width: 100%;
    height: 86px;
    border: 1px solid #c3c3c3;
}

.nl-list .nl-item:hover .nl-img {
    border: 1px solid #ff4848;
}

.nl-list .nl-item .nl-img>img {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
}

.nl-list .nl-item .nl-name {
    font-size: 12px;
    display: webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0 3px;
    font-weight: normal;
}

.nl-list .nl-item .nl-price {
    font-weight: bold;
    font-size: 12px;
}

.nl-list .nl-item .nl-price .nl-vnd {
    font-size: 10px !important;
}

.nl-list-mark {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 24px;
    width: 100%;
    z-index: 9;
    padding-left: 4px;
    /*-webkit-transform: translateY(-100%);
    transform: translateY(-100%);*/
}

.nl-list-mark>img.nl-item-mark {
    position: relative !important;
    display: inline-block;
    height: 24px !important;
    width: auto !important;
    right: 0 !important;
    top: 0 !important;
}

.nl-num-top-mark {
    position: absolute;
    padding: 5px 3px 5px 0;
    width: 27px;
    height: 23px;
    top: -3px;
    left: 6px;
    z-index: 99;
    color: #36acb2;
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
    background-image: url(/img/num_top_mark_red.jpg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}


/*#category_woman_list_group .test-list-ht li>a>span.text:hover{
    color: rgba(236, 29, 112, 0.89)
}*/

.nl-category-list-group,
.nl-category-list-group ul.nl-ul-list li {
    overflow: visible !important;
}

.nl-category-list-group ul.nl-ul-list li>span:first-child {
    display: inline-block;
    width: 20px;
    text-align: left;
}

.nl-category-list-group ul.nl-ul-list li .nl-a-item {
    display: inline-block;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    width: 104px;
    padding: 0;
    border-bottom: 0;
    /*color: rgba(236, 29, 112, 0.89);*/
}

.nl-category-list-group ul.nl-ul-list li .nl-a-item>.text {
    width: auto;
}

.nl-category-list-group ul.nl-ul-list li .nl-a-item>.text.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    border-bottom: 1px solid;
    z-index: 99;
    left: 0;
    right: 0;
}

.nl-btn-wr-review {
    border: 0;
}

.rh-plus::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-image: url(/img/shop/icon/icon_plus.png);
    background-size: 100 100;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.rh-minus::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 1px;
    background-image: url(/img/shop/icon/icon_minus.png);
    background-size: 100 100;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.area-tab .th-edit .th-btn-cofirm {
    position: relative;
    margin-left: 10px;
    width: auto;
    min-width: 75px;
    top: -2px;
    padding: 0 12px;
}

.nl-content-address-pu {
    margin-bottom: 15px;
}

.nl-content-address-pu h3 .rh-x-popup>img {
    top: -5px !important;
}

.nl-content-address-pu .title-ad-history {
    margin-top: 10px;
    margin-bottom: 24px !important;
    font-size:20px;
    font-weight:600;
}

.nl-address-popup-list-body .nl-line-address {
    border-bottom: 1px solid #eee;
}

.nl-address-popup-list-body .nl-line-address .rh-col1 {
    padding: 17px 16px 17px 20px !important;
}

.nl-address-popup-list-body .nl-line-address .addCusor {
    line-height: 18px !important;
}

.nl-address-popup-list-body .nl-line-address .addCusor:hover {
    text-decoration: underline;
    font-weight: 500;
}

.nl-mypage-review-wrap .rh-mypage-cntn-wr {
    padding-bottom: 0 !important;
}

.rh-qa-tbl .rh-qna-block>.rh-col-2 .rh-mb-id {
    color: #474747 !important;
}

.rh-qa-tbl .rh-qna-block>.rh-col-2 .rh-time {
    color: #aeaeae !important;
}

.rh-qa-tbl .rh-qna-block .rh-col-2 .lang_comment {
    color: #333 !important;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.nl-div-sel-box {
    width: 202px;
}

.nl-div-sel-box .nl-sel-qna-right {
    width: 100%;
}

.rh-bytime .rh-couponKey {
    padding: 0 10px !important;
}

.nl-mt-2 {
    top: -2px;
}

.mar-top-24 {
    margin-top: 24px;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
}


/*cutom select box*/


/*.rh-byorder>select {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
    line-height: 32px;
}*/


/* For IE10 */


/*.rh-byorder>select::-ms-expand {
    display: none;
}

.rh-byorder:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 13px;
    right: 11px;
    border: 4px solid transparent;
    border-color: #333 transparent transparent transparent;
    cursor: pointer;
}*/


/* /cutom select box*/


/*common*/


/*margin*/

.mar-bottom-5 {
    margin-bottom: 5px;
}


/*padding*/

.padd-left-3 {
    padding-left: 3px;
}


/*height*/

.height-60 {
    height: 60px;
}


/********************
********* review css ************
*********************/

.label-show-modal {
    background: #fff;
    border: 1px solid red;
    color: red;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    font-weight: bold;
    margin: 20px;
}

#reviewModal .titleModal {
    text-align: center;
    font-weight: bold;
    top: 45px;
    position: relative;
    font-size: 19px;
    color: #000;
}

#reviewModal .titleDT span {
    color: #000;
}

.example {
    box-sizing: border-box;
}

#reviewModal img.close {
    top: 28px;
    opacity: 1;
    position: relative;
    right: -6px;
}

#reviewModal .modal-dialog-centered .modal-header {
    height: 97px;
    padding: 0px;
}

#reviewModal .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 60px);
    width: 648px;
    height: 762px;
}

#reviewModal .modal-dialog-centered .modal-content {
    max-width: 648px;
    height: 762px;
    width: 100%;
    border-radius: 0px;
    padding-left: 38px;
    padding-right: 38px;
    box-shadow: none;
    border: none;
}

#reviewModal .modal-dialog-centered table tr td {
    text-align: left;
}

#reviewModal .titleDT img {
    height: 71px;
    width: 71px;
    border: 1px solid #CCC;
    padding: 5px;
}

#reviewModal .rating-stars ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#reviewModal .rating-stars ul>li.star {
    display: inline-block;
}

#reviewModal .rating-stars.text-center {
    text-align: initial !important;
}

#reviewModal .rating-stars ul>li.star>i.fa {
    font-size: 1.5em;
    color: #8e8e8e;
}

#reviewModal table td.btnTd {
    width: 115px;
}

#reviewModal table td.btnTd>.btn {
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 500;
    width: 100%;
    text-transform: uppercase;
}

#reviewModal table td.btnTd>.btn.ok {
    border: 1px solid #ce5a65;
    color: #FFF;
    background-color: #ff4948;
}

#reviewModal table td.btnTd>.btn.cancel {
    border: 1px solid #d45860;
    color: #d45860;
    background-color: #FFF;
    font-weight: 600;
}

#reviewModal .rating-stars ul>li.star.selected>i.fa,
#reviewModal .rating-stars ul>li.star.selected~li>i.fa {
    color: #fdc41b;
}

#reviewModal .rating-stars ul>li.star:hover>i.fa,
#reviewModal .rating-stars ul>li.star:hover~li>i.fa {
    color: #fdc41b;
    cursor: pointer;
}

#reviewModal textarea {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    padding: 12px;
    color: #333333;
    line-height: 1.4;
}

#reviewModal textarea::placeholder {
    color: #000;
}

#reviewModal .img1 {
    display: inline-block;
    width: 88px;
    height: 88px;
    position: relative;
}

#reviewModal .img1>img {
    position: relative;
    width: 100%;
    height: 100%;
}

#reviewModal .img1>.plus {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    border-width: 1px;
    border-style: dashed;
    border-color: #e3e3e3;
    cursor: pointer;
    user-select: none;
}

#reviewModal .img1>.plus>.firstChild {
    border-top: 1px solid #e2dddd;
    top: 44px;
    left: 27px;
    position: relative;
    height: 1px;
    width: 30px;
}

#reviewModal .img1>.plus>.secondChild {
    border-left: 1px solid #e2dddd;
    top: 28px;
    left: 42px;
    position: relative;
    height: 30px;
    width: 1px;
}

#reviewModal .img1>img:not([src=""])~div.plus {
    display: none;
}

#reviewModal .img1>img[src=""]~div.closeImage {
    display: none;
}

#reviewModal .img1>img[src=""] {
    display: none;
}

#reviewModal .img_space {
    display: inline-block;
    width: 6px;
}

#reviewModal .closeImage {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #988989;
    align-items: center;
    top: -8px;
    right: -8px;
    border-radius: 21px;
    cursor: pointer;
}

#reviewModal .closeImage>span {
    text-align: center;
    color: #FFF;
    font-weight: 100;
    top: -3px;
    left: 5px;
    position: relative;
    font-family: cursive;
    cursor: pointer;
    user-select: none;
}

.rating-stars ul>li.star {
    padding-right: 5px;
    margin-right: 0px;
}

.rh-tbl-row.rh-tblHead {
    display: none;
}


/*Change by Linh*/


/*.rh-notReview .rh-notReview-tbl {
    border-top: 1px solid #f0f0f0;
}*/


/*End change*/

.rh-notReview-tbl .rh-tblBody .rh-tblCell {
    padding: 11px 0 22px;
    border-bottom: 1px solid #f0f0f0;
}

.rh-notReview .rh-tblCell.rh-col1 {
    text-align: left;
    width: 110px;
}

.rh-notReview-tbl .rh-tbl-row .rh-col2 {
    width: auto;
}


/**Change by linh**/

.rh-notReview-tbl .rh-tbl-row .rh-col3 {
    width: 140px;
}

.rh-notReview-tbl .rh-tbl-row .rh-col4 {
    /*text-align: right;*/
    width: 130px;
    padding-left: 12px;
    /*Change by Thanh*/
}


/**End change**/

#notReview-wrap .rh-tblCell>div>a {
    font-size: inherit;
    line-height: 26px;
    color: #323232;
    font-weight: 500;
}

#rh-notReview-tbl .rh-tblCell.rh-col2 .oder_id {
    color: #240e57;
    font-weight: 500;
    position: relative;
    line-height: 30px;
    bottom: -3px;
}

#rh-notReview-tbl .rh-tblCell.rh-col2 .oder_id span {
    color: #7a7a7a;
    font-weight: normal;
}

#notReview-wrap .rh-tblCell.rh-col2>div:not(.divReviewProduct) {
    max-width: 565px;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct {
    font-weight: normal;
    padding-top: 9px;
    width: 565px;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG {
    display: flex;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG>span.nl-span-img {
    border: 1px solid rgb(229, 229, 229);
    background-position: center;
    background-size: cover;
}


/*#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct .divIMG img {
    height: 100px;
    width: 100px;
    border: 1px solid rgb(229, 229, 229);
    margin: 0;
}*/

.rh-notReview-tbl .rh-tblBody .rh-col2 small {
    font-size: 13px;
    color: #5c6672;
    font-weight: normal;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divRating {
    padding-top: 6px;
    display: table;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divRating>div {
    display: table-cell;
}


/*#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divIMG>img {
    padding-right: 5px;
}*/

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divIMG>img[src=""] {
    display: none;
}


/*#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divIMG>img:not([src=""]) {
    padding-top: 8px;
}
*/

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divRating>div.lovethis {
    padding-left: 17px;
    position: relative;
    top: 1px;
}

#notReview-wrap .rh-tblCell.rh-col2>div.divReviewProduct>div.divRating>div.lovethis>span {
    position: relative;
    top: -3px;
    color: #acacac;
    left: 1px;
}


/* text in btn write */

.nl-write-review {
    font-weight: 600;
}

.change-icon img {
    width: 173px;
    height: 139px;
}


/* Rating Star Widgets Style */

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul>li.star {
    display: inline-block;
}


/* Idle State of the stars */

.rating-stars ul>li.star>i.fa {
    font-size: 34px;
    /* Change the size of the stars */
    color: #8F8F8F;
    /* Color on idle state */
}


/* Hover state of the stars */

.rating-stars ul>li.star.hover>i.fa {
    color: #FEC11F;
    cursor: pointer;
}


/* Selected state of the stars */

.rating-stars ul>li.star.selected>i.fa {
    color: #FEC11F;
}

#stars .star {
    margin: 0 !important;
    font-size: 30px;
}

.fa-fw {
    width: 30px;
}


/* style for language */

.rh-seacht-point>div {
    position: relative;
    display: inline-block;
}

.hung-lang-area {
    /* padding: 5px; */
    background-color: #f6f6f6;
    margin-right: 30px;
}

.hung-lang-area {
    float: right;
}

#lang-area>div {
    display: table;
    height: 32px;
}

div#lang-area>div>span {
    display: table-cell;
    vertical-align: middle;
    width: 35px;
    /* cursor: pointer; */
}


/*.hung-lang-area span span#hung-ori {
    cursor: pointer;
}*/


/*#hung-ori {
    padding: 4px 5px;
    margin-left: 10px;
    margin-right: 8px;
    font-size: 13px;
    line-height: 12px;
}*/

.rh-lang-area span.rh-original-lang {
    background-color: #acacac;
    color: #fff;
}

.rh-original-lang.hung-ori {
    padding-right: 10px;
    padding-left: 10px;
}

.rh-seacht-point>div span {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    font-size: 14px;
}

#hung-en img,
#hung-ko img,
#hung-vi img {
    cursor: pointer;
}

.rh-lang-area span img.inactive {
    display: inline;
    vertical-align: middle;
}

.hung-lang-area span img {
    width: 26px;
    height: 20px;
}

.rh-lang-area span img.active-language {
    display: none;
}


/* style for modal */


/* The Modal (background) */

#dien-modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 9999;
}


/* Modal Content */

.dien-modal-content {
    position: absolute;
    /* width: 1050px;
    height: 722px; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* margin: auto; */
    /* padding: 35px 40px; */
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    font-size: 14px;
    padding: 20px;
    text-align: left;
    width: 600px;
    margin: auto;
    height: 600px;
}

.modal-myinfo .dien-modal-content {
    padding: 40px 40px;
    width: 500px;
    height: 300px;
}

.modal-myinfo .dien-modal-content .dien-modal-title {
    font-size: 20px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    text-align: center !important;
}

.modal-myinfo .dien-modal-content .dien-modal-form {
    margin: 20px 0 0;
    height: 140px;
}

.modal-myinfo .dien-modal-content .modal-alert {
    line-height: 1.4;
    display: block;
    text-align: left;
}

.modal-myinfo .dien-modal-content .input-password {
    margin-top: 25px;
    margin-bottom: 35px;
}

.modal-myinfo .dien-modal-content .error-verify {
    bottom: 18px !important;
    color: red;
    display: block;
    text-align: left;
    position: relative;
}

.modal-myinfo .dien-modal-content .modal-bottom-side {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.modal-myinfo .dien-modal-content .modal-button {
    border: 1px solid #ff4848;
    margin-right: 5px;
    color: #ff4848;
    background: white;
    text-transform: uppercase;
    font-weight: 700;
    height: 37px;
    display: inline-block;
    line-height: 28px;
    font-size: 13px;
    min-width: 92px;
    text-align: center;
    width: 115px;
    height: 41px;
}

.modal-myinfo .dien-modal-content .btn-save {
    color: white;
    background-color: #FF4848;
    border: 1px solid #FF4848;
    font-weight: 500;
}

.modal-left-side {
    float: left;
    width: 100px;
}

.modal-left-side span {
    float: left;
    display: block;
    width: 100%;
}

.modal-left-side span:nth-child(2) {
    margin-top: 20px;
}

.modal-left-side span:nth-child(3) {
    margin-top: 20px;
}

.modal-left-side span:nth-child(4) {
    margin-top: 60px;
}

.modal-right-side {
    float: right;
    width: 469px;
}

.modal-right-side span:nth-child(2) {
    margin-top: 10px;
    display: block;
    width: 100%;
}

.modal-right-side .rating-stars {
    margin-top: 100px;
}

.modal-right-side .modal-review-detail {
    margin-top: 30px;
    width: calc(100% + 22px);
}

.modal-right-side .modal-review-detail textarea {
    width: 100%;
}

.modal-right-side .review-photo {
    margin-top: 30px;
    width: calc(100% + 22px);
    position: relative;
    right: 22px;
}

.modal-right-side .review-photo .files {
    width: 100%;
}

.modal-bottom-side {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 60px;
    text-align: center;
}

.modal-title {
    text-align: center;
    font-weight: bolder;
}

.modal-item-info {
    height: 50px;
}

.modal-item-img {
    width: 70px;
    height: 70px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.modal-item-name {
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.modal-item-option {
    float: left;
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.4);
    line-height: 1.4;
}

.modal-review-info {
    display: block;
    margin-top: 10px;
    height: 300px;
}

.modal-review-rating {
    display: block;
    height: 20px;
}

.modal-review-rating span {
    float: left;
}

.modal-review-rating div {
    width: 80%;
    float: left;
    margin-left: 30px;
    text-align: left;
}

.modal-review-content {
    display: block;
    margin-top: 30px;
    height: 50px;
}

.modal-review-content span {
    width: 70px;
    height: 70px;
    float: left;
}

.modal-review-detail {
    float: left;
}

.modal-review-photo {
    display: block;
    margin-top: 70px;
    height: 50px;
}

.modal-review-photo span {
    width: 70px;
    height: 70px;
    float: left;
}

.review-photo {
    float: left;
}

.rtdt_upload_holder {
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.rtdt_upload_holder .img-upload {
    width: 70px;
    height: 70px;
}


/* The Close Button */

.close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-button {
    color: #FF4848;
    background-color: white;
    border: 1px solid #FF4848;
    font-weight: 500;
    border-radius: 1px;
    padding: 6px 0 !important;
    width: 100px;
    text-align: center;
}

.save-review {
    color: white;
    background-color: #FF4848;
    border: 1px solid #FF4848;
    font-weight: 500;
}


/* upload img file */

.rtdt_upload_holder {
    position: relative;
    display: table;
    cursor: pointer;
    text-align: center;
    height: 72px;
    width: 72px;
    box-sizing: border-box;
    float: left;
    margin-right: 11px;
    /* position: relative; */
    /* overflow: hidden; */
    background-image: url(/img/upload.png);
    -webkit-background-size: cover;
    background-size: 100%;
    background-repeat: no-repeat;
    /* margin-top: -12px; */
    margin-top: 0px;
    /* margin-bottom: 5px; */
    margin-bottom: 0px;
    border: 0;
}

.rtdt_upload_holder input[type='file'] {
    display: block;
    position: absolute !important;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
}

.rtdt_upload_holder .rtdt-upload-remover {
    position: absolute;
    right: -8px;
    top: -8px;
    border-radius: 3px;
    z-index: 50;
    background-image: url(/img/shop/icon-close-mini.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 18px;
    height: 18px;
    cursor: pointer;
}


/* ! style for modal */

.rh-lang-area {
    bottom: 0 !important;
}

.content-review {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    /*word-break: break-word;*/
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #333;
    display: table-cell;
    max-width: 510px;
}

.option-name {
    font-size: 13px;
    color: #5c6672;
    font-weight: normal;
}

#qna-select-2,
#item_selection {
    display: none;
}


/*******
******* mtselect2 css******
*****************/

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}


/*.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}*/

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}


/***********
***** custom-selct css*******
************/


/** fix select2 **/

.box-select-filter {
    float: left;
    margin-right: 8px;
}

.select2-container--default .select2-selection--single[aria-labelledby="select2-rank-filter-container"],
.select2-container--default .select2-selection--single[aria-labelledby="select2-option-filter-container"] {
    background-color: #f6f6f6 !important;
    border: none !important;
}

.select2-container--default .select2-selection--single[aria-labelledby^="select2-it_option"] {
    height: 35px !important;
}

.select2-container--default .select2-selection--single[aria-labelledby^="select2-it_option"] .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single[aria-labelledby^="select2-it_option"] .select2-selection__arrow {
    height: 35px !important;
}

.rh-filter .select2-container--default .select2-selection--single {
    height: 44px;
    min-width: 155px !important;
    padding-left: 12px !important;
    border-radius: 0;
}

.rh-review-head .rh-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
}

.rh-review-head .rh-filter .box-select-filter-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
}

.rh-review-head .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    right: 11px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
    position: absolute;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000 transparent !important;
    border-width: 0 4px 5px 4px !important;
    margin-top: -4px !important;
}

.select2-dropdown {
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    /* width: inherit !important; */
    min-width: 155px !important;
}

.select2-results__options {
    max-height: 550px !important;
    overflow-y: auto;
}

.select2-results__options {
    color: #333;
}


/*It is options review filter star*/

#select2-rank-filter-results li:first-child {
    color: #333 !important;
    line-height: 17px !important;
}

#select2-rank-filter-results li {
    font-family: 'FontAwesome', sans-serif;
    color: #FFC120 !important;
    line-height: 20px !important;
}

#select2-rank-filter-container[title="    "],
#select2-rank-filter-container[title="   "],
#select2-rank-filter-container[title="  "],
#select2-rank-filter-container[title=" "],
#select2-rank-filter-container[title=""] {
    color: #FFC120 !important;
    font-family: 'FontAwesome', sans-serif;
}

.select2-selection__rendered {
    color: #333 !important;
    text-align: left !important;
}


/*It is option of review item*/

.select2-results__options li {
    padding-left: 15px !important;
    white-space: nowrap !important;
    /*line-height: 18px !important;*/
}

.select2-results__options li:hover {
    background-color: #f5f5f5 !important;
}

.select2-results__option[aria-selected=true],
.select2-results__option--highlighted[aria-selected] {
    /*background: #f5f5f5 !important;*/
    background-color: #fff !important;
    color: #333 !important;
}


/**Change by Linh**/

.select2-container--open .select2-dropdown--below {
    width: inherit !important;
    /*min-width: 155px !important;*/
    margin-left: 0px;
}


/**End change**/

.select2-container--open .select2-dropdown {
    top: 3px !important;
}

#select2-option-filter-container {
    width: 102px !important;
    padding-right: 0 !important
}

.select2-dropdown--below-option-fiter {
    width: inherit !important;
}

.rh-qna-write-form .select2-container--default .select2-selection--single {
    height: 35px;
    padding-left: 8px !important;
}

.rh-qna-write-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.rh-qna-write-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
    right: 6px !important;
    top: -2px !important;
}


/*Linh custom more*/

.select2-results__options li {
    padding-top: 7px;
    line-height: 17px !important;
}


/*qna howmuch write*/

.rh-qna-write-form .select2-dropdown {
    border: 1px solid #dadada;
}

.rh-qna-write-form .select2-container--default .select2-selection--single {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #dadada;
}

.rh-qna-write-form .select2-results__option[aria-selected] {
    padding-right: 20px !important;
    line-height: 1;
}

.rh-qna-write-form .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #eaeaea;
}

.rh-qna-write-form .select2-results__option img.rh-item {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}


/*order-form*/

.height-104 {
    height: 104px;
}

#sod_frm_taker .panel-body .rh-address>div>select {
    display: none;
}

.cur-type-text {
    cursor: text;
}

.nl-frm-my-info .rh-form-group .ht-input {
    position: absolute;
    height: 35px;
    width: 500px;
    left: 177px;
    top: 12px;
    line-height: 35px;
    padding: 1px 10.5px 0px;
    border: 1px solid #d9d9d9;
    display: none;
}

.nl-frm-my-info .rh-form-group .ht-input.checkbox {
    border: none;
    padding: 0 0 0 2px;
    cursor: auto;
}

.nl-frm-my-info .rh-form-group .nl-check-line-infor {
    top: 4px;
}

.nl-frm-my-info .rh-form-group .ht-input.checkbox .labels {
    position: relative;
    bottom: 1px;
    left: -15px;
    font-size: 14px;
    cursor: pointer;
    padding-left: 20px;
    right: 20px
}

.nl-frm-my-info .rh-form-group .ht-input.checkbox .checkbox {
    height: 13px;
    width: 13px;
    border: 1px solid #909090;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-height: auto;
    cursor: pointer;
}

.nl-frm-my-info .rh-form-group .ht-input.checkbox input:checked+span:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    background-image: url(/img/shop/icon/checkbox_2.svg);
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
}

.nl-tab-content div.area-tab button.nl-btn-grey.confirm {
    color: #ff4848;
    border-top-color: #ffb3b3;
    border-right-color: #ff5d5d;
    border-left-color: #ffb3b3;
    border-bottom-color: #ff5d5d;
    border-style: solid;
    border-width: 1px;
}

.nl-frm-my-info .another {
    position: absolute;
    top: 0;
    left: 179px;
    display: none;
}

.nl-frm-my-info .rh-select-group .for_edit select:nth-child(2) {
    right: 4px;
}

.nl-frm-my-info .rh-select-group .for_edit select:nth-child(3) {
    right: 9px;
}

.nl-frm-my-info .rh-select-group .for_edit select {
    bottom: 2px;
    position: relative;
    border: 1px solid #d9d9d9;
}

.nl-frm-my-info .for_edit input:checked~span {
    border: none;
}

.nl-frm-my-info .for_edit input:checked+span:after {
    content: url(/img/login/radio.svg);
    top: 0px;
    position: absolute;
    right: 0px;
}

.nl-frm-my-info .rh-checkmark.tr-checkmark {
    position: absolute;
    height: 14px;
    width: 14px;
    border: 1px solid #909090;
    border-radius: 50%;
}

.nl-frm-my-info .rh-checkmark.tr-checkmark.self-1 {
    left: -20px;
    top: 22px;
}

.nl-frm-my-info .rh-checkmark.tr-checkmark.self-2 {
    top: 22px;
    left: 68px;
}

.nl-frm-my-info .for_edit.another .rh-checkmark,
.for_edit.another .cursor {
    cursor: pointer;
}

.nl-frm-my-info .for_edit.another .cursor.pr_20 {
    position: relative;
    cursor: pointer;
    right: 20px;
    padding-left: 20px;
}


/*mt-cart.skin.css*/

.mt_wrap_shopname {
    margin-bottom: 22px;
}

.rh-cart-page-top {
    border-bottom: 2px solid #333 !important;
}

.rs_ml10 {
    margin-bottom: 3px;
    width: 280px;
    height: 92px;
}

.rh-cart-header {
    margin-bottom: 17px;
    padding: 16px 20px;
    padding-top: 17px;
    /* top: 0; */
    font-size: 14px;
    line-height: 13px;
}

.mt_shopname {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 10px 27px;
    /* margin-bottom: 0; */
    /* border: 1px solid #e2e2e2; */
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #969696;
}

.mt_shopname_flex {
    /* display: flex; */
    position: relative;
    width: 100%;
    height: auto;
    /* overflow: auto; */
    height: 30px;
}

.rh-cart-tbl-2 .rh-tbl-row .rh-tbl-cell {
    position: relative;
    display: table-cell;
    font-size: 14px;
    /* line-height: 0; */
    padding: 0px 10px;
    text-align: center;
    vertical-align: middle;
    /* line-height: 1.3; */
}

.mt_title_shop {
    display: inline-block;
    position: absolute;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    left: calc(15% - 2px);
}

label.rh-pc-checkbox-2 input[type=checkbox]:checked+span:after {
    content: url(/img/shop/checkbox_cart.jpg);
    /*content: '';*/
    position: absolute;
    top: -1px !important;
    left: -1px !important;
    /*border: 1px solid #FF3A3B;
    width: 6px; 
    height: 13px;
    text-align: center;
    transform: rotate(39deg);
    border-left: none;
    border-top: none;*/
}

label.rh-pc-checkbox-2 span {
    height: 18px !important;
    width: 18px !important;
    border: 1px solid #adadad;
    background-color: #fff;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 3px;
    cursor: pointer;
}

.rh-cart-header>div.rh-col4 {
    width: 100px !important;
    text-align: center;
    padding-right: 0;
    font-weight: bold;
    color: #333;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col3 button {
    margin-left: 0px !important;
}

.mt_inside_padding {
    display: flex;
    flex-direction: column;
    /* margin-top: 10px; */
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 h4 {
    font-weight: 600;
}

.mt_mr_bottom {
    margin-bottom: 4px;
}

.mt_span_soldout {
    border: none !important;
    position: relative;
    display: inline;
    float: left;
    padding: 0;
    width: 75px !important;
    height: 25px;
    line-height: 25px;
    background: #999999;
    color: white !important;
    font-size: 11px;
}


/*linh change*/

.mt_ul_cart {
    height: auto;
    width: 757px;
    /* position: absolute; */
    /* left: 92px; */
    /* top: 39%; */
    /* bottom: 0; */
    margin-top: 40px;
    margin-left: 90px;
}

.mt_ul_cart td.td-col1 {
    width: 55%;
    text-align: left;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* word-break: break-all; */
    /* word-break: break-word; */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: table-cell;
}

.mt_ul_cart td.td-col2 {
    width: 25%;
    padding-top: 3px;
}

.mt_ul_cart td.td-col3 {
    width: 20%;
    text-align: right;
}


/* .mt_ul_cart li span.td-col2 .rh-no {
    background: white;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
} */

.mt_ul_cart li span.td-col3 {
    display: inline-block;
    background-color: blue;
    width: 150px;
    text-align: right;
}

.mt_ul_cart>li {
    /* padding-bottom: 13px;*/
    /*padding-bottom: 12px;*/
    position: relative;
    height: 25px;
    line-height: 25px;
    margin-bottom: 4px;
}

.mt_movebox_cart {
    width: 100%;
    height: auto;
    /* display: table-cell; */
    position: relative;
    left: 0;
    overflow: hidden;
}

.mt_movebox_cart.ht_class {
    height: 79px;
}

.mt_item_btn.mt_mr_bottom.ht_class {
    position: relative;
    bottom: 27px;
}

.mt_distance_middle.ht_class {
    position: relative;
    bottom: 27px;
}

.mt_active_all.mt_active_cb_red.ht_class {
    right: -7px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .rh-order-itemImg {
    position: absolute !important;
    /* z-index: 100; */
    /*top: 50%;
    transform: translateY(-50%);*/
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 h4 {
    position: absolute;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 h4 {
    position: absolute;
    left: 92px;
}

.img_x_cart {
    display: inline-block;
    /*position: absolute;*/
    position: relative;
    top: 3px;
}

.img_x_cart:hover {
    cursor: pointer;
}

.mt_lispan_text {
    margin-right: 10px;
    font-size: 13px;
}

.mt_car_margin {
    width: 86px;
}

.mt_iconcar_middle {
    margin: 0 auto;
    /*float: right;*/
    width: 33px;
}

.nl-ordership .nl-col2 {
    position: relative;
}

.nl_cart_wr .nl-ordership .nl-col2 {
    padding-left: 20px !important;
}

.mt-ordership .nl-col2 {
    padding-left: 1px;
}

.mt-ordership .nl-col2 .mt_cart_neardt {
    margin-left: 5px;
}

.mt_color_itemcart {
    color: #333 !important;
    font-weight: bold;
    font-size: 16px;
    height: 25px;
    margin-bottom: 4px;
    line-height: 30px;
    /* background: green; */
    display: inline-block;
    vertical-align: middle;
}

.mt_color_vnd {
    color: #333 !important;
    /* font-weight: bold; */
    position: relative;
    top: 2px;
    font-weight: 500;
    font-size: 11px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col5 {
    position: relative!important;
    /* top: 80.4% !important; */
    /* transform: translateY(-80.4%) !important; */
    /* background: #378cad; */
    height: 100%;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 {
    width: 870px !important;
    padding: 27px 0px 20px;
    padding-left: 20px;
}

.mt_iconcalculate_middle {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 91px !important;
    width: 22px;
    height: auto;
}

.mt_distance_middle {
    /* background: red; */
    position: absolute;
    /*top: 40%;*/
    top: 42%;
    /*transform: translateY(-76%);*/
    right: 0;
    height: 25px
}

.mt_distance_middle.th_renew {
    top: 37%;
}


/*linh make as comment below*/


/*.mt_cart_neardt
{
    
color: #A7A7A7;
    
margin-right: 10px;
    
margin-left: 6px;
    
position: absolute;
    
display: inline-block;
    
top: 50%;
    
transform: translateY(-50%);
}*/

.mt_cart_daytime {
    color: #FF4848;
    display: inline-block;
    /*position: absolute;

left: 30%;

top: 50%;

transform: translateY(-50%);*/
    font-weight: bold;
}

.mt_active_cb_change {
    border: 1px solid #FF4848 !important;
}


/*------common.css------------*/

label.rh-pc-checkbox-2 input {
    position: relative;
    opacity: 0 !important;
    left: -50%;
    z-index: 100;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
}

label.rh-pc-checkbox-2 {
    line-height: 16px;
    margin-bottom: 0;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.mt_single_checkbox {
    height: auto;
    position: relative;
}

.mt_single_checkbox span {
    height: 19px !important;
    width: 19px !important;
    border: 1px solid #adadad;
    background-color: #fff;
    display: inline-block;
    /* float: left; */
    position: absolute;
    margin-right: 3px;
    left: -1px;
    cursor: pointer;
    /* border: 1px solid #FF3A3B; */
    top: 50%;
    transform: translateY(-100%);
}

.mt_single_checkbox input {
    position: relative;
    opacity: 0 !important;
    left: -50%;
    z-index: 100;
}

.mt_single_checkbox input[type=checkbox]:checked+span:after {
    /*content: '';*/
    content: url(/img/shop/checkbox_cart.jpg);
    position: absolute;
    top: -1px !important;
    left: -1px !important;
    /*width: 6px;
    text-align: center;
    height: 13px;
    border: 1px solid red;
    transform: rotate(39deg);
    border-left: none;
    border-top: none;*/
}

.total-title {
    position: absolute;
    left: 15.2%;
}

.mt_free_ship {
    display: inline-block;
    padding: 0px 16px;
    border: 1px solid #41c558;
    color: #41c558 !important;
    font-size: 15px;
}

.nl-ordership {
    padding: 18px 8px 18px 25px !important;
}

.nl-ordership .nl-col3 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 0px !important;
}

.rh-cart-tbl-2 .rh-tbl-row {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #d6d6d6;
}

.mt_plus_bdleft {
    border-left: none !important;
}

.mt_total_vnd {
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

.total-prices {
    color: black;
    font-size: 19px;
}

.mt_bottom_totalvn {
    font-size: 17px !important;
}

.rh-order-step {
    /* top: 60px !important; */
}

.rh-odertotal .rh-col2 {
    padding-right: 0px !important;
    width: 153px !important;
}

.rh-cart-wr .rh-selected-item button {
    padding: 6px 12px !important;
    /*box-shadow: 1px 1px 0.5px 0px rgb(191, 191, 191);*/
    border-radius: 2px !important;
    margin-left: 10px;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;
}

.rh-cart-wr .rh-selected-item {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    /*font-weight: bold;*/
    width: 100%;
}

.it_dlub {
    position: absolute !important;
    right: 0;
}

.rh-sum-tbl th {
    font-weight: bold !important;
    color: #525252;
}

.rh-sum-tbl {
    margin: 28px 0 0 0 !important;
}

.rh-checkout-page {
    height: 720px !important;
}

.rh-order-btn {
    width: 100%;
    margin-left: 0 !important;
    padding: 60px 0px!important;
    margin-bottom: 0px !important;
}

.mt_span_hidden {
    /* padding: 40px 0px !important; */
    position: absolute;
    height: auto;
    /* background: red; */
    top: 66%;
    left: 55%;
    transform: translate(-66%, -55%);
}

.mt_ul_hidden {
    color: #d2d2d2 !important;
}


/* .rh-tbl-cel
{
    border-right: none !important;
} */

.th-product-name {
    left: 23%;
    position: relative;
}

.th-quantity {
    position: relative;
    left: 4%;
}

.th-odertotal {
    height: 66px;
    display: flex;
    align-items: center;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.th-tbl-cell {
    display: flex;
    align-items: center;
}

.th-total-title {
    position: relative;
    left: calc(17.2% + 11px);
    top: 1px;
    font-size: 15px;
}

.rh-cart-wr .rh-selected-item {
    font-weight: normal;
}

.rh-sum-tbl tr th {
    height: 53px;
    background-color: #fff;
    border-top: 2px solid #111;
}

.rh-sum-tbl tr td {
    height: 124px;
    background-color: #fff;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
}

.th-btn-1 {
    width: 240px !important;
    height: 60px !important;
    padding: 0 !important;
    line-height: 60px;
    font-size: 20px !important;
    text-transform: uppercase;
    border: 1px solid #ff4848 !important;
}

.btn.btn-color.rh-cancel-btn.btn-lg.th-btn-1.th-btn-continue {
    color: #ff4848 !important;
}

.rh-plus-btn,
.rh-equal-btn {
    top: 51px;
    width: 20px;
    right: -10px;
}

.nl_cart_wr .mt_change_s9 {
    top: 0;
    left: 9px;
}

.th-disc-price {
    height: 25px;
    line-height: 25px;
}

.th-re-center {
    position: relative;
    top: -8px;
}

.th-vnd {
    position: relative;
    top: -1px;
}

.rh-tbl-cell.rh-col3.mt_change_s9.th-change-col3 {
    vertical-align: top;
    position: relative;
    top: 20px;
}

.mt_distance_middle.th-distance-middle {
    top: 16%;
}

.th-cart-no-option {
    height: 80px;
}

.mt_img_home.th_img_home {
    width: 110px;
}

.th-icon-next {
    display: inline-block;
    border: 1px solid #666;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    left: 6px;
    top: 0;
    position: relative;
    border-bottom: none;
    border-left: none;
}

.rh-order-btn .form-group button.rh-buy-btn {
    background-color: #ff4848;
    border: 1px solid #ff4848;
}

.th-freeship {
    width: 58px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.th-item-edit {
    position: relative;
    top: 4px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_col2_img {
    margin-top: 0;
}

.mt_lispan_text.th_renew {
    margin-right: 0 !important;
}

.sp-order-id {
    float: right;
    height: 30px;
    line-height: 30px;
    color: #3c3266;
}

.rh-ans.rh-comment.ht_changed {
    padding-bottom: 0px !important;
}

.nl_div_price>a:hover {
    color: #000;
}

.rh-order-btn .form-group button.rh-buy-btn {
    background-color: #ff4848;
    border: 1px solid #ff4848;
}

.th-freeship {
    width: 58px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.th-item-edit {
    position: relative;
    top: 4px;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_col2_img {
    margin-top: 0;
}

.mt_lispan_text.th_renew {
    margin-right: 0 !important;
}

.sp-order-id {
    float: right;
    height: 30px;
    line-height: 30px;
    color: #3c3266;
}

.rh-ans.rh-comment.ht_changed {
    padding-bottom: 0px !important;
}

.nl_div_price>a:hover {
    color: #000;
}

.nl-div-deal-info {
    width: 100%;
    margin-bottom: 52px;
}

.nl-tbl-deal-info {
    width: 100%;
}

.nl-div-deal-info .nl-tbl-deal-info .nl-tr-deal-info {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.nl-div-deal-info .nl-tr-deal-info td {
    padding: 12px 15px;
    text-align: left;
    font-size: 13px;
    vertical-align: middle;
}

.nl-div-deal-info .nl-tr-deal-info td:nth-child(odd) {
    background-color: #f4f4f4;
    width: 156px;
}

.nl-div-deal-info .nl-tr-deal-info td:nth-child(2) {
    width: 224px;
}

.nl-seller-related .tab-store {
    display: none;
}

.nl-seller-related .tab-store.active {
    display: block;
}

.rh-main-slider-row .rh-left-bar {
    display: none;
}


/* .rh-main-slider .rh-main-slider-wr{
    display: none;
} */

.rh-main-slider .rh-main-slider-wr .bx-wrapper {
    max-height: 100% !important;
}

.at-body {
    /* background-color: #f5f5f5; */
    /* padding-top: 15px; */
    /* padding-bottom: 40px; */
}

.at-footer .at-container {
    background-color: transparent;
}

.panel.panel-default {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 22px;
}

.rh-main-slider .rh-main-slider-wr .bx-wrapper {
    max-height: 100% !important;
}

.at-footer .at-container {
    background-color: transparent;
}


/* background-color: transparent;

} */


/* ackground-color: transparent;

} */


/* Author:Nhat */

.nvn-nhat-fix-space {
    margin-bottom: 0 !important;
}

.nvn-fix-align-nav {
    margin-right: 0 !important;
}

.nvn-fix-align-nav {
    margin-right: 0 !important;
}

.nvn-fix-right li[aria-hidden="false"] {
    /* display:none !important; */
    /* margin-left:20px !important; */
}

.bx-clone[aria-hidden="false"] {
    margin-left: 20px !important;
}

.nvn-fix-align-slide {
    /* display:none !important; */
}

.rh-sort-time-wr .nvn-mt-25 {
    margin-top: 25px;
}



/* Author:Nhat */

.nvn-nhat-fix-space {
    margin-bottom: 0 !important;
}

.nvn-fix-align-nav {
    margin-right: 0 !important;
}

.bx-wrapper .bx-viewport .nvn-fix-right li {
    margin-right: 0;
}

.bx-clone[aria-hidden="false"] {
    margin-left: 20px !important;
}

.rh-sort-time-wr .nvn-mt-25 {
    margin-top: 25px;
}

.rh-cat-row .mt-22 {
    margin-top: 22px;
}

.mt-35 {
    margin-top: 35px;
}

.rh-cat-row .mt-4 {
    margin-top: 4px;
}


.nvn-none {
    display: none;
}

#list_sort .nvn-mtb-mul-8-lg-auto {
    margin: -8px auto;
}

.nvn-rm-navbtn .owl-carousel .owl-nav {
    display: none;
}

.nvn-mb-124 {
    margin-bottom: 124px;
}

.nvn-rm-padding .mb-19 {
    margin-bottom: 19px;
}


/* // list.skin.top_best_fast_price.php */

.rh-cat-row .rh-cat-list .rh-cat-item:hover {
    /* color: white; */
    font-weight: 500;
    /* background-color: red; */
}

.rh-items-wrap .rh-cat-items .nvn-rm-padding {
    /* //view item.skin.php */
    padding: 0 !important;
}

.rh-cat-row .rh-cat-list .rh-cat-item .ca-bot {
    position: absolute;
    width: 92.5px;
    height: 1px;
    border-top: 1px solid #ff4848;
    bottom: 0;
    left: 0.01px;
}

.rh-cat-row .rh-cat-list .rh-cat-item .ca-bot {
    position: absolute;
    width: 92.5px;
    height: 1px;
    border-top: 1px solid #ff4848;
    bottom: 0;
}

.widget-box.ht-fix .rh-items-wrap .nvn-rm-padding .item-image {
    width: 167px;
    height: 167px;
}

.nvn-rm-padding .mt-9 {
    margin-top: 9px;
}

.rh-items-wrap .rh-cat-items .nvn-rm-padding {
    /* //view item.skin.php */
    padding: 0 !important;
}

.nvn-mb-85 {
    /* //main.php */
    margin-bottom: 85px !important;
}

.widget-box.ht-fix.ht-2.nvn-t-51 {
    top: 51px;
}

.nvn-rm-padding .lh-19 {
    line-height: 19px;
}

.rh-cat-tbl .rh-cat-item.nvn-10-percent {
    width: 10%;
}

.nvn-fix-width-sl {
    width: 105px !important;
    height: 105px !important;
}

.rh-fav-shop .rh-seller-related .nl-shop-name.nvn-w-250 {
    width: 250px;
}

.rh-fav-shop .rh-seller-related .nl-shop-item-pb.nvn-w-sub-250 {
    width: calc(100% - 250px);
    ;
}


/* End Nhat */

.rh-cat-row .rh-cat-list .rh-cat-item .ca-bot {
    position: absolute;
    width: 92.5px;
    height: 1px;
    border-top: 1px solid #ff4848;
    bottom: 0;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .nl_name_pd a {
    font-size: 14px;
    color: #525252;
    line-height: 1.3;
    font-weight: 500;
}

.wishlist-fav-skin .rh-fav-shop .mb-25 {
    margin-bottom: 25px !important;
}

span.mt_bd_editleft {
    height: 25px;
    border: 1px solid #dadada;
    top: 8px;
    position: absolute;
    cursor: pointer;
    left: 563px;
    display: grid;
    align-items: center;
    vertical-align: middle;
}

.mt_item_btn .btn-cart-error {
    cursor: default !important;
    width: 77px !important;
    color: #fff !important;
    background-color: #989898 !important;
    font-size: 13px !important;
}

/* Nhat */

.nvn-fix-pagination .pagination.bootpag{
    margin-top:30px;
}
.nvn-fix-pagination-favor  .pagination.bootpag{
    margin-top:5px;
}
.nvn-title-popup{
    font-size:20px !important;
    font-weight:600 !important;
}

.rh-orderBlock .rh-orderlist .rh-tbl-row .rh-col2 .td-qty {
    border-left: 0;
}
.nl-pc-menu.pc-menu {
	height: auto;
	min-height: 41px;
}

.nl-pc-menu.pc-menu .at-container{
	padding: 0 !important;
}
.nl-pc-menu.pc-menu .nav-top {
	position: static !important;
	
}
.nl-pc-menu.pc-menu .nav-top.nav-both .menu-li {
	float: none !important;
}
.nl-pc-menu.pc-menu .nav-top.nav-both .menu-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 40px;
}
.nl-pc-menu.pc-menu .nav-top.nav-both .menu-li a {
	padding: 0px;
}