@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
/* 設計師用 桌機版CSS檔 style.css */
/* 說明：
    可提供設計師在此檔，針對桌機版面進行設計；為網站必載CSS檔。*/

body {
    font-size: 16px;
    color: #404040;
    font-family: 'Noto Sans SC', sans-serif;
}


p {
    line-height: 24px;
    margin-bottom: 10px;
}

a {
    color: #666;
}

    a:hover, .orange {
        color: #ee7500;
    }

    a.hvr-rectangle-out:before, a.hvr-shutter-out-horizontal:before {
        background: #ee7500;
    }


.d-inline-block {
    display: inline-block;
    vertical-align: middle;
}

.wrapfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* bootstrap hack:fix content width inside hidden tabs */
.resp-tabs-container > .resp-tab-content:not(.resp-tab-content-active) {
  display: block;
  height: 0;
  overflow-y: hidden;
} /* bootstrap hack end */

.ani-pop:hover, .news-item a:hover .n-kind img, 
.content .btn-box .pager li > a:hover, 
.partner-list a:hover .fa, 
.content .pager-num li a:hover, 
.btn-news a:hover .pic,
body.member.class-record .search_sec .collapse_tit .btn:hover,
.btn.bord:hover,
.btn.bordblack:hover,
.edtbox.st27 .edtarea .item .info .btn_sec a:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transform-origin: center center;
}

.paddingTB {
    padding-top: 40px;
    padding-bottom: 60px;
}

.paddingT {
    padding-top: 60px;
}

.paddingB {
    padding-bottom: 60px;
}

.alignC {
    text-align: center;
}

.marginC {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

input.form-control, select.form-control, textarea.form-control {
    border-radius: 0;
    border: 1px solid #ccc;
    box-shadow: none;
}

.autoW {
    width: auto;
}

span.red {
    color: #f00;
}

.pullR {
    float: right;
}

.d-flex {
    display: flex;
}

.form-inline .form-group select + label {
    margin-left: 5px;
}

.input-group .form-control {
    z-index: 3;
}

.h5 {
    font-size: 16px;
    line-height: 26px;
    /*border: solid 1px #000;*/
    padding: 5px 10px;
    display: inline-block;
    margin-top: 0;
}


.btn.bord{
    color: #000;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 7px 20px;
    font-size: 16px;
}
.btn.bord:hover{
    background-color: #ee7400;
    border: 1px solid #ee7400;
    color: #fff;
}
 .btn-dl{
    text-align: right;
    margin-bottom: 15px;
    margin-left: 0;
} 
#fancy_sec{
    display: none;
}
.fancy_sec {
    padding: 20px 10px 20px;
    min-width: 300px;
    text-align: center;
    border: solid 1px #ccc;
}

.fancy_sec .info {
    font-size: 18px;
    margin-bottom: 20px;
}
.txt_left{
    text-align: left !important;
}


body.search .header{
    /*padding-top: 0 !important;*/
}

.editor,.editor p {
    font-size: 16px;
}
.editor h1 {
    font-size: 30px;
}
.editor h2 {
    font-size: 25px;
}
.editor h3 {
    font-size: 20px;
}


/********************* Header *********************/

/* header logo */
.header .navbar .navbar-brand {
    /* width: 102px; */
    /* height: 80px; */
    /* background: url(../_images/all/logo.png) no-repeat; */
    /* text-indent: -9999px; */
    display: block;
    margin: 20px 0 14px;
    padding: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    color:#000;
    height: auto;
}
    .header .navbar .navbar-brand span {
        font-weight: bold;
        font-family: 'Catamaran';
        font-size: 16px;
    }
    .header .navbar .navbar-brand span b {
        font-size: 20px;
    }
    .header .navbar .navbar-brand img {
        margin-right: 5px;
    }

    .header .navbar .navbar-brand:hover {
        opacity: 0.7;
    }

/* header 主選單 */



.header .navbar{
    border-radius: 0;
    min-height: 0;
    z-index: 999;
    transition: all .3s ease;
    background: #fff;
}

.header .navbar .navbar-nav {
    float: none;
    display: table;
    margin: 0 -15px 0 auto;
}

.header .navbar .top-link {
    margin: 20px 0 0 auto;
    /*display: table;*/
}

.top-link .search-area {
    border: 1px solid #000;
    width: 65%;
    margin-left: auto;
}
.top-link .tag-btn{
    width: 33%;
}


.header .navbar .top-link ul {
    display: flex;
    justify-content: flex-end;
}

.header .navbar .top-link ul li:first-child {
   /* width: 100%;*/
}

.header .navbar .top-link > ul > li:nth-child(2) {
    width: 217px;
    flex: 0 0 217px;
}



body.is_scroll .header .navbar{
    position: fixed;
    left:0;
    right:0;
    top:0;
    background:#fff;
}
.yamm .dropdown.autoW{
    position: relative;
}
.yamm .dropdown.yamm-fw.autoW .dropdown-menu {
    right: auto;
}
.header .navbar .navbar-nav > li:nth-child(3) > ul li a {
    white-space: nowrap;
}
.yamm .dropdown.yamm-fw .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.yamm .dropdown.yamm-fw.autoW .dropdown-menu{
}

/*google-search*/
.google-search {
    border: 1px solid #000 !important;
}

.gsc-input-box {
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 1px 7px !important;
}

.google-search input#gsc-i-id1 {
    padding: 3px 7px !important;
    box-shadow: none;
    font-size: 14px !important;
    text-indent: 0 !important;
    background: url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") left center no-repeat transparent !important;
}

    .google-search input#gsc-i-id1::-webkit-input-placeholder {
        color: transparent;
    }

    .google-search input#gsc-i-id1:-moz-placeholder { /* Firefox 18- */
        color: transparent;
    }

    .google-search input#gsc-i-id1::-moz-placeholder { /* Firefox 19+ */
        color: transparent;
    }

    .google-search input#gsc-i-id1:-ms-input-placeholder {
        color: transparent;
    }

.gsst_a, table.gsc-search-box td {
    padding: 0 !important;
}

.gsc-input-box {
    height: auto !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    background: none !important;
    border: none !important;
    border-left: 1px solid #000 !important;
    border-radius: 0 !important;
    vertical-align: unset !important;
}

    .gsc-search-button-v2 svg {
        fill: #000 !important;
    }

.google-search input.gsc-search-button-v2 {
    background: none;
    height: 27px;
    position: absolute;
    top: -3px;
    right: -15px;
    width: 30px;
    border: 0
}

.gsst_a, .gsst_a .gscb_a {
    display: block !important;
}

.gsst_b {
    font-size: 14px !important;
}

form.gsc-search-box, table.gsc-search-box {
    margin-bottom: 0 !important;
    font-size: 14px !important;
}

.gsc-search-box .gsc-input > input:hover,
.gsc-input-box-hover {
    border: none !important;
    border-top-color: #a0a0a0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}

.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus {
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}
/*google-search*/


.top-link .search-area input {
    border: none;
    background: none;
    box-shadow: none;
    padding: 3px 7px;
    height: auto;
    font-size: 20px;
}

.top-link .search-area .btn {
    background: none;
    color: #000;
    border-radius: 0;
    position: relative;
    padding: 3px 7px;
    border: none;
}

    .top-link .search-area .btn:before {
        width: 1px;
        position: absolute;
        top: 5px;
        bottom: 5px;
        content: "";
        background: #000;
        left: 0;
    }

.header .navbar .top-link .btn-area li a, .m-menu li a {
    display: block;
    text-indent: -9999px;
    position: relative;
}

.header .navbar .top-link .btn-area li .btn-group a {
    text-indent: 0;
    padding: 3px;
    text-align: center;
}

.header .navbar .top-link .btn-area li a .cart-num, .m-menu li a .cart-num, .header .navbar .top-link .btn-area li a .inquiry-num, .m-menu li a .inquiry-num {
    background: #9e1e08;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -5px;
    top: -5px;
    text-indent: 0;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
}

.header .navbar .top-link .btn-area > li a.btn-login, .m-menu .btn-area > li a.btn-login {
    height: 25px;
    width: 25px;
    background: url(../_images/all/icon_toplink.png) no-repeat;
}

.header .navbar .top-link .btn-area > li a.btn-login.login_active{
    background: url(../_images/all/icon_toplink_active.png) no-repeat;
}

/*.header .navbar .top-link .btn-area > li a, .m-menu .btn-area > li a.btn-investor {
    width: 30px;
    height: 25px;
    background: url(../_images/all/icon_toplink2.png) no-repeat;
}*/

.header .navbar .top-link .btn-area > li a.btn-investor, .m-menu .btn-area > li a.btn-investor {
    width: 25px;
    height: 25px;
    background: url(../_images/all/icon_toplink3.png) no-repeat;
}

.header .navbar .top-link .btn-area > li a.btn-search, 
.m-menu .btn-area > li a.btn-search {
    width: 25px;
    height: 25px;
    background: url(../_images/all/icon_toplink4.png) no-repeat;
}


.header .navbar .navbar-nav > li > a {
    background: none;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 21px;
}

.header .navbar .icon-more, .header .navbar .icon-more+a{
    display: inline-block;
}


.header .navbar .navbar-nav > li ul li a {
    padding: 7px;
    transition: all .5s;
    font-size: 13px;
    white-space: normal;
    word-break: break-all;
}
.header .navbar .navbar-nav > li.pronav ul li a:not(.icon-more) {
    width: calc(100% - 40px);
}
.header .navbar .navbar-nav li ul li a:not(.icon-more):hover {
    background: #ee7500;
    color: #fff;
    margin: 0;
    transition: all .5s;
}
.header .navbar .navbar-nav li ul li a.icon-more{
    background:none;
    color: #ed7200;
}
    .header .navbar .navbar-nav li ul li a.icon-more.collapsed .fa-minus {
        display: none;
    }
    .header .navbar .navbar-nav li ul li a.icon-more:not(.collapsed) .fa-minus {
        display: block;
    }
    .header .navbar .navbar-nav li ul li a.icon-more:not(.collapsed) .fa-plus {
        display:none;
    }
    .header .navbar .navbar-nav > li .pro-menu ul ul {
        background: #f3f3f3;
        margin: 0 10px 0 30px;
    } .header .navbar .navbar-nav > li .pro-menu ul ul a{
    padding:2px 5px;
    color:#000;

} .header .navbar .navbar-nav > li .pro-menu ul ul a:hover{
    background:none;
    text-decoration: underline;
    color:#fff;
    background-color: #ed7200;
}
.header .navbar .navbar-nav > li.pronav ul ul ul li a:not(.icon-more) {
    width: 100%;
}
    /* header 次選單 */
    body:not(.home) .header .navbar {
    border-bottom: 1px solid #e2e2e2;
} .header .navbar .sub-nav {
    position: absolute;
    right: 15px;
    top: 20px;
} .header .navbar .sub-nav li {
        padding: 0;
    } .header .navbar .sub-nav li a {
            background: url(../_images/all/sub_nav.png) no-repeat;
            width: 32px;
            height: 32px;
            text-indent: -9999px;
        } .header .navbar .sub-nav li a:hover {
                position: relative;
                top: 2px;
            } .header .navbar .btn-default {
    background: #000;
    color: #fff;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 3px 7px;
} .header .navbar .lang .btn .caret {
    margin-left: 20px;
} .header .navbar .lang .dropdown-menu {
    background: #ee7202;
    color: #fff;
    border: none;
    border-radius: 0;
    min-width: 0;
    width: 100%;
    display: block;
} .header .navbar .lang .dropdown-menu a {
        color: #fff;
    } .header .navbar .lang .dropdown-menu a:hover {
            background: none;
            color: #FCE617;
        } .nav .dropdown-menu {
    padding: 10px 5px;
}
    /*------- Banner -------*/
    .banner {
    position: relative;
} body:not(.home) .banner {
    display: none;
} .banner .container-fluid {
    padding: 0;
} .banner .bx-wrapper {
    margin-bottom: 0;
} .banner .bxslider li {
    background-repeat: no-repeat;
    background-position: center top;
} .banner .bxslider li a {
        display: block;
    } .banner .bxslider li img {
        width: 100%;
        display: none;
    } 
    
    .banner .bxslider li {
        background: none !important;
        height: auto !important;
    }
    
    .banner .bxslider li img.big-img {
        display: block;
    }
    
    .banner .bxslider li img.small-img {
        display: none;
    }
    
    .banner .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
} .banner .bx-wrapper .bx-pager.bx-default-pager {
    text-align: center;
    padding: 0 15px;
    bottom: 10px;
    z-index: 60;
} .banner .bx-wrapper .bx-pager.bx-default-pager a {
        background: #000;
        text-align: left;
        width: 70px;
        height: 6px;
        border-radius: 0;
    } .banner .bx-wrapper .bx-pager.bx-default-pager a.active, .banner .bx-wrapper .bx-pager.bx-default-pager a:hover {
            background: #ffe238;
        }
    /********************* Footer *********************/
    .footer {
    padding: 0 0 40px;
    background: #131111;
    color: #fff;
}

