/* HIDE RADIO */
.imgRadio {
    position: absolute;
    visibility: hidden;
}

    /* IMAGE STYLES */
    .imgRadio + img {
        cursor: pointer;
        margin-top: 1em;
    }

    .imgRadio:hover + img {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }
    /* CHECKED STYLES */
    .imgRadio:checked + img {
        /*outline: 2px solid #f00;*/
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
        opacity: .9;
    }

p {
    line-height: 18px;
}

.pHeader {
    color: blue;
}

.SelectContent {
    min-height: 800px;
    height: auto;
    padding: 1em;
}

.SelectSticky {
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 0 0.5em 0 0.5em;
}

.sticky {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    width: 215px;
}

.SelectFrame {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

#tblSelectSticky tr {
    line-height: 1.2em;
    min-height: 1em;
    height: auto;
}

.product_title_desc {
    color: black;
    font-size: 1.5em;
}

.selectpicker {
    width: 110px;
}

.singleInput {
    width: 110px;
    margin-bottom: 10px;
    text-align: center;
}

    .singleInput:read-only {
        background: #e9ecef !important;
        color: #afadaa !important;
        border: #e9ecef !important;
    }

.divCondition {
    background-color: #F8F8F8;
    border: 1px solid #707070;
    border-radius: 10px;
    margin-top: 1em;
}

.divShape {
    border-right: 1px solid #707070;
    background-color: white;
    border-radius: 10px 0 0 10px;
}

.SelectVTSpanDiv {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #E1E1E1;
    border-radius: 20px;
    border: 1px solid #70B5C7;
    width: 400px;
}

.SelectVTspanSpot {
    background: #70B5C7 0% 0% no-repeat padding-box;
    width: 8px;
    height: 8px;
    border-radius: 999em;
    margin-right: 0.5em;
}

.SelectVTspanText {
    font-size: 17px;
    margin-left: 0.5em;
}

.SelectTable {
    background: #FFFFFF;
    border: 1px solid #707070;
}

    .SelectTable thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        line-height: 1.05em !important;
    }

    .SelectTable td, .SelectTable th {
        border: 1px solid #707070;
    }

    .SelectTable > thead > tr > th {
        background: #3e3a39;
        font-size: 0.95em;
        color: white;
        border-bottom: 1px solid #707070;
        vertical-align: middle;
        line-height: 1em;
        font-weight: 400;
    }

    .SelectTable > tbody > tr {
        font-size: 0.95em;
        color: #000000;
        vertical-align: middle;
    }

        .SelectTable > tbody > tr > td {
            vertical-align: middle;
        }

.advText {
    color: #b4b4b4;
}

.fa-plus-square-o {
    cursor: pointer;
}

.unCmd {
    color: #FF0000;
}

.unAdv {
    background-color: yellow;
}

.ResultSelTitle {
    font-weight: bold;
}

.custom-align-center {
    display: flex;
    align-items: center; /*Aligns vertically center */
    justify-content: center; /*Aligns horizontally center */
}

.align-verticle-center {
    display: flex;
    align-items: center; /*Aligns vertically center */
}

.resultSpan {
    color: red;
    font-weight: 500;
    font-size: 2em;
}

.divStart {
    min-height: 600px;
}

.pAlertMsg {
    color: red;
    font-size: 0.95em;
    margin: 0px;
    line-height: 10px;
}

.spanNoteMsg {
    color: #656565;
}

.product_title_caption {
    line-height: 40px;
}

.imgWidth {
    max-width: 80%;
    height: auto;
}

.contact-submit-btn {
    min-width: 173px;
    width: auto;
    text-wrap: none;
    padding-left: 8px;
    padding-right: 8px;
}

.caption-title {
    color: #93b0e0;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 2px;
}

/*#region SelectImg*/

