/*
 * Normalization
 */
abbr[title] {
    text-decoration: underline; /* Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ */
    text-decoration: underline dotted; /* Firefox 40+ */
}
audio:not([controls]) {
    display: none; /* Chrome 44-, iOS 8+, Safari 9+ */
}
b,
strong {
    font-weight: bolder; /* Edge 12+, Safari 6.2+, and Chrome 18+ */
}
button {
    -webkit-appearance: button; /* iOS 8+ */
    overflow: visible; /* Internet Explorer 11- */
}
button,
input {
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;/* Firefox 4+ */
    padding: 0;/* Firefox 4+ */
}
button:-moz-focusring, input:-moz-focusring {
    outline: 1px dotted ButtonText;/* Firefox 4+ */
}
button,
select {
    text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}
details {
    display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}
html {
    -ms-overflow-style: -ms-autohiding-scrollbar;  /* Edge 12+, Internet Explorer 11- */
    overflow-y: scroll;  /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%;  /* iOS 8+, Windows Phone 8.1+ */
}
html.noScroll::webkit-scrollbar{display: none;}
hr {
    overflow: visible; /* Internet Explorer 11-, Edge 12+ */
}
input {
    -webkit-border-radius: 0 /* iOS 8+ */
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;/* iOS 8+ */
}
input[type="number"] {
    width: auto;/* Firefox 36+ */
}
input[type="search"] {
    -webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;/* Chrome 45+, Safari 9+ */
}
main {
    display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}
pre {
    overflow: auto; /* Internet Explorer 11- */
}
progress {
    display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */
}
summary {
    display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}
svg:not(:root) {
    overflow: hidden; /* Internet Explorer 11- */
}
template {
    display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}
textarea {
    overflow: auto; /* Edge 12+, Internet Explorer 11- */
}
[hidden] {
    display: none; /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */

*,
:before,
:after {
    box-sizing: inherit;
}
* {
    font-size: inherit;
    line-height: inherit;
}
:before,
:after {
    text-decoration: inherit;
    vertical-align: inherit;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/* specify the margin and padding of all elements */
* {
    margin: 0;
    padding: 0;
}
/* specify the border style and width of all elements */
*,
:before,
:after {
    border-style: solid;
    border-width: 0;
}
/* remove the tapping delay from clickable elements */
a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
/* specify the standard appearance of selects */
select {
    -moz-appearance: none;    /* Firefox 40+ */
    -webkit-appearance: none /* Chrome 45+ */
}
select::-ms-expand {
    display: none;/* Edge 12+, Internet Explorer 11- */
}
select::-ms-value {
    color: currentColor;/* Edge 12+, Internet Explorer 11- */
}
/* use current current as the default fill of svg elements */
svg {
    fill: currentColor;
}
/* specify the progress cursor of updating elements */
[aria-busy="true"] {
    cursor: progress;
}
/* specify the pointer cursor of trigger elements */
[aria-controls] {
    cursor: pointer;
}
/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
    cursor: default;
}
/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden="false"] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute
}
[hidden][aria-hidden="false"]:focus {
    clip: auto;
}
/*
 * Configurable defaults
 */
/* specify the background repeat of all elements */
* {
    background-repeat: no-repeat;
}
/* specify the root styles of the document */
:root {
    background-color: #f7f8f8;
    box-sizing: border-box;
    color: #000000;
    cursor: default;
    font: 100%/1.5 sans-serif;
}
/* specify the text decoration of anchors */
a {
    text-decoration: none;
}
/* specify the alignment of media elements */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
/* specify the coloring of form elements */
button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
}
/* specify the minimum height of form elements */
button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
    min-height: 1.5em;
}
/* specify the font family of code elements */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
}
/* specify the list style of nav lists */
nav ol,
nav ul {
    list-style: none;
}
/* specify the font size of small elements */
small {
    font-size: 75%;
}
/* specify the border styling of tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* specify the resizability of textareas */
textarea {
    resize: vertical;
}
/* specify the background color, font color, and drop shadow of text selections */
::-moz-selection {
    background-color: #b3d4fc; /* required when declaring ::selection */
    /*color: #ffffff;*/
    text-shadow: none;
}
::selection {
    background-color: #b3d4fc; /* required when declaring ::selection */
    /*color: #ffffff;*/
    text-shadow: none;
}
/*******  global  ********/
@font-face {
    font-family: 'HiraKakuPro-W6';
    src: url('../fonts/HiraKakuPro-W6.otf') format('opentype'); 
}
@font-face {
    font-family: 'HiraKakuPro-W3';
    src: url('../fonts/HiraKakuPro-W3.otf') format('opentype');
}
html, body { 
    height:100%; 
    margin:0; 
}

body{
    font-size: 14px;
    line-height: 1;
    color: #23201c;
    font-family: 'HiraKakuPro-W3', Arial, Helvetica, sans-serif;
}
.btn a, .btn button{
    display: block;
    border-radius: 3px;
    cursor: pointer;
}
.brownBtn a{
    background: #413b30;
}
h1{
    font-size: 1.72em;
}
h2{
    font-size: 1.44em; /*23px*/
}
h3{
    font-size: 1.2em; /*19px*/
}
table{
    width: 100%;
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}
input[type="text"]:focus {
    outline: 0;
}
/*******  #side  ********/
#wrapper{
    /*position: relative;*/
    height: 100%;
}
#side{
    position: absolute;
    background: #32302d;
    width: 16.25rem;
    z-index: 2;
    height: 100%;
    color: #eee;
    /*New css 01/06/2016*/
    top: 64px;
}
#side a{
    color: #eee;
}
.sideTop{
    height:60px; /*暫定*/
}

nav.sidemenu > ul > li{
    /*New css 01/06/2016*/
    position: relative;
}
nav.sidemenu > ul > li > a{
    display: block;
    padding: 25px 24px;
}
nav.sidemenu .active{
    background: #21201e;
}
nav.sidemenu .active li > a,
nav.sidemenu li ul a{
    display: block;
    padding: 14px 20px;
    text-align: right;
    font-size: 0.94em; /*15px*/
}
nav.sidemenu > ul > li > a{border-bottom: 1px solid #4e4b48; }
nav.sidemenu .active_sub{
    background: #91a328
}
nav.sidemenu > ul > li a:hover{
    opacity: 0.9;
}
nav.sidemenu li ul{
    top: 50%;
    visibility: hidden;
    /* transition: .8s; */
    height: 0;
}
nav.sidemenu li.hover ul,
nav.sidemenu li.active ul{
    top: 100%;
    visibility: visible;
    height: auto;
}
nav.sidemenu a{
    position: relative;
}
nav.sidemenu a i:first-child{
    margin-right: 12px;
}
nav.sidemenu a i:last-child{
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: 1.2em;
}

/*******  #main  ********/
#main{
    /*New css 01/06/2016*/
    position: relative;
    overflow: hidden;
    min-height: 100%;
}
#main header{
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 2px 12px 0px rgba(204,204,204,1);
    box-shadow: 0px 2px 12px 0px rgba(204,204,204,1);
    min-width:initial;
}
#main header > div{
    display: inline-block;
}
#main .btn a, #articleBlock #submitBtnBlock button, #articleBlock #submitBtnBlock .btn a{
    padding: 11px 21px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
}
#main .btn i{
    margin-right: 10px;
}
.whiteBtn a{
    color: #23201c;
    border-color: #ccc;
    background: rgb(255,255,255); /* Old browsers */
    background-image: -moz-linear-gradient( 90deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%);
}
.greenBtn a{
    color: #fff;
    background: rgb(144,162,40); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(144,162,40,1) 40%, rgba(133,150,37,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(144,162,40,1) 40%,rgba(133,150,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(144,162,40,1) 40%,rgba(133,150,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90a228', endColorstr='#859625',GradientType=0 ); /* IE6-9 */
    border-color: #738120;
}
.blackBtn a, .blackBtn button{
    color: #fff;
    background: rgb(71,71,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(71,71,70,1) 40%, rgba(65,65,64,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(71,71,70,1) 40%,rgba(65,65,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(71,71,70,1) 40%,rgba(65,65,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474746', endColorstr='#414140',GradientType=0 ); /* IE6-9 */
    border-color: #3f3e3b;
}
.blackBtn a.f90{
    font-size: 90%;
}
.orangeBtn a, .orangeBtn button{
    color: #fff;
    background: rgb(228,160,45); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(228,160,45,1) 40%, rgba(222,140,1,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(228,160,45,1) 40%,rgba(222,140,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(228,160,45,1) 40%,rgba(222,140,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a02d', endColorstr='#de8c01',GradientType=0 ); /* IE6-9 */
    border-color: #bc8426;
}
.pinkBtn a{
    color: #c45555;
    background: rgb(244,221,221); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244,221,221,1) 40%, rgba(224,203,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(244,221,221,1) 40%,rgba(224,203,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(244,221,221,1) 40%,rgba(224,203,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4dddd', endColorstr='#e0cbcb',GradientType=0 ); /* IE6-9 */
    border-color: #c45555;
}
.textOrange{
    color: #EFA11D;
}
.notes{
    line-height: 1.8;
}
#main #seachBlock, #main #searchBlock{
    margin: 14px 28px;
}
#main #seachBlock input[type="text"],#main #searchBlock input[type="text"] {
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border: 1px solid #d0d2d4;
    border-right: 0;
    line-height: 2.1;
    padding: 0 15px;
    width: 255px;
}
#main #seachBlock input[type="submit"],#main #searchBlock input[type="submit"] {
    font-family: FontAwesome;
    border-radius:0px 3px 3px 0px ;
    -moz-border-radius:0px 3px 3px 0px ;
    -webkit-border-radius:0px 3px 3px 0px ;
    line-height: 2.1;
    background: #e49f2a;
    border: 1px solid #e49f2a;
    color: #fff;
    padding: 0 12px;
}
#main #loginBlock{
    position: absolute;
    top: 12px;
    right: 30px;
}
#main #loginBlock .whiteBtn{
    font-size: 0.94em; /*15px*/
}
tr .whiteBtn{
    font-size: 0.94em; /*15px*/
    width:160px;
    text-align:center;
    padding:0;
}
#main #loginBlock > div{
    display: inline-block;
}
#main #loginBlock .nameView span{
    padding: 0 18px;
}
#main .nameView{
    margin-right: 10px;
}
#main .loginName{
    font-weight: bold;
    border-left: 1px solid #ccc;
}
#content{
    /*New css 01/06/2016*/
    padding: 14px 24px;
    background: #f7f8f8;
    transition: .6s cubic-bezier(.19,1,.22,1);
}
#flashMessage, #customerSuccessMessage, #userSuccessMessage, #propertySuccessMessage, #advertisementSuccessMessage {
    padding: 0 0 0 240px;
    width: 100%;
    min-height: 55px;
    line-height: 55px;
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background: #9B9B9B;
}
#breadcrumb li{
    color: #7f828f;
    font-size: 0.81em; /*13px*/
    display: inline;
}
/*===== nhatdt new css 28/07/2016 =====*/
#breadcrumb li a{
    /*margin: 0 12px;*/
    /*text-decoration: underline;*/
    margin: 0 6px;
    color: #ebae2d;
}
/*===== end nhatdt new css 28/07/2016===== */
#breadcrumb li a:first-child{
    margin-left: 0px;
}
#infoBlock{
    margin-top: 24px;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
}
#infoBlock.noneb{
    border-bottom: none;
}
#infoBlock h2{
    line-height: 2em;
}
.v2 #infoBlock{
    border-bottom: none;
}
#infoBlock > div, #infoBlock > h1{
    display: inline-block;
    vertical-align: middle;
}
#infoBlock div{
    display: inline-block;
}
#infoBlock .btn a{
    width: 163px !important;
    text-align: center;
    height: 46px;
    line-height: 46px;
    padding: 0 !important;
}
#infoBlock .btn.greenBtn.Wide{
    display: block;
    margin-bottom: 20px;
    padding-left: 30px;
}
#infoBlock .btn.greenBtn.Wide a{
    width:280px;
}
#infoBlock .buttonBlock{
    position: absolute;
    top: -24px;
    right: 0;
}

#infoBlock .buttonBlock > div:last-child{
    margin-left: 13px;
    padding-left: 16px;
    border-left: 1px solid #ccc;
}
#infoBlock .buttonBlock > div:last-child > div:last-child{
    margin-left: 5px;
}
#infoBlock .radioButton{
    display: block;
    margin-top: 20px;
}

#topBlock .detailBlock{
    display: inline-block;
    width: 48%;
    margin: 40px 0;
    vertical-align: top;
    border: solid 1px #cccccc;
    border-radius: 3px;
    padding: 20px 0;
    background-color: #fff;
}
#topBlock .detailBlock.right{
    margin-left: 30px;
}
#topBlock .detailBlock .detailInner ul{
    padding: 0 16px;
}
#topBlock .detailBlock .detailInner ul li{
    list-style: none;
    padding: 2em 0px 7px;
    border-bottom: 1px dotted #cccccc;
    font-size: 0.9em;
}
#topBlock .detailBlock .detailInner li dd,
#topBlock .detailBlock .detailInner li dt{
    display: inline-block;
}
#topBlock .detailBlock .detailInner li dt{
    width: 130px;
}
#topBlock .detailBlock .detailInner li dd{
    width: 19em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
#topBlock .detailBlock .detailInner li dl a{
    color: #323232;
}
#topBlock .detailBlock .detailInner li dl a:hover{
    color: #808080;
}
.detailBlock .detailInner{
    overflow: hidden;
}
.detailBlock .detailInner .date{
    font-size: 80%;
    text-align: right;
}
#topBlock .detailBlock #submitBtnBlock{
    display: block;
    width: 380px;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 20px;
}

#topBlock .detailBlock #submitBtnBlock .btn{
    display: inline-block;
    width: 180px;
}
#articleLabelBlock{
    margin-top: 16px;
}
#articleLabelBlock > div{
    margin: 0 7px;
    display: inline-block;
    color: #fff;
}
#articleLabelBlock > div div{
    display: inline-block;
}
#articleLabelBlock > div div:first-child{
    padding: 18px;
}
#articleLabelBlock > div div:last-child{
    padding: 18px 16px;
}
#articleLabelBlock .sell div:first-child{
    background: #087b90;
}
#articleLabelBlock .sell select{
    border:none;
    border-radius: 0;
    border: none;
    padding: 0;
    width: 300px;
    line-height: 2;
    padding: 10px;
    margin-left: -10px;
    background:none;
    background-color: #0b8fa7;
    background-image: url(../img/btn_pulldown_blue.png);
    background-repeat: no-repeat;
    background-size: 51px;
    background-position: center right;
}
#articleLabelBlock .buy div:first-child{
    background: #c65c5c;
}
#articleLabelBlock > div div:last-child,
#articleLabelBlock .buy select {
    border:none;
    border-radius: 0;
    border: none;
    padding: 0;
    width: 330px;
    line-height: 2;
    padding: 10px;
    margin-left: -10px;
    background:none;
    background-color: #ea8484;
    background-image: url(../img/btn_pulldown_pink.png);
    background-repeat: no-repeat;
    background-size: 51px;
    background-position: center right;
}
#articleLabelBlock a{
    color:#fff;
}
#articleLabelBlock .active:after{
    content: '';
    position: absolute;
    left: 45%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 16px 0 16px;
}
#articleLabelBlock .active{
    position: relative;
}
#articleLabelBlock .sell.active:after{
    border-color: #0b8fa7 transparent transparent transparent;
}
#articleLabelBlock .buy.active:after{
    border-color: #32302d transparent transparent transparent;
}
#createProjectBlock{
    text-align: right;
    margin: 12px 0 20px 0;
}
#createProjectBlock .btn{
    display: inline-block;
}
#articleBlock .articleTitle{
    margin: 28px 0;
}
#articleBlock .articleTitle > h2, #articleBlock .articleTitle > div{
    display: inline-block;
    vertical-align: middle;
}
#articleBlock .articleTitle > h2{
    margin-right: 26px;
}
#articleBlock .articleTitle .btn{
    width: 85px;
    text-align:center;
}
#articleBlock .btn a{
    padding-top: 7px;
    padding-bottom: 7px;
}
#articleBlock .detailBlock{
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 14px;
}
#articleBlock .detailBlock.articleAll,
#articleBlock .detailBlock.customerAll{
    border:none;
    border-radius: 0px;
    background: none;
}
#articleBlock .detailBlock > div{
    padding: 17px 22px 16px;
    border-bottom: 1px solid #ccc;
}
#articleBlock .articleAll.detailBlock > div{
    padding: 0;
    border-bottom:none;
}
#articleBlock .detailBlock > div.effect{
    padding: 0px;
}
#articleBlock .detailBlock > div:last-child{
    border-bottom: none;
}
#topBlock .detailBlock .label,
#articleBlock .detailBlock .label{
    position: relative;
    border-bottom: 1px solid #ccc;
}
#topBlock .detailBlock .label  > h3,
#articleBlock .detailBlock .label > h3, #articleBlock .detailBlock .label > div {
    display: inline-block;
}
#topBlock .detailBlock .label  > h3{
    padding-bottom: 8px;
    padding-left: 16px;
}
.hideButton,.hideButton2,.hideButton3,.hideButton4,
.hideButton5,.hideButton6,.hideButton7{
    font-size: 0.88em; /*14px*/
    color: #84807d;
    position: absolute;
    right: 22px;
    top: 25px;
}
.hideButton i,.hideButton2 i,.hideButton3 i,.hideButton4 i,
.hideButton5 i,.hideButton6 i,.hideButton7 i{
    margin-left: 10px;
}
.detailBlock .addHistory{
    position: relative;
}
.detailBlock .whiteBtn{
    width:160px;
    text-align:center;
    padding:0;
}

