/*::selection {*/
/*    background: #FFFF00; !* WebKit/Blink Browsers *!*/
/*}*/
/*::-moz-selection {*/
/*    background: #FFFF00; !* Gecko Browsers *!*/
/*}*/

body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #333 !important;
}

a {
    color: #0056b3;
    text-decoration: none;
    background-color: transparent;
}

#skipToContent {
    position: absolute;
}

/** Header **/
header nav.bg-header {
    margin-top: 0.1rem;
    border-top: 0.5rem solid #EB5C24;

    background: -prefix-linear-gradient(#ffffff 90%, #eeeeee) !important;
    background: linear-gradient(#ffffff 90%, #eeeeee) !important;
}

header nav.bg-dark {
    background-color: #fff !important;
}

header nav.bg-dark:first-child {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

header nav.bg-dark:last-child {
    padding-top: 0;
    padding-bottom: 0;
}

header nav.bg-dark:last-child .controls {
    display: none;
}

header nav ul.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    justify-content: center;
    margin-bottom: 0.25rem;
}

header nav ul.nav li {
    padding: 0;
    width: 16.66%;
}

header nav ul.nav li:before {
    content: "";
    position: absolute;
    top: 15%;
    height: 65%;
    width: 1px;
    background: #eee;
}

header nav ul.nav li:first-child:before {
    display: none;
}

header nav ul.nav li a {
    padding: 0.5rem;
    color: #000;
    line-height: 21px;
    height: 100%;
    transition: .5s;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 96%;
    font-weight: bold;
}

header nav ul.nav > li {
    transition: .5s;
}

header nav ul.nav > li > a:nth-child(2) {
    display: none;
}

header nav ul.nav > li:after {
    content: '';
    border-bottom: 0.25rem solid #850f67;
    width: 0;
    transition: .5s;
    margin-left: 50%;
    bottom: 0;
    display: block;
}

header nav ul.nav > li:hover:after {
    width: 100%;
    margin-left: 0;
}

header nav ul.nav li a:hover {
    color: #000;
}

header nav ul.nav > li.active:after {
    content: '';
    border-bottom: 0.25rem solid #850f67;
    width: 100%;
    transition: .5s;
    margin-left: 0;
    bottom: 0;
    display: block;
}

header nav ul.nav li:hover .children {
    display: block;
}

header nav ul.nav li .children {
    border: none;
    position: absolute;
    background-color: #FFF;
    z-index: 999;
    display: none;
    text-align: left;
    max-width: 250px;
    min-width: 250px;
    margin-top: 0.25rem;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

header nav ul.nav li:last-child .children {
    text-align: right;
    margin-left:-120px;
}

header nav ul.nav li .children a {
    border-bottom: 1px solid #eee;
    padding: 1rem !important;
    color: #000;
    text-align: left;
    white-space: normal;
    width: 100%;
}

header nav ul.nav li .children a:hover, header nav ul.nav li .children a:focus {
    color: #fff;
    background-color: #EB5C24;
}

header nav ul.nav li .children a:last-child {
    border-bottom: 0;
}

header nav ul.nav li:last-child .children a {
    text-align: right;
}

header .navbar .controls {
    width: 100%;
}

header .navbar .controls .toolbar {
    float: right;
    /*margin-top: 0.5rem;*/
}

header .navbar .controls a {
    color: #3C0000;
    margin-left: .25rem;
    transition: .5s;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

header .navbar .controls a.link {
    padding-left: .5rem;
    padding-right: .5rem;
}

header .navbar .controls div.language-selector {
    display: inline-block;
}

header .navbar .controls div.language-selector:before, header .navbar .controls div.language-selector:after {
    content: '|';
    padding-left: 0.25em;
    padding-right: 0.5rem;
    font-weight: bold;
    color: #3C0000;
}


header .navbar .controls span.link {
    color: #3C0000;
    font-weight: bold;
}

header .navbar .controls a.navbar-brand {
    max-width: 200px;
}

header .navbar .controls span.rounded-circle {
    width: 2rem;
    height: 2rem;
    /*display: inline-block;*/
    line-height: 2rem;
    text-align: center;
    color: #3C0000;
    background-color: #fff;
    border-color: #3C0000 !important;
    display: none;
}

header .navbar .controls a.rounded-circle {
    /*width: 2rem;*/
    /*height: 2rem;*/
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    color: #3C0000;
    background-color: #fff;
    border-color: #3C0000 !important;
    border-radius: 25%;
    border: 1px solid #3C0000 !important;
    border-radius: 1rem !important;
    padding-left: .5rem;
    padding-right: .5rem;
}

header .navbar .controls a.rounded-circle:hover {
    transition: .3s;
    color: #fff;
    background-color: #3C0000;
    border-color: #3C0000 !important;
    text-decoration: none;
}

header .navbar .controls .share {
    display: inline-block;
}

header .navbar .controls .share .tools-sub-holder {
    transition: .5s;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1rem;
    padding-top: 2rem;
    padding-bottom: .7rem;
    z-index: 200;
    border-radius: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: -465px;
    margin-top: -100px;
}

header .navbar .controls .share:hover .tools-sub-holder, header .navbar .controls .share .tools-sub-holder.active {
    margin-top: 0;
}

header .form-inline {
    display: inline-block;
}

header .form-inline .form-control {
    border-radius: 1em;
    border: 0;
    padding-right: 3em !important;
}

header .form-inline .btn {
    border: 0;
    margin-left: -4em;
}

@-moz-document url-prefix() {
    header .form-inline .btn {
        position: absolute;
    }
}

/** End of Header **/




/** Share Button **/

.share-btns .wc-qrcode {
    display: none;
}

.share-btns__btn {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    margin-left: .25rem;
    margin-right: .25rem;
    position: relative;
    font-size: 0;
    background: -prefix-linear-gradient(left, #0067ea, #30dbdb, #0067ea);
    background: linear-gradient(to right, #0067ea, #30dbdb, #0067ea);
    border-radius: 50%;
    background-size: 200%;
    transition: .5s;
}

.share-btns__btn:hover {
    background-position: 100%;
}

.share-btns__btn:before {
    content: '';
    background-image: url(../../images/share-btns.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
}

.share-btns__btn.share-btns__btn--email:before {
    background-position-x: -310px;
}
.share-btns__btn.share-btns__btn--fb:before {
    background-position-x: -245px;
}
.share-btns__btn.share-btns__btn--wa:before {
    background-position-x: 12px;
}
.share-btns__btn.share-btns__btn--wb:before {
    background-position-x: -117px;
}
.share-btns__btn.share-btns__btn--wc:before {
    background-position-x: -373px;
}
.share-btns__btn.share-btns__btn--tw:before {
}
.share-btns__btn.share-btns__btn--ln:before {
    background-position-x: -54px;
}

/** End of Share Button **/


/** Back to Top Button **/
.backtotop:hover {
    background-color: rgba(235, 92, 36, 1);
}

.backtotop {
    position: fixed;
    right: 2rem;
    bottom: 0rem;
    display: none;
    cursor: pointer;
    z-index: 1;
    background-color: rgba(235, 92, 36, 1);
    transition: 0.5s;
}

.backtotop a {
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0.7rem;
    display: block;
    opacity: 1;
}


.call-container {
    padding-bottom: 2rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.call-container .call-border {
    border: 1px solid #034F92;
    width: auto;
    display: inline-block;
    text-align: center;
    height: inherit;
}

.call-container .call-border a {
    color: #fff;
}

.call-container .call-border img {
    display: block;
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin:0 auto;
}

.call-container .call-border a > span {
    background-color: #034F92;
    width: 100%;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
}

/** End of Back to Top Button **/



/** Footer **/

footer {
    background: #EDEDED;
}

footer .nav {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

footer .nav div.title {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

footer .nav div.title a {
    color: #000;
}

footer .nav div.title a:hover {
    color: #000;
    text-decoration: underline;
}

footer .nav ul {
    list-style: none;
    padding-left: 0;
}

footer .nav ul li a {
    color: #000;
}

footer .share {
    border-top: 1px solid #000;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

/*footer .share a {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    display: inline-block;*/
/*    !*background-image: url("../../images/share_icons.png");*!*/
/*    background-repeat: no-repeat;*/
/*    background-position: 0;*/
/*    margin-left: .25rem;*/
/*    margin-right: .25rem;*/
/*}*/

/*footer .share a.whatsapp {*/
/*    background-position-x: -1px;*/
/*}*/

/*footer .share a.line {*/
/*    background-position-x: -65px;*/
/*}*/

/*footer .share a.weibao {*/
/*    background-position-x: -128px;*/
/*}*/

/*footer .share a.twitter {*/
/*    background-position-x: -192px;*/
/*}*/

/*footer .share a.facebook {*/
/*    background-position-x: -255px;*/
/*}*/

/*footer .share a.email {*/
/*    background-position-x: -319px;*/
/*}*/

/*footer .share a.wechat {*/
/*    background-position-x: -382px;*/
/*}*/

footer .controls {
    padding-top: 1rem;
    min-height: 6em;
    padding-bottom: 1rem;
}

footer .controls ul {
    list-style: none;
    padding-left: 1rem;
}

footer .controls li {
    font-size: 0.8em;
    color: #000;
    display: inline-block;
}

footer .controls li:before {
    content: '|';
    padding-left: 0.25em;
    padding-right: 0.5rem;
}

footer .controls li:first-child:before, footer .controls li.float-right:before {
    display: none;
}

footer .controls li a {
    color: #000;
}

footer .controls li a:hover {
    color: #000;
    text-decoration: underline;
}

footer .controls li.float-right a {
    margin-left: 0.5rem;
}

/** End of Footer **/



/** Begin of Home Slider **/

.home-slider .owl-carousel {
    width: 100%;
}

.home-slider .owl-item .caption-container {
    background-color: rgb(14, 15, 45);
    /* RGBa with 0.6 opacity */
    background-color: rgba(14, 15, 45, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#990E0F2D, endColorstr=#990E0F2D);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#990E0F2D, endColorstr=#990E0F2D)";
    /* background-color: #0E0F2D; */
    bottom: 0;
    position: absolute;
    width: 100%;
}

.home-slider .owl-item .caption-container .container {
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.home-slider .owl-item .caption-container .container p {
    margin-bottom: 0 !important;
    font-size: 1.5rem;
}

.home-slider .owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-top: 0;
    height: 0;
}

.home-slider .owl-theme .owl-nav .owl-prev {
    float: left;
}

.home-slider .owl-theme .owl-nav .owl-next {
    float: right;
}

.home-slider .owl-theme .owl-nav [class*=owl-] {
    background-color: rgba(43, 62, 96, 0.7) !important;
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.home-slider .owl-theme .owl-nav [class*=owl-]:hover
{
    transition: 0.5s;
    background-color: rgb(43, 62, 96, 1) !important;
}

.home-slider .owl-theme .owl-nav [class*=owl-] span {
    font-size: 48px;
    line-height: 24px;
    color: #fff;
}

.home-slider .owl-theme .owl-nav [class*=owl-]:hover span {
    transition: 0.5s;
    color: #73FA79;
}

.home-slider .dots-container {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -3rem;
    z-index: 10;
    text-align: center;
}

.home-slider .dots-container .owl-dots, .dots-container .owl-controls {
    width: auto;
    display: inline-block;
    background-color: rgba(235, 92, 36, 0.6);
    padding: .4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 1rem;
}

.home-slider .dots-container .owl-controls {
    margin-left: .5rem;
}

.home-slider .dots-container .owl-dots button.owl-dot {
    border: 0;
    width: 1em;
    height: 1em;
    margin-left: .25rem;
    margin-right: .25rem;
    border-radius: 50%;
    transition: .5s;
    width: 15px;
    height: 15px;
    padding: 0;
    background-color: #fff;
    display: inline-block;
}

.home-slider .dots-container .owl-dots button.owl-dot:hover {
    background-color: #FFF;
}

.home-slider .dots-container .owl-dots button.owl-dot.active {
    transition: .5s;
    background-color: #FFF;
    border: 1px solid #231F20;
}

.home-slider .dots-container .owl-controls button.owl-control {
    background: none;
    border: 0;
    color: #000;
    padding: 0;
}

.home-slider .dots-container .owl-controls button.owl-control:hover {
    transition: .5s;
    color: #FFF;
}

/** End of Home Slider **/


/** Home Section **/
.home-section > .container {
    margin-top: 3rem;
    /*margin-bottom: 3rem;*/
}

.home-section h2 {
    font-size: 1.3rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
    border-bottom: 0.25rem solid;
    vertical-align: bottom;
    min-height: 3em;
}

.home-section h2 a {
    font-size: 1rem;
    font-weight: bold;
    color: #000;
}

.home-section > .container > .row > div {
    margin-bottom: 1.5rem;
}

.home-section .whatsnew h2 {
    color: #a82101;
    border-color: #f9b023;
}

.home-section .whatsnew .border {
    border: 0.1rem solid #f9b023!important;
    padding: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.home-section .whatsnew .border .item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #000;
}
.home-section .whatsnew .border .item:not(:last-child) {
    border-bottom: 0.1rem solid #c3c3c4;
}

.home-section .whatsnew .border .item p {
    margin-bottom: 0rem;
}

.home-section .whatsnew .border .item p.date {
    font-weight: bold;
    font-size: 1.1rem;
}

.home-section .whatsnew .border .item p a {
    color: #000;
}

.home-section .listing-matching h2 {
    border-color: #b31a86;
    color: #b31a86;
}

.home-section .listing-matching .border {
    border: 0.1rem solid #b31a86!important;
    padding: 0rem;
}

.home-section .listing-matching .border .button {
    padding:0rem;
    color: #fff;
}

.home-section .listing-matching .border .button > span {
    background-color: #b31987;
    padding: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-block;
}

.home-section .listing-matching .border .button > a {
    border: 0.1rem solid #b31987;
    background-color: #fff;
    color: #b31987;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 0;
    border-right: 0;
    transition: .5s;
}

.home-section .listing-matching .border .button > a:hover {
    background-color: #b31987;
    color: #fff;
}

.home-section .online-apply h2 {
    border-color: #ef5c58;
    color: #ef5c58;
}

.home-section .online-apply .border {
    border: none !important;
    background-color: #f4d4d5;
    padding: 0rem;
}

.home-section .online-apply .border.purple {
    background-color: #ccb8d3;
}

.home-section .online-apply .border:not(:last-child) {
    margin-bottom: 1rem;
}

.home-section .online-apply .border > div:first-child {
    padding: 1rem;
    font-size: 0.9rem;
}

.home-section .online-apply .border > div:first-child span {
    margin-left: 0.25rem;
    font-weight: bold;
}

.home-section .online-apply .border > div:first-child a {
    color: #000;
}

.home-section .online-apply .border .button {
    padding:0rem;
    color: #fff;
}

.home-section .online-apply .border .button > span {
    background-color: #DF3330;
    padding: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-block;
    margin-left: 0;
}

.home-section .online-apply .border.purple .button > span {
    background-color: #624967;
}

.home-section .online-apply .border .button > span a {
    color: #fff;
}

.home-section .online-apply .border .button > a {
    border: 0.1rem solid #f05c5a;
    background-color: #fff;
    color: #840e67;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: .5s;
}

.home-section .online-apply .border.purple .button > a {
    border: 0.1rem solid #624967;
}

.home-section .online-apply .border .button > a:hover {
    background-color: #f05c5a;
    color: #fff;
}

.home-section .online-apply .border.purple .button > a:hover {
    background-color: #624967;
}

.home-section .online-apply .border.box3 {
    border: none !important;
    background-color: #870e6b;
    padding: 0rem;
}

.home-section .online-apply .border.box3>div:first-child {
    padding: 0rem;
}

.home-section .online-apply .border.box3 .button > span {
    background-color: #870e6b;
    padding: 2px;
    display: inline-block;
    margin-left: 0;
    width: 40%;
}

.home-section .online-apply .border.box3 .button > a:hover {
    background-color: #870e6b;
    color: #fff;
}

.home-section .online-apply .border.box3 .button > a {
    border: 0.1rem solid #870e6b;
    background-color: #870e6b;
    color: #fff;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    transition: .5s;
    width: 60%;
}

.home-section .online-apply .border.box4 {
    border: none !important;
    background-color: #ba6143;
    padding: 0rem;
}

.home-section .online-apply .border.box4>div:first-child {
    padding: 0rem;
}

.home-section .online-apply .border.box4 .button > span {
    background-color: #ba6143;
    padding: 2px;
    display: inline-block;
    margin-left: 0;
    width: 40%;
}

.home-section .online-apply .border.box4 .button > a:hover {
    background-color: #ba6143;
    color: #fff;
}

.home-section .online-apply .border.box4 .button > a {
    border: 0.1rem solid #ba6143;
    background-color: #ba6143;
    color: #fff;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    transition: .5s;
    width: 60%;
}


.home-section .noticeboard h2 {
    color: #375623;
    border-color: #00b050;
}

.home-section .noticeboard .border {
    border: 0.1rem solid #00b050!important;
    padding: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.home-section .noticeboard .border .item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #000;
    max-height: 12rem;
    padding-right: .5rem;
    overflow-y: auto;
}
.home-section .noticeboard .border .item:not(:last-child) {
    border-bottom: 0.1rem solid #00b050;
}

.home-section .noticeboard .border .item p {
    margin-bottom: 0rem;
}

.home-section .noticeboard .border .item p.date {
    font-weight: bold;
    font-size: 1.1rem;
}

.home-section .noticeboard .border .item p.title {
    font-weight: bold;
    font-size: 1.1rem;
}



.home-section .quotaboard1 h2 {
    color: #0070c0;
    border-color: #0070c0;
}

.home-section .quotaboard1 .border {
    border: 0.1rem solid #0070c0!important;
    padding: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.home-section .quotaboard1 .border .item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #000;
    max-height: 12rem;
    padding-right: .5rem;
    overflow-y: auto;
    display: flex;
    align-items: center;
}
.home-section .quotaboard1 .border .item span:not(:first-child) {
    padding: 0 .5em;
}
.home-section .quotaboard1 .border .item span:first-child {
    flex-grow: 1;
    padding-right: 2em;
}

.home-section .quotaboard1 .border .item:not(:last-child) {
    border-bottom: 0.1rem solid #0070c0;
}

.home-section .quotaboard1 .border .item p {
    margin-bottom: 0rem;
}

.home-section .quotaboard1 .border .item p.date {
    font-weight: bold;
    font-size: 1.1rem;
}

.home-section .quotaboard1 .border .item p.title {
    font-weight: bold;
    font-size: 1.1rem;
}


/** End of Home Section **/


/* styles for '...' */
.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.3em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.9em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}


/*.owl-carousel.owl-drag .owl-item {*/
/*    overflow: hidden;*/
/*    background-color: #F4F4F4;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .banner {*/

/*    width: 100%;*/
/*    position: relative;*/
/*    left: 30%;*/
/*    margin-left: 0vw;*/
/*    min-height: 140px;*/
/*    max-height: 381px;*/
/*    height: auto;*/
/*    text-align: center;*/

/*}*/

/*.owl-carousel.owl-drag .owl-item .item .banner:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -65%;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-position-x: right;*/
/*    background-image: url("../../images/mask.png");*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .banner img.img-fluid {*/
/*    max-width: unset;*/
/*}*/


/*.owl-carousel.owl-drag .owl-item .item .d-flex {*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    align-items: center;*/
/*    width: 40%;*/
/*    top: 0;*/
/*    align-content: center;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .right {*/
/*    left: 60%;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .center {*/
/*    left: 0%;*/
/*    width: 50%;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content {*/
/*    padding: 2rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content-white {*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p {*/
/*    display: block;*/
/*    color: #333;*/
/*    margin-bottom: 0.5rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p.title {*/
/*    color: #EB5C24;*/
/*    font-weight: bold;*/
/*    font-size: 2rem;*/
/*    text-transform: uppercase!important;*/
/*    margin-bottom: 0;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p.description {*/
/*    color: #EB5C24;*/
/*    font-weight: bold;*/
/*    font-size: 1.5rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p.description span.rounded-circle {*/
/*    background-color: #EB5C24;*/
/*    border-radius: 1rem !important;*/
/*    color: #fff;*/
/*    padding-left: 1rem;*/
/*    padding-right: 1rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .center .content {*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/




.btn-primary {
    background-color: #EB5C24;
    border-color: #EB5C24;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn-primary:hover {
    transition: .5s;
    background-color: #EA8C26;
    border-color: #EA8C26;
}

.btn-secondary {
    background-color: #044f92;
    border-color: #044f92;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn-secondary:hover {
    transition: .5s;
    background-color: #336d92;
    border-color: #336d92;
}

h1 {
    display: none;
}


/** Banner **/
.banner-container {
    /* margin-top: .5rem; */
    overflow: hidden;
    background-color: #f3f4f7;
}

.banner-container .banner {
    width: initial;
    position: relative;
    left: 0;
    margin-left: 15vw;
    min-height: 140px;
    height: auto;
    text-align: center;
    background-color: #fff;
}

.banner-container .banner img.img-fluid {
    width: auto;
    width: -moz-fit-content;
    /*max-width: unset;*/
    max-width: none;
    position: inherit;
    /*object-fit: cover;*/
    /*min-height: 240px;*/
}

.banner-container .banner:before {
    content: "";
    width: 100vw;
    position: absolute;
    height: 100%;
    display: block;
    background-color: #FFF;
}

.banner-container .container .d-flex {
    position: absolute;
    height: 100%;
    align-items: center;
    width: 38%;
    top: 0;
    align-content: center;
    /*background-color: #f3f4f7;*/
}

.banner-container .container .d-flex:before {
    content: "";
    position: absolute;
    left: 40%;
    top: 0;
    width: 100vw;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: left;
    background-image: url("../../images/mask.png");
}

.banner-container .container .right {
    left: 60%;
}

.banner-container .container .center {
    left: 0%;
    width: 50%;
}

.banner-container .container .content {
    padding: 2rem;
    z-index: 0;
}

.banner-container .container .content-white {
    background-color: rgba(255, 255, 255, 0.8);
}

.banner-container .container .content p {
    display: block;
    color: #333;
    margin-bottom: 0.5rem;
}

.banner-container .container .content p.title {
    color: #EB5C24;
    font-weight: bold;
    font-size: 2rem;
    text-transform: uppercase!important;
    margin-bottom: 0;
}

.banner-container .container .content p.description {
    color: #850f66;
    font-weight: bold;
    font-size: 2rem;
}

.en .banner-container .container .content p.description {
    font-size: 1.8rem;
}

.banner-container .container .content p.description span.rounded-circle {
    background-color: #850f66;
    border-radius: 1rem !important;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
}

.banner-container .container .center .content {
    margin-left: auto;
    margin-right: auto;
}

/** End of Banner **/

.page .breadcrumb-container {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.page .breadcrumb-container a {
    align-content: center;
}

.page .breadcrumb-container ul.breadcrumb {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
}

/*.page .breadcrumb-container ul.breadcrumb li a {*/
/*    color: #999;*/
/*}*/

.page .breadcrumb-container ul.breadcrumb li a:hover {
    color: #333;
}

.page .breadcrumb-container a.btn {
    margin-right: 1em;
}

.page .breadcrumb-container h2 {
    color: #3d228b;
    padding: .75rem 1rem;
    text-transform: uppercase!important;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

.page .content-container hr {
    margin-top: 0;
    margin-bottom: 1.5rem;
    border: 0;
    border-bottom: 1px solid #999;
}

.page .content-container h2 {
    color: #000;
    padding: .75rem 1rem;
    padding-top: 0;
    font-weight: bold;
}

.page .content-container h3 {
    color: #EB5C24;
    padding: .75rem 1rem;
    padding-top: 0;
    font-weight: bold;
}

.page .content-container h4 {
    color: #EB5C24;
    padding: .75rem 1rem;
    font-weight: bold;
}

.page .content-container p {
    margin-left: 1em;
    margin-right: 1em;
    width: 100%;
    word-wrap: break-word;
}

.page .content-container p img {
    max-width: 100%;
}

.page .content-container table {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 97%;
    width: calc(100% - 2em);
}

.page .content-container ul {
    margin-top: 1rem;
}

.page .content-container ul li {
    margin-bottom: 0.5rem;
}

.page .content-container ul li a {
    color: #000;
    font-weight: bold;
    /*transition: .5s;*/
}

.page .content-container ul li a:hover {
    color: #000;
}

.page .content-container ul.page-listing li a {
    color: #850f66;
    font-size: 1.5em;
}

.page .control-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page .control-container p {
    margin-left: 1em;
    margin-right: 1em;
}

.page .control-container p a {
    font-weight: bold;
    color: #000;
}

.page .control-container p a i {
    transition: .5s;
    background: -prefix-linear-gradient(left, #50f38a, #1ac4dd, #50f38a);
    background: linear-gradient(to right, #50f38a, #1ac4dd, #50f38a);
    display: inline-block;
    border-radius: 50%;
    margin: 0.25em;
    background-size: 200%;

    margin: 1px;
    display: inline-block;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    font-size: 1.2em;
    color: #000;
    line-height: 2.5em;
}

.page .control-container p a i:hover {
    background-position: 100%;
}

.page .back-container {
    margin-bottom: 1rem;
}

.page .back-container a.btn {
    margin-right: 1em;
}

.page-detail {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page-detail .container {
    max-width: 1080px;
    /*background: -prefix-linear-gradient(#febecc, #ff5593) !important;*/
    /*background: linear-gradient(#febecc, #ff5593) !important;*/
    padding: 0px !important;
}

.page-detail .container .content {
    background-color: #fff;
    margin: 0;
    /*padding: 1.5rem;*/
    padding: 0;
}


.page-detail .breadcrumb-container {
    margin-top: 0;
}


.page .content-container .table_auto table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}



/** Pager **/

.page .pager ul {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    text-align: center;
    margin-bottom: 2em;
}

.page .pager ul li {
    transition: .5s;
    background-color: #EB5C24;
    display: inline-block;
    border-radius: 50%;
    margin: 0.25em;
    background-size: 200%;
}

.page .pager ul li:hover {
    background-position: 100%;
}

.page .pager ul li.ellipsis {
    background: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.page .pager ul li a {
    margin: 1px;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    font-size: 1.2em;
    color: #000;
    line-height: 2.5em;
    transition: .5s;
}

.page .pager ul li a.active, .page .pager ul li a:hover {
    background: #EB5C24 !important;
    text-decoration: none;
}

.page .pager ul li a.previousPage, .page .pager ul li a.nextPage {
    background: none !important;
}

.content p.title {
    font-size: 1.1em;
    font-weight: bold;
}

/** End of Pager **/

/** Whatsnew **/

.whatsnew .container .content-container {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -15px;
    margin-right: -15px;
}

.whatsnew .result table {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0rem;
    margin-bottom: 1rem;
    background-color: #EB5C24;
    width: 100%;
}

.whatsnew .result table > thead > tr {
}

.whatsnew .result table > thead > tr > th {
    color: #fff;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
}

.whatsnew .result table > tbody {
    background-color: #fff;
}

.whatsnew .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    /*border: 0.1rem solid #EB5C24;*/
    border-top: 1em #fff solid;
}

.whatsnew .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

.whatsnew .result table > tbody > tr > td > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-bottom: 0;
}

.whatsnew .result table > tbody > tr > td > p.title {
    color: #000;
    font-weight: bold;
    font-size: 1em;
}

.whatsnew .result table > tbody > tr > td > p > a {
    color: #000;
}


/** End of Whatsnew **/



/** Estate List **/

.estatelist .container {
    max-width: 1080px;
    /*background: -prefix-linear-gradient(#febecc, #ff5593) !important;*/
    /*background: linear-gradient(#febecc, #ff5593) !important;*/
    padding: 0px !important;
}

.estatelist .container .content-container {
    padding-left: 1rem;
    padding-right: 1rem;
}


.estatelist .result .form-group {
    margin-left: 0rem;
    margin-right: 0rem;
}

.estatelist .result table {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
    background-color: #eb5c24;
    width: 100%;
}

.estatelist .result table > thead > tr {
}

.estatelist .result table > thead > tr > th {
    color: #FFF;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
}

.estatelist .result table > tbody {
    background-color: #fff;
}

.estatelist .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    /*border: 0.1rem solid #EB5C24;*/
    border-top: 1em #fff solid;
}

.estatelist .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

/** End of Estate List **/

/** Begin of Transaction List **/

.transactionlist .result table > thead > tr > th {
    padding: .25rem .5rem;
    font-size: 1em;
}

.transactionlist .result table > tbody > tr > td {
    padding: .5rem .5rem;
}

/** End of Transaction List **/

/** Begin of Website Statistic **/

.website-statistic .result table > thead > tr > th {
    text-align: center !important;
    border: 1px solid #dee2e6;
    padding: .5rem .5rem;
    vertical-align: middle;
    font-size: 1em;
}

.website-statistic .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    border-top: 0em #fff solid;
}

.website-statistic .result table > tbody > tr > td {
    text-align: center !important;
    border-top: 1px solid #dee2e6;
    border: 1px solid #aaa;
    vertical-align: middle;
}

/** End of Website Statistic **/


/** Table List **/

.table .link-item {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.table .link-item a {
    color: #000;
    text-decoration: none;
}

.table .link-item a:hover {
    text-decoration: none;
}

.table .link-item a span {
    font-weight: bold;
    text-decoration: none;
    color: #EB5C24;
}

.table .link-item a span.title {
    display: block;
    color: #000;
}

.table .link-item a span span.fas {
    transition: .5s;
}

.table .link-item a:hover span span.fas {
    margin-left: .5rem;
}

.table .link-item a:hover span {
    text-decoration: underline;
}

.table .link-item a:hover span span.fas {
    text-decoration: none;
}

.table .link-item a:hover span.title {
    text-decoration: none;
}


.table .result .form-group {
    margin-left: 1rem;
    margin-right: 1rem;
}

.table .result table {
    margin-top: 0rem;
    margin-bottom: 1rem;
    background-color: #f4ad91;
}

.table .result table > thead > tr {
}

.table .result table > thead > tr > th {
    color: #000;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
}

.table .result table > tbody {
    background-color: #fff;
}

.table .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    /*border: 0.1rem solid #EB5C24;*/
    border-top: 1em #fff solid;
}

.table .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

.table .result table > tbody > tr > td a {
    color: #000;
}


/** End of Table **/



/** Owner certificate **/

.ownercertificate .certificate_no .form-control {
    text-transform: uppercase;
    display: inline-block !important;
    width: unset;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f8b123;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: .5rem;
}

.ownercertificate .form-control.w10 {
    width: 60px !important;
}

.ownercertificate .form-control.w30 {
    width: 80px !important;
}

.ownercertificate .form-control.w60 {
    width: 120px !important;
}

.ownercertificate .text-right {
    /*font-size: .8rem;*/
}

.ownercertificate .result-container {
    background-color: #fff7ea;
    padding: 2rem;
    margin-top: 1rem;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.ownercertificate .result-container label.col-form-label {
    font-weight: bold;
    padding-top: 1rem;
}

.ownercertificate .result-container .form-control-plaintext {
    background-color: #fff;
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    height: auto;
    overflow-y: hidden;
    resize: none;
}

.ownercertificate .result-container .text-muted {
    color: #000 !important;
}

/** End of Owner Certificate **/


/** Breadcrumb **/

.page.breadcrumb-container {
    /*background: -prefix-linear-gradient(left, #0067ea, #2fdcda);*/
    /*background: linear-gradient(to right, #0067ea, #2fdcda);*/
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
}

.page.breadcrumb-container nav {
    border-bottom: 1px solid #CFCBCB;
}

.page.breadcrumb-container nav ul {
    background: none;
    margin-bottom: 0;
}

.page.breadcrumb-container nav ul li, .page.breadcrumb-container nav ul li a {
    color: #000;
}

/*.page.breadcrumb-container .breadcrumb-item.breadcrumb-item::before {*/
/*    content: "\f054";*/
/*    -webkit-font-smoothing: antialiased;*/
/*    display: inline-block;*/
/*    font-style: normal;*/
/*    font-variant: normal;*/
/*    text-rendering: auto;*/
/*    line-height: 1;*/
/*    font-family: 'Font Awesome 5 Free';*/
/*    font-weight: 900;*/
/*    box-sizing: border-box;*/
/*    color: #000;*/
/*}*/

/*.page.breadcrumb-container .breadcrumb-item.breadcrumb-item:first-child::before {*/
/*    content: "\f015";*/
/*    margin-right: 0.5rem;*/
/*}*/

.page.breadcrumb-container ul.breadcrumb li {
    margin-right: .5rem;
}

.page.breadcrumb-container .breadcrumb-container {
    margin-bottom: 0.5rem;
}

.page.breadcrumb-container .title-container {
    border-bottom: 2px solid #EB5C24;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

.page.breadcrumb-container h2 {
    color: #000;
    /*text-transform: uppercase!important;*/
    margin: 1rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 900;
}

.page.breadcrumb-container .btn-back {
    padding-left: 0;
    padding-right: 0;
}

/** End of Breadcrumb **/


/** Faq **/

.faq .collapse-container .row {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.faq .collapse-container .row .headeritem {
    padding-left: 0;
    padding-right: 0;
}

.faq .collapse-container .row .headeritem a {
    color: #FFF;
    padding: .75rem 1rem;
    display: flex;
    background-color: #EB5C24;
    background-size: 200%;
    background-position: 100%;
    transition: .5s;
    font-weight: bold;
    font-size: 1.25em;
}

.faq .collapse-container .row .headeritem a.collapsed {
    background-position: 0%;
}

.faq .collapse-container .row .headeritem a:hover {
    text-decoration: none;
    background-position: 100%;
}

.faq .collapse-container .row .headeritem a span:first-child {
    flex: 1;
}

.faq .collapse-container .row .headeritem a span:first-child:hover {
    text-decoration: underline;
}

.faq .collapse-container .row .headeritem a:hover span:last-child {
    text-decoration: none;
}

.faq .collapse-container .row .headeritem a span:last-child {
    transition: .5s;
    height: 16px;
    margin-top: .25rem;
    transform: rotate(-180deg);
}

.faq .collapse-container .row .headeritem a.collapsed span:last-child {
    transform: rotate(0deg);
}


.faq .collapse-container .row .recitem {
    background-color: #fff1d7;
    padding-top: 1rem;
    color: #000;
}


/** End of Faq **/


/** Calculator **/

.page.calculator form {
    max-width: 700px;
}

.en .page.calculator form {
    max-width: 700px;
}

.page.calculator .content-container .form-group .form-control {
    text-align: center;
}

.page.calculator .content-container .form-group .form-control.price {
    text-align: right;
}

.page.calculator .content-container .form-group .input-group {
    width: 240px;
    margin: 0 auto;
}

.page.calculator .content-container .form-group .form-control.narrow-width {
    margin: 0 auto;
    text-align: center;
}

.page.calculator .content-container .form-group .form-control.narrow-width.readonly {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-color: #000000;
}

.page.calculator .content-container .form-group .form-control.narrow-width.readonly.red {
    color: #ff0000;
}

.page.calculator .form-group {
    margin-bottom: 0;
}

.page.calculator .form-group span {
    /*height: calc(1.5em + .75rem + 2px);*/
    padding: .375rem 0;
    display: block;
}

.page.calculator .content-container .form-group .form-control.narrow-width.readonly.result {
    color: #a90000;
    border-width: 3px;
    border-bottom-style: double;
    border-bottom-color: #000000;
    font-size: 2rem;
}

.page.calculator .content-container .form-group .input-group .input-group-text {
    border: 1px solid #f8b123;
    border-radius: 0;
}

.page.calculator .content-container .form-group .input-group .readonly .input-group-text {
    background-color: transparent;
    border: none;
}

.page.calculator .red {
    color:  #CD4813;
}

.page.calculator .result {
    color: #a90000;
    font-size: 1.2rem;
}

.page.calculator form {
    width: auto;
    text-align: center;
}

.page.calculator .content-container .form-group label {
    margin-bottom: 0;
    padding: .375rem 0;
}

.en .page.calculator form .btn-primary, .en .page.calculator form .btn-secondary {
    min-width: 8.6em;
}

    /** End of Calculator **/



/** Auto Suggestion **/

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: normal; overflow: hidden; }
.autocomplete-selected { background: #fdd891; }
.autocomplete-suggestions strong { font-weight: bold; color: #EB5C24; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/** End of Auto Suggestion **/


/** Tab **/

.page .content-container .nav-tabs .nav-link {
    border-radius: 0;
    border-color: #fdd891 #fdd891 #fff;
}

.page .content-container .nav-tabs .nav-item.show .nav-link, .page .content-container .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fdd891;
    border-color: #fdd891 #fdd891 #fdd891;
}

.page .content-container ul.nav-tabs li a {
    transition: .5s;
    padding-right: 2rem;
    padding-left: 2rem;
}

.page .content-container ul.nav-tabs li a:hover {
    border-color: #fdd891 #fdd891 #fdd891;
    background-color: #fdd891;
}

.page .content-container ul.nav-tabs li.nav-item {
    margin-bottom: 0;
}

.page .content-container ul.nav-tabs {
    border-bottom: 2px solid #f8b123;
}

.page .content-container .tab-content {
    margin-top: 1rem;
}

.page .content-container .form-group label {
    font-weight: bold;
}

/** End of Tab **/

/** Input Text **/

.page .content-container .form-group .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f8b123;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page .content-container .form-group .form-control.narrow-width {
    width: 240px;
}

.page .content-container .form-group a {
    color: #000;
}


/** End of Input text **/


@media print {

    h1 {
        display: block;
    }

    #skipToContent, .page .back-container, .banner-container, .page.breadcrumb-container nav ul {
        display: none;
    }

    .home-slider {
        display: none;
    }

    .page.breadcrumb-container h2 {
        margin:0;
        margin-top: 1rem;
        color: #000;
        font-weight: bold;
        font-size: 2em;
    }

    footer .nav, footer .share {
        display: none;
    }

    div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/** Language Preference **/

body.en header nav ul.nav li:last-child .children {
    /*margin-top: -5px;*/
    margin-left: -65px;
}

body.tc {
    font-family: "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

body.tc header nav ul.nav li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

body.tc header nav ul.nav li:nth-child(5) a {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 992px) {
    body.tc header nav ul.nav li:last-child .children {
        margin-left: -64px;
    }
}