.footer .foo_social_sec .foo_tit {
    color: #CCC6C8;
}

    /* sitemap */
    .footer .gotop {
        position: fixed;
        right: 5px;
        bottom: 30%;
        z-index: 9999;
    } .gotop a svg {
    display: block;
    width: 100%;
} .footer .gotop a {
    display: block;
    background: #fcfcfc;
    color: #000;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #ddd;
} .footer .sitemap{
        padding-top:40px;
    } .footer .sitemap .epaper {
        display: inline-block;
        margin-top: 20px;
    } .footer .sitemap .epaper input {
            border: 1px solid #fff;
            background: none;
            box-shadow: none;
            padding: 3px 7px;
            height: auto;
            color: #fff;
            border-radius: 0;
        } .footer .sitemap .epaper a {
            border-radius: 0;
            background: #ffffff;
            color: #000;
            transition: all .5s;
            border: 1px solid #fff;
            font-size: 13px;
       }  /* .footer .sitemap .epaper a.btn-unsubscribe {
                border-left: 1px solid #000;
            } */
            .footer .sitemap .epaper a:hover { 
                border-radius: 0;
                background: #f56b01;
                color: #fff;
                border: 1px solid #f56b01;
                transition: all .5s;
            } .footer .sitemap .foot-logo, .footer .sitemap h1 {
        display: inline-block;
        vertical-align: middle;
    } .footer .sitemap h1 {
        margin-left: 15px;
        font-size: 15px;
        font-weight: normal;
        background: #d62117;
        background: -moz-linear-gradient(left, #d62117 0%, #a6211b 50%, #721f14 100%);
        background: -webkit-linear-gradient(left, #d62117 0%,#a6211b 50%,#721f14 100%);
        background: linear-gradient(to right, #d62117 0%,#a6211b 50%,#721f14 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62117', endColorstr='#721f14',GradientType=1 );
        padding: 5px;
        margin: 0 0 20px 15px;
        vertical-align: bottom;
    } 
    .footer .sitemap h1 b{
        font-size:20px;
        font-weight: normal;
    }
    .footer .sitemap .com-info {
        margin-top: 20px;
    } .footer .sitemap .com-info li span {
            color: #adadad;
        } .footer .sitemap ul li {
        padding: 0;
    } .footer .sitemap ul li a {
            padding: 5px;
            color: #fff;
        } .footer .sitemap ul li a:hover {
                color: #fed900;
            } .footer .sitemap .sitemap-link li {
        width: 170px;
        text-align: left;
		    float: left;
    } .social {
    margin-top: 10px;
} .social li a {
        color: #fff;
        font-size: 30px;
    } .social li a i {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            border: 1px solid #fff;
            text-align: center;
            line-height: 58px;
            transition: all .5s;
            font-size: 25px;
            font-family: FontAwesome!important;
        } 
        table.table i, a[class*="btn"] i, .member-area a i{
            font-family: FontAwesome!important;
        }.social li a:hover i {
            background: #fff;
            color: #000;
            transition: all .5s;
        } body.home .social {
    margin: 0;
} body.home .social li a {
        font-size: 20px;
    } body.home .social li a .fa {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
    /* siteinfo */
    .footer .siteinfo ul > li {
    padding: 0;
} .footer .siteinfo ul > li + li:before {
        content: "/ ";
        padding: 0 5px;
        color: #9c9c9c;
    } .footer .siteinfo .map {
    display: inline-block;
    background: url(../_images/all/icon_map.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    vertical-align: text-bottom;
    margin-right: 20px;
} .footer .siteinfo .map:hover {
        position: relative;
        top: 2px;
    } .footer .copyright {
    border-top: 1px solid #272727;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 12px;
} .footer .copyright ul {
        margin-bottom: 0;
        color: #CCC6C8;
    } .footer .powered {
    margin-top: 10px;
} .footer .powered a {
        color: #474545;
    } .footer .powered a:hover {
            color: #666;
        }

        .footer .sitemap .link-area .sitemap-link {
            position: relative;
            float: left;
            overflow: initial;
        }
        
        .footer .sitemap .link-area .sitemap-link:before,.footer .sitemap .link-area .sitemap-link:after {
            position: absolute;
            content: "";
            display: block;
            width: 1px;
            height: 90%;
            background: #EA5514;
            bottom: 5%;
        }
        
        .footer .sitemap .link-area .sitemap-link:before {
            left: -7px;

        }
        
        .footer .sitemap .link-area .sitemap-link:after {
            left: 161px;

        }

        .footer .sitemap .link-area {
            position: relative;
        }
        
        .footer .sitemap .link-area:before {
            position: absolute;
            content: "";
            display: block;
            width: 1px;
            height: calc(90% - 30px);
            background: #EA5514;
            right: 20px;
            bottom: 20px;
        }


    /********************* floating *********************/
    #floating {
    display: none;
} body.product.p02 #floating {
    display: block;
} #floating, #floating.fixed {
    position: fixed;
    /* right: 5px; */
    bottom: 20px;
    right: 5px;
    margin-right: 0;
    top: auto;
} #floating .btn-floating {
        width: 50px;
        height: 50px;
        background-color: #ee7400;
        display: none;
        margin: 1px;
        position: absolute;
        left: -30px;
        border-radius: 50%;
        left: auto;
        right: 0;
        z-index: 20;
        color: #fff;
        transition: all .5s;
    } #floating.open .btn-floating {
        background: #bb1e00;
        transform: scale(0.7);
        transition: all .5s;
    } #floating .btn-floating .fa {
        width: 50px;
        height: 50px;
        line-height: 50px;
    } #floating .btn-floating .fa.fa-times, #floating.open .btn-floating .fa.fa-search {
            display: none;
        } #floating.open .btn-floating .fa.fa-times {
        display: inline-block;
    } #floating.open .btn-floating .icon-arrow {
        background-position: 0 -40px;
    } #floating ul {
    } #floating ul li {
            padding: 10px 0;
        } #floating ul li + li {
                border-top: 1px solid #E7E7E7;
            } #floating ul li a {
                display: block;
                position: relative;
            } #floating ul li a:hover {
                    color: #333;
                    background-position-x: -56px;
                } #floating ul li a .num {
                    min-width: 20px;
                    height: 20px;
                    background-color: #EB0F0F;
                    color: #fff;
                    border-radius: 50%;
                    display: inline-block;
                    position: absolute;
                    right: 8px;
                    top: 0;
                }
    /********************* Main *********************/
    .main {
    z-index: 10;
    padding-bottom: 80px;
} body.home .main {
    background: url(../_images/all/bg_main.jpg) no-repeat center bottom;
} .main_content {
    min-height: 600px;
    padding: 0 0 30px;
} body.home .main_content > .container, body.product .main_content > .container {
    width: 100%;
    padding: 0;
}
    /*----------------------- side -----------------------*/
    .side-menu .side-toggle {
    display: none;
} .side .side-toggle {
    font-size: 15px;
    color: #23989f;
    text-align: center;
    margin-top: 0px;
} .side .sub-menu > ul > li > ul > li + li, .side .sub-menu > ul > li > ul > li > ul, .side .side-panel .panel-body > ul > li + li, .side .side-panel .panel-body > ul > li > ul {
    border-top: 2px solid #ccc;
} .side .nav.sub-menu-list li a, .side-panel .panel-body li a {
    padding: 10px 0;
} 
.side .nav.sub-menu-list > li > ul > li >ul >li a,
.side .side-panel .panel-body > ul > li > ul li a {
    padding-left: 15px;
}

.side .nav.sub-menu-list > li + li, .side-panel .panel-body {
    margin-top: 1px;
} 
.panel-body > ul > li > .panel-body{
    padding: 0;
}
.panel-body > ul > li > .panel-body > ul {
    padding: 15px;
}

.side .nav.sub-menu-list > li > ul > li > a:hover, .side .side-panel .panel-body li a:hover {
    color: #ee7400;
    background: none;
} .side .nav.sub-menu-list > li > a, .panel-area .panel-title a {
    color: #fff;
    background: #2f2f2f;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
} .side .nav.sub-menu-list > li > a:hover {
        color: #fff;
    } .side .sub-menu > .nav > li > ul {
    padding: 20px;
    list-style-type: none;
} .side .sub-menu > ul > li > ul > li > ul li a, .side .side-panel .panel-body > ul > li > ul li a {
    color: #aaa;
} .side .sub-menu > ul > li > ul > li > ul li a:hover, .side .side-panel .panel-body > ul > li > ul li a:hover {
        color: #000;
        background: none;
    } .side .sub-menu > ul > li > ul > li > ul li + li, .side .side-panel .panel-body > ul > li > ul li + li {
    border-top: 1px solid #ccc;
} .side-menu .panel-group {
    margin: 0;
} .side-menu .panel-group .panel + .panel {
        margin-top: 1px;
    } .side-menu .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 20px;
} .side-menu .panel {
    border: none;
}
    /*----------------------- Content -----------------------*/
    .content > h1 {
    color: #36b9c0;
    font-size: 30px;
    border-bottom: 1px solid #ABCFDB;
    padding: 5px 10px 15px;
    margin-top: 0;
}
    /* breadcrumb */
    .breadcrumb-area {
    background: #f6f6f6;
    padding: 15px 0;
    /*margin-bottom: 50px;*/
    position: fixed;
    width: 100%;
    z-index: 30;
    transition: all .3s ease;
    top: 115px;
   
} 
body.home .header .navbar {
    top: 0!important;
}
body.nav-down .header .navbar {
    top: -175px;
}
body.nav-down .breadcrumb-area {
    top: 0;
}


.main_content > .container,
body.product .main_content > .container {
    padding-top: 60px;
}
body.home .main_content > .container {
    padding-top: 0;
}