#articleBlock .detailBlock .whiteBtn a{
    line-height:40px;
    padding:0;
}
.detailBlock .detailInner > *{
    margin-bottom: 20px;
}
.detailBlock .detailInner > *:last-child{
    margin-bottom: 0px;
}
.logInfo .detailInner tr:nth-child(odd){
    background: #fdfdfd;
}
.detailBlock .addHistory > div{
    display: inline-block;
}
.detailBlock .update{
    top: 8.5px;
    font-size: 0.88em;
    color: #84807d;
    position: absolute;
    right: 0px;
}
.progress > div{
    display: inline-block;
    width: 96px;
    height: 96px;
    font-size: 0.88em; /*14px*/
    background: #f3f3f4;
    position: relative;
    margin-right: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
}
.progress > div:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 0 9.5px 11px;
    border-color: transparent transparent transparent #c0c0c9;
    position: absolute;
    right: -19px;
    top: 38px;
}
.progress > div:last-child:after{
    content: '';
    border: 0;
}
.progress > div span{
    line-height: 1.5;
    top: 50%;
    right: 0;
    position: absolute;
    margin-top: -0.75em;
    width: 100%;
}
.progress > div span.twoRows{
    margin-top: -1.5em;
}
.progress > div.active{
    background: #f8e7ca;
    box-sizing:	border-box;
    border:	2px solid #EFA11D;
    color: #EFA11D;
    font-weight:bold;
}
.progress > div.active:after{
    border-color: transparent transparent transparent #EFA11D;
}
.detailBlock table{
    border-collapse: separate;
    border-spacing:0;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
}
.detailBlock th{
    color: #494a40;
    background: #f5f8e3;
    font-size: 0.94em; /*15px*/
}
.detailBlock th, .detailBlock td {
    /*padding: 12px 20px 12px 20px;*/
    padding: 8px 22px 8px 22px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.logInfo .detailBlock th{
    border-bottom:0;
}
.detailBlock tr > th:last-child, .detailBlock tr > td:last-child{
    border-right: none;
}
.detailBlock tr > td{
    /*padding-left: 20px;*/
    border-bottom: none;
}
.history th{
    width: 33.33%;
}
.detailBlock .notes{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px;
}
#articleBlock .detailInner.effect{
    padding-top: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
}
.detailBlock .detailInner.effect .title{
    margin-bottom: 0;
    width: 100%;
    display: table;
}
.detailBlock .detailInner.effect .title.first{
    border-bottom: 1px solid #cccccc;
}
.detailBlock .detailInner.effect .title.Wide{
    margin-bottom: 0;
    width: 100%;
    display: block;
}
.detailBlock .detailInner.effect .title > div{
    display: table-cell;
    vertical-align: middle;
}
.detailBlock .detailInner.effect .title > div:last-child{
    text-align: center;
    width: 58px;
    background: #f7eddc;
    color: #EFA11D;
    border-left: 1px solid #ddd2c0;
}
.detailBlock .detailInner.effect .title.nonActive > div:last-child{
    text-align: center;
    width: 58px;
    background: #cccccc;
    color: #808080;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.effect .label{
    background: #fcf9f3;
    padding: 0 20px;
}
.effect .nonActive.first{
    border-bottom: solid 1px #7f7b73;
}
.detailBlock .detailInner.effect .title.nonActive.last{
    margin-bottom: 40px;
}
.effect .nonActive .label{
    background-color: #ededed;
}
.effect .label h4{
    color: #EFA11D;
    font-size: 1.44em; /*23px*/
}
.effect .nonActive .label h4{
    color: #323232;
}
.detailBlock .effect table{
    border-radius: 0;
    border: none;
    border-top: 1px solid #ccc;
}
.detailBlock .effect th{
    width: 20%;
}
.detailBlock .effect td{
    border-bottom: 1px solid #ccc;
}
.detailBlock .effect tr:last-child > td{
    border-bottom: none;
    padding: 20px;
}
.detailBlock .effect .notes{
    border: none;
}
.effect .num{
    background: #EFA11D;
    color: #fff;
    font-weight: bold;
    font-size: 1.36em; /*22px*/
    width: 58px;
    height: 58px;
    text-align: center;
}
.effect .nonActive .num{
    background: #cccccc;
    color: #323232;
}
#articleBlock .detailBlock .effect .label{
    position: relative;
    border-bottom: none;
}
#articleBlock .detailBlock .effect .label span{
    right: 20px;
    top: 22px;
}
#articleBlock .customerInfo .detailInner{
    padding-bottom: 0;
}
.customerInfo .detailInner > div{
    /*nhatdt edit css*/
    /*    float: left;
        width: 48%;
        margin-right: 4%;*/
}
.customerInfo .detailInner > div:last-child{
    margin-right: 0;
}
.customerInfo .detailInner th{
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom:1px solid #c6c8ba;
}
.customerInfo .detailInner td{
    border-bottom: 1px solid #ccc;
}
.customerInfo .detailInner tbody > tr:last-child th{
    border-bottom: none;
}
.customerInfo .detailInner tbody > tr:last-child td{
    border-bottom: none;
}
.logInfo th,.logInfo td{
    padding-top: 13px;
    padding-bottom: 13px;
}
.logInfo th{
    background: #f3f3f4;
}
.logInfo tr > td{
    border-bottom: 1px solid #ccc;
}
.logInfo tr:last-child > td{
    border-bottom: none;
}
.logInfo tr > td:first-child{
    text-align: center;
}
.logInfo tr > th:last-child{
    width: 45%;
}
#submitBtnBlock{
    padding: 10px 0 60px 0;
    width: 800px;
    margin: 0 auto;
}
#submitBtnBlock > div{
    display: inline-block;
    width: 136px;
    text-align: center;
    margin-right: 9px;
}
#submitBtnBlock > div:last-child{
    margin-right: 0;
}
/*追加*/

.pull_menu{
    background-color: #ededed;
    color: #000;
    width: 163px;
    padding-left: 10px;
    background:#EEE url(../img/btn_pulldown_gray.png) no-repeat;
    background-size:40px;
    background-position: right center;
}
.pull_menu div{
    color: #000;
    line-height: 0.3em;
}
#infoBlock > h1.check_title{
    display: block;
    width: 300px;
    margin: 0 auto;
    border: solid 1px #ccc;
    background-color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 1.2em;
    padding: 10px 0;
    margin-bottom: 20px;
}
#infoBlock h3.type{
    font-weight: normal;
    margin-top: 20px;
}
#submitBtnBlock ul{
    text-align: center;
}
#submitBtnBlock ul li{
    list-style: none;
    width: 163px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}
#submitBtnBlock ul li .blackBtn,
#submitBtnBlock ul li .whiteBtn{
    width: 145px
}
#submitBtnBlock ul li .pinkBtn{
    display: inline-block;
    width: 163px;
}
#articleBlock .detailBlock.customer{
    overflow: hidden;
}
#articleBlock .detailBlock .table_left{
    float: left;
    width: 48%;
    margin-right: 1;
}
#articleBlock .detailBlock .table_right{
    float: right;
    width: 48%;
}
#articleBlock .detailBlock table{
    width: 100%;
    table-layout: fixed;
}

#articleBlock .detailBlock th{
    width: 150px;
}
#articleBlock .detailBlock .tableBlock td{
    width: auto;
}
#articleBlock .detailBlock td{
    width: 230px;
}
#articleBlock .detailBlock td.type80{
    width: 90px;
}
#articleBlock .detailBlock td.typeAll1{
    width: 350px;
}
#articleBlock .detailBlock td{
    border-bottom: solid 1px #ccc;
}
#articleBlock .detailBlock .text_box{
    width: 100%;
    padding: 10px;
    border:solid 1px #cccccc;
    border-radius: 3px;
    height: 250px;
    line-height: 1.5em;
}
#articleBlock .detailBlock.customer ul{
    overflow: hidden;
    display: block;
}
#articleBlock .detailBlock form li{
    display: inline-block;
}
#articleBlock .detailBlock input[type="text"],#articleBlock .detailBlock input[type="email"],#articleBlock .detailBlock input[type="number"]{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #d0d2d4;
    line-height: 1.95;
    padding: 2px 15px 0;
    width: 255px;
}
#articleBlock .detailBlock .fixText{
    font-size: 0.9em;
}
#articleBlock .detailBlock .fixText:last-child{
    border-left: 2px solid #cccccc;
    padding-left: 1.5em;
    /*color:#057EC3;*/
}
#articleBlock .detailBlock p.inputTypeBlock,
#articleBlock .detailBlock.customer ul,
#articleBlock .detailBlock.history ul,
.detailBlock #customerBlock ul{
    /*display: inline-block;*/
    margin-bottom: 20px;
}
.detailBlock #customerBlock ul{
    display: block;
}
#articleBlock .detailBlock ul li .w_line{
    line-height: 1em;
    position: relative;
    top: 8px;
    margin-top: -8px;
}
#articleBlock .detailBlock ul li{
    padding-right: 13px;
    list-style: none;
    display: inline-block;
}
#articleBlock .detailBlock.articleAll ul li{
    padding-right: 0;
}
#articleBlock .detailBlock ul li p{
    display: inline-block;
    width: 5em;
}

#articleBlock .detailBlock ul li.search input{
    background:url(../img/icon_serch.png) no-repeat;
    background-size:15px;
    background-position: 8px 10px;
    padding-left: 26px;
}
#articleBlock .detailBlock p.inputTypeBlock input,
#articleBlock .detailBlock ul li input{
    margin-left: 0px;
    margin-right:10px;
}

#articleBlock .detailBlock ul　li select option{
    padding: 0 10px;
}
#articleBlock .detailBlock td.type50,
#articleBlock .detailBlock li.type50 input{
    width: 50px;
}
#articleBlock .detailBlock li.type60 input{
    width: 62px;
}
#articleBlock .detailBlock td.type100,
#articleBlock .detailBlock li.type100 input{
    width: 100px;
}

#articleBlock .detailBlock li.type105 input{
    width: 70px;
}

#articleBlock .detailBlock td.type110,
#articleBlock .detailBlock li.type110 input{
    width: 111px;
}
#articleBlock .detailBlock td.end.A{
    width: 99px;
}

#articleBlock .detailBlock li.type180 input,
#articleBlock .detailBlock li.type180 select{
    width: 179px;
}
#articleBlock .detailBlock td.type230,
#articleBlock .detailBlock li.type230 input,
#articleBlock .detailBlock li.type230 select{
    width: 200px;
}
#articleBlock .detailBlock td.type230,
#articleBlock .detailBlock li.type230 input,
#articleBlock .detailBlock li.type230 select{
    width: 230px;
}
#articleBlock .detailBlock td.type300,
#articleBlock .detailBlock li.type300 input,
#articleBlock .detailBlock li.type300 select{
    width: 300px;
}
#articleBlock .detailBlock td.type350,
#articleBlock .detailBlock li.type350 input,
#articleBlock .detailBlock li.type350 select{
    width: 348px;
}

#articleBlock .detailBlock li.type350 select.w207{
    width: 207px !important;
}
#articleBlock .detailBlock li.type400 input,
#articleBlock .detailBlock li.type400 select{
    width: 398px;
}
#articleBlock .detailBlock li.type301 input, #articleBlock .detailBlock .type301 input{
    width: 301px !important;
}
#articleBlock .detailBlock li.type600 input{
    width: 600px;
}
#articleBlock .detailBlock li.type750 input{
    width: 759px;
}
#articleBlock .detailBlock li.type800 input,
#articleBlock .detailBlock li.type800 select{
    width: 806px;
}
#articleBlock .detailBlock li.type800_200 input{
    width: 890px;
    height: 200px;
}
#articleBlock .detailBlock.customer .btn.blackBtn
{
    width: 250px;
    font-size:11px;
    float: right;
    margin-bottom: 20px;
}
#articleBlock .detailBlock p.wide8{
    width: 8em;
}
/*プルダウンメニュー*/
#infoBlock .categoryBlock select,
#articleBlock .detailBlock select{
    border: solid 1px #ededed;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #d0d2d4;
    padding: 6px 15px;
    width: 95px;
    margin-left: 0px;
    line-height: 1.2;
    height: 31px;
    background:url(../img/btn_pulldown.png) no-repeat;
    background-size:31px;
    background-position: right center;
}
.customerBasicInfo .result-block .result-block-inner .type110 select{
    width: 95px !important;
}
.customerBasicInfo .result-block .result-block-inner .type110 input{
    width: 75px !important;
}

#infoBlock .categoryBlock{
    display: block;
    float: right;
}
#infoBlock .categoryBlock select{
    width: 200px;
    background-color: #fff;
}
#infoBlock .categoryBlock select.type240{
    width: 240px;
    background-color: #fff;
}
#infoBlock form, #infoBlock .form{
    margin-top: 20px;
    width: 100%;
}
#infoBlock form input,#infoBlock .form input{
    margin-right: 8px;
}
#infoBlock form input:last-child, #infoBlock .form input:last-child, #infoBlock .form #choose2, #infoBlock .radio-type{
    margin-left: 30px;
}
/*プルダウン終了*/
.completionMessage{
    padding-top: 20%;
    text-align: center;
    padding-bottom: 25%;
}
.completionMessage p{
    font-size: 1.2em;
}
.completionMessage .btn.blackBtn.under{
    width: 150px;
    margin-top: 60px;
}
.atention{
    font-size: 80%;
    margin-bottom: 0.8em;
}
#articleBlock .detailBlock .detailInner{
    overflow: hidden;
}
#articleBlock .detailBlock .detailInner form ul{
    display: block;
}
#articleBlock .detailBlock .detailInner .article_ph{
    width: 390px;
    height: 268px;
    float: left;
    background: #f7f8f8;
    border: 1px solid #f7f8f8;
    position: relative;
}
#articleBlock .detailBlock .detailInner .article_ph img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)    
}
#articleBlock .detailBlock .detailInner .articleInfo{
    width: 51%;
    float: right;
    margin-right: 20px;
}
#articleBlock .detailBlock .detailInner .articleInfo p{
    margin-bottom: 20px;
}
#articleBlock .detailBlock .detailInner .articleInfo .notes300_250{
    width: 470px;
    height: 170px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#articleBlock .detailBlock .detailInner .articleInfo > .orangeBtn{
    position: relative;
    right: 120px;
    width: 200px;
}
#articleBlock .detailBlock .detailInner .articleInfo .notes.tall{
    min-height: 230px;
}
#articleBlock .detailBlock .detailInner textarea{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px;
    line-height: 24px;
}
#articleBlock .customerAll ul li{
    margin-bottom: 20px;
    height: 124px;
}
#articleBlock .customerAll .headBlock{
    width: 110px;
    border: solid 1px #cccccc;
    border-right: none;
    display: inline-block;
    vertical-align: top;
    margin-top: -100px;
    padding: 30px 0;
}
#articleBlock .detailBlock.customerAll .tableBlock{
    display: inline-block;
    width: 87.2%;
    border: solid 1px #cccccc;
    margin-top: -100px;
}
#articleBlock .detailBlock.customerAll .tableBlock table{
    border: none;
}
#articleBlock .customerAll .infoBlock ul{
    border-bottom: 1px solid #cccccc;
}
#articleBlock .customerAll .infoBlock li{
    display: inline-block;
    border-right: solid 1px #cccccc;
    padding-left: 10px;
}
#articleBlock .customerAll li a.forAll{
    display: block;
    width: 800px;
    height: 100px;
    z-index: -100px;
    position: relative;
}
#articleBlock .customerAll .last{
    border-bottom: none;
}
#articleBlock .articleAll .headBlock_2{
    display: inline-block;
    width: 21%;
    height: 140px;
    padding: 10px 0 0 10px;
    border-right: 1px solid #cccccc;
}
#articleBlock .articleAll .headBlock_2 img{
    width: 180px;
    height: 120px;
}
#articleBlock .articleAll.detailBlock.articleAll li{
    background: #fff;
}
#articleBlock .detailBlock.customerAll li{
    background: #fff;
}
#articleBlock .articleAll.detailBlock.articleAll li{
    border: solid 1px #cccccc;
    margin-bottom: 20px;
}
#articleBlock .articleAll.detailBlock.articleAll li table{
    border: none;
}
#articleBlock .articleAll.detailBlock.articleAll li td{
    width: auto;
    border-right: 1px solid #cccccc;
}
#articleBlock .articleAll.detailBlock.articleAll li td.wide{
    width: 360px;
}
#articleBlock .articleAll.detailBlock.articleAll li td.last{
    border-bottom: none;
}
#articleBlock .articleAll.detailBlock.articleAll li td:last-child{
    border-right: none;
}

#articleBlock .customerAll .headBlock ul{
    text-align: center;
    padding-top: 14px;
}
#articleBlock .customerAll .headBlock .sell,
#articleBlock .customerAll .headBlock .buy{
    display: inline-block;
    margin: 0 auto;
    width: 1.5em;
    height: 1.5em;
    padding-top: 0.25em;
    padding-left: 0.15em;
    margin: 10px;
    text-align: center;
    border: solid 1px #cccccc;
}
#articleBlock .articleAll .tableBlock2{
    display: inline-block;
    width: 78%;
    vertical-align: top;
}

