@charset "utf-8";

/* SIR 지운아빠 */


/* 초기화 */

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

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

header ul,
nav ul,
aside ul,
footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

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

textarea,
select {
    /*font-family: dotum;*/
    font-size: 1em
}

input {
    margin: 0;
    padding: 0;
    border-radius: 0;
    /*font-family: dotum*/
}

input[type=text],
input[type=password],
input[type=submit],
input[type=image] {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
}

button {
    border-radius: 0;
    font-size: 1em;
    /*font-family: dotum;*/
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}

p {
    margin: 0;
    padding: 0 0 10px;
    line-height: 1.7em;
}

hr {
    display: none
}

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

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

a:focus,
a:hover,
a:active {
    text-decoration: underline
}


/* 헤딩 */

h1 {
    margin: 0 0 10px;
    padding: 0 20px 10px;
    min-width: 960px;
    border-bottom: 1px solid #e9e9e9;
    color: #333;
    font-size: 1.5em;
    /*font-family: dotum;*/
    letter-spacing: -0.1em;
    line-height: 1;
}

h2 {
    margin: 0 0 10px;
    padding: 0 20px;
    font-size: 1.2em
}

h2.h2_frm {
    padding-top: 15px
}

h3 {
    margin: 0 20px
}

.gnb_1dli_air .gnb_1da:visited,
.gnb_1dli_air a.gnb_1da:link {
    color: #000;
}

a.gnb_1da:link,
a.gnb_1da:visited,
.btn_list03 a:link,
.btn_list03 a:visited,
.gnb_1dli_air a.gnb_1da:hover {
    color: #fff;
}


/* 레이아웃 */

#hd {
    z-index: 10;
    min-width: 1000px;
    background: url('/adm/img/hd_bg.jpg') #383b3f repeat-x
}

#hd h1,
#hd h2 {
    position: absolute;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#hd_wrap {
    z-index: 11;
    position: relative;
    margin: 0 auto
}

#logo {
    position: relative;
    height: 70px
}

#logo img {
    position: absolute;
    top: 19px;
    left: 20px
}

#tnb {
    z-index: 2;
    position: absolute;
    top: 27px;
    right: 20px;
    zoom: 1
}

#tnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#tnb {
    float: right;
    margin: 0;
    padding: 0;
    zoom: 1;
    line-height: 1;
}

#tnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#tnb li {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
    border-right: 1px solid #444
}

#tnb #tnb_logout {
    border-right: 0;
    padding: 0
}

#tnb a {
    display: inline-block;
    color: #bbb;
    text-decoration: none;
    letter-spacing: -0.1em
}

#tnb a:focus,
#tnb a:hover {
    color: #fff
}

#tnb #tnb_logout a {
    color: #ff3061
}

#tnb span {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center
}


/* gnb */

#gnb {
    position: relative;
    z-index: 12;
    min-width: 999px;
    background: #383a3f
}

#gnb h2 {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#gnb_1dul {
    position: relative;
    margin: 0 20px;
    padding: 0;
    zoom: 1
}

#gnb_1dul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.gnb_1dli {
    z-index: 13;
    position: relative;
    float: left;
    margin: 0 0 0 -1px;
    border: 1px solid #333;
    border-top: 0;
    border-bottom: 0
}

.gnb_1da {
    display: block;
    width: 120px;
    height: 34px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 2.8em
}

.gnb_1da:focus,
.gnb_1da:hover {
    text-decoration: none
}

.gnb_1dli_air .gnb_1da {
    background: #fff;
    color: #000
}

.gnb_1dli_on .gnb_1da {
    background: #282828;
    color: #fff
}

.gnb_2dul {
    display: none;
    position: absolute;
    top: 34px;
    width: 180px;
    border: 1px solid #999;
    border-top: 0;
    background: #fff
}

.gnb_2da {
    display: block;
    padding: 8px 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
    line-height: 1;
}

.gnb_grp_style {
    background: #f7f7f7 !important
}

.gnb_2da:focus,
.gnb_2da:hover {
    background: #484848 !important;
    color: #fff !important;
    text-decoration: none
}

.gnb_1dli_air .gnb_2da {
    background: #fff;
    color: #000
}

.gnb_1dli_on .gnb_2da {
    background: #fff;
    color: #000
}

.gnb_1dli_over .gnb_2dul {
    display: block;
    left: -1px
}

.gnb_1dli_over2 .gnb_2dul {
    display: block;
    right: -1px
}

.gnb_grp_div {
    border-top: 1px solid #eee
}

#lnb {
    margin: 0;
    padding: 15px;
    min-width: 970px;
    border-bottom: 1px solid #e9e9e9;
    list-style: none;
    zoom: 1
}

#lnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#lnb li {
    float: left
}

#lnb a {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #ccc;
    font-size: 0.95em;
    letter-spacing: -0.1em;
    line-height: 1;
}


/* 중간 레이아웃 */

#wrapper {
    z-index: 5;
    margin: 20px 0;
    min-width: 1000px;
    zoom: 1
}

#wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#container {
    z-index: 4;
    position: relative
}


/* 텍스트 크기 조절 */

#text_size {
    position: absolute;
    top: -6px;
    right: 20px
}

#text_size button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer
}

.ts_up {
    font-size: 1.167em !important
}

.ts_up2 {
    font-size: 1.3em !important
}


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

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

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


/* 본문 바로가기 */

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

#to_content a:focus,
#to_content a:active {
    width: 100%;
    height: 70px;
    background: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 3.1em
}


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

#captcha img {
    border: 1px solid #ddd;
    border-right: 0
}

#captcha_mp3 img {
    border: 1px solid #ddd;
    border-left: 0;
    background: #494949
}


/* 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: #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%
}


/* 공통박스 */

.compare_wrap {
    margin: 0 20px 10px;
    zoom: 1
}

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

.compare_wrap section {
    margin: 10px 0;
    padding: 2%;
    background: #f2f5f9
}

.compare_wrap h3 {
    margin: 10px 0 20px;
    text-align: center
}

.compare_wrap .tbl_frm {
    margin: 0
}

.compare_wrap .frm_input,
.compare_wrap .required {
    background-color: #fff !important
}

.compare_wrap .btn_confirm {
    padding: 10px 0 0
}

.compare_left {
    float: left;
    width: 45%
}

.compare_right {
    float: right;
    width: 45%
}


/* 버튼 */

.btn_confirm {
    margin: 0 20px 10px
}

.btn_confirm01 {
    clear: both;
    text-align: center
}

.btn_confirm01 button {
    padding: 0 15px;
    height: 30px;
    border: 0;
    background: #617d46;
    color: #fff
}

.btn_confirm01 a {
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    background: #617d46;
    color: #fff;
    text-decoration: none;
    line-height: 2.5em;
    vertical-align: middle
}

.btn_confirm01 a:focus {
    background: #555
}

.btn_confirm02 {
    clear: both;
    margin-top: 10px;
    text-align: center
}

.btn_confirm02 button {
    padding: 0 15px;
    height: 30px;
    border: 0;
    background: #617d46;
    color: #fff
}

.btn_confirm02 a {
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    background: #617d46;
    color: #fff;
    text-decoration: none;
    line-height: 2.5em;
    vertical-align: middle
}

.btn_confirm02 a:focus {
    background: #555
}

.btn_submit {
    margin: 0;
    padding: 0;
    border: 0;
    background: #ff3061;
    color: #fff;
    cursor: pointer
}

.btn_confirm .btn_submit {
    padding: 0 15px;
    border: 0;
    height: 30px;
    color: #fff
}

.btn_cancel {
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    border: 0;
    background: #617d46;
    color: #fff;
    text-decoration: none
}

a.btn_cancel {
    line-height: 2.5em;
    vertical-align: middle
}

.btn_frmline {
    display: inline-block;
    padding: 0 7px;
    height: 24px;
    border: 0;
    background: #444;
    color: #fff !important;
    letter-spacing: -0.1em;
    text-decoration: none;
    vertical-align: middle;
    line-height: 2em
}


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

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

.btn_win {
    margin: 0 20px 10px
}


/* 새창용 */

.btn_win01 {
    clear: both;
    text-align: center
}

.btn_win01 a,
.btn_win01 button {
    padding: 0 10px;
    height: 22px;
    border: 1px solid #ccc;
    background: #fafafa
}

.btn_win01 a {
    display: inline-block;
    line-height: 2em;
    cursor: pointer
}

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

.btn_win02 {
    clear: both;
    text-align: center
}

.btn_win02 a,
.btn_win02 button {
    padding: 0 15px;
    height: 30px;
    border: 0;
    background: #617d46;
    color: #fff
}

.btn_win02 a {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

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

.btn_win02 button.btn_submit {
    background: #ff3061;
    color: #fff
}

.btn_list {
    margin: 0 20px 10px
}


/* 목록용 */

.btn_list01 input,
.btn_list01 button,
.btn_list01 a {
    display: inline-block;
    margin: 0;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    text-decoration: none;
    cursor: pointer
}

.btn_list01 a:focus {
    background: #555
}

.btn_list02 input,
.btn_list02 button,
.btn_list02 a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    text-decoration: none;
    cursor: pointer
}

.btn_list02 a:focus {
    background: #555
}

.btn_list03 {
    text-align: right
}

.btn_list03 a {
    display: inline-block;
    padding: 0 15px;
    height: 28px;
    background: #617d46;
    color: #fff;
    text-decoration: none;
    line-height: 2.4em;
    vertical-align: middle
}

.btn_list03 a:focus {
    background: #555
}

.btn_add {
    margin: 0 20px 10px
}


/* 목록용 추가 */

.btn_add01 {
    text-align: right
}

.btn_add01 a,
.btn_add01 button {
    padding: 10px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    text-decoration: none;
    cursor: pointer
}

.btn_add01 a {
    display: inline-block;
    vertical-align: middle
}

.btn_add01 button {
    margin: 0
}


/* 필수입력 */

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


/* 외부서비스 사이트코드 */

.sitecode {
    display: inline-block;
    font: bold 15px 'Verdana';
    vertical-align: middle
}


/* 폼 */

textarea,
.frm_input {
    border: 1px solid #ced9de;
    background: #f6f9fa;
    vertical-align: middle
}

textarea {
    padding: 2px;
    width: 90%
}

.frm_input {
    height: 22px;
    line-height: 1.8em
}

.full_input {
    width: 98%
}

select {
    border: 1px solid #ced9de
}

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

.readonly {}


/* 폼 안내글 */

.frm_info {
    display: block;
    padding: 0 0 5px;
    color: #5b747e
}


/* 목록 바로가기 */

.anchor {
    margin: 0 20px 10px 21px;
    padding: 0;
    zoom: 1
}

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

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

.anchor a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #c8ced1;
    background: #d6dde1;
    text-decoration: none
}

.anchor a:focus,
.anchor a:hover {
    background: #c8d2d8
}

#sort_mb {
    width: 800px
}

#sort_sodr {
    width: 600px
}


/* 하단 레이아웃 */

#ft {
    clear: both;
    margin: 20px 0;
    padding: 10px 20px;
    min-width: 960px;
    border-top: 1px solid #d0d6d8
}


/* 페이지 내 검색 */

.local_sch {
    min-width: 960px
}

.local_sch .btn_submit {
    padding: 0 5px;
    height: 24px;
    border: 0;
    color: #fff;
    font-size: 0.95em;
    vertical-align: middle;
    cursor: pointer
}