.breadcrumb {
    background: none;
    margin: 0;
    font-size: 13px;
    /*text-align: right;
    text-transform: uppercase;*/
    padding: 0;
} .breadcrumb > li .fa {
        font-size: 20px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 5px;
    } .breadcrumb > li + li:before {
        content: "＞";
        color: #515151;
    } .breadcrumb > li.active {
        color: #ee7500;
    }
    /* btn-more */
    .content .btn-more {
    display: block;
    background: url(../_images/all/icon_arrow.png) no-repeat right 20px center #000;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    max-width: 200px;
    padding: 20px;
    transition: all .5s;
} .content .btn-more:hover {
        background: url(../_images/all/icon_arrow.png) no-repeat right 10px center #000;
        transition: all .5s;
    }
    /* list-box */
    .content .list-box .txt-list {
    margin-bottom: 60px;
} .content .list-box .txt-list li {
        background: url(../_images/all/icon_list.png) no-repeat 8px 12px;
        border-bottom: 1px dotted #ccc;
        padding-left: 30px;
    } .content .list-box .txt-list li:nth-child(2n+1) {
            background-color: rgba(240,240,240,0.3);
        } .content .list-box .txt-list li a {
            line-height: 28px;
            display: block;
            padding: 10px 0;
        } .content .list-box .txt-list li a:hover, .content .list-box .txt-list li a:focus {
                color: #36B9C0;
            } .content .list-box .txt-list li span {
            font-size: 13px;
            color: #aaa;
            line-height: 20px;
            display: inline-block;
            float: right;
            padding: 3px 20px;
        } .content .list-box .txt-list li span.news-title {
                width: 78%;
                color: #848275;
                float: left;
            } .content .list-box .txt-list li.list-header {
            background: none;
            border-bottom: 1px solid #ACE7EB;
            padding-left: 40px;
            padding-right: 15px;
        } .content .list-box .txt-list li.list-header a, .content .list-box .txt-list li.list-header a span {
                font-size: 18px;
                color: #36B9C0;
            } .content .list-box .txt-list li.list-header a span {
                    padding-right: 24px;
                }
    /* btn-box */
    .content .btn-box {
    margin: 20px auto;
    clear: both;
} .content .btn-box:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    } .btn-box ul {
    margin-bottom: 0;
    margin-left: 0;
} .content .btn-box .pager {
    text-align: left;
    display: inline-block;
    margin: 0;
} .content .btn-box .pager li > a,.btn.bordblack {
        color: #000;
        border-radius: 5px;
        border: 1px solid #000;
        padding: 7px 20px;
    } 
    .btn.bordblack {
        font-size: 18px;
        margin-left: 10px;
        padding: 9px 20px;
    }
    
    body:not(.show) .content .btn-box .pager li:nth-child(2) > a:before, .btn-box .pager li a.btn-prev:before {
        content:"";
        background: url(../_images/all/icon_arrow2.png) no-repeat ;
        width:21px;
        height: 11px;
        display: inline-block;
        margin-right: 5px;
   
     } body:not(.show) .content .btn-box .pager li:nth-child(3) > a:after, .btn-box .pager li a.btn-next:after {
        content:"";
        background: url(../_images/all/icon_arrow3.png) no-repeat ;
        width:21px;
        height: 11px; 
        display: inline-block;
        margin-left: 5px;
   
     } .content .btn-box .pager li:nth-child(2) > a:hover:before, .btn-box .pager li a.btn-prev:hover:before {
        background: url(../_images/all/icon_arrow2_h.png) no-repeat!important ;
     } .content .btn-box .pager li:nth-child(3) > a:hover:after, .btn-box .pager li a.btn-next:hover:before {
        background: url(../_images/all/icon_arrow3_h.png) no-repeat!important ;
     } .content .btn-box .pager li > a:hover,
     .btn.bordblack:hover {
            background-color: #ee7400;
            border: 1px solid #ee7400;
            color: #fff;
        } .content .btn-box .pager li > a .icon {
            display: none;
        } .content .btn-box .page-info {
    float: right;
    text-align: center;
    margin: 0 5px;
    font-size: 13px;
    color: #000;
} .content .btn-box .page-info label {
        font-weight: normal;
    } .content .btn-box .page-info select {
        border: 1px solid #DFDFDF;
        margin-right: 10px;
        height: auto;
        padding: 3px;
        font-size: 13px;
    }
    /*----------------------------------------- 首頁 home --------------------------------------*/
    body.home .main_content {
    min-height: 0;
} body.home .wid h2 {
    font-size: 40px;
    color: #000;
    font-weight: bold;
    position: relative;
    /*text-transform: uppercase;*/
    margin-bottom: 50px;
} body.home .wid h2 small {
        color: #000;
        font-weight: bold;
    } body.home .wid-home-about {
    background: url(../_images/all/bg_homeabout.jpg) no-repeat right center;
} body.home .wid-home-about h2:after {
        background: #fed900;
        position: absolute;
        content: "";
        border-radius: 50%;
        width: 105px;
        height: 105px;
        left: -30px;
        bottom: -10px;
        z-index: -1;
    } body.home .wid-home-about h4 {
        font-size: 22px;
        font-weight: bold;
    } body.home .wid-home-solution h4 {
    max-width: 750px;
    margin: 0 auto;
    line-height: 1.5em;
    margin-bottom: 50px;
} body.home .wid-home-solution .solution-list a {
    display: block;
    position: relative;
} body.home .wid-home-solution .solution-list a:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6901960784313725);
        z-index: 1;
        opacity: 0;
        transition: all .5s;
    } body.home .wid-home-solution .solution-list a:hover:before {
        opacity: 1;
        transition: all .5s;
    } body.home .wid-home-solution .solution-list a img {
        width: 100%;
    } body.home .wid-home-solution .solution-list a h3 {
        position: absolute;
        right: 30px;
        top: 30px;
        font-size: 22px;
        color: #fff;
        z-index: 20;
        transform-origin: right top;
        transition: all .7s;
        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6588235294117647);
    } body.home .wid-home-solution .solution-list a:hover h3 {
        transition: all .7s;
        color: #fed900;
        transform:translateY(-5px);
    } body.home .wid-home-solution .solution-list div[class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
} .n-date {
    color: #5c5c5c;
    font-size: 14px;
    margin-bottom: 10px;
} .slider-area .news-item {
    padding: 0 15px;
} .news-item .n-kind img, .n-kind span {
    display: inline-block;
    vertical-align: middle;
} .n-kind span {
    margin-left: 10px;
    background: #f56d00;
    color: #fff;
    padding: 10px;
} .n-kind.kindB span {
    background: #9d2a2a;
} 
.news-item h3 {
    color: #000;
    font-size: 18px;
    margin-top: 10px;
    font-weight: normal;
} 
body.home .news-item h3 {
    display: block;
    display: -webkit-box;
    height: 62px;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.home .news-item .desc {
    transition: all .3s ease;
    height: 48px;
    font-size: 14px;
}
body.home .news-area h2 a,
body.home .event-area h2 a {
    color: #000;
    transition: all .3s ease;
}

body.home .news-area h2 a:hover,
body.home .event-area h2 a:hover {
    color: #ea5413;
}
.news-item a:hover .n-kind span {
    background: #fed900;
} .slick-slide:focus {
    outline: none;
} .slick-arrow:before, .slick-arrow:after, .slick-btn .slick-prev:before, .slick-btn .slick-next:before {
    display: none;
} .slider-area .slick-prev, .slider-area .slick-prev:focus, .slider-area .slick-prev:hover, .slick-btn .slick-prev, .slick-btn .slick-prev:focus, .slick-btn .slick-prev:hover {
    background: url(../_images/all/icon_prev.png) no-repeat;
    width: 64px;
    height: 64px;
    left: 0;
    border: 1px solid #000;
    border-radius: 50%;
    transition: all .5s;
} .slider-area .slick-prev:hover, .slick-btn .slick-prev:hover {
        background-position: -64px 0;
        transition: all .5s;
    } .slider-area .slick-next, .slider-area .slick-next:focus, .slider-area .slick-next:hover, .slick-btn .slick-next, .slick-btn .slick-next:focus, .slick-btn .slick-next:hover {
    background: url(../_images/all/icon_next.png) no-repeat -64px 0;
    width: 64px;
    height: 64px;
    right: 0;
    border: 1px solid #000;
    border-radius: 50%;
    transition: all .5s;
} .slider-area .slick-next:hover, .slick-btn .slick-next:hover {
        background-position: 0 0;
        transition: all .5s;
    }
    /*----------------------------------------- wid --------------------------------------*/
    .content .wid {
    position: relative;
    z-index: 10;
}
    /* wid-home-news */
    .content .wid-home-news {
    margin-left: 0;
} .content .wid-home-news .txt-list {
        margin-bottom: 10px;
        margin-top: -10px;
    } .content .wid-home-news .txt-list li {
            padding-left: 14px;
            background-position: 0 4px;
            background-color: transparent;
        } .content .wid-home-news .txt-list li:last-child {
                border-bottom: 2px solid #ACE7EB;
            } .content .wid-home-news .txt-list li a {
                padding: 2px 0;
                font-size: 13px;
            } .content .wid-home-news .txt-list li a span {
                    padding: 3px 0;
                    font-size: 12px;
                } .content .wid-home-news .pic{
                    margin-bottom: 15px;
                } 
                .content .wid-home-news .news-area .pic{
                    background: #c3c3c3;
                }
                .content .wid-home-news .n-date{
                    text-align: right;
                } .content .wid-home-news a.btn-more-news{
                    margin: auto;
                    display: flex;
                    width: 150px;
                    height: 150px;
                    background: #fff;
                    border-radius: 50%;
                    border: 10px solid #ddd;
                    align-items: center;
                    justify-content: center;
                    transition:all .5s ease;
                } .content .wid-home-news a.btn-more-news:hover {
                    background: #f56d00;
                    border: none;
                    color: #fff;
                }
 .content .video-area div[class*="col"] {
                    margin-bottom: 30px;
                } .tooltip-inner {
                    max-width: 200px;
                    padding: 3px 8px;
                    color: #fff;
                    text-align: center;
                    text-decoration: none;
                    background-color: #000;
                    border-radius: 4px;
                } .tooltip-arrow {
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-color: transparent;
                    border-style: solid;
                } .tooltip.bottom .tooltip-arrow {
                    top: 0;
                    left: 50%;
                    margin-left: -5px;
                    border-width: 0 5px 5px;
                    border-bottom-color: #000;
                } .event-area{
	margin:50px 0;
}
    /* wid-home-product */
    .content .wid-home-product .bxslider li a {
    border: 1px solid #ACE7EB;
    padding: 2px;
    display: block;
} .content .wid-home-product .bxslider li a:hover {
        border-color: #36B9C0;
    } .content .wid-home-product .bx-wrapper .bx-controls-direction a {
    width: 24px;
    height: 40px;
    background: url(../_images/home/arrow.png) no-repeat;
} .content .wid-home-product .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -24px;
    } .content .wid-home-product .bx-wrapper .bx-controls-direction a.bx-next {
        right: -24px;
        background-position: 0 -40px;
    }
    /* wid-home-contact */
    .content .wid-home-contact ul li {
    color: #717171;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.8;
} .content .wid-home-contact ul li.phone {
        font-size: 22px;
        color: #333;
        font-weight: bold;
    }
    /*product*/
    body.product .editor-area{
    background: #f6f6f6;
    padding: 15px;
    margin-bottom: 20px;
} 
.pro-series .pro-item {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
} 
.new-st .pro-item,
body.product.search.result2 .pro-series.new-st .Information .items {
    margin-bottom: 10px;
    border-left: 5px solid #ea5413;
    box-shadow: 5px 5px 5px #eee;
    background: linear-gradient(138deg,#fff 92%, #ea541322 0%);
    transition: all 0.3s ease;
} 
body.product .pro-series .pro-list .pro-item{
    padding-right: 15px;
    padding-left: 15px;
} 
body.product .pro-series .pro-list .pro-item a{
    display: block;
}
    /* .pro-series .pro-slider .pro-item {
    margin-bottom: 0;
} */

.pro-series.mainKind {
    margin-bottom: 70px;
}

    .pro-series .pro-item .pic {
    margin-bottom: 15px;
    
} 

body.product.show .pro-series .pro-item .pic{
    height: 150px;
    display: flex;
    align-items: end;
    overflow: hidden;
}
body.product.show .pro-series .pro-item .pic img{
    max-width:277px;
    width: 100%;
    margin: 0;
    border-right: none;
}

.pro-series .pro-item a .pic img {
    transform: scale(1);
    transition: all .5s;
    margin: auto;
} 
.pro-series .pro-item a:hover .pic img {
    transform: scale(1.1);
    transition: all .5s;
} 
.pro-series .pro-item h4 {
    color: #000;
    font-size: 22px;
} 
.new-st .pro-item h4 {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
} 
.new-st .pro-item:hover,
body.product.search.result2 .pro-series.new-st .Information .items:hover {
    background:#f6f6f6;
} 
.pro-series .pro-item a:hover h4 {
    color: #ea5413;
} 
.pro-series .pro-item p {
    color: #525252;

    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;

} .pro-series.sec-series h4 {
    text-align: center;
    font-size: 17px;
    line-height: 1.2;
} 

.pro-series.new-st .pro-item >a {
    display: flex;
    width: 100%;
}
body.product.search.result .pro-series.new-st .pro-item .pic {
    height: auto;
    display: block;
    width: 120px;
    flex: 0 0 120px;
}
body.product.search.result .pro-series.new-st .pro-item .info {
    flex-grow: 1;
    margin-left: 10px;
}
body.product.search.result .pro-series.new-st .pro-item a .pic img {
    transform: scale(1);
}
body.product.search.result2 .pro-series.new-st .lists {
   margin: 20px 0;
}
body.product.search.result2 .pro-series.new-st .lists .btn{
   background-color: unset;
   padding: 6px 10px;
   font-size: 16px;
}
body.product.search.result2 .pro-series.new-st .lists .btn:hover,
body.product .tags .tags_btn a .btn:hover,
body.solution .tags .tags_btn a .btn:hover,
body.news .tags .tags_btn a .btn:hover,
body.class .tags .tags_btn a .btn:hover,
body.download .tags .tags_btn a .btn:hover,
body.qa .ans_box .tags .tags_btn a .btn:hover{
   color:#ee7500;
}
body.product.search.result2 .pro-series.new-st .lists a{
    margin: 0 10px;
    position: relative;
    color:#000000;
}
body.product.search.result2 .pro-series.new-st .lists a:after{
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 20px;
    top: 5px;
    right: -10px;
    background:#888;
}
body.product.search.result2 .pro-series.new-st .lists a:nth-child(8):after{
    display: none;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(1) .menu{
    background: #ffc905;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(2) .menu{
    background: #74f134;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(3) .menu{
    background: #1bf1f0;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(4) .menu{
    background: #e873e5;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(5) .menu{
    background: #7cacff;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(6) .menu{
    background: #f2dede;
}
body.product.search.result2 .pro-series.new-st .item:nth-child(7) .menu{
    background: #d9edf7;
}
body.product.search.result2 .pro-series.new-st .Information {
    margin-top: 50px;
}
body.product.search.result2 .pro-series.new-st .Information .items{
    padding: 15px 30px;
    line-height: 30px;
}
body.product.search.result2 .pro-series.new-st .Information .items .items_txt{
    max-width: 90%;
    font-size: 14px;
    margin-top: 10px;
    color:rgba(51,51,51);
}
body.product.search.result2 .pro-series.new-st .Information .items .href{
    color:rgba(51,51,51);
    word-break: break-word;
}
body.product.search.result2 .pro-series.new-st .Information .items .menu{
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    top: -3px;
    color:#333;
}
body.product.search.result2 .pro-series.new-st .Information .items a{
    color:#000;
    word-break: break-word;
}
body.product.search.result2 .pro-series.new-st .Information .items .title{
    margin-right: 10px;
    font-size: 25px;
    font-weight: bold;
    color:rgba(51,51,51);
}
body.product .tags,
body.class .tags,
body.download .tags,
body.qa .ans_box .tags{
    margin:0;
}
body.solution .tags{
    margin: 30px 0;
}
body.news .tags{
    margin: 20px 0;
}
/* body.product .tags .tags_txt,
body.solution .tags .tags_txt,
body.news .tags .tags_txt,
body.class .tags .tags_txt,
body.download .tags .tags_txt,
body.qa .ans_box .tags .tags_txt{
    font-size: 22px;
    margin-right: 10px;
} */
body.product .tags .tags_btn a .btn,
body.solution .tags .tags_btn a .btn,
body.news .tags .tags_btn a .btn,
body.class .tags .tags_btn a .btn,
body.download .tags .tags_btn a .btn,
body.qa .ans_box .tags .tags_btn a .btn{
    font-size: 14px;
    margin:0px 5px 10px 5px;
    background-color: #f5f5f5;
} 

body.download.show  table.table.tb-newSt.tb-forum td {
    text-align: left;
    vertical-align: middle;
}
.highlight {
    background: #fed900;
}

.content h2.st {
    position: relative;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
    /*text-transform: uppercase;
    z-index: 20;*/
    font-family: 'Catamaran';
    /*font-family: 'Source Sans Pro', sans-serif;*/
    word-break: break-word;
} 
.content h2.st:after {
    background: #fed900;
    position: absolute;
    content: "";
    border-radius: 50%;
    width: 54px;
    height: 54px;
    left: -15px;
    top: -10px;
    z-index: -1;
} 
.content h2.st:first-letter {
    /*text-transform: uppercase;*/
}
.sec-series .series-info {
    color: #262626;
    font-size: 20px;
    margin-bottom: 30px;
} .resp-tabs-list.pro-tabs li {
    background: #000;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 15px;
    padding: 10px 5px;
} .resp-tabs-list.pro-tabs li:last-child {
        margin: 0;
    }
    .resp-tabs-list.pro-tabs li.resp-tab-active {
        border: none !important;
        margin-bottom: 0 !important;
        padding: 10px 5px !important;
        background-color: rgb(238, 117, 0);
    } .pro-series-detail h4 {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
} table.table tr td a {
    display: inline-block;
} table.table tr td a.btn-icon {
        display: inline-block;
    } table.table.tb-pseries th, table.table.tb-pseries td, table.table.tb-forum th, table.table.tb-forum td {
    text-align: center;
} table.table.tb-pseries th, table.table.tb-normal tbody > tr > th {
    background: #6e6e6e;
    border-bottom: none;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    font-weight: normal;
} table.table.tb-pseries.tb-pnumber th, table.table.tb-forum th {
    background: #ea5514;
} table.table.tb-pseries td, table.table.tb-forum td a{
    padding: 5px 15px;
    border: none;
    color: #000;
    vertical-align: middle;
    /* background: #fff; */
    text-align: left;
} table.table.tb-pseries td a:not(.btn-icon) {
        color: #000;
        display: inline-block;
    } table.table.tb-pseries tr:nth-child(even) td {
    background: #eee;
} .tabs-area .resp-tabs-container {
    border: none;
    /* padding: 40px 0; */
    background: none;
} .tabs-area .resp-tab-content {
    border: none;
    padding: 0;
} .pro-series-detail + .pro-series-detail {
    margin-top: 40px;
} .simg-slider .pro-simg {
    max-width: 125px;
    margin: 20px auto;
} 
/* .btn-dl li a {
    background: #595959;
    min-width: 240px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
}  */
.btn-dl li a img {
    margin-right: 10px;
}   
.align-area {
    position: relative;
} 
h3.st {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 25px;
    /*text-transform: uppercase;*/
    font-weight: 900;
    color: #000;
    margin-bottom: 30px;
    font-family: 'Catamaran';
} .sec1 + .sec1 {
    margin-top: 50px;
} .sec1 .show-inner {
    padding: 30px;
} .slider-area.styleB .slick-next, .slider-area.styleB .slick-next:focus, .slider-area.styleB .slick-next:hover {
    background: url(../_images/all/icon_next3.png) no-repeat -47px 0;
    width: 47px;
    height: 47px;
    right: 0;
    border: 1px solid #7b7473;
    border-radius: 50%;
    transition: all .5s;
} .slider-area.styleB .slick-next:hover {
        background-position: 0 0;
        transition: all .5s;
    } .slider-area.styleB .slick-prev, .slider-area.styleB .slick-prev:focus, .slider-area.styleB .slick-prev:hover {
    background: url(../_images/all/icon_prev3.png) no-repeat 0 0;
    width: 47px;
    height: 47px;
    right: 0;
    border: 1px solid #7b7473;
    border-radius: 50%;
    transition: all .5s;
} .slider-area.styleB .slick-prev:hover {
        background-position: -47px 0;
        transition: all .5s;
    } .related-pro .pro-item h4 {
    text-align: center;
    font-size: 16px;
    overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
} .related-pro .pro-item p {
    font-size: 14px;
    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

} a.btn-style {
    background: #ee7500;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 10px 50px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
} a.btn-style.styleB {
        background: #6d6d6d;
    } a.btn-style.normal {
        padding: 10px 15px;
        font-size: 14px;
        border: none;
    } 
    .news-search-area a.btn-style.normal{
        padding:6px 15px;
    }a.btn-style .fa {
        margin-right: 10px;
    } table.table.tb-normal {
    border: 1px solid #6d6e6e;
} table.table.tb-normal td.tb-title {
        background: #313131;
        font-size: 18px;
        color: #fff;
    } table.table.tb-normal tbody > tr > td, table.table.tb-normal tbody > tr > th {
        vertical-align: middle;
        padding: 10px;
    } table.table.tb-normal.morepadding td, table.table.tb-normal.morepadding th {
        padding: 20px;
    } table.table.tb-normal > tbody > tr > td {
        border: 1px solid #6d6d6d;
        border-top: 1px solid #eaeaea;
        border-bottom: none;
        background: #fff;
    } table.table.tb-normal > tbody > tr:nth-child(1) > th, table.table.tb-normal > tbody > tr:nth-child(1) td {
        border-top: none;
    } td .radio-inline, td .checkbox-inline {
    margin-right: 10px;
} td .radio-inline + .radio-inline, td .checkbox-inline + .checkbox-inline {
        margin-left: 0;
    } body.product.search table.table.tb-normal th, body.forum.publish table.table.tb-normal th, body.forum.show table.table.tb-normal th, .contact-form table.table.tb-normal th, table.table.tb-sign th, table.table.tb-inquiry-form th, body.cart.p02 table.table.tb-normal th, table.table.tb-member > tbody > tr > th, body.modify table.table.tb-normal > tbody > tr > th {
    text-align: right;
    
} body.product.search .tb-normal td .fa {
    margin-right: 0;
    margin-left: 10px;
} body.bg_main .main, div.tip_sign, div#fancybox_window {
    background: url(../_images/all/bg_main2.jpg) no-repeat center bottom;
}

.table.tabtable td{
    width: 50%;
}
body.product.show .tabs-area .btn-dl li a {
    font-size: 17px;
    min-width: 200px;
}

body.product.show .tabs-area .btn-dl li img {
    max-width: 20px;
}

    /*news*/
    .news-search-area li {
    vertical-align: middle;
} .news-search-area li a.btn-style {
        padding: 6px 12px;
    } .news-list .news-kind, .ntitle-show .news-kind {
    font-size: 13px;
    color: #fff;
    padding: 3px 10px;
    display: table;
    margin-bottom: 5px;
    background: #f56d00;
} .news-list .news-kind.kindB, .ntitle-show .news-kind.kindB {
        background: #9d2a2a;
    } .ntitle-show .news-kind {
    display: inline-block;
} .news-list .ndate {
    float: right;
    color: #a4a4a4;
} 
.news-list .ntitle {
    font-size: 18px;
    color: #000;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
} 
.news-list li a, .event-list li a {
    padding-left: 0;
    padding-right: 0;
} 
.news-list li a:hover {
        background: none;
    } .news-list li a:hover .ntitle {
            color: #ee7400;
        } .news-list li a:hover .news-kind {
            background: #fed900;
        } .news-list li + li {
    border-top: 1px solid #ddd;
} .news-search-area {
    background: #eee;
    padding: 20px;
    margin-bottom: 30px;
} .news-search-area .input-group.date .input-group-addon {
        border: none;
        border-radius: 0;
        background: none;
        position: absolute;
        right: 15px;
        z-index: 20;
        top: 50%;
        transform: translateY(-50%);
    } .news-search-area ul {
		margin-bottom: 0;
	
    } .news-search-area li a.btn .fa {
        margin: 0;
    } 


    body.home .news-slider .news-item .ntitle-show {
        display: flex;
        justify-content: space-between;
    }

    body.news .pic-sb, body.contact .pic-sb{
        margin-bottom:30px;
    }
    body.news .btn-news a h3, body.contact .btn-news a h3{
        font-size:20px;
        text-align: center;
        color:#000;
    }
    body.news .btn-news a:hover h3,  body.contact .btn-news a:hover h3{
        color:#ee7500;
    }
    body.news .event-list li .btn-addcalendar, .etitle-show .btn-addcalendar{
        display: inline-block;
        background:none; 
        margin-left: 20px;
        color: #ee7501;
        cursor: pointer;
    }
    body.news .event-list li .e-title, .etitle-show .e-title{
        margin-bottom: 10px;
        margin-top:0;
        color:#000;
    }
    body.news .event-list li a{
        padding:0;
    }
    body.news .event-list li a:hover, body.news .event-list li a:hover .e-title{
        background:none;
        color: #ee7500;
    }
    body.news .event-list li{
        padding:10px 0;
    }
    body.news .event-list li .e-date, .etitle-show .e-date{
        color: #afafaf; 
    }
    body.news .event-list li .btn-addcalendar i, .etitle-show .btn-addcalendar i{
        margin-right: 5px;
    }
    body.news .event-list li + li {
        border-top: 1px solid #ddd;
    }
    body.news .etitle-show{
        margin-bottom: 30px;
    }
    table.table.tb-normal.tb-location th {
        text-align: right;
    }
    .from-location{
        margin-top:30px;
    }

    
    
    
    
    
    
    body.news.show .ntitle-show .ndate {
    margin-left: 10px;
} body.news.show .ntitle-show h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
    /*quarterly*/
    .wd-box {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 30px;
} .wd-box .fa.fa-quote-left {
        font-size: 40px;
        margin-top: -28px;
        margin-left: 10px;
        display: table;
        background: #fff;
        padding: 5px;
    } .quarterly-tb-area tr td:nth-child(2) {
    text-align: left;
} .quarterly-tb-area {
    margin-top: 30px;
} table.table tr td a.btn-icon .fa {
    font-size: 25px;
    color: #ee7500;
    vertical-align: middle;
}
    /*qa*/
    .panel-area .panel-title a {
    display: block;
    position: relative;
} .qa-panel .panel-title a {
    padding: 10px 20px 10px 10px;
    background: #ee7400;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
} .qa-panel .panel-title a.collapsed {
        background: #c9c9c9;
        color: #999;
    } .panel-area .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
} .panel-area .panel-default > .panel-heading {
    background: none;
    padding: 0;
} .panel-area .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 0;
} .fa-area {
    position: absolute;
    right: 8px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
} .fa-area .fa.fa-plus, .fa-area .fa.fa-minus {
        display: none;
        vertical-align: middle;
        margin-left: 5px;
    } a.collapsed .fa-area .fa.fa-minus {
    display: none;
    transition: all .5s;
} a.collapsed .fa-area .fa.fa-plus {
    display: inline-block;
    transition: all 0.6s;
    color: #999;
} .fa-area .fa.fa-minus {
    display: inline-block;
} .panel-area.panel-group .panel {
    border-radius: 0;
} .qa-panel.panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 30px 30px 30px 85px;
    position: relative;
} .qa-panel .panel-default > .panel-heading + .panel-collapse > .panel-body:before {
    width: 39px;
    height: 39px;
    content: "A";
    display: inline-block;
    background: #e6300d;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 39px;
    font-size: 24px;
    position: absolute;
    left: 30px;
} .qa-panel .panel-title a.collapsed .fa.fa-question-circle {
    font-size: 20px;
    vertical-align: middle;
    transition: all .5s;
    margin-right: 5px;
} .qa-panel .panel-title a .fa.fa-question-circle {
    font-size: 39px;
    vertical-align: middle;
    transition: all .5s;
    margin-right: 5px;
} table.table.tb-forum th {
    vertical-align: middle;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    border-bottom: none;
} table.table.tb-forum td {
    border-bottom: 1px solid #ddd;
} body.forum table.table.tb-forum tr td:nth-child(1), body.download table.table.tb-forum tr td:nth-child(4) {
    text-align: left;
} .btn-forum {
    text-align: center;
    color: #000;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    font-size: 18px;
    border: 1px solid #000;
    display: inline-block;
} .btn-forum .fa {
        margin-left: 5px;
        font-size: 25px;
        vertical-align: middle;
        color: #ee7500;
    } body.forum.show .content h3.st {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
} body.forum.show .content h3.st:after {
        width: 40px;
        height: 40px;
        background: #fed900;
        position: absolute;
        content: "";
        border-radius: 50%;
        left: -15px;
        top: -10px;
        z-index: -1;
    } .author {
    font-size: 18px;
    margin-bottom: 30px;
} .author .orange {
        font-weight: bold;
    } .author .date {
        color: #a3a3a3;
        margin-left: 20px;
    } .author .data-area {
        font-size: 15px;
    } .author .data-area li .fa {
            margin-right: 5px;
        } .author .data-area li + li {
            margin-left: 10px;
        } .respond-area {
    margin-top: 60px;
    border-bottom: 1px solid #ccc;
} .respond-area li {
        padding: 20px 0;
        border-top: 1px solid #ccc;
    } .respond-area .respond-name {
        font-size: 18px;
        color: #000;
        font-weight: bold;
    } .respond-area .respond-date {
        color: #6f6f6f;
        font-size: 15px;
    } .respond-area a {
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        padding: 7px 25px;
        background-color: #ee7400;
        margin-top: 20px;
        margin-bottom: 10px;
    } table.table.tb-dl tr td:nth-child(1) {
    text-align: left;
    border-right: none;
} 
table.table.tb-dl tr td:nth-child(2) {
    text-align: right;
    border-left: none;
}
 
