.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.animation_delay0p2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.animation_delay0p3 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#content {
    top: -70px;
}

#content .content-wrap {
    padding: 0px;
}

.play_btn_bg::before {
    content: "\00a0";
    width: 100%;
    height: 100%;
    background: url(/file/template/1/images/icons/Play_Icon_XSolidT.png) no-repeat center center;
    background-size: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all .3s ease-in-out 0s;
    pointer-events: none;
}

.play_btn_bg {
    background: rgba(0%, 0%, 0%, .85) !important;
    background-size: 100%;
    cursor: pointer;
    transition: all .3s ease-in-out 0s;
}

.slide.flex-active-slide {
    display: flex !important;
    align-items: center;
}

.flex-control-nav.flex-control-thumbs .play_btn_bg:hover img {
    opacity: 0.8;
    border-width: 1px;
}

.flex-control-nav.flex-control-thumbs {
    margin: unset;
    margin-top: 10px;
    width: 100%;
}

.flex-control-nav.flex-control-thumbs li {
    margin-right: 5px;
    border: 1px solid #a4a6a9;
    background: #eceef0;
}

div.fluid-width-video-wrapper {
    min-height: auto;
}


#logo2{
    display: none;
}

.device-lg div.filter.fixed #logo2{
    display: block !important;
}

.banner {
    background-image: url(//ruassets.aten.com/webpage/shared/campaign/global/Event/CS1953/bg_new_blue_CS1953-03-2.jpg);
    height: 700px;
    background-size: cover;
    display: flex;
    align-items: center;
}

.banner>div {
    margin: 0 auto;
    width: 80%;
}

.filter {
    display: inline-flex;
    margin: 0 auto;
    position: relative;
}

.filter .button {
    margin: 0;
    float: left;
    margin-left: 12px;
}

.desc {
    text-align: left;
    /*position: absolute;*/
    /*bottom: 20px;*/
    /*padding: 0px 7px;*/
    /*padding: 15px 20px;*/
    /*padding: 10px 22px 20px;*/
    padding: 15px 22px 20px;
    width: 100%;
    margin: 0 auto;
}

/* Lightbox Showroom */

.showroom_info {
    /*color:#555;*/
    color: #444;
    text-align: left;
    /*padding: 20px 10px;*/
    /*padding: 20px 10px 20px 27px;*/
    padding: 15px 25px 20px;
    width: 100%;
    height: 88%;
    margin: 0 auto;
    overflow: auto;
    max-height: 550px;
    min-height: 500px;
}

.showroom_info h2 {
    /*font-size: 1.6em;
line-height: 1.3;*/
    font-size: 2.2em;
    /*font-weight: 400;*/
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em !important;
    display: block;
    padding-top: 10px;
    margin-bottom: 30px;
}

.flex-control-nav.flex-control-thumbs li:nth-child(5n+5) {
    margin-right: 5px;
}

.address_block, .open_hour_block, .details_block, .description {
    display: block;
    margin-top: 18px;
}

.showroom_info h4 {
    color: #333;
    font-size: 0.98em;
    font-weight: 600;
    display: block;
    padding-bottom: 3px;
}

.description {
    /*font-size: 0.85em;*/
    font-size: 0.827em;
    letter-spacing: 0.02em;
    font-weight: 300 !important;
    line-height: 1.5;
    padding-top: 20px;
    border-top: 2px dotted #e4e5e5;
    margin-top: 25px;
}

.act_btn {
    display: block;
    position: relative;
    width: 96%;
    /*width: 98.7%;*/
    /*margin-left: 2px;*/
    /*bottom: 3px;*/
    margin-top: 21px;
    margin-left: 5px;
    bottom: 9px;
}

.act_btn span {
    color: #fff;
    /*background-color: rgba(133, 193, 47, 1.0) !important;*/
    background-color: rgb(117, 182, 24) !important;
    border: 2px solid transparent;
    display: inline-block;
    padding: 5px 20px;
    /*margin-right: 10px;*/
    display: flex;
    align-items: center;
    height: 55px;
    /*width: 49.8%;*/
    width: 49.2%;
    /*box-shadow: 2px 3px 2px rgba(10, 10, 10, 0.15);*/
    transition: all 0.3s ease-in-out 0s;
}

.act_btn span:hover {
    cursor: pointer;
    background-color: rgba(159, 226, 40, 1.0) !important;
    border: 2px solid rgba(159, 226, 40, 1.0) !important;
    transition: all 0.5s linear 0s;
}

.act_btn .book_now:hover, .act_btn .showroom_url:hover {}

.act_btn span a {
    color: #fff;
    /*font-size: 1.2em;*/
    font-size: 1.27em;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.01em !important;
    display: block;
    margin: 0 auto;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
    text-shadow: -1px -1px 1px rgba(0, 0, 0, .2);
    transition: all 0.3s ease-in-out 0s;
}

.act_btn .book_now a::before {
    content: "\f044" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 0.95em !important;
    font-weight: 900 !important;
    position: relative;
    top: -2px !important;
    display: inline-block;
    padding-right: 7px;
}

.act_btn .onebtn.book_now::before {
    top: -2px !important;
    left: 97px;
}

/*.act_btn .book_now::after {
content: "\f044" !important;
font-family: "Font Awesome 5 Free" !important;
font-size: 1.2em !important;
font-weight: 900 !important;
top: -2px !important;
position: relative;
left: -8px;
display: inline-block;
}*/

.act_btn span.book_now a {
    position: relative;
    left: 3px;
}

.act_btn .book_now {
    float: left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 2px 3px 2px rgba(10, 10, 10, 0.15);
}

.act_btn .showroom_url {
    float: right;
    color: rgba(133, 193, 47, 1.0) !important;
    border: 2px solid rgba(133, 193, 47, 1.0) !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff !important;
    transition: all 0.3s ease-in-out 0s;
}

.act_btn .showroom_url a {
    color: rgba(133, 193, 47, 1.0) !important;
    text-shadow: unset !important;
    transition: all 0.3s ease-in-out 0s;
}

.act_btn .showroom_url:hover {
    background-color: rgba(159, 226, 40, 1.0) !important;
    border: 2px solid rgba(159, 226, 40, 1.0) !important;
    transition: all 0.5s linear 0s;
}

.act_btn .showroom_url:hover a {
    color: rgba(255, 255, 255, 1.0) !important;
    transition: all 0.5s linear 0s;
}

.act_btn .book_now, .act_btn .showroom_url {
    border-radius: 3px;
}

.flexslider iframe, .flexslider>.slider-wrap {
    /*background: #f4f7f7;*/
    background: #000;
    border-left: 1px solid #d9dcdd;
    display: flex;
    align-items: center;
}

.slide.flex-active-slide {
    min-height: 550px !important;
}

.fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide>a, .fslider .slide>img, .fslider .slide>a>img {
    border-top-right-radius: 5px;
}

.modal-content {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .8);
    border: 1px solid rgba(255, 255, 255, .1);
}