#articleBlock .customerAll .headBlock .buy {
    background-color: #c65c5c;
}
#articleBlock .customerAll .headBlock .sell{
    background-color: #087b90;
}
#articleBlock .customerAll .headBlock .buy a,
#articleBlock .customerAll .headBlock .sell a{
    color: #fff;
}
#articleBlock .customerAll .headBlock.w_line .buy{
    margin: 32px auto 10px;
}

#articleBlock .article ul {
    display:table;
    width:100%;
    margin:0 auto 20px;
    text-align:left;
}

#articleBlock .article ul li {
    display:table-cell;
    box-sizing:border-box;
    padding-right:30px;
    padding-top: 0!important;
}
#articleBlock .article ul li:last-child {padding-right:0px;}

#articleBlock .article ul li.type50 {width:50%;}
#articleBlock .article ul li.type20 {width:20%;}
#articleBlock .article ul li.type30 {width:30%;}
#articleBlock .article ul li.type25 {width:25%;}

#articleBlock .article ul li dl dt.wd5em {width:5em;min-width:5em;}
#articleBlock .article ul li dl dt.wd4em {width:4em;min-width:4em;}
#articleBlock .article ul li dl dt.wd3em {width:3em;min-width:3em;}

#articleBlock .article ul li dl.formLayout01 {display:table;width:100%;}
#articleBlock .article ul li dt,
#articleBlock .article ul li dd {
    display:table-cell;
}

#articleBlock .article ul li input {
    width:100%!important;
    margin-left:0!important;
}

.article_confirm {
    width:100%;
    border-radius:3px;
    border:solid 1px #ccc;
}
#articleBlock .article_confirm ul {
    border-bottom:solid 1px #ccc;
    margin-bottom:0;
}

#articleBlock .article_confirm ul.last {
    border-bottom:none;
}

.article_confirm ul li dl dt {
    width:6em;
    min-width:6em;
    height:4em;
    margin:0;
    padding:0 0 0 10px;
    color: #494a40;
    background: #f5f8e3;
    box-sizing:border-box;
    vertical-align:middle;
}
.article_confirm ul li dl dd {
    height:4em;
    margin:0;
    padding:0 0 0 10px;
    box-sizing:border-box;
    vertical-align:middle;
}
.pagination {
    /*width: 600px;*/
    padding: 6px 0 20px;
}
.pagination ul {
    padding: 0;
    list-style: none;
    font-size: 15.79px;
}
.pagination ul li {
    display: inline-block;
    border: 1px solid #979797;
    background: #fff;
    padding: 0;
    line-height: 2.45; /* 複数行になった時に重ならないように調整 */
    border-radius:2.4px;
    margin-right: 6px;
}
.pagination ul li.next,.pagination ul li.prev{
    border-radius:50%;
    background-color:#979797;
    padding: 0;
}
.pagination ul li:first-child a,.pagination ul li:last-child a{
    color:#fff;
    padding: 13px;

}
.pagination ul li:first-child a img{
    margin-right: 2px;
    margin-top: -1px;
}
.pagination ul li:last-child a img{
    margin-left: 2px;
    margin-top: -1px;
}
.pagination ul li a ,.pagination ul li span{
    padding: 15px;
    color: #868686;
    text-decoration: none;
}
.pagination ul li.current {
    padding: 3px;
    background: #4c4c4c;
}
.pagination ul li.current a, .pagination ul li.current span{color:#fff;}
.pagination ul li.back {
    margin-right: 10px;
}
.pagination p {
    background: #cccccc;
    padding:  8px;
    overflow: hidden;
}
.pagination p span {
    float: left;
    width: 84px;
}
.pagination p a.oneLine {
    display: block;
    float: left;
    width: 500px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*  fix bug 23/05/2016 customer new*/
.clear-fix{
    clear: both;
    padding: 0;
    width: 100%;
}
#result_customer{
    display:none;
    position: absolute;
    padding: 10px;
    margin-left: 120px;
    border: thin solid #DCDDDD;
    width: 775px;
    height: 150px;
    overflow: scroll;
    background-color: #fff;
}
#display_relust, #display_relust_customer{
    display: none;
    position:absolute;
    font-size: 12pt;
    background-color:rgba(245, 245, 245, 0.8);
    width: 332px;
    height: 95px;
    z-index: 999;
    -ms-overflow-style: none;
    overflow-y: scroll;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(245,245,245,1);
    -moz-box-shadow: 0px 0px 0px 5px rgba(245,245,245,1);
    box-shadow: 0px 0px 0px 5px rgba(245,245,245,1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
span.display_user{
    padding: 5px 5px 5px 36px;
    cursor: pointer;
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #979797;
    display: inline-block;
    width: 100%;
}
span.display_user:hover{
    background-color: #dadada;
    border-bottom: 1px solid #ccc;
}
span.blank_line {
    clear:both;
    padding-top: 5px;
}
/* ダイアログエリア */
#deleteArea {
} 
.dialogContent {
    width:100%;
    margin:0 auto;
    background:#fff;
    text-align:center;
    /*margin: 50px 0px;*/   
}
.mg50{
    margin: 50px 0px;
}
.dialogContent h2 {
    width:100%;
    font-size:1.2em;
    line-height:1.5em;
    padding:10px;
    text-align:left;
    box-sizing:border-box;
}

.dialogContent ul.dialogBtn {
    width:100%;
    margin:40px auto 0;
}
.dialogContent ul.dialogBtn li {
    display:inline-block;
    width:140px;
    margin:0 10px;
    vertical-align:top;
}
.dialogContent ul.dialogBtn li a {
    display:block;
    height:40px!important;
    line-height:40px!important;
    font-size:1em!important;
    padding:0;
    box-sizing:border-box;
    text-align:center;
    border-style:solid;
    border-width:1px;
}

.dialogContent ul.dialogBtn li a.boxer-close {
    position:inherit!important;
    padding:0!important;
    text-indent:0!important;
    width:140px!important;
    font-weight:100!important;
    color: #23201c;
    border:solid 1px #ccc!important;
    background: rgb(255,255,255)!important;
    background-image: -moz-linear-gradient( 90deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%)!important;
    background-image: -webkit-linear-gradient( 90deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%)!important;
    background-image: -ms-linear-gradient( 90deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%)!important;
    border-radius:3px!important;
}
.dialogContent ul.dialogBtn li a.boxer-close:before {
    position:inherit!important;
    content:none!important;
}
/* ダイアログエリア */
/*create user*/
.require-class {
    position: relative;
}
.require-class:after {
    content: "※";
    color: red; 
    font-size: 80%;
    top: 7px;
    font-weight: bold;
    position: absolute;
}
#birthday select{
    width: 60px !important; 
    padding: 0px 3px !important;
    line-height: 1 !important;
}
#birthday #years{
    width: 78px !important; 
}
#birthday #years, #birthday #months, #birthday #days{
    height: 35px;
}
.birthday-title{
    width: 2em !important;
    min-width: 2em !important;
}
.birthday-customer select{
    width: 87px !important; 
    padding: 0px 10px !important;
    line-height: 1 !important;
}
.birthday-customer .years, .birthday-customer .months, .birthday-customer .days{
    height: 35px;
}


#articleBlock .detailBlock .detailInner .article_ph{
    background-color: #ccc;
    overflow: hidden;
}


/*customer/view*/
.ptr{position: relative;}
#buy-sub,#sell-sub{
    cursor: pointer;
}
/*New css 01/06/2016*/
.logo{
    float: left;
    margin: 7px 0 0 18px;
    transition: .6s cubic-bezier(.19,1,.22,1)
}
.logo a{
    display: block;
}
.sidemenu ul li.hover{
    background-color: #21201e;
}
.sidemenu ul li.unfinished:before{
    content:"";
    position: absolute;
    height: 3px;
    width: 221px;
    background: #9b9b9b;
    opacity: 0.5;
    left: 3.958333333333333%;
    top: 45%;
}
.sidemenu ul li.linethrough:before{
    content:"";
    position: absolute;
    height: 3px;
    width: 221px;
    background: #9b9b9b;
    opacity: 0.5;
    left: 3.958333333333333%;
    top: 45%;
}
.sidemenu ul li.linethrough{
    background-color: #32302d;
}
.sidemenu ul li.linethrough a{color:rgba(155,155,155,0.50) !important;}
.sidemenu ul li.linethrough:after{
    content:"現在調整中";
    position: absolute;
    right: 4%;
    top: 65%;
    font-family: HiraginoSans-W6;
    font-size: 13px;
    color: rgba(155,155,155,0.50);
}
.sidemenu ul li.unfinished:after{
    content:"現在調整中";
    position: absolute;
    right: 4%;
    top: 58%;
    font-family: HiraginoSans-W6;
    font-size: 13px;
    color: rgba(155,155,155,0.50);
}
.sidemenu ul li.unfinished a, .sidemenu ul li.unfinished i{
    color: rgba(155,155,155,0.50) !important;
}

/*customers/add+edit*/
.detailInner .addProfile .notifi_guide{
    font-size: 8pt;
    margin-top:-20px;
    position: absolute;
    margin-left: 90px;
}

.progress .cont:hover{
    cursor: pointer;
}
#last_button{
    border-left : 0px !important;
}

.require-customer{
    position: relative;
}
.require-customer:after {
    content: "※";
    color: red; 
    font-size: 80%;
    top: -5px;
    font-weight: bold;
    position: absolute;
}

.type800_200 .message{
    -webkit-border-radius: 3px;
    border: 1px solid #d0d2d4;
    line-height: 2.1;
    padding: 0 15px;
    width: 890px;
    height: 200px;
}

/*property/add+edit*/


.active_img{
    border: 8px solid #FFCC99 !important;
    padding: 2px;
}
.article_ph{
    cursor: pointer;
}

.notifi_erro{
    font-size: 10pt;
    color:red;
    position: absolute;
    margin-top: 33px;
    margin-left: -113px;
}
#form-adv .notifi_erro{
    left: 146px;
    font-size: 7.5pt;
    margin-left: -3px !important;
}

.require-pro{
    position: relative;
}
.require-pro:after {
    content: "※";
    color: red; 
    font-size: 80%;
    top: -5px;
    font-weight: bold;
    position: absolute;
}
/*===== nhatdt new css 28/07/2016 =====*/
.notifi_erro.add_property {
    margin-left: 2px;
    font-size: 7.5pt;
}
#articleBlock .create_users{
    font-size: 10pt;
}
.warning-txt{
    padding-top: 22px;
    line-height: 22px;
}
.detailInner-custom {
    padding: 0 !important;
}
.addProfile ul{
    overflow: hidden;
    width: 100%;
    padding: 14px 22px;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #cccccc;
}
.addProfile ul li{
    float: left;
    width:49.5%;
    padding-right: 0 !important;
    position: relative;
}
.addProfile ul li:last-child{
    margin-left:1%;
}
.addProfile ul li.wfull:last-child{
    margin-left:0;
}
.addProfile ul:last-child{border-bottom: 0 !important;}
.addProfile ul li p{width: 10em !important;}
.addProfile select, .addProfile input{margin-left: 11%;}
.detailInner .addProfile .notifi_guide {
    font-size: 7.5pt;
    margin-top: 0; 
    position: absolute;
    margin-left: 0; 
    bottom: -12px;
    left: 142px;
    color: #999999;
}
.addProfile li.type350 .w110{width: 110px !important;}
.addProfile li.type350 .w101, .addProfile li.type350 .w101c{width: 101px !important;}
.addProfile li.type350 .w158{width: 158px !important;}
.addProfile li.type350 .w102{width: 102px !important;}
.detailInner .message{width: 100%;height: 130px;}
.submit-custom{
    width: auto !important;
    margin: 0 !important;
}
.submit-custom ul{text-align: right !important;}
.submit-custom ul li:first-child{margin-left: 0 !important;}
.submit-custom .btn.whiteBtn{text-align: center;}
.submit-custom ul li, .submit-custom ul li .whiteBtn, .submit-custom .btn a, .submit-custom .btn button, .addProfile .btn.orangeBtn button, .addProfile .btn.orangeBtn a{width: 163px !important;}
.moreRadio{
    cursor: pointer;
    vertical-align: top;
    padding: 15px 22px !important; 
}
#articleBlock .detailBlock .label.moreRadio{
    border-bottom: 0;
}
.bordBtMore{
    border-bottom: 1px solid #ccc !important;
}
.moreInfo .label span{
    vertical-align: top;
    line-height: 21px;
    padding-left: 29px;
    padding-left: 4px;
}
.addProfile .label, .addProperty .label{
    position: relative;
    padding: 17px 22px 16px;
    background-color: #f0f0f0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nomgl{margin-left: 0 !important;}
#result-add1 .notifi_show{
    overflow: visible !important;
}
.wfull{
    width: 100% !important;
    float:left;
}
.addProfile li.type350 .w886{width: 868px !important; max-width: 100%;}
.addProfile li.type350 .w188{width: 188px !important;}
.addProfile li.type350 .w308{width: 308px !important;}
.addProfile li.type350 input, .addProfile li.type350 select{width: 332px !important;}
.addProfile li.type237 input{
    width: 237px !important;
}
.addProfile li.type162 input{
    width: 162px !important;
}
#articleBlock .detailBlock .fix-type162 select{
    width: 162px !important;
}
#articleBlock .detailBlock .fix-type162 input[type="text"]{
    width: 162px !important;
}