body.download.show table.table.tb-dl tr td:nth-child(2){
    border-left: 1px solid #6d6d6d;
}

    /*contact*/
    body.contact .btn-news{
        margin-bottom: 30px;
    }

    .more-check h4{
        background: #e8e8e8;
        padding: 5px;
        color: #000000;
    }
    table.table.tb-normal > tbody > tr > td.member-check{
        background: #fed903;
        text-align: right;
    }
    table.table.tb-normal > tbody > tr > td.member-check ul{
        margin:0;
    }
    table.table.tb-normal > tbody > tr > td.member-check a{
        color:#000;
    }
    table.table.tb-normal > tbody > tr > td.member-check a:hover{
        color:#ee7500;
    }
    table.table.tb-normal > tbody > tr > td.member-check a i{
        margin-right: 5px;
    }
    .nav.company-info li {
    position: relative;
    padding-left: 25px;
} .nav.company-info li + li {
        margin-top: 7px;
    } .nav.company-info li a {
        display: inline-block;
        color: #ed6600;
        padding: 0;
    } .nav.company-info li a:hover {
            background: none;
        } .nav.company-info li .fa {
        position: absolute;
        left: 0;
        top: 2px;
        color: #000;
    } .location-area {
    position: relative;
    z-index: 10;
} .location-area .bg-Location {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 5;
    } .location-area h4, .partner-list h4, body.sitemap .content h3{
        color: #ee7500;
        font-family: 'Catamaran';
        font-weight: bold;
        font-size: 20px;
        position: relative;
        margin-bottom: 30px;
    } .location-area h4:after, body.sitemap .content h3:after {
            background: url(../_images/all/icon_company.png) no-repeat;
            position: absolute;
            content: "";
            width: 50px;
            height: 41px;
            z-index: -1;
            left: -10px;
            bottom: -10px;
        } body.contact .content .editor {
    min-height: 270px;
    position: relative;
    z-index: 10;
    padding-bottom: 30px;
} body.contact .content .editor div[class*="col-"] {
        margin-bottom: 20px;
    } .contact-form {
    position: relative;
    z-index: 20;
} .contact-form table.table.tb-pseries td {
        text-align: left;
    } .contact-form input.form-control.minW {
        min-width: 250px;
    } td .form-inline + * {
    margin-top: 10px;
}
.search-result{
    background: #f5f5f5;
    padding: 20px;
}
.search-result .title-area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.search-result .title-area *{
    padding:5px 0;
}
.search-result .title-area h3{
    margin:0;
    font-size:18px;
}
.result-list{
    margin:30px 0 0 0;

}
.result-list > li{
    background:#fff;
    padding:15px;
}
.result-list li .tb-area{
    border-left: 1px solid #ccc;
    padding-top:15px;

}
.result-list li h4{
    font-weight: bold;
    color: #000;
    border-left: 5px solid#ee7501;
    margin-bottom: 0;
    padding: 5px 0 5px 15px;
    font-size: 20px;
}
#more_locations_list h4{
    background:#f5f5f5;
    border:none;
}
.more-locations > a{
    color: #000;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 7px 20px;
    margin: 20px 0;
    display: table;
    font-size: 15px;
}
.more-locations a i{
    margin-left:5px;
}