.modal-content.row {
    display: flex;
}

.flexslider>.slider-wrap {
    max-height: 550px;
}

.flexslider .slider-wrap img {
    border-top-right-radius: 4px;
}

.flexslider iframe {
    width: 100%;
    height: 50vh;
}

.location .item {
    cursor: pointer;
    /*height: 240px;*/
    /*height: 274px;*/
    /*height: 310px;*/
    /*height: 335px;*/
    height: 315px;
    margin-bottom: 60px;
}

.location .item .item_block, .item_bg img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.location .item .item_block {
    box-shadow: 0 0 23px rgb(10 10 10 / 8%);
    -moz-box-shadow: 0 0 23px rgba(10, 10, 10, 0.08);
    -webkit-box-shadow: 0 0 23px rgb(10 10 10 / 8%);
    /*border: 1px solid #ededed;*/
    border: 2px solid #e8e9ea;
    border-bottom: 2px solid #dfe0e1;
    height: 95%;
    transition: all 0.3s ease-in-out 0s;
}

.location .item:hover .item_block {
    border: 2px solid rgba(1, 122, 177, 0.6);
    box-shadow: 0 0 9px rgba(1, 122, 177, 0.4);
    -moz-box-shadow: 0 0 9px rgba(1, 122, 177, 0.4);
    -webkit-box-shadow: 0 0 9px rgba(1, 122, 177, 0.4);
    transition: all 0.5s linear 0s;
}

