/* ************************************************
 *  order_choose
 * ************************************************ */
.order-choose-list { margin-bottom: 30px;}
.order-choose-list ul { margin: 20px 0; width: 100%;}
.order-choose-list li { background: #7BBFE9); color: #fff; float: left; margin: 0 auto; text-align: center; width: 32%;}
.order-choose-list li a { display: block; padding: 24px 0;}
.order-choose-list li a:hover { color: #fff;}
.order-choose-list li:nth-child(2) { margin: 0 1%;}

.choose-sheet-box { background: #fff; margin-bottom: 50px; text-align: center; width: 100%;}
.choose-sheet-box th { background: #7BBFE9; color: #fff; font-weight: bold; padding: 6px 0; text-align: center; width: 16.6%;}
.choose-sheet-box td { padding: 12px 0;}
.choose-sheet-box td i { font-size: 24px;}

.choose-block-box { background: #fff; margin-bottom: 50px; text-align: center; width: 100%;}
.choose-block-box th { background: #7BBFE9; color: #fff; font-weight: bold; padding: 6px 0; text-align: center; width: 100%;}

.choose-block-box table { background: #fff; width: 100%;}
.choose-block-box table td:first-child { text-align: center; width: 60%;}
.choose-block-box table td:nth-child(2) { text-align: center; width: 40%; vertical-align: top;}
.choose-block-box table tr.subth td { background: #4a4a4a; color: #fff;}
.choose-block-box table tr.block td:first-child { text-align: left;}

.choose-appoint-box { background: #fff; width: 100%;}
.choose-appoint-box th { background: #7BBFE9; color: #fff; font-weight: bold; padding: 6px 0; text-align: center; vertical-align: top; width: 100%;}
.choose-appoint-box td.left-box { vertical-align: top; width: 50%;}
.choose-appoint-box td.right-box { width: 50%;}

ul.accordion ul { display: none;}
ul.accordion li p { background: #4a4a4a; color: #fff; padding: 3px 0; margin-bottom: 2px;}
ul.accordion li p { cursor: pointer;}


/* ************************************************
 *  order_check
 * ************************************************ */
.sma-box { height: 200px; width: 100%; background-color: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-top: 25px;}
  .sma-box h4 { color: #7BBFE9; font-size: 24px; font-weight:bolder; padding: 24px;}
    .sma-box p { font-size: .9em; padding-left: 24px; padding-bottom: 24px;}
  .sma-box a { background-color: #000; color: #7BBFE9; display: block; font-size: 1.8em; width: 90%; margin: 0 auto; padding: 15px 0; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}

.check_next{ margin-top:-20px;}

/* ************************************************
 *  order_login
 * ************************************************ */

.ol-box { background-color: #fff; text-align: center; width: 100%;}
.ol-box-border1 { border: 9px solid rgb(255, 255, 255); box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -webkit-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -moz-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -ms-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -o-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; padding:25px;}
.ol-box-border2 { border: 9px solid rgb(255, 255, 255); box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -webkit-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -moz-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -ms-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; -o-box-shadow: rgb(214, 214, 214) 0px 0px 0px 4px inset; padding:25px;}
.ol-box-border2 p {  margin-top: -12px;}

.ol-title { font-size: 24px; margin:0 0 24px 0; line-height:1em;}

.ol-loginarea { display: inline-block; text-align: left; width: 50px;}
.ol-loginform { border: 0; padding: 10px; font-size: 1.3em; font-family: Arial, sans-serif; border: solid 1px #ccc; margin: 0 0 20px; width: 300px;}
.ol-pass { text-align: left; font-size: .7em; color: #696969; position: absolute; top: 346px; right: 264px;}
.ol-loginsubmit { border: solid 1px #ccc; padding: 15px 200px;  font-weight: bold; color: #333; cursor:pointer; font-size:22px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.ol-loginsubmit:hover{ background-color:#ccc;}

.ol-button { display:block; background-color: #7BBFE9; color: #FFF; display: block; padding: 15px 0; text-align: center; width:450px; margin:0 auto; font-size:22px;
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}
.ol-button:hover{ background-color:#7BBFE9; color:;}

.ol-about { display:block; color: #000; font-size: 12px; padding-top:15px;}
.ol-about:hover { color: #aeaeae;}

.login_back{ margin:20px 0 0 0;}
.login_back ul{ margin:0 auto 0 0;}

/* ************************************************
 *  order_info
 * ************************************************ */
.oi-title { font-size: 14px; margin: 16px 0 6px 0; padding: 12px 0; width: 100%; background-color: #333; color: #fff; text-align: center;}

.oi-field { margin-top: 6px; width: 100%;}
  .oi-field label { background-color: #fff; display: inline-block; text-align: center; padding: 18px 0; width: 49.5%; margin-bottom:5px;}
  .oi-field label:hover{ cursor:pointer; background-color:#F90;}
  .oi-field label input{ margin-right:10px;}


.oi-box { width: 100%; background-color: #fff; margin: 24px 0;}
  .oi-box p { padding: 20px 25px 25px; line-height: 1.7em;}

.oi-address{ margin-bottom:20px;}
.oi-address .oi-form-section { background-color: #696969; color: #fff; display: inline-block; text-align: left; padding: 14px 10px;width:120px; margin:0 5px 1px 0}
.oi-address .oi-loginform { border: 0; padding: 14px 10px; font-size: 16px; font-family: Arial, sans-serif; color: #000; border: solid 1px #ccc; margin: 0 auto; width: 733px;}

/*«««2019.09.24 `Pbgs³]Φ~@Ξ@Step2@EventifyVXeO[v*/
.oi-address .oi-loginform[readonly] { border: 0; padding: 14px 10px; font-size: 16px; font-family: Arial, sans-serif; background-color: #dcdcdc; color: #000; border: solid 1px #ccc; margin: 0 auto; width: 733px;}
/*ͺͺͺ2019.09.24 `Pbgs³]Φ~@Ξ@Step2@EventifyVXeO[v*/

/* ************************************************
 *  order_confirm
 * ************************************************ */

.oc-title { font-size: 14px; margin: 12px 0 2px 0; padding: 6px 0; width: 100%; background-color: #333; color: #fff; text-align: center;}

.oc-box1 { background-color: #fff; font-size: 1.5em; height: ; margin-bottom: 6px; width: 100%;}
  .oc-box1 p { padding: 20px; margin-bottom: 0;}
.oc-line { border-top: 1px dotted #696969; margin: 0 auto; width: 100%; height: 0; padding: 0;}

.oc-box2 { border-spacing: 0 1px;  width: 100%; margin-bottom: 6px;}
  .oc-box2 tr { background-color: #fff;}
    .oc-box2 tr td { text-align: right; vertical-align: middle; padding:12px;}
      .oc-box2 tr td:nth-child(odd) { width: 80%;}
        .oc-box2 tr td:nth-child(even) { width: 20%;}
        .oc-box2 tr td.td-left { text-align: left !important; padding-left: 12px;}
        .oc-box2 tr td.td-last { color: #7BBFE9; font-size: 2em; line-height:1em; font-weight: bold; padding:24px 12px;}

.oc-box3 { border-spacing: 2px 2px; margin: 0 auto 20px; width: 100%;}
  .oc-box3-title { width: 100%;  background-color: #7BBFE9;}
    .oc-box3-title th { text-align: center; vertical-align: middle;  color: #fff; padding: 12px 24px;}
  .tr-box { text-align: left; width: 100%;}
    .tr-box td { background-color: #fff; text-align: center; vertical-align: middle; padding: 12px 24px;}
      .tr-box td:first-child { background-color: #7BBFE9; color: #fff;}
      .tr-box td:nth-child(even) { text-align: left; font-size: 20px; line-height:1.5em;}

.oc-button { background-color: #7BBFE9; color: #fff; display: block; font-size: 1em; width: 240px; margin-left: 68%; margin-top: 6px; padding: 15px 0; text-align: center; border: 9px solid #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}

/*160114ΟXAΗΑ*/
.titlemini { font-size: 14px !important;}
/*160114ΟXAΗΑ*/

.titlemini a { font-size: 14px !important; color: blue; padding-left: 24px;}

/* ************************************************
 *  order_last
 * ************************************************ */

.ola-box { background-color: #fff; font-size: 1em; height: 200px; margin-bottom: 6px; width: 100%;}
  .ola-box p { padding-top: 70px; text-align: center;}

.last_btn{ margin-top:-30px;}

/* ************************************************
 *  regist
 * ************************************************ */
.reg-box { text-align: center;width: 900px; margin: auto;}
.reg-title { font-size: 24px; line-height:1em; margin:0 0 24px 0; color:#7BBFE9;}

.reg-loginarea { display: inline-block; text-align: left; width: 50px;}
.reg-loginform { border: 0; padding: 10px; font-size: 1.3em;  color: #7BBFE9; border: solid 1px #ccc; margin: 0 0 20px; width: 300px;}
.reg-loginsubmit { border: solid 1px #ccc; padding: 15px 165px; font-size:20px; font-weight: bold; color: #fff; cursor:pointer; background-color:#7BBFE9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.reg-loginsubmit:hover{ background-color:#7BBFE9}

.hide { display: none;}


/* ************************************************
 *  funity style ΗΑ 151212
 * ************************************************ */
/* table style */
 .listTable{ margin-bottom:10px;}

 .table-funity a{ color: #F60;}
 .table-funity td {  padding:10px;background-color: rgba(255,255,255,0.6);}
 .table-funity td.th2 { background: #4a4a4a !important; color:#fff; padding:10px;}
 .table-funity th { background: #242424 !important; border: 1px solid #242424 !important; color:#fff; padding:10px;}

 .table-funity th.th_subt{ background-color:#e7582c!important; border:none!important;}

 .table-funity.stick-to-next{ border-collapse:collapse;}
 .table-funity.stick-to-next tr{ border-bottom:1px solid #ccc;}
 .table-funity.stick-to-next td{ border:none!important;background-color: rgba(255,255,255,0.9)}

 .table-funity.tcl th{ width:20%;}

 .table-funity p.note{ margin:10px 0;}

 .btn-funity-forced { background: #e7582c !important; border: 1px solid #e7582c !important; color:#fff; padding:10px;}
    /* Jέθ */
    /* #listTable-1 .col1      { width: 50%; }   /* */
	#listTable-2 .col1      { width: 160px; }   /* */
	#listTable-2 .col2      { width: 160px; }   /* */
	#listTable-2 .col3      { width: 160px; }   /* */
	#listTable-2 .col4      { width: 160px; }   /* */
	#listTable-2 .col5      { width: 160px; }   /* */
	#listTable-2 .col6      { width: 160px; }   /* */
	/* #listTable-3 .inner-col01      { width: 50%; }   /* */

.table td.tdnotes{ padding:0 0 30px;}
.table .notes{ display:table; margin:0 30px 0 auto;}
.table .notes li{ display:table-cell; text-align:left; font-size:12px; border-right:1px solid #999; padding:10px 15px;}
.table .notes li:first-child{ color:#e7582c; font-weight:bold;}
.table .notes li:last-child{ border-right:0; padding:10px 0 10px 15px;}

table .w10{ width:10%;}
table .w20{ width:20%;}

/*funity buttonΗΑ*/
.progressNav{ display:table; margin:0 auto; padding-top:20px;}
.progressNav .navbtn{display:table-cell; padding:5px; box-sizing: border-box;}
.progressNav .navbtn input{font-weight:bolder; background-color: #e7582c; color: #fff; border: 6px solid #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 14px;  font-size:22px; line-height:1em; text-align:center; width:290px!important;}
.progressNav .navbtn input:hover{ background-color:#ff6633; color:#FFF; cursor:pointer;}

.btn-block {display: block;width: 100%;}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width:100%;}

.btn2{ padding:10px;}
.btn2:hover{ cursor:pointer;}

/*«««2017/11/28 Α‘ QuickTikcet(Phase2)Ξ*/
.btnline-funity {
  color: #FFFFFF;
  /*border-color: #00C300;*/
  background-color: #00C300;
  background-image: url('../../../img/line/btn_line_base.png');
  background-repeat: no-repeat;
  background-size: auto 30px;
  border:none;
  height:30px;
  width:35%;
  font-size:22px;
}

.btnline-funity:hover
/*.btnline-funity:focus,
.btnline-funity:active,
.btnline-funity.active,
.open > .dropdown-toggle.btnline-funity*/ {
  /*border-color: #13bf00;*/
  color: #FFFFFF;
  background-color: #00E000;
  background-image: url('../../../img/line/btn_line_hover.png');
}
.btnline-funity:focus
{
  color: #FFFFFF;
}
.btnline-funity:active,
.btnline-funity.active,
.open > .dropdown-toggle.btnline-funity {
  /*background-image: none;*/
  color: #FFFFFF;
  background-color: #00B300;
  background-image: url('../../../img/line/btn_line_press.png');
}
.btnline-funity.disabled,
.btnline-funity[disabled],
fieldset[disabled] .btnline-funity,
.btnline-funity.disabled:hover,
.btnline-funity[disabled]:hover,
fieldset[disabled] .btnline-funity:hover,
.btnline-funity.disabled:focus,
.btnline-funity[disabled]:focus,
fieldset[disabled] .btnline-funity:focus,
.btnline-funity.disabled:active,
.btnline-funity[disabled]:active,
fieldset[disabled] .btnline-funity:active,
.btnline-funity.disabled.active,
.btnline-funity[disabled].active,
fieldset[disabled] .btnline-funity.active {
  /*border-color: #ccc;*/
  background-color: #C6C6C6;
  background-image: url('../img/line/btn_line_disable.png');
}
.btnline-funity-forced {
  color: #FFFFFF !important;
  background-color: #00C300 !important;
  /*border-color: #13bf00 !important;*/
}
.btnline-funity-forced:hover,
.btnline-funity-forced:focus,
.btnline-funity-forced:active,
.btnline-funity-forced.active,
.open > .dropdown-toggle.btnline-funity-forced {
  color: #FFFFFF;
  background-color: #00E000;
  /*border-color: #FFAA47;*/
}
.btnline-funity-forced:active,
.btnline-funity-forced.active,
.open > .dropdown-toggle.btnline-funity-forced {
  background-image: none;
}
.btnline-funity-forced.disabled,
.btnline-funity-forced[disabled],
fieldset[disabled] .btnline-funity-forced,
.btnline-funity-forced.disabled:hover,
.btnline-funity-forced[disabled]:hover,
fieldset[disabled] .btnline-funity-forced:hover,
.btnline-funity-forced.disabled:focus,
.btnline-funity-forced[disabled]:focus,
fieldset[disabled] .btnline-funity-forced:focus,
.btnline-funity-forced.disabled:active,
.btnline-funity-forced[disabled]:active,
fieldset[disabled] .btnline-funity-forced:active,
.btnline-funity-forced.disabled.active,
.btnline-funity-forced[disabled].active,
fieldset[disabled] .btnline-funity-forced.active {
  background-color: #C6C6C6;
  /*border-color: #ccc;*/
}
.btnline-funity .badge {
  color: #fff;
  background-color: #333;
}
.a_common
{
	color:#000000
}
/*ͺͺͺ2017/11/28 Α‘ QuickTikcet(Phase2)Ξ*/

/* etc */
.request_l{ width:60%;}
 .table-funity .lot_num{ font-size:24px; line-height:1.5em;}

 .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #7BBFE9;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-sizing:border-box;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: bold;
}
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}

span.require,
span.require-mark,
td.require {
  color: #ff0000;
}
span.require-mark:before {
  content: "* ";
}
.help-block {
	clear:both;
    display: block;
    padding-top: 5px;
    color: #737373;
}
div.postal-unit {
  display: table;
  width: 100%;
}
div.postal-unit div {
  display: table-cell;
  float: left;
  padding: 5px;
  line-height: 30px;
}
div.postal-unit div.input {
  width: auto;
}
div.postal-unit div.assistance {
  margin-left: 15px;
}

/* ************************************************
 *  optional
 * ************************************************ */
.mgnb10{ margin-bottom:10px;}
.txtl{ text-align:left;}