.result-list li table.table tr th, .result-list li table.table tr td{
    vertical-align: top;
    border-top:none;
}
body.contact .result-list li table.table tr th{
    width: 12%;
}
.result-list li table.table tr td{
    word-break: break-word;
}
.result-list li table.table tr td a{
    color:#ee7500;
    text-decoration: underline;
}

    /*class*/
    td h4.CT {
    color: #fec300;
    font-weight: bold;
    margin-top: 0;
} table.table.tb-class tr td:nth-child(1) {
    text-align: left;
} .ex {
    color: #ccc;
} .btn-box ul.d-flex li {
    flex: 1;
} .btn-box ul.d-flex li a {
        display: block;
    } div.tip_sign, div#fancybox_window {
    display: none;
    padding: 40px;
    border: 10px solid #ee7500;
} div.tip_sign h3 .fa {
        margin-right: 5px;
    } div.tip_sign *:not(.floating-icon) {
        position: relative;
        z-index: 2;
    } .fancybox-skin .fancybox-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background: #ee7500;
    text-align: center;
    line-height: 36px;
    transition: all .5s;
} .fancybox-skin .fancybox-close:hover {
        transform: rotate(180deg);
        transition: all .5s;
    } .fancybox-close:before {
    content: "X";
    text-align: center;
    font-size: 20px;
    color: #fff;
} .floating-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
    text-align: center;
    z-index: 0;
    display: none;
} .floating-icon .fa {
        font-size: 200px;
        color: rgba(225, 225, 225, 0.49019607843137253);
    }
    /*inquiry*/
    body.inquiry .qty .input-group {
    max-width: 100px;
    margin: 0 auto;
} .qty .input-group a {
    background: #000;
    color: #fff;
    text-shadow: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
} .qty .input-group a:hover {
        z-index: 1;
    } .combobox-area .custom-combobox {
    position: relative;
    display: inline-block;
} .combobox-area .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    right: 0;
} .combobox-area .ui-widget.ui-widget-content {
    border: 1px solid #ccc;
    width: 100%;
} .combobox-area .custom-combobox-input {
    margin: 0;
    padding: 6px 12px;
} .combobox-area .ui-state-default {
    background: none;
    border-radius: 0;
} #combobox {
    margin-bottom: 10px;
} .combobox-area + a#toggle {
    cursor: pointer;
    margin-top: 10px;
} body.inquiry .content .tip-area, body.cart .content .tip-area {
    position: relative;
} body.inquiry .content .tip-area h4, body.cart .content .tip-area h4 {
        margin-top: 30px;
    } body.inquiry .content .tip-area .wd, body.cart .content .tip-area .wd {
        position: relative;
        z-index: 2;
        margin-bottom: 70px;
    }
    /*cart*/
    table.tb-cart .qty .input-group {
    max-width: 100px;
    margin: 0 auto;
} .total-area {
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
} .qty .input-group a {
    background: #000;
    color: #fff;
    text-shadow: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
} .qty .input-group a:hover {
        z-index: 1;
    } body.cart.index a.btn-style {
    background: #6d6e6e;
} .content .table.tb-stack {
    margin-bottom: 0;
} body.cart.show table.table.tb-nobg tr th, body.order.show table.table.tb-nobg tr th, body.inquiry.detail table.table.tb-nobg tr th {
    min-width: 200px;
    text-align: right;
} td.leave-msg .bt-content {
    width: 100%;
}
    /*Investor_relations*/
    table.table.tb-ir tr td {
    text-align: left;
} table.table.tb-ir tr td.nopadding {
        padding: 0;
    } table.table.tb-ir tr td li {
        word-break: break-all;
    } table.table.tb-ir tr td li:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        } table.table.tb-ir tr td li div[class*="col"] {
            padding: 20px 15px;
        } table.table.tb-ir tr td li div[class*="col"]:nth-child(1) {
                background: url(../_images/all/list_icon4.png) no-repeat 15px 23px;
                padding-left: 35px;
            } .stakeholders-area div[class*="col"]:nth-child(1) {
    font-weight: bold;
} ul.stakeholders-list li {
    background: url(../_images/all/list_icon4.png) no-repeat 0 3px;
    padding-left: 20px;
} ul.stakeholders-list li + li {
        margin-top: 10px;
    } table.bt.responsive-tb tbody td::before {
    content: attr(data-th);
    margin-right: 10px;
    color: #ee7500;
    word-break: break-all;
    padding-right: 5px;
} .tb-title {
    background: #ea5602;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
} table.table.tb-forum th.th-sec, table.table.tb-forum td.td-sec {
    font-size: 15px;
    background: #ff8e21;
    color: #fff;
} .table-responsive {
    border: none !important;
} body.law .content table.table tr td:nth-child(1), body.FR .content table.table tr td:nth-child(1), body.CG .content table.table tr td:nth-child(1), .content table.table.tb-major tr td:nth-child(2) {
    text-align: left;
} body.meeting .content table.table.tb-forum th {
    font-size: 15px;
    word-break: break-all;
} .select-area {
    margin-bottom: 20px;
} .select-area a.btn {
        background: #000000;
        color: #fff;
        border-radius: 0;
    } table.responsive-tb.tb-monthly td.td-sec {
    border-top: 1px solid #ddd;
} table.bt.responsive-tb.tb-monthly tbody td:nth-child(2)::before {
    content: attr(data-td-sec);
} table.bt.responsive-tb.tb-monthly tbody td:nth-child(3)::before {
    content: attr(data-td-sec2);
} table.bt.responsive-tb.tb-monthly tbody tr:last-child td:nth-child(1)::before {
    display: none;
} table.bt.responsive-tb.tb-monthly tbody tr:last-child td:nth-child(1) {
    border-bottom: none !important;
    font-weight: bold;
    font-size: 20px;
} 