#articleBlock .detailBlock .type162 select{
    width: 115px !important;
}
#articleBlock .detailBlock .type162 select.w162{
    width: 215px !important;
}
#articleBlock .detailBlock .type140 select{
    width: 140px !important;
}
#addMore{position: relative; overflow: hidden;padding-top: 12px;}
#addMore span{display: block; margin: 17px 0 0 10px;}
#addMore a{width: 256px;}
.warning-modal{
    position: absolute;
    top: 16px;
    left: 179px;
}
/*.addProfile .btn.orangeBtn .btn a {
    padding-top: 13px !important;
    padding-bottom: 11px !important;
}*/
/*list_customer*/
#infoBlock{position: relative;}
.infoBlock-search {padding-bottom: 0 !important; margin-top: 24px !important;margin-bottom: 19px;}
.submit-custom-search{
    padding: 0 !important;
    position: absolute;
    right: 4px;
    bottom: 5px;
}
.articleBlock-custom{
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
}
.articleBlock-custom .detailInner{padding: 0 !important;}
.articleBlock-custom .customerAll ul li{height: auto !important; margin-bottom: 0 !important;}
.articleBlock-custom .customerAll .addProfile ul{padding: 14px 22px 0 !important; border-bottom: 0 !important;}
.submitBtnSearch{padding: 4px 0 33px 0 !important;}
.result-search{margin-bottom: 14px;}
.result-search .result-search-inner{
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 24px;
}
.result-search:first-child .result-search-inner{background: #f2f4e8;}
.result-search .result-search-inner ul li{
    list-style: none;
    position: relative;
    overflow: hidden;
}
.result-search .result-search-inner .headBlock{
    float: left;
    width: 150px;
    /*height: 157px;*/
    /*padding-top: 23px;*/
}
.result-search .result-search-inner .headBlockCus{
    padding-top: 23px;
}
.result-search .result-search-inner .tableBlock{
    float: left;
    width: calc(100% - 150px);
    /*height: 157px;*/
    border-left: 1px solid #ccc;
}
.result-search .result-search-inner .headBlock span{
    display: block;
    width: 40%;
    height: 28px;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-family: HiraKakuPro-W6;
    font-size: 16px;
}
.result-search .result-search-inner .headBlock span{
    margin: 0 auto 15px;
}
.result-search .result-search-inner .fix-headBlockCus{
    padding-top: 11px;
}
.result-search .result-search-inner .fix-headBlockCus span{
    margin: 0 auto 5px;
}

.result-search .result-search-inner .headBlock span.txt-blue{
    background: #a1c5ee;
    border: 1px solid #649fe5;
}
.result-search .result-search-inner .headBlock span.txt-pink{
    background: #eda2ac;
    border: 1px solid #d97480;
}
.result-search .result-search-inner .headBlock span.txt-green{
    background: #c7db79;
    border: 1px solid #acbe67;
}
.result-search .result-search-inner .headBlock span.txt-orange{
    background: #f0c364;
    border: 1px solid #ebae2d;
}
.result-search .result-search-inner .headBlock span.txt-black{
    background: #999999;
    border: 1px solid #979797;
}
.result-search .result-search-inner .tableBlock td {
    padding: 9px 20px 7px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 33.33333333333333%;
}
.resultload .result-search .result-search-inner .tableBlock td {
    padding: 9px 9px 7px;
}
.result-search .result-search-inner .tableBlock td.type-last{
    border-bottom: 0;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.result-search .result-search-inner .tableBlock td.type-comment{
    width: calc(100% - 33.33333333333333%);
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.result-search .result-search-inner .tableBlock td:last-child{
    border-right: 0;
}
.total-result{
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #939393;
    margin-top: 21px;
    float: left;
    margin-right: 15px;
}
.submit-custom .pinkBtn{width: 159px !important;}
.submit-custom .pinkBtn a {
    background: #F4DDDD;
    border: 1px solid #E08F8F;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.23);
    border-radius: 3px;
    border-radius: 3px;
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #c45555;
    text-align: center;
}
.submit-custom-result{padding: 0 !important;}
.submit-custom-result ul li{margin-left: 10px !important;}
.addProfile .orangeBtn{width: 100% !important;}
.lightBox{display:none;}
.more-input{
    font-family: HiraKakuPro-W3 !important;
    /*font-size: 20px !important;*/
    color: #656565 !important;
    border-bottom: 2px solid #cccccc;
    margin-left: 10px;
    font-weight: normal;
}
.submit-custom-Afchange{
    padding-top: 60px !important;
}
.submit-custom-Afchange ul{text-align: center !important;}
/*.submit-custom-Afchange ul li{width: 350px !important;}*/
.submit-custom-Afchange ul li{width: 259px !important;}
.blackBtn button.btnAfchange{
    padding: 28px !important;
    background: rgb(144,162,40);
    background: -moz-linear-gradient(top, rgba(144,162,40,1) 40%, rgba(133,150,37,1) 100%);
    background: -webkit-linear-gradient(top, rgba(144,162,40,1) 40%,rgba(133,150,37,1) 100%);
    background: linear-gradient(to bottom, rgba(144,162,40,1) 40%,rgba(133,150,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90a228', endColorstr='#859625',GradientType=0 );
    border:2px solid #808f26;
    width: 267px !important;
    font-family: HiraKakuPro-W3;
    font-size: 18px;
    color: #FFFFFF;
    height: 67px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    border-radius: 50px;
}
.glance{
    position: relative;
    padding: 22px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
    font-family: HiraKakuPro-W3;
    font-size: 20px;
    color: #656565;
    text-decoration: underline;
    cursor: pointer;
}
.detailInnerMore{display: none;}
.submitHide{display: none;}
.lightBox {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#modalPrimarySchool, #modalHighSchool{
    padding-top: 10%;
}

/* Modal Content */
.lightBox-content, .div_loading {
    position: relative;
    background-color: #ffffff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    border-radius: 10px;
    width: 840px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.lightBox-content-school, .div_loading {
    position: relative;
    background-color: #ffffff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    border-radius: 10px;
    width: 840px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation:animatezoom 0.6s;
    animation:animatezoom 0.6s
}
.div_loading {
    background: url(../img/loading.gif) rgba(0,0,0,0.4) no-repeat center center;
    display: none;
    z-index: 2;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.featherlight .featherlight-content{border-radius: 10px; padding: 0 !important; }
.lightBox .modal-block{
    padding: 0 30px 10px;
    border-bottom: 1px solid #cccccc;
}
.lightBox h3{
    font-family: HiraKakuPro-W6;
    font-size: 20px;
    color: #23201C;
    padding: 30px 30px 25px 30px;
}
.lightBox p{
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #23201C;
    padding-bottom: 17px;
}
.lightBox p span{
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    color: #ED5A5A;
}
.lightBox .input.select{
    overflow: hidden;
    margin-bottom: 10px;
    border: 0 !important;
}
.lightBox .checkbox{
    float: left;
    display: inline-block;
    width: 174px;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 10px;
}
/*checkbox*/
.lightBox input[type=checkbox]{
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.lightBox input[type=checkbox] + label {
    padding-left: 20px;
    height: 14px;
    display: inline-block;
    line-height: 15px;
    background-image: url(../img/checkbox-modal.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    color: #23201C;
    vertical-align: middle;
    cursor: pointer;
}

.lightBox input[type=checkbox]:checked + label{
    background-position: 0 -14px;
}
/*select*/
.lightBox select {
    border: solid 1px #ededed;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #d0d2d4;
    padding: 0 15px;
    width: 269px !important;
    height: 31px;
    margin-left: 10px;
    line-height: 2;
    background: url(../img/btn_pulldown.png) no-repeat;
    background-size: 31px;
    background-position: right center;
}
.modal-block-top{margin: 20px 0;}
.modal-block-bottom{padding:10px 0 20px 0;}
.modal-block-bottom ul li{
    float: none !important;
    width: auto !important;
}
.modal-block-top p, .modal-block-bottom ul li p{
    width: 72px !important;
    display: inline-block;
    padding-bottom: 0;
}
.modal-block-bottom ul li{display: inline-block; margin-right: 33px;}
.lightBox .lightBox-content ul{padding: 0 !important;}
ul,ol{list-style: none;}
.noborbt, 
#articleBlock .detailBlock .bordBt td.noborbt{border-bottom: 0 !important;}
.lightBox .orangeBtn{
    overflow: hidden;
}
.lightBox .orangeBtn a{
    color: #ffffff;
    background: rgb(229, 167, 49);
    background: -moz-linear-gradient(top, rgba(229, 167, 49, 1) 40%, rgba(222, 150, 39, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(229, 167, 49, 1) 40%, rgba(222, 150, 39, 1) 100%);
    background: linear-gradient(to bottom, rgba(229, 167, 49, 1) 40%, rgba(222, 150, 39, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a731', endColorstr='#de9627',GradientType=0 );
    border: 1px solid #b1771f;
    border-radius: 3px;
    padding: 11px 16px;
    width: 163px;
    text-align: center;
}
.lightBox .orangeBtn a i{margin-right: 6px;}
/*confirm customer*/
.result-block .result-block-inner{
    padding: 20.5px 22px;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
}
.result-block .result-block-inner:last-child{border-bottom: 0;}
.result-block .result-block-inner .whalf{
    float: left;
    width: 50%;
    position:relative;
}
.result-block .result-block-inner .whalf p, .result-block .result-block-inner .wfull p, .prop-third p{
    float: left;
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    color: #23201C;
    word-wrap: break-word;
    line-height: 1.3;
}
.result-block .result-block-inner .whalf p.borR, .result-block .result-block-inner .wfull p.borR, .prop-third p.borR,
.result-block .result-block-inner .whalf p.borL, .result-block .result-block-inner .wfull p.borL, .prop-third p.borL, .wfull p.fix-borR, .whalf p.fix-borR{
    width: 164px;
    position: relative;
}
.radioInput .result-block-inner .whalf p.borR, .radioInput .result-block-inner .wfull p.borR,
.radioInput .result-block-inner .whalf p.borL, .radioInput .result-block-inner .wfull p.borL{
    width: 164px !important;
    position: relative;
}
.result-block .result-block-inner .whalf p.fix-borR:after, .result-block .result-block-inner .wfull p.fix-borR:after{
    content: '';
    position: absolute;
    right: 0;
    top: -6px;
    width: 1px;
    height: 31px;
    background-color: #cccccc;
}
/*, .radioInput .result-block-inner .wfull p.borR:after*/
.radioInput .result-block-inner .whalf p.borR:after{
    content: '';
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 31px;
    background-color: #cccccc;
}
.result-block .result-block-inner .whalf p.borL:before, .result-block .result-block-inner .wfull p.borL:before, .prop-third p.borL:before{
    content: '';
    position: absolute;
    left: 0;
    top: -9px;
    width: 1px;
    height: 35px;
    background-color: #cccccc;
}
.result-block-message{
    padding: 0 0 0 10px !important;
    border-left: 1px solid #cccccc;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    min-height: 130px;
    word-wrap: break-word;
    overflow: scroll;
}
.labelGray{background-color: #f0f0f0;}
.wfull .w62, .whalf .w62{width: 62%; word-wrap: break-word;}
.smallpad .result-block-inner{padding: 18px 22px 9px!important;}
.submit-confirm-edit .btn.greenBtn{
    width: 250px !important;
    height: 68px;
    margin-left: 0 !important;
    margin-right: 30px;
}
.submit-confirm-edit .btn.whiteBtn{
    width: 250px !important;
    height: 68px;
    margin-left: 0 !important;
    margin-right: 30px;
}
.submit-confirm-edit .btn.greenBtn a{
    width: 267px;
    height: 67px;
    font-family: HiraKakuPro-W3;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50px;
    border: 2px solid #808f26;
    line-height: 46px;
}
.submit-confirm-edit .btn.whiteBtn a{
    width: 267px;
    height: 67px;
    font-family: HiraKakuPro-W3;
    font-size: 18px;
    color: #23201C;
    border-radius: 50px;
    border: 2px solid #b5b5b5;
    line-height: 46px;
}
.submit-custom ul.searchCenter{text-align: center !important;}
.sort{position: relative;overflow: hidden;margin-bottom: 24px;}
.sortUL{
    float: left;
    margin-top: 15px;
}
.sortUL li{
    display: inline-block;
    position: relative;
}
.sortUL li p {
    display: inline-block;
    width: 5em;
}
.sortUL li select{
    border: solid 1px #ededed;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #d0d2d4;
    padding: 6px 10px;
    width: 230px !important;
    margin-left: 10px;
    line-height: 1.2;
    height: 31px;
    background: #fff url(../img/btn_pulldown.png) no-repeat;
    background-size: 31px;
    background-position: right center;
}
.sort .pagination{
    margin-top:0;
    padding: 0;
    float: right;
}
.result-search-inner ul{border-radius: 5px;}    
.result-search-inner:hover ul{background: #f2f4e8;}
.result-search-inner-edit:hover ul{background: #fff;}
.result-search-inner td{color:#23201C;line-height: 1.5;}
.result-search-inner td.cusName{font-family: HiraKakuPro-W6; font-size: 16px;}
.result-search-inner a:active{color:#000;}
select { outline:none; }
/*Customer detail and edit*/
.noborL{border-left: 0 !important;}
.bgGray{background: #f0f0f0;}
.bgWhite{background: #ffffff;}
.detailCustomer{
    border: 0 !important;
    border-radius: 0 !important; 
}
.detailCustomer td{
    border-bottom: 0 !important; 
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    color: #4C4C4C;
    line-height: 23px;
}
.addit-display{
    padding: 4px 0 !important;
    text-align: center;
    background: #c5c5c5;
    border-top: 1px solid #ccc;
}
.addit-display a{
    font-family: HiraKakuPro-W3;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
}
.colorTxt span{
    font-family: HiraKakuPro-W3;
    font-size: 14px;
}
.detailCustomer .blgr{
    padding-left: 0; 
    padding-right: 0; 
    text-align: center;
}
#articleBlock .detailBlock .bordBt td{border-bottom: 1px solid #ccc !important;}
#articleBlock .detailBlock .bordBt td.lh17{line-height: 17px;}
.fl{float: left;}
.fr{float: right;}
.ov{overflow: hidden;}
.correspond{overflow: hidden;border: 0 !important;}
#articleBlock .detailBlock .correspond label{
    width: 6em;
    display: inline-block;
}
#articleBlock .detailBlock .correspond input[type="text"], #articleBlock .detailBlock .correspond select{width: 168px;}
#articleBlock .detailBlock .correspond select{margin-left: 0;}
.w35{width: 35%;}
.w60{width: 60%;}
.correspond textarea{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px;
    width: 82%;
}
#articleBlock .detailBlock .correspond .areaLabel{
    vertical-align: top;
    margin-top: 11px;
}
.nomorePd{padding-top: 0 !important;}  
.blueUnder{
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    color: #649FE5;
    text-decoration: underline;
}
#addMoreBlue.blueBtn, #addMoreRed.redBtn{padding: 10px 22px !important; }
#addMoreRed2.redBtn{padding: 13px 22px 14px !important; }
.blueBtn a{
    color: #fff;
    background: rgb(113, 172, 234);
    background: -moz-linear-gradient(top, rgba(113, 172, 234, 1) 40%, rgba(93, 152, 226, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(113, 172, 234, 1) 40%, rgba(93, 152, 226, 1) 100%);
    background: linear-gradient(to bottom, rgba(113, 172, 234, 1) 40%, rgba(93, 152, 226, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71acea', endColorstr='#5c97e2',GradientType=0 );
    border: 1px solid #4272ae;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.23);
    border-radius: 3px;
    padding: 11px 16px;
    width: 163px;
    text-align: center;
}
.blueBtn a.blueBtnCustomer, .redBtn a.redBtnCustomer, .redBtn a.redBtnCustomerTwo, .blueBtn a.blueBtnProper, #submitBtnBlock.submit-custom-detail-edit .pinkBtn a, .lightBox .whiteBtn a, .lightBox .orangeBtn a{
    line-height: 46px;
    height: 46px;
    padding: 0 !important;
}
.redUnder{
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    color: #D97480;
    text-decoration: underline;
}
.redBtn a{
    color: #fff;
    background: rgb(224, 129, 142);
    background: -moz-linear-gradient(top, rgba(224, 129, 142, 1) 40%, rgba(214, 111, 123, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(224, 129, 142, 1) 40%, rgba(214, 111, 123, 1) 100%);
    background: linear-gradient(to bottom, rgba(224, 129, 142, 1) 40%, rgba(214, 111, 123, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0818e', endColorstr='#d66f7b',GradientType=0 );
    border: 1px solid #ae5862;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.23);
    border-radius: 3px;
    width: 163px;
    text-align: center;
}
.label.bgGray, .label.bgWhite{padding: 11px 22px 11px !important;}
.modal-edit{
    overflow: hidden;
    width: 100%;
    padding: 14px 22px 2px;
    margin-bottom: 0 !important;
}
.modal-edit .orangeBtn {
    width: 100% !important;
}
.modal-edit li {
    float: left;
    width: 50%;
    padding-right: 0 !important;
    position: relative;
}
.modal-edit .btn.orangeBtn a {
    width: 163px !important;
}
#addMoreRed2.redBtn a{
    width: 227px;
}
.customerBasicInfo .result-block .result-block-inner {
    padding: 14px 22px;
}
.customerBasicInfo .result-block .result-block-inner p{
    line-height: 31px;
    vertical-align: middle;
}
.customerBasicInfo .result-block .result-block-inner .whalf p.borR:after, .customerBasicInfo .result-block .result-block-inner .wfull p.borR:after, .prop-third p.borR:after{
    top: 0;
}
.w120{
    width: 120px !important;
}
.customerBasicInfo .result-block .result-block-inner select, .customerBasicInfo .result-block .result-block-inner input{
    width: 332px !important;
    margin-left: 0 !important;
}
.customerBasicInfo .result-block .result-block-inner .type150 input{
    width: 156px !important;
}
.customerBasicInfo .result-block .result-block-inner .type240 input{
    width: 240px !important;
}

.customerBasicInfo .result-block .result-block-inner .type160 input{
    width: 162px !important;
}
.customerBasicInfo .result-block .result-block-inner input[type="radio"]{
    width: 30px !important;
}
.customerBasicInfo .result-block .result-block-inner .type160 select.w215 {
    width: 215px !important;
}
.customerBasicInfo .result-block .result-block-inner .type160 select{
    width: 115px !important;
}
.customerBasicInfo .result-block .result-block-inner .select_150 select{
    width: 150px !important;
}.customerBasicInfo .result-block .result-block-inner select.w130,.customerBasicInfo .result-block .result-block-inner input.w130{width: 130px !important;}
.customerBasicInfo .result-block .result-block-inner select.w110,.customerBasicInfo .result-block .result-block-inner input.w110{width: 110px !important;}
.customerBasicInfo .result-block .result-block-inner select.w158,.customerBasicInfo .result-block .result-block-inner input.w158{width: 158px !important;}
.customerBasicInfo .result-block .result-block-inner input.w102{width: 102px !important;}
.customerBasicInfo .result-block .result-block-inner input.w886{width: 868px !important;}
.customerBasicInfo .result-block .result-block-inner input.w308{width: 308px !important;}
#submitBtnBlock.submit-custom-detail-edit{
    width: auto !important;
    margin: 0 !important;
    padding: 0 0 14px 0 !important;
}
#submitBtnBlock.submit-custom-detail-edit ul{}
#submitBtnBlock.submit-custom-detail-edit ul li{margin-left: 0;}
#submitBtnBlock.submit-custom-detail-edit .pinkBtn a{
    color: #c75e5e;
    background: rgb(246, 228, 228);
    background: -moz-linear-gradient(top, rgba(246, 228, 228, 1) 40%, rgba(242, 217, 217, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(246, 228, 228, 1) 40%, rgba(242, 217, 217, 1) 100%);
    background: linear-gradient(to bottom, rgba(246, 228, 228, 1) 40%, rgba(242, 217, 217, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e4e4', endColorstr='#f2d9d9',GradientType=0 );
    border: 1px solid #d97777;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.23);
    border-radius: 3px;
    width: 163px;
    text-align: center;
}
/*Css cho phan hide and show input trang edit customer*/
.pShow{
    /*width: calc(90% - 164px);*/
    margin-left: 9px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}
.pHide{
    display: none;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*Css cho phan add_property*/
.addProfile ul.col3 li{
    width: 33.33%; 
}
.addProfile ul.radioInput{padding: 12px 22px;}
.addProfile ul.radioInput input[type=radio], .whalf.radioInput input[type=radio]{
    width: auto !important;
}
.radioInput legend{float: left;}
.radioInput label{margin-left: 5px;}
.radioInput li.line-h{line-height: 35px;}
.radioInput li.liFull{width: 100%;}
.searchBlock input[type=text]:focus {
    -webkit-box-shadow: 0px 0px 0px 5px rgba(245,245,245,1);
    -moz-box-shadow: 0px 0px 0px 5px rgba(245,245,245,1);
    box-shadow: 0px 0px 0px 5px rgba(245,245,245,1);
    box-shadow-bottom-right-radius: 0 !important; 
    box-shadow-bottom-left-radius: 0 !important;
    box-shadow-top-right-radius: 0 !important;
    box-shadow-top-left-radius: 0 !important;
}
.clearable{
    cursor: pointer;
    opacity: 0;
    margin-left: -28px;
}
.customerBasicInfo .result-block .result-block-inner select.w90{
    width: 90px !important;
}
#articleBlock .detailBlock select[disabled] {
    background: #f0f0f0 url(../img/btn_pulldown-bgray.png) right center no-repeat;
    height: 31px;
    background-size: 31px;
    pointer-events: none;
}
span.mgl5{margin-left: 5px !important;}
.nomglabel label{margin-left:0 !important;}
.areaProp label{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.areaProp textarea{margin-left: 5px;}
.areaProp textarea[disabled]{
    background: #f0f0f0;
}
button:focus {outline:0;}
.tooltipProp{position: relative;display: inline-block;margin-left: -5px;}
.tooltipProp select{margin-left: 0 !important}
.tooltipProp2{position: relative;display: inline-block;margin-left: 6px;}
.tooltipProp2 select{margin-left: 0 !important}
.tooltipProp.nomgl, .tooltipProp2.nomgl{margin-left: 0 !important}
.ui-tooltip, .arrow:after {
    background: #eaae2c !important;
}
.ui-tooltip {
    color: #fff !important;
    background: #eaae2c !important;
    border: none !important;
    opacity: 1 !important;
    max-width: 332px !important;
    width: 332px;
    text-align: center;
    box-shadow: none !important;
}
.ui-tooltip2{max-width: 391px !important;width: 391px !important;}
.arrow {
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-top: 16px solid #eaae2c;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
#SearchSort{margin-left: 0 !important;}
.total-result-prop{margin-right: 25px;}
.result-search-inner td.propName {
    font-family: HiraKakuPro-W6;
    width: calc(100% - 33.33333333333333%) !important;
}
.result-search-inner td.propLast{border-bottom: 0 !important;}
.result-search-inner td.w67{width: calc(100% - 33.33333333333333%) !important;}
.result-search .result-search-inner .headBlockProp, .result-search .result-search-inner .headBlockAds{
    /*padding-top: 2.5px;*/
    text-align: center;
    width: 150px;
}
.result-search .result-search-inner .headBlockProp img,
.result-search .result-search-inner .headBlockAds img{
    width: auto;
    max-height: 61%;
    max-width: 90%;
    /*max-width: 100%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: auto;
}
.result-search .result-search-inner .fixImageStatus img{
    max-height: 50%;
    top: 37%;
}
.result-search .result-search-inner .headBlockProp span{
    width: 90%;
    /* width: auto; */
    max-width: 90%;
    position: absolute;
    top: 82%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: auto
}
.result-search .result-search-inner .fix_status span{
    width: 56%;
    margin: 5px auto 0;
}
.result-search-prop .result-search-inner .tableBlock{
    width: calc(100% - 150px);
}
.lightBox .whiteBtn, .lightBox .orangeBtn {
    margin: 40px auto 20px;
    overflow: hidden;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.23);
    border-radius: 3px;
}
.lightBox .whiteBtn a{
    color: #000000;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(234, 234, 234, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(234, 234, 234, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 40%, rgba(234, 234, 234, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eaeaea',GradientType=0 );
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    padding: 11px 16px;
    width: 163px;
    text-align: center;
}
.uploadedImages li{
    width: 23.318% !important;
    max-width: 246px;
    margin-right: 2.242666666666667%;
    margin-bottom: 16px;
}
.uploadedImages li:nth-child(4n){
    margin-right: 0;
}
.uploadedImages li img{
    display: block;
    vertical-align: top;
    max-width: 100%;
}
.uploaded-inner{
    position: relative;
}
.uploaded-inner span{
    position: absolute;
    bottom:6%;
    left:88%;
    width: 26px;
    height: auto;
    display: none;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
.uploadedImages li:hover .uploaded-inner, .uploadedImages.uploadedImages1 .main_image .uploaded-inner, .uploadedImages .main_image .uploaded-inner{
    -webkit-box-shadow: 0px 0px 0px 4px rgba(243,217,173,1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(243,217,173,1);
    box-shadow: 0px 0px 0px 4px rgba(243,217,173,1);
}
.uploadedImages1 li:hover .uploaded-inner{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    
}

.uploadedImages li:hover .uploaded-inner span{
    display: block;
}
#modal-prop #slider{
    width: 610px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;    
}
#slider img{max-width: 100%;display: inline-block;vertical-align: top;}
/*.slider-prop .slider-inner{display: none;}*/
.slider-prop .slider-inner span{
    font-family: HiraKakuPro-W3;
    font-size: 12px;
    color: #979797;
    margin: 12px 0 0; 
    display: block;
}
/*slider arrow*/
.icon-arrow{
    position: absolute;
    display: block;
    height: 46px;
    width: 23px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background:url(../img/slider-arrow.png) 0 0 no-repeat;
    color: transparent;
    top: 40%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slick-initialized .slick-slide {text-align: center;}
.prevSlick{
    background-position: 0 100%;
    left: 5%;
}
.nextSlick {
    right: 5%;
}
.lightBox #submitBtnBlock{
    padding: 0 0 20px 0 !important;
}
.lightBox #submitBtnBlock ul .btn{margin-top: 10px !important; }
#addMoreRed2.addMoreRedProp{padding: 0 0 24px 0 !important;}
.prop-third {
    float: left;
    width: 33.33% !important;
}
.whalf.radioInput{line-height: 35px;}
.whalf.radioInput label{margin-left: 5px;margin-right: 15px;}
.whalf.radioInput input.inline-radio{margin-left: 10px !important;}
.whalf.radioInput input:nth-child(2) {margin-left: 0 !important;}
.no-after:after{display: none;}
/*.propEditInput input{
    background: #fff6e8;
}*/
.searchBlock input[type=text] {
    background-image: url('../img/searchicon.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding: 0 32px 0 35px !important;
    line-height: 2.1 !important;
}
.editPropLabel:after{
    display: none;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
.propInputDate input{
    width: 110px !important;
    padding: 0 10px !important;
}
.propSearch input{width: 99% !important;}
#filedrag {
    display: none;
    font-weight: bold;
    text-align: center;
    padding: 1.5em 0;
    margin: 0 2em 1em 2em;
    color: #555;
    border: 2px dashed #ccc;
    cursor: default;
}
#filedrag label.btn.blackBtn{
    padding: 10px 20px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    background: rgb(71,71,70);
    background: -moz-linear-gradient(top, rgba(71,71,70,1) 40%, rgba(65,65,64,1) 100%);
    background: -webkit-linear-gradient(top, rgba(71,71,70,1) 40%,rgba(65,65,64,1) 100%);
    background: linear-gradient(to bottom, rgba(71,71,70,1) 40%,rgba(65,65,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474746', endColorstr='#414140',GradientType=0 );
    border-color: #3f3e3b;
    border-radius: 5px;
    cursor: pointer;
}
.uploadTxt{line-height: 24px;}
.uploadTxtTop{padding-bottom:30px;}
.uploadTxtBot{padding-top:30px; padding-bottom: 0 !important;}
#propImgsUp{
    padding:0 30px !important;
    overflow: hidden;
}
#propImgsUp li{
    float: left;
    width: 22%;
    margin-left:4%;
    margin-bottom:2%;
}
#propImgsUp li:nth-child(4n+1){margin-left: 0 !important;}
#propImgsUp li img{
    max-width: 100%;
    vertical-align: top;
    display: block;
}
#propImgsUp span.delImg{
    display: block;
    text-align: right;
    padding-top: 10px;
    font-size: 14px;
    cursor: pointer;
}
.retoppos p.borR:after{
    top:-9px;
}
.re-line-h{line-height: 16px !important;}
.submit-custom-ads .btn button, .submit-custom-ads ul li{width: 189px !important;}
.result-search .result-search-inner .headBlockAds span{    
    width: 72%;
    margin: 11px auto 0;
}
.w75p{width: 75% !important;}
.w25p{width: 25% !important;}

.yellowUnder {
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #E4A02E;
    text-decoration: underline;
}
/*.detailBlockAds{border-bottom: 0 !important;}*/
#articleBlock .detailBlock .detailInner textarea.messAds,
#articleBlock .detailBlock .detailInner textarea.messProp{
    border-left: 1px solid #ccc;
    border-right: 0px !important;
    border-top: 0px  !important;
    border-bottom: 0px  !important; 
    border-radius: 0px  !important; 
    padding: 6px  !important;
    outline: none  !important;
}
#topSearchAdd .topSearchAdd-block{
    display: inline-block;
    width: 48%;
    margin: 40px 0;
    vertical-align: top;
    border: solid 1px #cccccc;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}
#topSearchAdd .topSearchAdd-block.right {
    float: right;
}
#topSearchAdd .topSearchAdd-block .label{
    background-color: #f0f0f0;
    border-bottom: solid 1px #cccccc;
}
#topSearchAdd .topSearchAdd-block h3{
    font-family: HiraKakuPro-W6;
    font-size: 16px;
    color: #23201C;
    padding: 14px 20px;
}
#topSearchAdd .topSearchAdd-block .topSearchAdd-inner{
    padding: 20px;
    overflow: hidden;
}
#topSearchAdd .topSearchAdd-block .topSearchAdd-inner img{width: 48%;}
.topButton{
    width: 48%;
    height: 100%;
    padding: 7% 0 3.863%;
    text-align: center;
}
.topButton i{
    font-size: 56px;
    padding: 0 5px;
}
.topButton span{
    display: block;
    padding-top: 11%;
    font-size: 16px;
}
.topBtOrange{
    background: rgb(230, 170, 50);
    background: -moz-linear-gradient(top, rgba(230, 170, 50, 1) 40%, rgba(223, 154, 41, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(230, 170, 50, 1) 40%, rgba(223, 154, 41, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 170, 50, 1) 40%, rgba(223, 154, 41, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6aa32', endColorstr='#df9a29',GradientType=0 );
    border: 1px solid #af741f;
    font-family: HiraKakuPro-W3;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    border-radius: 10px
}
.topBtGreen{
    background: rgb(158, 175, 47);
    background: -moz-linear-gradient(top, rgba(158, 175, 47, 1) 40%, rgba(140, 158, 37, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(158, 175, 47, 1) 40%, rgba(140, 158, 37, 1) 100%);
    background: linear-gradient(to bottom, rgba(158, 175, 47, 1) 40%, rgba(140, 158, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eaf2f', endColorstr='#8c9e25',GradientType=0 );
    border: 1px solid #65731a;
    font-family: HiraKakuPro-W3;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    border-radius: 10px
}
.btn-left{float: left;}
.btn-right{float: right;}
#topTableBlock .detailBlock{
    vertical-align: top;
    border: solid 1px #cccccc;
    border-radius: 3px;
    background-color: #fff;
}
#topTableBlock .detailBlock h3{
    font-family: HiraKakuPro-W6;
    font-size: 16px;
    line-height: 16px;
    color: #23201C;
    padding: 17px 20px 16px;
    border-bottom: solid 1px #cccccc;
}
#topTableBlock .tableBlock{
    overflow-y: scroll; 
    max-height: 315px;
    border-bottom: 1px solid #ccc;
}
#topTableBlock .tableBlock .tableBlock-inner table .bordBt td{
    border-bottom: solid 1px #cccccc !important;
}
#articleBlock .detailBlock .fix-direction select{
    width: 95px !important;
}
#articleBlock .detailBlock .fix-direction input{
    width: 75px !important;
    padding: 2px 5px 0;

}
#topTableBlock .tableBlock .tableBlock-inner table span{font-size: 14px;}
.textBlock{
    padding: 20px;
    overflow: hidden;
}
.textBlock .left{
    float: left;
    width: 10%;
}
.textBlock .right{
    float: left;
    width: 90%;
}
.textBlock textarea{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    height: 88px;
}
.textBlock p{
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #23201C; 
    padding-top: 15px;
}
.textBlock .submit-custom{
    clear: both;
    padding: 17px 0 0 0 !important;
}
.upload_ava{border-radius: 0 !important;}
.w105, borL.w105{
    width: 105px !important;
}
.loading2{
    display: block;
}
.loading2 img{margin: 0 auto;}
#modal2 .lightBox-content{
    width: 1050px;
    padding-bottom: 100px;
    font-size: 13px;
}
#modal2 .sort{padding: 0 30px;}
#modal2 .result-search .result-search-inner{margin: 0 14px 12px;}
#modal2 .mga30{
    margin: 0 30px;
    padding: 7px 0;
}
.w110s{width: 110px !important;}
.historyAdChange, .objectName, .historyCorres, .guideName{
    padding: 0 !important;
    overflow-y: scroll;
    position: relative;
    background: #fff;
}
.historyAdChange::-webkit-scrollbar, .objectName::-webkit-scrollbar, #topTableBlock .tableBlock::-webkit-scrollbar, .historyCorres::-webkit-scrollbar, .guideName::-webkit-scrollbar{
    /*  display: none;*/
    width: 12px;
}
/* Track */
.historyAdChange::-webkit-scrollbar-track, .objectName::-webkit-scrollbar-track, #topTableBlock .tableBlock::-webkit-scrollbar-track, .historyCorres::-webkit-scrollbar-track, .guideName::-webkit-scrollbar-track{
    background-color: #f0f0f0;
    border-left: 1px solid #ccc;
}
/* Handle */
.historyAdChange::-webkit-scrollbar-thumb, .objectName::-webkit-scrollbar-thumb, #topTableBlock .tableBlock::-webkit-scrollbar-thumb, .historyCorres::-webkit-scrollbar-thumb, .guideName::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #939393; 
}
.historyAdChange::-webkit-scrollbar-thumb:window-inactive, .objectName::-webkit-scrollbar-thumb:window-inactive, #topTableBlock .tableBlock::-webkit-scrollbar-thumb:window-inactive,  .historyCorres::-webkit-scrollbar-thumb:window-inactive, .guideName::-webkit-scrollbar-thumb:window-inactive{
    background: #939393;  
}
.historyAdChange, .objectName, .guidanceName, .guideName{max-height: 200px;}
.bor_objectName{
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important
}
.historyCorres{max-height: 315px}
#display_relust.searchPropertyBlock{width: 67.75%;}
/*#display_relust.searchPropertyBlock2{width: 332px !important;}*/
.result-block-inner .searchBlock{line-height: 1.78;}
.customerBasicInfo .result-block .result-block-inner .wfull select.w886{width: 868px !important;}
.img_list_property img{
    /*    margin-top: 7px;
        height: 73px !important;
        width: 68% !important;*/
}
.status_list_property span{
    margin: 22px auto 0 !important;
    width: 72% !important;
}
.main-bank .detailBlock ul li .mortgage_magnification{
    margin-left: 20px !important;
}
#articleBlock .detailBlock li.type164 input{
    width: 130px;
}
@media screen and (max-width: 1388px){
    /*.w164{width: 144px !important;}*/
    .addProfile li.type350 .w110{width: 100px !important;}
    .w110 {width: 100px !important;}
    .result-block .result-block-inner .whalf p.w144{width: 144px;}    
}
@media screen and (max-width: 1280px){
    #infoBlock .categoryBlock select, #articleBlock .detailBlock select.w90 {
        padding: 0px 6px !important;
    }
    #infoBlock .categoryBlock select, #articleBlock .detailBlock .day_w90,#infoBlock .categoryBlock select, #articleBlock .detailBlock .month_w90 {
        width: 65px !important;
    }
    .customerBasicInfo .result-block .result-block-inner select.w110{
        width: 90px !important;
        padding: 0px 6px !important;
    }
}
@media screen and (max-width: 1280px) {
    .fz11:nth-child(4){
        font-size: 11px;
    }
    #modal2 .lightBox-content{
        font-size: 12px;    
    }
    .result-search .result-search-inner .headBlockAds,
    .result-search .result-search-inner .statusNoImage{
        padding-top: 3.5px;
    }
    .result-search .result-search-inner .sttMansion span{
        margin-top: 0px !important;
    }
    .result-search .result-search-inner .headBlockProp span{
        margin-top: 5px;
    }
    .resultload .result-search .result-search-inner .headBlockProp span{
        margin-top: 0px;
    }
    .result-search .result-search-inner .noImageStatus{
        padding-top: 13.5px !important;
    }
    .result-search-inner-edit .headBlockProp .mgt5{
        margin-top: 5.5px;
    }
    #articleBlock .detailBlock li.type301 input{
        width: 269px !important;
    }
    .result-search .result-search-inner .statusNoImage{
        padding-top: 2.5px;
    }
    #articleBlock .detailBlock .type301 input{width: 251px!important}
    .main-bank .detailBlock ul li .mortgage_magnification{
        margin-left: 30px !important;
    }
    .customerBasicInfo .result-block .result-block-inner .type160 select.w215 {
        width: 179px !important;
    }
    #articleBlock .detailBlock li.type350 select.w207{
        width: 176px !important;
    }
    .customerBasicInfo .result-block .result-block-inner select, .customerBasicInfo .result-block .result-block-inner input{
        width: 282px !important;
        margin-left: 0 !important;
    }
    .img_list_property, .noImage{
        padding-top: 7.5px;
    }
    .resultload .img_list_property, .noImage{
        padding-top: 0px;
    }

    .status_list_property span{
        margin-top: 28px !important;
    }
    .customerBasicInfo .result-block .result-block-inner input.schoolInput {
        width: 140px !important;
        margin-right: 12px;
    }

    .customerBasicInfo .result-block .result-block-inner input.w308{width: 258px !important;}
    .addProfile ul li p{width: 9em !important;}
    .addProfile select, .addProfile input{margin-left: 11%;}
    .detailInner .addProfile .notifi_guide {left: 136px;}
    .detailInner .addProfile .notifi_guide.annoy_pos{left: 451px !important;}
    .detailInner .addProfile .notifi_guide.annoy_pos.red{left: 451px !important;font-size: 10pt;color: red;}
    .addProfile li.type350 input, .addProfile li.type350 select, #display_relust {width: 300px !important;}
    .addProfile li.type350 select.fz13, #articleBlock .detailBlock select.fz13{font-size: 12px;}
    .fs10{font-size: 12px !important;}
    .addProfile li.type350 input.schoolInput {
        width: 140px !important;
        margin-right: 12px;
    }
    .addProfile li.type350 .w158, .customerBasicInfo .result-block .result-block-inner select.w158,.customerBasicInfo .result-block .result-block-inner input.w158 {width: 142px !important;}
    .addProfile li.type350 .w886 {width: 836px !important;}
    .addProfile li.type350 .w308 {width: 276px !important;}
    .whalf.radioInput input[type=radio] {width: auto !important;}
    .ui-tooltip{
        width: 300px;
        max-width: 300px;
    }
    #form-adv .notifi_erro {left: 140px;}
    #form-adv .name_date_adver {left: 455px;}
    .customerBasicInfo .result-block .result-block-inner select.w90{width: 80px !important;}
    .customerBasicInfo .result-block .result-block-inner select.w110{width: 100px !important;}
    .pdl160{padding-left: 126px !important;}
    .customerBasicInfo .result-block .result-block-inner input.w886{width: 810px !important;}
    #display_result2{width: 836px !important;}
    /*#display_relust.searchPropertyBlock{width: 62.2% !important;}*/
    .fs10 tr td{padding: 10px 5px 9px 10px !important;;}
    .result-search .result-search-inner .tableBlock td {padding: 10px 20px 9px}
    .customerBasicInfo .result-block .result-block-inner .wfull select.w886{width: 810px !important;}
    .radio-equipment label{margin-right: 35px}
    .detailInner .addProfile .notifi_guide_2 {
        left: 266px !important;
    }
    .detailInner .addProfile .special_notifi{
        left: 290px !important;
    }
    .detailInner .addProfile .notifi_add_property_scale_1 {
        left: 173px !important; 
    }
    .detailInner .addProfile .notifi_add_property_scale_2 {
        left: 346px !important;  
    }
    .detailInner .addProfile .notifi_add_property_scale_3{
        left: 448px !important;  

    }
    .detailInner .addProfile .fix_notifi_guide_scale_2{
        left: 509px !important;
    }
    .detailInner .addProfile .fix_l339{
        left: 351px !important; 
    }
    .detailInner .addProfile .fix_notifi_guide_2{
        margin-left: 11px !important;
    }
    .detailInner .addProfile .notifi_guide_special_1{
        left: 291px;
    }
    .detailInner .addProfile .fix_notifi_guide_3 {
        left: 356px !important; 
    }
    .detailInner .addProfile .fix_notifi_guide_4 {
        left: 576px !important; 
    }
    #articleBlock .detailBlock li.type100 input{
        width: 80px !important;
    }
    #articleBlock .detailBlock li.type100 .characters{
        font-size: 11px;
        margin-left: 15px !important;
    }
    .detailInner .addProfile .fix_notifi_guide_mansion{
        left: 478px !important
    }
    .detailInner .addProfile .fix_notifi_guide_scale_1 {
        left: 307px !important; 
    }
    .detailInner .addProfile .notifi_guide_road_size1{
        left: 296px !important;
    }
    .detailInner .addProfile .notifi_guide_road_size2{
        left: 615px !important;
    }
    .content-street .listAlphabet li{
        width: 68px !important;
    }
    .result-street .element-street ul li{
        margin-top: 25px !important;
    }
    .result-street h4{
        margin-top: 50px !important;
    }
    .result-street {
        max-height: 300px !important;
    }
    .customerBasicInfo .result-block .result-block-inner .type150 input{
        width: 130px !important;
    }
    .result-search .result-search-inner .tableBlock .fix-w20p{
        width: 21% !important;
    }
    .result-search .result-search-inner .tableBlock .fix-w35p{
        width: 33% !important;
    }
    .customerBasicInfo .result-block .result-block-inner .type240 input{
        width: 202px !important;
    }
    .customerBasicInfo .result-block .result-block-inner .type160 input{
        width: 131px !important;
    }
    .customerBasicInfo .result-block .result-block-inner select.w110, .customerBasicInfo .result-block .result-block-inner input.w110{
        width: 90px !important;
    }
    .result-search .result-search-inner .tableBlock .fix-w15p{
        width: 17.5% !important;
    }
    .result-search .result-search-inner .tableBlock .fix-w45p{
        width: 40% !important;
    }
    #articleBlock .w15p{
        width: 15% !important;
    }
    #articleBlock .radioInput-edit .w15p:nth-child(4) {
        width: 50% !important;
    }
    #articleBlock .detailBlock .addProfile .type60 select , .result-block .result-block-inner .type110 select{
        width: 77px;
    }
    #articleBlock .detailBlock .addProfile .type60 input, .result-block .result-block-inner .type110 input{
        width: 58px !important;
        padding: 2px 5px 0;
    }
    #articleBlock .detailBlock .fix-direction select{
        width: 77px !important;
    }
    #articleBlock .detailBlock .fix-direction input{
        width: 50px !important;
        padding: 2px 5px 0;
    }
    #articleBlock .detailBlock .detailInner .fix_areaProp textarea{
        width: 799px !important;
    }
    #articleBlock .detailBlock li.type105 .characters, .result-block .result-block-inner .wfull .characters{
        font-size: 12px ;
    }
    .customerBasicInfo .result-block .result-block-inner .type160 select.w215 {
        width: 190px !important;
    }
    #articleBlock .fix-balcony{
        width: 12% !important;
    }
    .result-search .result-search-inner .fix_status{
        padding-top: 7.5px !important;
    }
    .result-search .result-search-inner .fix_status span{
        height: 26px;
        margin: 5px auto 0 !important;
    }
    .result-search .result-search-inner .tableBlock .fix-w60p-room{
        width: 57.53333% !important;
    }
}
@media screen and (max-width: 1368px) {
    .addProfile li.type350 .w886 {width: 800px !important;}
    #display_result2{width: 800px !important;}
    /*#display_relust.searchPropertyBlock{width: 61.005% !important;}*/
    .customerBasicInfo .result-block .result-block-inner .wfull select.w886{width: 774px !important;}
    .customerBasicInfo .result-block .result-block-inner input.w886{width: 774px !important;}
    #articleBlock .detailBlock li.type350 select.w207{
        width: 186px !important;
    }
}
@media (min-width: 1441px){
    .notifi_erro.create_users {
        margin-left: 170px !important;
    }
}
@media (min-width: 1369px) and (max-width: 1280px){
}
@media (min-width: 1441px) and (max-width: 1522px){
}
@media (min-width: 1523px) and (max-width: 1815px){
}
@media screen and (min-width: 1737px) {
    .uploadedImages li:nth-child(4n){
        margin-right: 2.242666666666667%;
    }
}
/*===== end nhatdt new css===== */
/*===== khoant new css 23/08/2016===== */
.editHistorySupport {
    background: #F2F4E8;
}
#historySupportCustomer tr:hover{background-color: #f2f4e8;}
input.editCustomerElement{background: #fff6e8;}
#articleBlock .detailBlock select.editCustomerElement, #articleBlock .detailBlock select.editUserElement , #articleBlock .detailBlock select.editAdvertisementLabel{
    background:url(../img/btn_pulldown_yellow.png) no-repeat;
    background-color: #fff6e8 ;
    background-size: 31px;
    background-position: right center;
}
#articleBlock .detailBlock select.editAdvertisementElement, #articleBlock .detailBlock .editAdvertisementElement select{
    background:url(../img/btn_pulldown_yellow.png) no-repeat;
    background-color: #fff6e8 ;
    background-size: 31px;
    background-position: right center;
}
span.boxer-close{display: none !important;}
.dialogContent h2{
    text-align: center;
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #23201C;
    font-weight: normal;
}
.editCustomerLabel:after, .editUserLabel:after, .editAdvertisementLabel:after, .editProLabel:after{
    display: none;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
.mgl9{margin-left: 9px;}
.pdl9{padding-left: 9px;}
.w164{width: 164px;}
/* override datepicker*/
#ui-datepicker-div .ui-widget-header{
    background: #32302D;
    color: white;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {
    background: url(../img/left.png);
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon {
    background: url(../img/right.png);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    top: 4px;
    left: 4px;
    margin-left: 0;
    margin-top: 0;
    width: 21px;
    height: 21px;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-next-hover{
    right: 3px;
}
/* end override datepicker*/

.imgBound, .uploaded-inner {
    width: 171px;
    height: 129px;
    float: left;
    background: #f7f8f8;
    border: 1px solid #f7f8f8;
    position: relative;
    margin-bottom: 10px;
}
.uploaded-inner {
    width: 229px;
    height: 172px;    
}
.imgBound img, .uploaded-inner img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)    
}
.error-message{
    font-size: 12px;
    color: red;
}
.adv-error{margin: 10px 0 0 154px;}
.bound_click {overflow: hidden;}
.myModalPropBtn {cursor: pointer}
#articleBlock .detailBlock .detailInner textarea.messAds.editAdvertisementComment {border: 1px solid #ccc !important;}
.pRight {
    line-height: 33px;
    float: left;
}
.editProfileIMG .fileEditBtn {
    position: absolute;
    width: 9.5%;
    height: 35px;
}
.editProfileIMG .fileEditBtn .imgEdit {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: -120px;
    top: 45px;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    height: 20px;
    z-index: 1;
}
.result-search .result-search-inner .editProfileIMG .fileEditBtn span {
    width: 120px;
    margin: 0;
    padding: 0;
    margin-top: 45px;
    font-size:0.7em;
    line-height:25px;
    background: url(../img/profile_bg.png) no-repeat top center;
    z-index: 0;
}
.result-search .result-search-inner .editProfileIMG .fileEditBtn span.opacity-none{
    background: none;
    margin-top: 39px;
}
.result-search .result-search-inner .editProfileIMG .opacityUser,
.headBlock .opacityUser{
    width: 120px;
    position: absolute;
    height: 67px;
    background: url(../img/opacityuser.png) no-repeat top center;

}
.editNew, .deleteNew {cursor: pointer;}
.wordbreak span {word-break: break-all;}
.oshiraseBlock:hover, .oshiraseBlockSelect {background: #f2f4e8;}
.btn a:hover, button:hover, .btn-left:hover, .btn-right:hover {opacity: 0.8;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.notifi_erro.create_users{
    left: 0;
    margin-left: 153px;
}
.permission .wfull{overflow: visible;}
.permission .notifi_erro.create_users{top: -17px;}
/*===== end khoant new css===== */
.notifi_error{color: red;}
.custom_address{left: 555px !important;}
.customerBasicInfo .result-block .result-block-inner input.address_work {
    width: 180px !important;
    margin-right: 10px !important;
}
.birth_day{margin-right: 5px !important;}
.pdt33{padding-top: 33px;}
.mgt12{margin-top: 12px;}
.pdt35{margin-top: 35px;}
.pdt65{padding-top: 28px;}
/*.coYellow{color: #EBAE2D;padding-top: 17px;}*/
.coYellow{color: #EBAE2D;margin-top: 8px;}

.coYellow i{margin-left: 7px;}
.whalf .coYellow i{margin-left: 0;}
.underline{
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}
.addProfile li.type350 input.w139,.customerBasicInfo .result-block .result-block-inner input.w139{width: 139px !important; vertical-align: top;}
.detailInner .addProfile .notifi_guide.annoy_pos{left: 480px;}
.detailInner .addProfile .notifi_guide.annoy_pos.red{font-size: 7.5pt;color: red;}
.pdt30{padding-top: 30px;}
.pdt14{padding-top: 14px;}
.pdl160{padding-left: 140px;}
.pdt10 {padding-top: 10px;}
.pdl164 {padding-left: 164px;}
.pdl155 {padding-left: 155px;}

.pdb5{padding-bottom: 5px;}
.removeArea {background: url(../img/x.png) no-repeat; width: 14px;height: 14px;float: right; cursor: pointer;}
img.hidden {display: none}
.width12{
    width: calc(100% - 12px) !important;
    width: -moz-calc(100% - 17px) !important;
}
#articleBlock .detailBlock.bgGray{background: #f0f0f0;}
.nobort{border-top: 0 !important;}
#articleBlock .detailBlock .bordBt td.nobort{border-top: 0 !important;}
.propSearch, .propInputDate{border-bottom: 1px solid #ccc !important;}
#articleBlock .detailBlock .bordBt td.propSearch,
#articleBlock .detailBlock .bordBt td.propInputDate{border-bottom: 1px solid #ccc !important;padding: 10px 22px 10px 22px;}
.detailCustomer .bordBt td.nobort {
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #23201C;
}
/*Login Page*/
.singleInner{
    max-width: 599px;
    margin: 0 auto;
    padding-top: 8.5%;
}
.loginInner, .resetInner {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 45px;
}
.inputWrap{margin-bottom: 33px;}
.inputWrap label p{
    display: inline-block;
    width: 163px;
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #23201C;
}
.inputWrap input{
    width: 338px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #d0d2d4;
    line-height: 2.1;
    padding: 0 15px;
}
.checkWrap {
    width: 18px;
    height: 18px;
    position: relative;
    margin-left: 163px;
    background: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
}
.checkWrap label {
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #4C4C4C;
    padding-left: 18px;
    width: 175px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 1px;
    border-radius: 50%;
}
.checkWrap label:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: -1.5px;
    background: #1e8bc3;
    opacity: 0;
    border-radius: 50%;
}
.checkWrap label:hover::after {
    opacity: 0.3;
}
.checkWrap input[type=checkbox] {
    visibility: hidden;
}
.checkWrap input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.buttonB{
    display: block;
    width: 159px;
    margin: 43px auto 0;
    padding: 12px 46px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    box-shadow: 0px 1px 3px 0px rgba(189,189,189,0.5);
    color: #fff;
    background: rgb(228,160,45);
    background: -moz-linear-gradient(top, rgba(228,160,45,1) 40%, rgba(222,140,1,1) 100%);
    background: -webkit-linear-gradient(top, rgba(228,160,45,1) 40%,rgba(222,140,1,1) 100%);
    background: linear-gradient(to bottom, rgba(228,160,45,1) 40%,rgba(222,140,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a02d', endColorstr='#de8c01',GradientType=0 );
    border-color: #bc8426;
}
.reminder{
    font-family: HiraKakuPro-W3;
    font-size: 16px;
    color: #EBAE2D;
    text-align: center;
    text-decoration: underline;
    margin-top: 35px;
    display: block;
}
/*Reminder*/
.reminderInner{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 41px 48px;
}
.nomgbt{margin-bottom: 0;}
.pinkText{
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 24px;
    color: #D97480;
}
.reminderInner #flashMessage{
    padding: 7px 0 0 22px !important;
    background:transparent;
    color: red;
    min-height: 18px;
    line-height: 18px;
}
/*footer login*/ 
footer {
    width: 100%;
    min-height: 55px;
    line-height: 55px;
    font-family: HiraKakuPro-W3;
    color: #FFFFFF;
    text-align: center;
    background: #9B9B9B;
}
.minus55{height: calc(100% - 55px) !important;}
.submitWrap input{cursor: pointer;}
/*modal edit propety modal-matching*/
#modal-matching .lightBox-content {
    width: 1010px;
    padding-bottom: 100px;
}
.pdlr30{padding: 0 30px;}
.reminderInnerConm{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 56px 48px;
}
.reminderInnerConm .pinkText{
    margin-bottom: 0;
    text-align: center;
}
.emailReset{display: inline-block}
.resetInner .inputWrap label p{width: 200px;}
.resetInner .inputWrap input{width: 301px;}
.resetInner .pinkText{margin-bottom: 46px}
.borderRa{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.borderRaBt{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.label h3{
    font-family: HiraKakuPro-W6;
    font-size: 16px;
    color: #23201C;
}
.reminderInner .message{
    padding-left: 163px;
    padding-top: 7px;
    color: red;
}
.resetInner .error-message{
    padding-left: 200px;
    padding-top: 7px;
    color: red;
}
.borderBt{
    padding: 0 !important;
    border-bottom: 1px solid #ccc;
}
.notice{
    color: #fff;
    margin-top: 20px;
    width: 100%;
    height: 40px;
    line-height:40px;
    text-align: center;
    background-color: #979797;
}
.uploadedImages{padding-bottom: 0px !important;}
.mgl405{margin-left: 40.5%;}
.singleInner .message{
    padding: 0 !important;
    margin-bottom: 5px;
    border-radius: 5px;
}
#glance{
    position: relative;
    padding: 22px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
    font-family: HiraKakuPro-W3;
    font-size: 20px;
    color: #656565;
    text-decoration: underline;
    cursor: pointer;
}
.nobx{box-shadow: none !important;}
.bx{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.23);}
.errorCorrespondDateFix{color:red;padding-top: 10px}
.pdb24{padding-bottom: 24px !important;}
.pdtb24{padding-top: 24px !important;padding-bottom: 24px !important;}
.mgb24{margin-bottom: 24px !important;}
.labelGray:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.editAdvertisementElement input, input.editAdvertisementElement , input.editUserElement {background-color: #fff6e8}
#articleBlock .detailBlock .borderNoTd td.propSearch,
#articleBlock .detailBlock .borderNoTd td.propInputDate{border-bottom: 0 !important;}
#articleBlock .detailBlock .bordBt:last-child td{border-bottom:0 !important;}
#addMore.blackBtn a, .orangeBtn a{
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 !important;
    text-align: center !important;
}
.fw6{font-family: 'HiraKakuPro-W6', Arial, Helvetica, sans-serif !important;}
.font16{font-size: 16px !important;}
.whalf select option{background-color: #fff6e8;}
.fixBorTable{
    width: 72%;
    margin: 0 auto;
    height: 109px;
    position: relative
}
#articleBlock .detailBlock.detailBlockAds .objectName::-webkit-scrollbar-track,
.historyAdChange::-webkit-scrollbar-track{border-bottom: 1px solid #ccc;}
#articleBlock .detailBlock.detailBlockAds,
#articleBlock .detailBlock.blockBordBt{border-bottom: 0;}
#articleBlock .detailBlock.detailBlockAds .bordBtFix:last-child td,
#articleBlock .detailBlock .historyAdChange .bordBtFix:last-child td{border-bottom: 1px solid #ccc !important;}


.iconYellow {
    color: #EBAE2D;
    line-height: 31px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mb30 {
    margin-bottom: 30px;
}

.labelSchool {
    line-height: 31px;
}
.fix-topsearch{
    width: 100% !important;
}
.fix-topsearch .topButton{
    width: 22.5% !important;
    padding: 3.5% 0 1.5%;
}
.fix-topsearch .topmgr7{
    margin-left: 3.3333333%;
}

/*css add property*/
input[type="text"]:disabled{
    background-color: #f0f0f0;
}
/* binh css 21/12*/
.radio-equipment > li{width:100% !important}
.radio-equipment label{margin-right: 28px}
.detailInner .addProfile .notifi_guide_2{
    font-size: 7.5pt;
    margin-top: 0; 
    position: absolute;
    margin-left: 0; 
    bottom: -12px;
    left: 262px;
    color: #999999;
}
.customerBasicInfo .result-block .result-block-inner .notifi_guide_2{
    font-size: 7.5pt;
    margin-top: 0; 
    position: absolute;
    margin-left: 0; 
    bottom: -12px;
    left: 163px;
    color: #999999;
}
.customerBasicInfo .result-block .result-block-inner .notifi_guide_road_size_1{
    left: 342px !important;
}
.customerBasicInfo .result-block .result-block-inner .notifi_guide_road_size_2{
    left: 684px !important;
}
.customerBasicInfo .result-block .result-block-inner .notifi_building_1{
    left: 196px !important;
}
.customerBasicInfo .result-block .result-block-inner .notifi_building_2{
    left: 387px !important;
}
.customerBasicInfo .result-block .result-block-inner .fix_notifi_ratio_2{
    left: 343px;
}
.detailInner .addProfile .notifi_guide_special_1 {
    left: 303px;
}
.customerBasicInfo .result-block .result-block-inner .notifi_guide_special_1{
    left: 320px !important;
}
.detailInner .addProfile .fix_notifi_guide_2 {
    margin-left: 50px; 
}
.detailInner .addProfile .fix_l339, .customerBasicInfo .result-block .result-block-inner .fix_l339 {
    left: 357px; 
}
.customerBasicInfo .result-block .result-block-inner .fix_l339 {
    left: 378px; 
}
.customerBasicInfo .result-block .result-block-inner .fix_l282 {
    left: 282px; 
}
.customerBasicInfo .result-block .result-block-inner .fix_l350 {
    left: 350px; 
}
.detailInner .addProfile .fix_notifi_guide_3 {
    left: 369px; 
}
.detailInner .addProfile .fix_notifi_guide_4 {
    left: 590px; 
}
.detailInner .addProfile .fix_notifi_guide_scale_1 {
    left: 179px; 
}
.detailInner .addProfile .fix_notifi_guide_parking_1 {
    left: 280px; 
}
.detailInner .addProfile .fix_notifi_guide_parking_2 {
    left: 518px; 
}
.detailInner .addProfile .notifi_add_property_scale_1 {
    left: 178px; 
}
.detailInner .addProfile .notifi_add_property_scale_2 {
    left: 321px;  
}
.detailInner .addProfile .notifi_add_property_scale_3 {
    left: 427px; 
}
.detailInner .addProfile .fix_notifi_guide_scale_2 {
    left: 382px; 
}
.detailInner .addProfile .fix_notifi_guide_mansion {
    left: 508px; 
}
#articleBlock .detailBlock .fix-select .w222{
    width: 222px !important; 
}
#articleBlock .detailBlock .fix-radio >li:nth-child(1){
    width: 146px !important; 
}
#articleBlock .detailBlock .fix-radio >li:nth-child(2){
    width: 85% !important; 
}
#articleBlock .detailBlock .fix-radio > li >label{
    margin-right: 28px !important; 
}
#articleBlock .mgb10{
    margin-bottom: 10px;
}
#articleBlock .fix-wro{
    width: 20%;
    display: inline-block;
}

#articleBlock .long_chart_related{
    width:  60%;
}

