/* == 全部共用區 =============================== */
@import url("reset.css");

*
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face
{
    font-family: Segan-Light;
    src: url(../fonts/Segan-Light.ttf);
}

@font-face
{
    font-family: EkMukta-Regular;
    src: url(../fonts/EkMukta-Regular.ttf);
}

@font-face
{
    font-family: vijaya;
    src: url(../fonts/vijaya.ttf);
}

html, body
{
    width: 100%;
    min-height: 100%;
    -webkit-text-size-adjust: none;
    font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
    font-size: 18px;
}


/* ================= 手機版型區 ==================== */

@media screen and (max-width:767px)
{

    #WRAPPER
    {
        min-width: 320px;
    }

    header
    {
        width: 100%;
        height: 60px;
        background-color: #FFF;
        position: fixed;
        top: 0;
        z-index: 999;
    }

    /* ===header1:幣別、面積、語言、搜尋選單列== */

    .langSelectbar
    {
        height: 35px;
        background-color: #f3f3f3;
        display: none;
    }

    .langSelect
    {
        width: 980px;
        height: 35px;
        margin: 0 auto;
    }

    .top-Selectitem-group
    {
        float: right;
    }

    .top-Selectfiled
    {
        float: left;
        line-height: 60px;
    }

    select.top-selectbar
    {
        margin: 0 5px;
        color: #8a8a8a;
        transition: 0.3s;
        border: none;
        font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
        font-size: 13px;
        letter-spacing: 0.5px;
        border: 1px solid #b8b8b8;
        outline: none !important;
        padding: 3px 20px 3px 5px;
        -webkit-appearance: none;
        background-image: url(../image-desktop/arrow_dropdown.png);
        background-repeat: no-repeat;
        background-position: 94% 8px;
        background-size: 12px;
    }

    .bn-homeMobile
    {
        height: 35px;
        background-color: #363636;
        margin-left: 10px;
        float: right;
    }

    .bn-homeMobile h4 a
    {
        font-size: 14px;
        padding: 5px 10px 2px 10px;
        color: #FFF;
        text-align: center;
        text-decoration: none;
    }

    .bn-homeSearch
    {
        width: 35px;
        height: 35px;
        background-color: #363636;
        float: right;
        margin-left: 5px;
        cursor: pointer;
    }

    .bn-homeSearch i
    {
        font-size: 15px;
        color: #F3F3F3;
        line-height: 35px;
        padding-left: 10px;
        text-decoration: none;
    }

    /* ===header2:logo和menu列== */

    .top
    {
        width: 100%;
        height: 60px;
        background-color: #FFF; /* box-shadow: 0px 1px 1px 1px #BBB;      -webkit-box-shadow: 0px 1px 1px 1px #BBB;*/
        border-bottom: 1px solid #BBB;
        -webkit-border-bottom: 1px solid #BBB;
        position: fixed;
        top: 0;
        z-index: 999;
    }

    .top h1
    {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        margin: 5px auto;
        text-indent: -9999px;
        text-align: center;
    }

    .top h1 img
    {
        display: block;
        width: 190px;
        height: 48px;
        margin: 0 auto;
    }

    .top h4#topmenu_L
    {
        display: block;
        width: 60px;
        height: 60px;
        float: left;
        background-image: url(../image-desktop/m_bn_menu.png);
        background-repeat: no-repeat;
        background-size: 50%;
        text-indent: -9999px;
        position: absolute;
        top: 0;
        background-position: 15px;
    }

    .top h4#topmenu_R
    {
        display: block;
        width: 60px;
        height: 60px;
        float: right;
        background-image: url(../image-desktop/m_bn_search.png);
        background-repeat: no-repeat;
        background-size: 38%;
        text-indent: -9999px;
        position: absolute;
        top: 0;
        right: -10px;
        background-position: 15px;
    }

    nav.langSelectbar2
    {
        width: 100%;
        height: 60px;
        background-color: #f3f3f3;
    }

    .langSelect2
    {
        width: 100%;
        height: 60px;
        margin: 0 auto;
    }

    .top-Selectitem-group2
    {
        margin-right: 10px;
        float: right;
    }

    .top-Selectfiled2
    {
        float: left;
        line-height: 60px;
    }



    nav.homemenu
    {
        /*display: none;*/
        width: 100%;
        height: 100%;
        background-color: #FFF;
    }

    nav.homemenu ul.nav
    {
        /*width:600px; 	height:95px;*/
    }

    nav.homemenu li.has-child
    {
        /*float: left;*/
        padding-top: 5px;
        padding-bottom: 5px;
    }

    nav.homemenu li.has-child > a
    {
        display: block;
        font-size: 16px;
        text-decoration: none;
        color: #00275e;
        font-weight: bold;
    }



    nav.homemenu > li.has-child a:hover
    {
        color: #c19b59;
    }

    nav.homemenu > li .child-nav
    {
        opacity: 0;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        background-color: #f3f3f3;
        position: absolute;
        visibility: hidden;
        list-style: none;
        padding-left: 0;
        left: 15px;
        min-width: 240px;
        z-index: 100;
    }

    nav.homemenu > li .child-nav > li
    {
        position: relative;
    }



    /* ===首頁大圖banner== */

    .homeSlider
    {
        width: 100%;
        max-height: auto;
        margin-top: 60px;
    }

    .homebanner
    {
        width: 100%;
        height: 650px;
        background-image: url(../image-desktop/homebanner1.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }





    /* ===台灣物件精選== */
    section.links
    {
        padding: 30px 15px 0 15px;
        overflow: hidden;
        width: 100%;
    }

    section h1
    {
        width: 100%;
        font-size: 1.4em;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        margin-bottom: 20px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: normal;
    }

    .home-container
    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }

    .home-container .link-more
    {
        font-size: 15px;
        margin-top: 12px;
        position: absolute;
        top: 0;
        right: 0;
        text-decoration: none;
        transition: 0.2s;
        color: #2a2a2a;
        display: inline-block;
    }

    .home-container .link-more:hover
    {
        color: #c19b59;
    }


    .home-container .link-more:after
    {
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        text-shadow: none;
        -webkit-font-smoothing: antialiased;
        font-family: 'fontawesome';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        content: "\f105";
        color: #c19b59;
        left: 0;
        font-size: 18px;
        margin-left: 10px;
        vertical-align: middle;
        position: relative;
        bottom: 2px;
    }

    section.links ul li.fullframe
    {
        width: 100%;
    }

    section.links ul li.fullframe a .text-container-Outer .text-container ul.tags
    {
        padding-bottom: 0px;
        display: block;
        margin-bottom: 0px;
    }

    section.links ul li.fullframe a .text-container-Outer .text-container ul.tags, section.links ul li.fullframe a .text-container-Outer .text-container .description
    {
        background: transparent;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    section.links ul li.fullframe a .image-container .image, section.links ul li.fullframe a .image-container .inner, section.links ul li.fullframe a .image-container.landscape .image, section.links ul li.fullframe a .image-container.landscape .inner
    {
        display: inline-block;
        vertical-align: middle;
        margin-top: -500px;
        margin-bottom: -500px;
        height: auto;
        width: 100%;
    }

    section.links ul li.fullframe a .image-container .image img, section.links ul li.fullframe a .image-container .inner img, section.links ul li.fullframe a .image-container.landscape .image img, section.links ul li.fullframe a .image-container.landscape .inner img
    {
        width: 100%;
        height: auto;
    }

    section.links ul li.fullframe a .image-container:before, section.links ul li.fullframe a .image-container.landscape:before
    {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 1px;
        height: 100%;
        background: transparent;
        margin-left: -1px;
    }


    section.links ul li.fullframe .text-container-Outer
    {
        width: 100%;
        top: 0;
        height: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: transparent;
        position: absolute;
        text-align: center;
    }

    section.links ul li.fullframe .text-container-Outer:before
    {
        display: inline-block;
        height: 100%;
        width: 1px;
        content: "";
        background: transparent;
        vertical-align: middle;
        margin-left: -1px;
    }

    section.links ul li.fullframe .text-container
    {
        padding: 10px; /*margin: 100px 0px 0px 180px;*/
        width: 100%;
        height: auto;
        border-radius: 0px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        text-align: center;
        border: 0;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
        background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,0,0,0.8)); /*Safari 5.1-6*/
        background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
        background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/
    }

    section.links ul li
    {
        height: 300px;
        list-style: none;
        display: inline-block;
        background: transparent;
        box-sizing: border-box;
        float: left;
        overflow: hidden;
        border: 2px solid transparent;
    }

    section.links ul li a
    {
        display: block;
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    section.links ul li a .image-container
    {
        width: 100%;
        height: 300px;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        position: static;
        -webkit-transform: translate3d(0,0,0);
    }

    .ourservice .overlay
    {
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        bottom: -65px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    section.links ul li.fullframe .text-container-Outer
    {
        padding: 10px;
        margin: 0;
        width: 309px;
        height: auto;
        border-radius: 0px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        text-align: center;
        border: 0;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out; /*background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,0,0,0.75)); /*Safari 5.1-6*/ /*background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.75)); /*Opera 11.1-12*/ /*background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.75)); /*Fx 3.6-15*/ /*background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75)); /*Standard*/
    }

    .text-container h1
    {
        font-size: 0.9em;
        color: #fff;
        line-height: 1.6;
        text-align: left;
        padding-top: 12px;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    }

    .text-container h5
    {
        font-size: 0.7em;
        color: #fff;
        line-height: 1.6;
        text-align: left;
        font-weight: lighter;
    }

    section.links ul li.fullframe .text-container
    {
        padding: 10px; /*margin: 100px 0px 0px 180px;*/
        width: 100%;
        height: auto;
        border-radius: 0px;
        position: absolute; /* right: 10px;*/
        bottom: 0px; /* display: inline-block;*/
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        text-align: left;
        border: 0;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
        background: -webkit-linear-gradient(bottom,#000,transparent 100%);
        background: linear-gradient(top,rgba(255,255,255,0), rgba(51,51,51,0.6));
        background: -moz-linear-gradient(top,rgba(255,255,255,0), rgba(51,51,51,0.6));
    }


    section.links ul li.fullframe .title
    {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 0.9em;
        text-decoration: none; /*font-family: "proxima-nova-alt" ,sans-serif;*/
        text-transform: none;
        color: white;
        display: block;
        line-height: 130%;
        text-align: left; /* letter-spacing: -0.5px;*/
        box-shadow: none;
        min-width: 5px;
        text-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
        text-shadow: none;
        font-weight: 600;
        -webkit-transition: color 250ms ease-in-out;
        -moz-transition: color 250ms ease-in-out;
        -o-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out;
    }

    /*Half*/
    section.links ul li.halfframe
    {
        width: 50%;
    }

    section.links ul li.halfframe .text-container-Outer
    {
        width: 50%;
        top: auto;
        height: auto;
        bottom: 0;
        left: 0;
        margin: auto;
        background: transparent;
        position: absolute;
        text-align: center;
    }

    section.links ul li.halfframe .text-container
    {
        padding: 10px;
        margin: 0;
        width: 309px;
        height: auto;
        border-radius: 0px;
        position: static;
        display: block;
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        border: 0;
        text-align: center;
        max-width: 100%;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
        background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,0,0,0.7)); /*Safari 5.1-6*/
        background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); /*Opera 11.1-12*/
        background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); /*Fx 3.6-15*/
        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /*Standard*/
    }

    section.links ul li.halfframe .title
    {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        font-family: "proxima-nova-alt" ,sans-serif;
        text-transform: none;
        display: block;
        line-height: 110%;
        letter-spacing: -0.5px;
        box-shadow: none;
        min-width: 5px;
        color: rgba(17, 68, 97, 0.98);
        text-align: center;
        text-shadow: none;
    }


    section.intllinks ul li.halfframe a .image-container .image, section.intllinks ul li.halfframe a .image-container .inner, section.intllinks ul li.halfframe a .image-container.landscape .image, section.intllinks ul li.halfframe a .image-container.landscape .inner
    {
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    section.intllinks ul li.halfframe a .image-container .image img
    {
        margin-left: -500px;
        margin-right: -500px;
        height: 100%;
    }

    section.links ul li.halfframe a .text-container-Outer:before
    {
        display: inline-block;
        height: 100%;
        width: 1px;
        content: "";
        background: transparent;
        vertical-align: middle;
        margin-left: -1px;
    }


    section.links ul li.halfframe a .text-container-Outer .text-container ul.tags
    {
        padding-bottom: 0px;
        display: block;
        margin-bottom: 0px;
    }

    section.links ul li.halfframe a .text-container-Outer .text-container ul.tags, section.links ul li.halfframe a .text-container-Outer .text-container .description
    {
        background: transparent;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }


    /* ===國際物件精選== */

    section.panel
    {
        padding: 10px 15px;
    }

    section.intllinks ul li a .image-container
    {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        position: relative;
        -webkit-transform: translate3d(0,0,0);
    }

    section.intllinks ul li.cnGptNotEmpty
    {
        float: right;
        height: 325px;
        width: 100%;
        background: #f9f2e7;
        display: none;
        position: relative;
    }

    section.intllinks ul
    {
        /*max-width: 1600px;*/
        width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
    }

    section.intllinks ul li
    {
        list-style: none;
        display: inline-block;
        background: transparent;
        box-sizing: border-box;
        float: left;
        overflow: hidden; /*border: 2px solid transparent;     margin: 0 !important;*/
    }

    section.intllinks ul li a
    {
        display: block;
        overflow: hidden;
        position: relative;
        height: 100%;
        border-radius: 2px;
    }

    /*Full*/
    section.intllinks ul li.fullframe
    {
        height: 300px;
        width: 100%;
    }

    section.intllinks ul li.fullframe a .text-container-Outer .text-container ul.tags
    {
        padding-bottom: 0px;
        display: block;
        margin-bottom: 0px;
    }

    section.intllinks ul li.fullframe a .text-container-Outer .text-container ul.tags, section.intllinks ul li.fullframe a .text-container-Outer .text-container .description
    {
        background: transparent;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    section.intllinks ul li.fullframe a .image-container .image, section.intllinks ul li.fullframe a .image-container .inner, section.intllinks ul li.fullframe a .image-container.landscape .image, section.intllinks ul li.fullframe a .image-container.landscape .inner
    {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    section.intllinks ul li.fullframe a .image-container .image img, section.intllinks ul li.fullframe a .image-container .inner img, section.intllinks ul li.fullframe a .image-container.landscape .image img, section.intllinks ul li.fullframe a .image-container.landscape .inner img
    {
        width: 100%;
        height: 290px;
    }

    section.intllinks ul li.fullframe a .image-container:before, section.intllinks ul li.fullframe a .image-container.landscape:before
    {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 1px;
        height: 100%;
        background: transparent;
        margin-left: -1px;
    }


    section.intllinks ul li.fullframe .text-container-Outer
    {
        width: 100%;
        top: 0;
        height: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        background: transparent;
        position: absolute;
        text-align: center;
    }

    section.intllinks ul li.fullframe .text-container-Outer:before
    {
        display: inline-block;
        height: 100%;
        width: 1px;
        content: "";
        background: transparent;
        vertical-align: middle;
        margin-left: -1px;
    }

    .text-container h3
    {
        font-size: 0.9em;
        color: #fff;
        line-height: 1.6;
        text-align: left;
    }

    .text-container h5
    {
        font-size: 0.7em;
        color: #fff;
        line-height: 1.6;
        text-align: left;
    }

    section.intllinks ul li.fullframe .text-container
    {
        padding: 10px; /*margin: 100px 0px 0px 180px;*/
        width: 100%;
        height: auto;
        border-radius: 0px;
        position: absolute; /* right: 10px;*/
        bottom: 10px; /* display: inline-block;*/
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        text-align: left;
        border: 0;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
        background: -webkit-linear-gradient(bottom,#000,transparent 100%);
        background: linear-gradient(top,rgba(255,255,255,0), rgba(51,51,51,0.6));
        background: -moz-linear-gradient(top,rgba(255,255,255,0), rgba(51,51,51,0.6));
    }


    section.intllinks ul li.fullframe .title
    {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 0.9em;
        text-decoration: none; /*font-family: "proxima-nova-alt" ,sans-serif;*/
        text-transform: none;
        color: white;
        display: block;
        line-height: 130%;
        text-align: left; /* letter-spacing: -0.5px;*/
        box-shadow: none;
        min-width: 5px;
        text-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
        text-shadow: none;
        font-weight: 600;
        -webkit-transition: color 250ms ease-in-out;
        -moz-transition: color 250ms ease-in-out;
        -o-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out;
    }

    /*Half*/
    section.intllinks ul li.halfframe
    {
        height: 250px;
        width: 50%; /*padding: 5px 15px 15px 0;*/
        margin-bottom: 10px; /*border-left: 10px solid #FFF;*/
        padding: 0px 10px 0px 0px;
    }

    section.intllinks ul li.halfframe1
    {
        height: 250px;
        width: 50%;
        border-right: 10px solid #fff;
    }

    section.intllinks ul li.halfframe:nth-child(even)
    {
        height: 250px;
        width: 50%;
        border-left: 10px solid #FFF;
    }

    section.intllinks ul li.halfframe .text-container-Outer, section.intllinks ul li.halfframe1 .text-container-Outer
    {
        width: 100%;
        top: auto;
        height: auto;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: transparent;
        position: absolute;
        text-align: center;
    }

    section.intllinks ul li.halfframe .text-container, section.intllinks ul li.halfframe1 .text-container
    {
        padding: 10px;
        margin: 0;
        width: auto;
        height: auto;
        border-radius: 0px;
        position: static;
        display: block;
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        border: 0;
        text-align: left;
        max-width: 100%;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
        background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,0,0,0.8)); /*Safari 5.1-6*/
        background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
        background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/
    }

    section.intllinks ul li.halfframe .title, section.intllinks ul li.halfframe1 .title
    {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 0.9em;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        color: white;
        display: block;
        line-height: 130%;
        text-align: left;
        min-width: 5px;
        text-shadow: none;
    }

    section.intllinks ul li.halfframe a .text-container-Outer:before, section.intllinks ul li.halfframe1 a .text-container-Outer:before
    {
        display: inline-block;
        height: 100%;
        width: 1px;
        content: "";
        background: transparent;
        vertical-align: middle;
        margin-left: -1px;
    }

    /*section.intllinks ul li.halfframe a:hover .text-container-Outer
                        {
                            background: white;
                            background: rgba(255, 255, 255, 0);
                        }*/

    section.intllinks ul li.halfframe a .text-container-Outer .text-container ul.tags, section.intllinks ul li.halfframe1 a .text-container-Outer .text-container ul.tags
    {
        padding-bottom: 0px;
        display: block;
        margin-bottom: 0px;
    }

    section.intllinks ul li.halfframe a .text-container-Outer .text-container ul.tags, section.intllinks ul li.halfframe a .text-container-Outer .text-container .description, section.intllinks ul li.halfframe1 a .text-container-Outer .text-container ul.tags, section.intllinks ul li.halfframe1 a .text-container-Outer .text-container .description
    {
        background: transparent;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }



    /*我們的服務*/

    section.usservice
    {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .ourservice
    {
        width: 100%;
        overflow: hidden;
    }

    .ourservice ul
    {
        list-style: none;
        width: 100%;
        overflow: hidden;
    }

    .ourservice ul li
    {
        display: block;
        width: 25%;
        float: left;
        padding-bottom: 15px;
        text-align: center;
    }

    .ourservice ul li a
    {
        display: block;
        width: 100%;
        height: 150px;
        text-decoration: none;
        color: #333;
        font-size: 0.9em;
        font-weight: bold;
        text-transform: uppercase;
        box-sizing: border-box;
        background-repeat: no-repeat;
        vertical-align: bottom;
        background-size: cover;
        background-position: center center;
        letter-spacing: 0.5px;
    }

    .ourservice ul li a:hover .image-container
    {
        overflow: hidden;
        background-color: rgba(255,255,255,0.3);
        display: block;
        height: 100%;
        text-align: center;
        border-radius: 3px;
        transition: background-color 250ms ease-in-out;
    }

    .ourservice ul li.AA
    {
        border-right: 10px solid #FFF;
    }

    .ourservice ul li.BB
    {
        border-right: 10px solid #FFF;
    }

    .ourservice ul li.CC
    {
        border-right: 10px solid #FFF;
    }


    .ourservice ul li.AA a
    {
        background-image: url(../image-desktop/ourservice_home1.jpg);
    }
    .ourservice ul li.BB a
    {
        background-image: url(../image-desktop/ourservice_home2.jpg);
        margin-right: 10px;
    }
    .ourservice ul li.CC a
    {
        background-image: url(../image-desktop/ourservice_home3.jpg);
        margin-right: 10px;
    }
    .ourservice ul li.DD a
    {
        background-image: url(../image-desktop/ourservice_home4.jpg);
    }


    .ourservice ul li a span
    {
        padding: 2px 10px;
        margin: 0;
        background-color: rgba(255, 255, 255, 0.7);
        width: auto;
        height: auto;
        border-radius: 0px;
        position: static;
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box;
        text-align: center;
        border: 0;
        max-width: 60%;
        line-height: 150px;
    }


    /*------關於我們---------*/

    section.fullWidth
    {
        overflow: hidden;
        display: block;
        width: 100%;
        max-width: 100%; /*padding: 0;*/
    }

    section.fullWidth a
    {
        width: 100%; /*height: 450px;*/
        overflow: hidden;
        display: block;
        position: relative;
        text-align: center;
    }

    section.fullWidth a .imageContainer
    {
        width: 100%;
        height: 0;
        padding-bottom: 30.5%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -600px;
        margin-right: -600px;
    }

    section.fullWidth a .imageContainer img
    {
        width: 100%;
        height: auto;
    }

    section.fullWidth a .textContainer
    {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        box-sizing: border-box;
        margin: auto;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        text-align: center;
        -webkit-transition: background-color 250ms ease-in-out;
        -moz-transition: background-color 250ms ease-in-out;
        -o-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out;
    }

    section.fullWidth a:hover .textContainer
    {
        background-color: #c19b59;
    }

    section.fullWidth a .textContainer:before
    {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 1px;
        height: 100%;
        margin-left: -10px;
        background: transparent;
    }

    section.fullWidth a .textContainer .textInner
    {
        display: inline-block;
        vertical-align: middle;
    }

    section.fullWidth a .textContainer .textInner .title
    {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 130%;
        line-height: 110%;
        font-weight: 800;
        text-decoration: none;
        font-family: "proxima-nova-alt" ,sans-serif;
        text-transform: none;
        display: block;
        letter-spacing: -0.5px;
        color: black;
        color: rgba(0, 0, 0, 0.8);
        box-shadow: none;
        text-shadow: none;
        text-align: center;
        min-width: 0px;
        margin-bottom: 0;
    }

    section.fullWidth a .textContainer .textInner .description
    {
        font-weight: 300;
        font-size: 0.85em;
        line-height: 160%;
        display: block;
        padding: 10px 10px;
        letter-spacing: -0.1px;
        color: black;
        color: rgba(0, 0, 0, 0.7);
        font-family: "ff-tisa-web-pro" ,serif;
    }

    section.fullWidth a .textContainer .location
    {
        font-size: 0.85em;
        line-height: 2;
        color: rgba(0, 0, 0, 0.8);
    }

    section.fullWidth a:hover .textContainer .location
    {
        color: #FFF;
    }


    section.fullWidth a .textContainer .description
    {
        padding: 10px;
    }


    /*--------專業團隊----------*/

    section.portholeLinks ul
    {
        text-align: center;
        display: block;
        max-width: 1300px;
        margin: 0 auto;
        overflow: hidden;
    }


    section.portholeLinks ul li
    {
        display: block;
        box-sizing: border-box;
        max-width: 700px;
        margin: 0 auto;
    }

    section.portholeLinks ul li a
    {
        text-align: center;
        display: block;
        overflow: hidden;
        padding: 0;
        padding-bottom: 15px;
        text-decoration: none;
    }

    section.portholeLinks ul li a .image-container
    {
        width: 140px;
        height: 140px;
        display: inline-block;
        overflow: hidden;
        border-radius: 50%;
        margin: 0 60px;
        background: transparent;
        vertical-align: middle;
        border: 5px solid rgba(255, 255, 255, 0.98);
        -webkit-transition: border-color 250ms ease-in-out;
        -moz-transition: border-color 250ms ease-in-out;
        -o-transition: border-color 250ms ease-in-out;
        transition: border-color 250ms ease-in-out;
    }

    section.portholeLinks ul li a:hover .image-container
    {
        border: 5px solid rgba(193, 155, 89, 1);
    }

    section.portholeLinks ul li a .image-container .image img
    {
        height: 100%;
        width: 100%;
    }

    .pnl2Name
    {
        font-size: 1em;
        color: #333;
    }



    .pnl2Area
    {
        font-size: 16px;
        color: Black;
    }



    /*---------QA-------------*/

    .qa
    {
        width: 100%;
        background-color: rgba(17, 68, 97, 0.05);
        text-align: left; /*margin: 30px auto;*/
        padding: 30px;
        overflow: hidden;
    }

    .qa .qatop
    {
        border: 0;
        overflow: hidden;
    }

    .qa .qaQ
    {
        display: block;
        float: left;
        font-size: 1.5em;
        color: #FFF;
        font-family: 'Libre Baskerville' , serif;
        padding: 2px 15px 6px 15px;
        margin-right: 10px;
        border-radius: 5px;
        background-color: #00275e;
    }

    .qa .qaitem
    {
        display: block;
        overflow: hidden;
    }

    .qa .semi_L
    {
        display: inline-block;
        width: 5%;
        height: 60px;
        font-size: 1.6em;
        color: Gray;
        font-family: times;
        font-weight: bold;
        float: left;
        margin-top: -8px;
    }

    .qa .semi_R
    {
        display: inline-block;
        width: 5%;
        height: 60px;
        font-size: 1.6em;
        color: Gray;
        font-family: times;
        font-weight: bold;
        margin-top: -8px;
    }
    .qa .qabig
    {
        display: block;
        float: left;
        font-size: 1.5em;
        color: #FFF;
        font-family: 'Libre Baskerville' , serif;
        padding: 2px 15px 6px 15px;
        margin-right: 20px;
        border-radius: 5px;
        background-color: #00275e;
    }

    .qa .semi
    {
        font-size: 2em;
        color: Gray;
        font-family: times;
        font-weight: bold;
    }

    .qa .qstr
    {
        font-size: 0.9em;
        color: #333;
        font-weight: bold;
        display: inline-block;
        float: left;
        line-height: 1.6;
        padding-left: 5px;
    }

    .qa .qabottom
    {
        overflow: hidden;
    }

    .qa .qableft
    {
        width: 75%;
        float: left;
        padding-bottom: 10px;
        font-size: 0.85em;
        color: #333;
        line-height: 1.6;
        text-align: justify;
    }

    .qa .qabright
    {
        width: 20%;
    }

    .qa .qabdown
    {
        width: 90%;
        height: 40px; /*float: left;*/
        background-color: White; /*margin-top:10px;*/
        margin: 10px auto 20px auto;
        text-align: center;
        clear: both;
        color: #069;
    }

    .qa .qabdown a
    {
        line-height: 40px;
        color: #069;
    }

    .qa .qabdown a:after
    {
        content: "\f04b";
        font-family: FontAwesome;
        display: inline-block;
        padding-left: 3px;
        font-size: 0.7em;
        margin-left: 3px;
    }



    /*----------生活品味--------*/


    section.panel3
    {
        padding: 10px 15px 0 15px;
    }

    section.location, section.topic
    {
        position: relative;
        background: transparent;
        padding: 0;
        text-align: center; /*-webkit-transition: background 250ms ease-in-out;         -moz-transition: background 250ms ease-in-out;         -o-transition: background 250ms ease-in-out;         transition: background 250ms ease-in-out;         background-color: #fcf9f4;*/
    }

    section.location > h2, section.topic > h2
    {
        font-size: 24px;
        padding-top: 0;
        background: transparent;
        position: static;
        width: 100%; /* padding: 15px;*/
        display: inline-block;
        box-sizing: border-box;
        margin: 0;
        font-weight: 600;
        color: #00275e;
        text-align: center;
    }

    section.location ul, section.topic ul
    {
        overflow: hidden;
        background: #fcf9f4;
        margin: 0;
        position: relative;
    }

    section.location ul li, section.topic ul li
    {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        box-sizing: border-box;
        overflow: hidden;
        display: block;
        float: none;
        background: transparent;
        border-top: 1px solid #f6efe3;
    }

    section.location ul li a, section.topic ul li a
    {
        position: relative;
        background: transparent;
        overflow: hidden;
        display: block;
        height: 100%;
        max-width: 900px;
        margin: 0 auto;
        border-bottom: 0;
    }

    section.location ul li a .image-container, section.topic ul li a .image-container
    {
        width: 35%;
        height: 100%;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        position: static; /*-webkit-transform: translate3d(0,0,0); */
    }

    section.location ul li a .image-container .image, section.topic ul li a .image-container .image
    {
        /*margin-left: -1000px; margin-right: -1000px; text-align: center;*/
        height: 100%;
    }

    section.location ul li a .image-container .image img, section.topic ul li a .image-container .image img
    {
        width: 100%;
    }

    section.topic ul li a .image-container .text-container-Outer .text-container
    {
        display: block;
        float: left;
        box-sizing: border-box;
        padding: 5px 10px;
        position: absolute;
        left: 35%;
        right: 0;
        top: 0;
        bottom: 0;
        list-decoration: none;
        text-align: left;
    }
    /*background: transparent 0%;
                background: -moz-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 84%);
                background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 84%);
                background: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 84%);
                background: -ms-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 84%);
                background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 84%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
            }*/


    section.topic ul li a .image-container .text-container-Outer .text-container .location
    {
        display: block;
        margin-bottom: 0;
    }

    section.topic ul li a .image-container .text-container-Outer .text-container .title
    {
        background: transparent;
        color: rgba(0, 0, 0, 0.8);
        padding: 0;
        margin: 0;
        text-decoration: none;
        text-transform: none;
        display: block;
        letter-spacing: 0px;
        box-shadow: none;
        text-align: left;
        font-weight: 600;
        margin-bottom: -5px;
        text-shadow: none;
        font-size: 0.85em;
        line-height: 120%;
    }

    section.topic ul li a .image-container .text-container-Outer .text-container .titleE h3.title_EN
    {
        background: transparent;
        padding: 0;
        margin-top: 5px;
        line-height: 120%;
        text-decoration: none;
        text-transform: none;
        display: block;
        letter-spacing: 1px;
        box-shadow: none;
        color: rgba(0, 0, 0, 0.8);
        text-align: left;
        font-weight: 600;
        margin-bottom: -5px;
        font-size: 1em;
    }

    section.topic .seeMoreButton
    {
        width: auto;
        font-size: 16px;
        display: inline-block;
        background-color: black;
        background-color: transparent;
        color: #114461;
        color: rgba(17, 68, 97, 0.9);
        text-decoration: none;
        font-style: normal;
        text-transform: uppercase; /*font-family: "proxima-nova-alt" ,sans-serif;*/
        letter-spacing: 0.5px;
        position: static !important;
        margin: 0 auto;
        padding: 20px 0 10px 0;
        border-radius: 0px;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
        -webkit-transition: color 250ms ease-in-out;
        -moz-transition: color 250ms ease-in-out;
        -o-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out;
    }

    section.location .seeMoreButton:hover, section.topic .seeMoreButton:hover
    {
        color: #c19b59;
    }

    section.location .seeMoreButton:after, section.topic .seeMoreButton:after
    {
        content: "\f105";
        font-family: 'FontAwesome';
        font-weight: bold;
        margin-left: 5px;
        font-size: 16px;
    }

    section.topic ul li a .image-container .text-container-Outer .text-container .location span
    {
        font-size: 11px;
        padding: 0px;
        margin: 0;
        display: inline-block;
        float: none;
        line-height: 100%;
        letter-spacing: 1px;
        border: 1px solid transparent;
        color: #ce5330;
        width: auto;
        height: auto;
        font-weight: 400;
        font-family: "ff-tisa-web-pro" ,serif;
        margin-right: -3px !important;
        font-style: italic;
    }

    section.topic ul li a .image-container .text-container-Outer .text-container .description
    {
        font-weight: 300;
        font-size: 15px;
        line-height: 130%;
        display: block;
        letter-spacing: -0.1px;
        font-family: "ff-tisa-web-pro" ,serif;
        height: 0px;
        font-style: normal;
        overflow: hidden;
        padding: 0;
        text-shadow: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 5px;
        -webkit-transition: height 250ms ease-in-out;
        -moz-transition: height 250ms ease-in-out;
        -o-transition: height 250ms ease-in-out;
        transition: height 250ms ease-in-out;
    }


    /*------雜誌訂閱----------*/

    .sumbit-group
    {
        padding-top: 30px;
        display: block;
        background-color: rgba(17, 68, 97, 0.05);
        width: 100%;
        margin-top: 20px;
        overflow: hidden;
    }

    .sumbit-merge
    {
        width: 100%;
        margin: 0 auto;
    }

    section.mzorder
    {
        width: 100%;
    }

    .mzbook
    {
        border-right: 1px solid #DBDBDB;
    }

    .mztitle
    {
        width: 100%;
        text-align: center;
        overflow: hidden;
        padding-bottom: 20px;
    }


    .mztitle h2
    {
        color: #00275e;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .mztitle p
    {
        font-size: 14px;
        color: #3d3d3d;
        padding: 0 10px;
    }

    .mzphoto
    {
        display: block;
        background-image: url(../image-desktop/mzbg.jpg); /*width: 480px;*/
        height: 160px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
    }

    .mzorderbox
    {
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }

    .mzorderbox a
    {
        text-decoration: none;
    }

    .mzorderbox h4
    {
        display: block;
        width: 200px;
        padding: 6px 10px;
        background-color: #00275e;
        color: #FFF;
        font-size: 0.9em;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        margin: 5px auto;
    }

    .mzorderbox h4:hover
    {
        background-color: rgba(0,39,81,0.5);
        text-decoration: none;
        transition: background 250ms ease-in-out;
    }

    /*------訂閱電子報----------*/
    section.newsletters
    {
        width: 100%; /*float: left;         padding: 20px;*/
    }

    .e-newsletter
    {
        display: block;
        overflow: hidden;
        width: 100%; /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(16%,rgba(246,246,246,1)), color-stop(100%,rgba(150,150,150,1))); /* Chrome,Safari4+ */
        position: relative; /*border:1px solid #CCC;*/
        padding-top: 10px;
    }

    .newsletterphoto
    {
        display: block;
        height: 180px;
        background: url(../image-desktop/newsletter.png) no-repeat;
        background-size: contain;
        margin: 0 auto;
    }

    .newsletterform
    {
        display: block;
        width: 100%;
        overflow: hidden; /*border-top:1px solid #ccc; 	border-bottom:1px solid #ccc;*/
        padding-top: 15px;
        margin: 0 auto;
    }

    section.newsletters h2 i
    {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        margin-right: 10px;
    }

    label.label-subit-text
    {
        font-size: 15px;
        color: #3d3d3d;
        text-align: center;
    }

    #NewsletterSubscribeForm input[type="email"], .NewsletterEmailInput
    {
        display: block;
        border: 1px solid transparent;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        outline: none;
        background: white;
        color: black;
        color: rgba(0, 0, 0, 0.5);
        width: 80%;
        margin: 0 auto;
        -webkit-transition: width 250ms ease-in-out;
        -moz-transition: width 250ms ease-in-out;
        -o-transition: width 250ms ease-in-out;
        transition: width 250ms ease-in-out;
        text-align: center;
        border-radius: 0;
        padding: 15px;
    }


    /*------Instgram----------*/
    section.InstagramPanel
    {
        width: 100%;
        background-color: #000;
        overflow: hidden;
        padding-top: 20px;
    }

    .InstagramPanel h3
    {
        color: #FFF;
        text-align: center;
        font-size: 28px;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: normal;
    }

    /*.InstagramPanel img{
                        	width:736px;
                        	height:510px;
                        	margin:0 auto;}*/

    .InstagramPanel ul
    {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    .InstagramPanel ul li
    {
        float: left;
        width: 50%;
        border: 5px solid #000;
    }

    .InstagramPanel ul li a
    {
        display: block;
    }

    .InstagramPanel ul li a img
    {
        width: 100%; /*height: 200px;*/
    }

    .InstagramPanel ul li a img:hover
    {
        opacity: 0.6;
        transition: background-color 250ms ease-in-out;
        -webkit-transition: background-color 250ms ease-in-out;
        -moz-transition: background-color 250ms ease-in-out;
    }




    /*------Social Media----------*/

    #SocialPanel
    {
        background: #000;
        padding: 20px 0;
        overflow: hidden;
    }
    #SocialPanel h3
    {
        color: #FFF;
        text-align: center;
        font-size: 28px;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: normal;
    }

    #SocialPanel ul.socialButtons
    {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    #SocialPanel ul.socialButtons li
    {
        display: block;
        width: 33.333%;
        float: left;
        border-radius: 0;
        padding: 10px;
    }

    #SocialPanel ul.socialButtons li a
    {
        display: block;
        text-decoration: none;
        color: #FFF;
    }

    #SocialPanel ul.socialButtons li.facebook
    {
        width: 60%;
        background: #2a5cc3;
        float: none;
        margin: 10px auto;
    }

    #SocialPanel ul.socialButtons li.twitter
    {
        width: 60%;
        background: #55acee;
        float: none;
        margin: 15px auto;
    }

    #SocialPanel ul.socialButtons li.pinterest
    {
        width: 60%;
        background: #cb2027;
        float: none;
        margin: 10px auto;
    }


    /*------關係企業----------*/

    section.group
    {
        margin-bottom: 40px;
        padding-top: 20px;
    }

    section.group ul
    {
        width: 100%;
        margin: -25px auto;
    }

    section.group ul li
    {
        width: 33.333%;
        float: left;
        display: block;
        text-align: center;
        padding: 20px 0;
    }


    section.group ul li.dropmenu
    {
        position: relative;
    }

    section.group ul li.dropmenu ul
    {
        margin: 0;
        padding: 0;
        display: none;
        position: absolute;
        left: -100px;
        top: 0px;
        z-index: 9999;
        width: 600px;
        border: 1px solid #ccc;
        background-color: #FFF;
        -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
        transition: 0.4s;
    }

    section.group ul li.dropmenu:hover ul
    {
        display: block;
        position: absolute;
        top: -180px;
        transition: 0.4s;
    }

    /*section.group ul li.dropmenu ul:before,
                        section.group ul li.dropmenu ul:after{
                        	content: "";
                        	display: table;}*/


    .company
    {
        width: 600px;
        overflow: hidden;
    }

    .company ul .menu-row li
    {
        clear: both;
        width: 100%;
        text-align: left;
        display: block;
        margin: -20px 0;
    }

    .company ul .menu-row li a
    {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 30px;
        color: #888888;
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none; /*border-bottom: 1px solid #eae7e3;*/
        padding-left: 10px;
        overflow: hidden;
        white-space: nowrap;
    }


    .company ul .menu-row li a:hover
    {
        background-color: #C2C2C2;
        color: #FFF;
    }

    .company ul .menu-row
    {
        width: 33.3%;
        float: left;
        padding: 10px;
    }

    .menu-row .menu-tag
    {
        display: block;
        height: 25px;
        font-size: 0.7em;
        border-radius: 5px;
        background-color: #a6b2bf;
        color: #FFF;
        text-align: center;
        line-height: 25px;
        margin: 10px 0;
        letter-spacing: 1px;
    }


    /*------頁尾----------*/

    footer.page-footer
    {
        background-color: #f3f3f3;
        padding-top: 30px;
        overflow: hidden;
        clear: both;
    }

    footer.page-footer .inner
    {
        display: table;
        width: 100%;
    }

    footer.page-footer .inner .footer-main
    {
        width: 100%;
        margin: 0 auto;
    }

    .footer-container
    {
        width: 100%;
        margin-bottom: 30px;
    }

    section.footer-contact
    {
        width: 100%;
        overflow: hidden;
        text-align: left;
        padding: 0 20px;
    }

    .page-footer .inner h3
    {
        color: #2a2a2a;
        font-weight: normal;
        margin-bottom: 25px;
        margin-top: 0;
        text-transform: uppercase;
    }

    section.footer-contact address
    {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.6;
        font-size: 14px;
    }

    section.footer-contact strong
    {
        font-weight: bold;
    }

    section.footer-contact a
    {
        font-size: 16px;
        text-decoration: none;
        color: #00275e;
    }

    section.footer-contact a:hover
    {
        color: #c19b59;
    }

    .footer-contactus
    {
        display: block;
        width: 100%;
    }

    .footer-map
    {
        display: none;
        float: right;
        margin-top: 10px;
    }

    section.footer-link
    {
        display: none;
        width: 16%;
        float: right;
        margin-left: 25px;
    }

    section.footer-link ul.list-links
    {
        margin-top: -5px;
        padding-left: 0;
    }

    section.footer-link ul.list-links li
    {
    }

    section.footer-link ul.list-links li a
    {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        color: #00275e;
        line-height: 1.8;
        font-size: 16px;
    }

    section.footer-link ul.list-links li a:hover
    {
        color: #c19b59;
    }


    .page-footer .inner .footer-copyright
    {
        clear: both;
        background-color: #073855;
        color: #fff;
        display: table;
        padding: 10px 20px;
        width: 100%;
    }

    .footer-copyright .container
    {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }

    .footer-copyright span
    {
        font-size: 13px;
        color: #FFF;
        letter-spacing: 0.5px;
        font-weight: normal;
        float: right;
    }

    .pull-right
    {
        float: right;
    }

    .page-footer .inner .footer-copyright a
    {
        color: #FFF;
        text-decoration: none;
    }

    .page-footer .inner .footer-copyright a:hover
    {
        color: #c19b59;
        transition: 0.2s;
    }


    /*--索引--*/

    .indexword
    {
        width: 100%;
        height: 60px;
        margin-top: 60px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(80%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        display: none;
    }

    .breadcrumb
    {
        width: 100%;
        line-height: 60px;
        opacity: 0.8;
        background-color: transparent;
        font-size: 14px;
        margin: 0 auto;
        list-style: none;
        padding: 0 15px;
        display: none;
    }

    .breadcrumb > li
    {
        display: inline-block;
        color: #a5a5a5;
    }

    .breadcrumb a
    {
        color: #a5a5a5;
        text-decoration: none;
    }

    .breadcrumb a:hover
    {
        color: #c19b59;
    }

    .breadcrumb > .active
    {
        color: #666;
    }
    .breadcrumb > li + li:before
    {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }



    .bootstrap-select.btn-group .dropdown-menu
    {
        min-width: 100%;
        z-index: 2000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bootstrap-select .dropdown-menu
    {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: none;
        margin-top: 3px;
        padding: 0;
        padding-left: 0 !important;
    }

    .open > .dropdown-menu
    {
        display: block;
    }

    .animation-fade-in
    {
        -webkit-animation-name: animation-fade-in;
        -moz-animation-name: animation-fade-in;
        -ms-animation-name: animation-fade-in;
        animation-name: animation-fade-in;
        -webkit-animation-duration: 0.2s;
        -moz-animation-duration: 0.2s;
        -ms-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    .dropdown-menu
    {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }




    /*Menu*/

    ul.nav > li:hover > .child-navigation
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible;
    }

    ul.nav > li > .child-navigation > li:first-child:hover a:hover:after
    {
        border-color: transparent transparent #00275e transparent;
    }

    ul.nav > li > .child-navigation > li:first-child a:after
    {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        background-color: transparent;
        border-color: transparent transparent #f3f3f3 transparent;
        border-style: solid;
        border-width: 0 7.5px 7px 7.5px;
        content: "";
        height: 0px;
        position: absolute;
        left: 10px;
        top: -7px;
        width: 0px;
    }

    navbar-nav > li .child-navigation
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        background-color: #f3f3f3;
        position: absolute;
        visibility: hidden;
        list-style: none;
        padding-left: 0;
        left: 15px;
        min-width: 240px;
        z-index: 100;
    }

    navbar-nav > li
    {
        background-color: #000;
    }

    ul.nav > li
    {
        /*float: left;*/
        display: block;
        position: relative;
        padding-left: 20px;
        margin-top: 10px;
    }

    ul.child-navigation > li
    {
        position: relative;
    }

    ul.child-navigation > li a
    {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
        padding: 3px 10px;
        position: relative;
        font-size: 15px;
        text-align: left;
        text-decoration: none;
        color: #626262;
        width: 95%;
    }

    ul.child-navigation > li a:hover
    {
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        background-color: #00275e;
        color: #fff;
    }

    ul.child-navigation
    {
        /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);         opacity: 0;         -moz-transition: 0.2s;         -webkit-transition: 0.2s;         transition: 0.2s;         -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);         -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);         box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);         position: absolute;         visibility: hidden;         margin-top: 20px;         padding-left: 0;         left: 15px;         min-width: 240px;         z-index: 100; 		background-color: #f3f3f3;*/
        list-style: none;
    }

    /*首頁*/
    .overlay
    {
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s; /*transition: 0.4s;*/
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
        font-size: 14px;
        line-height: 1.42857143;
        text-align: left;
    }

    .overlay .info
    {
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.75)));
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
        padding: 15px 12px;
    }

    .overlay h3
    {
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        margin: 5px 0 3px 0;
    }

    .overlay figure
    {
        color: #fff;
        font-weight: lighter;
        margin: 0px;
    }
    .overlay .additional-info
    {
        background-color: #002349;
        display: table;
        height: 30px;
        list-style: none;
        margin-bottom: 0;
        width: 100%;
        padding: 8px 12px;
        text-align: center;
        display: none;
    }

    .overlay .additional-info li
    {
        -moz-transition: 0.8s;
        -webkit-transition: 0.8s;
        transition: 0.8s;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        color: #fff;
        display: table-cell;
        width: 25%;
        height: 50px;
        list-style: none;
        background: transparent;
        box-sizing: border-box;
        float: left;
        overflow: hidden;
        margin-bottom: 0px;
    }

    section.links .imageOrientation_Landscape:hover .overlay
    {
        bottom: 0px;
    }

    section.links .imageOrientation_Landscape:hover .overlay .additional-info li
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    .overlay .additional-info li pheader.infotext
    {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }
    .overlay .additional-info li figure
    {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    .tag
    {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        display: inline-block;
        padding: 3px 8px;
    }

    .tag.price
    {
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
        background-color: #1396e2;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }

    .tag.status
    {
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        left: 13px;
        font-size: 12px;
        padding: 6px 9px;
        position: absolute;
        top: 15px;
        z-index: 1;
    }

    /* =========== 台灣物件內容 =========== */

    .Article_container
    {
        width: 100%;
        margin: 0 auto;
        background-color: #FFF;
        clear: both;
        overflow: hidden; /*margin-bottom: 30px;*/
        padding: 0 15px;
        margin-top: 60px;
        background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(255,255,255,0.95) 5%,rgba(255,255,255,0) 100%);
    }

    .Article_container h1
    {
        width: 100%;
        font-size: 26px;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: normal;
    }


    /*--排序--*/
    .property_sort
    {
        width: 100%;
        overflow: hidden;
    }

    .property_sort .sort
    {
        /*width: 35%;*/
        font-size: 14px; /*float: left;         margin-right: 15px;*/
    }


    .property_sort .sort ul
    {
        width: 100%;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .property_sort .sort li.titlt
    {
        margin-right: 10px;
    }

    .property_sort .sort li
    {
        float: left;
    }

    .property_sort .sort li a
    {
        display: inline-block;
        padding: 2px 10px;
        text-align: center;
        text-decoration: none;
        background-color: #CECECE;
        color: #FFF;
        margin-right: 2px;
    }

    .property_sort .sort li a:hover
    {
        background-color: #00275e;
    }

    .search_num
    {
        font-size: 14px;
        color: #555;
    }


    /*--搜尋區域--*/
    .input-search
    {
        display: inline-block;
        width: 100%;
        position: relative;
        vertical-align: middle;
        line-height: 1;
        margin-bottom: 10px;
    }

    .input-search input
    {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        position: relative;
        border: 1px #d9d9d9 solid;
        width: 100%;
        height: 100%;
        padding: .4rem;
        z-index: 0;
    }

    .input-search .button-search
    {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        margin: 0;
    }

    .button-search
    {
        padding: 0 1rem;
        height: 31px;
        text-align: center;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px #d9d9d9 solid;
        color: #999;
        cursor: pointer;
        display: inline-block;
        outline: none;
        font-size: 16px;
        line-height: 1;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .button-search:hover
    {
        background-color: #00275e;
        color: #FFF;
    }


    /*--熱門物業類別--*/
    .property_sort .sorting
    {
        width: 100%;
        float: left;
    }

    select.sort_theme
    {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
        background-color: #f3f3f3;
        border: none;
        color: #5a5a5a;
        font-size: 14px;
        outline: none !important;
        padding: 5px 20px;
        width: 100%;
        letter-spacing: 0.5px;
        -webkit-appearance: none;
        background-image: url(../image-desktop/arrow_dropdown.png);
        background-repeat: no-repeat;
        background-position: 95% 10px;
    }

    select.sort_theme option
    {
        background-color: #FFF;
        color: #333;
    }


    /*--物件列表--*/
    section.properties
    {
        width: 100%;
        margin-top: 25px;
    }

    .properties_area
    {
        width: 100%; /*height:2850px;*/
        position: relative;
    }

    .listboxouter
    {
        position: relative;
        width: 100%;
    }

    .listbox
    {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        overflow: visible;
        border: 1px solid #cccccc;
        background-color: #FFF;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .listbox_inner
    {
        /* -moz-backface-visibility: hidden; */
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .listphoto
    {
        overflow: hidden;
        height: auto;
    }

    .listphoto img
    {
        width: 100%;
        vertical-align: middle;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
        top: 0;
    }

    .listphoto:hover img
    {
        -moz-transform: scale(1.1) rotate(0.01deg);
        -webkit-transform: scale(1.1) rotate(0.01deg);
        transform: scale(1.1) rotate(0.01deg);
    }

    .infoproperty-group
    {
        padding: 15px 10px;
        text-align: left;
    }

    .infohead h2
    {
        font-size: 0.95em;
        color: #00275e;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }

    .info-add
    {
        color: #666;
        font-size: 14px;
    }

    .infolisting
    {
        display: block;
        margin-top: 5px;
        overflow: hidden;
    }

    .area-group
    {
        display: block;
        float: left;
    }

    .proarea
    {
        display: block;
        font-size: 26px;
        color: #666;
        line-height: 1.2;
    }

    .areaps
    {
        display: block;
        font-size: 13px;
        color: #999;
    }
    
    .AreaLfloat
    {
        display: block;
        font-size: 13px;
        color: #999;
    }    

    .price-group
    {
        float: right;
    }

    .proprice
    {
        display: block;
        font-size: 26px;
        font-weight: 100;
        color: #c19b59;
        line-height: 1.2;
    }

    .priceps
    {
        display: block;
        font-size: 13px;
        color: #c19b59;
        text-align: right;
    }
	
	 /*--租賃物件警語標註---*/
	  
	.rental-ps{
		width:100%;
		padding:10px 20px;
		background-color:#949494;}
		
	.rental-ps p{
		font-size:12px;
		color:#FFF;
		text-align:justify;}


    /*--頁碼---*/
    .pagenum
    {
        text-align: right;
    }

    .pagination
    {
        display: inline-block;
        padding-left: 0; /*margin: 20px 0;*/
        border-radius: 4px;
    }

    .pagination li:first-child a, .pagination li:last-child a
    {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .pagination li.active a
    {
        background-color: transparent;
        border-color: #00275e;
        color: #00275e;
    }
    .pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus
    {
        background-color: transparent;
        border-color: #073855;
        color: #073855;
    }

    .pagination li
    {
        float: left;
        margin-top: 20px;
    }

    .pagination li a
    {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-color: transparent;
        text-decoration: none;
        border: none;
        border-top: 5px solid #f3f3f3;
        color: #5a5a5a;
        padding: 10px 20px;
    }
    .pagination li a:hover, .pagination li a:active, .pagination li a:focus
    {
        background-color: transparent;
        border-color: #00275e;
        color: #00275e;
    }

    /*--看更多---*/
    .BN_seemore
    {
        margin: 30px auto;
        width: 50%;
        clear: both;
    }

    .BN_seemore a
    {
        display: block;
        font-size: 0.9em;
        line-height: 44px;
        color: #999;
        text-decoration: none;
        text-align: center;
        margin: 10px;
        padding-bottom: 10px;
        height: 44px;
        border: 1px #d9d9d9 solid;
        text-decoration: none;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .BN_seemore a:hover
    {
        background-color: #00275e;
        color: #FFF;
    }




    /*=========== 台灣物件介紹內容 ===========*/

    /* -- 上列物件名稱-- */
    .pro_name
    {
        width: 100%;
        overflow: hidden;
        padding: 10px 0 40px 0;
        position: relative;
    }

    .pro_name h2
    {
        font-size: 26px;
        line-height: 1.2;
        color: #c19b59;
        font-weight: normal;
    }

    .pro_name p
    {
        font-size: 14px;
        color: #333;
    }

    .frametopclose
    {
		display:none;
        width: 100px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #eee;
        color: #888;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 10px;
        height: 30px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .frametopclose:hover, .frametopclose2:hover, .frametopclose3:hover
    {
        background-color: #00275e;
        color: #FFF;
        border: none;
    }

    .frametopclose2
    {
        display:none;
		width: 100px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #eee;
        color: #888;
        font-size: 14px;
        line-height: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 30px;
        position: absolute;
        right: 110px;
    }

    .frametopclose3
    {
        width: 100px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #eee;
        color: #888;
        font-size: 14px;
        line-height: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 30px;
        position: absolute;
        right: 10px;
    }



    /* -- 左列物件資料 -- */
    .property_detial
    {
        width: 100%;
        margin-top: 10px;
    }

    .pro_title
    {
        width: 100%;
        overflow: hidden;
        background-color: #b2b2b2;
    }

    .pro_title h4
    {
        font-size: 0.9em;
        color: #FFF;
        padding: 5px 8px;
        font-weight: normal;
    }

    .pro_data
    {
        width: 100%;
        padding: 8px;
    }

    .pro_data ul
    {
    }

    .pro_data li
    {
    }

    .item
    {
        border-bottom: 1px solid #e5e5e5;
        padding: 8px 0;
        overflow: hidden;
    }

    .data_left
    {
        font-size: 0.85em;
        color: #555;
        text-align: left;
        float: left;
    }

    .data_right
    {
        font-weight: bold;
        font-size: 0.85em;
        color: #555;
        text-align: right;
        float: right;
    }


    /* -- 承辦業務員 -- */

    .PMagent
    {
        width: 100%;
    }

    .PM_image
    {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        float: left;
        display: inline-block;
        overflow: hidden;
        margin-right: 10px;
        margin-top: 5px;
    }

    .PMagent img
    {
        width: 100%;
    }

    .PMagent ul
    {
        margin-top: 5px;
        padding: 10px 0;
    }

    .PMagent li
    {
        font-size: 16px;
        line-height: 28px;
        text-decoration: none;
    }

    .PMagent li a
    {
        color: #333;
        font-size: 16px;
    }

    .PMagent li a:hover
    {
        color: #c19b59;
        text-decoration: none;
    }

    .PMagent li i
    {
        font-size: 0.6em;
    }

    .PMagent_name
    {
        font-size: 1em;
        color: #036;
        padding-bottom: 10px;
        line-height: 1em;
    }
    .PMagent_mobile
    {
        font-size: 0.9em;
        line-height: 1.2em;
        color: #555;
    }

    .PM_agent_bn
    {
        width: 100%;
        clear: both;
        margin-top: 15px;
    }

    .visit_bn
    {
        float: left;
        width: 45%;
        margin: 7px;
    }

    .visit_bn a, .visit_bn_overseas a
    {
        display: block;
        font-size: 0.85em;
        height: 40px;
        color: #FFF;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        -webkit-border-radius: 8px;
        border-radius: 4px; /*border:1px solid rgba(164, 164, 164, 0.7);*/
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,198,218,1)), color-stop(46%,rgba(120,158,188,1)), color-stop(100%,rgba(96,136,172,1))); /* Chrome,Safari4+ */
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(128,128,128,0.5);
        -webkit-user-select: none;
    }

    .visit_bn a:hover, .visit_bn_overseas a:hover
    {
        color: #274661;
        -webkit-box-shadow: inset 2px 2px 5px #859cad;
        box-shadow: inset 2px 2px 5px #859cad;
    }


    /* -- 右列物件照片輪播 -- */
    .property_fild
    {
        width: 100%;
        float: right;
    }

    #PhotoSlide
    {
        width: 100%; /*height: 470px;*/
        position: relative;
    }

    .abgne_product_arrow_silder
    {
        width: 100%;
        height: auto;
    }
    .abgne_product_arrow_silder ul, .abgne_product_arrow_silder ul li
    {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .abgne_product_arrow_silder ul li
    {
        width: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .abgne_product_arrow_silder ul li img
    {
        width: 100%;
        margin-top: 10px;
    }

    .abgne_product_arrow_silder ul li.selected
    {
        width: 100%;
        position: relative; /*background-size:cover;*/
    }

    .abgne_product_arrow_silder ul li.selected img
    {
        width: 100%; /* height: 470px;*/
    }

    .prev
    {
        width: 30px;
        height: 27px;
        position: absolute;
        left: -35px; /* 先藏在左邊 */
        top: 222px; /* (區塊高-圖片高) / 2 */
        z-index: 100;
        background-image: url(../image-desktop/arrow_prev.png);
        background-repeat: no-repeat;
    }
    .next
    {
        width: 30px;
        height: 27px;
        position: absolute;
        right: -48px; /* 先藏在右邊 */
        top: 222px; /* (區塊高-圖片高) / 2 */
        z-index: 100;
        background-image: url(../image-desktop/arrow_next.png);
        background-repeat: no-repeat;
        padding-right: 0;
    }

    #Text_in
    {
        height: 30px;
        background-color: rgba(0,0,0,0.7);
    }

    .boxcaption
    {
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        text-align: right;
        z-index: 100;
        line-height: 30px;
        padding-right: 20px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }

    /* -- 右列特色、地圖 -- */

    .description
    {
        text-align: left;
    }

    .description h3
    {
        font-size: 20px;
        color: #333;
        font-weight: normal;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        margin-top: 15px;
    }


    /*.description h3 i{
                    	position: absolute;
                    	right:10px;
                    	bottom:10px;
                    	font-size: 14px;
                    	color: #bbb;
                    	font-weight:normal;
                    	-webkit-transition: all 0.4s ease;
                    	-o-transition: all 0.4s ease;
                    	transition: all 0.4s ease;}*/



    .text_drop
    {
        width: 100%;
    }

    .text_drop img
    {
        width: 100%;
    }

    .text_drop ul
    {
        margin-left: 20px;
    }

    .text_drop li
    {
        list-style-type: disc;
        font-size: 15px;
        color: #333;
        line-height: 1.8;
        font-weight: normal;
    }

    .subtitle1
    {
        font-size: 0.9em;
        font-weight: bold;
        padding-top: 15px;
        color: #960;
        letter-spacing: 1px;
        -webkit-user-select: none;
    }

    .description p
    {
        font-size: 0.85em;
        color: #333; /*line-height: 1.8;*/
        padding-top: 10px;
        text-align: justify;
    }

    .pro_map, pro_map_oversease
    {
        margin-top: 15px;
    }


    /* -- 預約看屋 -- */
    #BLACK, #BlackSearch, #BLACK2
    {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
        background-color: rgba(0,0,0,0.7);
        display: none;
        cursor: pointer;
    }

    #SUBSCRIBE
    {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        vertical-align: middle;
        padding: 20px;
        position: absolute; /*top: 50%;         margin-top: -250px;*/
    }


    #SearchXX, #XX, #SUB-newsweeklyXX
    {
        display: block;
        width: 20px;
        height: 20px;
        float: right;
        text-align: right;
        cursor: pointer;
        margin-right: 10px;
    }

    #SearchXX i, #XX i, #SUB-newsweeklyXX i
    {
        font-size: 1.5em;
        font-weight: normal;
    }

    #SearchXX a, #XX a, #SUB-newsweeklyXX a
    {
        display: block;
        text-align: right;
        line-height: 40px;
        color: #CCC;
        text-decoration: none;
    }

    #SearchXX a:hover, #XX a:hover, #SUB-newsweeklyXX a:hover
    {
        color: #666;
    }


    .WORD
    {
        width: 100%;
        font-size: 16px;
        text-align: center;
        line-height: 1.6;
        -webkit-user-select: none;
        font-weight: bold;
    }

    #FORM p
    {
        font-size: 14px;
    }


    .price_title
    {
        font-size: 16px;
        color: #00275e;
        text-align: center;
        font-weight: bold;
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
        padding: 5px 0;
        margin: 5px 0 10px 0;
    }

    .pure-form
    {
        padding: 0 20px;
    }

    #SUBSCRIBE_mz p
    {
        font-size: 14px;
    }



    .SUBdata
    {
        margin: 15px auto 10px auto;
        text-align: left;
    }

    .SUBdata .title1
    {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .SUBdata dt
    {
        font-size: 15px;
        clear: both;
        float: left;
        width: 25%;
        line-height: 2.5;
    }

    .SUBdata dd
    {
        font-size: 16px;
        line-height: 2.5;
    }

    input.intext
    {
        width: 75%;
        height: 24px;
    }

    textarea.form_comment
    {
        width: 75%;
        height: 80px;
    }

    p.send_bn
    {
        width: 75%;
        margin-left: 25%;
    }

    input.submit
    {
        display: block;
        font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        background-color: #ccc;
        color: #fff;
        font-size: 15px;
        outline: none !important;
        padding: 6px;
        border: none;
        width: 150px;
        float: right;
        clear: both;
        cursor: pointer; /*margin-right: 3%;*/
    }

    input.submit:hover
    {
        color: #274661;
        -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5);
        box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5);
    }

    /*=========== 訂閱雜誌彈出視窗 ===========*/

    #SUBSCRIBE_mz
    {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        vertical-align: middle;
        padding: 20px;
    }

    .pure-form input[type=radio]:not(old)
    {
        box-sizing: border-box;
        width: 2em;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }

    .pure-form .pure-radio
    {
        display: inline;
        color: #666;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
    }


    /*=========== 國際物件介紹內容 ===========*/

    .visit_bn_overseas
    {
        float: right;
        width: 70%;
        margin: 10px 5px;
    }

    /*--手風琴--*/

    .showtext
    {
        display: none;
    }

    .accordion .link i
    {
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-size: 14px;
        color: #bbb;
        font-weight: normal;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion .description i.fa-chevron-down
    {
        right: 12px;
        left: auto;
        font-size: 16px;
    }

    .accordion .description.open i
    {
        color: #c19b59;
    }

    .accordion .description.open i.fa-chevron-down
    {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }





    .pro_map_oversease
    {
        display: none;
        margin-top: 15px;
    }

    .floor_list
    {
        display: none;
        font-size: 14px;
        margin-top: 10px;
    }

    .floor_plan
    {
        display: none;
        margin-top: 10px;
    }

    .floor_plan li
    {
        float: left;
    }

    .floor_plan li a
    {
        display: block;
        text-decoration: none;
        font-size: 15px;
        padding: 10px 20px;
        text-align: center;
        background-color: #c5c5c5;
        color: #FFF;
        margin: 1px;
    }

    .floor_plan li a:hover
    {
        background-color: #00275e;
    }

    .floor_img
    {
        display: block;
        width: 100%;
    }

    .floor_img img
    {
        width: 100%;
    }

    /* ======= 專業團隊 ======= */

    .allteam
    {
        /*margin-right: -25px;         margin-left: -25px;*/
    }

    .Team_list
    {
        width: 100%;
        position: relative;
        min-height: 1px; /*padding-left: 10px;         float: left;         padding-bottom: 20px;         padding-right: 10px;*/
        overflow: hidden;
        margin-bottom: 20px;
    }

    .TeamImage
    {
        width: 40%;
        margin-bottom: 60px;
        position: relative;
        float: left;
    }

    .TeamImage .agent-image
    {
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .TeamImage .agent-image img
    {
        width: 100%;
        vertical-align: middle;
    }

    .TeamImage .agent-image:hover
    {
        top: -5px;
    }

    .Team_name
    {
        float: right;
        width: 57%;
    }

    .Team_name h2
    {
        border: none;
        font-size: 1.1em;
        font-weight: lighter;
        text-align: left;
    }

    .Team_name aside
    {
        font-size: 0.8em;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        line-height: 0.8;
        text-align: left;
    }


    .Team_name h2 a
    {
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        color: #073855;
        text-decoration: none;
    }

    .Team_name h2 a:hover
    {
        color: #c19b59;
    }



    .teamtext
    {
        border-top: 1px solid #ddd;
        margin-top: 5px;
        padding-top: 5px;
        margin-bottom: 10px;
    }

    .teamtext dt
    {
        float: left;
        font-size: 0.7em; /*font-weight: bold;*/
    }

    .teamtext dd
    {
        font-size: 0.7em;
        text-align: right;
    }

    .teamtext dd a
    {
        color: #000;
        text-decoration: none;
    }

    .teamtext dd a:hover
    {
        color: #c19b59;
        text-decoration: none;
    }



    /* ========== Agent個人介紹 ========== */
    section.agent-detail
    {
        margin: 20px 5px 10px 0;
        overflow: hidden;
    }

    .TeamImage img
    {
        width: 160px;
        vertical-align: middle;
    }

    section.panel1
    {
        padding: 0 20px;
    }

    .home-container p
    {
        font-size: 0.85em;
        text-align: justify;
        padding-bottom: 10px;
        line-height: 1.8;
    }


    /* --- 右列聯絡Agent表單 --- */

    .contact_agent
    {
        width: 100%; /*margin-right: 25px;         padding-left: 15px;*/
        text-align: left;
    }

    .agent-form-group
    {
        position: relative;
        margin-bottom: 2px;
        clear: both;
    }

    label.contact_agent_formtitle
    {
        display: inline-block;
        font-size: 15px;
        width: 25%;
        float: left;
    }

    input.contact_agent_intext
    {
        border: 1px solid #ccc;
        background-color: #FFF;
        font-size: 14px;
        width: 75%;
        height: inherit;
        padding: 3px 10px;
        float: right;
        margin-bottom: 10px;
    }


    textarea.contact_agent_message
    {
        border: 1px solid #ccc;
        background-color: #FFF;
        font-size: 14px;
        width: 75%;
        height: 50px;
        padding: 3px 10px;
    }

    .btn-default-div
    {
        width: 100%;
        text-align: center;
    }
    
     .btn-default-div input.btn-default
    {
        float:none;
        margin-top:20px;
    }

    button.btn-default, input.btn-default
    {
        font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        background-color: #ccc;
        color: #fff;
        font-size: 15px;
        outline: none !important;
        padding: 6px;
        border: none;
        width: 150px;
        float: right;
        clear: both;
        cursor: pointer; /*margin-right: 3%;*/
    }

    input.btn-default:hover, button.btn-default:hover
    {
        background-color: #00275e;
    }

    /* ========== 聯絡我們 ========== */

    .contact-area
    {
        width: 100%;
    }

    .contact-info
    {
        width: 30%;
        float: left;
        display: none;
    }

    #ADD b
    {
        font-weight: bold;
        color: #333;
    }

    #ADD
    {
        padding: 0 10px 10px 0;
    }

    address.contact-add
    {
        font-size: 0.85em;
        margin-bottom: 20px;
        font-style: normal;
        font-weight: normal;
        color: #555;
        line-height: 1.6; /*-webkit-user-select: none;*/
    }

    .info-mail a
    {
        font-family: Verdana, Geneva, sans-serif;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        color: rgba(17, 68, 97, 0.9);
        outline: none !important;
        text-decoration: none;
        font-size: 0.9em;
        color: #00275e;
    }

    .info-mail a:hover
    {
        color: #c19b59;
    }

    .social
    {
        padding: 10px 10px 10px 0;
    }

    .social h4
    {
        color: #333;
        padding: 10px 0 15px 0;
        font-weight: normal;
        -webkit-user-select: none;
    }

    .social-link
    {
        width: 100%;
    }

    .social-link a img
    {
        display: inline-block;
        margin-right: 10px;
    }

    .social-link img
    {
        width: 36px;
        height: 36px;
        border: 0;
        box-sizing: border-box;
    }

    .maparea
    {
        width: 70%;
        float: right;
    }

    #map
    {
        overflow: hidden; /*margin: 0 10px 20px 10px;*/
        border-bottom: 1px solid #CCC;
    }


    /* --- 聯絡我們留言表單 --- */
    section#FORM
    {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px; /*padding: 0 20px;*/
    }

    section#FORM2
    {
        width: 100%;
        margin-bottom: 30px;
        float: right;
    }

    #FORM h4, #FORM2 h4
    {
        font-size: 0.85em;
        color: #666;
        padding-bottom: 20px; /*-webkit-user-select: none;*/
    }

    #FORM .contact-form-group, #FORM2 .contact-form-group
    {
        padding-bottom: 15px;
        -webkit-user-select: none;
        width: 100%;
        margin-bottom: 20px;
    }

    label.contact_formtitle_col2
    {
        display: inline-block;
        font-size: 15px;
        padding-right: 10px;
        float: left;
        clear: both;
    }

    #FORM .contact-form-textarea, #FORM2 .contact-form-textarea
    {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    input.TextInput
    {
        border: 1px solid #ccc;
        background-color: #FFF;
        font-size: 14px;
        width: 79%;
        height: inherit;
        padding: 3px 10px;
    }

    #FORM2 input.TextInput
    {
        border: 1px solid #ccc;
        background-color: #FFF;
        font-size: 14px;
        width: 75%;
        height: inherit;
        padding: 3px 10px;
        float: right;
    }

    textarea.TextInput_big
    {
        display: inline-block;
        border: 1px solid #ccc;
        background-color: #FFF;
        font-size: 14px;
        width: 75%;
        height: inherit;
        padding: 3px 10px;
        float: right;
    }


    /* ========== 關於我們 ========== */


    /*.CompanyPhoto{
                    	background-image:url(../image-desktop/aboutus.jpg);
                    	width:100%;
                    	height:320px;
                    	text-indent:-9999px;
                    	background-position:center center;
                    	background-size:cover;
                    	background-repeat:no-repeat;
                    	margin:0 auto;
                    	padding:0 10px;}*/

    .about-row
    {
        width: 100%;
        margin-bottom: 15px; /*border-bottom:1px solid #CCC;*/
        overflow: hidden;
    }

    .CompanyPhoto_R
    {
        width: 100%;
        position: relative;
        text-indent: -9999px;
        float: right;
    }

    .CompanyPhoto_R img
    {
        width: 100%;
    }

    .CompanyPhoto_R img.right
    {
        float: right;
        margin-left: 15px;
    }

    .textL
    {
        width: 100%;
        float: left;
    }

    .textL p, .textR p
    {
        font-size: 0.85em;
        color: #333;
        font-weight: normal;
        line-height: 1.6;
        padding-bottom: 10px;
        text-align: justify;
        -webkit-user-select: none;
    }

    .subtitle1
    {
        font-size: 18px;
        font-weight: bold;
        color: #960;
        letter-spacing: 1px;
        -webkit-user-select: none;
    }

    .CompanyPhoto_L
    {
        width: 100%;
        position: relative;
        text-indent: -9999px;
        float: left;
    }

    .CompanyPhoto_L img
    {
        width: 100%;
    }

    .CompanyPhoto_L img.left
    {
        float: left;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .CompanyPhoto_L img.right
    {
        float: right; /*margin-right:15px;*/
        margin-bottom: 10px;
    }

    .textR
    {
        width: 100%;
    }

    .text1_drop
    {
    }

    .text1_drop ul
    {
        padding-bottom: 0.85em;
    }

    .text1_drop li
    {
        list-style: inside;
        font-size: 0.85em;
        color: #333;
        line-height: 1.6;
        padding-bottom: 10px;
    }

    .style-content
    {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
    }

    .styleimg
    {
        width: 100%;
        margin-right: 1px;
        float: left;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .styleimg img
    {
        width: 100%;
        height: auto;
    }

    .stylename
    {
        width: 100%; /*float: right;*/
    }

    .stylename h3
    {
        color: #00275e;
        font-size: 1.1em;
        line-height: 35px;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        -webkit-user-select: none;
    }

    .style-title1
    {
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 0.9em;
        color: #960;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .text1 p
    {
        font-size: 0.85em;
        color: #333;
        line-height: 1.6;
        padding-bottom: 10px;
        text-align: justify;
    }

    .stylename h4
    {
        float: right;
        margin-bottom: 10px;
    }

    .stylename h4 a
    {
        display: block;
        width: 200px;
        font-size: 15px;
        color: #666;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        padding: 8px 15px;
        letter-spacing: 0.5px;
        border: 1px solid #a4a4a4;
    }

    .stylename h4 a:hover
    {
        background-color: #00275e;
        color: #fff;
    }



    /* ======= 搜尋Search ======= */
    .search_panel
    {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        vertical-align: middle;
        margin: 0 auto; /* padding: 20px; overflow: scroll;*/
        overflow-y: scroll;
    }

    .numpro
    {
        width: 100%;
        height: 60px;
        background-color: #363636;
        position: relative;
        margin-top: 30px;
        padding: 0 10px;
    }

    .numpro h1
    {
        display: block;
        float: none;
    }

    .numpro h1 span
    {
        float: none;
        color: #FFF;
    }

    .numpro h1 > span
    {
        display: table-cell;
        vertical-align: middle;
    }

    .numpro h1 .recordtotal
    {
        float: left;
        font-size: 38px;
        padding-right: 5px;
        padding-left: 10px;
        line-height: 60px;
        font-weight: 300;
    }

    .numpro h1 .otherinfo
    {
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 60px;
        letter-spacing: 0.5px;
    }

    .searchlist
    {
        width: 100%; /*margin: 10px auto;*/
        overflow: hidden;
        padding: 0 15px;
    }

    .searchtype
    {
        width: 100%;
        height: 35px;
        border-bottom: 1px solid #999;
        text-align: center;
    }

    .searchtype_tab
    {
        text-align: center;
        margin-top: 15px;
    }

    .tab_tw
    {
        color: #ccc;
        float: left;
        width: 50%;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 30px;
        border-right: 1px solid #999;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .tab_tw a
    {
        width: 50%;
        font-size: 16px;
        color: #ccc;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 30px;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .tab_tw a:hover
    {
        color: #00275e;
    }

    .tab_overseas
    {
        float: left;
        width: 50%;
        color: #CCC;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 30px;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .tab_overseas a
    {
        width: 50%;
        color: #CCC;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 30px;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .tab_overseas a:hover
    {
        color: #00275e;
    }


    .search-container
    {
        margin-top: 15px;
    }

    .SearchBox
    {
        width: 100%;
        background-color: #FFF;
        margin: 15px auto;
        overflow: hidden;
    }

    input #SearchBoxInput
    {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-family: Verdana, "微軟正黑體" , "細明體";
        font-size: 0.9em;
        line-height: 45px;
        color: rgba(0, 0, 0, 0.5);
        padding: 10px;
        box-sizing: border-box;
        border: none;
        background-color: #FFF;
    }

    input[type="SearchBoxtext"]
    {
        width: 100%;
        height: 40px;
        font-family: EkMukta-Regular, sans-serif, "微軟正黑體";
        text-align: center;
        font-size: 14px;
    }

    .searchtext
    {
        margin-top: 10px;
    }

    .form-group
    {
        width: 100%;
        float: left;
        padding-bottom: 10px;
        font-size: 14px;
    }

    .form-group2
    {
        width: 30%;
        float: left;
        padding-bottom: 10px;
        border-right: 1px solid #e5e5e5;
        padding-right: 10px;
    }

    label.titleitem
    {
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
    }

    label.titleitem2
    {
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 10px;
    }

    label.titleitem3
    {
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 14px;
    }

    label.titleitem span
    {
        font-size: 0.8em;
        color: #900;
        padding: 2px 0;
        font-weight: normal;
        padding-left: 10px;
    }

    select.search-selectbar
    {
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        background-color: #f3f3f3;
        border: none;
        color: #5a5a5a;
        font-family: EkMukta-Regular, sans-serif, "微軟正黑體";
        font-size: 14px;
        letter-spacing: 1px;
        outline: none !important;
        padding: 3px 9px;
        width: 75%;
        float: right;
        -webkit-appearance: none;
        background-image: url(../image-desktop/arrow_dropdown.png);
        background-repeat: no-repeat;
        background-position: 97% 10px;
    }

    select.search-selectbar:hover, select.search-selectbar2:hover
    {
        background-color: #ebebeb;
    }

    select.search-selectbar2
    {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        background-color: #f3f3f3;
        border: none;
        color: #5a5a5a;
        font-family: EkMukta-Regular, sans-serif, "微軟正黑體";
        font-size: 14px;
        letter-spacing: 1px;
        outline: none !important;
        padding: 3px 9px;
        -webkit-appearance: none;
        background-image: url(../image-desktop/arrow_dropdown.png);
        background-repeat: no-repeat;
        background-position: 97% 10px;
    }

    option
    {
        background-color: #FFF;
    }

    .searchitem_ps
    {
        font-size: 0.8em;
        color: #900;
        padding: 2px 0;
        font-weight: normal;
    }


    .zip_items
    {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .zip_items p
    {
        float: left;
    }

    .zip_items p a
    {
        display: block;
        color: #555;
        margin: 3px;
        padding: 0 6px;
        font-size: 0.85em;
        text-align: center;
        font-weight: normal;
        border: 1px solid #999;
        border-radius: 3px;
        text-decoration: none;
    }

    .zip_items p a.selected
    {
        color: #fff;
        background-color: #00275e;
        border: 1px solid #069;
    }
    /*.zip_items p a:hover{
                    	color:#069;
                    	border:1px solid #069;
                    	}*/

    .pricebox
    {
        width: 100%;
        overflow: hidden;
        clear: both;
        float: left;
        padding: 5px 0;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .group2item
    {
        float: right;
        width: 65%;
        margin-left: 10px;
    }

    .select2item
    {
        width: 100%;
        overflow: hidden;
        display: inline-flex;
    }

    .group2item_left, .group2item_right
    {
        width: 100%;
    }

    .select2item span
    {
        font-size: 20px;
        line-height: 1;
        margin: 0 10px;
    }

    .areabox
    {
        width: 100%;
        overflow: hidden;
        clear: both;
        float: left;
        padding: 5px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

    /*.searchButton {
                        display: block;
                    	clear:both;
                        width: 100%;
                        height: 44px;
                        font-size: 0.9em;
                        font-weight: bold;
                        color: #FFF;
                        text-decoration: none;
                        text-align: center;
                        line-height: 44px;
                        -webkit-border-radius: 5px;
                        border-radius: 5px;
                        border: 1px solid #6386a8;
                        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,198,218,1)), color-stop(46%,rgba(120,158,188,1)), color-stop(100%,rgba(96,136,172,1)));
                        -webkit-touch-callout: none;
                        -webkit-tap-highlight-color: rgba(128,128,128,0.5);
                        -webkit-user-select: none;}*/


    .searchButton
    {
        font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        background-color: #999;
        color: #fff;
        font-size: 15px;
        outline: none !important;
        padding: 6px;
        border: none;
        width: 100%;
        float: right;
        text-align: center;
        margin-bottom: 15px;
    }


    .searchButton:hover
    {
        background-color: #363636;
    }

    /*.abgne_tab {
                    		clear: left;
                    		width: 100%;
                    		margin: 10px 0;
                    	}
                    .abgne_tab ul.tabs {
                    		width: 100%;
                    		height: 44px;
                    		border-left: 1px solid #999;
                    	}*/
    .abgne_tab ul.tabs li
    {
        color: #CCC;
    }
    .abgne_tab ul.tabs li a
    {
        /*display: block; 		text-align:center; 		font-size:0.9em; 		font-weight:bold; 		color:#069; 		padding: 0 20px; 		text-decoration: none;*/
    }
    .abgne_tab ul.tabs li a:hover
    {
        color: #00275e;
    }
    .abgne_tab ul.tabs li.active
    {
        background: #fff;
        border-bottom: 1px solid #fff;
    }

    .abgne_tab ul.tabs li.active a
    {
        color: #00275e;
    }

    .abgne_tab ul.tabs li.active a:hover
    {
        background: #fff;
        color: #069;
    }


    /*div.tab_container {
                    		clear: left;
                    		width: 100%;
                    		border: 1px solid #999;
                    		border-top: none;
                    		background: #fff;
                    		padding:20px 10px 0 10px;
                    	}*/

    /*div.tab_container .tab_content {
                    		padding: 10px;
                    	}
                    div.tab_container .tab_content h2 {
                    		margin: 0 0 20px;
                    	}*/

    form #Search_right
    {
        display: block;
        width: 100%;
    }



    .input-label
    {
        font-size: 0.85em;
        line-height: 1em;
        color: #555;
        padding: 15px 0;
        border-bottom: 1px dashed #CCC;
        font-weight: bold;
    }

    .searchitem
    {
        position: relative;
    }

    .searchitem_ps
    {
        font-size: 0.8em;
        color: #900;
        padding: 10px 0;
        font-weight: normal;
    }

    .searchitem select
    {
        /*-webkit-appearance:none;     -moz-appearance: none;     appearance: none;*/
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        padding: 10px;
        max-width: 65%;
        border: none;
        background: #FFF;
        color: #555;
        font-size: 1em;
    }

    .price-range
    {
        margin: 15px;
    }

    input[type="range"]
    {
        width: 90%;
        position: absolute;
        top: 18px;
        right: 0;
    }

    /* ======= 常見問題 ======= */

    #FAQ
    {
        margin-top: 75px;
    }

    #qaContent
    {
        width: 95%;
        margin: 0 auto;
    }

    #qaContent a.qa_showall
    {
    }

    #qaContent a.qa_hideall
    {
    }

    #qa_group
    {
        width: 100%;
        margin-top: 10px;
    }

    #qaContent h3
    {
        border-radius: 5px;
        color: #FFF;
        font-size: 0.8em;
        line-height: 25px;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-user-select: none;
    }

    #qaContent h3.qa_group
    {
        background-color: #999;
        width: 100%;
        height: 25px;
        padding-left: 10px;
    }

    #qaContent ul.accordionPart
    {
        margin: 10px 10px 30px 10px;
    }

    #qaContent ul.accordionPart li
    {
        border-bottom: solid 1px #e3e3e3;
        padding-bottom: 5px;
        margin-top: 12px;
    }

    #qaContent ul.accordionPart li .qa_title
    {
        background: url(../image-desktop/icon_q_a.gif) no-repeat;
        background-position: 0 3px;
        padding-left: 28px;
        color: #555;
        cursor: pointer;
        font-size: 0.9em;
        -webkit-user-select: none;
    }

    #qaContent ul.accordionPart li .qa_title_on
    {
        text-decoration: none;
        color: #c19b59;
    }
    #qaContent ul.accordionPart li .qa_content
    {
        margin: 6px 0 0;
        background: url(../image-desktop/icon_q_a.gif) no-repeat 0px -57px;
        padding-left: 28px;
        color: #555;
        font-size: 0.9em;
        line-height: 1.6;
        padding-right: 10px;
        text-align: justify;
        -webkit-user-select: none;
    }

    /* ======= 新聞中心 ======= */

    h1.in-headline
    {
        margin-bottom: 0;
    }

    .heading-img
    {
        width: 100%;
        margin-bottom: 15px;
    }


    .heading-img img
    {
        width: 100%;
        height: auto;
    }

    .news
    {
        position: relative;
        width: 100%;
        background: #FFF;
        margin-bottom: 20px;
    }

    .tabs_news
    {
        border-bottom: 1px solid #ddd;
    }

    .news-tabs
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 9px 12px 0;
        text-align: left;
        direction: rtl;
        border-bottom: 1px solid #ddd;
        border-radius: 3px 3px 0 0;
    }
    .tab_container li
    {
        list-style-type: none;
    }

    .news-tab, .news-list:target:first-of-type ~ .news-tabs > .news-tab:first-child ~ .news-tab, .news-list:target:nth-of-type(2) ~ .news-tabs > .news-tab:nth-child(2) ~ .news-tab, .news-list:target:last-of-type ~ .news-tabs > .news-tab:last-child ~ .news-tab
    {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
        line-height: 36px;
        font-weight: normal;
        color: #999;
        background: #fcfcfc;
        border: solid #ddd;
        border-width: 1px 1px 0;
        border-radius: 5px 5px 0 0;
        padding-bottom: 0;
        bottom: auto;
    }

    .news-tab > .news-tab-link, .news-list:target:first-of-type ~ .news-tabs > .news-tab:first-child ~ .news-tab > .news-tab-link, .news-list:target:nth-of-type(2) ~ .news-tabs > .news-tab:nth-child(2) ~ .news-tab > .news-tab-link, .news-list:target:last-of-type ~ .news-tabs > .news-tab:last-child ~ .news-tab > .news-tab-link
    {
        margin: 0;
        border-top: 0;
    }

    .news-tab + .news-tab
    {
        margin-right: -1px;
    }

    /*.news-tab:last-child,
                .news-list:target:first-of-type ~ .news-tabs > .news-tab:first-child,
                .news-list:target:nth-of-type(2) ~ .news-tabs > .news-tab:nth-child(2),
                .news-list:target:last-of-type ~ .news-tabs > .news-tab:last-child {
                  bottom: -1px;
                  margin-top: 0;
                  padding-bottom: 2px;
                  line-height: 34px;
                  font-weight: bold;
                  color: #555;
                  background: white;
                  border-top: 0;
                }*/

    /*.news-tab:last-child > .news-tab-link,
                .news-list:target:first-of-type ~ .news-tabs > .news-tab:first-child > .news-tab-link,
                .news-list:target:nth-of-type(2) ~ .news-tabs > .news-tab:nth-child(2) > .news-tab-link,
                .news-list:target:last-of-type ~ .news-tabs > .news-tab:last-child > .news-tab-link*/
    .news-tab.active
    {
        margin: 0;
        border-top: 4px solid #00275e;
        background-color: #fff;
        bottom: -1px;
        font-weight: bold;
    }

    .news-tab-link
    {
        display: block;
        font-size: 0.9em;
        min-width: 60px;
        padding: 0 15px;
        color: #666;
        text-align: center;
        text-decoration: none;
        border-radius: 5px 5px 0 0;
    }

    .news-list
    {
        display: none;
        padding-top: 50px;
    }

    .news-list > li + li
    {
        border-top: 1px solid #e8e8e8;
    }

    .news-list:last-of-type
    {
        display: block;
    }

    .news-list:target
    {
        display: block;
    }

    .news-list:target ~ .news-list
    {
        display: none;
    }

    .news-list-link
    {
        display: block;
        font-size: 0.8em;
        line-height: 18px;
        padding: 10px 0;
        font-weight: bold;
        color: #555;
        text-decoration: none;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
    }

    .news-list-link:hover
    {
        background: #f7f7f7;
        color: #00275e;
    }

    li:last-child > .news-list-link
    {
        border-radius: 0 0 3px 3px;
    }


    .news-list-link > span
    {
        display: block;
        font-size: 0.7em;
        font-weight: normal;
        color: #999;
        list-style-type: none;
        margin-left: -20px;
        margin-top: -10px;
        padding: 5px 20px;
    }

    .paperStyle
    {
        float: right;
    }

    .paperStyle img
    {
        width: 85%; /*height: 18px;*/
    }


    /* === 綜合新聞內文頁 === */

    .newspage
    {
        width: 100%;
        background-color: #FFF;
        margin-bottom: 30px;
    }

    .newsitems
    {
        width: 100%;
        overflow: hidden;
    }

    .newsdate
    {
        width: 100%;
        font-size: 14px;
        color: #00275e;
        padding: 10px;
    }

    .news_bn
    {
        width: 100%;
        float: right;
    }

    .news_bn ul
    {
        width: 100%;
    }

    .news_bn li
    {
        width: 31%;
        float: left;
        font-size: 14px;
        line-height: 30px;
        border: 1px solid #eee;
        text-align: center;
        color: #888;
        margin-left: 5px;
    }


    .news_date
    {
        padding-bottom: 5px;
        -webkit-user-select: none;
        position: relative;
    }

    .news_date span
    {
        font-size: 14px;
        color: #00275e;
    }

    .news-title
    {
        color: #C19b59;
        font-weight: bold;
        font-size: 1.1em;
        padding: 15px 0;
        -webkit-user-select: none;
    }

    .newspage p
    {
        font-size: 16px;
        color: #333;
        padding-bottom: 15px;
        text-align: justify;
        line-height: 1.8;
        -webkit-user-select: none;
    }

    .news-bottom
    {
        border-top: 1px solid #999;
        padding-bottom: 10px;
    }

    /* === 產業新聞內文頁 === */

    .class-row
    {
        width: 100%;
        height: 30px;
        background-color: #bbb;
        color: #FFF;
        margin-top: 10px;
        padding-left: 10px;
        font-size: 16px;
        line-height: 32px;
    }

    .newsbox li a span
    {
        color: #00275e;
        font-size: 9px;
        padding-left: 10px;
    }

    .newsbox ul
    {
        padding: 10px 10px 0 10px;
        margin-left: 15px;
        color: #888;
        font-size: 10px;
    }

    .newsbox li
    {
        list-style-type: disc;
        line-height: 1.6;
        padding-bottom: 10px;
    }

    .newsbox li a
    {
        display: block;
        text-decoration: none;
        font-size: 15px;
        color: #333;
    }

    .newsbox li a:hover
    {
        color: #C19b59;
    }

    .news-article
    {
        font-size: 0.85em;
        margin-top: 30px;
        overflow: hidden;
        text-align: justify;
        border-top: 1px solid #CCC;
    }

    .news-source
    {
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 10px;
        color: #00275e;
        letter-spacing: 1px;
    }

    .article-title
    {
        font-size: 1.3em;
        color: #C19b59;
        padding-bottom: 10px;
        line-height: 1.4;
    }

    a#gotoTOP
    {
        background-image: url(../image-desktop/arrow_top.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: right bottom;
        width: 60%;
        height: 60%;
        position: fixed;
        bottom: 10px;
        right: 10px;
        transition: 0.2s;
    }

    a#gotoTOP:hover
    {
        background-image: url(../image-desktop/arrow_top_o.png);
    }

    #share-Friend
    {
        width: 700px;
        height: 530px;
        background-color: #FFF;
        vertical-align: middle;
        margin: 150px auto;
        padding: 20px;
    }

    .form-tag
    {
        border-bottom: 1px solid #999;
        font-size: 16px;
        text-align: center;
    }

    .formgroup2
    {
        border-top: 1px dotted #999;
        margin-top: 10px;
        padding-top: 20px;
    }

    .form-title1
    {
        font-weight: bold;
        color: #00275e;
        font-size: 18px;
    }

    #SUB-newsweekly
    {
        width: 700px;
        height: 250px;
        background-color: #FFF;
        vertical-align: middle;
        margin: 200px auto;
        padding: 20px;
    }


    /* === 活動報名 === */

    .event-text
    {
        width: 100%;
        margin-bottom: 30px;
        padding-right: 20px;
        float: left;
    }

    .event-text h3
    {
        font-size: 1em;
        font-weight: bold;
        color: #00275e;
        padding-top: 10px;
        -webkit-user-select: none;
    }

    .event-text p
    {
        font-size: 16px;
        color: #333;
        font-weight: normal;
        line-height: 2;
    }

    .event-text ul.feature
    {
        margin-left: 20px;
        font-size: 15px;
    }

    .event-text ul.feature li
    {
        font-weight: 600;
        list-style-type: disc;
        padding-top: 10px;
    }

    .event-text ul.feature span
    {
        font-size: 14px;
        font-weight: normal;
        color: #666;
    }

    section#FORM3
    {
        width: 100%;
        float: right;
    }

    form.pure-form3
    {
        padding: 20px;
        background-color: #f5f5f5;
        overflow: hidden;
    }

    section#FORM3 h4
    {
        font-size: 16px;
        background-color: #00275e;
        color: #fff;
        padding: 5px 20px;
    }

    section#FORM3 .eventbook
    {
        padding: 20px;
        background-color: #fafbfc;
        overflow: hidden;
    }

    .eventbook
    {
        width: 100%;
    }

    .eventbook dt
    {
        font-size: 14px;
        clear: both;
        float: left;
        width: 25%;
        line-height: 2.5;
        color: #666;
    }

    .eventbook dd
    {
        font-size: 16px;
        line-height: 2.5;
    }

    input.intext3
    {
        width: 75%;
        height: 24px;
    }

    dd.event-radio
    {
        display: block;
        font-size: 15px;
        color: #666;
        padding-left: 25%;
        line-height: 2;
        padding-top: 5px;
    }

    input.pure-radio3
    {
        margin-right: 5px;
    }

    textarea.form_comment3
    {
        width: 75%;
        height: 80px;
    }


    /*=========== INHERITAGE雜誌 ===========*/
    .mznow
    {
        width: 100%;
        text-align: left;
        overflow: hidden;
    }

    .latest-issue
    {
        width: 100%;
    }

    .latest-issue img
    {
        width: 100%;
    }

    .issue_text
    {
        width: 100%; /*height: 410px;*/
        position: relative;
        overflow: hidden;
    }

    .issue_text img
    {
        width: 100%;
        padding-left: 10px;
    }

    .issue_text span
    {
        font-size: 15px;
        color: #888;
        padding-left: 15px;
        letter-spacing: 1px;
    }

    .issue_text p
    {
        font-size: 0.85em;
        line-height: 1.6;
        padding: 0 10px;
        text-align: justify;
    }

    .issue_text span
    {
        font-size: 14px;
        color: #960;
        padding-left: 10px;
    }

    .issue_bn
    {
        clear: both;
        margin-top: 110px;
    }

    button.btn-issue1, a.btn-issue1
    {
        width: 100%;
        font-family: EkMukta-Regular, sans-serif, 微軟正黑體;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
        transition: 0.2s;
        background-color: rgb(204, 204, 204);
        color: rgb(255, 255, 255);
        font-size: 16px;
        padding: 6px;
        border: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: absolute;
        bottom: 60px;
        text-align: center;
        text-decoration: none;
    }

    button.btn-issue2, a.btn-issue2
    {
        width: 100%;
        font-family: EkMukta-Regular, sans-serif, 微軟正黑體;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
        transition: 0.2s;
        background-color: rgb(204, 204, 204);
        color: rgb(255, 255, 255);
        font-size: 16px;
        padding: 6px;
        border: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: absolute;
        bottom: 10px;
        text-align: center;
        text-decoration: none;
    }

    button.btn-issue1:hover, button.btn-issue2:hover, a.btn-issue1:hover, a.btn-issue2:hover
    {
        background-color: #00275e;
    }


    /* -- 前期雜誌 -- */
    .previous-issue
    {
        width: 100%; /*height: 320px;*/
        background-color: rgba(0,39,81,0.1);
        margin-top: 15px;
        overflow: hidden;
    }

    .previous-issue h3
    {
        font-size: 21px;
        color: #00275e;
        text-transform: uppercase;
        padding-top: 15px;
        padding-left: 20px;
        margin: 0 auto;
        width: 100%;
        letter-spacing: 1px;
    }

    #featureContainer
    {
        border-bottom: #999 0px dotted;
        border-left: #999 0px dotted;
        margin: 0px auto;
        width: 80%;
        font-size: 80%;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
    }

    #wrap
    {
        overflow: hidden;
    }

    #load
    {
        background-image: url(image-desktop/loader32x32.gif);
        border-bottom: #999 0px dotted;
        border-left: #999 0px dotted;
        text-indent: -9999px;
        margin: 0px auto;
        width: 923px;
        display: none;
        background-repeat: no-repeat;
        background-position: center 50%;
        height: 100px;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
    }

    #feature
    {
        border-bottom: #999 0px dotted;
        position: relative;
        border-left: #999 0px dotted;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
    }
    #feature .button
    {
        border-bottom: #999 0px dotted;
        position: absolute;
        border-left: #999 0px dotted;
        width: 840px;
        border-top: #999 0px dotted;
        top: 72px;
        border-right: #999 0px dotted;
        left: 0px;
    }
    #feature .prev
    {
        border-bottom: #999 0px dotted;
        border-left: #999 0px dotted;
        text-indent: -9999px;
        width: 30px;
        display: block;
        background: url(../image-desktop/feature_left.png) center top;
        float: left;
        height: 48px;
        top: 100px;
        left: -35px;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
    }
    #feature .next
    {
        border-bottom: #999 0px dotted;
        border-left: #999 0px dotted;
        text-indent: -9999px;
        width: 30px;
        display: block;
        background: url(../image-desktop/feature_right.png) center top;
        float: right;
        height: 48px;
        top: 100px;
        right: -35px;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
    }
    #feature .prev:hover
    {
        background-position: center bottom;
    }
    #feature .next:hover
    {
        background-position: center bottom;
    }
    .featureUL
    {
        border-bottom: #000 0px dotted;
        position: relative;
        border-left: #000 0px dotted;
        padding-bottom: 0px;
        list-style-type: none;
        margin: 0px;
        padding-left: 0px;
        width: 2800px;
        padding-right: 0px;
        float: left;
        border-top: #000 0px dotted;
        border-right: #000 0px dotted;
        padding-top: 0px;
        left: 0px;
        margin: 0px;
        padding: 0px;
        position: relative;
        list-style-type: none;
        z-index: 1;
        width: 4000px;
        left: -2000px;
    }
    .featureBox
    {
        background-image: url(../image-desktop/bg-featurebox.jpg);
        border-bottom: #999 0px dotted;
        border-left: #999 0px dotted;
        background-repeat: no-repeat;
        float: left;
        overflow: hidden;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
        padding-top: 5px; /*margin-left: -20px;*/
    }
    #botton-scroll
    {
        width: 100%;
        border-bottom: #999 0px dotted;
        border-left: #999 0px dotted;
        margin: 0px auto;
        float: left;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
        visibility: visible;
        overflow: hidden;
        position: relative;
        z-index: 2;
        left: 0px;
    }

    #block
    {
        z-index: 0;
        border-bottom: #999 0px dotted;
        position: relative;
        border-left: #999 0px dotted;
        padding-bottom: 20px;
        margin: 0px auto;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%; /*height: 250px;*/
        font-size: 70%;
        overflow: hidden;
        border-top: #999 0px dotted;
        border-right: #999 0px dotted;
        padding-top: 0px;
    }
    #block .box
    {
        border-bottom: #d8d8d8 0px solid;
        border-left: #d8d8d8 0px solid;
        float: left;
        width: 100%; /*height: 250px;*/ /*margin: 0px 10px;         padding-left: 10px;*/ /*padding-right: 25px;*/
        padding-bottom: 10px;
        border-top: #d8d8d8 0px solid;
        border-right: #d8d8d8 0px solid;
        padding-top: 10px;
        text-align: center;
    }

    #block .box .feature-title
    {
        font-size: 140%;
        font-weight: normal;
    }
    #block .box .feature-thumb
    {
        width: 240px;
        margin-bottom: 5px;
        float: left;
        height: 150px;
    }

    .box p
    {
        width: 100%;
        font-size: 14px;
        color: #666;
        text-align: center;
    }


    /*=========== 美築誌 ===========*/
    /*--閱覽期數--*/
    .features
    {
        width: 100%;
        overflow: hidden;
    }
    .features-sorting
    {
        width: 100%;
    }

    select.features-sort
    {
        font-size: 14px;
        border-radius: 0px;
        transition: 0.3s;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
        font-family: EkMukta-Regular, sans-serif, 微軟正黑體;
        background-color: rgb(243, 243, 243);
        border: none;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        color: rgb(90, 90, 90);
        padding: 2px 20px;
        width: 79%;
        letter-spacing: 0.5px;
        -webkit-appearance: none;
        background-image: url(../image-desktop/arrow_dropdown.png);
        background-repeat: no-repeat;
        background-position: 92% 8px;
        outline: none !important;
        float: right;
    }

    .bookin-letter
    {
        width: 100%;
        font-size: 15px;
    }

    .bookin-letter-text
    {
        font-size: 14px;
        width: 100%;
        float: left;
    }

    input.bookin-letter-Input
    {
        border: 1px solid #ccc;
        outline: none;
        background: white;
        color: rgba(0, 0, 0, 0.5);
        width: 51%;
        margin: 0 auto;
        -webkit-transition: width 250ms ease-in-out;
        -moz-transition: width 250ms ease-in-out;
        -o-transition: width 250ms ease-in-out;
        transition: width 250ms ease-in-out;
        text-align: center;
        border-radius: 0;
        padding: 5px;
        margin-left: 5px;
    }

    button.bookin-letter-bn
    {
        /*float: right;         width: 15%; */
        padding: 1px 15px;
        font-family: EkMukta-Regular, sans-serif, 微軟正黑體;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
        transition: 0.2s;
        background-color: rgb(204, 204, 204);
        color: rgb(255, 255, 255);
        font-size: 15px;
        border: none;
    }

    button.bookin-letter-bn:hover
    {
        background-color: #00275e;
    }

    /*--美築誌SlideShow各期--*/
    .dg-container
    {
        width: 100%;
        height: 410px;
        position: relative;
        margin-top: 20px;
        clear: both;
        overflow: hidden;
    }
    .dg-wrapper
    {
        width: 100%;
        height: 316px;
        margin: 0 auto;
        position: relative;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        -o-perspective: 1000px;
        -ms-perspective: 1000px;
        perspective: 1000px;
    }
    .dg-wrapper a
    {
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: transparent url(../image-desktop/browser.png) no-repeat top left;
        box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    }
    .dg-wrapper a.dg-transition
    {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .dg-wrapper a img
    {
        display: block;
        width: 100%;
        padding: 41px 0px 0px 1px;
    }
    .dg-wrapper a div
    {
        text-align: center;
        line-height: 50px;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
        color: #333;
        font-size: 16px;
        width: 100%;
        position: absolute;
        bottom: -55px; /*display: none;*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .dg-wrapper a.dg-center div
    {
        display: block;
    }
    .dg-container nav
    {
        width: 58px;
        position: absolute;
        z-index: 1000;
        bottom: 0;
        left: 50%;
        margin-left: -29px;
    }
    .dg-container nav span
    {
        text-indent: -9000px;
        float: left;
        cursor: pointer;
        width: 24px;
        height: 25px;
        opacity: 0.8;
        background: transparent url(../image-desktop/arrows.png) no-repeat top left;
    }
    .dg-container nav span:hover
    {
        opacity: 1;
    }
    .dg-container nav span.dg-next
    {
        background-position: top right;
        margin-left: 10px;
    }

    /*=========== 品味新訊 ===========*/

    .living-row
    {
        margin-bottom: 5px;
        overflow: hidden;
    }

    .living-row ul
    {
        list-style: none;
        float: left; /*margin-left: 5px;*/
    }

    .living-row li.living-active
    {
        display: block;
        font-size: 16px;
        color: #fff;
        background-color: #00275e;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px 25px;
        border: 1px solid #fff;
    }

    .living-row li
    {
        float: left;
    }

    .living-row li
    {
        display: block;
        font-size: 16px;
        color: #999;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px 25px;
        border: 1px solid #ddd;
        margin-right: 5px;
        margin-bottom: 5px;
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .living-row li:hover
    {
        color: #fff;
        background-color: #00275e;
        border: 1px solid #fff;
    }

    .living-gallery
    {
        display: block;
        text-align: center;
    }

    .pic
    {
        width: 100%;
        max-height: 200px;
        position: relative;
        overflow: hidden;
        margin: 10px 0;
        display: inline-block;
        -webkit-animation: anima 2s;
        -moz-animation: anima 2s;
        -o-animation: anima 2s;
        -ms-animation: anima 2s;
        animation: anima 2s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        float: left;
    }

    .pic-3d
    {
        -webkit-perspective: 500;
        -moz-perspective: 500;
        -o-perspective: 500;
        -ms-perspective: 500;
        perspective: 500;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .pic-caption
    {
        cursor: default;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        padding: 10px;
        text-align: center;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        cursor: pointer;
    }

    .pic-image
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .pic:hover .pic-image
    {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .pic-title
    {
        font-size: 1.8em;
    }

    .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img
    {
        min-width: 300px;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: top;
    }

    a, a:hover, .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img
    {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
    }

    .pic:hover .bottom-to-top, .pic:hover .top-to-bottom, .pic:hover
    {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -moz-touch-callout: none;
        -o-touch-callout: none;
        -ms-touch-callout: none;
        touch-callout: none;
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        -o-tap-highlight-color: transparent;
        -ms-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
    }

    .bottom-to-top
    {
        top: 50%;
        left: 0;
    }

    .pic:hover .bottom-to-top
    {
        top: 0;
        left: 0;
    }

    .living-source
    {
        font-size: 15px;
        display: inline-block;
        float: none;
        line-height: 100%;
        letter-spacing: 1px;
        border: 1px solid transparent;
        color: #fff;
        font-weight: 400; /*margin-right: -3px !important;*/
        font-style: italic;
        background: #c19b59;
        padding: 3px 5px;
        margin: 40px auto 5px auto;
    }

    .living-title
    {
        color: #fff;
        text-decoration: none;
        text-transform: none;
        display: block;
        letter-spacing: 0.5px;
        box-shadow: none;
        text-align: center;
        font-weight: normal;
        text-shadow: none;
        font-size: 16px;
    }


    /*=========== 國際專案 ===========*/

    .global-group
    {
        padding: 15px 10px;
        text-align: left;
        height: 100px;
    }

    .INT-row
    {
        margin-bottom: 25px;
        overflow: hidden;
    }

    .INT-row ul
    {
        list-style: none;
        float: left;
    }

    .INT-row li.INT-active
    {
        display: block;
        font-size: 16px;
        color: #fff;
        background-color: #00275e;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px 15px;
        border: 1px solid #fff;
        margin-left: 4px;
    }

    .INT-row li
    {
        float: left;
    }

    .INT-row li
    {
        display: block;
        font-size: 16px;
        color: #999;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px 15px;
        border: 1px solid #ddd;
        margin-left: 4px;
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .INT-row li:hover
    {
        color: #fff;
        background-color: #00275e;
        border: 1px solid #fff;
    }

    .country
    {
        color: #666;
        font-size: 14px;
    }

    .country img
    {
        width: 20px;
        height: auto;
        margin-right: 10px;
    }

    /*=========== 人才招募 ===========*/

    section.career
    {
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        display: block;
    }

    .career-item
    {
        width: 100%;
    }

    .career-item h3
    {
        float: left;
        width: 65%;
        height: 36px;
        line-height: 36px;
        color: #fff;
        font-size: 18px;
        margin-right: 2px;
        padding-left: 15px;
        font-weight: bold;
        background-color: #AAA;
        letter-spacing: 0.5px;
    }

    .career-item h4
    {
        display: block;
        float: right;
        width: 34%;
        height: 35px;
        font-size: 0.8em;
    }

    .career-item h4 a
    {
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 35px;
        border: 1px solid #6386a8;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,198,218,1)), color-stop(46%,rgba(120,158,188,1)), color-stop(100%,rgba(96,136,172,1))); /* Chrome,Safari4+ */
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(128,128,128,0.5);
        letter-spacing: 1px;
    }

    .career-item h4 a:hover
    {
        color: #274661;
        -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5);
        box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5);
    }


    .career_title1
    {
        width: 100%;
        clear: both;
        padding: 0 15px;
    }

    .career_title2
    {
        width: 100%;
        padding: 0 15px;
    }

    .career-demandtext p
    {
        font-size: 14px;
        color: #555;
        line-height: 1.6;
        padding-bottom: 10px;
    }

    .career_text_drop
    {
    }

    .career_text_drop ul
    {
        margin-left: 20px;
    }

    .career_text_drop li
    {
        list-style-type: disc;
        font-size: 14px;
        color: #555;
        line-height: 1.8;
        font-weight: normal;
    }

    /* ========== 名宅導覽 ========== */

    .brand-sorting
    {
        float: left;
        width: 100%;
    }

    .brand-group
    {
        padding: 10px; /*height: 100px;*/
        background-color: #002349;
    }


    .brand_listbox
    {
        display: block;
        width: 100%;
        float: left; /* margin: 0px 8px 16px 8px; */
        margin-bottom: 15px;
        overflow: visible;
        border: 1px solid #fff;
        background-color: #FFF;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }


    .brand_infohead h3
    {
        color: #fff;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 800;
        font-size: 1em;
        width: 100%;
    }

    .brand_add
    {
        display: block;
        font-size: 14px;
        font-weight: normal;
        text-align: right;
        color: rgba(255,255,255,0.5);
    }

    .brand_name
    {
        width: 100%;
        overflow: hidden;
        padding-bottom: 10px;
        position: relative;
    }

    .brand_name h2
    {
        font-size: 26px;
        color: #c19b59;
        font-weight: normal;
    }

    .brand_name p
    {
        font-size: 16px;
        color: #333;
    }

    .brand_asideL
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .brand_asideL h4
    {
        font-size: 20px;
        color: #333;
        font-weight: normal;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        margin-top: 15px;
    }

    .brand_style img
    {
        width: 100%;
    }

    .brandstyle_title
    {
        font-size: 16px;
        font-weight: bold;
        color: #960;
        padding: 10px 0 2px 0;
    }

    .brandstyle_text
    {
        font-size: 14px;
        color: #333;
        line-height: 1.6;
        text-align: justify;
    }




    /*=========== 我們的服務_商用不動產 ===========*/

    .comm_main
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .Imagebox
    {
        width: 100%;
    }

    .CommPhoto
    {
        background-image: url(../image-desktop/comm-1.jpg);
        width: 100%;
        height: 250px;
        text-indent: -9999px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 15px;
    }


    .comm_contact
    {
        width: 100%;
        float: right;
        margin-top: -6px;
    }

    .comm_contact h4
    {
        font-size: 20px;
        color: #333;
        font-weight: normal;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        text-transform: uppercase;
    }

    .commPMagent
    {
        width: 100%;
        margin: 25px auto;
    }

    .commPM_image
    {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        display: inline-block;
        overflow: hidden;
        margin: 0px auto 10px auto;
        float: left;
    }

    .commPM_image img
    {
        width: 100%;
    }

    .commPM
    {
        width: 100%;
    }

    .commPM ul
    {
        margin-top: 10px;
        padding-left: 110px;
    }

    .commPM li
    {
        font-size: 0.8em; /*line-height: 28px;*/
        text-decoration: none;
    }

    .commPM li a
    {
        color: #333;
        font-size: 15px;
        text-decoration: none;
    }

    .commPM li a:hover
    {
        color: #c19b59;
    }

    .commPM_bn
    {
        width: 100%;
        margin-top: 5px;
        clear: both;
        margin-bottom: 15px;
    }

    .commPM_bn a
    {
        display: block;
        font-size: 0.85em;
        height: 40px;
        color: #FFF;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        -webkit-border-radius: 8px;
        border-radius: 4px; /* border: 1px solid rgba(164, 164, 164, 0.7); */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,198,218,1)), color-stop(46%,rgba(120,158,188,1)), color-stop(100%,rgba(96,136,172,1)));
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(128,128,128,0.5);
        -webkit-user-select: none;
    }

    .commPM_bn a:hover
    {
        color: #274661;
        -webkit-box-shadow: inset 2px 2px 5px #859cad;
        box-shadow: inset 2px 2px 5px #859cad;
    }

    .comm-link
    {
        width: 100%;
        overflow: hidden;
        clear: both;
    }

    .comm-link p
    {
        font-size: 0.85em;
    }

    .comm-link ul
    {
        width: 100%;
        height: 60px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        padding: 10px 0;
        max-width: 600px;
        margin: 0 auto -10px;
    }

    .comm-link li.topic
    {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: transparent;
        margin-right: -1px;
        margin-bottom: 3px;
    }

    .comm-link li.topic a
    {
        display: block;
        padding: 5px 11px;
        line-height: 30px;
        background-color: #e5e5e5;
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        color: #666;
        margin-right: 1px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .comm-link li.topic a:hover, .comm-link li.topic a:active, .comm-link li.active a
    {
        background-color: #00275e;
        color: #FFF;
    }


    /*--我們的服務_商用不動產十大商圈---*/

    section.comm_district
    {
        width: 100%;
        margin-top: 15px;
    }

    .comm_content
    {
        width: 100%;
    }

    .comm_content img
    {
        width: 100%;
    }

    .comm_text h3
    {
        font-size: 22px;
        color: #00275e;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .comm_text
    {
        width: 100%; /*padding-right: 15px;*/
        padding-top: 5px;
    }

    .comm_text p
    {
        font-size: 0.85em;
        color: #333;
        font-weight: normal;
        line-height: 1.8;
        padding-bottom: 10px;
        text-align: justify;
    }

    .comm_buliding
    {
        clear: both;
        width: 100%;
        overflow: hidden;
    }

    .comm_buliding h4
    {
        font-size: 20px;
        color: #333;
        font-weight: normal;
        border-bottom: 1px solid #e5e5e5;
        text-transform: uppercase;
    }

    .comm_list
    {
        width: 100%;
        overflow: hidden;
        margin: 15px 0;
    }

    .comm_list ul
    {
        width: 100%;
    }

    .comm_list ul li
    {
        background: #FFF;
        border: 1px solid #ccc;
        width: 100%; /*margin: 0px 10px 10px 0px;*/
    }

    .bulidingphoto
    {
        position: relative;
        margin-bottom: 8px;
    }

    .bulidingphoto h2
    {
        display: block;
        width: 100%;
        font-size: 1em;
        color: #fff;
        background-color: rgba(0,0,0,0.7);
        padding: 5px 0 5px 10px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 888;
    }

    .bulidingphoto img
    {
        width: 100%;
        height: auto;
        display: block;
    }


    .bulidingfile
    {
        width: 100%;
        background-color: #FFF;
        padding: 5px 10px 10px 10px;
    }

    .bulidingfile p
    {
        width: 100%;
        font-size: 15px;
        color: #333;
        line-height: 1.6;
        text-align: left;
    }


    /*=========== 全方位服務 ===========*/

    .service_chart
    {
        text-align: center;
    }

    .service_chart img
    {
        width: 100%;
        height: auto;
    }

    .service_chart p
    {
        font-size: 0.85em;
        color: #333;
        font-weight: normal;
        line-height: 1.6;
        padding-bottom: 0.85em;
        text-align: justify;
    }


    #left_menu_main
    {
        height: 100%;
        z-index: 999;
        width: 100%;
        position: fixed; /*left: -100%;*/
        left: 0%;
        top: 0px;
    }

    #left_menu
    {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        position: relative;
    }



    #wrapper
    {
        position: absolute;
        z-index: 99;
        height: 100%;
        right: 60px;
        background-color: White;
        top: 0;
        left: 0;
    }

    #menuBack
    {
        z-index: 99;
        width: 60px;
        height: 60px;
        float: right;
        text-indent: -9999px;
        position: absolute;
        top: 0px;
        right: 0px;
        background: #fff;
        cursor: pointer;
        background-image: url(../image-desktop/m_bn_menu.png);
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: 15px;
    }

    .left_menu:before
    {
        content: "";
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    }

    #right_menu_main
    {
        height: 100%;
        z-index: 999;
        width: 100%;
        position: fixed;
        right: -100%;
        top: 0px;
    }
    .right_menu:before
    {
        content: "";
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    }
    #wrapperRight
    {
        position: absolute;
        z-index: 99;
        right: 0;
        width: 100%;
        height: 100%;
        left: 50px; /* overflow: auto; */
        background-color: White;
        top: 0;
    }

    #menuRightBack
    {
        z-index: 99;
        width: 60px;
        height: 60px;
        float: left;
        text-indent: -9999px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #fff;
        cursor: pointer;
        background-image: url(../image-desktop/m_bn_search.png);
        background-repeat: no-repeat;
        background-size: 40%;
        background-position: 10px;
    }

    /*所有滑動圖片*/
    .jssorCaption
    {
        position: absolute;
        bottom: 10px;
        right: 10px;
        height: 30px;
        color: #eee;
        font-size: 1.4em;
        font-family: "EkMukta-Regular" ,sans-serif, "微軟正黑體";
    }
    .jssorCaptionBar
    {
        position: absolute;
        bottom: 0px;
        height: 40px;
        width: 100%;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.75)));
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    }

    .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
    {
        position: absolute;
        cursor: pointer;
        display: block;
        background: url(../js/slider-master/img/a03.png) no-repeat;
        overflow: hidden;
    }

    .jssora03l
    {
        background-position: -243px -33px;
    }
    .jssora03r
    {
        background-position: -303px -33px;
    }
    .jssora03l:hover
    {
        background-position: -123px -33px;
    }
    .jssora03r:hover
    {
        background-position: -183px -33px;
    }
    .jssora03ldn
    {
        background-position: -243px -33px;
    }
    .jssora03rdn
    {
        background-position: -303px -33px;
    }
}