table.table.tb-mobile-block .tn {
    display: none;
}

body.product.search.result .pro-series .pro-item .pic {
    width: 100%;
    height: 200px;
    display: grid;
    align-items: center;
    overflow: hidden;
}
body.product.search.result .pro-series .pro-item a .pic img {
    transform: scale(0.8);
}

body.csr.bg_main2 .main {
    background: url(../_images/all/bg_main3.jpg) no-repeat center top;
} .csr-btn {
    margin: 0 auto 40px;
    border-bottom: 1px solid #787878;
    padding-bottom: 40px;
} .csr-btn a, .member-step .step-item {
        text-align: center;
        display: block;
    } .csr-btn a h4, .member-step .step-item h4 {
            font-size: 16px;
        } .csr-btn a .pic, .member-step .step-item .pic {
            background: #ddd;
            border-radius: 50%;
            width: 150px;
            height: 150px;
            padding: 20px;
            border: 10px solid #fff;
            margin: 0 auto 10px;
            transition: all .5s;
        } .csr-btn a:hover .pic, .csr-btn a.active .pic, .member-step .step-item.active .pic {
            transform: rotateY(360deg);
            transition: all .5s;
            background: #f28a02;
        } .csr-btn a:hover .pic, .csr-btn a.active, .member-step .step-item.active {
            color: #ee7500;
        } .csr-list div[class*="col"] {
    padding: 0 0 30px 0;
    background: rgba(255, 255, 255, 0.7294117647058823);
} .csr-list div[class*="col"] a {
        margin-left: 30px;
    } .csr-list div[class*="col"] .pic {
        position: relative;
    } .csr-list .info {
    padding: 30px;
} .csr-list .info h4 {
        color: #ee7500;
    } .csr-category-list a {
    display: block;
    position: relative;
} h4.st {
    display: table;
    margin: 0 auto;
    background: #268718;
    padding: 10px 25px;
    color: #fff;
    border-radius: 20px;
} .csr-category-list > div[class*="col"] {
    margin-bottom: 60px;
} body.csr.show .content h3.st2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: 900;
    color: #000;
    margin-bottom: 30px;
    font-family: 'Catamaran';
    /*text-transform: uppercase;*/
}
    /*member*/
    ul.d-flex.flex-ul {
    margin: 0;
} ul.d-flex.flex-ul li {
        padding: 0;
    } ul.d-flex.tel-area li:nth-child(1) {
    flex: 2;
} ul.d-flex.tel-area li:nth-child(2) {
    flex: 6;
    margin: 0 10px;
} ul.d-flex.tel-area li:nth-child(3) {
    flex: 2;
} ul.d-flex.add-area li:nth-child(1) {
    flex: 2;
} ul.d-flex.add-area li:nth-child(2) {
    flex: 6;
    margin: 0 0 0 10px;
} body.member #membership {
    max-width: 700px;
    padding: 30px;
    display: none;
} table.table tr td a.btn-membership {
    display: inline-block;
    color: #ee7500;
} body.member.register .fancybox-skin {
    border: 10px solid #ee7500;
    border-radius: 0;
} body.member.register .fancybox-skin .fancybox-close {
        position: absolute;
        top: -10px;
        right: -10px;
    } .member-step div[class*="col"]:not(:nth-last-child(1)):after {
    content: "";
    width: 100%;
    background: #eaeaea;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 40%;
} .member-step .step-item.finished .pic {
    background: #ffb24e;
    color: #fff;
} body.member.account-check .member-step div[class*="col"]:nth-child(1):after {
    background: #ffb24e;
} body.member.complete .member-step div[class*="col"]:after {
    background: #ffb24e;
} .member-step .step-item {
    position: relative;
    z-index: 20;
} .member-area a {
    display: block;
    text-align: center;
    padding: 20px;
    border: 1px solid #ccc;
} .member-area a .fa {
        font-size: 40px;
        display: block;
        margin: 0 auto;
        text-align: center;
        color: #ee7301;
    } table.table.tb-forum.tb-scroll th {
    word-break: break-word;
    font-size: 16px;
}
    /*about*/
    ul.history-list {
    position: relative;
} ul.history-list:before {
        content: "";
        background: #ffe54c;
        width: 1px;
        top: 15px;
        bottom: 15px;
        left: 7px;
        position: absolute;
        display: block;
    } ul.history-list > li {
        padding-left: 30px;
    } .editor > ul.history-list > li:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fed900;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
} .editor > ul.history-list > li:nth-child(1):before {
    top: 12px;
} ul.history-list > li h4 {
    color: #ee7301;
    font-size: 20px;
    font-weight: bold;
} ul.history-list > li:nth-child(1) h4 {
    font-size: 30px;
} ul.history-list > li:nth-child(1) {
    font-size: 26px;
} ul.history-list > li ul {
    margin-bottom: 20px;
} ul.history-list > li li {
    padding-left: 10px;
} ul.history-list > li li + li {
        margin-top: 10px;
    } .editor > ul.history-list > li li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #c7c7c7;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
} .editor > ul.history-list > li:nth-child(1) li:before {
    top: 17px;
} ul.partner-list li {
    padding: 15px 0;
} ul.partner-list li + li {
        border-top: 1px solid #ddd;
    } .partner-list h4 {
    color: #000;
} .partner-list a {
    color: #ee7301;
} .partner-list a .fa {
        margin-right: 5px;
        font-size: 20px;
        vertical-align: middle;
        background: #f27b00;
        padding: 5px;
        border-radius: 50%;
        color: #fff;
        width: 30px;
        height: 30px;
    } body.about .content .sec1 {
    background: url(../_images/all/bg_about.jpg) repeat center top;
    margin-top: 90px;
    padding: 20px 15px;
} body.about .content .sec1 .pic {
        transform: translateY(-70px);
    } body.about .editor .sec1 .pic img {
    max-width: 180px;
} body.about .content .sec2 {
    background: url(../_images/all/bg_about2.jpg) no-repeat center top;
    position: relative;
    padding-left: 50px;
} body.about .content .sec2:before {
        width: 4px;
        background: #ed7800;
        top: 60px;
        bottom: 80px;
        position: absolute;
        display: block;
        content: "";
        left: 0;
    } body.about .content .sec2 .pic {
        transform: translateY(-90px);
    } body.about .content .sec2 .pic div[class*="col-"] {
            padding: 0 5px;
        } body.about .content .sec3 .wd {
    margin-top: 30px;
} .location-list h3 {
    background: #ddd;
    color: #000;
    text-align: center;
    padding: 3px 15px;
    font-family: 'Catamaran';
    font-weight: bold;
    font-size: 20px
} .location-list h3 + ul > li + li {
        border-top: 1px solid #ddd;
    } .location-list h4 {
    color: #2f2f2f;
    margin-top: 0;
} .location-list ul.nav > li {
    padding: 5px;
    color: #7d7d7d;
} .location-list ul.nav > li > ul > li:not(:nth-child(1)) {
        padding: 5px 5px 5px 30px;
    } .location-list li a {
    display: inline-block;
    padding: 0;
    color: #ee7500;
} .location-list li a:hover {
        background: none;
    } .location-list li ul {
    margin: 0;
} .location-list li ul li {
        padding: 0;
    } .location-list ul.nav > li .fa {
    position: absolute;
    top: 8px;
    left: 5px;
    color: #cbcbcb;
} .map-img {
    position: relative;
} .map-img img.img-map-marker {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
    }
    /*sitemap*/
    body.sitemap .content h3 a{
        color: #ee7500;
    } body.sitemap .sitemap-list ul li a{
        background: url(../_images/all/icon_arrow4.png) no-repeat left 10px;
        padding: 5px 5px 5px 20px; 
    } body.sitemap .sitemap-list div[class*="col"]{
        margin-bottom: 30px;
    }
    /*** PROD TABLE ***/
    td.pro_type {
    color: #ff091c;
    font-size: 12px;
    padding: 5px;
    /*text-transform: uppercase;*/
} .prod_table {
    overflow: auto;
} .prod_table .table {
    background: #fff;
    text-align: center;
} .prod_table .bgBlue {
    background: #ddedf0;
} .prod_table .bgPink {
    background: #f2e6e6;
} .prod_table .bgGray {
    background: #D6DCDC;
} .prod_table .txt-left {
    text-align: left;
} .prod_table .txt-right {
    text-align: right;
} .prod_table tbody td {
    border: none !important;
}

