html * {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            
            body {
                font-size: 100%;
                background-color: #fff;
                height: 100%
            }
            
            a {
                color: #fff;
                font-size: 20px;
                text-decoration: none
            }
            
            .col-lg-2, .col-md-3, .col-sm-4, .col-xs-12>ul>li>a {
                color: black;
                font-size: 20px;
                text-decoration: none;
            }
            
            .cd-img-replace {
                display: inline-block;
                overflow: hidden;
                text-indent: 100%;
                white-space: nowrap
            }
            
            .overflow-hidden {
                overflow: hidden
            }
            
            .cd-main-content {
                min-height: 100vh;
                position: relative;
                background-color: #fff;
                z-index: 2;
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
                -webkit-transition-property: -webkit-transform;
                -moz-transition-property: -moz-transform;
                transition-property: transform;
                -webkit-transition-duration: .4s;
                -moz-transition-duration: .4s;
                transition-duration: .4s
            }
            
            @media only screen and (max-width:768px) {
                .cd-main-content.lateral-menu-is-open {
                    -webkit-transform: translateX(-40%);
                    -moz-transform: translateX(-40%);
                    -ms-transform: translateX(-40%);
                    -o-transform: translateX(-40%);
                    transform: translateX(-40%)
                }
            }
            /* 加上這段 */
            
            @media only screen and (min-width: 768px) {
                .cd-main-content.lateral-menu-is-open {
                    -webkit-transform: translateX(-372px);
                    -moz-transform: translateX(-372px);
                    -ms-transform: translateX(-372px);
                    -o-transform: translateX(-372px);
                    transform: translateX(-372px)
                }
            }
            
            header {
                position: absolute;
                top: 0;
                left: 0;
                height: 50px;
                width: 100%;
                z-index: 3;
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
                -webkit-transition-property: -webkit-transform;
                -moz-transition-property: -moz-transform;
                transition-property: transform;
                -webkit-transition-duration: .4s;
                -moz-transition-duration: .4s;
                transition-duration: .4s
            }
            
            header.lateral-menu-is-open {
                -webkit-transform: translateX(-372px);
                -moz-transform: translateX(-372px);
                -ms-transform: translateX(-372px);
                -o-transform: translateX(-372px);
                transform: translateX(-372px)
            }
            
            header.is-fixed {
                position: fixed
            }
            
            #cd-logo {
                display: block;
                float: left;
                margin: 12px 0 0 20px
            }
            
            #cd-logo img {
                display: block
            }
            
            @media only screen and (min-width: 768px) {
                #cd-logo {
                    margin: 41px 0 0 42px
                }
            }
            
            @media only screen and (max-width: 400px) {
                #cd-logo>img {
                    width: 90%
                }
            }
            
            #cd-top-nav {
                position: absolute;
                top: 0;
                right: 120px;
                height: 100%;
                display: none
            }
            
            #cd-top-nav ul {
                height: 100%;
                padding-top: 18px
            }
            
            #cd-top-nav li {
                display: inline-block;
                margin-right: 1em
            }
            
            #cd-top-nav a {
                display: inline-block;
                padding: .5em;
                color: #FFF;
                text-transform: uppercase;
                font-weight: 600
            }
            
            #cd-top-nav a.current {
                background-color: #242e30;
                outline: none
            }
            
            .no-touch #cd-top-nav a:hover {
                color: rgba(255, 255, 255, 0.7);
                text-decoration: none
            }
            /* @media only screen and (min-width: 768px) {
    #cd-menu-trigger {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50px;
       display: none


}
#cd-top-nav {
    display: block
}

}
*/
            
            @media screen and (min-width: 1200px) {
                #cd-menu-trigger {
                    width: 110px;
                    padding-left: 1.25em;
                    display: none;
                }
            }
            
            #cd-menu-trigger {
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 50px
            }
            
            #cd-menu-trigger .cd-menu-text {
                height: 100%;
                text-transform: uppercase;
                color: #FFF;
                font-weight: 600
            }
            
            #cd-menu-trigger .cd-menu-icon {
                display: inline-block;
                position: absolute;
                left: 50%;
                top: 74%;
                bottom: auto;
                right: auto;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                width: 29px;
                height: 4px;
                background-color: #FFF
            }
            
            #cd-menu-trigger .cd-menu-icon::before,
            #cd-menu-trigger .cd-menu-icon:after {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                background-color: inherit;
                left: 0;
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden
            }
            
            #cd-menu-trigger .cd-menu-icon::before {
                bottom: 8px
            }
            
            #cd-menu-trigger .cd-menu-icon::after {
                top: 8px
            }
            
            #cd-menu-trigger.is-clicked .cd-menu-icon {
                background-color: rgba(255, 255, 255, 0)
            }
            
            #cd-menu-trigger.is-clicked .cd-menu-icon::before,
            #cd-menu-trigger.is-clicked .cd-menu-icon::after {
                background-color: #fff
            }
            /*#cd-menu-trigger.is-clicked .cd-menu-icon::before {*/
            /*    bottom: 0;*/
            /*    -webkit-transform: rotate(45deg);*/
            /*    -moz-transform: rotate(45deg);*/
            /*    -ms-transform: rotate(45deg);*/
            /*    -o-transform: rotate(45deg);*/
            /*    transform: rotate(45deg)*/
            /*}*/
            /*#cd-menu-trigger.is-clicked .cd-menu-icon::after {*/
            /*    top: 0;*/
            /*    -webkit-transform: rotate(-45deg);*/
            /*    -moz-transform: rotate(-45deg);*/
            /*    -ms-transform: rotate(-45deg);*/
            /*    -o-transform: rotate(-45deg);*/
            /*    transform: rotate(-45deg)*/
            /*}*/
            
            @media only screen and (max-width:768px) {
                #cd-lateral-nav .cd-navigation {
                    margin: 15px 0
                }
            }
            
            @media only screen and (max-width:768px) {
                #cd-menu-trigger {
                    width: 110px;
                    padding-left: 1.25em;
                    /* display: none; */
                }
                #cd-menu-trigger .cd-menu-text {
                    display: inline-block;
                    line-height: 70px
                }
                #cd-menu-trigger .cd-menu-icon {
                    left: auto;
                    right: 45px;
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0)
                }
                #cd-lateral-nav {
                    position: fixed;
                    height: 100%;
                    right: 0;
                    top: 0;
                    z-index: 1;
                    width: 40%;
                    background-color: #0055b7;
                    overflow-y: auto;
                    -webkit-transform: translateZ(0);
                    -webkit-backface-visibility: hidden;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    transition-property: transform;
                    -webkit-transition-duration: .4s;
                    -moz-transition-duration: .4s;
                    transition-duration: .4s;
                    -webkit-transform: translateX(80px);
                    -moz-transform: translateX(80px);
                    -ms-transform: translateX(80px);
                    -o-transform: translateX(80px);
                    transform: translateX(80px)
                }
            }
            @media only screen and (max-width:400px) {
                #cd-menu-trigger {
                    width: 110px;
                    padding-left: 1.25em;
                    /* display: none; */
                }
                #cd-menu-trigger .cd-menu-text {
                    display: inline-block;
                    line-height: 70px
                }
                #cd-menu-trigger .cd-menu-icon {
                    left: auto;
                    right: 65px;
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0)
                }
                #cd-lateral-nav {
                    position: fixed;
                    height: 100%;
                    right: 0;
                    top: 0;
                    z-index: 1;
                    width: 40%;
                    background-color: #0055b7;
                    overflow-y: auto;
                    -webkit-transform: translateZ(0);
                    -webkit-backface-visibility: hidden;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    transition-property: transform;
                    -webkit-transition-duration: .4s;
                    -moz-transition-duration: .4s;
                    transition-duration: .4s;
                    -webkit-transform: translateX(80px);
                    -moz-transform: translateX(80px);
                    -ms-transform: translateX(80px);
                    -o-transform: translateX(80px);
                    transform: translateX(80px)
                }
            }
            /* 這段往上移 */
            
            @media only screen and (min-width: 768px) {
                #cd-menu-trigger {
                    width: 110px;
                    padding-left: 1.25em;
                    /* display: none; */
                }
                #cd-menu-trigger .cd-menu-text {
                    display: inline-block;
                    line-height: 70px
                }
                #cd-menu-trigger .cd-menu-icon {
                    left: auto;
                    right: 37px;
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0)
                }
                #cd-lateral-nav {
                    position: fixed;
                    height: 100%;
                    right: 0;
                    top: 0;
                    z-index: 1;
                    width: 372px;
                    background-color: #0055b7;
                    overflow-y: auto;
                    -webkit-transform: translateZ(0);
                    -webkit-backface-visibility: hidden;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    transition-property: transform;
                    -webkit-transition-duration: .4s;
                    -moz-transition-duration: .4s;
                    transition-duration: .4s;
                    -webkit-transform: translateX(80px);
                    -moz-transform: translateX(80px);
                    -ms-transform: translateX(80px);
                    -o-transform: translateX(80px);
                    transform: translateX(80px)
                }
            }
            
            #cd-lateral-nav .cd-navigation {
                margin: 10px 0 16px
            }
            
            #cd-lateral-nav .sub-menu {
                padding: 0 10px 20px 15px;
                display: none
            }
            
            #cd-lateral-nav a {
                display: block;
                line-height: 2em;
                padding: 0 16px 0 32px
            }
            
            #cd-lateral-nav a.current {
                background-color: #3a4a4d;
                color: #FFF
            }
            
            .no-touch #cd-lateral-nav a:hover {
                color: #FFF
            }
            
            @media only screen and (min-width: 768px) {
                #cd-lateral-nav .cd-navigation {
                    margin: 15px 0
                }
            }
            
            #cd-lateral-nav.lateral-menu-is-open {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
                -webkit-overflow-scrolling: touch
            }
            
            #cd-lateral-nav .item-has-children>a {
                position: relative
            }
            
            #cd-lateral-nav .item-has-children>a::after {
                content: '';
                display: block;
                height: 11px;
                width: 8px;
                position: absolute;
                top: 50%;
                bottom: auto;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 1em;
                background: url(../images/cd-arrow.svg) no-repeat center center;
                background-size: 8px 11px;
                -webkit-transition-property: -webkit-transform;
                -moz-transition-property: -moz-transform;
                transition-property: transform;
                -webkit-transition-duration: .2s;
                -moz-transition-duration: .2s;
                transition-duration: .2s
            }
            
            #cd-lateral-nav .item-has-children>a.submenu-open::after {
                -webkit-transform: translateY(-50%) rotate(90deg);
                -moz-transform: translateY(-50%) rotate(90deg);
                -ms-transform: translateY(-50%) rotate(90deg);
                -o-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg)
            }
            
            #cd-lateral-nav .socials {
                padding: 0 32px
            }
            
            #cd-lateral-nav .socials:after {
                content: "";
                display: table;
                clear: both
            }
            
            #cd-lateral-nav .socials a {
                height: 32px;
                width: 32px;
                float: left;
                padding: 0;
                background-image: url(../images/cd-socials.svg);
                background-repeat: no-repeat;
                background-size: 128px 64px;
                background-color: #FFF;
                margin-right: .5em;
                border-radius: .25em
            }
            
            [class^='imghvr-'],
            [class*=' imghvr-'] {
                position: relative;
                margin: 0;
                max-width: 100%;
                overflow: hidden;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
            }
            
            [class^='imghvr-']>img,
            [class*=' imghvr-']>img {
                vertical-align: top;
                max-width: 100%
            }
            
            [class^='imghvr-'] figcaption,
            [class*=' imghvr-'] figcaption {
                background-color: inherit;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0
            }
            
            [class^='imghvr-'] h3,
            [class*=' imghvr-'] h3,
            [class^='imghvr-'] p,
            [class*=' imghvr-'] p {
                margin: 0;
                padding: 0;
                color: #fff
            }
            
            [class^='imghvr-'] a,
            [class*=' imghvr-'] a {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 1
            }
            
            [class^='imghvr-'],
            [class*=' imghvr-'],
            [class^='imghvr-']:before,
            [class^='imghvr-']:after,
            [class*=' imghvr-']:before,
            [class*=' imghvr-']:after,
            [class^='imghvr-'] *,
            [class*=' imghvr-'] *,
            [class^='imghvr-']:before,
            [class^='imghvr-']:after,
            [class*=' imghvr-']:before,
            [class*=' imghvr-']:after {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transition: all .35s ease;
                transition: all .35s ease
            }
            
            [class^='imghvr-push-']:hover figcaption,
            [class*=' imghvr-push-']:hover figcaption {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            
            .imghvr-push-right figcaption {
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%)
            }
            
            .imghvr-push-right:hover>img {
                -webkit-transform: translateX(100%);
                transform: translateX(100%)
            }
            
            h3 {
                color: #fff;
                font-size: 24px;
                text-align: center;
                margin-top: 30px;
                padding-bottom: 30px;
                border-bottom: 1px solid #eee;
                margin-bottom: 30px;
                font-weight: 300
            }
            
            .panel {
                border-width: 0 0 1px;
                border-style: solid;
                border-color: #fff;
                background: none;
                box-shadow: none
            }
            
            .panel:last-child {
                border-bottom: none
            }
            
            .panel-group .panel {
                border-radius: 0
            }
            
            .panel-group .panel+.panel {
                margin-top: 0
            }
            
            .panel-heading {
                background-color: #0055b7;
                border-radius: 0;
                border: none;
                color: #fff;
                padding: 0
            }
            
            .panel-title a {
                display: block;
                color: #fff;
                padding: 15px 15px 15px 30px;
                position: relative;
                font-size: 18px;
                font-weight: 400
            }
            
            .panel:last-child .panel-body {
                border-radius: 0 0 4px 4px
            }
            
            .panel:last-child .panel-heading.active {
                border-radius: 0;
                -webkit-transition: border-radius linear 0;
                transition: border-radius linear 0
            }
            
            .panel-heading a:before {
                content: '\e146';
                position: absolute;
                font-family: 'Material Icons';
                right: 5px;
                top: 10px;
                font-size: 24px;
                -webkit-transition: all .5s;
                transition: all .5s;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
            
            .panel-heading.active a:before {
                content: ' ';
                -webkit-transition: all .5s;
                transition: all .5s;
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            
            #bs-collapse .panel-heading a:after {
                content: ' ';
                font-size: 24px;
                position: absolute;
                font-family: 'Material Icons';
                right: 5px;
                top: 10px;
                -webkit-transform: scale(0);
                transform: scale(0);
                -webkit-transition: all .5s;
                transition: all .5s
            }
            
            #bs-collapse .panel-heading.active a:after {
                content: '\e909';
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transition: all .5s;
                transition: all .5s
            }
            
            #accordion .panel-heading a:before {
                content: '\e316';
                font-size: 24px;
                position: absolute;
                font-family: 'Material Icons';
                right: 5px;
                top: 10px;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: all .5s;
                transition: all .5s
            }
            
            #accordion .panel-heading.active a:before {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all .5s;
                transition: all .5s
            }
            
            body,
            html {
                font-size: 100%;
                padding: 0;
                margin: 0
            }
            
            .ei-slider {
                position: relative;
                width: 100%;
                max-width: 1920px;
                height: 400px;
                margin: 0 auto;
            }
            
            .ei-slider-loading {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 999;
                background: rgba(0, 0, 0, 0.9);
                color: #fff;
                text-align: center;
                line-height: 400px;
            }
            
            .ei-slider-large {
                height: 100%;
                width: 100%;
                position: relative;
                overflow: hidden;
            }
            
            .ei-slider-large li {
                position: absolute;
                top: 0px;
                left: 0px;
                overflow: hidden;
                height: 100%;
                width: 100%;
            }
            
            .ei-slider-large li img {
                width: 100%;
            }
            
            .ei-title {
                position: absolute;
                right: 50%;
                margin-right: 13%;
                top: 30%;
            }
            
            .ei-title h2,
            .ei-title h3 {
                text-align: right;
            }
            
            .ei-title h2 {
                font-size: 40px;
                line-height: 50px;
                font-family: 'Playfair Display', serif;
                font-style: italic;
                color: #b5b5b5;
            }
            
            .ei-title h3 {
                font-size: 70px;
                line-height: 70px;
                font-family: 'Open Sans Condensed', sans-serif;
                text-transform: uppercase;
                color: #000;
            }
            
            .ei-slider-thumbs {
                height: 0;
                margin: 0 auto;
                position: relative;
            }
            
            .ei-slider-thumbs li {
                position: relative;
                float: left;
                height: 100%;
            }
            
            .ei-slider-thumbs li.ei-slider-element {
                top: 0px;
                left: 0px;
                position: absolute;
                height: 100%;
                z-index: 10;
                text-indent: -9000px;
                background: #000;
                background: rgba(0, 0, 0, 0.9);
            }
            
            .ei-slider-thumbs li a {
                display: block;
                text-indent: -9000px;
                background: #666;
                width: 100%;
                height: 100%;
                cursor: pointer;
                -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
                -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
                box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
                -webkit-transition: background 0.2s ease;
                -moz-transition: background 0.2s ease;
                -o-transition: background 0.2s ease;
                -ms-transition: background 0.2s ease;
                transition: background 0.2s ease;
            }
            
            .ei-slider-thumbs li a:hover {
                background-color: #f0f0f0;
            }
            
            .ei-slider-thumbs li img {
                position: absolute;
                bottom: 50px;
                opacity: 0;
                z-index: 999;
                max-width: 100%;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-box-reflect: below 0px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            }
            
            .ei-slider-thumbs li:hover img {
                opacity: 1;
                bottom: 13px;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            }
            
            @media screen and (max-width: 830px) {
                .ei-title {
                    position: absolute;
                    right: 0px;
                    margin-right: 0px;
                    width: 100%;
                    text-align: center;
                    top: auto;
                    bottom: 10px;
                    background: #fff;
                    background: rgba(255, 255, 255, 0.9);
                    padding: 5px 0;
                }
                .ei-title h2,
                .ei-title h3 {
                    text-align: center;
                }
                .ei-title h2 {
                    font-size: 20px;
                    line-height: 24px;
                }
                .ei-title h3 {
                    font-size: 30px;
                    line-height: 40px;
                }
            }