#articleBlock .long_chart{
    width: 25%;
    display: inline-block;
}
#articleBlock .big_long_chart{
    width: 80%;
    display: inline-block;
}
#articleBlock .fix-balcony{
    text-align: center !important;
    width: 15%;
    display: inline-block;
}
#articleBlock .fee{
    margin-top: 10px !important;
}

#articleBlock .fix-radio li .w60p:nth-child(3){
    width: 60% !important;
}
.fix-checkbox_house:nth-child(4){
    width: 48% !important;
}
#articleBlock .fix-radio li .w40{
    width: 40% !important;
}
#articleBlock .fix-radio li .w21:nth-child(4){
    width: 21% !important;
}
#articleBlock .fix-radio .fix-eco .fix-wro:nth-child(2){
    width: 21% !important;
}
.lightBox .lightBox-content ul.listAlphabet {
    padding: 20px 30px 0 !important;
}
.lightBox .lightBox-content ul.listAlphabet li {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    background: black;
    color: white;
    margin: 5px;
    cursor: pointer;
}
.lightBox .lightBox-content ul.listAlphabet li.none {
    background: #ddd;
    cursor: default;
}
.lightBox .lightBox-content ul.listAlphabet li.active {
    background: #91a328;
}
.total-street {
    color: #ddd;
    margin: 20px 0 20px;
}
.result-street {
    padding: 0 30px 20px;
    margin-bottom: 20px;
}
.result-street h4{
    font-size: 18px;
    font-weight: bold;
    margin-top: 50px;
}
.result-street .element-street.hidden {
    display: none;
}
.result-street .element-street ul li{
    display: inline-block;
    color: #91a328;
    cursor: pointer;
    text-decoration: underline;
    width: 20%;
    margin-top: 25px;
    text-align: left;
}
.result-street {
    max-height: 400px;
    overflow-y: scroll;
    position: relative;
    background: #fff;    
}
#articleBlock .detailBlock li.type60 input{
    width: 75px !important;
}
.detailInner .addProfile .notifi_guide_road_size1{
    left: 308px;
}
.detailInner .addProfile .notifi_guide_road_size2{
    left: 646px;
}
.mgl10{
    margin-left: 10px !important;
}
.w80{width: 80px !important;}
.w60{width: 60px !important;}