.local_sch01 {
    margin: 0 0 10px;
    padding: 0 20px 10px;
    border-bottom: 1px solid #e9e9e9
}

.local_sch01 span {
    display: block;
    margin: 0 0 5px
}

.local_sch02 {
    margin: 0 0 10px;
    padding: 0 20px 5px;
    border-bottom: 1px solid #e9e9e9
}

.local_sch02 div {
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: 1px solid #f4f4f4
}

.local_sch02 div.sch_last {
    margin: 0;
    border: 0
}

.local_sch02 strong {
    display: inline-block;
    width: 80px
}

.local_sch02 strong.sch_long {
    width: 160px
}

.local_sch02 label {
    display: inline-block;
    margin: 0 5px 0 0
}

.local_sch02 button {
    margin: 0;
    padding: 5px;
    border: 1px solid #ced9de;
    background: #f6f9fa;
    font-size: 0.95em;
    vertical-align: middle;
    cursor: pointer
}


/* 페이지 내 실행 */

.local_cmd {
    min-width: 960px
}

.local_cmd01 {
    margin: 0 0 10px;
    padding: 0 20px
}

.local_cmd01 .cmd_tit {
    font-weight: bold
}

.local_cmd01 .btn_submit {
    padding: 3px 5px;
    border: 1px solid #ff3061;
    color: #fff;
    font-size: 0.95em;
    vertical-align: middle
}


/* 페이지 내 안내문 */

.local_desc {}

.local_desc ol,
.local_desc ul {
    margin: 0;
    padding: 0 0 10px 21px
}

.local_desc li {
    margin: 0 0 5px
}

.local_desc01 {
    margin: 0 20px 10px;
    padding: 10px 20px 0;
    min-width: 920px;
    border: 1px solid #f2f2f2;
    background: #f9f9f9
}

.local_desc01 strong {
    color: #ff3061
}

.local_desc01 a {
    text-decoration: underline
}

.local_desc02 {
    margin: 0 20px 10px;
    min-width: 960px
}


/* 주로 온라인 서식 관련 안내 내용에 사용 */

.local_desc02 p {
    padding: 0;
    line-height: 1.8em
}


/* 페이지 내 카운트 */

.local_ov {
    min-width: 960px
}

.local_ov01 {
    position: relative;
    margin: -10px 0 10px;
    padding: 10px 20px;
    border-bottom: 1px solid #e9e9e9;
    background: #f2f5f9
}

.local_ov01 .ov_listall {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #ccc
}

.local_ov01 .ov_a {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
    border-left: 1px solid #ccc;
    color: #ff3061
}


/* 테이블 */

table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

table caption {
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

tbody td {
    border: 1px solid #ececec
}

tfoot th,
tfoot td {
    padding: 10px 0;
    border: 1px solid #c1d1d5;
    background: #d7e0e2
}

tfoot th {}

tfoot td {
    font-weight: bold;
    text-align: center
}

.tbl_wrap {
    margin: 0 0 10px;
    padding: 0 20px
}


/* thead 한 줄 테이블 */

.tbl_head01 {}

.tbl_head01 table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_head01 thead th,
.tbl_head01 tbody th {
    padding: 10px 0;
    border: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    letter-spacing: -0.1em
}

.tbl_head01 thead th {
    font-size: 0.95em
}

.tbl_head01 thead input {
    vertical-align: top
}


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

.tbl_head01 thead a {
    color: #383838;
    text-decoration: underline
}

.tbl_head01 tbody th {}

.tbl_head01 tbody td {
    padding: 10px 5px;
    line-height: 1.4em;
    word-break: break-all
}


/* thead 두 줄 테이블 */

.tbl_head02 {}

.tbl_head02 table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_head02 thead th,
.tbl_head02 tbody th {
    padding: 5px 0;
    border: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    letter-spacing: -0.1em
}

.tbl_head02 thead th {
    font-size: 0.95em
}

.tbl_head02 thead input {
    vertical-align: top
}


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

.tbl_head02 thead a {
    color: #383838;
    text-decoration: underline
}

.tbl_head02 tbody th {}

.tbl_head02 tbody td {
    padding: 7px 5px;
    line-height: 1.4em;
    word-break: break-all
}


/* UL */

.ul_wrap {}

.ul_01 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ul_01 li {
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9
}


/* 자료 없는 목록 */

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

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


/* 폼 테이블 */

.tbl_frm01 th {
    padding: 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    text-align: left
}

.tbl_frm01 td {
    padding: 10px 5px;
    border-right: 0;
    border-left: 0
}

.tbl_frm01 textarea {
    height: 150px
}

.tbl_frm01 #captcha {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

.tbl_frm01 #captcha input {
    margin-left: 5px;
    text-align: center
}


/* 테이블 그리드 */

.grid_1 {
    width: 50px
}

.grid_2 {
    width: 100px
}

.grid_3 {
    width: 150px
}

.grid_4 {
    width: 200px
}

.grid_5 {
    width: 250px
}

.grid_6 {
    width: 300px
}

.grid_7 {
    width: 350px
}

.grid_8 {
    width: 400px
}

.grid_9 {
    width: 450px
}

.grid_10 {
    width: 500px
}

.grid_11 {
    width: 550px
}

.grid_12 {
    width: 600px
}

.grid_13 {
    width: 650px
}

.grid_14 {
    width: 700px
}

.grid_15 {
    width: 750px
}

.grid_16 {
    width: 800px
}

.grid_17 {
    width: 850px
}

.grid_18 {
    width: 900px
}


/* 목록 홀짝 배경색 */

.bg0 {
    background: #fff
}

.bg1 {
    background: #f2f5f9
}

.bg1 td {
    border-color: #e9e9e9
}

.bg0cancel {
    background: #fdebf3
}

.bg0cancel td {
    border-color: #f9d8e6
}

.bg1cancel {
    background: #fdebf3
}

.bg1cancel td {
    border-color: #f9d8e6
}


/* 메뉴설정 */

#menu_frm #menu_result {
    margin: 20px 0
}

#menulist .sub_menu_class {
    padding-left: 25px;
    background: url('../img/sub_menu_ico.gif') 5px 15px no-repeat
}

.exist_menu_link {
    font-weight: bold;
    color: red
}


/* 회원관리 목록 */

.mb_leave_msg {
    color: #b6b6b6
}

.mb_intercept_msg {
    color: #f59fe4
}

#point_mng {
    margin-top: 50px
}


/* 게시판추가/수정 */

#anc_bo_extra .td_grpset label {
    width: auto
}

#anc_bo_extra .td_grpset input {
    margin: 0
}

#anc_bo_extra label {
    display: inline-block;
    width: 100px
}

#anc_bo_extra input {
    margin-right: 10px
}


/* 접속자집계 목록 */

.tbl_visit_list td {
    text-align: center
}

.visit_bar {
    position: relative
}

.visit_bar span {
    position: absolute;
    top: -8px;
    left: 0;
    height: 15px;
    background: #ddd
}


/* 추가배송비 관리 */

#sendcost_postal {
    margin-top: 50px
}

#sendcost_postal_win {}

#sendcost_postal_win fieldset {
    text-align: center
}

#sendcost_postal_win ul {
    margin: 10px auto;
    padding: 5px 10px;
    width: 87%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    list-style: none
}

#sendcost_postal_win li {
    position: relative;
    padding: 8px 0 6px;
    border-bottom: 1px solid #eee
}

#sendcost_postal_win button {
    position: absolute;
    top: 4px;
    right: 0
}


/* 공통 */

.td_addr {
    text-align: left !important
}

.td_alignc {
    text-align: center
}

.td_addr_line {
    line-height: 2em
}

.td_amount {
    width: 70px;
    text-align: center
}

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

.td_auth_mbnick {
    width: 200px
}

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

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

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

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

.td_cnt {
    width: 100px;
    font-size: 0.95em;
    text-align: center
}

.td_cntsmall {
    width: 50px;
    font-size: 0.95em;
    text-align: center
}

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

.td_confirm {
    width: 90px;
    text-align: center
}

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

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

.td_delicom {
    width: 100px
}

.td_delino {
    width: 130px
}

.td_device {
    width: 70px;
    text-align: center
}

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

.td_extra label {
    display: inline-block;
    width: 100px
}

.td_extra input {
    margin-right: 5px;
    width: 130px
}

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

td.td_grpset {
    width: 160px;
    border-left: 1px solid #e9ecee;
    text-align: center
}

.td_id {
    width: 150px
}

.td_idsmall {
    width: 75px
}

.td_itname {
    text-align: left !important
}

.td_itopt {
    width: 200px
}

.td_itopt_tl {
    text-align: left !important
}

.td_img {
    text-align: center
}

.td_imgline {
    width: 70px;
    text-align: center
}

.td_input input {
    width: 94%
}

.td_mbcert {
    text-align: center
}

.td_mbid,
.td_name,
.td_mbname {
    width: 100px;
    text-align: left !important
}

.td_mbstat {
    text-align: center
}

.td_mng {
    width: 100px;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.td_mngsmall {
    width: 60px;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.td_mng button,
.td_mngsmall button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

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

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

.td_numcancel0 {
    color: #999;
    text-align: center
}

.td_numcancel1 {
    color: #ff3061;
    font-weight: bold;
    text-align: center
}

.td_numcoupon {
    color: #86b325;
    text-align: center
}

.td_numincome {
    color: #357dbb;
    text-align: center
}

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

.td_numsum {
    font-weight: bold;
    text-align: center
}

.td_numrdy {
    color: #ff3061;
    text-align: center
}

.td_odrnum {
    width: 250px;
    text-align: center
}

.td_odrnum2 {
    width: 140px;
    text-align: center
}

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

.td_odrstatus {
    width: 70px;
    letter-spacing: -0.1em;
    text-align: center
}

.td_output {
    width: 90px;
    text-align: center
}

.td_payby {
    width: 70px;
    text-align: center;
    letter-spacing: -0.1em
}

.td_paybybig {
    width: 140px;
    text-align: center;
    letter-spacing: -0.1em
}

.td_possible {
    width: 70px;
    text-align: center
}

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

.td_postalbig {
    width: 140px;
    text-align: center
}

.td_price {
    text-align: right
}

.td_pt {
    text-align: right !important
}

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

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

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

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

.td_tdiv {
    border-bottom: 1px solid #c9c9c9 !important
}

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

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

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

.td_category1 {
    width: 130px;
    text-align: center
}

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

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

.td_time {
    text-align: center;
    width: 130px
}

.td_center {
    text-align: center;
}

.td_type {
    width: 120px
}

.txt_true {
    color: #e8180c
}

.txt_false {
    color: #ccc
}

.txt_succeed {
    color: #40b300
}

.txt_fail {
    color: #ce4242
}

.banner_or_img {
    margin: 10px 0 0
}

.banner_or_img button {
    display: block;
    margin: 5px 0 0
}

.txt_active {
    color: #5d910b
}

.txt_expired {
    color: #ccc
}

#sct_mobileimg {
    width: 125px
}


/* 환경설정 */

.cf_cert_hide {
    display: none
}


/* 관리권한설정 */

#add_admin fieldset {
    margin-top: 20px
}


/* 메일 테스트 */

#fsendmailtest {
    margin: 50px 0;
    text-align: center
}