.location .item:hover .item_block span.city, .location .item:hover .item_block span.country {
    color: #01a6ea !important;
    transition: all 0.5s linear 0s;
}

.location .item:hover .item_block span.country::before {
    filter: invert(0.2) sepia(0) saturate(11.5) hue-rotate(338.4deg) brightness(1.08);
    /*transition: all 0.5s linear 0s;*/
}

.dropdown .btn-default {
    width: 100% !important;
}

#dropdownMenu_country_filter {
    /*margin-left: 20px;*/
    margin-left: 10px;
}

#parallax_banner_scro_bg {}

.bg {
    background-color: #082a45;
    position: absolute;
    height: 100%;
    width: 100%;
    -moz-transition: all 5s;
    -webkit-transition: all 5s;
    transition: all 5s;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    /*animation: img 90s ease-in-out;*/
    animation: img 80s ease-in;
    background: center / cover no-repeat;
    animation-fill-mode: forwards;
}

.location_block {
    position: relative;
    z-index: 9;
    background: #fff;
    padding-top: 1px;
    padding-bottom: 80px;
}

.modal.in .modal-dialog {
    max-width: none;
}

@keyframes img {
    0%, 1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N1-2.jpg);
        transform: scale(1.5);
    }
    20% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N1-2.jpg);
        transform: scale(1);
        opacity: 1;
    }

    20.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N1-2.jpg);
        transform: scale(1);
        opacity: 0;
    }

    20.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N2.jpg);
        transform: scale(1);
        opacity: 0;
    }

    20.2% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N2.jpg);
        transform: scale(1);
        opacity: 1;
    }

    40% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N2.jpg);
        transform: scale(1.5);
        opacity: 1;
    }
    40.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N2.jpg);
        transform: scale(1.5);
        opacity: 0;
    }
    40.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N3.jpg);
        transform: scale(1.5);
        opacity: 0;
    }
    40.2% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N3.jpg);
        transform: scale(1.5);
        opacity: 1;
    }
    60% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N3.jpg);
        transform: scale(1);
        opacity: 1;
    }
    60.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N3.jpg);
        transform: scale(1);
        opacity: 0;
    }
    60.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N4.jpg);
        transform: scale(1);
        opacity: 0;
    }
    60.2% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N4.jpg);
        transform: scale(1);
        opacity: 1;
    }
    80% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N4.jpg);
        transform: scale(1.5);
        opacity: 1;
    }
    80.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N4.jpg);
        transform: scale(1.5);
        opacity: 0;
    }
    80.1% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N5.jpg);
        transform: scale(1.5);
        opacity: 0;
    }
    80.2% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N5.jpg);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        background-image: url(//ruassets.aten.com/webpage/shared/Showroom/BG/New/Banner_Showroom_BG_N5.jpg);
        transform: scale(1);
        opacity: 1;
    }
}

.view_all {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 100px 0px 0px 0px;
    text-shadow: 0px 0px 17px rgba(0, 0, 0, 0.8);
}

.view_all a {
    /*color: #00b8ee !important;*/
    color: #8dee00 !important;
    /*font-weight: 400;*/
    font-weight: 500;
    font-size: 0.85em;
    opacity: 0.85;
    transition: all 0.3s;
}

.view_all a:hover {
    color: #b1ff3c !important;
    opacity: 1.0;
    transition: all 0.3s;
}

.view_all i {
    font-size: 21px !important;
    margin-left: 10px;
    /*color: #00b8ee !important;*/
    color: #8dee00 !important;
    position: relative;
    opacity: 0.85;
    top: 2px;
}

button.close {
    color: #fff !important;
    opacity: 0.7 !important;
    font-size: 21px;
    font-weight: 700;
    border-radius: 30px;
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    padding-bottom: 7px;
    top: -50px;
    left: 1086px;
    z-index: 9999;
}

button.close:hover {
    opacity: 1 !important;
}

div.filter {
    position: absolute;
    z-index: 10;
    /*width: 100% !important;
    left: 87px !important;*/
    width: 90% !important;
    left: 9.2% !important;
    top: 403px;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
}

div.filter > div {
    width: 52%;
    margin: 0 auto;
}

div.filter.fixed > div {
    width: 75%;
    margin: 0 auto;
}