.lightBoxStreet{
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.title-prefecture{
    color: #e4a530;
    font-size: 22px;
    margin: 0 30px;
}
.fix-tooltipProp{margin-left: 0 !important;}
.fix-tooltipProp input{margin-left: -5px !important;}
.result-street::-webkit-scrollbar {
    background: #ededed;
    width: 15px;
    height: 11px;
    border-bottom-right-radius: 4px;
}
.result-street::-webkit-scrollbar-thumb {
    background: #9d9d9d;
    border-radius: 10px;
}
.content-street{
    width: 75%;
    margin-left: 20%;
}
.content-school{
    width: 36%;
}
.content-street .listAlphabet li{
    width: 80px;
    text-align: center;
}
.result-block .result-block-inner .whalf .borR_1{
    margin: 0 50px 0;
}
.customerBasicInfo .result-block .result-block-inner .wfull .fix-wro input{
    width: auto !important;
}
.customerBasicInfo .result-block .result-block-inner .wfull .fix-wro{
    height: 29px;
}
.radioInput-edit .fix-wro{
    line-height: 35px;
}

.result-search .result-search-inner .tableBlock td.w6666{
    width: 66.66666666% !important;
}

.whalf.radioInput .radioEdit label{
    margin-right: 50px !important;
}

.customerBasicInfo .result-block .result-block-inner .notifi_guide_mansion{
    font-size: 7.5pt;
    margin-top: 33px;
    position: absolute;
    margin-left: -77px;
    color: #999999;
}

.customerBasicInfo .result-block .result-block-inner input.w70{
    width: 70px !important;
}

.customerBasicInfo .result-block .result-block-inner .fix_notifi_parking_2{
    left : 537px;
}
.customerBasicInfo .result-block .result-block-inner .fix_notifi_parking_1{
    left : 292px;
}

.result-block .result-block-inner .wfull div.radio_room{
    width: 80%;
    float: left;
}
.fix-condition{
    display : inline-block;
}
.result-search .result-search-inner .tableBlock .fix-w25p{
    width: 25%;
}
.result-search .result-search-inner .tableBlock .fix-w60p{
    width: 60%;
}
.result-search .result-search-inner .tableBlock .fix-w40p{
    width: 40%;
}
.result-search .result-search-inner .tableBlock .fix-w17p{
    width: 17.5%;
}
.w60p{width: 60%;}
.result-search .result-search-inner .tableBlock .fix-w35p{
    width: 35%;
}
.result-search .result-search-inner .tableBlock .fix-w50p{
    width: 50%;
}
.result-search .result-search-inner .tableBlock .fix-w45p{
    width: 45%;
}
.result-search .result-search-inner .tableBlock .fix-w15p{
    width: 15%;
}
.result-search .result-search-inner .tableBlock .fix-w20p{
    width: 20%;
}
.result-search .result-search-inner .tableBlock .fix-w80p{
    width: 80%;
}
.result-search .result-search-inner .tableBlock .fix-w75p{
    width: 75%;
}
.result-search .result-search-inner .tableBlock .fix-w55p{
    width: 50%;
}
.result-search .result-search-inner .tableBlock .fix-w57p{
    width: 57.53333%;
}
.result-search .result-search-inner .tableBlock .w55p{
    width: 55%;
}
#articleBlock .radioInput-edit .w50p:nth-child(4) {
    width: 43% !important;
}
#articleBlock .w15p{
    width: 20%;
}
#articleBlock .radioInput-edit .w15p:nth-child(4) {
    width: 43%;
}