#fsendmailtest .btn_submit {
    padding: 3px 5px;
    border: 1px solid #ff3061;
    color: #fff;
    font-size: 0.95em;
    vertical-align: middle
}


/* ########## 쇼핑몰 사용시 적용 ########## */

.sidx {
    padding: 20px 0 30px;
    zoom: 1
}

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

.sidx_anchor {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}


/* idx 쇼핑몰 */

#anc_sidx_ord {
    float: left;
    width: 66%
}

#sidx_graph {
    position: relative
}

#sidx_graph_price {
    position: absolute;
    top: 10px;
    left: 20px;
    margin: 0;
    padding: 0;
    width: 12%;
    list-style: none
}

#sidx_graph_price li {
    position: relative;
    padding: 0 10% 0 0;
    height: 48px;
    font-family: tahoma;
    text-align: right
}

#sidx_graph_price li span {
    position: absolute;
    top: 7px;
    right: -10%;
    width: 10px;
    height: 1px;
    background: #e9e9e9
}

#sidx_graph_area {
    position: absolute;
    top: 0;
    left: 15%;
    margin: 0;
    padding: 0;
    width: 85%;
    height: 260px;
    border: 1px solid #e9e9e9;
    list-style: none
}

#sidx_graph_area li {
    position: relative;
    float: left;
    padding: 0 1% 0 0;
    width: 13%;
    height: 100%
}

#sidx_graph_area .graph {
    position: absolute;
    bottom: 0;
    width: 40%;
    height: 0
}

#sidx_graph_area .order {
    background: #a0ca30;
    left: 7%
}

#sidx_graph_area .cancel {
    background: #ff8db6;
    right: 7%
}

#sidx_graph_area #price_tooltip {
    display: none;
    position: absolute;
    top: -18px;
    left: 0;
    background-color: #fff;
    border: 1px solid gray
}

#sidx_graph_area #price_tooltip div {
    white-space: nowrap
}

#sidx_graph_date {
    position: absolute;
    top: 275px;
    left: 15%;
    margin: 0;
    padding: 0;
    width: 85%;
    border: 1px solid #fff;
    list-style: none
}

#sidx_graph_date li {
    position: relative;
    float: left;
    width: 14%;
    font-family: tahoma;
    text-align: center
}

#sidx_graph_date li span {
    position: absolute;
    top: -19px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #e9e9e9
}

#sidx_graph_legend {
    position: absolute;
    top: -25px;
    left: 15%
}

#sidx_graph_legend span {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle
}

#sidx_graph_legend #legend_order {
    background: #a0ca30
}

#sidx_graph_legend #legend_cancel {
    margin: 0 0 0 10px;
    background: #ff8db6
}

#anc_sidx_settle {
    margin: 0 0 30px;
    padding: 30px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

#anc_sidx_settle table {
    text-align: center
}

#sidx_stat {
    float: right;
    width: 32%
}

#sidx_stat h2 {
    padding: 0 20px 0 0
}

#sidx_stat .tbl_wrap {
    padding: 0 20px 0 0
}


/* idx 1:1문의/상품문의/사용후기 */

.sidx_cs {}

.sidx_cs section {
    float: left;
    margin: 0 2% 0 0;
    width: 32%
}

.sidx_cs #anc_sidx_ps {
    margin: 0
}

.sidx_cs h2 {
    padding: 0
}

.sidx_cs .ul_wrap {
    margin: 0 0 20px
}

.sidx_cs .btn_list03 {
    margin: 0
}

.sidx_cs #anc_sidx_oneq h2 {
    padding: 0 0 0 20px
}

.sidx_cs #anc_sidx_oneq .ul_wrap {
    padding: 0 0 0 20px
}

.sidx_cs #anc_sidx_ps h2 {
    padding: 0 20px 0 0
}

.sidx_cs #anc_sidx_ps .ul_wrap {
    padding: 0 20px 0 0
}

.sidx_cs #anc_sidx_ps .btn_list03 {
    margin: 0 20px 0 0
}

.sidx_cs #anc_sidx_oneq .oneq_cate {
    font-weight: bold
}

.sidx_cs #anc_sidx_oneq .oneq_link {
    display: block;
    margin: 5px 0
}

.sidx_cs #anc_sidx_qna .qna_link {
    display: block;
    margin: 5px 0
}

.sidx_cs #anc_sidx_ps .ps_link {
    display: block;
    margin: 5px 0
}


/* 쇼핑몰 설정 */

#anc_scf_payment textarea {
    height: 50px
}

.scf_pgreg {
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 10px;
    background: #226C8B;
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

.kcp_btn {
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 10px;
    background: #226C8B;
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

.lg_btn {
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 10px;
    background: #ED008C;
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

.kg_btn {
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 10px;
    background: #4A2C7C;
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

.kakao_btn {
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 10px;
    background: #FDDC2F;
    color: #3B1E1E;
    font-weight: normal;
    text-decoration: none
}

.naver_btn {
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 10px;
    background: #00C73C;
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

.scf_cardtest {
    margin: 5px 0 0
}

.scf_cardtest_btn {
    margin-left: 5px;
    vertical-align: middle
}

#scf_cardtest_tip {
    margin: 10px 0 0;
    padding: 10px;
    border: 3px solid #ddd
}

#scf_cardtest_tip strong {
    display: inline-block;
    margin: 0 0 5px
}

#scf_cardtest_tip dl {
    margin: 0 0 15px;
    padding: 0;
    zoom: 1
}

#scf_cardtest_tip dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#scf_cardtest_tip dt {
    float: left;
    width: 100px
}

#scf_cardtest_tip dd {
    padding: 0;
    overflow: hidden
}

.scf_cardtest_tip {
    display: none
}

.scf_cardtest_hide {
    display: none
}

.scf_cardtest_tip_adm_hide {
    display: none
}

.scf_img {
    display: none
}

#scf_sms_pre h3 {
    padding: 10px 0
}

#scf_sms_pre dl {
    margin: 0 0 10px;
    zoom: 1
}

#scf_sms_pre dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#scf_sms_pre dt {
    clear: both;
    float: left;
    padding: 5px 0;
    width: 100px
}

#scf_sms_pre dd {
    padding: 5px 0;
    overflow: hidden
}

#scf_sms {
    margin: 0 20px 30px;
    padding: 20px 0 0;
    zoom: 1
}

#scf_sms:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.scf_sms_box {
    float: left;
    margin: 0 8px 0 9px;
    width: 163px;
    text-align: center
}

.scf_sms_box h4 {
    margin: 0 0 5px
}

.scf_sms_img {
    margin: 10px 0;
    width: 163px;
    height: 191px;
    background: url('../shop_admin/img/sms_back.gif') no-repeat 0 0;
    text-align: center
}

.scf_sms_img textarea {
    margin: 54px 0 0;
    width: 115px;
    height: 85px;
    border: 0;
    background: transparent;
    font-size: 0.95em;
    overflow: hidden
}

.scf_sms_img span {
    display: block
}

.scf_sms_cnt {
    display: block
}

ul.de_pg_tab {
    margin: 0;
    padding: 0;
    zoom: 1
}

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

ul.de_pg_tab li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 120px
}

ul.de_pg_tab li a {
    margin: 0 2px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    background-color: #f7f7f7;
    color: #74777b;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none
}

ul.de_pg_tab li a:hover {
    text-decoration: none
}

ul.de_pg_tab li.tab-current a {
    background: #2CC185;
    color: #fff
}

.pg_info_fld {
    position: relative
}

.kcp_info_fld th {
    background-color: #F6FCFF
}

.lg_info_fld th {
    background-color: #FFF4FA
}

.inicis_info_fld th {
    background-color: #F6F1FF
}

.kakao_info_fld th {
    background-color: #FFFCED
}

.naver_info_fld th {
    background-color: #F3FFF3
}


/* 주문내역 */

#sodr_list td {
    text-align: center
}

#sodr_list .td_name {
    text-align: center !important
}

#orderitemlist {
    position: relative
}

#orderitemlist .itemlist {
    position: absolute;
    top: 0;
    left: 0
}

#orderitemlist {
    position: relative
}

#orderitemlist .itemlist {
    z-index: 2;
    position: absolute;
    top: 0;
    left: -41px;
    width: 958px;
    border: 1px solid #a2a5a9;
    background: #f2f5f9
}

#orderitemlist td {
    background: #fff
}

#orderitemlist #orderitemlist_close {
    padding: 0 20px 10px;
    text-align: right
}

#sodr_list .list_escrow {
    display: block;
    color: #80bc0d;
    text-align: center
}

#sodr_list .list_test {
    display: block;
    text-align: center;
    color: #ff3061
}


/* 주문내역 수정 */

.sodr_nonpay {
    color: #ff6600
}

strong.sodr_nonpay {
    display: block;
    padding: 5px 0;
    text-align: right
}

.sodr_sppay {
    color: #1f9bff
}

#anc_sodr_memo textarea {
    width: 98%
}

#anc_sodr_memo .btn_confirm {
    margin: 10px 0 0
}

#anc_sodr_orderer #od_addr1,
#anc_sodr_orderer #od_addr2,
#anc_sodr_orderer #od_addr3 {
    margin: 5px 0 0
}

#anc_sodr_taker #od_b_addr1,
#anc_sodr_taker #od_b_addr2,
#anc_sodr_taker #od_b_addr3 {
    margin: 5px 0 0
}

#anc_sodr_orderer #od_addr_jibeon,
#anc_sodr_taker #od_b_addr_jibeon {
    display: block;
    margin: 5px 0 0
}

#sodr_qty_log {
    padding: 0 20px
}

#sodr_qty_log h3 {
    margin: 20px 0 10px
}

#sodr_qty_log div {
    padding: 10px;
    height: auto !important;
    height: 200px;
    max-height: 200px;
    border: 1px solid #e9e9e9;
    background: #f5f6fa;
    line-height: 1.8em;
    overflow-y: scroll
}

#sodr_request_frm h3 {
    margin: 20px 0 0
}

#sodr_request_item h3 {
    margin-bottom: 10px
}

#sodr_request_frm #forderrequest {
    border-top: 1px solid #e9e9e9
}

#sodr_request_log_wrap {
    padding: 10px;
    height: auto !important;
    height: 200px;
    max-height: 200px;
    border: 1px solid #e9e9e9;
    background: #f5f6fa;
    overflow-y: scroll
}

#sodr_request_log_wrap p {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

#sodr_request_log_wrap span {
    display: inline-block;
    margin: 0 0 0 80px
}

#sodr_request_log_wrap b {
    display: inline-block;
    margin: 0 15px 0 0;
    font-weight: normal
}

#sodr_request_log_wrap button {
    position: absolute;
    top: 7px;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-weight: bold
}

#sodr_request_handle h3 {
    margin-bottom: 10px
}

#anc_sodr_request h3 {
    margin: 20px 0 10px
}

#sodr_request_list {
    padding: 10px;
    height: auto !important;
    height: 200px;
    max-height: 200px;
    border: 1px solid #e9e9e9;
    background: #f5f6fa;
    overflow-y: scroll
}

#sodr_request_list p {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

#anc_sodr_chk .dvr_link {
    color: #ff3061;
    text-decoration: underline
}

.od_test_caution {
    font-weight: bold;
    color: #ff0000;
    margin: 10px 20px;
    font-size: 1.167em;
    background: #ffe3e3;
    padding: 10px
}


/* 주문통합내역 */