div.filter.fixed {
    position: fixed;
    top: 0px;
    /*padding-top: 20px;*/
    padding-top: 17px;
    background-color: #f4f6f6;
    border-bottom: 1px solid #dce0e3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 199;
    left: 0 !important;
    width: 100% !important;
}

div.filter.fixed #Book_Now_btn.button, div.filter.fixed #show_all_btn.button {
    /*font-size: 1.25em;
padding: 3px 30px 8px;*/
    font-size: 1.22em;
    padding: 2px 30px 8px;
    height: 45px;
    font-weight: 600 !important;
    border-radius: 4px;
}

div.filter.fixed #Book_Now_btn.button {
    background-color: rgb(133, 193, 47) !important;
    border: 2px solid rgb(133, 193, 47) !important;
    height: 45px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -2px rgba(0, 0, 0, 0.3) !important;
    margin-left: 6%;
}

div.filter.fixed .ss-all {
    padding-left: 2%;
}

div.filter.fixed #Book_Now_btn.button:hover, div.filter.fixed #show_all_btn.button:hover {
    color: #fff !important;
    text-shadow: none;
    background-color: rgba(159, 226, 40, 1.0) !important;
    border: 2px solid rgba(159, 226, 40, 1.0) !important;
    transition: all 0.5s linear 0s;
}

div.filter.fixed #show_all_btn.button {
    color: rgba(133, 193, 47, 1.0) !important;
    background-color: #ffffff !important;
    border: 2px solid rgba(133, 193, 47, 1.0) !important;
    transition: all 0.3s ease-in-out 0s;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -2px rgba(0, 0, 0, 0.3) !important;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -2px rgba(0, 0, 0, 0.1) !important;
    text-shadow: none;
}

div.filter.fixed .dropdown .btn-default {
    height: 45px !important;
    padding: 5px 15px !important;
}

a#Book_Now_btn {
    display: none;
}

.fixed a#Book_Now_btn {
    display: inline-block;
    cursor: pointer;
}

/* =========================================================================
                        RWD
========================================================================= */


@Media (min-width: 1952px) {

    div.filter.fixed > div {
        width: 53% !important;
        margin: 0 auto;
    }

}



@Media ( min-width: 1477px) and (max-width: 1933px) {

    div.filter.fixed > div {
        width: 65% !important;
        margin: 0 auto;
    }

}


@Media ( min-width: 1450px) and (max-width: 1560px) {

    div.filter.fixed #Book_Now_btn.button, div.filter.fixed #show_all_btn.button {
        padding: 2px 25px 8px !important;
    }

}



/* 橫向智慧手機到竪立平板電腦解析度 >> 1400 以上 */
@Media (min-width: 1400px) {
    .location_block .container {
        width: 1400px !important;
    }

    div.filter.fixed > div {
        width: 75%;
        margin: 0 auto;
    }
}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1300 以上 */
@Media (min-width: 1300px) {
    .location_block .container {
        width: 1300px;
    }

    div.filter.fixed > div {
        width: 77%;
        margin: 0 auto;
    }
}




@Media (max-width: 1299px) {

    div.filter.fixed > div {
        /*width: 90% !important;
        margin-left: 6%;*/
        width: 80% !important;
        margin-left: 13%;
        margin: 0 auto;
    }

    div.filter.fixed #Book_Now_btn.button, div.filter.fixed #show_all_btn.button {
        font-size: 1.1em !important;
        padding: 2px 15px 8px !important;
    }
}




@Media (max-width: 1400px) {

    div.filter > div {
        width: 68%;
    }

}





/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px)  { 

    div.filter {
        top: 320px;
    }

    div.filter.fixed > div {
        margin-left: 13% !important;
    }

}





@Media ( min-width: 1050px) and (max-width: 1400px) {

    div.filter.fixed #Book_Now_btn.button, div.filter.fixed #show_all_btn.button {
        padding: 2px 20px 8px !important;
    }

}


@Media ( min-width: 901px) and (max-width: 1004px) {
    div.filter {
        top: 304px;
    }
}



@Media ( min-width: 750px) and (max-width: 900px) {
    div.filter {
        top: 304px;
    }
}

