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

@layer

-------------------------------*/
.layer, .layer2{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display:none;
        z-index:50;
}

.layer-bg{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
}
.layer-bg-bottom{
        bottom: -530px;
}
.layer-holder, .layer-holder2{
        display:none;
}

.layer-content{
        top: 20%;
        position: absolute;
        width: 96%;
        text-align: center;
}

.layer-size-content {
        top: 30%;
        margin-top: -89px;
        position: absolute;
        width: 100%;
        text-align: center;
}

.layer-content-inner{
        display: inline-block;
        min-width:98%;
        max-width:98%;
        background:#FFF;
        border-radius:8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
}

.layer-close-btn{
    /*position: absolute;*/
    z-index: 5;
    /*top: -25px;
    right: -40px;*/
    cursor: pointer;
    text-align:right;
    padding: 2% 4% 0 0;
}

.layer-content-main{
    padding:4%;
    text-align:left;
}

.layer-content-main {
    padding:1%;
    text-align:left;
}

.layer-btn-container{
        padding:0px 0 10px;
}

.layer-btn-container p {
    text-align:left;
    padding:1% 4%;
}

.layer-btn-container p span {
    font-weight:600;
}


.layer-box {
    width:90%;
    margin:0 auto;
}

.layer-size-box {
    width:98%;
    margin:0 auto;
}

.layer-inner-box {
   width:100%;
   margin:10px auto;
   position: relative;
}

.layer-inner-box img {
   width:96%;
   margin:0 auto;
}


.layer_code {
    background-color:#EFF2F4;
}


.layer-send {
    margin:20px 0;
    margin: 20px 0;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.3);
}

.layer-send ul {
}

.layer-send ul li {
     width:46%;
     display:inline-block;
     margin:1%;
}

.selectBtn {
     width:100%;
     display:inline-block;
     color:#0C4995;
     border:2px solid #0C4995;
     text-align:center;
     padding: 10px 0;
     font-weight:600;
}

.selectedBtn {
     background-color:#0C4995 !important;
     color:#fff !important;
}

#sendClearBtn {
     width:45%;
     margin: 1% 3% 1% 0;
     display:inline-block;
     color:#0C4995;
     border:1px solid #0C4995;
     text-align:center;
     padding: 10px 0;
     font-weight:600;
}

#sendFixBtn {
     width:45%;
     margin: 1% 0 1% 4%;
     display:inline-block;
     color:#fff;
     background-color:#0C4995;
     border:1px solid #0C4995;
     text-align:center;
     padding: 10px 0;
     font-weight:600;
}

.layer-ttl {
     color:#fff;
     font-size:18px;
     font-weight:600;
     background-color:#0C4995;
     text-align:center !Important;
     padding:10px 0 !Important;
}

ul.layer-line {
    padding-top:10px; 
}

ul.layer-line li {
     width:30%;
     padding:1%;
     display:inline-block;
     vertical-align: middle;
}

ul.layer-line li p {
     text-align:center;
}

ul.layer-line li p.strong {
     font-weight:600;
}

.select-size-inch {
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  background: #fff;
}

.select-size-inch select {
  width: 100%;
  height: 40px;
  cursor: pointer;
  padding: 10px 50px 10px 10px;
  text-overflow: ellipsis;
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.select-size-inch select::-ms-expand {
  display: none;
}

.select-size-inch::before {
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  background: #EFF2F4;
  pointer-events: none;
}

.select-size-inch:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 13px;
  width: 0;
  height: 0;
  margin:  auto 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: transparent;
  border-top-color: #0C4995;
  pointer-events: none;
}