#sodr_sort {
    margin: 0 20px 20px;
    padding: 0;
    list-style: none;
    zoom: 1
}

#sodr_sort:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#sodr_sort li {
    float: left;
    margin: 0 10px 0 0
}

#sodr_sort a {
    font-size: 0.95em;
    text-decoration: underline;
    letter-spacing: -0.1em
}

#sodr_sort a.sort_on {
    color: #ff3061
}

#sodr_all {
    margin: 0 20px
}

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

#sodr_all .btn_list {
    margin: 10px 0
}

.sodr_all_list {
    clear: both;
    margin: 0 0 50px;
    padding: 0;
    list-style: none
}

.sodr_all_list .sodr_basic {
    float: left;
    zoom: 1
}

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

.sodr_all_list .sodr_basic dt {
    float: left;
    margin: 0 10px 0 0
}

.sodr_all_list .sodr_basic dd {
    float: left;
    margin: 0 30px 0 0
}

.sodr_all_list .sodr_basic strong a {
    color: #ff3061;
    text-decoration: underline
}

.sodr_all_list .sodr_person {
    float: right;
    zoom: 1
}

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

.sodr_all_list .sodr_person dt {
    float: left;
    margin: 0 0 0 30px
}

.sodr_all_list .sodr_person dd {
    float: left;
    margin: 0 0 0 10px
}

.sodr_all_list .sodr_pay {
    clear: both;
    margin: 0;
    border-top: 1px solid #d1dee2;
    zoom: 1
}

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

.sodr_all_list .sodr_pay dt {
    float: left;
    padding: 8px 0;
    width: 15%
}

.sodr_all_list .sodr_pay dd {
    float: left;
    margin: 0;
    padding: 8px 0;
    width: 35%
}

#sodr_total table {
    text-align: center
}

#sodr_total th {
    width: 125px
}


/* 분류관리 목록 */

#sct .sct_name {
    width: 130px
}

#sct .sct_name div {
    position: relative
}

#sct .sct_name1 {
    padding-left: 25px
}

#sct .sct_name2 {
    padding-left: 50px
}

#sct .sct_name3 {
    padding-left: 75px
}

#sct .sct_name4 {
    padding-left: 100px
}

#sct .name_lbl {
    position: absolute;
    top: 0;
    left: -20px;
    width: 13px;
    height: 13px;
    background: url('../shop_admin/img/icon_reply.gif') 0 0 no-repeat
}


/* 분류 추가/수정 */

.frm_ca_id {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: bold
}


/* 상품관리 */

.sit_odrby {
    text-align: center
}

.sit_amt {
    text-align: right;
    background-color: #e8fbff !important
}

.sit_amt2 {
    text-align: right;
    border-color: #c3e189 !important;
    background-color: #f6ffe6 !important
}

.sit_amt3 {
    text-align: right;
    border-color: #f6c8c4 !important;
    background-color: #ffedeb !important
}

.sit_camt,
.sit_pt,
.sit_qty {
    text-align: right
}

.frm_sit_title {
    margin: 5px 0 0
}


/* 상품입력/수정 */

#sit_compact {
    margin: 0 20px;
    padding: 15px 0;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
    text-align: center
}

.sit_w_opt {
    height: 70px !important
}

.sit_wimg {
    display: none
}

.sit_relation_list {
    width: 100%;
    background: #f6f6f6
}

.sit_relation_selected {
    width: 100%;
    background: #fcfff2
}

#add_span img,
#sel_span img {
    margin: 5px 0
}

.sit_option {
    margin: 0 0 10px;
    padding: 10px 10px 0;
    border: 1px solid #e9e9e9;
    background: #f7f7f7
}

.sit_option .frm_input {
    background: #fff !important;
    color: #000
}

.sit_option_frm_wrapper {
    margin: 0 0 10px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid #ccc;
    overflow-y: scroll
}

.sit_option_frm_wrapper th {
    padding: 5px 0 !important;
    text-align: center !important
}

#sit_option_frm .btn_list {
    margin: 0 0 10px
}

#sit_option_frm fieldset {
    padding: 10px;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
    text-align: center
}

#sit_option_frm fieldset .frm_input {
    margin: 0 10px 0 5px;
    background: #fff !important;
    color: #000
}

#sit_option_addfrm_btn {
    position: relative
}

#sit_option_addfrm_btn button {
    position: absolute;
    top: -32px;
    right: 0
}

#sit_option_addfrm .btn_list {
    margin: 0 0 10px
}

#sit_option_addfrm fieldset {
    padding: 10px;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
    text-align: center
}

#sit_option_addfrm fieldset .frm_input {
    margin: 0 10px 0 5px;
    background: #fff !important;
    color: #000
}


/* 상품 복사 */

#sit_copy {
    margin: 10px 20px 20px;
    background: #fff
}

#sit_copy label {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: bold
}


/* 상품 일괄 등록 */

#excelfile_upload {
    margin: 10px auto 20px;
    padding: 20px;
    width: 86%;
    border: 1px solid #e9e9e9;
    background: #fff
}

#excelfile_upload label {
    font-weight: bold
}

#excelfile_input {
    margin: 0 0 20px;
    text-align: center
}

#excelfile_result {
    margin: 0 20px 20px;
    border-bottom: 1px solid #e9e9e9;
    zoom: 1
}

#excelfile_result:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#excelfile_result dt {
    clear: both;
    float: left;
    padding: 10px 0;
    width: 40%;
    font-weight: bold
}

#excelfile_result dd {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 60%
}

#excelfile_result .result_done {
    color: #5d910b
}

#excelfile_result .result_fail {
    color: #ff3061
}


/* 상품옵션재고관리 */

.sit_stock_qty_alert {
    color: #ff1133;
    font-weight: bold
}


/* 배송일괄처리 */

#sdeli_proc_fs {
    padding: 20px 0;
    border-bottom: 1px solid #f7f7f7;
    text-align: center
}


/* 이벤트 입력/수정 */

.frm_ev_id {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: bold
}


/* 관련 상품, 관련 이벤트 입력/수정 */

.srel section ul {
    margin: 0;
    padding: 10px;
    list-style: none
}

.srel section li {
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9;
    zoom: 1
}

.srel section li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ''
}

.srel .srel_list,
.srel .srel_sel {
    height: auto !important;
    height: 200px;
    max-height: 200px;
    border: 1px solid #ced9de;
    background: #f6f6f6;
    overflow-y: scroll
}

.srel .list_item {
    float: left;
    width: 80%
}

.srel .list_item img {
    float: left;
    margin: 0 10px 0 0
}

.srel .list_item_btn {
    float: right
}

.srel .srel_sel {
    border: 1px solid #ced9de;
    background: #fcfff2
}

.srel .srel_list p,
.srel .srel_sel p {
    padding: 10px 0;
    text-align: center
}

.srel .compare_left ul {
    margin: 0;
    list-style: none
}

.srel .srel_noneimg li {
    padding: 7px 0
}

.srel .srel_noneimg button {
    top: 0;
    right: 0
}

.srel .srel_pad {
    display: block;
    height: 30px
}

.srel .srel_pad button {
    position: static
}


/* 쿠폰관리 */

.scp_new_win .empty_table {
    padding: 30px 0
}

#scp_list_find {
    margin: 10px 20px;
    padding: 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}

#scp_list_find .btn_frmline {
    line-height: 1.5em !important
}

#scp_list_find label {
    font-weight: bold
}

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

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

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


/* 매출현황 */

#ssale_stats {
    zoom: 1
}

#ssale_stats:after {
    display: block;
    clear: both;
    visibility: hidden;
    content: ''
}

#ssale_stats div {
    float: left;
    padding: 2%;
    width: 46%;
    border-bottom: 1px solid #eee;
    text-align: center
}

#ssale_stats h3 {
    margin: 30px 0 0;
    font-size: 1.3em;
    text-align: center
}

#ssale_stats form {
    margin: 20px 0 10px;
    padding: 10px 0
}

#ssale_stats .frm_input {
    padding: 0 10px !important;
    height: 24px !important
}


/* 주문내역출력 (새창) */

.new_win .sodr_print_pop_list table {
    width: 100%
}

#sodr_print_pop h2 {
    padding: 15px 0;
    color: #ff3600;
    text-align: right
}

#sodr_print_pop h3 {
    margin: 0 0 10px
}

.sodr_print_pop_list {
    margin: 0 20px 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #ddd
}

.sodr_print_pop_list .sodr_print_pop_same {
    margin: 0 0 10px;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
    text-align: center
}

.sodr_print_pop_list dl {
    margin: 0 0 15px;
    padding: 0;
    zoom: 1
}

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

.sodr_print_pop_list dt {
    float: left;
    padding: 7px 0 6px;
    width: 100px;
    border-bottom: 1px solid #ddd
}

.sodr_print_pop_list dd {
    padding: 7px 0 6px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

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

#sodr_print_pop_total span {
    display: block;
    margin: 0 0 10px;
    font-size: 1.5em
}

#sodr_print_pop_total strong {
    color: #ff3600
}


/* 배너관리 */

.sbn_img {
    text-align: center
}

.sbn_image {
    display: none;
    margin: 0 0 10px;
    text-align: left
}


/* SMS문자전송 */

#sms_send {
    padding-bottom: 100px;
    zoom: 1
}

#sms_send:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#sms_frm {
    float: left;
    width: 650px
}

#sms_frm table {
    margin: 0 0 30px
}

#sms_frm textarea {
    height: 70px
}

#sms_sm {
    position: relative;
    float: left;
    width: 229px;
    height: 418px;
    background: url('../shop_admin/img/mobilebg.jpg') no-repeat
}

#sms_sm_text {
    position: absolute;
    top: 75px;
    left: 27px;
    width: 180px;
    color: #fff;
    font-size: 2em;
    word-break: break-all
}

#sms_sm p {
    position: absolute;
    bottom: -70px;
    left: 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#sms_send .local_desc01 {
    min-width: 320px
}


/* 가격비교사이트 */

#anc_pricecompare_info li {
    margin: 5px 0 5px -1px
}

.price_engine dt a {
    font-weight: bold
}

.price_engine dd {
    margin: 0 0 15px
}

.price_engine li {
    margin: 5px 0 5px -1px
}


/* 새창 기본 스타일 */

.new_win {}

.new_win h1 {
    margin-bottom: 20px;
    padding: 0 20px;
    min-width: 320px/* 적정값으로 변경하여 사용하세요. */
    ;
    height: 60px;
    border-top: 2px solid #484848;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    font-size: 1.2em;
    line-height: 5em
}

.new_win h2 {
    margin: 0 20px 10px
}

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

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

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

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

.new_win_desc {
    margin: 0 20px
}

.new_win .anchor {
    margin: 0 20px 5px
}

.new_win .tbl_wrap {
    margin: 0 20px 20px;
    padding: 0
}

.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
}

.new_win .local_sch,
.new_win .local_cmd,
.new_win .local_desc01,
.new_win .local_desc02,
.new_win .local_ov {
    min-width: 320px
}


/* 자바스크립트 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
}


/* 관리자 비밀번호 확인 */

#admin_confirm {
    padding: 0 0 10px;
    background: #222;
    text-align: center
}

#admin_confirm p {
    margin: 0 0 10px;
    color: #9ab9c5;
    background: #383a3f
}

#admin_confirm label {
    color: #fff
}

#admin_confirm .frm_input {
    border-color: #000
}