body.product.p04 .prod_table{
    overflow: inherit;
}
body.product.p04 .prod_table img {
    max-width: 100%;
}

  /*class*/
  .content .pager-num li a{
      font-size:16px;
      color:#000;
      padding:10px;
  }
.content .pager-num li:nth-child(1), 
.content .pager-num li:last-child{
    margin:0 20px;
}


/*** HISTORY & AWARDS ***/
.history-box .table td ul {
    text-align: left;
    margin-left: 25px;
    margin-bottom: 0;
    color: #666;
}

.history-box .table {
    font-size: 15px;
    font-family: '微軟正黑體';
}

.history-box .table td ul li {
    margin-bottom: 5px;
}

.history-box .table td {
    color: #666 !important;
}
.history-box table.table tr td a{
    vertical-align: top;
}

.search_sec .form-control {
    display: inline-block;
    width: auto;
    border-color: #000;
    /*font-size: 16px;
    height: 42px;*/
}

.search_sec {
    margin: 0 0 20px;
    font-size: 20px;
}

.search_sec .btn {
    display: inline-block;
    background: #000;
    border-radius: 0;
    color: #fff;
    padding: 6px 12px;
    vertical-align: top;
    margin-left: -4px;
    /* font-size: 16px; */
    transition: all .3s ease;
}

.search_sec .btn:hover {
    background: #3d3d3d;
}

/** SOLUTION LEADPAGE **/
.pic_sec .slick .slick-arrow {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 50%;
    transition: all .5s;
    top: 50%;
}

.pic_sec .slick .slick-prev {
    left: 0;
    background: url(../_images/all/icon_prev.png) no-repeat 0 0 rgba(255, 255, 255, 0.5);
    background-size: 100px;
}

.pic_sec .slick .slick-next {
    right: 0;
    background: url(../_images/all/icon_next.png) no-repeat -54px 0 rgba(255, 255, 255, 0.5);
    background-size: 100px;
}

.pic_sec .slick .slick-prev:hover{
    background-position: -54px 0;
}
.pic_sec .slick .slick-next:hover{
    background-position: 0 0;
}

body.solution  .csr-list .info p {
    display: -webkit-box;
    height: 54px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.solution .csr-list .info h4 {
    display: -webkit-box;
    height: 41px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.solution .csr-list .info {
    padding: 10px;
}
body.solution .csr-list div[class*="col"] a {
    font-size: 15px;
    padding: 10px;
    max-width: 130px;
    margin: 0 10px 10px;
}


/**  SOLUTION SHOW  **/
.top_link {
    margin-top: 30px;
    text-align: center;
}
.top_link ul {
    display: flex;
    justify-content: space-around;
}
.top_link ul li a {
    font-size: 20px;
    color: #ee7500;
    border: solid 1px #ee7500;
    padding: 5px 25px;
    transition: all .3s ease;
    display: block;
    /* background: #ee7500; */
}

.top_link ul li a:hover,
.top_link ul li a.active{
    color: #fff;
    background: #ee7500;
}

.top_link ul li {
    display: block;
    width: 100%;
    padding: 0;
}

.top_link ul li:nth-child(2) {
    margin: 0 10px;
}

.top_link ul li:last-child a {
    border-right: solid 1px #ee7500;
}
body.solution .cont {
    margin: 50px 0 ;
}

/*** DOWNLOAD ***/
body.download .search_sec .form-control,
body.qa .search_sec .form-control,
body.forum .search_sec .form-control,
body.order .search_sec .form-control {
    display: block;
    width: 100%;
}
body.download.leadpage .search_sec .btn_sec,
body.qa .search_sec .btn_sec,
body.forum .search_sec .btn_sec,
body.member.class-record .search_sec .btn_sec {
    text-align: center;
}
body.download.leadpage .search_sec .btn_sec .btn,
body.qa .search_sec .btn_sec .btn,
body.forum .search_sec .btn_sec .btn,
body.member.class-record .search_sec .btn_sec .btn {
    font-size: 17px;
}
body.download.results .sec {
    margin-bottom: 60px;
}
body.download.results table.bt tbody td::before {
    width: 7.5em;
}

/*** FAQ ***/
body.qa td.t1 {
    text-align: left;
}
body.qa td.t1 .icon {
    font-size: 22px;
    vertical-align: middle;
    transition: all .5s;
    margin-right: 5px;
    color: #999;
}
body.qa td.t1 .subject{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 30px);
    transition: all .5s ease;
}

body.qa  tr.active td.t1 .icon {
    font-size: 45px;
}

body.qa tr.active td.t1 .subject {
    width: calc(100% - 50px);
}

body.qa tr .btn_det .ff,
body.qa tr.active .btn_det .fp{
    display: none;
}
body.qa tr.active .btn_det .ff,
body.qa tr .btn_det .fp{
    display: block;
}
.ans_sec td {
    padding: 0 !important;
    border: none !important;
}

.ans_sec .ans_box {
    text-align: left;
    padding: 20px 20px 20px 65px;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    display: none;
    border-bottom: solid 1px #ddd;
    background: #fff;
    word-wrap: break-word;
    word-break: break-all;
}

.ans_sec .ans_box ul {
    margin-left: 23px;
}

.ans_sec .ans_box:before {
    width: 39px;
    height: 39px;
    content: "A";
    display: inline-block;
    background: #e6300d;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 39px;
    font-size: 24px;
    position: absolute;
    left: 14px;
}
.search_sec .collapse_tit .btn {
    display: block;
    margin: 0 0 20px;
    background: #ddd;
    color: #000;
    border: none;
    font-size: 16px;
    font-weight: bold;
    transition: all .3s ease;
}
.search_sec .collapse_tit .btn .icon {
    margin-left: 10px;
    position: relative;
    top: -4px;
}
.on {
    transform: rotate(180deg);
    top: 4px!important;
}
.search_sec .collapse_tit .btn:hover {
    background: #ee7500;
    color: #fff;
}


/*** forum ***/
body.forum .btn-forum {
    position: static;
    vertical-align: top;
    font-size: 17px;
    padding: 6px 10px 6px;
    margin-right: 9px;
}
body.forum .table .t1 a {
    text-decoration: underline;
}
body.forum table.table tr td  .fa,
body.member.class-record .table .icon {
    font-size: 25px;
    color: #ee7500;
    vertical-align: middle;
    margin-right: 5px;
    transition: all .3s ease;
}
body.member.class-record .table .icon:hover{
    color: #000;
}
body.forum.show .content .btn-box .pager li > a.btn-forum {
    position: static;
    font-size: 16px;
    padding: 5px 20px;
    vertical-align: top;
}
.respond-area .info .icon {
    color: #fed900;
    text-shadow: 1px 1px 2px #cfb101;
}
#write_message {
    display: none;
}

/*** class ***/

body.class .table td h4.CT a {
    display: block;
    width: 100%;
    text-decoration: underline;
}
body.class.detail  .sec h4 {
    font-weight: bold;
    color: #000;
    border-left: 5px solid#ee7501;
    margin-bottom: 0;
    padding: 5px 0 5px 15px;
    font-size: 20px;
}

body.class.detail .sec .editor {
    padding: 20px 20px;
}

body.class.detail .sec {
    margin-bottom: 50px;
}
body.class.detail  table.table tr td a {
    padding: 10px 20px;
}

/*** member class record ***/
body.member.class-record .search_sec .collapse_tit .btn {
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 20px;
    padding: 7px 30px;
    border-radius: 5px;
    background: transparent;
    border: solid 1px #000;
    z-index: 20;
    text-shadow: none;
}

body.member.class-record .search_sec .collapse_tit .btn:hover{
    background-color: #ee7400;
    border: 1px solid #ee7400;
    color: #fff;
}
body.member.class-record .search_sec .form-control:not(.autoW) {
    /* display: block; */
    width: 100%;
}
body.member.class-record .search_sec .form-horizontal{
    display: none;
}