@Media (max-width: 900px) {

    .ss-all {
        display: none;
    }

    div.filter {
        left: 0 !important;
    }

    div.filter.fixed #Book_Now_btn.button, div.filter.fixed #show_all_btn.button {
        font-size: 1.05em !important;
        padding: 2px 10px 8px !important;
    }

}

/* 橫向智慧手機到竪立平板電腦解析度 >> 480以下 */
@Media (max-width: 480px) {
    .act_btn span {
        width: 50%;
        margin-bottom: 5px;
    }

    div.filter {
        top: 437px;
        left: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ss-all {
        display: none;
    }

    div.filter.fixed {
        position: absolute !important;
    }
}


/* 橫向智慧手機到竪立平板電腦解析度 >> 460以下 */
@Media (max-width: 460px) {

    #dropdownMenu_country_filter {
        margin-left: 0px !important;
    }

    div.filter {
        width: 100% !important;
    }

}



/*-------------------------------------- HTML Form-----------------------------------------*/

#ao-form-4c148965-fcd9-4e69-af6d-fc5e9cb94a80 .ao-form input, #ao-form-4c148965-fcd9-4e69-af6d-fc5e9cb94a80 .ao-form textarea, #ao-form-4c148965-fcd9-4e69-af6d-fc5e9cb94a80 .ao-form select, #ao-form-4c148965-fcd9-4e69-af6d-fc5e9cb94a80 .ao-form-field, #ao-form-4c148965-fcd9-4e69-af6d-fc5e9cb94a80 .ao-form-field.ao-left {
    padding: 10px !important;
}

.markets-solutions-recommend-products iframe {
    margin: 10px 0 10px;
}

#Registration.markets-solutions-applications {}

.markets-solutions-recommend-products h2, #Registration h2 {
    font-size: 2.1em;
    font-weight: 300;
    line-height: 45px;
    word-spacing: 0.01em;
    letter-spacing: 0em;
    color: #686f73;
    margin: 0 auto 80px auto;
    display: inline-block;
    border-bottom: 2px rgba(0, 215, 255, 0.8) solid;
    padding: 10px 15px;
}

/* Form for Act-On */

/*** I agree 文字 ***/

#ao-form-4c148965-fcd9-4e69-af6d-fc5e9cb94a80 #b1526360639991 span {
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 500;
    top: 3px;
    position: relative;
    display: inline;
    padding-left: 5px;
}

.ao-form label.ao-form-label {
    line-height: 1.5;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding-left: 5px;
}

.ao-form button.ao-form-submit {
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out 0s;
}

.ao-form button.ao-form-submit:hover {
    transition: all 0.5s linear 0s;
}

.ao-form input:not([type="radio"]):not([type="checkbox"]), .ao-form input, .ao-form textarea, .ao-form select {
    border-color: #c7c7c7;
    box-shadow: 0px 15px 20px -10px rgba(34, 163, 201, 0.0);
    transition: all 0.3s ease-in-out 0s;
}

.ao-form input:not([type="radio"]):not([type="checkbox"]):hover, .ao-form input:hover, .ao-form textarea:hover, .ao-form select:hover {
    border-color: #22a3c9;
    box-shadow: 2px 4px 5px 1px rgba(48, 107, 125, 0.1);
    transition: all 0.5s linear 0s;
}

.ao-form input:not([type="radio"]):not([type="checkbox"]):focus, .ao-form input:focus, .ao-form textarea:focus, .ao-form select:focus {
    border-color: #0485aa;
    transition: all 0.5s linear 0s;
}

/*------------------------- RWD [ Responsive ] ---------------------------*/

/* LapTop 中級大螢幕 */

@Media (min-width: 1281px) and (max-width: 1336px) {
    .container-block {
        padding: 9%;
    }
    #content_section {
        margin: 6% 7% 8%;
    }
}

/* 一般pc小螢幕 */

@Media (min-width: 980px) and (max-width: 1199px) {
    .container-block {
        padding: 9%;
    }
    #content_section {
        margin: 6% 7% 8%;
    }
}