/* 사이드뷰 */

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

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

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

.sv_wrap .sv a:focus,
.sv_wrap .sv a:hover {
    background: #393939
}

.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
}


/* 우편번호 검색 */

#post_code p {
    margin: 0 20px 10px
}

#post_code #code_sch {
    margin: 0 20px
}

#post_code #code_sch .btn_submit {
    padding: 2px 8px 1px;
    border: 0;
    color: #fff
}

#post_code #result {
    margin: 0 20px 20px
}

#post_code #result_b4 {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #dde4e9;
    text-align: center
}

#post_code #result .result_msg {
    padding: 15px 0
}

#post_code #result .result_fail {
    border: 1px solid #dde4e9;
    background: #f0f5fc;
    color: #ff3061;
    text-align: center
}

#post_code #result ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dde4e9;
    background: #f0f5fc;
    list-style: none
}

#post_code #result li {
    padding: 10px;
    border: 1px solid #dde4e9;
    border-bottom: 0
}

#post_code #result li div {
    margin: 4px 0 0;
    color: #738D94
}

#post_code #result li div:before {
    content: "▶ "
}


/*부가서비스*/

.lnb_svc {
    color: #ff3061;
    font-weight: bold
}

.service_wrap {
    width: 960px;
    margin: 0 20px 10px;
    overflow: hidden
}

.sevice_1 {
    border: 1px solid #ebe8e8;
    width: 309px;
    float: left;
    border-radius: 5px;
    text-align: center;
}

.sevice_1 h3 {
    font-size: 16px;
    color: #525252;
    margin-top: 193px;
    height: 43px;
}

.sevice_1 h3 span {
    font-size: 12px;
}

.sevice_1 p {
    padding: 20px;
    background: #f8f8f8;
    height: 102px;
    font-size: 12px;
    text-align: left;
    color: #898989;
    line-height: 18px
}

.sevice_1 ul {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ebe8e8;
}

.sevice_1 ul li {
    list-style: none;
    float: left;
    border-right: 1px solid #ebe8e8;
}

.sevice_1 ul li a {
    display: inline-block;
    height: 75px;
    width: 100%
}

.sevice_1 ul li img {
    padding: 10px 0 0;
}

.sevice_1 ul li.last {
    border: 0
}

.sevice_1 h4 {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ebe8e8;
}

.sevice_1 h4 a {
    display: inline-block;
    height: 65px;
    padding: 10px 0 0;
    width: 100%
}

.svc_card {
    background: url('../img/service_img1.jpg') no-repeat top center;
    margin-right: 13px;
}

.svc_card ul li {
    width: 33%;
}

.svc_phone {
    background: url('../img/service_img2.jpg') no-repeat top center;
    margin-right: 13px;
}

.svc_phone ul li {
    width: 33%;
}

.svc_ipin {
    background: url('../img/service_img3.jpg') no-repeat top center;
}

.service_2 {
    padding-top: 15px;
    clear: both
}

.service_2 h3 {
    font-size: 14px;
    letter-spacing: -1px;
    color: #525252;
    margin: 0 0 4px
}

.service_2 .svc_a p {
    color: #898989;
    line-height: 16px;
    letter-spacing: -1px;
}

.svc_keyword {
    clear: both;
}

.svc_keyword .svc_a {
    float: left;
    width: 230px;
    padding: 46px 0 0 15px;
    height: 120px;
}

.service_2 .svc_ri .svc_a {
    padding: 25px 0 0 22px;
}

.service_2 .svc_btn {
    float: right;
}

.service_2 .svc_btn a {
    display: inline-block;
    width: 126px;
    height: 37px;
    background: #ff3061;
    color: #fff;
    line-height: 37px;
    text-align: center;
    margin: 22px 13px 0;
}

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

.svc_keyword {
    background: #e6f2f4
}

.svc_keyword .svc_btn {
    margin: 40px 0 0;
}

.svc_keyword .svc_btn a {
    width: 160px;
}

.svc_sms {
    border: 1px solid #ebe8e8;
    position: relative;
    height: 83px
}

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

.svc_sms .svc_btn2 {
    position: absolute;
    top: 0;
    right: 0
}

.svc_sms .svc_btn2 a {
    display: inline-block;
    width: 220px;
    height: 63px;
    background: #fbfbfb;
    text-align: center;
    padding: 20px 0 0;
}


/*테마*/

.theme_p {
    padding: 0 20px
}

#theme_list {
    padding: 0;
    margin: 0 10px;
    list-style: none;
    width: 1000px;
    position: relative
}

#theme_list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#theme_list li {
    padding: 10px;
    margin: 0;
    float: left;
    width: 302px
}

#theme_list li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#theme_list li .tmli_if {
    border: 1px solid #d1dee2;
    width: 300px;
}

#theme_list li .tmli_if>img {
    width: 300px;
    height: 225px;
}

#theme_list li .tmli_if:hover>img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#theme_list li .tmli_tit {
    position: relative;
    border-top: 1px solid #d1dee2;
    background: #e5ecef;
}

#theme_list li .tmli_tit p {
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#theme_list li .tmli_tit button.tmli_dt {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 5px;
    background: #111;
    color: #fff;
    display: none;
    border: none
}

#theme_list li .tmli_if:hover button.tmli_dt {
    display: block
}

#theme_list li .theme_sl {
    float: left;
    border: none;
    margin-top: 5px;
    padding: 0 5px;
    height: 26px;
    background: #999;
    color: #fff
}

#theme_list li .theme_sl:hover {
    background: #ff3061
}

#theme_list li .theme_deactive {
    margin-left: 4px
}

#theme_list li .theme_sl_use {
    background: #ff3061;
    line-height: 26px
}

#theme_list li .theme_pr {
    float: right;
    margin-top: 5px;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    background: #fafafa;
}

#theme_list li .theme_preview {
    float: right;
    margin-top: 5px;
    padding: 0 5px;
    height: 26px;
    border: 1px solid #ccc;
    background: #fafafa;
    margin-right: 3px
}

#theme_detail {
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 20px;
    _top: 300px;
    width: 950px;
    height: 490px;
    margin-top: -245px;
    background: #fff;
    border: 1px solid #000;
    z-index: 99999;
}

#theme_detail .thdt_img {
    padding: 20px 0 20px 20px;
    float: left;
}

#theme_detail .thdt_img img {
    width: 600px;
    height: 450px;
}

#theme_detail .thdt_if {
    float: right;
    width: 290px;
    padding: 40px 20px 0 0;
    position: relative
}

#theme_detail .thdt_if h2 {
    padding: 0;
    margin: 0
}

#theme_detail .thdt_if p {
    font-weight: normal;
    padding: 10px;
    background: #f5f5f5;
    height: 250px;
    overflow-y: auto;
}

#theme_detail .thdt_if a {
    vertical-align: middle;
}

#theme_detail .thdt_if .thdt_home {
    background: url(../img/link_icon.gif) no-repeat bottom right;
    padding-right: 13px;
}

#theme_detail .close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../img/close.gif) no-repeat 50% 50%;
    border: none;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
}

#theme_detail table {
    border-collapse: collapse;
    margin: 5px 0 10px
}

#theme_detail table th {
    padding: 5px 0;
    border: 1px solid #d1dee2;
    background: #e5ecef;
    width: 50px;
    padding: 10px;
    text-align: left
}

#theme_detail table td {
    border: 1px solid #ececec;
    padding: 10px
}

.no_theme {
    text-align: center;
    padding: 100px 0;
    color: #555
}


/*글,댓글현황*/

#wr_cont {
    position: relative;
    margin: 10px 20px
}

#wr_cont input[type="submit"] {
    background: #ff3061;
    border: none;
    color: #fff;
    padding: 0 5px;
    height: 24px;
}

#wr_cont select {
    height: 24px;
}

#grp_color {
    border: 2px solid #ddd;
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    padding: 5px 5px;
    margin: 0;
}

#grp_color li {
    padding: 5px 10px;
}

#grp_color li span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: rgb(75, 178, 197);
    margin-right: 5px;
}

#grp_color li.color2 span {
    background: rgb(234, 162, 40);
}

#chart_wr h5 {
    text-align: center;
    border: 1px solid #eee;
    padding: 30px 0
}

#chart_wr {
    margin: 20px
}


/*전송실패 문자 재전송 내역*/

.sms_table {
    padding: 0 20px 40px;
}

.sms_table table th {
    border: 1px solid #ddd;
    padding: 9px 0
}

.sms_table table td {
    border: 1px solid #ddd;
    text-align: center;
    width: 16%;
    padding: 9px 0
}


/* Browscap */

.update_processing {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: url(../img/ajax_loader.gif) no-repeat 0 0
}

#processing {
    margin: 0 auto;
    padding: 70px 0;
    max-width: 800px;
    border: 1px solid #eee;
    background: #f9f9f9;
    text-align: center;
}

#processing p {
    font-size: 1.2em
}

.check_processing {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: url(../img/check.png) no-repeat 50% 50%
}

#processing button {
    background: #ff3061;
    border: none;
    color: #fff;
    padding: 15px;
    width: 150px;
    margin-top: 15px
}


/*미완료 주문*/

#inorderlist .td_name {
    text-align: center !important
}

#anc_sodr_pay .btn_confirm {
    margin-top: 30px
}

#anc_sodr_pay .btn_confirm .btn_submit {
    width: 300px;
    height: 40px;
    font-size: 14px;
}

.pg_input {
    font: bold 15px Consolas
}

.fast_de {
    padding: 0;
}

.fast_de li {
    list-style-type: none;
}

.add_fast_de {
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
    color: #ff3061;
    text-decoration: none !important;
}

.add_fast_de:hover {
    color: #617d46;
}

.remove_fast_de {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
    color: #617d46;
    top: -10%;
    margin-left: 10px;
    text-decoration: none !important;
}

.remove_fast_de:hover {
    color: #ff3061;
}

.fast_de li select {
    margin-right: 10px;
    width: 180px;
    font-size: 14px;
    padding: 5px;
}

.fast_de li select option {
    padding: 10px;
}

.fast_de li {
    margin-bottom: 10px;
    position: relative;
}

.rian_dn {
    display: none;
}


/**CSS to file qna.php
author: Nhut Linh;
**/

.nl-table-qa {
    position: relative;
    width: 100%;
}

.nl-table-qa .nl-tr-qa {
    position: relative;
    width: 100%;
}

.nl-table-qa .nl-tr-qa .nl-td-qa {
    position: relative;
    color: #333;
    font-weight: bold;
    font-size: 13px;
    padding: 15px 0 15px 0;
    border: 1px solid #dee2e6;
}

.nl-table-qa .nl-tr-qa td.nl-col1 {
    width: 4%;
}

.nl-table-qa .nl-tr-qa td.nl-col2 {
    width: 30%;
}

.nl-table-qa .nl-tr-qa td.nl-col3 {
    width: 50%;
}

.nl-table-qa .nl-tr-qa td.nl-col4 {
    width: 8%;
}

.nl-table-qa .nl-tr-qa td.nl-col5 {
    width: 8%;
}


/*end qna*/

.nl-itemleft {
    padding: 15px 0;
}

.btn-edit-profile {
    padding: 3px;
}

.nl-head-logo {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px;
    left: -2px;
}

.navbar-inverse .rh-navbar-left>li>a {
    font-size: 11.5px;
}


/*admin/css/style-css3*/


/* COMMON CHECKBOX */