/*#region TW*/
.SelectLinerImg {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/Select/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg:hover {
        background: url("/Images/Select/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/Select/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg:hover {
        background: url("/Images/Select/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/Select/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg:hover {
        background: url("/Images/Select/SELECT_SERVO_2.png") no-repeat;
    }

/*單軸機器人*/
.SelectAxisImg {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/Select/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg:hover {
        background: url("/Images/Select/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion TW*/

/*#region US*/
.SelectLinerImg_US {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/US/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg_US:hover {
        background: url("/Images/US/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg_US {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/US/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg_US:hover {
        background: url("/Images/US/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg_US {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/US/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg_US:hover {
        background: url("/Images/US/SELECT_SERVO_2.png") no-repeat;
    }

.SelectAxisImg_US {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/US/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg_US:hover {
        background: url("/Images/US/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion US*/

/*#region KR*/
.SelectLinerImg_KR {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/KR/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg_KR:hover {
        background: url("/Images/KR/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg_KR {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/KR/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg_KR:hover {
        background: url("/Images/KR/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg_KR {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/KR/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg_KR:hover {
        background: url("/Images/KR/SELECT_SERVO_2.png") no-repeat;
    }

.SelectAxisImg_KR {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/KR/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg_KR:hover {
        background: url("/Images/KR/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion KR*/


/*#region JP*/
.SelectLinerImg_JP {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/JP/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg_JP:hover {
        background: url("/Images/JP/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg_JP {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/JP/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg_JP:hover {
        background: url("/Images/JP/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg_JP {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/JP/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg_JP:hover {
        background: url("/Images/JP/SELECT_SERVO_2.png") no-repeat;
    }

/*單軸機器人*/
.SelectAxisImg_JP {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/JP/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg_JP:hover {
        background: url("/Images/JP/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion JP*/

/*#region CN*/
.SelectLinerImg_CN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/CN/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg_CN:hover {
        background: url("/Images/CN/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg_CN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/CN/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg_CN:hover {
        background: url("/Images/CN/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg_CN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/CN/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg_CN:hover {
        background: url("/Images/CN/SELECT_SERVO_2.png") no-repeat;
    }

/*單軸機器人*/
.SelectAxisImg_CN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/CN/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg_CN:hover {
        background: url("/Images/CN/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion CN*/

/*#region TH*/
.SelectLinerImg_TH {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/TH/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg_TH:hover {
        background: url("/Images/TH/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg_TH {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/TH/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg_TH:hover {
        background: url("/Images/TH/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg_TH {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/TH/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg_TH:hover {
        background: url("/Images/TH/SELECT_SERVO_2.png") no-repeat;
    }

/*單軸機器人*/
.SelectAxisImg_TH {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/TH/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg_TH:hover {
        background: url("/Images/TH/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion TH*/

/*#region VN*/
.SelectLinerImg_VN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/US/SELECT_LINER.png") no-repeat;
    cursor: pointer;
}

    .SelectLinerImg_VN:hover {
        background: url("/Images/US/SELECT_LINER_2.png") no-repeat;
    }

.SelectSingleImg_VN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/VN/SELECT_SINGLE.png") no-repeat;
    cursor: pointer;
}

    .SelectSingleImg_VN:hover {
        background: url("/Images/VN/SELECT_SINGLE_2.png") no-repeat;
    }

.SelectServoImg_VN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/VN/SELECT_SERVO.png") no-repeat;
    cursor: pointer;
}

    .SelectServoImg_VN:hover {
        background: url("/Images/VN/SELECT_SERVO_2.png") no-repeat;
    }

/*單軸機器人*/
.SelectAxisImg_VN {
    display: block;
    align-content: center;
    width: 329px;
    height: 409px;
    background: url("/Images/VN/SELECT_AXIS.png") no-repeat;
    cursor: pointer;
}

    .SelectAxisImg_VN:hover {
        background: url("/Images/VN/SELECT_AXIS_2.png") no-repeat;
    }
/*#endregion VN*/

/*#endregion SelectImg*/