.divMapCreate h2 {
    margin: 0 0 10px;
    font-weight:normal;
    font-size:1.7em;
    text-align:left;
}

.divMapCreate h3 {
    margin: 0 0 10px;
    font-weight:normal;
    font-size:1.4em;
    text-align:left;
}


.divMapCreate .input, .divMapCreate .button 
{
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 0;
    box-sizing: content-box;
}

.divMapCreate .button 
{
    background: #FBFBFB;
}
.divMapCreate .button:hover 
{
    background: #DEDEDE;
}

.divMapCreate .grid-row {
    box-sizing:border-box;
    white-space:nowrap;
}

.divMapCreate .grid-01, .divMapCreate .grid-02, .divMapCreate .grid-03, .divMapCreate .grid-04, .divMapCreate .grid-05, .divMapCreate .grid-06, .divMapCreate .grid-07, .divMapCreate .grid-08, .divMapCreate .grid-09, .divMapCreate .grid-10, .divMapCreate .grid-11, .divMapCreate .grid-12 {
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    white-space:normal;
}
.divMapCreate .grid-01 {width:8.3333%;}
.divMapCreate .grid-02 {width:16.6666%;}
.divMapCreate .grid-03 {width:25%;}
.divMapCreate .grid-04 {width:33.3333%;}
.divMapCreate .grid-05 {width:41.6666%;}
.divMapCreate .grid-06 {width:50%;}
.divMapCreate .grid-07 {width:58.3333%;}
.divMapCreate .grid-08 {width:66.6666%;}
.divMapCreate .grid-09 {width:75%;}
.divMapCreate .grid-10 {width:83.3333%;}
.divMapCreate .grid-11 {width:91.6666%;}
.divMapCreate .grid-12 {width:100%;}


/* PROP */

.divMapCreate .prop-item 
{
    padding: 10px;
    border-bottom: 1px solid #EFEFEF;   
}
.divMapCreate .prop-item:last-child {border-bottom:0;}
.divMapCreate .prop-name {margin-right:20px; padding: 3px 0;}
.divMapCreate .prop-input
{
    width:150px;    
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    padding: 2px 6px;
    margin:0;
    box-sizing:content-box;
}
.divMapCreate .prop-colorlist 
{
    width:23px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    padding: 2px 6px;
    margin:0;
    box-sizing:content-box;
}
.divMapCreate .prop-colorlist-toolbar i
{
    padding:3px;
    margin:5px 5px 5px 0;
    cursor:pointer;
    opacity:0.3;
}
.divMapCreate .prop-colorlist-toolbar i:hover {opacity:1;}

.divMapCreate .prop-tabs {
    border:1px solid #c6c6c6;
    border-bottom:0;
}
.divMapCreate .prop-tabs-item {
    padding:10px;
    border-right:1px solid #c6c6c6;
    border-bottom:1px solid #c6c6c6;
    text-align:center;
    background:#eaeaea;
    cursor:pointer;
}
.divMapCreate .prop-tabs-item:last-child {border-right:0;}
.divMapCreate .prop-tabs-item:hover {background:#fff;}
.divMapCreate .prop-tabs-item-active {
    border-bottom: 0;
    background:#fff;
}
.divMapCreate .prop-group {max-width:600px; border:1px solid #c6c6c6; border-top:0;}


.divMapCreate .prop-mapcolor-item-number  
{
    width:3em;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 0;
    box-sizing: content-box;
}

.divMapCreate .input-table 
{
    margin-bottom:20px;
}
.divMapCreate .input-table td
{
    padding:5px 10px;
}


.divMapDDL .dxeHLC, .divMapDDL .dxeHC, .divMapDDL .dxeHFC
{
    display: none;
}