/*--------- START SLIDE 2 || MINH TIEN ----------*/

.direction_icon {
    height: 16px;
    width: 16px !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
}


/*--------- END SLIDE 2 || MINH TIEN ----------*/

label.rh-pn-checkbox {
    line-height: 16px;
    cursor: pointer;
}

label.rh-pn-checkbox input,
label.rh-pc-checkbox input#login_auto_login {
    display: none;
    /* <-- hide the default checkbox ---> */
}


/*Change by Linh*/

label.rh-pn-checkbox span {
    /* <-- style the artificial checkbox */
    /*height: 15px;
    width: 15px;*/
    /*height: 22px;
    width: 22px;*/
    width: 18px;
    /*Change by Thanh*/
    height: 18px;
    /*Change by Thanh*/
    border: 1px solid #dcdcdc;
    background-color: #fff;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 5px;
}


/*Khóa by Linh (Không dùng border màu này nữa)*/


/*label.rh-pn-checkbox input[type=checkbox]:checked+span{
    border: 1px solid #ff5000;
}*/

label.rh-pn-checkbox input[type=checkbox]:checked+span:before {
    /* <-- style its checked state..with a ticked icon */
    /*height: 22px;
    width: 22px;*/
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 99;
}

label.rh-pn-checkbox input[type=checkbox]:checked+span:after {
    /*content: url('/img/shop/checked-box.png');*/
    content: url('/img/shop/check-box-01-grey.svg');
    position: absolute;
    top: -1px;
    left: -1px;
    /*top: 4px;
    left: 2px;*/
    text-align: center;
}

label.rh-pn-checkbox input[type=checkbox]:checked+span:after img {
    width: 18px;
    height: 18px;
}


/*End change*/


/* =============================== */

.rh-reg-s2-cntn #pt-form-step2 label.rh-pn-checkbox span {
    float: none;
    /*margin-right: 0;*/
    margin-right: 5px;
    /*Change by Thanh*/
    margin-left: 0;
    top: 3px;
    top: 4px;
    /*Change by Thanh*/
}


/* SCROLL STYLE */


/* left catogory scroll */