@media (max-width: 992px) {
    .container-block {
        padding: 9%;
    }
    #content_section {
        margin: 6% 7% 8%;
    }
    .wrap-section {
        /* padding: 177px 90px 33px 85px;*/
    }
    .login100-pic {
        width: 35%;
    }
    .login100-form {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .ao-form .ao-row .ao-column.ao-column-6, .ao-form .ao-row .vertical2 .ao-combo-label {
        width: 100% !important;
        display: block;
    }
    .ao-form .ao-row {
        display: block !important;
    }
    .ao-form .ao-row .ao-column-inner {
        padding: 0px !important;
    }
    #content_section {
        margin: 7% 8% 10%;
    }
    .wrap-section {
        /*padding: 100px 80px 33px 80px;*/
    }
    .login100-pic {
        display: none;
    }
    .login100-form {
        width: 100%;
    }
}

/* 比手機大-筆平板小-解析度 */

@Media (min-width: 481px) and (max-width: 600px) {
    .ao-form .ao-row .ao-column.ao-column-6, .ao-form .ao-row .vertical2 .ao-combo-label {
        width: 100% !important;
        display: block;
    }
    .ao-form .ao-row {
        display: block !important;
    }
    .ao-form .ao-row .ao-column-inner {
        padding: 0px !important;
    }
    #content_section {
        margin: 7% 8% 10%;
    }
    #content_section .page_titles span, .page_titles {
        font-size: 33px;
        line-height: 43px;
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .wrap-section {
        /*padding: 100px 15px 33px 15px;*/
    }
}

/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */

@Media (min-width: 373px) and (max-width: 414px) {
    .ao-form .ao-row .ao-column.ao-column-6, .ao-form .ao-row .vertical2 .ao-combo-label {
        width: 100% !important;
        display: block;
    }
    .ao-form .ao-row {
        display: block !important;
    }
    .ao-form .ao-row .ao-column-inner {
        padding: 0px !important;
    }
    #content_section {
        margin: 7% 8% 10%;
    }
    #content_section .page_titles span, .page_titles {
        font-size: 33px;
        line-height: 43px;
        margin-bottom: 15px;
    }
}

/* 橫向智慧手機及其他更小解析度 */

@Media (max-width: 480px) {
    .ao-form .ao-row .ao-column.ao-column-6, .ao-form .ao-row .vertical2 .ao-combo-label {
        width: 100% !important;
        display: block;
    }
    .ao-form .ao-row {
        display: block !important;
    }
    .ao-form .ao-row .ao-column-inner {
        padding: 0px !important;
    }
    #content_section {
        margin: 7% 8% 10%;
    }
    #content_section .page_titles span, .page_titles {
        font-size: 33px;
        line-height: 43px;
        margin-bottom: 15px;
    }
}

.container .row.pop::after {
    content: "";
    width: 99%;
    height: 2px;
    background-color: #eaeaea;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 30px;
}

.pop .item div span, .desc span, span.country, .showroom_info h2, .act_btn span a {
    position: relative;
    font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;
    display: block;
}

/*
.pop .item div span {
    bottom: -80%;
    font-size: 1.4em;
    text-align: left;
    padding: 0 25px;
    font-weight: 500;
}

.pop .item div span::before {
    display: inline-block;
    width: 23px;
    height: 23px;
    content: "";
    background: url(//ruassets.aten.com/webpage/shared/Showroom/BG/Symbol_IconWSmall_Location-5.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    margin-right: 0px;
    top: 4px;
    left: -4px;
    opacity: 0.8;
}

*/

.pop .item div span.country::before {
    content: none;
}

.pop .item div span {
    /*font-size: 1.4em;
    font-weight: 600;*/
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.01em !important;
    text-align: left;
    padding: 0 25px;
    /*margin-left: 13px;*/
    margin-left: 17px;
    display: block;
    /*bottom: -78%;*/
    bottom: -74%;
}



.pop .item div span.country {
    font-size: 1.58em !important;
    color: #fff !important;
    margin-bottom: 3px;
}

