@charset "utf-8";
                /* CSS Document */
                /* ===============  WDD font style  =============== */
                

                @import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,latin-ext);
                @import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
                @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300&subset=latin,latin-ext);
                @import url(https://fonts.googleapis.com/css?family=Roboto);
                
                
                
                /* ===============  HTML5 display definitions  =============== */
                
                article,
                aside,
                details,
                figcaption,
                figure,
                footer,
                header,
                hgroup,
                nav,
                section,
                summary {
                    display: block;
                }
                
                audio,
                canvas,
                video {
                    display: inline-block;
                    *display: inline;
                    *zoom: 1;
                }
                
                audio:not([controls]) {
                    display: none;
                    height: 0;
                }
                
                [hidden] {
                    display: none;
                }
                /* ===============  Base  =============== */
                
                html {
                    width: 100%;
                    height: 100%;
                    -webkit-text-size-adjust: 100%;
                    -ms-text-size-adjust: 100%;
                    -webkit-font-smoothing: antialiased;
                    height: 100%;
                }
                
                body {
                    width: 100%;
                    /* height: 100%; */
                    margin: 0;
                    /* overflow-x: hidden; */
                    position: relative;
                    padding: 0;
                    font-size: 100%;
                    line-height: 100%;
                    font-weight: normal;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    /*text-rendering: optimizeLegibility;*/
                    /* -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    -moz-font-feature-settings: 'liga', 'kern';
                    -webkit-overflow-scrolling: touch; */
                }
                
                * {
                    box-sizing: border-box;
                    margin: 0;
                    padding: 0;
                }
                
                a {
                    text-decoration: none;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }
                
                img {
                    border: 0;
                }
                
                svg:not(:root) {
                    overflow: hidden;
                }
                
                figure {
                    margin: 0;
                }
                
                dl,
                menu,
                ol,
                ul {
                    margin: 0;
                }
                
                ul, ol {
                    list-style: none;
                    list-style-image: none;
                }
                
                table {
                    border-collapse: collapse;
                    border-spacing: 0;
                }
                
                p {
                    line-height: 150%;
                    letter-spacing: .04rem;
                }
                /* ===============  Forms  =============== */
                
                form {
                    margin: 0;
                }
                
                fieldset {
                    border: 1px solid #c0c0c0;
                    margin: 0 2px;
                    padding: 0.35em 0.625em 0.75em;
                }
                
                legend {
                    border: 0;
                    padding: 0;
                    white-space: normal;
                    *margin-left: -7px;
                }
                
                button,
                input,
                select,
                textarea {
                    font-size: 100%;
                    margin: 0;
                    vertical-align: baseline;
                    *vertical-align: middle;
                }
                
                button,
                input {
                    line-height: normal;
                }
                
                button,
                html input[type="button"],
                input[type="reset"],
                input[type="submit"] {
                    -webkit-appearance: button;
                    cursor: pointer;
                    *overflow: visible;
                }
                
                button[disabled],
                input[disabled] {
                    cursor: default;
                }
                
                input[type="checkbox"],
                input[type="radio"] {
                    box-sizing: border-box;
                    padding: 0;
                    *height: 13px;
                    *width: 13px;
                }
                
                input[type="search"] {
                    -webkit-appearance: textfield;
                    -moz-box-sizing: content-box;
                    -webkit-box-sizing: content-box;
                    box-sizing: content-box;
                }
                
                input[type="search"]::-webkit-search-cancel-button,
                input[type="search"]::-webkit-search-decoration {
                    -webkit-appearance: none;
                }
                
                button::-moz-focus-inner,
                input::-moz-focus-inner {
                    border: 0;
                    padding: 0;
                }
                
                textarea {
                    overflow: auto;
                    vertical-align: top;
                }
                /*  --------------------------------------------------
  :: Forms Style
  -------------------------------------------------- */
                
                input:focus::-webkit-input-placeholder {
                    color: transparent;
                }
                
                input:focus:-moz-placeholder {
                    color: transparent;
                }
                /* FF 4-18 */
                
                input:focus::-moz-placeholder {
                    color: transparent;
                }
                /* FF 19+ */
                
                input:focus:-ms-input-placeholder {
                    color: transparent;
                }
                /* IE 10+ */
                
                input[type="text"],
                textarea {
                    border: 0;
                    width: 100%;
                }
                
                input[type="text"]:focus,
                textarea {
                    outline: none;
                }
                
                button,
                html input[type="button"],
                input[type="reset"],
                input[type="submit"] {
                    outline: none;
                }
                /* ===============  Typography  =============== */
                
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    line-height: 100%;
                    font-weight: normal;
                    /* text-transform: uppercase; */
                }
                
                h1 {
                    font-size: 3.750rem/*60px*/
                    ;
                    color: #5f5f5f;
                }
                
                h2 {
                    font-size: 3rem;
                    /*48px*/
                    color: #000;
                }
                
                h3 {
                    font-size: 1.5rem;
                    /*24px*/
                    color: #000;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    text-transform: inherit;
                }
                
                h4 {
                    font-size: 4rem;
                    /*48px*/
                    color: #FFF;
                    font-weight: bold;
                }
                
                h5 {
                    font-size: 1.125rem/*18px*/
                    ;
                    color: #424242;
                }
                
                h6 {
                    font-size: 0.875rem/*14px*/
                    ;
                    color: #7b7a7a;
                }
                
                abbr[title] {
                    border-bottom: 1px dotted;
                }
                
                b,
                strong {
                    font-weight: bold;
                }
                
                blockquote {
                    margin: 1em 40px;
                }
                
                mark {
                    background: #ff0;
                    color: #000;
                }
                
                p,
                pre {
                    margin: 1em 0;
                    line-height: 160%;
                }
                
                pre {
                    white-space: pre;
                    white-space: pre-wrap;
                    word-wrap: break-word;
                }
                
                q {
                    quotes: none;
                }
                
                q:before,
                q:after {
                    content: '';
                    content: none;
                }
                
                small {
                    font-size: 75%;
                }
                
                sub,
                sup {
                    font-size: 75%;
                    line-height: 0;
                    position: relative;
                    vertical-align: baseline;
                }
                
                sup {
                    top: -0.5em;
                }
                
                sub {
                    bottom: -0.25em;
                }
                
                img {
                    border: 0;
                    vertical-align: top;
                }
                /* ===============  ENST CSS STYLE  =============== */
                
                body {
                    color: #000;
                }
                
                .wrapper {
                    width: 100%;
                    position: relative;
                }
                
                header {
                    width: 100%;
                    position: absolute;
                    max-width: 100%;
                    top: 0;
                    left: 0;
                    /* height: 6.875rem; */
                    /*110px*/
                    margin: auto;
                    padding: 0;
                    z-index: 999;
                    background: rgba(0,0,0,.3);
                }
                
                @media screen and (min-width:1023px) {
                    #home header{
                        background: transparent ;
                    }
                }

                
                nav {
                    width: 90%;
                    margin: auto;
                    max-width: 87.5rem;
                    /*1400px*/
                    position: relative;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    letter-spacing: .01rem;
                }
                
                nav ul {
                    display: block;
                }
                
                nav ul li {
                    display: inline-block;
                }
                
                nav ul li a {
                    text-transform: uppercase;
                }
                
                nav ul li a:hover {
                    /* color: #333; */
                    color: #fff;
                }
                
                #logo {
                    position: absolute;
                    top: 30px;
                    /*75px*/
                    width: 125px;
                    height: 40px;
                    background: url(../img/logo.png) no-repeat top right;
                    display: block;
                    background-size: 123px auto;
                    right: 0;
                }
                
                .nav1 {
                    font-size: 1rem;
                    color: #d4d4d4;
                    padding-bottom: .1rem;
                    display: block;
                    position: relative;
                    width: calc(100% - 130px);
                }
                
                .nav1 li {
                    display: block;
                    float: left;
                    position: relative;
                    margin-bottom: 10px;
                }

                
                .nav1 li.header_p{
                    clear: both;
                }

                .nav1 li.header_p_before:after {
                    content: '';
                    padding: 0px;
                    /* color: #666666; */
                }
                
                @media screen and (max-width:1023px) {
                    .nav1 li.header_p{
                        float: left;
                        clear: none;
                    }
                    .nav1 li.header_p_before:after {
                        content: '/';
                        padding: 0px;
                    }
                }



                
                .nav1 li a {
                    color: #d4d4d4;
                    padding: .7rem .9rem;
                    /*1.5rem  1rem*/
                    display: inline-block;
                }
                
                .nav1 li:after {
                    content: '/';
                    padding: 0 16px;
                    /* color: #666666; */
                }

                .nav1 li.search:after {
                    content: '';
                    padding: 0;
                }
                
                .nav1 li:first-child a {
                    padding: 5px 0 0 10px;
                }
                
                .search {
                    width: 166px;
                    background-color: #5f5f5f;
                    color: #b4b4b4;
                    height: 36px;
                    overflow: hidden;
                    padding: 0;
                }
                .nav1 li.search {
                    display: flex;
                }
                .nav1 li.search input {
                    color: #fff;
                    padding-left: 10px;
                }
                
                .nav1 li.menu{
                    display: none;
                    justify-content: space-around;
                    align-items: center;
                    flex-direction: column;
                    height: 36px;
                    width: 36px;
                    cursor: pointer;
                    padding: 5px 0;
                }

                .on .nav1 li.menu{

                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    height: 36px;
                    width: 36px;
                    cursor: pointer;
                }

                .menu span{
                    display: inline-block;
                    width: 80%;
                    height: 2px;
                    background: #fff;
                    transition: .5s;
                }
                .on .menu span:first-child{
                    transform: rotate(45deg) translateY(120%)
                }
                .on .menu span:nth-child(2){
                    opacity: 0;
                }
                .on .menu span:last-child{
                    transform: rotate(-45deg) translateY(-120%)
                }

                .nav1:after {
                    content: " ";
                    clear: both;
                    display: block;
                }
                
                .nav1 .lang:after {
                    content: ' ';
                    clear: both;
                    display: none;
                }
                
                @media screen and (max-width:767px) {
                    header {
                        background: rgba(0,0,0,.3);
                    }

                    header.on {
                        background: rgba(0,0,0,.8);
                        position: fixed;
                        height: 100%;
                        overflow: auto;
                    }

                    #logo {
                        position: absolute;
                        top: 25px;
                        right: auto;
                        left: 0;
                        width: 100px;
                        height: 40px;
                        background: url(../img/logo.png) no-repeat top right;
                        background-size: 100px auto;
                        right: auto;
                    }
                    .nav1{
                        min-height: 75px;
                        padding-top: 25px;
                        position: relative;
                        margin-left: 100px;
                        display: flex;
                        flex-direction: column;
                        align-items: flex-end;
                        width: calc(100% - 100px);
                    }
                    .nav1 li:after {
                        content: '';
                        padding: 0px;
                    }

                    .nav1 li {
                        display: none;
                    }
                    .on .nav1 li {
                        display: inline-block;
                    }
                    .on .nav1 li.search {
                        display: inline-flex;
                    }
                    .nav1 li.search {
                        display: none;
                    }
                    .on .nav1 li.search {
                        display: flex;
                    }
                    
                    .nav1 li.header_p_before:after {
                        content: '';
                        padding: 0px;
                    }

                    .nav1 li.menu{
                        display: inline-flex;
                        
                    }

                    .search{
                        order: 2;
                    }
                    .search a{
                        width: 63px;
                    }
                    .lang{
                        order: 3;
                    }

                }

                .nav2 {
                    font-size: 1.125rem;
                    /*18px*/
                    color: #FFF;
                    width: 100%;
                    display: block;
                }
                
                .nav2 li {
                    float: left;
                    display: block;
                    position: relative;
                }
                
                .nav2 li a {
                    color: #fff;
                    letter-spacing: .1rem;
                    text-shadow: 2px 2px 3px #000000;
                }
                
                .nav2 li a:hover {
                    color: #000;
                    text-shadow: none;
                }
                
                .nav2 li:after {
                    content: '/';
                    padding: 0 1.5rem;
                    color: #5f5f5f;
                    font-size: 2rem;
                }
                
                .nav2 li:last-child:after {
                    content: ' ';
                    font-size: 2rem;
                }
                
                .nav1 li:first-child:after,
                .nav1 li:last-child:after {
                    content: ' ';
                    clear: both;
                    display: none;
                }
                /* ===============  INDEX  =============== */
                /*Slider*/
                
                .slick-slider {
                    position: relative;
                    display: block;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    -webkit-touch-callout: none;
                    -khtml-user-select: none;
                    -ms-touch-action: pan-y;
                    touch-action: pan-y;
                    -webkit-tap-highlight-color: transparent;
                }
                
                .slick-list {
                    position: relative;
                    display: block;
                    overflow: hidden;
                    margin: 0;
                    padding: 0;
                }
                
                .slick-list:focus {
                    outline: none;
                }
                
                .slick-list.dragging {
                    cursor: pointer;
                    cursor: hand;
                }
                
                .slick-slider .slick-track,
                .slick-slider .slick-list {
                    -webkit-transform: translate3d(0, 0, 0);
                    -moz-transform: translate3d(0, 0, 0);
                    -ms-transform: translate3d(0, 0, 0);
                    -o-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }
                
                .slick-track {
                    position: relative;
                    top: 0;
                    left: 0;
                    display: block;
                }
                
                .slick-track:before,
                .slick-track:after {
                    display: table;
                    content: '';
                }
                
                .slick-track:after {
                    clear: both;
                }
                
                .slick-loading .slick-track {
                    visibility: hidden;
                }
                
                .slick-slide {
                    display: none;
                    float: left;
                    text-align: center;
                    height: 100%;
                    min-height: 1px;
                }
                
                [dir='rtl'] .slick-slide {
                    float: right;
                }
                
                .slick-slide img {
                    display: block;
                }
                
                .slick-slide.slick-loading img {
                    display: none;
                }
                
                .slick-slide.dragging img {
                    pointer-events: none;
                }
                
                .slick-initialized .slick-slide {
                    display: block;
                }
                
                .slick-loading .slick-slide {
                    visibility: hidden;
                }
                
                .slick-vertical .slick-slide {
                    display: block;
                    height: auto;
                }
                
                .slider-for {
                    z-index: 0;
                }
                
                .slider-for img {
                    min-height: 100%;
                    min-width: 100%;
                    position: relative;
                    width: 100%;
                    height: 100%;
                }
                
                .slider-nav {
                    width: 4.5em;
                    z-index: 99;
                    position: absolute;
                    top: 30%;
                    right: 14%;
                    padding: 2px;
                }
                
                .slider-nav .slick-prev,
                .slider_nav .slick-next {
                    display: none !important;
                }
                
                .slider-nav .slick-list {
                    height: auto !important;
                }
                
                .slider-nav .slick-track {
                    height: auto !important;
                    transform: translate3d(0px, 0px, 0px) !important;
                    -webkit-transform: translate3d(0, 0, 0)!important;
                    -moz-transform: translate3d(0, 0, 0)!important;
                    -ms-transform: translate3d(0, 0, 0)!important;
                    -o-transform: translate3d(0, 0, 0) !important;
                }
                
                .slider-nav li {
                    cursor: pointer;
                    display: block;
                    margin: 0 auto 1em auto;
                    border: solid 2px transparent !important;
                }
                
                .slider-nav img {
                    width: 100%;
                    vertical-align: top;
                    opacity: .6;
                    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
                    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
                    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
                }
                
                .slider-nav .slick-active {
                    border: solid 2px #fff !important;
                    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
                }
                /*text*/
                
                .sliderT {
                    position: absolute;
                    width: 90%;
                    max-width: 87.5rem;
                    /*1400px*/
                    margin: auto;
                    left: 0;
                    right: 0;
                    top: 30%;
                    /*20rem*/
                    text-align: left;
                }
                
                .sliderT h1 {
                    width: 29.375rem;
                    color: #FFF;
                    font-weight: bold;
                    line-height: 48pt;
                    text-shadow: 1px 1px 5px rgba(50, 50, 50, 0.8);
                }
                
                .sliderT p {
                    width: 29.375rem;
                    font-size: 1.188rem;
                    /*19px*/
                    margin: 2rem 0 6.5rem 0;
                }
                
                .blink1 {
                    text-transform: uppercase;
                    padding: 1rem 5rem;
                    border: solid 1px #000000;
                    color: #000;
                }
                
                .blink1:hover {
                    color: #335caa;
                    border: solid 1px #335caa;
                }
                
                #indNews {
                    height: 3.25rem;
                    display: block;
                    width: 100%;
                    line-height: 350%;
                    font-size: 1rem;
                }
                
                .indNews-tit {
                    width: 20%;
                    display: inline-block;
                    float: left;
                    font-size: 1.2rem;
                    background-color: #000;
                    /* height: 3.25rem; */
                    color: #3a6bc5;
                    text-align: right;
                    padding-right: 2rem;
                    font-weight: bolder;
                    text-transform: uppercase;
                    letter-spacing: .05rem;
                }
                
                .indNews-txt {
                    width: 80%;
                    display: inline-block;
                    float: left;
                    background-color: #595959;
                    /* height: 3.25rem; */
                    color: #FFF;
                    text-align: left;
                    padding-left: 2rem;
                    letter-spacing: .075rem;
                }

                @media screen and (max-width:767px) {
                    .indNews-tit {
                        width: 100%;
                        text-align: left;
                        padding-left: 2rem;
                    }
                    
                    .indNews-txt {
                        width: 100%;
                    }
                }
                
                .indNews-txt li a {
                    color: #b9b9b9;
                    padding: 0 5px; 
                }
                .indNews-txt li a:hover {
                    color: #000;
                }
                @media screen and (max-width:767px) {
                    .indNews-txt li a {
                        height: 100%;
                        background-color: #595959;
                    }
                }
                .indNews-txt:after {
                    clear: none;
                    content: '';
                }
                /* Arrows */
                #indNews-txtLI .slick-prev,
                .slick-next {
                    font-size: 0;
                    line-height: 0;
                    position: absolute;
                    top: 0;
                    display: block;
                    height: 100%;
                    width: 40px;
                    padding: 0;
                    cursor: pointer;
                    color: transparent;
                    border: none;
                    outline: none;
                    background: transparent;
                    border-left: solid 1px rgba(100, 100, 100, 0.1);
                }
                
                #indNews-txtLI .slick-prev:before,
                .slick-next:before {
                    font-family: 'slick';
                    font-size: 20px;
                    line-height: 1;
                    opacity: .75;
                    color: white;
                    -webkit-font-smoothing: antialiased;
                }
                
                #indNews-txtLI .slick-prev {
                    right: 40px;
                    background: url(../img/arIndGray-R.png) no-repeat center center;
                }
                
                #indNews-txtLI .slick-next {
                    right: 0px;
                    background: url(../img/arIndGray-L.png) no-repeat center center;
                }
                /*#indNews-txtLI .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ opacity:.4; outline: none; }*/
                
                #indNews-txtLI .slick-prev:hover {
                    background: url(../img/arIndGray-R2.png) no-repeat center center;
                }
                
                #indNews-txtLI .slick-next:hover {
                    background: url(../img/arIndGray-L2.png) no-repeat center center;
                }
                
                #indNews-txtLI .slick-prev:before {
                    content: ' │ ';
                    margin-left: 2rem;
                }
                /*indIc*/
                
                #indIc {
                    background: url(../img/icbg.jpg) no-repeat center top;
                    width: 100%;
                    /* height: 100%; */
                    /* max-height: 420px; */
                    background-size: cover;
                    padding: 30px 0;
                }
                
                .indIc-p {
                    width: 100%;
                    max-width: 87.5rem;
                    /*1400px*/
                    margin: auto;
                    padding: 2rem 0;
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .indIc-ic {
                    width: 60%;
                    display: inline-block;
                    /* float: left; */
                }
                
                .indIc-ic img {
                    width: 90%;
                    height: auto;
                }
                
                .indIc-sear {
                    width: 40%;
                    display: inline-block;
                    /* float: left; */
                }
                
                .indIc-sear h2 {
                    margin: 2.7rem auto;
                    max-width: 100%;
                    overflow: hidden;
                }

                @media screen and (max-width:1024px) {
                    .indIc-sear h2 {
                        font-size: 2.25rem;
                        text-align: center;
                    }
                }
                @media screen and (max-width:767px) {
                    .indIc-ic {
                        width: 100%;
                    }
                    .indIc-sear {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }
                    #indNews-txtLI .slick-prev{
                        display: none!important;
                    }
                }
                
                .gray {
                    color: #7b7b7b;
                }
                
                #whatNew {
                    width: 100%;
                    max-width: 1250px;
                    color: #fff;
                    letter-spacing: 1px;
                    font-weight: normal;
                    position: relative;
                }
                #whatNew .slick-slide {
                    margin: 10px 100px 10px 13px;
                    text-align: left;
                    word-break: break-all;
                }
                #indNews-txtLI {
                    width: 100%;
                    max-width: 1250px;
                }
                #indNews-txtLI .slick-slide {
                    display: flex;
                    text-align: left;
                }
                #indNews-txtLI .slick-slide p {
                    overflow: hidden;
                    white-space:nowrap;
                    text-overflow: ellipsis;
                }
                @media screen and (max-width:767px) {
                    #indNews-txtLI {
                        padding-right: 40px;
                    }
                    #indNews-txtLI .slick-slide p {
                        flex: 1;
                    }
                }
                /*ind-app*/
                
                .ind-app {
                    padding: 4.2rem 0;
                    /*7.5rem 0;*/
                }
                
                .ind-app:before,
                .ind-app:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .ind-app .content {
                    width: 90%;
                    margin: 0 auto;
                    max-width: 87.5rem;
                }
                
                .ind-app h2 {
                    text-align: center;
                    color: #000;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    line-height: 36pt;
                    padding-bottom: 20px;
                }
                
                .ind-app span {
                    color: #c7c7c7;
                }
                
                .ind-app .contentP {
                    width: 90%;
                    max-width: 600px;
                    margin: auto;
                    padding: 0;
                    /*1rem 0 0 0 */
                    line-height: 21pt;
                    font-size: 1rem;
                    text-align: center;
                    color: #676767;
                    font-family: "Myriad Pro", "Century Gothic", "微軟正黑體", sans-serif, Arial;
                    letter-spacing: .075em;
                }
                
                .ind-app ul {
                    width: 90%;
                    margin: 4.375rem auto auto auto;
                    display: block;
                }
                #appALL{
                    margin-top: 3rem;
                }
                
                .ind-app ul li {
                    width: 24.5%;
                    display: inline-block;
                    vertical-align: top;
                    margin-bottom: 20px;
                }
                
                .ind-app ul li.col3 {
                    width: 33%;
                    margin-bottom: 50px;
                }
                
                .ind-app ul:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .ind-app .app {
                    width: 90%;
                    margin: auto;
                }
                
                .ind-app .appimg {
                    position: relative;
                    text-align: center;
                    width: 100%;
                    max-width: 199px;
                    height: 100%;
                    max-height: 199px;
                    margin: auto;
                    position: relative;
                    text-align: center;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                }
                
                .ind-app .appItitle {
                    display: block;
                    height: 100%;
                    min-height: 100px;
                    padding-bottom: 50px;
                }
                
                .ind-app .appimg img {
                    border-radius: 50%;
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                
                .ind-app .appimg .cover {
                    width: 100%;
                    height: 100%;
                    background: rgba(51, 92, 170, 0);
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    font-weight: bold;
                    -webkit-transition: all 200ms linear;
                    -moz-transition: all 200ms linear;
                    -o-transition: all 200ms linear;
                    transition: all 200ms linear;
                    text-align: center;
                    border-radius: 50%;
                }
                
                .ind-app .appimg .cover a:hover {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                
                .ind-app .appimg:hover .cover {
                    background: rgba(51, 91, 170, 0.9);
                    display: block;
                    width: 100%;
                    height: 100%;
                }
                
                .ind-app .appimg:hover .cover:hover {
                    animation: pulse;
                    animation-duration: .3s;
                    animation-timing-function: ease-in;
                    -webkit-animation-timing-function: ease-in;
                }
                
                .ind-app .appimg .cover i {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    color: #FFF;
                    font-size: 4rem;
                    text-align: center;
                    margin: auto;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    opacity: 0;
                    width: 100%;
                    height: 100%;
                    padding-top: 50%;
                }
                
                .ind-app .appimg .cover i:hover {
                    opacity: 1;
                    animation: zoomIn;
                    animation-duration: .3s;
                    animation-timing-function: ease-in;
                    -webkit-animation-timing-function: ease-in;
                }
                
                .ind-app ul li .appItitle h3 {
                    margin-top: 2.125rem;
                    /* padding-left: 20%; */
                    text-align: center;
                }
                
                .ind-app ul li .appItitle p {
                    padding-bottom: 6rem;
                    text-align: left;
                    line-height: 21pt;
                    letter-spacing: .05rem;
                    padding-left: 20%;
                    color: #5b5b5b;
                    height: 3.5rem;
                    overflow: hidden;
                }
                
                .ind-app ul li i a {
                    font-style: normal;
                    color: #000;
                }
                
                .ind-app ul li i a:hover {
                    color: #CCC;
                }
                /*selcet dropdown */
                
                .SelectL {
                    position: relative;
                    top: 0;
                    left: 0;
                    width: 6.8rem;
                    text-align: center;
                    background: #335caa;
                    /* margin-bottom: 1rem; */
                    font-size: 1rem;
                    font-family: "Myriad Pro", "Century Gothic", sans-serif, '微軟正黑體';
                    letter-spacing: .075rem;
                    color: #000;
                }
                
                .SelectL>.fmask.select .b {
                    border: none;
                    height: 100px;
                }
                
                .SelectL>.fmask.select .s {
                    background-color: #000;
                    margin: 0;
                    padding: 0;
                }
                
                .SelectL>.fmask.select .h {
                    background: #335caa;
                    color: #FFF;
                    text-transform: uppercase;
                }
                
                .SelectL> .fmask.select .h i[data-icon='arrow'] {
                    border-top-color: #335caa;
                    border: 0px solid transparent;
                    float: none;
                }
                
                .SelectL>.fmask.select .h i[data-icon='arrow']:before {
                    content: ' ';
                    display: none;
                    text-align: center;
                }
                
                .SelectL>.fmask.select ol {
                    background-color: #000;
                }
                
                .SelectL>.fmask.select li {
                    color: #CCC;
                    padding: 10px 0 10px 15px;
                    text-align: left;
                    width: 100%;
                    font-size: .85rem;
                }
                
                .SelectL>.fmask.select ol li:hover {
                    background-color: #666;
                }
                
                .SelectL>.fmask.select li[data-selected='on'] {
                    color: #FFF;
                    text-transform: uppercase;
                    display: none;
                }
                
                .SelectL>.fmask.select li:after {
                    content: ' ';
                }
                /*index-product search*/
                
                .SelectL:after {
                    content: ' ';
                    clear: both;
                }
                
                .SelectC {
                    width: 100%;
                    max-width: 26rem;
                    background: #FFF;
                    margin-bottom: 1rem;
                    font-size: 1rem;
                    font-family: "Century Gothic", "Myriad Pro", sans-serif, '微軟正黑體';
                    letter-spacing: .0075rem;
                    color: #000;
                    font-weight: bold;
                }
                #category, #type{
                    width: 90%;
                }
                
                .SelectC:after {
                    content: ' ';
                    clear: both;
                }
                
                .SelectC>.fmask.select .h i[data-icon='arrow'] {
                    margin-right: 8px;
                }
                
                .indIc-searP {
                    font-size: .875rem;
                    color: #676767;
                    margin-top: 2rem;
                    letter-spacing: .05rem;
                    width: 100%;
                    max-width: 26rem;
                }
                /*application select*/
                
                #appSelect {
                    width: 100%;
                    max-width: 300px;
                    margin: 10px;
                    float: left;
                    display: inline-block;
                    color: #000;
                    height: 42px;
                }
                
                #appSelect .fmask.select .h {
                    color: #000;
                    border: solid 1px #DDDDDD;
                    padding: 0;
                    height: 42px;
                    padding-left: 7px;

                }
                #appSelect .fmask.select .h label{
                    line-height: 42px;
                }
                
                #appSelect>.fmask.select .h i[data-icon='arrow'] {
                    background: #444444;
                    border-top-color: #444444;
                    margin-right: 0px;
                    margin-top: 0px;
                    padding: 13px 14px;
                }
                
                #appSelect>.fmask.select .h i[data-icon='arrow']:before {
                    margin-top: 45px;
                }
                /*investor-index search*/
                
                .SelectI {
                    width: 100%;
                    max-width: 15.5rem;
                    height: 2.188rem;
                    border: solid 1px#999999;
                    background: #FFF;
                    margin-bottom: 6rem;
                    font-size: 1rem;
                    font-family: "Myriad Pro", "Century Gothic", sans-serif, '微軟正黑體';
                    letter-spacing: .075rem;
                    color: #000;
                }
                
                .SelectI:after {
                    content: ' ';
                    clear: both;
                }
                
                .SelectI .fmask.select li {
                    width: 100%;
                }
                
                .SelectI .fmask.select .h {
                    padding: 8px;
                }
                
                .SelectI .fmask.select .h i[data-icon='arrow'] {
                    margin-top: 3px;
                }
                
                .SelectI .fmask.select.on .h i[data-icon='arrow'] {
                    margin-top: 0;
                }
                /*year select*/
                
                .SelectC#yearselect >.fmask.select .h i[data-icon='arrow'] {
                    margin-top: 3px;
                }
                
                .SelectC#yearselect > .fmask.select.on .h i[data-icon='arrow'] {
                    margin-top: -2px;
                }
                
                .SelectC#yearselect > .fmask.select .b {
                    background: rgba(0, 0, 0, .8);
                    border-top: 1px solid #ededed;
                    width: 250px;
                    left: -100%;
                    text-align: center;
                    color: #ffffff;
                    padding: 5px 0;
                }
                /*form mask */
                
                .fmask {
                    position: relative
                }
                
                .fmask:after {
                    clear: both;
                    display: block;
                    content: " "
                }
                /* form mask : select */
                
                .fmask.select {
                    width: 160px;
                    transition: 190ms;
                    font-size: 0.9em;
                }
                
                .fmask.select .h {
                    transition: 190ms;
                    background: white;
                    padding: 10px 8px;
                    color: #666;
                    overflow: hidden;
                }
                
                .fmask.select .b {
                    display: none;
                    position: absolute;
                    width: 100%;
                    z-index: 1;
                    background: #fff;
                    border-top: 1px solid #ededed;
                }
                
                .fmask.select .s {
                    overflow: auto;
                    max-height: 150px
                }
                
                .fmask.select li {
                    padding: 8px 8px;
                    cursor: default;
                    line-height: 16px;
                    margin-bottom: 5px;
                }
                /*form mask: select width turleri*/
                
                .fmask.select[data-width='medium'] {
                    /*width:220px*/
                    width: 100%;
                }
                
                .fmask.select[data-width='large'] {
                    width: 280px
                }
                
                .fmask.select[data-width='small'] {
                    width: 120px
                }
                
                .fmask.select[data-width='likit'] {
                    width: 100%
                }
                /*form mask: select scroll */
                
                .fmask.select[data-scroll='medium'] .s {
                    height: 120px
                }
                
                .fmask.select[data-scroll='large'] .s {
                    height: 70px
                }
                
                .fmask.select[data-scroll='small'] .s {
                    height: 90px
                }
                
                .fmask.select[data-scroll='false'] .s {
                    overflow: visible;
                    height: auto
                }
                
                .fmask.select li[data-selected='on'] {
                    color: #D6D7D8
                }
                
                .fmask.select li:hover {
                    background: #335caa;
                    color: white
                }
                
                .fmask.select .h i[data-icon='arrow']:before {
                    /*content: '';
    border: 5px solid transparent;
    border-top-color: #000;
    display: inline-block;
    -webkit-transform: translate(-10px, 10px);
    -o-transform: translate(-10px, 10px);
    -mox-transform: translate(-10px, 10px);*/
                    content: '';
                    width: 0px;
                    height: 0px;
                    border: 7px solid transparent;
                    border-top-color: white;
                    display: inline-block;
                    -webkit-transform: translate(-30px, -50px);
                    margin-left: 23px;
                    margin-top: 40px;
                }
                
                .fmask.select .h i[data-icon='arrow'] {
                    /*transition: 190ms;
    color: #49b2e3;
    position: absolute;
    right: 9px;
    top: 2px;
    font-size: 1.9em;*/
                    width: 0px;
                    height: 0px;
                    border: 7px solid transparent;
                    border-top-color: #000;
                    margin: 0;
                    padding: 0;
                    float: right;
                }
                
                .fmask.select .h:hover i[data-icon='arrow'] {
                    color: #000
                }
                
                .fmask.select.on .h i[data-icon='arrow'] {
                    transform: rotate(180deg);
                    top: 20px;
                    right: 25px;
                    color: #888;
                }
                
                .fmask {
                    /* margin-bottom: 10px; */
                }
                
                .hidden {
                    display: none
                }
                /*loadmore*/
                
                .loadmore {
                    width: 100%;
                    max-width: 12rem;
                    margin: 8rem auto 7rem auto;
                    text-align: center;
                }
                
                .loadmore i {
                    font-style: normal;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 4rem;
                    font-weight: bold;
                    color: #000;
                }
                
                .loadmore i:hover {
                    color: #666;
                    transform-origin: 50% 51%;
                    -webkit-transform-origin: 50% 51%;
                    -ms-transform-origin: 50% 51%;
                    -ms-transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s;
                }
                
                .loadmore p {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 1.5rem;
                    font-weight: bold;
                    color: #000;
                    padding-bottom: 1rem;
                    border-bottom: #000 solid;
                }
                
                .loadmore p:hover {
                    color: #666;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }
                /*indAD*/
                
                .indAD {
                    background: url(../img/ad1.jpg) center center;
                    background-size: cover;
                    width: 100%;
                }
                
                .indAD_con {
                    width: 90%;
                    max-width: 87.5rem;
                    padding: 6.5rem 0 6rem 0;
                    margin: auto;
                    min-height: 271px;
                    height: 100%;
                    display: table;
                }
                
                .indAD_left {
                    width: 50%;
                    display: inline-table;
                    float: left;
                }
                
                .indAD_left span {
                    color: #335caa;
                }
                
                .indAD_left p {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 2rem;
                    font-weight: bold;
                    color: #000;
                    padding-bottom: 1.4rem;
                    text-transform: uppercase;
                    line-height: 28pt;
                }
                
                .indAD_left .blink1 {
                    color: #fff;
                    border-color: #fff;
                }
                
                .indAD_left .blink1:hover {}
                
                .indAD_right {
                    width: 50%;
                    display: inline-table;
                    text-align: right;
                    float: right;
                    vertical-align: bottom;
                    padding-top: 5rem;
                }
                
                .indAD_right .logo2 {
                    font-size: 8rem;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-style: italic;
                    font-weight: bold;
                    color: #FFF;
                    text-shadow: 0 5px 20px #333333;
                }
                /*footer*/
                
                footer {
                    width: 100%;
                    max-width: 100%;
                    margin: auto;
                    padding: auto;
                    color: #6b6b6b;
                    font-size: 0.938rem;
                    text-transform: uppercase;
                    letter-spacing: .075rem;
                    background-color: #e6e6e6;
                }
                
                .maxWidth {
                    width: 90%;
                    margin: 0 auto;
                    max-width: 87.5rem;
                    padding: 3rem 0 6rem 0;
                }
                footer .maxWidth {
                    display: flex;
                    position: relative;
                }
                
                .foo1 {
                    width: 90%;
                    /* float: left; */
                }
                
                .foo1 ul li {
                    display: inline-block;
                    color: #6b6b6b;
                    margin-bottom: 20px;
                }
                
                .foo1 ul li a {
                    color: #6b6b6b;
                }
                
                .foo1 ul li a:hover {
                    color: #000;
                }
                
                .foo1 ul li:after {
                    content: "/";
                    padding: 0 16px;
                }
                
                .foo1 ul li:last-child:after {
                    content: " ";
                }
                
                .foo1 p a {
                    color: #6b6b6b;
                }
                
                .foo1 p a:hover {
                    color: #000;
                }
                
                .foo2 {
                    width: 10%;
                    text-align: right;
                    /* float: left; */
                    margin-top: 1rem;
                }
                
                .foo2 a {
                    color: #000;
                    font-weight: 900;
                    font-size: 1.188rem;
                }
                .foo2 a img {
                    margin-right: 5px;
                }
                
                .foo2 a:hover {
                    color: #5f5f5f;
                }
                
                .fooLink li {
                    display: inline-block;
                    vertical-align: top;
                }
                
                footer:after {
                    content: ' ';
                    display: none;
                    clear: both;
                }

                @media screen and (max-width:767px) {
                    footer .maxWidth{
                        padding: 5rem 0 1rem 0;
                    }
                    .foo1 {
                        width: 100%;
                    }
                    .foo2{
                        width: auto;
                    }
                    .foo1 p{
                        text-align: center;
                    }
                    .foo1 ul  {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-wrap: wrap;
                    }
                    .foo2{
                        position: absolute;
                        top: 20px;
                        left: 50%;
                        transform: translateX(-50%)
                    }
                }



                /* ===============  APPLICATON  =============== */
                
                .sliderC {
                    height: 25rem;
                    /*37.5rem;*/
                    position: relative;
                    padding-top: 12rem;
                    /* 18rem;*/
                }
                
                .sliderA {
                    height: 56.25rem;
                }
                
                .bgblk {
                    background: rgba(0, 0, 0, .7);
                    /* height: 6.3rem; */
                    /* 10rem*/
                    /* border-bottom: solid 1px #fff; */
                }
                
                .appTit {
                    width: 100%;
                    max-width: 26rem;
                    margin: auto;
                    padding-left: 1rem;
                }
                
                #apph2 {
                    color: #335caa;
                    text-align: center;
                    line-height: 46pt;
                }
                
                .blackT {
                    color: #000;
                }
                
                .contH2 {
                    font-size: 2rem;
                    text-transform: capitalize;
                }
                /* ===============  INVERSTOR  =============== */
                
                .fin-padding {
                    padding: 30px 0 0 0;
                }
                
                .ind-app .row {
                    width: 100%;
                    display: block;
                    max-width: 87.5rem;
                    margin: auto;
                    max-width: 1200px;
                }
                
                .col3 {
                    width: 30%;
                    display: inline-table;
                    margin-left: 40px;
                }
                
                .ind-app .col3 img {
                    width: 100%;
                    height: 100%;
                }
                
                .ind-app .col3 .title {
                    margin-top: 20px;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    letter-spacing: .05rem;
                    font-size: 1.25rem;
                    color: #000;
                    line-height: 16pt;
                }
                
                .ind-app .col3 .rowP {
                    padding-left: 0;
                    padding-bottom: 6rem;
                    text-align: left;
                    line-height: 21pt;
                    letter-spacing: .05rem;
                    color: #5b5b5b;
                    height: 3.5rem;
                    overflow: hidden;
                    display: none;
                }
                
                .ind-app .content .apptitle {
                    display: block;
                    height: 100%;
                    height: 150px;
                    padding: 10px 0;
                }
                
                #invH2 {
                    color: #FFF;
                    text-align: left;
                    line-height: 46pt;
                }
                
                #invH2 span {
                    color: #bbbbbb;
                }
                
                .invTit {
                    width: 80%;
                    max-width: 87.5rem;
                    margin: 0 auto ;
                    line-height: 50pt;
                }
                
                /* #proTit {
                    margin: 4rem auto auto 17.75rem;
                } */
                
                #logTit {
                    width: 100%;
                    max-width: 87.5rem;
                    top: 50%;
                    margin: auto;
                    right: 0;
                    position: absolute;
                    left: 0;
                    padding-left: 58%;
                    text-align: left;
                    color: #999999;
                }
                
                #logTitp {
                    font-size: 1.125rem;
                }
                
                #invH2 .txtblue {
                    color: #335caa;
                }
                
                #invH2 .txtblk,
                .txtblk {
                    color: #000;
                }
                
                .investorpath {
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                
                .investorpath ul {
                    list-style-type: none;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    float: left;
                }
                
                .investorpath ul li {
                    float: left;
                }
                
                .investorpath ul li:after {
                    content: '‧';
                    margin: auto 5px;
                    color: #335CAA;
                }
                
                .investorpath ul li:last-child:after {
                    content: ' ';
                }
                
                .investorpath ul:after,
                .investorpath ul:before {
                    content: '';
                    display: none;
                    clear: both;
                }
                
                .investorpath ul.investorpath:after {
                    content: '';
                    clear: both;
                    display: block;
                }
                
                #inverBUT {
                    display: inline-table;
                    width: 50%;
                    max-width: 440px;
                    min-width: 200px;
                    padding-left: 10px;
                    color: #666;
                    font-size: .875rem;
                    letter-spacing: .075rem;
                    position: relative;
                    background: #ffffff;
                    line-height: 28pt;
                    border: solid 1px #666;
                }
                
                #inverBUT a {
                    color: #666;
                }
                
                #inverBUT i {
                    margin-left: 1rem;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    position: absolute;
                    right: 20px;
                    color: #666;
                    padding-left: 18px;
                    border-left: solid 1px #000;
                    line-height: 15pt;
                    margin-top: 8px;
                    width: 0px;
                    border: 8px solid transparent;
                    border-top-color: #000;
                    margin: 0;
                    padding: 0;
                    float: left;
                    transform: rotate(270deg) translate(0px, 25px);
                    -webkit-transform: rotate(270deg) translate(0px, 25px);
                    -moz-transform: rotate(270deg) translate(0px, 25px);
                    -o-transform: rotate(270deg) translate(0px, 25px);
                    -ms-transform: rotate(270deg) translate(0px, 25px);
                }
                
                #inverBUT i:before {
                    content: ' ';
                    position: absolute;
                    width: 1px;
                    height: 15px;
                    display: block;
                    background: #999999;
                    transform: rotate(270deg) translate(0px, 25px);
                    -webkit-transform: rotate(270deg) translate(0px, 25px);
                    left: -26px;
                    top: -30px
                }
                
                #inverBUT i:after {
                    content: '';
                    width: 0px;
                    height: 0px;
                    border: 6px solid transparent;
                    border-top-color: white;
                    display: inline-block;
                    -webkit-transform: translate(-6px, -12px);
                }
                /*financial*/
                
                #middleMenu {
                    max-width: 87.5rem;
                    width: 100%;
                    /* height: 100px; */
                    padding: 0 42px;
                    margin: auto;
                    list-style: none;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    line-height: 133%;
                    letter-spacing: .05rem;
                    font-size: 1rem;
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: auto auto 10px auto;
                }
                
                #middleMenu li {
                    margin: 0;
                    /* text-transform: uppercase; */
                    color: #868686;
                    position: relative;
                    display: inline-block;
                    width: 20%;
                    max-width: 150px;
                }


                #middleMenu li a {
                    height: auto;
                    /* border: 1px solid #000; */
                    margin: auto;
                    display: block;
                    /* padding-bottom: 100px; */
                    color: #999999;
                    width: 100%;
                    max-width: 100px;
                    text-align: center;
                    vertical-align: middle;
                    /* line-height: 80pt; */
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                    padding: 30px 0;
                }
                
                #middleMenu li a.active {
                    color: #000000;
                    border-bottom: solid 1px #335CAA;
                }
                
                #middleMenu li:first-child:after {
                    content: ' ';
                    background: #F2F2F2;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 48%;
                    width: 1px;
                    height: 11px;
                    background: #F2F2F2;
                    float: left;
                }
                
                #middleMenu li:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 48%;
                    width: 1px;
                    height: 11px;
                    background: #DDDDDD;
                    float: left;
                }
                
                .Fbreadcrumb {
                    background: #fff;
                }
                
                #investorlist {
                    padding: 3rem 0 0 0;
                    z-index: 2;
                }
                
                #tab3 {
                    width: calc(100% - 50px);
                    display: block;
                    /* max-width: 500px; */
                    margin-left: 50px;
                }
                
                #tab3 li {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: .875rem;
                    line-height: 133%;
                    letter-spacing: .05rem;
                    float: left;
                    display: inline-flex;
                    color: #999999;
                }
                
                #tab3 li a {
                    color: #999999;
                }
                
                #tab3 li.aktif a {
                    color: #000;
                }
                
                #tab3 li:after {
                    content: '‧';
                    color: #335CAA;
                    margin: 0 5px;
                    font-weight: bold;
                }
                
                #tab3 li:last-child:after {
                    content: ' ';
                }
                
                #finLeft {
                    position: relative;
                    display: flex;
                }
                
                #finRight {
                    position: absolute;
                    right: 0;
                    width: 60px;
                }
                
                .hrinverstor {
                    width: 27px;
                    height: 1px;
                    border: solid 1px #335CAA;
                    position: absolute;
                    left: 0;
                    top: 15px;
                }
                /* ===============  CSR  =============== */
                
                .moerBut {
                    display: inline-table;
                    width: 100%;
                    max-width: 250px;
                    padding: 4px 21px;
                    color: #fff;
                    font-size: .875rem;
                    letter-spacing: .075rem;
                    position: relative;
                    background: #fff;
                    border: solid 1px #999999;
                    line-height: 28pt;
                    margin-bottom: 132px;
                }
                
                .moerBut a {
                    color: #999999;
                }
                
                .moerBut i {
                    margin-left: 1rem;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    position: absolute;
                    right: 20px;
                    color: #AFAFAF;
                    padding-left: 18px;
                    border-left: solid 1px #999999;
                    height: 19px;
                    line-height: 15pt;
                    margin-top: 8px;
                }
                
                .csrtab {
                    width: 100%;
                    margin: auto;
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .csrtab li {
                    display: table-cell;
                }
                
                .relative {
                    position: relative;
                }
                
                .breadcrumbs {
                    position: absolute;
                    top: 0;
                    right: 0;
                }
                @media screen and (max-width:767px) {
                    .breadcrumbs {
                        transform: translateY(0%);
                    }
                }
                
                .breadcrumbs:before,
                .breadcrumbs:after {
                    content: '';
                    display: block;
                    clear: both;
                }
                
                .csrh3 {
                    margin-top: 43px;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: 1.75rem;
                    line-height: 100%;
                }
                
                .csrArticle {
                    width: 100%;
                    margin: 54px auto 195px auto;
                    overflow: auto
                }
                
                .csrArticle>div{
                    width: 100%;
                    /* min-width: 1024px; */
                }
                .csrArticle>div.finacial,
                .csrArticle>div.monthly,
                .csrArticle>div.shareholders2,
                .csrArticle>div.shareholders{
                    min-width: 1200px;
                }
                
                .csrArticle>div.money,.csrArticle>div.shareholders,.csrArticle>div.qaContent{
                    width: 100%;
                    min-width: auto;
                }
                .csrArticle>div.money{
                    text-align: right;
                }
                
                .csrArticle:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                .csrArticle p {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: 1rem;
                    line-height: 240%;
                    letter-spacing: .04rem;
                    margin: 0;
                    /* word-break: break-all; */
                }
                
                #conFaq {
                    min-height: 500px;
                    /* height: 100%; */
                    margin: auto;
                }
                
                .leftp {
                    width: calc(100% -  485px);
                    float: left;
                }
                
                .rightimg {
                    width: 100%;
                    max-width: 450px;
                    float: left;
                    margin-left: 35px;
                }
                
                .rightimg:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                .clear a img{
                    width: 100%;
                    max-width: 800px;

                }

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

                    .leftp {
                        width: 100%;
                        float: left;
                    }
                    
                    .rightimg {
                        width: 100%;
                        max-width: 450px;
                        float: left;
                        margin-left: 0px;
                    }
                }
                .prodlibg {
                    background-color: #fafafa;
                }
                /*  --------------------------------------------------
  :: Tab Style
  -------------------------------------------------- */
                
                .tabGroup {
                    border-bottom: solid 1px #dddddd;
                }
                
                ul#tab2 {
                    max-width: 87.5rem;
                    width: 100%;
                    height: 100px;
                    margin-bottom: 10px;
                    /*padding: 0 42px;*/
                    margin: auto;
                    list-style: none;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    line-height: 133%;
                    letter-spacing: .05rem;
                    font-size: 1rem;
                }
                
                ul#tab2 li {
                    float: left;
                    margin: 0;
                    text-transform: uppercase;
                    color: #868686;
                    position: relative;
                }
                
                ul#tab2 li:first-child:after {
                    content: ' ';
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 48%;
                    width: 1px;
                    height: 11px;
                    background: #F2F2F2;
                    float: left;
                }
                
                ul#tab2 li:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 48%;
                    width: 1px;
                    height: 11px;
                    background: #DDDDDD;
                    float: left;
                }
                
                .newstab .csrtab li {
                    width: 16.66%;
                    max-width: 233px;
                    /*198px;*/
                }
                
                .newstab .csrtab li a {
                    text-align: center;
                    vertical-align: middle;
                    /* line-height: 80pt; */
                }
                
                ul#tab2 li a {
                    display: block;
                    padding-bottom: 100px;
                    color: #999999;
                }
                
                ul#tab2 li.aktif a {
                    color: #000000;
                    border-bottom: solid 1px #335CAA;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    transition: all .3s ease;
                }
                
                div.tab_icerik {
                    width: 100%;
                    min-height: 350px;
                    height: auto;
                    background: #FFF;
                    color: #aaa;
                    overflow: hidden;
                }

                
                div.tab_icerik .newscon {
                    padding-top: 20px;
                }
                
                div.tab_icerik .newscon h1 {
                    color: #000;
                }
                /* ===============  ABOUT  =============== */
                
                #abouttit {
                    /* position: absolute;
                    top: 50%; */
                    margin-top: 20vh;
                }
                
                #abouth1 {
                    color: #999999;
                }
                
                .abouttitP {
                    color: #999999;
                    margin-top: 2.5rem
                }
                
                .scroll1 {
                    width: 100%;
                    max-width: 8rem;
                    margin: auto;
                    text-align: center;
                    position: absolute;
                    bottom: 5.625rem;
                    left: 0;
                    right: 0;
                }
                
                .scroll1 i {
                    background: url(../img/scroll1.png) no-repeat center center;
                    width: 35px;
                    height: 35px;
                    display: block;
                    margin: auto;
                }
                
                .scroll1 p {
                    font-size: 1.188rem;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sans-serif, Verdana;
                    margin-top: 10px;
                    color: #333;
                }
                
                .scroll1 p:hover {
                    color: #565193;
                }
                
                .ind-app .abouth2 {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 2.375rem;
                    color: #000;
                    text-align: left;
                    text-transform: capitalize;
                }
                
                .abouth2P {
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    color: #666666;
                    font-size: 1.188rem;
                    line-height: 28pt;
                    letter-spacing: .04rem;
                    padding-left: 8rem;
                    padding-bottom: 2rem;
                }
                
                #esmtlogo {
                    background: url(../img/logo2.png) no-repeat bottom left;
                    background-position-x: 2.2rem;
                }
                
                .max-width {
                    width: 90%;
                    max-width: 87.5rem;
                    margin: auto;
                }
                
                .row .marginT {
                    margin-top: -50px;
                }
                
                #abouth2W {
                    max-width: 54rem;
                    text-transform: capitalize;
                    background: url(../img/about4.png) no-repeat left top;
                    padding: 2.5rem 3rem;
                }
                
                #about2i {
                    width: 100px;
                    height: 100px;
                    right: 12%;
                    position: absolute;
                    margin-top: -90px;
                }
                
                @media screen and (max-width: 767px) {
                    .ind-app .abouth2 {
                        font-size: 2rem;
                        line-height: 2.5rem;
                    }
                    .abouth2P {
                        font-size: 1.188rem;
                        line-height: 1.75rem;
                        padding-left: 0rem;
                        padding-bottom: 2rem;
                    }
                }

                @media screen and (max-width: 500px) {
                    .ind-app .abouth2 {
                        font-size: 1.5rem;
                        line-height: 2rem;
                    }
                    .abouth2P {
                        font-size: 1rem;
                        line-height: 1.5rem;
                        padding-left: 0rem;
                        padding-bottom: 2rem;
                    }
                }
                .ban1 {
                    width: 100%;
                    max-height: 100%;
                    height: 28.125rem;
                    background: url(../img/about6.jpg) no-repeat center;
                    background-size: cover;
                    margin: 7.5rem auto;
                    padding: 0;
                    position: relative;
                }
                
                .ban1 .banTxt {
                    position: absolute;
                    right: 12%;
                    top: 30%;
                    bottom: 50%;
                    width: 50%;
                    max-width: 45rem;
                    margin: auto;
                }
                
                .ban1 .banTxt h3 {
                    font-size: 2.313rem;
                    line-height: 33pt;
                    color: #FFF;
                    font-family: "Century Gothic", "Myriad Pro", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    font-weight: bold;
                }
                
                .ban1 .banTxt p {
                    font-size: 1.188rem;
                    color: #FFF;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    line-height: 28pt;
                    letter-spacing: .04rem;
                }
                
                .ban2 {
                    width: 100%;
                    max-height: 100%;
                    height: 28.125rem;
                    background: url(../img/about8.jpg) no-repeat center;
                    background-size: cover;
                    margin: 7.5rem auto auto auto;
                    padding: 0;
                    position: relative;
                }
                
                .ban2 .banTxt {
                    position: absolute;
                    left: 15%;
                    top: 50%;
                    bottom: auto;
                    width: 50%;
                    max-width: 45rem;
                    margin: auto;
                    transform: translate(0%,-50%);
                }
                
                .ban2 .banTxt h3 {
                    font-size: 2.313rem;
                    line-height: 33pt;
                    color: #FFF;
                    font-family: "Century Gothic", "Myriad Pro", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                }
                
                .ban2 .banTxt p {
                    font-size: 1rem;
                    color: #BABABA;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    line-height: 26pt;
                    letter-spacing: .04rem;
                }
                
                .aboutIND {
                    width: 100%;
                    margin: auto;
                    padding-left: 4.75rem;
                    margin-bottom: 6.75rem;
                }
                
                .aboutIND .left {
                    width: 15%;
                    float: left;
                }
                
                .aboutIND .right {
                    width: 85%;
                    float: right;
                    padding-left: 5.125rem;
                }
                
                .aboutIND .right h3 {
                    font-size: 2.313rem;
                    color: #000;
                    margin-bottom: 2.5rem;
                }
                
                .aboutIND .right p {
                    width: 100%;
                    padding-left: 8rem;
                }
                
                .aboutIND:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                .abouthr {
                    width: 100px;
                    height: 1px;
                    border: solid 1px #335CAA;
                    float: left;
                    margin-top: 12px;
                }
                
                .abouthr2 {
                    width: 100px;
                    height: 1px;
                    border: solid 1px #335CAA;
                    float: left;
                    margin-top: 40px;
                }
                @media screen and (max-width: 767px) {

                    .ban1 {
                        height: 32rem;
                    }
                    .ban1 .banTxt {
                        position: absolute;
                        right: auto;
                        left: 30%;
                        top: 30%;
                        bottom: 50%;
                        width: 65%;
                        max-width: 45rem;
                        margin: auto;
                    }

                    .ban1 .banTxt h3 {
                        font-size: 2rem;
                        line-height: 2.5rem; 
                    }
                    .ban1 .banTxt p {
                        font-size: 1.188rem;
                        line-height: 1.75rem;
                        padding-left: 0rem;
                        padding-bottom: 2rem;
                    }

                    .abouthr2 {
                        margin-top: 10px;
                        margin-bottom: 30px;
                        float: none;
                    }

                    .aboutIND {
                        width: 100%;
                        margin: auto;
                        padding-left: 0rem;
                        margin-bottom: 6.75rem;
                    }

                    .aboutIND .left {
                        width: 100%;
                        float: none;
                        display: flex;
                        justify-content: center;
                        margin-bottom: 30px;
                    }
                    
                    .aboutIND .right {
                        width: 100%;
                        float: none;
                        padding-left: 0;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                    }
                    .aboutIND .right h3 {
                        margin-bottom: 0;
                    }
                    .aboutIND .right p {
                        width: 100%;
                        padding: 0 40px;
                        
                    }
                    .ban2 {
                        background-position: 60% 50%; 
                    }
                    
                    .ban2 .banTxt {
                        position: absolute;
                        top:50%;
                        left: 50%;
                        bottom: auto;
                        width: 50%;
                        bottom:auto;
                        transform: translate(-50%,-50%);
                        max-width: 45rem;
                        margin: auto;
                    }
                    
                    .ban2 .banTxt h3 {
                        font-size: 2.313rem;
                        line-height: 33pt;
                        color: #FFF;
                        font-family: "Century Gothic", "Myriad Pro", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    }
                    
                    .ban2 .banTxt p {
                        font-size: 1rem;
                        color: #BABABA;
                        font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                        line-height: 20pt;
                        letter-spacing: .04rem;
                    }
                }
                @media screen and (max-width: 500px) {

                    .ban1 .banTxt {
                        position: absolute;
                        right: auto;
                        left: 50%;
                        width: 80%;
                        top: 50%;
                        bottom: auto;
                        transform: translate(-50%,-50%);
                    }

                    .ban1 .banTxt h3 {
                        font-size: 2rem;
                        line-height: 2.5rem; 
                    }
                    .ban1 .banTxt p {
                        font-size: 1.188rem;
                        line-height: 1.75rem;
                        padding-left: 0rem;
                        padding-bottom: 2rem;
                    }
                }


                /**/
                
                .row {
                    width: 100%;
                    /* padding: 7.5rem 0; */
                    margin: auto;
                }
                
                .row:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .col1,
                .col2,
                .col3,
                .col4,
                .col5,
                .col6,
                .col7,
                .col8,
                .col9 {
                    float: left;
                    display: inline-table;
                    margin: auto;
                    padding: 0 1rem;
                }
                
                .col1 img,
                .col2 img,
                .col3 img,
                .col4 img,
                .col5 img,
                .col6 img,
                .col7 img,
                .col8 img,
                .col9 img {
                    /*max-width: 90%;*/
                    width: 100%;
                    margin: auto;
                }
                
                .col1 {
                    width: 10%;
                }
                
                .col2 {
                    width: 20%;
                }
                
                .col25 {
                    width: 25%;
                }
                
                .col3 {
                    width: 30%;
                }
                
                .col4 {
                    width: 40%;
                }
                
                .col5 {
                    width: 50%;
                }
                
                .col6 {
                    width: 60%;
                }
                
                .col7 {
                    width: 70%;
                }
                
                .col8 {
                    width: 80%;
                }
                
                .col9 {
                    width: 90%;
                }
                /* ===============  NEWS  =============== */
                
                /* #newstit {
                    position: absolute;
                    top: 60%;
                } */
                
                .newstab {
                    width: 100%;
                    /* min-height: 100px; */
                    height: auto;
                    background: #f2f2f2;
                    
                }
                
                .newstab:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                .newstab li a {
                    width: 100%;
                    height: 20px;
                    text-align: left;
                    vertical-align: middle;
                    line-height: 17pt;
                    color: #000;
/* 
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical; */
                }
                #changeCap{
                    display: inline-block;
                    width: auto;
                    height: auto;
                }
                
                .newstab li a:hover {
                    color: #999999;
                }
                /* Tab */
                
                ul#tab {
                    max-width: 87.5rem;
                    width: 100%;
                    margin-bottom: 10px;
                    padding: 15px 100px 15px 100px;
                    margin: auto;
                    list-style: none;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                
                ul#tab li {
                    margin: 5px 10px;
                    text-transform: uppercase;
                }
                
                ul#tab li a {
                    background-color: #fff;
                    display: block;
                    padding: 5px 20px;
                    color: #999999;
                    line-height: 2.25rem;
                    height: 40px;
                }
                
                ul#tab li.aktif a {
                    background-color: #335caa;
                    color: #FFF;

                }

                @media screen and (max-width: 767px) {
                    ul#tab {
                        padding: 15px 20px 15px 20px;
                        flex-direction: column;
                    }
                }
                
                
                .newscon {
                    width: 100%;
                    margin: auto;
                }
                
                .newscon ul:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                .newscon li {
                    height: 100px;
                    font-size: 1.125rem;
                    border-bottom: solid 1px #dddddd;
                }
                
                .newsline {
                    height: 1px;
                    width: 100px;
                    border: solid 1px #335CAA;
                    float: left;
                    margin-top: 50px;
                    margin-right: 15px;
                    margin-bottom: 20px;
                    display: none;
                }
                
                #newstit1 {
                    width: 20%;
                    float: left;
                    height: 40px;
                    background: #bbbbbb;
                    margin-right: 2px;
                    color: #FFF;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 1.063rem;
                    font-weight: bold;
                    line-height: 28pt;
                    padding-left: 22px;
                }
                
                #newstit2 {
                    width: 78%;
                    float: left;
                    height: 40px;
                    background: #d8d8d8;
                    color: #FFF;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 1.063rem;
                    font-weight: bold;
                    line-height: 28pt;
                    padding-left: 26px;
                }
                
                .data {
                    width: 20%;
                    float: left;
                    color: #335caa;
                    padding: 42px 0 38px 22px;
                    line-height: 20pt;
                    letter-spacing: .025rem;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sans-serif, Verdana;
                }
                
                .newsp {
                    width: 80%;
                    float: left;
                    color: #000;
                    padding: 42px 64px 38px 26px;
                    line-height: 20pt;
                    letter-spacing: .04rem;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sans-serif, Verdana;
                }

                @media screen and (max-width: 767px) {
                    .newscon li {
                        height: auto;
                    }
                    .data {
                        width: 100%;
                        padding: 20px 20px 5px 20px;
                    }
                    .newscon li.data {
                        border-bottom: 0px; 
                    }
                    .newsp {
                        width: 100%;
                        padding: 10px 20px 20px 20px;
                    }
                    #newstit1,#newstit2{
                        width: 100%;
                    }

                }

                .grayN {
                    background: #fafafa;
                }
                
                .page {
                    width: 100%;
                    max-width: 87.5rem;
                    margin: 0 auto 200px auto;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sans-serif, Verdana;
                    font-size: 1.125rem;
                    line-height: 100%;
                    color: #999999;
                    display: none;
                }
                
                .page ul {
                    text-align: center;
                }
                
                .page ul li {
                    display: inline-table;
                    padding: 0 2rem;
                    color: #999999;
                }
                
                .page ul li a {
                    color: #999999;
                }
                
                .page ul li a:hover {
                    color: #000;
                }
                
                .page ul li a:active {
                    color: #000;
                }
                
                .page ul li.next a {
                    background: url(../img/next1.png) no-repeat center;
                    width: 12px;
                    height: 12px;
                    display: block;
                    margin-right: 5px;
                }
                
                .page ul li.prev a:hover,
                .page ul li.next a:hover {
                    opacity: .5;
                }
                
                .page ul li.prev a {
                    background: url(../img/prev1.png) no-repeat center;
                    width: 12px;
                    height: 12px;
                    display: block;
                }
                
                .clear {
                    clear: both;
                }
                
                .breadcrumb {
                    width: 100%;
                    margin: 85px auto 90px auto;
                    padding-bottom: 44px;
                    border-bottom: solid 1px #D8D8D8;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    font-size: 1rem;
                    color: #335CAA;
                }
                
                .breadleft {
                    display: block;
                    width: calc(100% - 130px);
                    float: left;
                }
                @media screen and (max-width: 767px) {
                    .breadleft {
                        width: 100%;
                        margin-bottom: 15px;
                    }
                }
                .breadleft li {
                    display: inline-block;
                    padding: 0;
                }
                
                #breadtit {
                    color: #000;
                }
                
                #breaddate:before {
                    content: '│';
                    color: #CCC;
                    padding: 0 14px;
                }
                
                .breadright {
                    display: block;
                    width: 130px;
                    float: right;
                    color: #335CAA;
                }
                
                .breadright a {
                    color: #335CAA;
                }
                
                .breadright a:hover {
                    color: #000;
                }
                
                .newsarticle {
                    width: 100%;
                    max-width: 87.5rem;
                    display: block;
                    margin-bottom: 200px;
                }

                .newsarticle img{
                    max-width: 100% !important;
                    width: auto !important;
                    height: auto !important;
                }
                
                .newstit {
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    font-size: 1.313rem;
                    letter-spacing: .004rem;
                    color: #000;
                    margin-bottom: 48px;
                }
                
                .newsarticle p {
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    color: #666666;
                }
                
                .newsarticle .newsimg {
                    float: left;
                    margin: 0 2rem 2rem 0;
                }
                /* ===============  CONTACT  =============== */
                
                .conttit {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sesens-serif, verdana;
                    font-size: 2rem;
                    text-transform: inherit;
                }
                
                .conttab#tab {
                    max-width: 40rem;
                }
                
                .conttitp {
                    font-size: .875rem;
                    line-height: 200%;
                    letter-spacing: .04rem;
                    color: #999999;
                    padding-bottom: 1.3rem;
                    border-bottom: solid 1px #EEEEEE;
                    margin-top: 32px;
                }
                
                .conttitp span {
                    color: #666666;
                    font-weight: bold;
                }

                @media screen and (max-width: 1024px) {
                    .conttitp span:before {
                        content: '';
                        display: block;
                    }
                }
                .information {
                    width: 100%;
                }
                
                .information li {
                    float: left;
                    display: block;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    font-size: 1.13rem;
                    color: #999999;
                    margin: 35px auto auto auto;
                    border-bottom: solid 1px #EEEEEE;
                    width: 100%;
                }
                
                .information:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .information li hr {
                    width: 20px;
                    height: 1px;
                    border: solid 1px #335CAA;
                    float: left;
                    margin: 10px 24px auto 24px;
                }
                
                .information li h3 {
                    font-weight: bold;
                    color: #666666;
                    font-size: 1.5rem;
                }
                
                .information li p {
                    margin-top: 0;
                    /* text-indent: 4rem; */
                    padding-left: 68px;
                }
                
                .information li strong {
                    color: #000;
                }
                @media screen and (max-width: 1024px) {
                    .information li strong:before {
                        content: '';
                        display: block;
                    }
                }
                
                .informationSales {
                    width: 100%;
                    margin-top: 70px;
                }
                
                .informationSales li {
                    float: left;
                    display: block;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                    font-size: 1.13rem;
                    color: #999999;
                    letter-spacing: .04rem;
                    border-bottom: solid 1px #EEEEEE;
                    margin: auto auto 38px auto;
                    width: 100%;
                }
                .informationSales li.hsinleft {
                    border-bottom: 0px;
                }
                
                .informationSales:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .informationSales li h3 {
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sesens-serif, verdana;
                    font-size: 1.5rem;
                    color: #000;
                }
                
                .informationSales li strong {
                    color: #666666;
                }
                @media screen and (max-width: 1024px){
                    .informationSales li strong:before {
                        content: '';
                        display: block;
                    }
                }
                .informationSales li p {
                    margin: 1rem auto 1.5rem auto;
                    word-wrap: break-word;
                }
                
                .areaA {
                    width: 100%;
                    margin: auto auto 10rem auto;
                }
                
                .area {
                    display: block;
                    width: 70%;
                    max-width: 87.5rem;
                    margin: auto auto 60px auto;
                }
                
                .area li {
                    color: #999999;
                    float: left;
                    display: inline-block;
                    padding: 10px 40px 8px;
                    border: solid 1px #DDDDDD;
                    background: #fff;
                    margin: 5px 10px;
                }
                
                .area li:hover {
                    background: #000;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }
                
                .area li a {
                    color: #999999;
                }
                
                .area li a:hover {
                    color: #fff;
                }
                
                .area:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                /*contactform*/
                
                .cont {
                    margin-top: 127px;
                    width: 100%;
                }
                
                #contactForm {
                    width: 100%;
                    margin: 70px auto 200px auto;
                }
                
                #contactForm li {
                    display: inline-flex;
                    flex-wrap: wrap;
                    vertical-align: top;
                    margin: auto;
                    padding: 2rem 1rem 1.6rem;
                    border-bottom: solid 1px #CCCCCC;
                }

                #contactForm li>div{
                    display: flex;
                    flex-wrap: wrap;
                    width: calc(100% - 250px);
                    padding: 0 0 0 20px;
                }
                #contactForm li>div>span{
                    display: flex;
                }
                
                #contactForm li label {
                    min-width: 220px;
                    width: auto;
                    display: inline-block;
                    /* position: absolute; */
                    color: #262626;
                    /* padding-left: 1rem; */
                    font-size: 1.125rem;
                    font-weight: bold;
                    line-height: 22pt;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sesens-serif, verdana;
                }
                
                #contactForm li label.butcolor {
                    color: #999999;
                    font-weight: normal;
                    font-family: "Myriad Pro", "Century Gothic", Century, "微軟正黑體", Arial, sesens-serif, verdana;
                }
                #contactForm li select{
                    /* margin-left: 16rem; */
                    height: 29px;
                }
                #contactForm li select+select{
                    margin-left: 20px;
                    height: 29px;
                }

                #contactForm input {
                    height: 30px;
                    display: inline-block;
                    border: 0;
                    background: transparent;
                    /* margin-left: 16rem; */
                    width: 100%;
                }
                
                #contactForm input#radio {
                    margin: 0 10px;
                    width: 16px;
                }
                
                /* #contactForm input#radio.firstradio {
                    margin-left: 16rem;
                } */
                
                #contactForm textarea {
                    padding-top: .6rem;
                    /* padding-left: 16rem; */
                }
                
                #contactForm li label:first-child:after {
                    content: ' ─ ';
                    color: #335CAA;
                    float: right;
                }
                
                @media screen and (max-width:767px) {
                    .area {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        width: 100%;

                    }

                    #contactForm li>div{
                        width: 100%;
                    }

                    #contactForm li select{
                        width: calc(60% - 10px);
                    }
                    #contactForm li select+select{
                        width: calc(40% - 10px);
                        margin-left: 10px;
                    }



                }


                .bggray {
                    background: #EEEEEE;
                }
                
                #contactForm li.noborder {
                    border: none;
                }
                
                #contactForm li.conbutton {
                    margin: auto;
                    width: 100%;
                    text-align: center;
                    margin-top: 60px;
                    display: flex;
                    justify-content: center;
                }
                #contactForm li.conbutton a {
                    width: auto;
                    height: 40px;
                }
                
                .w100 {
                    width: 100%;
                }
                
                #submit,
                #reset {
                    padding: 12px 70px;
                    border: solid 1px #999999;
                    margin: 0 .2rem;
                    text-transform: uppercase;
                    text-align: center;
                }
                #contactForm li.conbutton #submit,
                #contactForm li.conbutton #reset{
                    width: 200px;
                }
                
                #submit {
                    background-color: #335CAA;
                    color: #FFF;
                }
                
                #reset {
                    background-color: #fff;
                    color: #999999;
                }
                
                .conimg {
                    float: right;
                    margin-top: -9rem;
                    margin-left: 38rem;
                    margin-bottom: -55rem;
                    width: 100%;
                    max-width: 500px;
                }
                @media screen and (max-width:767px) {
                    .conimg {
                        margin-top: 0;
                        margin-bottom: 0;
                    }
                }
                
                .salestit {
                    font-size: 3rem;
                    font-family: "Century Gothic", Century, "Myriad Pro", "微軟正黑體", Arial, sesens-serif, verdana;
                    color: #000;
                    text-transform: uppercase;
                }
                @media screen and (max-width:767px) {
                    .salestit {
                        font-size: 2rem;
                        order:0;
                        width: 100%;
                    }
                    .newsline {
                        margin-top: 30px;
                        order: 1;
                        display: block;
                    }
                }
                .salesline {
                    width: 20px;
                    height: 1px;
                    border: solid 1px #335CAA;
                    float: left;
                    margin-top: 10px;
                    margin-right: 10px;
                }
                
                .informationSales li.inleft {
                    margin-left: 50px;
                    border: none;
                }
                .inleft + li:not(.inleft) {
                    padding-top: 1.5rem;
                    border-top:1px solid #eeeeee; 
                }
                
                .informationSales li.inleft h3 {
                    color: #666666;
                }
                
                .informationSales li.inleft p {
                    margin-left: 30px;
                }
                @media screen and (max-width: 768px) {
                    .informationSales li.inleft {
                        margin-left: 25px;
                    }
                }
                /*  --------------------------------------------------
  :: Form Style
  -------------------------------------------------- */
                
                input:focus::-webkit-input-placeholder {
                    color: transparent;
                }
                
                input:focus:-moz-placeholder {
                    color: transparent;
                }
                /* FF 4-18 */
                
                input:focus::-moz-placeholder {
                    color: transparent;
                }
                /* FF 19+ */
                
                input:focus:-ms-input-placeholder {
                    color: transparent;
                }
                /* IE 10+ */
                
                input[type="text"],
                textarea {
                    border: 0;
                    background: transparent;
                    width: 100%;
                }
                
                input[type="text"]:focus,
                textarea {
                    outline: none;
                }
                
                .paddTOP {
                    /* padding-top: 55px; */
                }
                /* ===============  LOGIN  =============== */
                
                .txtcenter {
                    text-align: center;
                }
                
                .member {
                    width: 100%;
                    display: block;
                    margin-top: 55px;
                    margin-bottom: 70px;
                    border: none;
                    padding: 0;
                }
                
                .member:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                .memberLeft {
                    /* float: left; */
                    /* width: 48%; */
                    display: inline-block;
                    /* margin-right: 50px; */
                    width: 100%;
                    max-width: 767px;
                    margin: 0 auto;
                }

                
                .memberRight {
                    float: left;
                    width: 42%;
                    display: inline-block;
                    padding-left: 50px;
                    margin-right: 50px;
                    text-align: left;
                }

                .memberCenter {
                    width: 55%;
                    display: inline-block;
                    padding-left: 50px;
                    margin-right: 50px;
                    text-align: left;
                }

                
                .hrgray {
                    width: 3%;
                    max-width: 1px;
                    height: 270px;
                    margin: 0;
                    border: solid 1px #EEEEEE;
                    float: left;
                    display: none;
                }
                
                .noborder {
                    border: none;
                }
                
                .login {
                    width: 100%;
                    text-align: left;
                }
                
                .login li {
                    display: block;
                }
                
                .login li:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .logintxt {
                    font-size: 2.25rem;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                }
                
                .name {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: 1rem;
                    color: #000;
                    font-weight: bold;
                    width: 30%;
                    float: left;
                    display: inline-table;
                    padding: 31px 0px 30px 10px;
                    border-bottom: solid 1px #CCCCCC;
                }
                
                .loginform {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-size: 1rem;
                    color: #999999;
                    width: 70%;
                    float: left;
                    display: inline-table;
                    padding: 28px 20px 30px 10px;
                    border-bottom: solid 1px #EEEEEE;
                }

                
                .name:after {
                    content: ' ';
                    display: block;
                    background: #335CAA;
                    margin-right: 20px;
                    width: 20px;
                    height: 1px;
                    float: right;
                    margin-top: 5px;
                    margin-left: 26px;
                }
                
                .login li:first-child .name {
                    border-top: solid 1px #CCCCCC;
                }
                
                .login li:first-child .loginform {
                    border-top: solid 1px #EEEEEE;
                }
                
                @media screen and (max-width:767px) {
                    .name {
                        width: 100%;
                        padding: 31px 0px 10px 10px;
                        border-bottom: 0px;
                    }
                    
                    .loginform {
                        width: 100%;
                        padding: 10px 20px 30px 10px;
                    }

                    .login li:first-child .loginform {
                        border-top: 0px;
                    }

                    
                }

                .loginform input {
                    color: #999999;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-size: 1rem;
                    font-weight: normal;
                    letter-spacing: .05rem;
                }
                
                .search_input li {
                    float: left;
                    box-sizing: border-box;
                    padding: 0;
                }
                
                .search_input li:after {
                    content: "";
                    display: block;
                    clear: both;
                }
                
                .search_input li:first-child {
                    width: 100%;
                }
                
                .search_input li:last-child {
                    position: relative;
                }
                
                .search_input li:after {
                    content: "";
                    display: block;
                    clear: both;
                }
                
                .search_input a {
                    width: 45px;
                    height: 40px;
                    background: url(../img/magnifier1.png) no-repeat #335CAA center;
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 0;
                }
                
                #password {
                    background: #EEEEEE;
                }
                
                #loginbutton {
                    margin-top: 50px;
                }
                
                #loginbutton:after {
                    content: ' ';
                    clear: both;
                }
                
                #loginbutton #go {
                    display: inline-table;
                    width: 9%;
                    max-width: 65px;
                    text-align: center;
                    text-transform: uppercase;
                    color: #fff;
                    background-color: #335CAA;
                    padding: 9px 10px;
                    margin-right: 10px;
                    float: left;
                }

                .sendpasswore {
                    display: inline-block;
                    width: 100px;
                    text-align: center;
                    text-transform: uppercase;
                    color: #fff;
                    background-color: #335CAA;
                    padding: 9px 10px;
                    margin: 0 auto;
                    cursor: pointer;
                }
                

                #forgetpasswordBtn #go {
                    display: inline-table;
                    width: 9%;
                    max-width: 65px;
                    text-align: center;
                    text-transform: uppercase;
                    color: #fff;
                    background-color: #335CAA;
                    padding: 9px 10px;
                    margin-right: 10px;
                    float: left;
                }
                
                #loginbutton #go a {
                    color: #fff;
                }

                #forgetpasswordBtn #go a {
                    color: #fff;
                }
                
                #loginbutton #forget,
                #loginbutton #resend {
                    display: inline-table;
                    /* width: 43.7%; */
                    max-width: 440px;
                    padding: 8px 21px;
                    border: solid 1px #999999;
                    color: #000;
                    font-size: .875rem;
                    letter-spacing: .075rem;
                    position: relative;
                    float: left;
                }
                
                #loginbutton #forget i,
                #loginbutton #resend i {
                    margin-left: 1rem;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    position: absolute;
                    right: 20px;
                    color: #999999;
                    padding-left: 18px;
                    border-left: solid 1px #999999;
                    height: 19px;
                    line-height: 15pt;
                    margin-top: 1px;
                }
                
                #loginbutton #forget {
                    margin-right: 10px;
                    padding-right: 60px;
                }
                
                #memeberh3 {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                }
                
                #memeberh3 span {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                }
                
                .memberRight p {
                    width: 80%;
                    font-size: .875rem;
                    line-height: 200%;
                    color: #999999;
                    margin-top: 45px;
                    height: 82px;
                    overflow: hidden;
                    ;
                }
                
                #join {
                    display: inline-table;
                    width: 43.7%;
                    max-width: 440px;
                    padding: 7px 21px;
                    color: #fff;
                    font-size: .875rem;
                    letter-spacing: .075rem;
                    position: relative;
                    background: #335CAA;
                    margin-top: 39px;
                    line-height: 28pt;
                }
                
                #join a {
                    color: #fff;
                }
                
                #join i {
                    margin-left: 1rem;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    position: absolute;
                    right: 20px;
                    color: #fff;
                    padding-left: 18px;
                    border-left: solid 1px #fff;
                    height: 19px;
                    line-height: 15pt;
                    margin-top: 8px;
                }
                
                #enterform {
                    padding: 60px 0 200px 0;
                    background: #F2F2F2;
                }
                
                #enterWidth {
                    width: 100%;
                    max-width: 500px;
                    margin: auto;
                    padding: 0;
                    text-align: center;
                }
                
                #enterWidth p {
                    font-size: .875rem;
                    line-height: 200%;
                    margin-top: 30px;
                }
                /*loginform*/
                
                #loginForm {
                    margin-top: 50px;
                    padding: 0 10px;
                }
                
                #loginForm li label {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: 1rem;
                    font-weight: bold;
                    color: #000;
                }
                
                #loginForm li input{
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-size: 1rem;
                    letter-spacing: .05rem;
                    line-height: 133%;
                    width: 100%;
                    background: #fff;
                    border: solid 1px #DDDDDD;
                    margin: 20px auto 20px auto;
                    height: 40px;
                    text-align: center;
                    color: #999999;
                }

                 #loginForm li textarea {

                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-size: 1rem;
                    letter-spacing: .05rem;
                    line-height: 133%;
                    width: 100%;
                    background: #fff;
                    border: solid 1px #DDDDDD;
                    margin: 20px auto 20px auto;
                    height: 200px;
                    text-align: center;
                    color: #999999;
                }
                
                #loginForm li input.wrongForm {
                    border: solid 1px red;
                }
                
                #loginbut {
                    margin-top: 34px;
                }
                
                #loginForm li #submit {
                    padding: 12px 15px;
                    border: none;
                    margin-top: 45px;
                    height: 40px;
                }
                
                #loginForm li #submit:hover {
                    background: #000;
                }
                
                #jude {
                    margin-bottom: 30px;
                    color: #DDDDDD;
                }
                
                .correct,
                .wrong {
                    padding: 0 5px;
                }
                /*  --------------------------------------------------
  :: Table Style
  -------------------------------------------------- */
                /*download*/
                
                .download .col12 {
                    width: 12%;
                    max-width: 100px;
                }
                
                .download .col20 {
                    width: 20%;
                    max-width: 210px;
                }
                
                .download .col35 {
                    width: 35%;
                    max-width: 390px;
                }
                
                .download .col15 {
                    width: 15%;
                    max-width: 130px;
                }
                
                .download .col18 {
                    width: 18%;
                    max-width: 150px;
                }
                
                .download table th.col12 {
                    background: #335CAA;
                    color: #fff;
                }
                
                .download table th.col20,
                .download table th.col15 {
                    background: #5F5F5F;
                    color: #fff;
                }
                
                .download {
                    width: 98%;
                    margin: auto;
                }
                
                .download table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: 70px auto 60px auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .download tbody td {
                    padding: 33px 0 33px 40px;
                }
                
                .download .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: .813rem;
                    line-height: 133%;
                    padding: 14px 0 14px 40px;
                    border: solid 1px #fff;
                    background: #EEEEEE;
                    color: #5F5F5F;
                }
                
                .download td,
                .download th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                
                .download tbody tr {
                    border-top: solid 1px #EEEEEE;
                }
                
                .download tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                /*prodlist*/
                
                .prodlist {
                    margin-bottom: 20px;
                    overflow: auto;
                }
                /*arrow*/
                
                .arr {
                    background: #335CAA;
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
                
                .arr-up {
                    width: 12px;
                    height: 12px;
                    margin: 25px;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                }
                
                .arr-up:after {
                    content: '';
                    position: absolute;
                    left: 2px;
                    top: 2px;
                    width: 12px;
                    height: 12px;
                    background: #ffffff;
                }
                
                .prolistTable {
                    display: table;
                    width: 100%;
                }
                
                .prolistTable:after {
                    content: '';
                    clear: both;
                    display: block;
                }
                
                .prolistTable li {
                    display: inline-table;
                }
                
                .prolistTable li.w15 {
                    width: 15%;
                    max-width: 175px;
                }
                
                .prolistTable li.w85 {
                    width: 980px;
                    overflow: auto;
                }
                
                .prolistTable li.w85 p {
                    padding: 0 10px;
                    display: inline-table;
                }
                
                .prodlist table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .prodlist tbody td {
                    padding: 14px 20px;
                    letter-spacing: .05rem;
                }
                
                .prodlist .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: .813rem;
                    line-height: 133%;
                    padding: 14px 20px;
                    border: solid 1px #fff;
                    background: #BBBBBB;
                    color: #fff;
                }
                
                .prodlist .title th:nth-child(even) {
                    background: #D8D8D8;
                }
                
                .prodlist td,
                .prodlist th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                /*
                             .prodlist tbody tr {
                                 border-bottom: solid 1px #EEEEEE;
                             }*/
                
                .prodlist tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                
                .prodlist .col15 {
                    width: 15%;
                    max-width: 175px;
                }
                
                .prodlist .col12 {
                    width: 12%;
                    max-width: 110px;
                }
                
                .prodlist .col09 {
                    width: 9%;
                    max-width: 70px;
                }
                
                .prodlist .col07 {
                    width: 7%;
                    max-width: 40px;
                }
                
                .prodlist .txtblue {
                    color: #335BAA;
                }
                
                #prodlistN {
                    width: 100%;
                    display: block;
                    color: #BBB;
                }
                /*--------------------------
    PRODUCT table
--------------------------*/
                
                table.responsive {
                    margin-bottom: 0;
                }
                
                .pinned {
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: #fff;
                    width: 20%;
                    overflow: hidden;
                    overflow-x: scroll;
                }
                
                .pinned table {
                    border-right: none;
                    border-left: none;
                    width: 100%;
                }
                
                .pinned table th,
                .pinned table td {
                    white-space: nowrap;
                }
                
                .pinned td:last-child {
                    border-bottom: 0;
                }
                
                div.table-wrapper {
                    position: relative;
                    margin-bottom: 20px;
                    overflow: hidden;
                }
                
                div.table-wrapper div.scrollable {
                    margin-left: 20%;
                }
                
                div.table-wrapper div.scrollable {
                    overflow: scroll;
                    overflow-y: hidden;
                }
                
                table.responsive td,
                table.responsive th {
                    position: relative;
                    white-space: nowrap;
                    overflow: hidden;
                }
                
                table.responsive th:first-child,
                table.responsive td:first-child,
                table.responsive td:first-child,
                table.responsive.pinned td {
                    display: none;
                }
                table.responsive th:first-child,
                table.responsive td:first-child
                {
                    
                }
                /*application*/
                
                .application {
                    margin: 10px auto 20px auto;
                    overflow: auto;
                }
                #application_wrapper{
                    min-width:1024px ;
                    padding-bottom: 50px;
                }
                
                .application table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .application tbody td {
                    padding: 14px 20px;
                    letter-spacing: .05rem;
                }
                
                .application .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: .813rem;
                    line-height: 133%;
                    padding: 14px 20px;
                    border: solid 1px #fff;
                    background: #BBBBBB;
                    color: #fff;
                }
                
                .application .title th:nth-child(even) {
                    background: #D8D8D8;
                }
                
                .application td,
                .application th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                
                .application tbody tr {
                    border-bottom: solid 1px #EEEEEE;
                }
                
                .application tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                
                .application .col50 {
                    width: 50%;
                    max-width: 496px;
                }
                
                .application .col14 {
                    width: 14%;
                    max-width: 185px;
                }
                
                .application .col12 {
                    width: 12%;
                    max-width: 105px;
                }
                
                .application .col11 {
                    width: 11%;
                    max-width: 95px;
                }
                
                .application .txtblue {
                    color: #335BAA;
                }
                /*----------------------------------
application detail
-------------------------------------*/
                
                .back {
                    display: table;
                    width: 200px;
                    margin: auto;
                }
                
                .backtoview {
                    line-height: 240%;
                    letter-spacing: .05rem;
                    color: #3359AA;
                    display: table-cell;
                }
                
                .backtoview:hover {
                    color: #000;
                }
                
                .backtoview img {
                    text-align: left;
                    vertical-align: middle;
                    display: inline-block;
                    margin-right: 10px;
                }
                
                .articleAPP {
                    margin: 60px auto 150px auto;
                }
                
                .articleAPP h3 {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    line-height: 100%;
                    font-size: 1.rem;
                    padding-bottom: 10px;
                }
                
                .articleAPP p {
                    color: #666666;
                    line-height: 200%;
                }
                
                .articleAPP .APPimg {
                    width: 30%;
                    height: 100%;
                    max-height: 248px;
                    float: left;
                }
                
                .articleAPP .APPleft {
                    width: 65%;
                    float: left;
                    padding-left: 25px;
                }
                
                .articleAPP:after {
                    content: '';
                    clear: both;
                    display: block;
                }
                
                .related {
                    width: 100%;
                    display: block;
                }
                
                .relatedTitle {
                    position: relative;
                    display: table;
                    width: 100%;
                }
                
                .relatedTitle .hrrelated {
                    width: 100%;
                    height: 2px;
                    border: solid 2px #EEEEEE;
                    z-index: 1;
                    margin: auto;
                    display: table-cell;
                }
                
                .relatedTitle h4 {
                    display: table-cell;
                    width: 25%;
                    max-width: 300px;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    color: #335BAA;
                    font-size: 1.5rem;
                    z-index: 2;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: -10px;
                    background: white;
                    margin: auto;
                    text-align: center;
                }
                /*finacial*/
                
                .finacial {
                    margin: 10px auto 20px auto;
                }
                
                .finacial table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .finacial tbody td {
                    padding: 35px 20px;
                    letter-spacing: .05rem;
                }
                
                .finacial .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: 1rem;
                    line-height: 133%;
                    padding: 14px 20px;
                    border: solid 1px #fff;
                    background: #5F5F5F;
                    color: #fff;
                    text-align: center;
                }
                @media screen and (max-width:1024px) {
                    .finacial .title th span {
                        display: inline-block
                    }
                }
                
                .finacial .title th.bgblue {
                    background-color: #335CAA;
                }
                
                .finacial .title th.bggray {
                    background-color: #EEEEEE;
                    color: #5F5F5F;
                }
                
                .finacial .title th.bggray span {
                    font-size: .75rem;
                }
                
                .finacial td,
                .finacial th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                
                .finacial tbody tr {
                    border-bottom: solid 1px #EEEEEE;
                }
                
                .finacial tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                
                .finacial .col12 {
                    width: 12%;
                    max-width: 100px;
                    text-align: center;
                }
                
                .finacial .col11 {
                    width: 11%;
                    max-width: 98px;
                    text-align: center;
                }
                
                .finacial .txtblue {
                    color: #335BAA;
                }
                /*monthly*/
                
                .monthly {
                    margin: 10px auto 20px auto;
                }
                
                .monthly table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .monthly tbody td {
                    padding: 35px 20px;
                    letter-spacing: .05rem;
                    text-align: right;
                }
                .monthly tbody td:first-child {
                    text-align: center;
                }
                
                .monthly .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: 1rem;
                    line-height: 133%;
                    padding: 14px 20px;
                    border: solid 1px #fff;
                    background: #5F5F5F;
                    color: #fff;
                    text-align: center;
                    letter-spacing: .02rem;
                }
                
                .monthly .title th span {
                    font-size: .688rem;
                }
                
                .monthly .title th.bgblue {
                    background-color: #335CAA;
                }
                
                .monthly .title th.bggray {
                    background-color: #EEEEEE;
                    color: #5F5F5F;
                }
                
                .monthly .title th.bggray span {
                    font-size: .75rem;
                }
                
                .monthly td,
                .monthly th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                
                .monthly tbody tr {
                    border-bottom: solid 1px #EEEEEE;
                }
                
                .monthly tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                
                .monthly .col12 {
                    width: 12%;
                    max-width: 100px;
                    text-align: center;
                }
                
                .monthly .col11 {
                    width: 11%;
                    max-width: 98px;
                    text-align: center;
                }
                
                .monthly .txtblue {
                    color: #335BAA;
                }
                /*shareholders*/
                
                .shareholders {
                    margin: 10px auto 20px auto;
                }
                
                .shareholders table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .shareholders tbody td {
                    padding: 35px 20px;
                    letter-spacing: .05rem;
                    text-align: center;
                }
                
                .shareholders .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: 1rem;
                    line-height: 133%;
                    padding: 14px 20px;
                    border: solid 1px #fff;
                    background: #5F5F5F;
                    color: #fff;
                    text-align: center;
                    letter-spacing: .02rem;
                }
                
                .shareholders .title th span {
                    font-size: .688rem;
                }
                
                .shareholders .title th.bgblue {
                    background-color: #335CAA;
                }
                
                .shareholders .title th.bggray {
                    background-color: #EEEEEE;
                    color: #5F5F5F;
                }

                .shareholders .title th.bggray span {
                    font-size: .75rem;
                }
                
                .shareholders td,
                .shareholders th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                
                .shareholders tbody tr {
                    border-bottom: solid 1px #EEEEEE;
                }
                
                .shareholders tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                
                .shareholders .col10 {
                    width: 10%;
                    max-width: 100px;
                    text-align: center;
                }
                
                .shareholders .title th.col70 {
                    text-align: left;
                    padding-left: 60px;
                }
                
                .shareholders .col70 {
                    width: 70%;
                    max-width: 720px;
                    text-align: left;
                    padding-left: 60px;
                }
                @media screen and (max-width:767px) {
                    .shareholders .title th.col70 {
                        padding-left: 20px;
                    }
                    .shareholders .col70 {
                        padding-left: 20px;
                    }
                }
                .shareholders .col20 {
                    width: 20%;
                    max-width: 160px;
                    text-align: center;
                }
                
                .shareholders .txtblue {
                    color: #335BAA;
                }
                /*shareholders2:股利資訊*/
                
                .shareholders2 {
                    margin: 0px auto 20px auto;
                    padding: 3rem 0 6rem 0;
                }
                
                .shareholders2 table {
                    width: 100%;
                    border-collapse: collapse;
                    border: 0;
                    margin: auto;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-weight: normal;
                    font-size: 1rem;
                    color: #000;
                    line-height: 133%;
                    letter-spacing: .04rem;
                }
                
                .shareholders2 tbody td {
                    padding: 35px 20px;
                    letter-spacing: .05rem;
                    text-align: center;
                }
                
                .shareholders2 .title th {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-weight: bold;
                    font-size: 1rem;
                    line-height: 133%;
                    padding: 14px 20px;
                    border: solid 1px #fff;
                    background: #5F5F5F;
                    color: #fff;
                    text-align: center;
                    letter-spacing: .02rem;
                }
                
                .shareholders2 .title th span {
                    font-size: .688rem;
                }
                
                .shareholders2 .title th.bgblue {
                    background-color: #335CAA;
                }
                
                .shareholders2 .title th.bggray {
                    background-color: #EEEEEE;
                    color: #5F5F5F;
                }
                
                .shareholders2 .title th.bggray span {
                    font-size: .75rem;
                }
                
                .shareholders2 td,
                .shareholders2 th {
                    padding: 6px;
                    text-align: left;
                    background: #fff;
                }
                
                .shareholders2 tbody tr {
                    border-bottom: solid 1px #EEEEEE;
                }
                
                .shareholders2 tbody tr:nth-child(even) td {
                    background: #FAFAFA;
                }
                
                .shareholders2 .col10 {
                    width: 10%;
                    max-width: 100px;
                    text-align: center;
                }
                
                .shareholders2 .txtblue {
                    color: #335BAA;
                }
                /* ===============  FINACIAL  =============== */
                /*finacial*/
                
                .finh3 {
                    text-align: center;
                }
                
                .finP {
                    text-align: center;
                    line-height: 133%;
                    margin-bottom: 30px;
                    /*70px*/
                }
                
                .finP span {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-size: .75rem;
                }
                /*monthly*/
                
                .year {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    max-width: 280px;
                    width: 100%;
                    margin: auto;
                    position: relative;
                    display: block;
                    padding-bottom: 20px;
                    color: #000;
                }
                
                .year:after {
                    content: '';
                    clear: both;
                    display: block;
                }
                
                .year_tt {
                    display: inline-block;
                    width: 49%;
                    font-size: 1.1rem;
                    position: absolute;
                    top: 0;
                    left: 0;
                    text-align: center;
                }
                
                .year_tt:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 1px;
                    height: 50px;
                    background: #ccc;
                    margin: auto;
                    right: 0;
                    top: -15px;
                }
                
                .year_yy {
                    display: inline-block;
                    width: 49%;
                    position: absolute;
                    right: 0;
                    top: -10px;
                }
                
                #yearselect {
                    width: 130px;
                    font-size: 1.4rem;
                }
                
                .money {
                    float: right;
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: .875rem;
                    letter-spacing: .05rem;
                    line-height: 133%;
                    margin-bottom: 16px;
                }
                
                .money:after {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                /* =================  FAQ  ================= */
                
                #qaContent {
                    width: 100%;
                    display: block;
                    margin-top: 30px;
                    border-top: solid 3px #EEEEEE;
                    border-bottom: solid 3px #EEEEEE;
                    margin-bottom: 30px;
                    position: relative;
                    min-width: auto;
                }
                
                .HRqa {
                    position: absolute;
                    top: -3px;
                    width: 10%;
                    max-width: 160px;
                    height: 3px;
                    background: #CCCCCC;
                    border: none;
                }
                
                .HRqa_B {
                    position: absolute;
                    bottom: -3px;
                    width: 10%;
                    max-width: 160px;
                    height: 3px;
                    background: #CCCCCC;
                    border: none;
                }
                
                #qaContent h3 {
                    display: block;
                    width: 100%;
                    text-align: left;
                    height: 22px;
                    color: #000;
                    font-size: 1.2rem;
                    letter-spacing: .005rem;
                    line-height: 133%;
                    font-weight: bold;
                    margin-top: 32pt;
                }
                
                #qaContent ul.accordionPart {
                    margin: 40px auto;
                }
                
                #qaContent ul.accordionPart li {
                    padding: 0;
                    bottom: 0;
                }
                
                #qaContent ul.accordionPart li .qa_title {
                    font-size: 1rem;
                    color: #335CAA;
                    line-height: 133%;
                    letter-spacing: .05rem;
                    cursor: pointer;
                    font-weight: bold;
                }
                
                #qaContent ul.accordionPart li .qa_title:hover {
                    text-decoration: none;
                }
                
                #qaContent ul.accordionPart li .qa_title_on {
                    text-decoration: underline;
                    margin: 0;
                    padding: 0;
                }
                
                #qaContent ul.accordionPart li .qa_title {
                    width: 100%;
                    display: block;
                    border-top: solid 1px #EEEEEE;
                    border-bottom: solid 1px #EEEEEE;
                    position: relative;
                }
                
                #qaContent ul.accordionPart li .qa_title:after,
                #qaContent ul.accordionPart li .qa_title:before {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                #qaContent ul.accordionPart li .qa_title .HRqa_title {
                    position: absolute;
                    width: 5%;
                    max-width: 80px;
                    height: 1px;
                    background: #CCCCCC;
                    top: -1px;
                    border: none;
                }
                
                #qaContent ul.accordionPart li .qa_title >#qatitL {
                    width: 35px;
                    height: 35px;
                    float: left;
                    display: inline-block;
                    background-color: #2776AE;
                    color: #ffffff;
                    margin: 20px;
                    padding: 5px;
                    border-radius: 20%;
                    text-align: center;
                }
                
                #qaContent ul.accordionPart li .qa_title >#qatitR {
                    width: 92%;
                    float: left;
                    display: inline-block;
                    color: #000;
                    padding: 24px;
                }
                
                #qaContent ul.accordionPart li .qa_title >#qatitR:hover {
                    color: #2776AE;
                    text-decoration: none;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }
                
                #qaContent ul.accordionPart li .qa_content:after,
                #qaContent ul.accordionPart li .qa_content:before {
                    content: ' ';
                    clear: both;
                    display: block;
                }
                
                #qaContent ul.accordionPart li .qa_content {
                    font-size: .875rem;
                    line-height: 138%;
                    letter-spacing: .05rem;
                    color: #000;
                    position: relative;
                    display: block;
                    border-top: solid 1px #EEEEEE;
                    border-bottom: solid 1px #EEEEEE;
                    background-color: #EEEEEE;
                }
                
                #qaContent ul.accordionPart li .qa_content >#qaL {
                    width: 35px;
                    height: 35px;
                    float: left;
                    display: inline-block;
                    background-color: #000;
                    color: #ffffff;
                    margin: 20px;
                    padding: 5px;
                    border-radius: 20%;
                    text-align: center;
                    font-size: 1rem;
                    font-weight: bold;
                }
                
                #qaContent ul.accordionPart li .qa_content >#qaR {
                    font-size: .875rem;
                    line-height: 138%;
                    letter-spacing: .05rem;
                    color: #000;
                    padding: 26px;
                    margin-left: 72px;
                    width: 92%;
                }
                
                #qaContent ul.accordionPart li .qa_content .HRqa_title {
                    position: absolute;
                    width: 5%;
                    max-width: 80px;
                    height: 1px;
                    background: #CCCCCC;
                    top: -1px;
                    border: none;
                }
                /* ===============  PRODUCT  =============== */
                
                #sliderP {
                    height: 41.5rem;
                }
                
                .des {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    line-height: 200%;
                    letter-spacing: .075rem;
                    color: #999999;
                    width: 510px;
                    margin-top: -150px;
                }
                
                .product {
                    display: block;
                    position: relative;
                }
                .product_hd{
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .product:after {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                #prodBut {
                    width: 70%;
                    display: inline-flex;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    /* float: left; */
                    margin-top: 35px;
                }
                @media screen and (max-width:767px) {
                    #prodBut {
                        justify-content: center;
                    }
                }
                
                #prodBut li {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    font-size: 1rem;
                    letter-spacing: .025rem;
                    line-height: 133%;
                    color: #999999;
                    /* float: left; */
                    padding: 10px 25px;
                    min-width: 190px;
                    border: solid 1px #DDDDDD;
                    text-align: center;
                    background: #fff;
                    margin: 10px 10px 5px 0;
                    width: auto;
                }
                
                #prodBut li:hover {
                    background-color: #333333;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }
                
                #prodBut li a {
                    color: #999999;
                }
                
                #prodBut li a:hover {
                    color: #fff;
                }
                
                #appNotes {
                    width: 30%;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    /* float: right; */
                    margin-top: 35px;
                }
                
                #appNotes a {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    /* position: absolute; */
                    width: 100%;
                    max-width: 270px;
                    background-color: #335CAA;
                    padding: 14px 40px;
                    text-align: center;
                    color: #fff;
                    letter-spacing: .05rem;
                    /* top: 80px; */
                    /* right: 0; */
                }
                
                #appNotes a:hover {
                    background-color: #333333;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }

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

                    #prodBut {
                        width: 100%;
                    }
                    #appNotes {
                        width: 100%;
                    }

                    #prodBut li {

                        padding: 10px 30px;
                        min-width: auto;
                        border: solid 1px #DDDDDD;
                        text-align: center;
                        background: #fff;
                        margin: 5px 10px ;
                    }
                }
                
                .areaB {
                    margin: 137px auto 200px auto;
                }

                .areaB.maxWidth {
                    width: 90%;
                    margin: 0 auto;
                    max-width: 87.5rem;
                    padding: 3rem 0 0rem 0;
                    margin: 100px auto 0px auto;
                }
                .areaB.maxWidth .product {
                    margin-bottom: 50px;
                }

                @media screen and (max-width:767px) {
                    .areaB.maxWidth {
                        padding: 1.5rem 0 0rem 0;
                    }
                }
                
                
                .areaTit {
                    width: 100%;
                    display: table;
                    position: relative;
                }
                
                .areaTit:after {
                    clear: both;
                    display: block;
                    content: ' ';
                }
                
                .areaH3 {
                    width: 88%;
                    display: inline-flex;
                    flex-wrap: wrap;
                    /* height: 100px; */
                }
                
                .areaTop {
                    width: 12%;
                    display: table-cell;
                    height: 100px;
                    text-align: right;
                    min-width: 170px;
                }
                
                .topline {
                    height: 1px;
                    width: 100px;
                    border: solid 1px #DDDDDD;
                    float: left;
                    margin-top: 50px;
                    margin-right: 5px;
                }
                @media screen and (max-width:767px) {
                    .areaH3 {
                        width: calc(100% - 32px );
                    }
                    .areaTop{
                        position: absolute;
                        right: 0;
                        top: 0;
                        min-width: auto;
                    }
                    .topline{
                        display: none;
                    }

                }
                .product {
                    width: 100%;
                    margin-bottom: 138px;
                    padding: 0;
                }
                
                .product .productlist {
                    width: 100%;
                    margin: 0;
                    padding: 35px 16px 10px 16px;
                }
                
                .product .productlist:nth-last-child(even) {
                    background: #e5e5e5;
                }
                
                .productlist:before {
                    content: ' ';
                    display: block;
                    clear: both;
                }
                
                .productlist .col2 {
                    width: 20%;
                    display: table;
                    padding: 0;
                    position: relative;
                }
                
                .productlist .col2 h3 {
                    font-size: 1.188rem;
                    font-weight: Bold;
                    color: #262626;
                    margin-top: 0;
                    padding-left: 10px;
                }
                
                .productlist .col8 {
                    width: 80%;
                    display: table;
                    padding-left: 30px;
                    margin-bottom: 0;
                }
                
                .productlist .col8 div {
                    width: 25%;
                    display: table-cell;
                    float: left;
                }
            
                .productlist .col8 div p {
                    width: 100%;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    color: #666666;
                    line-height: 12pt;
                    letter-spacing: .05rem;
                    margin: auto;
                    padding: 0 20px 20px 0;
                    /* height: 3rem; */
                    overflow: hidden;
                    text-align: left;
                    word-break: break-all;
                    line-height: 133%;
                    overflow: hidden;
                }
                
                .productlist .col8 div p a {
                    color: #666666;
                }
                
                .productlist .col8 div p a:hover {
                    color: #000;
                }
                

                @media screen and (max-width:767px) {
                    .productlist .col8 div {
                        width: 33.33%;
                        display: table-cell;
                        float: left;
                    }
                }
                @media screen and (max-width:600px) {

                    .productlist .col2 {
                        width: 100%;
                    }

                    .productlist .col8 {
                        width: 100%;
                    }

                }
                @media screen and (max-width:600px) {
                    .productlist .col8 div {
                        width: 50%;
                        display: table-cell;
                        float: left;
                    }

                }

                .hrproduct {
                    float: left;
                    width: 30px;
                    height: 1px;
                    border: solid 1px #335CAA;
                    position: absolute;
                    right: 0;
                    top: 40%;
                    display: none;
                }
                
                .productlist .col8 div.w100 {
                    width: 100%;
                    overflow: hidden;
                }
                
                .ind-prodlist {
                    padding: 2rem 0 7.5rem 0;
                }
                
                .sliderP2 {
                    height: 21.563rem;
                }
                
                #prodH2 {
                    font-size: 2.311rem;
                    color: #fff;
                    padding-top: 5rem;
                }
                
                .grayT {
                    color: #bbbbbb;
                    display: inline-block;
                }
                
                .productab {
                    width: 100%;
                    /* max-height: 60px; */
                    height: auto;
                    background: #f2f2f2;
                }
                
                .productab:after {
                    content: '';
                    clear: both;
                    display: block;
                }
                
                .categories {
                    padding-left: -100px;
                    width: calc(100% - 250px);
                    max-width: 80rem;
                    /* height: 50px; */
                    padding: 0;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    list-style: none;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    line-height: 133%;
                    letter-spacing: .05rem;
                    font-size: 1.125rem;
                    /* position: absolute; */
                    position: relative;
                    right: 0;
                    order: 2;
                }
                
                .categories li {
                    float: left;
                    margin: 0;
                    text-transform: uppercase;
                    color: #999999;
                    padding-left: 66px;
                }
                /*.categoriesT:before{ content: '‧'; color: #335CAA; margin:auto 10px; }
.categoriesT:first-child:before{content: ' ';}*/
                
                .categories li a {
                    color: #999999;
                }
                
                .categories li a:hover {
                    color: #000;
                }

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

                    #prodH2 {
                        font-size: 2rem;

                    }

                    .categories {
                        width: 100%;
                    }

                    .categories li {
                        padding-left: 0px;
                        margin-right: 30px;
                    }
                }
                
                .producttable {
                    display: table;
                    width: 90%;
                    max-width: 87.5rem;
                    margin: auto;
                    position: relative;
                }
                
                #producttablecell {
                    /* display: table-cell; */
                    border-bottom: none;
                    display: flex;
                    flex-wrap: wrap;
                }
                
                #prodBut {
                    float: left;
                }
                
                #SelectP {
                    max-width: 16rem;
                    float: left;
                    margin-top: 10px;
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    border: solid #DDDDDD 1px;
                    color: #BBBBBB;
                    font-size: 1.125rem;
                    order: 1;
                }
                
                #SelectP .fmask.select li[data-selected='on'] {
                    color: #000;
                }
                
                .producth2 {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: 2.5rem;
                    /*margin-top: 130px*/
                    margin-bottom: 90px;
                    text-align: center;
                }
                
                .producth2 span {
                    color: #CCCCCC;
                }
                
                .hrlist {
                    width: 100%;
                    height: 2px;
                    border: solid 2px #333333;

                }
                
                .pclass {
                    font-family: 'Century Gothic', "Myriad Pro", 'Roboto Condensed', sans-serif, '微軟正黑體', 'Microsoft JhengHei';
                    font-size: 1rem;
                    font-weight: bold;
                    color: #262626;
                    padding: 12px 20px;
                    position: relative;
                }
                
                .productsS {
                    width: 100%;
                    max-width: 600px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100px;
                    margin: 60px auto 70px auto;
                }

                #APPsearch {
                    width: 100%;
                    max-width: 300px;
                    display: inline-block;
                    margin: 10px 10px;
                    height: 38px;
                    border: none;
                    padding: 0;
                    
                }
                
                #APPsearch input {
                    font-family: "Myriad Pro", 'Century Gothic', 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
                    border: solid #DDDDDD 1px;
                    padding: 10px;
                    margin: auto;
                    color: #000;
                }

                                
                @media screen and (max-width:767px) {
                    .productsS {
                        flex-direction: column;
                    }
                }
                /*  --------------------------------------------------
  :: Animation
  -------------------------------------------------- */
                
                .aniFade,
                .aniFadeDelay,
                .aniFadeDelay2,
                .aniFadeDelay3,
                .aniFadeDelay4 {
                    -webkit-animation-duration: 1.6s;
                    animation-duration: 1.6s;
                    animation-timing-function: ease;
                    -webkit-animation-timing-function: ease;
                    -webkit-animation-name: fadeIn;
                    animation-name: fadeIn;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                }
                
                .aniFadeDelay {
                    animation-delay: .2s;
                    -webkit-animation-delay: .2s;
                }
                
                .aniFadeDelay2 {
                    animation-delay: .5s;
                    -webkit-animation-delay: .5s;
                }
                
                .aniFadeDelay3 {
                    animation-delay: 1s;
                    -webkit-animation-delay: 1s;
                }
                
                .aniFadeDelay4 {
                    animation-delay: 1.4s;
                    -webkit-animation-delay: 1.4s;
                }
                
                .fadeInUp {
                    -webkit-animation-name: fadeInUp;
                    animation-name: fadeInUp;
                }
                
                .fadeInLeft,
                .fadeOutLeft,
                .fadeInUp,
                .fadeIn,
                .bounceIn,
                .pulse,
                .flipInX,
                .zoomIn {
                    visibility: visible;
                }
                
                .animated {
                    -webkit-animation-duration: 1s;
                    animation-duration: 1s;
                    /*-webkit-animation-fill-mode: both; animation-fill-mode: both;*/
                    animation-timing-function: ease;
                    -webkit-animation-timing-function: ease;
                }
                /*  --------------------------------------------------
  :: Table Style Rwd
  -------------------------------------------------- */
                
                @media screen and (max-width:1200px) {
                    .pinned {
                        width: 40%;
                    }
                    div.table-wrapper div.scrollable {
                        margin-left: 40%;
                    }
                }
                /*product table*/
                



                /**/
                @media screen and (max-width:1740px) {
                    .slider-nav {
                        right: 8%;
                    }
                }
                @media screen and (max-width:767px) {
                    .slider-nav {
                        right: 5%;
                    }
                }
                @media screen and (max-width:1420px) {
                    #middleMenu li:after {
                        content: ' ';
                        float: none;
                        display: none;
                    }
                    #middleMenu li {
                        width: 16.6%;
                        max-width: none;
                    }
                    #middleMenu li a {
                        max-width: none;
                    }
                }
                @media screen and (max-width:1300px) {
                    #qaContent ul.accordionPart li .qa_title >#qatitR {
                        width: 65%;
                    }
                    .hrproduct {
                        display: none;
                    }
                }
                @media screen and (max-width:1200px) {
                    .ind-app .row {
                        padding: 2rem 0;
                    }
                }
                @media screen and (max-width:1180px) {
                    .ind-app ul li {
                        width: 50%;
                    }
                    .ind-app ul li .APP {
                        text-align: center;
                    }
                    /*產品應用圖片*/
                    .ind-app ul#appALL li {
                        width: 33%;
                    }
                }
                @media screen and (max-width:1000px) {
                    .SelectI {
                        margin-bottom: 1rem;
                    }
                    .csrArticle {
                        margin: 54px auto;
                    }
                    #whatNew {
                        max-width: 800px;
                    }
                }
                @media screen and (max-width:920px) {
                    /*產品應用圖片*/
                    .ind-app ul#appALL li {
                        width: 48%;
                    }
                }
                @media screen and (max-width:823px) {
                    .ind-app ul li.col3 {
                        width: 50%;
                        height: auto;
                        /* min-height: 560px; */
                    }
                }

                @media screen and (max-width:767px) {
                    #middleMenu {
                        padding: 0 10px;
                    }
                    #middleMenu li {
                        width: 33.33%;
                        max-width: none;
                    }
                }

                @media screen and (max-width:680px) {
                    /*產品應用圖片*/
                    .ind-app ul#appALL li {
                        width: 100%;
                        margin-bottom: 0;
                    }
                    .ind-app ul li .appItitle p {
                        height: 7rem;
                    }
                    .ind-app .appItitle {
                        padding-bottom: 5px;
                    }
                }
                @media screen and (max-width:641px) {
                    h1 {
                        font-size: 2.2rem;
                    }
                    .sliderT h1 {
                        width: 90%;
                        line-height: 28pt;
                    }
                    .sliderT p {
                        width: 100%;
                        font-size: 1rem;
                        margin: 1rem auto 3rem auto;
                        line-height: 1.2;
                    }
                    .sliderT p br{
                        display: none;
                    }
                    .blink1 {
                        padding: .8rem 1.6rem;
                    }
                }
                @media screen and (max-width:600px) {
                    .ind-app ul li.col3 {
                        width: 100%;
                        /* min-height: 400px; */
                    }
                    #qaContent h3 {
                        font-size: 1.4rem;
                        text-align: center;
                    }
                    #qaContent ul.accordionPart li .qa_content >#qaR {
                        width: 80%;
                        margin-left: 50px;
                    }
                    .ind-app ul li {
                        width: 100%;
                    }
                    #qaContent ul.accordionPart li .qa_title >#qatitR {
                        padding-left: 0;
                    }
                }
                @media screen and (max-width:500px) {
                    .ind-app h2 {
                        font-size: 2rem;
                        line-height: 28pt;
                        margin-bottom: 18px;
                    }
                }

.mCSB_outside+.mCSB_scrollTools{
    right: 0;
}

.row_showing_hide{
    margin-top: 30px;
    padding-left: 20px;
}