.rh-choose-teplate table tr th ul::-webkit-scrollbar {
    width: 15px;
    height: 6px;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-thumb {
    background: #32c5d2;
    border: 0px none #ffffff;
    border-radius: 0;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-thumb:hover {
    background: #32c5d2;
}

::-webkit-scrollbar-thumb:active {
    background: #32c5d2;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-track {
    background: #e1f4fb;
    border: 0px none #ffffff;
    border-radius: 0;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-track:hover {
    background: #e1f4fb;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-track:active {
    background: #e1f4fb;
}

.rh-choose-teplate table tr th ul::-webkit-scrollbar-corner {
    background: transparent;
}


/* -------------------------------------- */

.rh-choose-teplate table tr td .rh-template-wr>ul>li>div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.rh-choose-teplate table tr td .rh-template-wr>ul>li>div::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.rh-choose-teplate table tr td .rh-template-wr>ul>li>div::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
}


/* ---------------------------------------- */

.rh-option-tbl-wr::-webkit-scrollbar {
    width: 15px;
    height: 6px;
}

.rh-option-tbl-wr::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.rh-option-tbl-wr::-webkit-scrollbar-thumb {
    background: #32c5d2;
    border: 0px none #ffffff;
    border-radius: 0;
}

.rh-option-tbl-wr::-webkit-scrollbar-thumb:hover {
    background: #32c5d2;
}

::-webkit-scrollbar-thumb:active {
    background: #32c5d2;
}

.rh-option-tbl-wr::-webkit-scrollbar-track {
    background: #e1f4fb;
    border: 0px none #ffffff;
    border-radius: 0;
}

.rh-option-tbl-wr::-webkit-scrollbar-track:hover {
    background: #e1f4fb;
}

.rh-option-tbl-wr::-webkit-scrollbar-track:active {
    background: #e1f4fb;
}

.rh-option-tbl-wr::-webkit-scrollbar-corner {
    background: transparent;
}


/* -------------------------------------- */

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar {
    width: 13px;
    height: 6px;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-thumb {
    background: #32c5d2;
    border: 3px none #ffffff;
    border-radius: 1px;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-thumb:hover {
    background: #32c5d2;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-thumb:active {
    background: #32c5d2;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-track {
    background: #e1f4fb;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-track:hover {
    background: #e1f4fb;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-track:active {
    background: #e1f4fb;
}

.rh-choose-teplate table tr td .rh-template-wr::-webkit-scrollbar-corner {
    background: transparent;
}


/* -------------------------------------- */

.rh-choose-teplate table tr td .rh-preview-layer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.rh-choose-teplate table tr td .rh-preview-layer::-webkit-scrollbar {
    width: 10px;
    border: 0px none #ffffff;
    background-color: #F5F5F5;
}

.rh-choose-teplate table tr td .rh-preview-layer::-webkit-scrollbar-thumb {
    border: 0px none #ffffff;
    background-color: #b8b8b8;
}


/*Change by Linh (add cursor: pointer;)*/

.rh-search input.rh-date {
    /*width: 100%;*/
    background-color: #fff;
    background-image: url(../../../../img/icon/calendar.png);
    background-repeat: no-repeat;
    background-position: 130px 9px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}


/*End change*/


/* Banner partner template scroll======================== */

.rh-step4-tbl ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.rh-step4-tbl ul::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.rh-step4-tbl ul::-webkit-scrollbar-thumb {
    background: #32c5d2;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.rh-step4-tbl ul::-webkit-scrollbar-thumb:hover {
    background: #32c5d2;
}

.rh-step4-tbl ul::-webkit-scrollbar-thumb:active {
    background: #32c5d2;
}

.rh-step4-tbl ul::-webkit-scrollbar-track {
    background: #e8e8e8;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.rh-step4-tbl ul::-webkit-scrollbar-track:hover {
    background: #e8e8e8;
}

.rh-step4-tbl ul::-webkit-scrollbar-track:active {
    background: #e8e8e8;
}

.rh-step4-tbl ul::-webkit-scrollbar-corner {
    background: transparent;
}


/* ------------------------ RADIO BOX  ---------------------- */

.rh-radio-box,
.rh-table .rh-tbl-row .rh-tbl-cell>div.rh-radio-box {
    position: relative;
    display: inline-block;
    width: 200px;
}

.rh-radio-box label {
    font-size: 13px;
    cursor: pointer;
}

.rh-radio-box label span {
    line-height: 22px;
    margin-left: 5px;
}

.rh-radio-box label:before {
    position: relative;
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
}

.rh-radio-box input[type=radio] {
    position: absolute;
    width: 20px;
    height: 20px;
    visibility: hidden;
}

.rh-radio-box input[type=radio]~label:before {
    position: relative;
    content: '';
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.rh-radio-box input[type=radio]:checked~label:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
    background-color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* MEDIA QUERY */

@media screen and (max-width: 890px) {
    .rh-reg-s2-cntn {
        display: inline-block;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .rh-reg-s2-cntn h2 {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        line-height: 1;
        clear: both;
    }
    .rh-reg-s2-cntn .rh-step-process {
        position: relative;
        display: block;
        width: 270px;
        height: 50px;
        margin: 15px auto;
        float: none;
        clear: both;
    }
    .rh-reg-s2-cntn .rh-step-process span {
        line-height: 1;
    }
    .rh-form-wr {
        display: inline-block;
        width: 100%;
    }
    .rh-table,
    .rh-table .rh-tbl-row,
    .rh-table .rh-tbl-row .rh-tbl-cell {
        display: inline-block;
        width: 100%;
    }
    .rh-table .rh-tbl-row .rh-col-1 {
        padding-bottom: 0;
    }
    .rh-table .rh-tbl-row {
        margin-top: 10px;
    }
    .rh-table .rh-tbl-row .rh-col-1 {
        text-align: left;
    }
    .rh-table .rh-tbl-row .rh-tbl-cell select,
    .rh-table .rh-tbl-row .rh-tbl-cell input[name="pt-company-other"],
    .rh-table .rh-tbl-row .rh-tbl-cell input[name="pt-storage-other"] {
        display: inline-block;
        width: 100%;
        margin-bottom: 7px;
    }
    .rh-reg-s2-cntn .rh-form-wr .rh-check-all {
        float: left;
    }
    .rh-reg-s2-cntn .rh-form-wr {
        padding: 55px;
    }
    .select_category_level_1,
    .select_category_level_2,
    .select_category_level_3 {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        height: auto;
    }
    .rh-copy-btn {
        float: right;
    }
}

@media screen and (max-width: 460px) {
    .rh-step1-cntn {
        position: absolute;
        display: inline-block;
        width: 90%;
        height: auto;
        min-width: 300px;
        margin-left: 5%;
        left: 0;
        padding: 40px 30px 50px 30px;
    }
    .sub-container .form-control,
    .sub-container .input-group {
        width: 100%;
    }
    .rh-reg-wr .rh-btn a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .rh-reg-wr .rh-btn a.rh-person {
        margin-bottom: 10px;
    }
    .rh-reg-wr .rh-back-btn {
        margin-top: 30px;
    }
}


/*24h Seller Delivery*/

.container-ex {
    margin-left: 0px !important;
}

.container-ex .title {
    font-size: 20px;
    font-weight: 600;
}

.container-ex .short-description {
    padding: 10px 0 10px 0;
}

.container-ex .short-description>p {
    font-size: 14px;
}

.container-ex .notice {
    margin-top: 40px;
}

.container-ex .notice h4 {
    font-size: 20px;
    font-weight: 400;
}

.container-ex .notice>ul {
    display: block;
    margin-top: 15px;
}

.container-ex .notice>ul>li {
    font-size: 14px;
    display: block;
    padding: 12px 0;
    position: relative;
    padding-left: 34px;
}

.container-ex .notice>ul>li:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 22px;
    left: 0;
    top: 11px;
    border: 2px solid #FF4949;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.container-ex .notice>ul>li:first-child::after {
    content: '1';
    position: absolute;
    left: 7px;
    top: 11px;
    display: inline-block;
    color: #FF4949;
    font-size: 14px;
    font-weight: 600;
}

.container-ex .notice>ul>li:nth-child(2)::after {
    content: '2';
    position: absolute;
    left: 7px;
    top: 11px;
    display: inline-block;
    color: #FF4949;
    font-size: 14px;
    font-weight: 600;
}

.container-ex .notice>ul>li:nth-child(3)::after {
    content: '3';
    position: absolute;
    left: 7px;
    top: 11px;
    display: inline-block;
    color: #FF4949;
    font-size: 14px;
    font-weight: 600;
}

.container-ex .notice>ul>li:last-child::after {
    content: '4';
    position: absolute;
    left: 7px;
    top: 11px;
    display: inline-block;
    color: #FF4949;
    font-size: 14px;
    font-weight: 600;
}

.container-ex .table thead {
    background: #EAEAEA;
}

.container-ex .table thead tr>th {
    vertical-align: middle;
}

.container-ex .table {
    border-top: 1px solid #C7C7C7;
    border-collapse: collapse;
    margin-top: 30px;
}

.container-ex .table th,
.container-ex .table td {
    border: 1px solid #C7C7C7;
}

#tab_penlty_notice .nl_tbl_pro_delivery_2 {
    margin-top: 62px !important;
}

.container-ex .table tr th:not(:last-child) {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.container-ex .table tr td:first-child {
    text-align: center !important;
    font-size: 14px;
}

.container-ex .table tr td:nth-child(2),
.container-ex .table tr td:nth-child(3) {
    text-align: left;
    font-size: 14px;
}

.container-ex .table tr th[colspan] {
    padding: 0;
}

.container-ex .table tr th[colspan]>div:first-child {
    border-bottom: 1px solid #C7C7C7;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
}

.container-ex .table tr th[colspan]>div:last-child>section {
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
}

.container-ex .table tr th[colspan]>div:last-child>section:first-child {
    width: 49.3%;
    float: left;
    border-right: 1px solid #C7C7C7;
}

.container-ex .table tr th[colspan]>div:last-child>section:last-child {
    width: 50%;
    float: right;
}

.container-ex .button-activate {
    background: #FF4848;
    padding: 8px 30px;
    border: 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.container-ex .activate-top .title-activate {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
}

.container-ex .activate-top .buttons {
    display: inline-block;
}

.container-ex .activate-top .buttons .switch>.slider {
    border: 0;
    background: #fff;
    border-radius: 2px;
}

.container-ex .activate-top .buttons .switch>.slider:before {
    background: #1FA346 !important;
}

.container-ex .activate-top .buttons>a {
    font-size: 15px;
    display: inline-block;
    text-align: center;
    color: #1FA346;
    width: 90px;
    height: 32px;
    vertical-align: middle;
    padding-top: 5px;
}

.container-ex .activate-top .buttons>a.active {
    background-color: #1FA346;
    color: #fff;
}

.container-ex .activate-top2 {
    margin-top: 20px;
}

.container-ex .activate-top2 .title-activate {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}

.container-ex .activate-top2 .short-description {
    margin-left: 10px;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
}

.container-ex .button-group-add>a {
    color: #fff;
    border-radius: 4px;
    background: #217EBD;
    border: 1px solid #217EBD;
    position: relative;
    padding-left: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.container-ex .button-group-add>a::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 2px;
    left: 7px;
    top: 15px;
    background: #fff;
}

.container-ex .button-group-add>a::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 10px;
    left: 11px;
    top: 11px;
    background: #fff;
}

.container-ex .container-table-grid {
    margin-top: 10px;
}

.container-ex .container-table-grid>.table thead {
    background: #EAEAEA;
}

.container-ex .container-table-grid>.table thead tr>th {
    vertical-align: middle;
}

.container-ex .container-table-grid>.table {
    border-top: 1px solid #C7C7C7;
    border-collapse: collapse;
    margin-top: 10px;
}

.container-ex .container-table-grid>.table th,
.container-ex .container-table-grid>.table td {
    border: 1px solid #C7C7C7;
    padding-left: 8px !important;
}

.container-ex .container-table-grid>.table thead {
    background: #fff;
}

.container-ex .container-table-grid thead>tr>.item-group {
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.container-ex .container-table-grid .district-selected {
    width: 100%;
}

.container-ex .container-table-grid .district-selected select {
    width: 200px;
    height: 36px;
    border: 1px solid #EAEAEA;
    float: left;
    outline: none;
}

.container-ex .container-table-grid .district-selected .btn-remove {
    width: 36px;
    height: 36px;
    background-color: #FF4848;
    float: right;
}

.container-ex .container-table-grid .district-selected .btn-remove .rh-remove-opt {
    position: relative;
    width: 36px;
    height: 36px;
    color: #fff;
}

.container-ex .container-table-grid .box-textbox-shipping-price {
    width: 100%;
    height: 36px;
    border: 1px solid #EAEAEA;
    padding-right: 10px;
    position: relative;
}

.container-ex .container-table-grid .box-textbox-shipping-price>.textbox-shipping-price {
    width: 100%;
    height: 34px;
    text-indent: 10px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
}

.container-ex .container-table-grid .box-textbox-shipping-price>span {
    width: 30px;
    position: absolute;
    right: 5px;
    top: 7px;
}

.container-ex .container-table-grid .border-focus {
    border: 1px solid #ED1C24;
}

.container-ex .container-table-grid .partner-group {
    width: 100%;
    height: 36px;
    border: 1px solid #EAEAEA;
    padding-right: 10px;
    position: relative;
}

.container-ex .container-table-grid .partner-group>.textbox-partner-group {
    width: 100%;
    height: 34px;
    text-indent: 10px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
}

.container-ex .container-table-grid .partner-group>.btn-remove {
    width: 34px;
    height: 34px;
    background-color: #FF4848;
    position: absolute;
    top: 0;
    right: 0;
}

.container-ex .container-table-grid .partner-group>.btn-remove .rh-remove-opt {
    position: relative;
    width: 34px;
    height: 34px;
    color: #fff;
}

.container-ex .action-button {
    text-align: center;
}

.container-ex .action-button>input[type=submit] {
    background-color: #FF4848;
    border: 1px solid #FF4848;
    color: #fff;
}

.container-table {
    border: 1px solid #C7C7C7;
}

.container-table .row-top {
    background: #EAEAEA;
}

.container-table .row-top .col-no {
    border-right: 1px solid #C7C7C7;
}

.container-table .row-top .col-no {
    width: 60px;
    float: left;
    text-align: center;
    height: 90px;
    padding-top: 36px;
}

.container-table .row-top .col {
    width: 265px;
    float: left;
    text-align: center;
    height: 90px;
    border-right: 1px solid #C7C7C7;
    padding-top: 36px;
}

.container-table .row-top .col-group {
    width: calc(100% - 325px);
    float: right;
    text-align: center;
    height: 90px;
}

.container-table .row-top .col-no,
.container-table .row-top col {
    border-right: 1px solid #C7C7C7;
}

.container-table .row-top .col-group>.top {
    height: 38px;
    padding-top: 10px;
    border-bottom: 1px solid #C7C7C7;
}

.container-table .cell {
    border-top: 1px solid #C7C7C7;
}

.container-table-div {
    background: white;
    border: 1px solid #C7C7C7;
    margin-top: 10px;
}

.container-table-div .left {
    width: 325px;
    float: left;
    position: relative;
}

.container-table-div .right {
    width: calc(100% - 325px);
    float: right;
    position: relative;
    border-left: 1px solid #C7C7C7;
}

.container-table-div .right .top-group {
    height: 38px;
    text-align: center;
    border-bottom: 1px solid #C7C7C7;
    font-weight: 600;
    font-size: 14px;
    padding-top: 10px;
}

.container-table-div .container-group {
    max-width: 812px;
    overflow-y: auto;
}

.container-table-div .right .container-item-group {
    height: 48px;
}

.container-table-div .right .container-item-group-item {
    height: 48px;
    border-top: 1px solid #C7C7C7;
}

.container-table-div .right .container-item-group>div.item,
.container-table-div .right .container-item-group-item>div.item {
    float: left;
    width: 162px;
    border-right: 1px solid #C7C7C7;
    height: 48px;
    padding: 5px;
}

.container-table-div .left .row-left-top>.stt {
    width: 60px;
    float: left;
    height: 86px;
    border-right: 1px solid #C7C7C7;
    padding-top: 35px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

.container-table-div .left .row-left-top>.location-items {
    width: 265px;
    float: right;
    height: 86px;
    text-align: center;
    padding-top: 35px;
    font-weight: 600;
    font-size: 14px;
}

.container-table-div .left .row-left-top {
    width: 325px;
    height: 86px;
}

.container-table-div .left .row-left-row {
    width: 325px;
    height: 48px;
    background: #fff;
    border-top: 1px solid #C7C7C7;
}

.container-table-div .left .row-left-row>.stt {
    width: 60px;
    float: left;
    height: 48px;
    border-right: 1px solid #C7C7C7;
    text-align: center;
    padding-top: 15px;
}

.container-table-div .left .row-left-row>.location-items {
    width: 265px;
    float: right;
    height: 48px;
    text-align: center;
    padding: 5px;
}

.container-table-div .left .row-left-row>.location-items .district-selected {
    width: 100%;
}

.container-table-div .left .row-left-row>.location-items .district-selected select {
    width: 214px;
    height: 36px;
    border: 1px solid #EAEAEA;
    float: left;
    outline: none;
}

.container-table-div .left .row-left-row>.location-items .district-selected .btn-remove {
    width: 36px;
    height: 36px;
    background-color: #FF4848;
    float: right;
}

.container-table-div .left .row-left-row>.location-items .district-selected .btn-remove .rh-remove-opt {
    position: relative;
    width: 36px;
    height: 36px;
    color: #fff;
}

.container-table-div .right .container-item-group>div.item .partner-group {
    width: 100%;
    height: 36px;
    border: 1px solid #EAEAEA;
    padding-right: 10px;
    position: relative;
}

.container-table-div .right .container-item-group>div.item .partner-group>.textbox-partner-group {
    width: 100%;
    height: 34px;
    /*text-indent: 10px;*/
    padding: 0 10px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
}

.container-table-div .right .container-item-group>div.item .partner-group>.btn-remove {
    width: 34px;
    height: 34px;
    background-color: #FF4848;
    position: absolute;
    top: 0;
    right: 0;
}

.container-table-div .right .container-item-group>div.item .partner-group>.btn-remove .rh-remove-opt {
    position: relative;
    width: 34px;
    height: 34px;
    color: #fff;
}

.container-table-div .right .container-item-group-item>div.item .box-textbox-shipping-price {
    width: 100%;
    height: 36px;
    border: 1px solid #EAEAEA;
    padding-right: 10px;
    position: relative;
}

.container-table-div .right .container-item-group-item>div.item .box-textbox-shipping-price>.textbox-shipping-price {
    width: 100%;
    height: 34px;
    text-indent: 10px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
}

.container-table-div .right .container-item-group-item>div.item .box-textbox-shipping-price>span {
    width: 30px;
    position: absolute;
    right: 5px;
    /*top: 7px;*/
    top: 9px;
}

.border-focus {
    border: 1px solid #ED1C24 !important;
}

.required-input {
    border: 1px dashed #ED1C24 !important;
}

.action-button {
    margin-top: 20px;
}

.rh-navbar-left>li>a>img.hung-icon-top {
    height: 13px;
    width: 13px !important;
}


/* .rh-navbar-left>li>a img.hung-icon-top{
    top: 2px;
} */

.rh-navbar-left>li>a img.hung-icon-tron {
    height: 16px;
    width: 15px;
}


/* end admin/css/style-css3*/


/*dlt-style.css*/

img.icon-howmuch {
    margin-bottom: 0px;
}

.icon-howmuch,
.icon-languge-top {
    margin-right: 2.5px !important;
    top: 3px !important;
}

.icon-languge-top,
a.anchor-howmuch,
li.rh-top-menu.nl-top-menu {
    margin-top: -1px;
}

li.rh-top-menu.nl-top-menu.dlt-top-menu {
    margin-top: -2px;
}

img.icon-languge-top {
    margin-top: 0px;
}

img.icon-log-out {
    top: 3px !important;
}


/*end dlt-style.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: transparent;
    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 {
    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: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -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);
        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: -1px;
}

.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: 0;
    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(to 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(to 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(to 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(to 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(to 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;
    height: fit-content;
    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: 12px;
    width: 12px;
    color: #c1c1c1;
    cursor: pointer;
}

.rtdt-alert #rtdt-alert-close .material-icons {
    font-size: 30px;
}

.rtdt-alert .rtdt-alert-title {
    margin: 0;
    font-size: 18px;
    color: #232323;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    padding-bottom: 22px;
    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: 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*/


/*head.menu.php*/

.menuHorz.rh-navbar-left {
    position: relative;
    /*top: 3px;*/
    margin-top: 4px;
}


/**End change**/

.menuHorz.rh-navbar-left li a>table td {
    border: none;
    text-align: left;
}

.menuHorz.rh-navbar-left>li:not(.rh-top-menu)>a img {
    margin-right: 5px;
    top: 0px;
}

.menuHorz.rh-navbar-left li a>table td.txt {
    font-size: 11.5px;
    padding-right: 12px;
}

.menuHorz .border_align {
    position: absolute;
    right: 7px;
    height: 10px;
    border-right: 1px solid #CCC;
    top: 9px;
}


/*select.css*/

oi-select {
    display: block;
    position: relative;
    width: 100%;
}

oi-select .select-search {
    cursor: text;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    overflow: hidden !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

oi-select .select-search-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 2px 4px;
    list-style: none;
}

oi-select .select-search-list-item {
    font-size: 14px;
    margin: 2px 4px 2px 0;
    vertical-align: middle;
    white-space: normal;
}

oi-select .select-search-list-item_selection {
    cursor: pointer;
    background: #efefef;
    border-color: #ebebeb;
}

oi-select .select-search-list-item_selection:hover {
    border-color: #e5e5e5;
}

oi-select .select-search-list-item_selection:active,
oi-select .select-search-list-item_selection.focused {
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: inset 0 0 10px 5px #fff;
}

oi-select .select-search-list-item_selection.focused .close {
    display: none;
}

oi-select .select-search-list-item_selection-remove {
    padding-left: 2px;
}

oi-select .select-search-list-item_loader {
    float: right;
    margin-top: 6px;
    width: 16px;
    height: 16px;
    background: top url("data:image/gif;base64,R0lGODlhEAAQAPYAAP///wAAANTU1JSUlGFhYUFBQUVFRW9vb6Kiotzc3KSkpCUlJSkpKTExMTc3Nz8/P2tra7q6uh0dHXNzc+zs7O7u7sLCwoqKilFRUV9fX76+vtDQ0Ds7OxcXF4yMjKqqql1dXX19feLi4oaGhg8PD2lpaZycnGdnZ7a2tkdHRwsLC7CwsJaWlhkZGQcHB+jo6PT09Hl5eYSEhPb29oKCgqioqPr6+vz8/MDAwMrKyvj4+NbW1q6urvDw8NLS0uTk5N7e3s7OzsbGxry8vODg4NjY2PLy8tra2nt7e7S0tLKysk1NTVNTU1tbW2NjY0NDQz09PcTExHd3dzMzM+rq6isrK46OjllZWS0tLR8fH6CgoE9PTxMTE4iIiGVlZTU1NcjIyMzMzObm5ri4uH9/f5KSkp6enldXV5CQkEtLS0lJSSMjI6amphEREQ0NDaysrAUFBZqamicnJxUVFTk5OXV1dS8vLwkJCXFxcSEhIVVVVW1tbYCAgAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7");
}

oi-select .select-search-list-item_input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 4px 0 5px 5px;
}

oi-select .select-search-list-item_input input {
    padding: 0;
    outline: 0;
    border: 0;
    width: 100%;
}

oi-select .select-search-list-item_hide {
    position: fixed;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    text-indent: -9999em;
}

oi-select .select-dropdown {
    position: absolute;
    width: inherit;
    height: 300px;
    min-width: 160px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #cecece;
    border-top: 0;
    outline: 0;
    background-clip: padding-box;
    z-index: 1000;
}

oi-select .select-dropdown-optgroup {
    margin: 0;
    padding: 0;
    height: 250px;
    overflow: auto;
}

oi-select .select-dropdown-optgroup-header {
    font-weight: bolder;
    padding: 3px 10px;
}

oi-select .select-dropdown-optgroup-option {
    padding: 3px 20px;
}

oi-select .select-dropdown-optgroup-option.active:not(.disabled) {
    background-color: #f1f1f1;
    cursor: pointer;
}

oi-select .select-dropdown-optgroup-option.disabled {
    color: #aaa;
}

oi-select:not(.multiple) .select-search-list-item_selection {
    color: #444;
    width: 100%;
    border-color: #fff;
    text-align: left;
    font-weight: 600;
}

oi-select:not(.multiple) .select-search-list-item_selection:not(:active) {
    background: none;
}

oi-select:not(.multiple):not(.cleanMode) .select-search-list-item_selection-remove {
    display: none;
}

oi-select:not(.multiple):not(.cleanMode) .select-search:after {
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 0;
    top: 17px;
    border-color: #585858 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
}

oi-select[disabled="disabled"] .select-search {
    cursor: not-allowed;
    background: #eee;
    border: 1px solid #bdbdbd;
    opacity: 0.5;
}

oi-select[disabled="disabled"] .select-search-list-item_selection {
    cursor: not-allowed;
    box-shadow: none;
    border-color: transparent;
}

oi-select[disabled="disabled"] .select-search-list-item_selection-remove {
    visibility: hidden;
}

oi-select[disabled="disabled"] .select-search-list-item_input input:disabled {
    cursor: not-allowed;
    background: none;
}

oi-select.open .select-search {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

oi-select.open:not(.multiple) .select-search:after {
    border-color: transparent transparent #585858 transparent;
    border-width: 0 5px 5px 5px;
}

oi-select.loading:not(.multiple) .select-search:after {
    border-width: 0;
}

oi-select.emptyList .select-dropdown-optgroup-option strong {
    font-weight: normal;
}

.select-dropdown>div,
.select-dropdown>form {
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    width: 100%;
    height: 50px;
    background-color: #f9f9f9;
    z-index: 1;
    line-height: 30px;
    border-top: 1px solid #d9d9d9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.select-dropdown>div>span {
    color: #128aca;
    cursor: pointer;
    border-bottom: 1px solid #128aca;
}

.select-dropdown>form>input {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    width: 200px;
    height: 30px;
    padding: 5px;
    border: 1px solid #d9d9d9;
}

.select-dropdown>form>button {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    height: 30px;
    width: 40px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

oi-select.focused .select-search,
oi-select.focused .select-dropdown {
    border: 1px solid #ff4848;
}

oi-select.focused .select-dropdown {
    border-top: 1px solid #d9d9d9;
    top: 35px;
}


/*end select.css*/


/*register step 2*/

.rh-reg-s2-wr {
    position: relative;
    background-color: #eeeeee;
}

.rh-reg-s2-wr .langbtn {
    position: absolute;
    right: 50px;
    top: 0;
}

.rh-reg-s2-wr #rh-lang-list {
    display: none;
}


/* .rh-reg-s2-wr .langbtn,
.rh-lang-top>button {
    cursor: pointer;
} */

.rh-reg-s2-wr #logo img {
    top: 0;
}


/*end register step 2*/


/*ethics.php*/

.nl-ethics-tbl .rh-row>div.rh-col1>img {
    vertical-align: middle;
}


/*end ethics.php*/


/*rs-common.css*/


/* 
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;
}


/*--- 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 {
    position: relative;
    display: table;
    cursor: pointer;
    text-align: center;
    height: 90px;
    width: 90px;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    /*position: relative;*/
    /* overflow:hidden; */
    background-image: url('/img/icon-upload-file.png');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    /*margin-top: -12px;*/
    margin-top: 0px;
    /*margin-bottom: 5px;*/
    margin-bottom: 0px;
    border: 0;
}

.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: /* 44 */
    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: 5px;
    margin-left: 10px;
    margin-right: 8px;
    font-size: 13px;
}

.rh-lang-area span.rh-original-lang.active {
    background-color: #ff4848;
    color: #fff;
}

.rh-lang-area span.rh-original-lang {
    background-color: #fff;
    color: #999;
}

.hung-lang-area span img {
    width: 26px;
    height: 20px;
}

.rh-lang-area span.active img.inactive {
    display: none;
}


/*end rs-commont.css*/


/*delivery*/

#tab_delivery_fee .rh-radio-style {
    margin-top: 8px;
}

#tab_delivery_fee .change_form_botton,
#tab_delivery_fee .editing-mode {
    position: relative;
    top: 10px;
}

#tab_delivery_fee .editing-mode b {
    font-weight: 500;
}

#tab_delivery_fee .status-delivery {
    position: relative;
    top: 10px;
}