h3.st.pos-rel {
    position: relative;
}
body.product.show .pic_sec.dt {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

body.product.show h3.st > .main_txt {
    padding-right: 220px;
}
body.product.show h3.st > .main_txt {
    margin-right: 10px;
}
body.member.login  table.table.tb-normal>tbody>tr> th,
body.member.login  table.table.tb-normal >tbody>tr> td,
body.member.login table.table.tb-nobg tr th, 
body.member.login table.table.tb-nobg tr td {
    display: block;
    border: none;
    text-align: left!important;
    padding: 5px;
    width: 100%;
}

body.member.login table.table.tb-pseries th,
body.member.login table.table.tb-normal >tbody>tr> th {
    background: #ededed;
    color: #6e6e6e;
    padding: 7px!important;
}
.loginForm {
    max-width: 50%;
    margin: 0 auto;
}
.loginForm .alink {
    float: right;
    margin-top: -3px;
}

.loginForm .alink .btn {
    color: #ee7500;
    text-decoration: underline;
    transition: all .3s ease;
}

.loginForm .alink .btn:hover {
    color: #e60012;
    letter-spacing: 1px;
}
.content .loginForm .btn-box ul li {
    display: block;
    text-align: center;
    margin: 0 0 10px;
}

.content .loginForm .btn-box {
    margin-bottom: 10px;
}

.loginForm .hint_sec {
    color: #f00;
    text-align: center;
    padding: 0 10px 20px 10px;
}

.content .loginForm .btn-box ul li a {
    width: 100%;
}

.inline-display label,
.inline-display .form-control{
    display: inline-block;
    vertical-align: middle;
}
.inline-display label{
    margin-right: 10px;
}
.member-area > div {
    margin-bottom: 20px;
}
.btn_sec.flr {
    float: right;
    margin-top: -66px;
    z-index: 20;
    position: relative;
}
body.order .search_sec .form-inline .form-control{
    display: inline-block;
    width: auto;
}
body.record.show table.table.tb-nobg tr th{
width:200px;
}

.footer .foo_social_sec{
    margin-top: 20px;
}

body.download  .search_sec .collapse_tit .btn {
    margin-bottom: 40px;
}
.search_sec .btn_sec {
    margin-bottom: 0;
}


/**** new table templates ****/

.scroll_table{
    overflow: auto;
}

.newtempTable {
    overflow: auto !important;
    width: 100%;
    color: #000;
}

.newtempTable table {
    width: 100%;
    border: solid 1px #b7b7b7;
}

body.qa .newtempTable table td {
    text-align: left;
}

.newtempTable table th {
    background: #ea5514;
    color: #fff;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    text-align: center;
}

.newtempTable.stp table td.initTd {
    background: #fff !important;
    border: solid 1px #fff !important;
}

.newtempTable table th,.newtempTable table td {
    padding: 10px 10px !important;
    font-size: 15px;
}

.newtempTable table a {color: #2700ff;text-decoration: underline;}

.newtempTable table tbody tr:nth-child(2n),
.newtempTable table tbody tr:nth-child(2n) td {
    background: #eeeeef;
}
.newtempTable.et220 table tbody tr:nth-child(2n),
.newtempTable.et220 table tbody tr:nth-child(2n) td,
.newtempTable.stp table tbody tr:nth-child(2n),
.newtempTable.stp table tbody tr:nth-child(2n) td{
background: #fff;
}
.newtempTable .txt-red {
    color: #f00;
}

.newtempTable.et220 table tbody tr:nth-child(2n) {
    background: none;
}
.newtempTable table th:nth-child(1) {
    border-left: none;
    border-right: solid 1px #fff;
}

.newtempTable table td {
    border: solid 1px #b7b7b7 !important;
    text-align: center;
}
/**** new table templates ****/

.prod_table .table-scroll {
    width: 100%;
    overflow: auto;
}

/****** new table templates2 ******/
.newtempTable.stp .pt_title .ptitle {
    /*display: flex;
    align-items: center;
    justify-content: flex-start;*/
}

.newtempTable.stp .pt_title .ptitle .title {
    margin-right: 10px;
    font-size: 18px;
}

.newtempTable.stp .pt_title .ptitle .pic {
    max-width: 100%;
    flex: 0 0 250px;
}

.newtempTable.stp  .pt_title {
    background: #000 !important;
    color: #fff;
    padding: 20px !important;
    line-height: 30px;
    text-align: left;
}

.newtempTable.stp .pt_title .pdesc {
    margin-top: 10px;
    /*border-top: solid 1px #9f9f9f;*/
    padding-top: 10px;
}

.newtempTable.stp a, .prod_table a {
    color: #0400ff;
    text-decoration: underline;
}

.newtempTable.stp .pt_title a {
    color: #fabe00;
}

.newtempTable.stp table td.pro_num {
    width: 160px;
    text-align: left;
    background: #eeeeef !important;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}

.newtempTable.stp .pro_type{
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    text-indent: -99999px;
}

.newtempTable.stp table tbody tr:nth-child(2n) {
    background: none;
}



.newtempTable.stp table td {
    border-color: #9f9f9f !important;
    text-align: center;
}

.newtempTable.stp .note_sec {
    background: #bcbcbc !important;
    text-align: left;
}


.triangle{
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    /*border-color: transparent transparent transparent #007bff;*/
    opacity: 0;
}
.triangle.type_blue{
    border-color: transparent transparent transparent #007bff;
    opacity: 1;
}
.triangle.type_pink{
    border-color: transparent transparent transparent #ff2cf8;
    opacity: 1;
}
.triangle.type_red{
    border-color: transparent transparent transparent #f00;
    opacity: 1;
}
.triangle.type_yellow{
    border-color: transparent transparent transparent #fec300;
    opacity: 1;
}

.triangle.type_new {
    position: relative;
    text-indent: initial !important;
    border: none;
    opacity: 1;
}

.triangle.type_new:before {
    position: absolute;
    content: "new";
    display: block;
    left: -5px;
    top: 0;
    color: #f00;
    font-size: 12px;
}
body.product.show .triangle.type_new{
    width: auto;

}
body.product.show .pro_title_area .tag_box{
    margin-right: 10px;
}
body.product.show .triangle.type_new:before {
    position: relative;
    
}
/* body.product.show .triangle.type_new:before {
    top: -15px;
} */

.hint_sec .hint_area ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.hint_sec .hint_area ul li label {
    margin-left: 7px;
    margin: 0 0 0 7px;
}

.hint_sec .hint_area {
    display: inline-block;
}
.prod_table.newtempTable .hint_sec{
    display: block;
    }
    .prod_table.newtempTable .hint_sec .hint_area ul {
        display: block;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .prod_table.newtempTable .hint_sec .hint_area ul li {
        display: inline-block;
    }
.hint_sec {
    text-align: right;
}

/****** new table templates2 ******/


body.product.show .slider-for img{
    max-height: 500px;
    margin: 0 auto;
    display: none;;
}

.slick-slider img {
    -webkit-touch-callout: default;
    -webkit-user-select: default;
    -khtml-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default;
}

body.product.show .slider-for.slick-slider img{
    display: block;
    width: 450px;
}

body.product.show .slick-slider img{    
    cursor: pointer;
    width: 80px;
    margin: 5px 0;
}

.editor a {
    text-decoration: underline;
    color: #0400ff;
}

.search_sec .hint {
    display: inline-block;
    margin-right: 20px;
    font-size: 17px;
    color: #9e1e08;
}

.filter_sec {
    margin-bottom: 30px;
    font-size: 14px;
    color: #a9a9a9;
}

.chk-area > label {
    width: 30%;
    margin-bottom: 10px;
}
.editor ol, .editor ul {
    margin-left: 20px;
}
.pro_st_hint {
    float: right;
    font-size: 15px;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    max-height: 90vh !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{
    border:none;
}
.ui-menu .ui-state-foucs,
.ui-menu .ui-state-active{
    margin: 0;
}
.table .fwidth_1{
    width: 100px;
}
.table .pno-wrap {
    white-space: nowrap;
}
.scroll-auto {
    width: 100%;
    overflow: auto;
}
.btn-box.highlight{
    color: #f27b00;
    font-weight: bold;
}
.table.tabtable td.wp_two_s {
    width: 30%;
}

.table.tabtable td.wp_two_b {
    width: 70%;
}
body.home .news-area {
    /*background: #c3c3c3;
    padding: 50px 0;*/
}
body.home .news-area .news-item:not(:last-child) >a{
    /*display: block;
    width: 100%;
    background: #fff;
    padding:10px;*/
}

.d-block {
    display: block;
    width: 100%;
}
body.product.show  .pro-pic-area {
    position: relative;
    margin: 20px 0 30px;
}
body.product.show  .pro-pic-area .draggable .slick-track{
    display: flex;
}
body.product.show .pro-pic-area:before {
    position: absolute;
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    left: 50%;
    top: 0;
    background: #E3E6E8;
    transform: translateX(-50%);
}
body.product.show .pro-pic-area .pro-bimg {
    background: #fff;
}
body.product.show .pro-pic-area .slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

body.product.show .pro-pic-area .simg-slider .pro-simg {
    background: #fff;
    border-right: 1px solid #ddd;
}

table.table.tb-newSt.tb-forum th {
    background: #313131;
}

table.table.tb-newSt.tb-forum {
    border: solid 1px #6d6d6d;
}

table.table.tb-newSt.tb-forum td {
    border: none;
    border-right: solid 1px #6d6d6d;
}

table.table.tb-newSt.tb-forum th {
    border-right: solid 1px #6d6d6d;
}

table.table.tb-newSt.tb-forum tbody tr:nth-child(even) td {
    background: #eee;
}
table.table.tb-newSt.tb-forum td:last-child, table.table.tb-newSt.tb-forum th:last-child {
    border: none;
}

body.product.show .pro-pic-area .item .dt{
    background: #fff;
}
body.product.show .pro-pic-area .item .pic_sec {
    background: #E3E6E8;
}
body.product.show .simg-slider {
    border-top: solid 1px #e3e6e8;
}
body.product.show h3.st.pos-rel {
    margin: 0;
}
body.product.show .sec1 .show-inner {
    padding: 0;
}
body.product.show  h3.st {
    margin-bottom: 0;
}
body.product.show .sec1.order_info_sec h3.st {
    margin-bottom: 10px;
}
body.product.show  table.table.tb-pseries td, body.product.show 
 table.table.tb-forum td {
    padding: 7px 15px;
}

.nav-search-box .search-area > div {
    display: inline-block;
}

.nav-search-box  .google-search {
    width: 33%;
}
.nav-search-box > div {
    display: inline-block;
    vertical-align: middle;
}
.nav-search-box {
    width: 60%;
    position: absolute;
    right: 165px;
}


.pro_title_area {
    display: flex;
    flex-wrap: wrap;
}

.pro_title_area .tag_box,.pro_title_area .demo_txt {
    margin-top: 23px;
}

.pro_title_area h2.st,.pro_title_area .tag_box, .pro_title_area .demo_txt {
    margin-right: 20px;
}

.pro_title_area .demo_txt {
    font-weight: bold;
    color: #dc551b;
}

.pro_title_area .tag_box label {
    color: #000;
    margin-left: 6px;
}
.header .cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.sttdemo{
    margin-top: 22px;
}
/*newcss*/
.banner .bx-wrapper .bx-pager .bx-pager-item{
    vertical-align: middle;
}
.banner .bx-wrapper .bx-pager.bx-default-pager{
    position: relative;
    padding: 0;
    bottom: auto;
    margin-top: 15px;
}
.banner .bx-wrapper .bx-controls-direction a {
    transform: translateY(-50%);
    margin-top:-12px;
} 
/* .banner .bx-controls{
    position: relative; 
    display: table;
    margin: 10px auto 0;
} */
.banner .bx-wrapper .bx-next {
    background: url(../_images/all/icon_next.png) no-repeat -64px 0 #fff;
    width: 64px;
    height: 64px;
    right: 0;
    border: 1px solid #000;
    border-radius: 50%;
    transition: all .5s;
}
.banner .bx-wrapper .bx-prev {
    background: url(../_images/all/icon_prev.png) no-repeat #fff;
    width: 64px;
    height: 64px;
    left: 0;
    border: 1px solid #000;
    border-radius: 50%;
    transition: all .5s;
}
.banner .bx-wrapper .bx-next:hover{
    background-position:0 0;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active, .banner .bx-wrapper .bx-pager.bx-default-pager a:hover{
    background:#ee7500;
}

.btn-dl {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: flex-end;
}
.btn-dl li a img{
    margin:0;
}
.btn-dl li a img {
    width: 100%;
}
.content .wid-home-news>.container, body.home .event-area>.container, body.home .news-area >.container{
    width: 100%;

}
.wid.wid-home-solution {
    padding-top: 30px;
}
body.home .wid h2 {
    margin-top: 35px;
    margin-bottom: 25px;
}
body.home .event-area {
    margin: 0;
}
body.home .content .wid:not(.wid.wid-home-solution ){
    padding-top:10px
}
body.home .content .row>.col-md-12:nth-child(1){
    margin-bottom: -20px;
}
.related-pro.pro-series{
    position: relative;
}
.footer .footer-link{
    display: table;
    margin:5px auto 0;
    color: #CCC6C8;
}
@media (min-width: 767px){
    .content .wid-home-news>.container, body.home .event-area>.container, body.home .news-area >.container{
        padding: 0 80px;
    }
}