body, h1, h2, h3, h4, h5, p, label, a  {
    font-family: '微軟正黑體', 'Microsoft JhengHei', 新細明體, 細明體,'SourceSansPro', Arial, Helvetica, 'sans-serif', serif !important;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}


#navA_Register {
    /* text-decoration: underline; */
	color: #deff00;
}
#navA_Register:after {
    content: '';
    width: 100%;
    display: block;
    height: 3px;
    background-color: #deff00;
    bottom: -5px;
}
#navA_Register:hover, #navA_Register:focus {
	color: #3A3A3A;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    outline: 0;
}
#navA_Register:hover:after, #navA_Register:focus:after {
    content: '';
    width: 100%;
    display: block;
    height: 3px;
    background-color: #3A3A3A;
    bottom: -5px;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}



ul {
    padding: 0px;
}

.MapLink {
    text-decoration: underline;
    color: #FFF;
}

.ErrMsg {
    color: #F00;
    font-weight: bold;
}

.radio-success {
	padding: 0px 3px;
}

.radio-success input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

@media only screen and (max-width: 768px) {
    #form_submit_div.fixed {
        z-index: 10;
        width: 100%;
        position: fixed;
        bottom: 48px;
        background-color: #FFF;
        left: 0%;
        padding: 2% 10% 0px 10%;
        border: 5px solid #ccc;
    }
}

    .TalkLi {
        width: 100%
    }

    .next {
        width: 10px;
        height: 25px;
        background: url(/upload/activities/marketing/JobFair_Common_N/img/icon/plugin_btn.png) no-repeat -20px 0px;
        height: 25px;
        width: 10px;
        bottom: 100px;
        right: 10px;
        cursor: pointer;
        position: absolute;
        text-indent: -5000px;
        display: block;
        z-index: 3;
    }

        .next:hover {
            background-position: -30px 0px;
        }

    .preview {
        background: url(/upload/activities/marketing/JobFair_Common_N/img/icon/plugin_btn.png) no-repeat 0px 0;
        height: 25px;
        width: 10px;
        bottom: 100px;
        left: 10px;
        cursor: pointer;
        position: absolute;
        text-indent: -5000px;
        display: block;
        z-index: 3;
    }

        .preview:hover {
            background-position: -10px 0px;
        }

    .og-grid li {
        margin: 0px 15px;
    }

    .og-expander-inner {
        overflow: auto;
    }

    .og-close {
        z-index: 10;
    }

    .JobCat-Btn {
		cursor: pointer;
		padding-left: 0px;
		padding-bottom: 5px;
		padding-right: 0px;
    }

.OverImage-Centered {
    width: 100%;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #12A19A;
    border-radius: 10px;
    border: 5px solid white;
    padding: 3px 10px;
    line-height: 25px;
}

#btnSubmit {
    /*background-color: #888;*/
    background: url(/upload/activities/marketing/JobFair_Common_N/img/icon/apply.png) no-repeat 0 0;
    border: 0;
    width:175px;
    height:41px;
}

#btnSubmit:disabled {
    opacity: 0.3;
}

.CmpyLogo {
    width: 200px;
    margin: auto auto;
}

.Fixed_Btn {
    display: none;
}

@media only screen and (max-width: 768px) {
    .Fixed_Btn {
        display: block;
        position: fixed;
        bottom: 48px;
        width: 100%;
        cursor: pointer;
        z-index: 1000;
    }
	.navbar-brand img{
		height:40px;
	}
	
	#JF_DateTime, #JF_Location {
		font-size: 5vw;
	}
}

.FindJobBtn {
    cursor: pointer;
}

.VacJobDesc, .VacJobBtn {
    padding: 0px;
}

.DdlDiv {
    padding-bottom: 5px;
}