﻿.mytable-type1 img {
    width: 200px !important;
}

.foot-box input {
    color: #343a40;
}

.pgButton {
    margin-top: 30px;
    padding: 10px 30px;
}

.foot-box .pgButton a{
    color: #9c9c9c;
    background: #fff;
    border: solid 1px #a1a1a1;
    border-radius: 40px;
    padding: 10px 30px;
    transition: .3s;
}

.foot-box .pgButton a:hover {
    color: #000;
    border: solid 1px #000;
}


/*webkit瀏覽器專用*/
 ::-webkit-input-placeholder { color: #9c9c9c; }
/*Firefox 4-18瀏覽器專用*/
 input::-moz-placeholder { color: #9c9c9c; }
/*Firefox 19+瀏覽器專用*/
 input::-moz-placeholder{color:#9c9c9c;}
/*IE10瀏覽器專用*/
:-ms-input-placeholder{color: #9c9c9c;}

nav .menu a{
    color: #fff;
}

nav .menu a:hover{
    color: #1368ab;
}

.row .ui-datepicker-trigger {

    margin: 0 0 0 5px;
    cursor: pointer;
}

/* 關閉多選下拉選單按鈕*/
.ui-multiselect-header .ui-multiselect-close {
  /*  display:none;*/
}

.ui-multiselect-header .ui-icon {
    top: 4px;
}

.ui-multiselect-checkboxes input {
    margin-right: 4px;
}

.btn-type-s label {
    font-weight:normal;
    cursor: pointer;
}

.btn-type-s.active label {
    font-weight:600;
}

.btn-type-s {
  /*  font-weight: normal !important;*/
}

.ui-multiselect .ui-multiselect-open {
    padding-right:8px;
}

.ui-multiselect span {

    padding-left:10px;
}

.btn-type-s a {
    color: #000;
}

@media (min-width: 576px)
{
    .modal-dialog {
        max-width: 800px;
    }
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}



.bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev {
    font-size: 21px;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}
.bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}
.bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget .dow {
    width: 14.2857%;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}
.bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new {
    color: #777;
}
.bootstrap-datetimepicker-widget td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}
.bootstrap-datetimepicker-widget td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget .datepicker>div {
    display: none;
}

@media (max-width: 991.9px) {
    .slogan-box h3 {
        display: none;
    }
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 46px;
    padding: 2px 5px;
    line-height: 2;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}

.input-group-addon {
    /* padding: 6px 12px; */
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* line-height: 1; */
    /* color: #555; */
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

/*
.fixRadioButtonList {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.fixRadioButtonList {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}


.fixRadioButtonList input {
    box-sizing: border-box;
    padding: 0;

    position: absolute;
    z-index: -1;
    opacity: 0;
}

.fixRadioButtonList label {
    position: relative;
    margin-bottom: 0;
}

.fixRadioButtonList label::before {
    border-radius: 50%;
}
.fixRadioButtonList label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.fixRadioButtonList label::before, .fixRadioButtonList label::after {
    top: 0;
}

.fixRadioButtonList label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.fixRadioButtonList label {
    position: relative;
    margin-bottom: 0;
    font-weight: normal;
}


.fixRadioButtonList input:checked ~ .fixRadioButtonList label::before {
    background-color: #007bff;
}

.fixRadioButtonList input:checked ~ .fixRadioButtonList label::before {
    color: #fff;
    background-color: #007bff;
}

.fixRadioButtonList input:checked ~ .fixRadioButtonList label::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
}




.fixRadioButton {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.fixRadioButton {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}


.fixRadioButton input {
    box-sizing: border-box;
    padding: 0;

    position: absolute;
    z-index: -1;
    opacity: 0;
}

.fixRadioButton label {
    position: relative;
    margin-bottom: 0;
}

.fixRadioButton label::before {
    border-radius: 50%;
}
.fixRadioButton label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.fixRadioButton label::before, .fixRadioButton label::after {
    top: 0;
}

.fixRadioButton label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.fixRadioButton label {
    position: relative;
    margin-bottom: 0;
    font-weight: normal;
}



.fixRadioButton input[type="radio"], .fixRadioButton input[type="checkbox"]:checked ~ .fixRadioButton label::before {
    color: #fff;
    background-color: #007bff;
}*/

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff;
}
/*
#ApplyCourseNow {
    position: fixed;
    z-index: 2;
    bottom:5%;
    width:100%;
                left:50%; 
    margin-left:-50%;
    margin-top:-25px;
}

#ApplyCourseNow a{
    width:287.5px;
    height:46px;
}
*/

.ui-multiselect {
    width: 400px;
}

@media (max-width: 991.9px) {
    .ui-multiselect {
    width: 100%
    }

    #DateofBirth {
    width:200px;
    }

    div.bootstrap-datetimepicker-widget{
    top:38px;
    
    }
}

#whychooseamet {
    min-height:663px;
}


.livinginau .newstab button {
	width: 16.66%;
}

.redTag {
    color: #c90f1e;
}


p.type-1 {
    color: #000;
}


.tabcontent ul {
    padding-left: 2em;
    line-height: 1.5;
}
/*
.tabcontent ul li {
    text-indent: -1em;
}

.text-truncate {
    overflow:inherit;
}*/

.course-list span {
    color: #666666;
}

.map text {
    font-family: "Helvetica Neue", Arial, sans-serif, "PingFangTC", "Microsoft JhengHei";
}

.noneStrong strong {
    float: none;
    display: contents;
    font-size: 18px;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}


.video-container2 {
  /*  position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;*/
}

.video-container2 iframe, .video-container2 object, .video-container2 embed {
   /* position: absolute;
    top: 0;left: 0;
    width: 50%;
    height: 50%;*/
}

@media (max-width: 991.9px) {
.video-container2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container2 iframe, .video-container2 object, .video-container2 embed {
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}
}