#tab_delivery_fee .nl_normal_fee .nl_span_1 {
    width: 200px;
}

#tab_delivery_fee .nl_status_delivery {
    display: flex;
}

#tab_delivery_fee .nl_status_delivery .nl_span_1 {
    font-weight: 500;
    width: 200px;
    line-height: 40px;
}

#tab_delivery_fee .nl_status_delivery .nl_span_2 {
    position: relative;
    top: 10px;
}

#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;
}

.dien-modal-content {
    position: absolute;
    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 40px;
    width: 500px;
    margin: auto;
    height: 300px;
}

.dien-modal-content .modal-bottom-side {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.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: 37px;
    font-size: 13px;
    min-width: 92px;
    text-align: center;
    width: 115px;
    height: 41px;
}

.dien-modal-content .btn-save {
    color: white;
    background-color: #FF4848;
    border: 1px solid #FF4848;
    font-weight: 500;
}

.dien-modal-content .dien-modal-title {
    font-size: 20px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    text-align: center !important;
}

.dien-modal-content .dien-modal-form {
    margin: 20px 0 0;
    height: 140px;
}

.dien-modal-content .input-password {
    margin-top: 25px;
    margin-bottom: 35px;
}

.dien-modal-content .modal-alert {
    line-height: 1.4;
    display: block;
    text-align: left;
}

.dien-modal-content .error-verify {
    color: red;
    display: block;
    text-align: left;
    position: relative;
}

.dien-modal-content .nl_div_group_btn .nl-span-active,
.dien-modal-content .nl_div_group_btn .nl-span-unactive {
    cursor: pointer;
}

.dien-modal-content .dien-modal-form .rh-radio-style {
    display: block;
    text-align: left;
    margin-left: 5px;
}

.nl-ul-delivery-tabs li:hover {
    cursor: pointer;
}


/*end delivery*/


/*end delivery*/


/* Nhat */

h3 {
    color: red;
}


/* .nvn-mul- */


/* End - Nhat */

.rh-foto-list {
    overflow: visible;
}

.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 {
    border: 1px solid rgb(229, 229, 229);
}

.rh-foto-list .rh-rv-user-foto li {
    position: relative;
    display: inline;
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 10px;
    cursor: pointer;
}

.rh-rv-user-foto .bounder {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    overflow: hidden;
    z-index: 9999 !important;
    left: 0;
    background: rgba(0, 0, 0, 0.5) !important;
    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: 10000 !important;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span {
    position: relative;
}

.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;
}

.rh-rv-user-foto .tooltip2>.left .arrow {
    z-index: 10001;
}

.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: -95px;
    top: 25px;
    font-size: 13px;
    background: white;
    line-height: 26px;
    display: none;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img {
    display: flex;
    display: -webkit-flex;
    /* justify-content: space-between; */
    margin-bottom: 17px;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span {
    cursor: pointer;
}

.rh-rv-user-foto .tooltip2 .right .content .list_img span {
    position: relative;
    margin-right: 10px;
}