.pop .item div span.showroom_name {
    font-size: 1.3em !important;
    color: rgba(255,255,255,0.8) !important;
}

    .pop .item div::before {
    display: inline-block;
    /*width: 23px;
    height: 23px;*/
    width: 27px;
    height: 27px;
    content: "";
    background: url(//ruassets.aten.com/webpage/shared/Showroom/BG/Symbol_IconWSmall_Location-5.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: 100%;
    position: absolute;
    margin-right: 0px;
    /*bottom: 13.5%;*/
    bottom: 16.5%;
    /*left: 10px;*/
    left: 12px;
    opacity: 0.8;
}

.pop .item div:hover {
    background-position: 0 150px;
    border: 2px solid rgba(1, 122, 177, 0.5);
    box-shadow: 0 0 5px rgba(1, 122, 177, 0.4);
    -moz-box-shadow: 0 0 5px rgba(1, 122, 177, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(1, 122, 177, 0.4);
    transition: all 0.3s linear 0s;
}


.desc span.country {
    /*bottom: 70px;*/
}



span.country {
    /*float: right;*/
    color: #074576 !important;
    /*font-weight: 500 !important;*/
    font-weight: 600 !important;
    /*font-size: 1.15em !important;*/
    font-size: 1.4em !important;
    padding-top: 5px;
    /*border-top: 2px dotted #e1e3e3;
    border-top: 1px solid #e1e3e3;*/
    /*bottom: 35px;*/
    position: absolute;
    width: 80%;
    margin-left: 10px;
    transition: all 0.3s ease-in-out 0s;
}

.desc span.city {
    /*font-weight: 600 !important;*/
    font-weight: 500 !important;
    bottom: 35px;
    left: 48px;
    position: absolute;
}

span.city {
    font-weight: 600 !important;
    font-size: 1.22em !important;
}

/* Fontawsome Icon 
    span.country::before {
    content: "\f3c5";
    color: #074576;
    font-family: "Font Awesome 5 Free";
    font-size: 1em !important;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: relative;
    left: 0px;
    top: 1px;
    padding-right: 9px;
    background: unset !important;
    }
*/

/* Icon >> Images */

span.country::before {
    
    /* display: inline-block;
    width: 23px;
    height: 23px;*/
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: url(//ruassets.aten.com/webpage/shared/Showroom/BG/Symbol_IconSmall_Location-4.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    margin-right: 0px;
    /*top: 5px;*/
    top: 23px;
    /*left: -4px;*/
    left: -26px;
}

.pop .item div {
    height: 100%;
    align-items: center;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    background: url(//ruassets.aten.com/resource/showroom/item-gradient.png) bottom repeat-x;
    font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;
   /* border: 1px solid #e1e1e1;*/
   border: 1px solid #d2d5d7;
}

.pop .item {
    height: 300px;
    background-size: cover;
    background-position: center;
    padding: 0;
    border: 8px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

/* New Opening >> Lable 
.pop .item::after {
    content: 'New Opening';
    font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    background-color: #cc7014;
    background-color: #85c12f;
    background-color: #017ab1;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    padding: 4px 40px;
    right: -36px;
    top: 26px;
    z-index: 1;
    box-shadow: 2px 3px 2px rgba(0,0,0,.9);
    transform: rotate3d(0, 0, 1, 45deg);
    clip-path: polygon(21% 0, 79% 0, 100% 100%, 0% 100%);
    text-shadow: 0px 1px 0px #175064;
    border-bottom: 3px solid rgba(0,0,0,.1);
    border-top: 2px solid rgba(255,255,255,0.2);
}*/


/* New Opening >> Lable */
.pop .item[data-id='backup']::after{
    font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;
    /*content: 'New Opening';
    right: -35px;
    top: 29px;*/
    content: 'Grand Opening';
    right: -38px;
    top: 31px;
    color: #fff;
    font-size: 0.95em;
    font-weight: 600;
    letter-spacing: 0.03em !important;
    /*background: #cc7014;
    background: #85c12f;*/
    background: #017ab1;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    padding: 4px 40px;
    z-index: 1;
    box-shadow: 2px 3px 8px rgba(0,0,0,.35);
    transform: rotate3d(0, 0, 1, 45deg);
    /*clip-path: polygon(21% 0, 79% 0, 100% 100%, 0% 100%);*/
    /*clip-path: polygon(19% 0, 81% 0, 102% 100%, -2% 100%);*/
    /*clip-path: polygon(19.5% 0%, 81% 0%, 102% 108%, -2% 108%);*/
    clip-path: polygon(17.5% 0%, 81.5% 0%, 104% 114%, -3% 105%);
    text-shadow: 0px 1px 0px #175064;
    border-bottom: 3px solid rgba(0,0,0,.1);
    border-top: 2px solid rgba(255,255,255,0.2);

/*background: -moz-linear-gradient(-45deg,  #017ab1 0%, #0194bc 40%, #015ba5 88%);
background: -webkit-linear-gradient(-45deg,  #017ab1 0%,#0194bc 40%,#015ba5 88%);
background: linear-gradient(135deg,  #017ab1 0%,#0194bc 40%,#015ba5 88%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ab1', endColorstr='#015ba5',GradientType=1 );*/

background: -moz-linear-gradient(-45deg,  #017ab1 0%, #019dbc 41%, #015ba5 88%); 
background: -webkit-linear-gradient(-45deg,  #017ab1 0%,#019dbc 41%,#015ba5 88%);
background: linear-gradient(135deg,  #017ab1 0%,#019dbc 41%,#015ba5 88%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ab1', endColorstr='#015ba5',GradientType=1 );
}


.item_bg {
    width: 100%;
    background-color: #eaeaea;
    /*height: 67%;*/
    /*height: 61%;*/
    /*height: 58%;*/
    /*height: 55%;*/
    height: 58%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    border-color: #e1e1e1;
}

.item:hover img {
    transform: scale(1.15);
}

.item_bg img {
    /* transition: transform 300ms ease-out; */
    -moz-transition: -moz-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    -webkit-transition: -webkit-transform 300ms ease-out;
}

.desc span {
    /*color: #222222;*/
    color: #333;
    /*font-size: 16px;*/
    font-size: 1.22em;
    font-weight: 400;
    /*letter-spacing: 0px;*/
    letter-spacing: -0.01em;
    text-transform: none;
    line-height: 1;
    display: block;
    padding-bottom: 5px;
    transition: all 0.3s ease-in-out 0s;
}

.filter #show_all_btn.button {
    font-weight: 600;
    letter-spacing: -0.001em !important;
}

.pop_title, .all_title, .filter #show_all_btn.button, #book_form h2 span.nocolor, #Book_Now_btn {
    font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;
    letter-spacing: -0.01em !important;
}

#block-b1513926108805>div {
    /*font-weight: 400;*/
    font-weight: 500;
}

.pop_title, .all_title {
    color: #074576;
    /*font-size: 31px;*/
    font-size: 2.3em;
    font-weight: 500 !important;
    /*font-weight: 600 !important;*/
    letter-spacing: 0px;
    text-transform: none;
    margin-top: 100px !important;
    margin-bottom: 30px !important;
}

/*.pop_title::after, .all_title::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078" !important;
    color: #86c131;
    font-size: 0.85em;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    margin: 0;
    position: relative;
    display: inline-block;
    line-height: 1.3em;
    top: 1px;
    left: 15px;
    clip-path: polygon(0 33%, 100% 33%, 100% 100%, 0% 100%);
}
*/

.pop_title::after, .all_title::after {
    font-family: "FontAwesome";
    content: "\f107" !important;
    color: #86c131;
    font-size: 1.2em;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    margin: 0;
    position: relative;
    display: inline-block;
    line-height: 1.3em;
    top: 3px;
    left: 15px;
    clip-path: polygon(0 42%, 100% 42%, 100% 100%, 0% 100%);
}

.form {
    margin-top: 130px;
    margin-bottom: 140px;
}

#book_form h2 span.nocolor {
    color: #074576 !important;
    font-size: 1.7em !important;
    font-weight: 500 !important;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 20px !important;
}

#block-b1514447951766 {
    text-align: left;
}

#block-b1512985974153 {
    padding-top: 15px;
}



/* =========================================================================
	                        RWD 
========================================================================= */ 



.device-md .pop .item div span.country {
    font-size: 1.4em !important;
}


.device-xs .row.pop {
    padding: 0px !important;
}

.device-xs .row.location {
    padding: 0px !important;
}

.device-xs .item_bg {
    height: 70% !important;
}


.device-xs .location .item {
    height: 400px !important;
}


.device-xs .pop .item div span.country {
    font-size: 1.25em !important;
}

.device-xs .pop .item div span.country {
    font-size: 1.25em !important;
}

.device-xs .pop .item div span.showroom_name {
    font-size: 1.2em !important;
}