.result-search .list_property_child ul:hover{
    cursor: pointer;
    background-color: #f2f4e8;
}

#infoBlock .btnBlock{
    margin-top: 50px;
}
#infoBlock .btnBlock .btn a{width: 230px !important;}
#infoBlock .w200Button a{width: 230px !important;}
.main-bank .result-block-inner .mortgage_magnification{

}
.customerBasicInfo .result-block .result-block-inner .fix_mortgage_magnification select, .customerBasicInfo .result-block .result-block-inner .fix_mortgage_magnification input{
    width: 120px !important; 
}
.customerBasicInfo .result-block .result-block-inner .fix_mortgage_magnification input{
    margin-left: 10px !important;
}
.customerInfo .detailInner-custom .w30{
    width: 30px;
}
.customerInfo .detailInner-custom .w50{
    width: 50px;
    color: red;
}
#articleBlock .detailBlock .detailInner .fix_areaProp textarea{
    width: 885px;
    margin-left: 0px !important;
}

.bor_none, .result-search .result-search-inner .tableBlock .bor_none td{
    border-bottom: none !important;
}
.checkbox_room{
    width: 25%;
    float: left;
    line-height: 35px;
}
.lh30{
    line-height: 30px;
}
/*check box room*/ 

.detail_room input[type="checkbox"]:not(:checked),
.detail_room input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.detail_room input[type="checkbox"]:not(:checked) + label,
.detail_room input[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
.detail_room input[type="checkbox"]:not(:checked) + label:before,
.detail_room input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 0px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 50%;
}
/* checked mark aspect */
.detail_room input[type="checkbox"]:not(:checked) + label:after,
.detail_room input[type="checkbox"]:checked + label:after {
    content: ' ';
    border-radius: 50%;
    width: 13px;
    height: 13px;
    background-color: #2b8bff;
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 17px;
    line-height: 0.8;
    color: #000;
    transition: all .2s;
}
/* checked mark aspect changes */
.detail_room input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.fix-checkbox_room:nth-child(3){
    width: 60%;
}
.checkbox_management{
    position: absolute;
    left: 380px;
    top:0px;
}
.result-search-mansion .headBlockProp img{
    /*    margin-top: 7px;
        height: 70px !important;
        width: 68% !important;*/
}
.fs10{font-size: 13px;}
.check_mansion{left:340px !important}
.pdt0{padding-top: 0px !important;}
.result-block .result-block-inner .whalf p.borLC:before{
    content: '';
    position: absolute;
    left: 0;
    top: -9px;
    width: 1px;
    height: 35px;
    background-color: #cccccc;
}
.result-block .result-block-inner .whalf p.borLC{
    position: relative;
}
#articleBlock .number_add{
    margin: 50px 0px 10px 5px;
    color: #7f828f;
}
.result-search .result-search-inner .noImageStatus img , .result-search .result-search-inner .statusNoImage img{
    top:37% !important;
    max-height: 50%;
}
.result-search .result-search-inner .noImageStatus{
    padding-top: 9.5px;
}
.result-search .list_property_child .noImageMansion{
    padding-top: 16px;
}
.result-search .fixBorTabl{
    height: 109px;
    position: relative;
    width: 72%;
    margin: 0 auto;
}
.fix-tooltip{
    float: left;
    margin-left: 0px;
}

.drawer-open .drawer-overlay{
    top: 64px;
}
.drawer--left.drawer-open .drawer-hamburger{
    left:0 !important;
}

.main-bank .bank ul li{
    width: 80%;
}
#articleBlock .addProfile ul li:last-child{
    margin-left: 0 !important;
}
.lightBox{
    z-index: 2;
}
/*nhatdt additional*/
.avaLogin {
    position: absolute;
    height: 28px;
    width: 60px;
    left: 31px;
    top: -3px;
}
.avaLogin img {
    width: auto;
    max-height: 100%;
    max-width: 100%;
    /* max-width: 100%; */
    position: absolute;
    top: 50%;
    left: -5%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: auto;
}
.opacityUserTop{
    width: 60px;
    position: absolute;
    left: -3px;
    top:-3px;
    height: 30px;
    background: url(../img/opacityuser.png) no-repeat;
    background-size: 106%;
}
.userLogin{
    margin-left: 40px;
    padding: 0px !important;
}
#articleBlock .detailBlock select.mgr5{margin-right: 5px !important;}
#articleBlock .detailBlock select.mgln4{margin-left: -4px !important;}
.inline-select{display: inline-block}
.inlineRadio label{display: inline !important;}
.fixBorTableUser{
    width: 80%;
    margin: 0 auto;
    height: 65px;
    position: relative;
}
.fixBorTableUser img{
    width: auto;
    max-height: 100%;
    max-width: 100%;
    /* max-width: 100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: auto;
}
/*end nhatdt additional*/
/*** 767px以下（スマートフォン） ***/

@media (max-width: 767px) {
    .addProfile ul li{
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    #articleBlock .detailBlock td.type350,
    #articleBlock .detailBlock li.type350 input,
    #articleBlock .detailBlock li.type350 select{
        width: 100% !important;
    }
    #articleBlock .tooltipProp{
        width: 100% !important;
    }
    #articleBlock .tooltipProp input{
        width: 100% !important;
    }
    #articleBlock .tooltipProp i{
        margin-left: 0 !important;
    }
    #articleBlock .detailBlock li.type301 input,
    #articleBlock .addProfile li.type350 .w308,
    #articleBlock .addProfile li.type350 .w110,
    .customerBasicInfo .result-block .result-block-inner input.w308{
        width:80% !important;
        margin-right: 0;
    }
    #articleBlock .detailBlock ul li.w45 input{
        width: 80% !important;
    }
    .result-search .result-search-inner .headBlockUser{
        width: 100% !important;
        border-bottom: 1px solid #ccc;
        display: block;
        padding-bottom:10px
    }
    .result-search .result-search-inner .editProfileIMG .opacityUser, .headBlock .opacityUser{
        width: auto;
        position: relative;
    }
    .result-search .result-search-inner .headBlockProp,
    .result-search .result-search-inner .headBlockAds{
        width: 100%;
        border-bottom: 1px solid #ccc;
        display: block;
        padding-bottom:10px;
    }
    #topTableBlock .tableBlock .tableBlock-inner table .bordBt td,
    .result-search .result-search-inner .tableBlock td,
    .result-search .result-search-inner .tableBlock tr{
        display: block;
        width: 100% !important;
        border-bottom: 0 !important;
        border-right: 0;
        padding-top:0 !important;
        padding-bottom:3px !important;
        max-width:initial !important;
    }
    .result-search .result-search-inner .tableBlock td:first-child {
        padding-top:5px !important;
    }
    .result-search .result-search-inner .tableBlock table:last-child td:last-child{
        padding-bottom:10px;
    }
    .result-search .result-search-inner .tableBlock {
        border-left:0;
    }
    .result-search .result-search-inner .tableBlock tr{
        display:table;
        border-bottom:1px solid #ccc;
        width:100%;
    }
    .result-search .result-search-inner .tableBlock table:last-child tr{
        border-bottom:0;
    }
    .result-search .result-search-inner .tableBlock td:last-child{
        border-right:0;
    }
    .result-search .result-search-inner .tableBlock,
    .result-search .result-search-inner .headBlockCus{
        float:none;
        width:100%;
    }
    .result-search .result-search-inner .headBlockCus{
        border-bottom:1px solid #ccc;
        text-align:center;
        padding-top:15px;
    }
    .result-search .result-search-inner .headBlockCus span{
        display:inline-block;
    }
    .result-search .result-search-inner .tableBlock .fix-w20p,
    .result-search .result-search-inner .tableBlock .fix-w15p,
    .main-bank #result-show .borR,
    .main-bank #result-show .whalf-w35,
    .main-bank .income-condition .images_ajax,
    .main-bank .income-condition .whalf-w27,
    .main-bank .fix-show-checkbox .checkbox,
    .customerBasicInfo .result-block .result-block-inner .wfull select.w886{
        width:100% !important;
    }
    .result-block .result-block-inner .whalf{
        width: 100% !important;
    }
    .customerBasicInfo .result-block .result-block-inner select,
    .customerBasicInfo .result-block .result-block-inner input{
        width: 100% !important;
    }
/*    #articleBlock .whalf .borR{
        width: 100% !important;
        display: block;
    }*/
/*    .result-block .result-block-inner .whalf p.borR,
    .result-block .result-block-inner .wfull p.borR,
    .prop-third p.borR, .result-block .result-block-inner .whalf p.borL,
    .result-block .result-block-inner .wfull p.borL, .prop-third p.borL, .wfull p.fix-borR, .whalf p.fix-borR{
        width: 100% !important;
    }*/
    .result-block .result-block-inner .whalf p
    .prop-third p{
        width: 100%;
        margin-left: 0;
    }
    #articleBlock .classFloor #PropertyBuildingScale3 + .notifi_guide_mansion{
        margin-top: 53px;
    }
    .fix-topsearch .topButton{
        width: 48% !important;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .fix-topsearch .topSearchAdd-inner .topButton:nth-child(odd){
        margin-left: 0 !important;
    }
    #articleBlock .radioInput .type350 .checkbox_room label,
    #articleBlock .radioInput .type110 .checkbox_room label,
    #articleBlock .radioInput .type164 .checkbox_room label{
        width: 100% !important;
    }
    #articleBlock .radioInput .type350 .checkbox_room,
    #articleBlock .radioInput .type110 .checkbox_room,
    #articleBlock .radioInput .type164 .checkbox_room{
        width: 100% !important;
    }
    #topTableBlock .oshiraseBlock tr{
        border-bottom: 1px solid #ccc;
        display: block;
    }
    #topSearchAdd .topSearchAdd-block{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0;
    }
    #topTableBlock .detailBlock{
        margin-top: 20px;
    }
    .result-search .result-search-inner .fix-headBlockCus{
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
    .inline-select{display: block;}
    #articleBlock .addProfile li.type350 .w101c{width: 80% !important;}
    .checkbox-inline{
        position: absolute;
        left: 0;
        top: 14px;
        display: inherit;
    }
    .main-bank .fix-show-checkbox .checkbox-inline .checkbox{width: 26% !important;}
    .editProfileIMG .fileEditBtn, .result-search .result-search-inner .editProfileIMG .fileEditBtn span{width: 100%;}
}
/*** login , reset , confirm reset***/
@media (max-width: 610px){
    .singleInner{max-width: 390px;}
    .loginInner, .resetInner, .reminderInner{padding: 45px 25px;}
    .checkWrap{margin-left: 0;}
    .inputWrap label p{padding-bottom: 5px;}
    .buttonB{margin: 23px auto 0;}
    .reminder{margin-top: 20px;}
    .reminderInner #flashMessage{padding: 7px 0 0 0px !important;}
}
@media (max-width: 410px){
    .singleInner{max-width: 320px;}
    .loginInner, .resetInner, .reminderInner{padding: 45px 10px;}
    .inputWrap input{width: 298px;}
}
/*footer*/
@media (max-width: 390px){
    footer{font-size: 90%;}
}
/*** 991px以下（タブレット） ***/

@media (min-width: 64em){
    .drawer--sidebar.drawer--left .drawer-contents{
        margin-left: 16.25rem !important;
    }
}

@media (max-width: 63.9em){
    #wrapper .drawer-hamburger{
        position: absolute;
    }
    .logo{
        margin: 7px 0 0 53px;
        transition: .3s;
    }
    .notifi_guide_mansion{
        display: none;
    }
}

@media (max-width: 991px) {
}


/*** 1199px〜 （デスクトップ）***/

@media (max-width: 1324px) {
    .ov{
        overflow: visible;
    }
    .fl,
    .fr{
        float: none;
        display: inline-block;
    }
    .wfull{
        float: none;
    }
    .pRight{
        float: none;
    }
    .addProfile ul li:last-child{
        margin-bottom: 0;
        margin-left: 0;
    }
    .addProfile ul li.w45{
        margin-bottom: 10px !important;
    }
    .addProfile ul li.w45:last-child{
        margin-bottom: 0 !important;
    }
    .main-bank .fix-show-checkbox .checkbox{
        position: relative;
    }
    .repayment{
        margin-bottom: 10px;
    }
    .repayment span + input,
    .repayment span + label{
        margin-top: 15px;
    }

    .detailBlock th,
    .detailBlock td{
        padding: 6px 0 6px 10px;
    }
    #articleBlock .detailBlock .radioInput legend{
        float:none;
    }
    #articleBlock .detailBlock .radioInput li input[type="radio"]{
        width: auto !important;
    }
    #articleBlock .detailBlock li.type237 input{
        width: 80% !important;
    } 
    #articleBlock .detailBlock li.type237 span + input,
    #articleBlock .detailBlock li.type110 span + input,
    #articleBlock .detailBlock li.type110 span + select,
    #articleBlock .detailBlock li.type110 p + input,
    #articleBlock .detailBlock li.type350 select + p,
    #articleBlock .detailBlock .whalf + .whalf{ /* 二段以上に重なったときの上下の余白用 */
        margin-top: 10px !important;
    }
    #articleBlock .detailBlock li.type350 p{
        margin-left:0 !important;
        margin-bottom: 5px !important;
    }
    #articleBlock #PropertyBuildingScale3{
        width:70% !important;
    }
    #articleBlock .classFloor #PropertyBuildingScale3{
        margin-top: 20px;
        width: 70px !important;
    }
    #articleBlock .detailBlock li.type105 .characters,
    .result-block .result-block-inner .wfull .characters{
        margin-top: 15px;
        margin-left: 0 !important;
        display: block;
    }
    .result-block .result-block-inner .whalf{
        float: none;
    }
    #articleBlock .detailBlock .radioInput p{
        width: 100% !important;
    }
    #articleBlock .customerBasicInfo .result-block .result-block-inner input.w102,
    #articleBlock .income-condition input{
        width: 50% !important;
    }
    #articleBlock .detailBlock .detailInner textarea{
        max-width: 100%;
        margin-left: 0;
    }
    #articleBlock .detailBlock ul li .notifi_guide + label{
        margin-top: 10px;
    }
    #articleBlock .detailBlock li input + input,
    #articleBlock .detailBlock li select + input,
    #articleBlock .detailBlock li select + select,
    #articleBlock .detailBlock select + input,
    #articleBlock .detailBlock select + select,
    #articleBlock .customerBasicInfo .result-block span + input.w102,
    #articleBlock .customerBasicInfo .result-block p + input.w102,
    #articleBlock .customerBasicInfo .result-block .result-block-inner .wfull span + input{
        margin-top: 8px;
    }
    #articleBlock .detailCustomer td{
        width: auto !important;
    }
    #articleBlock .pShow{
        margin: 0;
    }
    .customerBasicInfo .result-block .result-block-inner input.w886{
        max-width: 100%;
    }
    #infoBlock #submitBtnBlock{
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 0 !important;
        width: 100%;
    }
    #infoBlock > h1{
        display: block;
    }
    #infoBlock .buttonBlock{
        position: static;
        margin-top: 10px;
    }
    #infoBlock .buttonBlock .btn:first-child{
        padding-left:0;
    }
    #infoBlock .buttonBlock .btn + .btn{
        width: 48%;
        padding-left: 2px;
    }
    #infoBlock .btn a{
        max-width: 100%;
    }
    #infoBlock .buttonBlock > div:last-child{
        margin-left: 0;
    }
    #result-show [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{
        float: none;
    }
    #submitBtnBlock{
        padding-top: 20px !important;
    }
    #articleBlock + #submitBtnBlock{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pdt14{
        padding-top: 0;
    }
    .pdl155{
        padding-left: 0;
    }
    .warning-modal{
        display: block;
        width: 100%;
        position: static;
        margin-top: 10px;
    }

    .sortUL{
        margin-bottom:20px;
    }
    .result-search .result-search-inner .tableBlock .multi tr{
        border-bottom:0;
    }
    .result-search .result-search-inner .tableBlock .multi td{
        display:block;
        width:50% !important;
        float:left;
    }
    .result-search .result-search-inner .tableBlock .multi td:nth-child(even){
        border-right:0;
    }
    #articleBlock.main-bank .detailBlock ul li input{
        margin-left: 0 !important;
    }
    #articleBlock.main-bank .w886{
        max-width: 100% !important;
    }
    .bank .prefectures-bank li:nth-child(1){
        line-height: initial !important;
    }
    #main .btn a{
        padding:11px;
    }
    #main .btn i{
        margin: 0;
    }
    #loginBlock .nameView{
        text-indent: -9999px;
    }
    #main #loginBlock{
        right: 15px;
    }
    #loginBlock .btn span{
        display: none;
    }
    #submitBtnBlock{
        max-width: 100%;
    }
    .pagination ul li{
        line-height:2rem;
    }
    .pagination ul li.next{
        margin-right: 0;
    }
    .pagination ul li.next a{
        padding: 13px 10px;
    }
    .pagination ul li a,
    .pagination ul li.current a,
    .pagination ul li.current span{
        padding:11px 8px;
    }
    .pagination{
        width: 100%;
    }
    .pagination ul{
        text-align:center;
    }
    .pagination ul li{
        font-size: 0.9rem;
    }
    #topSearchAdd .topSearchAdd-block.right{
        float: none;
    }
    .result-block .result-block-inner .whalf p,
    .result-block .result-block-inner .wfull p, .prop-third p{
        float: none;
        display: inline-block;
    }
    #articleBlock .detailBlock .historyCorres .bordBt td{
        word-wrap: break-word;
    }
    .correspond .w35,
    .correspond .w60p{
        width: 100%;
    }
    .detailCustomer .clearable{
        display: none;
    }
    #topTableBlock .tableBlock .tableBlock-inner table .bordBt .blgr{
        text-align: right;
        padding-top: 10px;
    }
    #topTableBlock .tableBlock .tableBlock-inner table span{
        margin-right:8px;
    }
    #topTableBlock .tableBlock .tableBlock-inner table br{
        display: none;
    }
    #OshiraseIndexForm .textBlock .left,
    #OshiraseIndexForm .textBlock .right{
        width: 100%;
        float: none;
    }
    #OshiraseIndexForm .textBlock .left{
        margin-bottom: 10px;
    }
    #OshiraseIndexForm .textBlock .left p{
        padding-top: 0;
    }
    #PropertyBuildingArea{
        max-width: 80%;
    }
    #PropertyPrivateRoadRatio1,
    #PropertyPrivateRoadRatio2{
        max-width: 30% !important;
    }
    #articleBlock #PropertyPrivateRoadRatio2 + span{
        display:none;
    }
    #articleBlock .addProfile ul li.w45:last-child span{
        margin-left: 0 !important;
    }
    #modal.lightBox{
        padding-top: 20px;
    }
    #modal .lightBox-content{
        max-width: 90%;
        margin: 0 auto;
    }
    .lightBox label{
        display: block;
        margin-bottom: 10px;
    }
    .lightBox select{
        margin-left: 0;
    }
    #articleBlock .detailBlock td.fix-bor{
        width: 100% !important;
        padding: 0;
        margin-top:10px;
        display:block;
    }
    #articleBlock .detailBlock td.fix-bor .fix-checkbox{
        width: 33.33%;
        position: relative;
    }
    .bank ul li{
        width: 100% !important;
    }
    #articleBlock .w100{
        width:20% !important;
        margin-right: 0 !important;
    }
    .main-bank .detailBlock ul li .mortgage_magnification{
        margin: 0 !important;
    }
    #articleBlock.main-bank .fix-width-bank{
        width:100% !important;
    }
    #articleBlock .radioInput label{
        display: inline-block;
        width: auto;
        margin-right: 10px;
        line-height: 20px;
    }
    .borR.no-after{
        display: none !important;
    }
    .pdt33{
        padding-top: 0;
    }
    .customerBasicInfo .result-block .result-block-inner input.w886{
        width:48% !important;
        margin-top: 5px;
    }
    .customerBasicInfo .result-block .result-block-inner input.w886:first-child{
        margin-top: 0;
    }
    .result-block .result-block-inner .whalf{
        width: 100%;
    }
    .result-block .result-block-inner .whalf:first-child{
        padding-bottom: 15px;
    }
    .result-block .result-block-inner .whalf p.fix-borR:after,
    .result-block .result-block-inner .wfull p.fix-borR:after{
        display: none;
    }
    .tooltipProp{
        margin-left: 0;
    }
    #articleBlock .addProfile .notifi_guide,
    .detailInner .addProfile .notifi_guide_2,
    .customerBasicInfo .result-block .result-block-inner .notifi_guide_2{
        width: 100%;
        display: block;
        left: 0;
        position: static;
        margin-top: 3px;
    }
    .detailInner-custom #result-show .fix-borR{
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin-bottom: 5px;
    }
    .mgt12 li{
        margin-top: 12px;
    }
    #articleBlock label{
        width:100%;
        margin-bottom:5px;
        display:block;
        float: none;
    }
    #articleBlock .detailBlock select{
        margin-left:0;
    }
    .customerBasicInfo .result-block .result-block-inner .notifi_guide_mansion{
        top:54px;
    }
    #BankPrefectures label{
        position: static;
        display: inline-block;
    }
    .main-bank .result-block .whalf-w35{
        width: 100% !important;
    }
    .hasDatepicker,#AdvertisementNameDate{
        margin-top:0 !important;
    }
    .pdl160.searchBlock{
        padding-left: 0 !important;
        margin-top: 10px; 
    }
    #articleBlock.main-bank .detailBlock ul li input{
        margin-left: 0 !important;
    }
    #articleBlock .detailBlock select.mgln4,
    .fix-tooltipProp input,
    .tooltipProp{margin-left: 0px !important;}
    .uploaded-inner{width: 100%;}
}

/*confirm page*/
@media (max-width: 1371px) {
    .result-block .result-block-inner .whalf p.borR, 
    .result-block .result-block-inner .wfull p.borR, 
    .prop-third p.borR, 
    .result-block .result-block-inner .whalf p.borL, 
    .result-block .result-block-inner .wfull p.borL, 
    .prop-third p.borL, 
    .wfull p.fix-borR, 
    .whalf p.fix-borR{width: 150px;}
    .w164 {width: 150px;}
    .w110s {width: 82px !important;}
}
@media (max-width: 641px) {
    .submit-confirm-edit .btn.whiteBtn a,
    .submit-confirm-edit .btn.greenBtn a{width: 150px;}
    .submit-confirm-edit .btn.whiteBtn,
    .submit-confirm-edit .btn.greenBtn{width: 150px !important;}
}
@media (max-width: 624px) {
    .whalf p{font-size: 90%}
    .w110s {width: 15% !important;}
    .uploadedImages li{width: 30% !important;}
    .uploadedImages li:nth-child(4n){margin-right: 2.242666666666667%;}
}
@media (max-width: 587px) {
    #infoBlock > h1, .warning-txt {font-size: 95%}
    .result-block .result-block-inner .whalf .borR_1{
        margin: 0;
        display: block;
    }
    .mgl9{margin-left: 0;}
    .result-block .result-block-inner .whalf p.borR, 
    .result-block .result-block-inner .wfull p.borR, 
    .prop-third p.borR, 
    .result-block .result-block-inner .whalf p.borL, 
    .result-block .result-block-inner .wfull p.borL, 
    .prop-third p.borL, 
    .wfull p.fix-borR, 
    .whalf p.fix-borR{
        width: 140px; 
        padding-bottom: 5px;
    }
    .w164 {width: 140px;}
    .result-block .result-block-inner .whalf:first-child{padding-bottom: 5px;}
    .whalf p,
    .wfull p{display: block !important;}
    .result-block .result-block-inner .whalf p.borLC:before,
    .result-block .result-block-inner .whalf p.borL:before, 
    .result-block .result-block-inner .wfull p.borL:before, 
    .prop-third p.borL:before{content: none;}
    .result-block .result-block-inner .whalf p.borLC.pdl9,
    .result-block .result-block-inner .wfull p.borLC.pdl9,
    .result-block .result-block-inner .whalf p.borL.pdl9,
    .result-block .result-block-inner .wfull p.borL.pdl9,
    .result-block .result-block-inner .whalf p.borLCC.pdl9 {padding-left: 0;}
}