@charset "utf-8";
/* CSS Document */

body, .inputbox {
    color: #333;
    background: #FFFFFF;
    font-size: 1em;
    line-height: 1.7;
    font-family: Open Sans, "微軟正黑體", Microsoft JhengHei !important;
}
img {    display: unset; }
/*header*/
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    line-height: 2em;

}
.menuquick_memu li{display: inline-block; margin-right: 20px;}
.menuquick_memu li img{     display: inline-block;    margin-right: 2px;    vertical-align: text-bottom;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 18px;
    font-weight: normal !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 1em;    padding: 10px 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {     border-bottom: solid 1px #F8F7F7;     padding: 2px 10px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {    background: #F0EFEF;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){ line-height: 1.5em;}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {    right: 0;    left:80%; }
#language_btn_122{padding: 2px 8px;    font-size: 1em;     background: #55bce9;    border: none;}
div.mod-languages ul li.lang-active {   padding: inherit; background-color: #efefef !important;}
div.mod-languages .dropdown-menu {    padding: .3rem 0;    font-size: 0.9em; }
#sp-top-bar {    padding: 8px 0 0 0; }
#sp-header {    height: 83px; box-shadow: none;}
#sp-header .logo {    height: 73px; margin-top: 7px;}
.menuquick_memu{margin-bottom: 0.8em;}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {   color: #cccccc;font-size: 0.8em; } 
.breadcrumb{padding: 30px!important;     border-radius: 0; color: #FFF; margin: 0;
    background: #58b3e3;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #58b3e3), color-stop(100%, #4a4aa1));
    background: -webkit-linear-gradient(left, #58b3e3 0%, #4a4aa1 100%);
    background: linear-gradient(to right, #58b3e3 0%, #4a4aa1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=1 );}
.breadcrumb a{ color: #FFF;}
.breadcrumb-item, .mod-breadcrumbs__here{    margin-right: 0px;    margin-left: 0px;}
.breadcrumb-item+.breadcrumb-item::before {    color: #9fd2ff; }
.breadcrumb-item.active{ color: #FFF; font-weight: bold; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown .sp-dropdown{ left: -100%!important;}

/*index*/
.sppb-row-column  { padding: 0;}
#section-id-8c0b6566-3ffe-49f7-a214-dac510cd739f {
    background: #f5f5f5 url(/images/sampledata/slider-banner-bg.png) repeat-x 0 0;
}
.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
    border-radius: 0;
}
.nspArt h4.nspHeader {
    border-bottom: 1px solid #e5e5e5;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width : 100%;
    background: url(/images/sampledata/new-list-icon.gif) no-repeat left 50%;
    padding-left: 13px;
    line-height: 1em;
    text-align: left;
    color: #007ec4; font-size: 1em; font-weight: normal;
} 

/*page*/
.blog .items-more ol li a {display: inline-block;     margin: 4px 0;    width: 40%;    border: 1px solid #ccc;}
.blog .items-more ol{ margin-left: 0;}
.blog .items-more ol li{ list-style: none; margin-left: 0;}
.blog .items-more li a {
    font-size: 1em;
    background: #FFF url(/images/sampledata/news.gif) no-repeat 28px center;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    color: #333;
    padding: 0.5em 1em 0.5em 3em;
}
.com-content-category__children .item-title{    padding: 15px 10px;    margin: 0 !important;    font-size: 20px !important;}
.com-content-category__children .item-title:hover{ background: #efefef;}
.bg-info { background: #3a87ad!important;}
.article-details  a:hover{ text-decoration: underline;}
.article-header h1{    border-bottom: 1px dashed #d8d8d8;    padding-bottom: 0.5em;}
.article-details h2{    margin: 1.5em 0 0.5em 0;}
.article-details h3{    margin: 1.5em 0 0.5em 0;}
.content-category h1{font-size: 2rem; font-weight: bold;}
h2{    line-height: 130%;    color: #313133;    width: 100%;    font-weight: bold;}
.article-list .article-header h2 {       font-weight: bold;    font-size: 2em !important;    border-bottom: 1px dashed #d8d8d8;    padding-bottom: 0.5em; }
.article-list .article-header h2 a{ color: #0072bc!important;}
.article-list .article {    border: 1px solid #d8d8d8; overflow: hidden;  box-shadow: 2px 2px 5px #e4e4e4;}
#sp-main-body {    padding: 50px 0; }
.article-details .article-header h1, .article-details .article-header h2, .article-details .article-header h4 {    font-weight: bold; }
.col-01 .sppb-row-column { padding:0;}
.col-01 .sppb-row-column p { color: #fff;}
.col-01 .sppb-row-column .investors p{  color: #333;}
.service a{    color: #FFF;    text-decoration: underline;}
.col-01 .btn { color: #ffffff !important;    font-size: 13px;    text-decoration: none !important;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;
    border-radius: 4px !important;background: #323232;}
.col-01 .btn:hover, .col-01 .btn:active{    color: #333!important; background-color: #e6e6e6;}
.osmap-items ol, .osmap-items ul { counter-reset: item }
.osmap-items li{ display: block }
.osmap-items li:before { content: counters(item, ".") ". "; counter-increment: item; }
.mceDefaultSkin .mceToolbarRow>button, .mceDefaultSkin .mceToolbarRow>div, .mceDefaultSkin .mceListBox .mceOpen, .mceDefaultSkin .mceListBox .mceText,.mceDefaultSkin .mceSplitButton .mceText {    background: #fff!important;}
.mceDefaultSkin .mceSplitButton .mceOpen {
    width: 16px;
    text-align: center;
    height: 32px!important;
    border-radius: 0 2px 2px 0!important;
    cursor: pointer;
    background: #FFF!important;
}
.s5_float_left .nspArt h4.nspHeader {
    font-size: 16px;
}
.mceDefaultSkin .mceButton {    padding: 4px!important; }

body.mceContentReset  h3{    color: #555;     font-size: 26px;}
body.mceContentReset p{ font-size: 16px;}
.editor .nav-tabs button{ color:#FFF; padding: 0px 12px!important; background: #666666;}
.wf-editor-header .wf-editor-tabs>button.active { color: #ffffff; }
.wf-editor-header .wf-editor-tabs>button.active {    background-color: #0072bc; }

h3 {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 1.6em;
    margin-top: 0;
    color: #313133;
}

h4 {
    margin-top: 14px;
    font-size: 1.4em;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #4a4aa1;
}

.logo-rw {
    background: #f6f6f6 url(/images/images/etrendtech-logo-white.png) no-repeat 98% 115%;
}

.aboutus td {
    padding: 30px;
    width: 50%;
    vertical-align: top;
    border: 2px solid #FFF;
}

p {
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.module_round_box_outer ul, .moduletable ul {
    list-style: none;
}

.contentpaneopen ul {
    list-style: disc;
    margin-left: 10px;
    margin-right: 10px;
}

ol {
    margin-top: 5px;
    margin-bottom: 5px;
}

ol li {
    padding: 2px;
    margin-right: 15px;
    margin-left: 15px;
}

blockquote {
    background: transparent url(../images/typography/s5_left_quote.png) no-repeat top left;
    font-style: italic;
    line-height: 150%;
    margin: 20px 0pt;
    padding: 0px 0px 5px 65px;
    width: auto;
}

blockquote p {
    background: transparent url(../images/typography/s5_right_quote.png) no-repeat bottom right;
    margin-top: 0pt;
    padding: 0pt 65px 10px 0pt;
}

.code {
    background: #EBEAEA;
    border-left: solid 5px #666666;
    color: #666666;
    font-family: monospace;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.4em;
}


.red_box {
    background: #FFD6D6;
    border: solid 1px #EF706F;
    color: #CC0000;
    padding: 6px 6px 6px 15px;
}

.red_box a, #s5_component_wrap_inner .red_box a {
    color: #CC0000;
    font-weight: bold;
    text-decoration: underline;
}

.blue_box {
    background: #D0DCEC;
    border: solid 1px #5B95DA;
    color: #1B6FC2;
    padding: 6px 6px 6px 15px;
}

.blue_box a, #s5_component_wrap_inner .blue_box a {
    color: #1B6FC2;
    font-weight: bold;
    text-decoration: none;
}

.green_box {
    background: #EEF7DD;
    border: solid 1px #40AB38;
    color: #40AB38;
    padding: 6px 6px 6px 15px;
}

.green_box a, #s5_component_wrap_inner .green_box a {
    color: #40AB38;
    font-weight: bold;
    text-decoration: underline;
}

.orange_box {
    background: #FEF6D8;
    border: solid 1px #755102;
    color: #755102;
    padding: 6px 6px 6px 15px;
}

.orange_box a, #s5_component_wrap_inner .orange_box a {
    color: #755102;
    font-weight: bold;
    text-decoration: underline;
}

.yellow_box {
    background: #F4F5B9;
    border: solid 1px #757402;
    color: #757402;
    padding: 6px 6px 6px 15px;
}

.yellow_box a, #s5_component_wrap_inner .yellow_box a {
    color: #757402;
    font-weight: bold;
    text-decoration: underline;
}

.gray_box {
    background: #FFFFFF;
    border: solid 1px #9D9D9D;
    color: #4B4B4B;
    padding: 6px 6px 6px 15px;
}

.gray_box a, #s5_component_wrap_inner .gray_box a {
    color: #4B4B4B;
    font-weight: bold;
    text-decoration: underline;
}

.black_box {
    background: #333333;
    border: solid 1px #4D4D4D;
    color: #FFFFFF;
    padding: 6px 6px 6px 15px;
}

.black_box a, #s5_component_wrap_inner .black_box a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

.boxed {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #323232;
    border: 1px solid #BFBEBE;
    margin-right: 0;
    padding: 5px;
    float: left;
    margin: 0px;
    margin-bottom: 14px;
}

.boxed_black {
    background: #1A1A1A;
    padding: 3px;
    margin-right: 10px;
    margin-bottom: 8px;
    -webkit-transition: background 200ms ease-out;
    -moz-transition: background 200ms ease-out;
    -o-transition: background 200ms ease-out;
    transition: background 200ms ease-out;
}

.boxed_black:hover {
    background: #414141;
    -webkit-transition: background 200ms ease-in;
    -moz-transition: background 200ms ease-in;
    -o-transition: background 200ms ease-in;
    transition: background 200ms ease-in;
}

.padded, .img-intro-right img, .img-intro-left img, .img-fulltext-right img, .img-fulltext-left img, .pull-left img {
    float: left;
    background: #FFFFFF;
}

.padded {
    padding: 10px;
    border: solid 1px #E9E9E9;
    -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.05);
    /* FF3.5+ */
    -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.05);
    /* Saf3.0+, Chrome */
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.05);
    /* Opera 10.5, IE9, Chrome 10+ */
    -webkit-transition: background 200ms ease-out;
}

a:hover .padded {
    -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
    /* FF3.5+ */
    -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
    /* Saf3.0+, Chrome */
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
    /* Opera 10.5, IE9, Chrome 10+ */
}

.img-intro-right img, .img-fulltext-right img, .pull-right img {
    float: right;
}

#s5_component_wrap .padded {
    float: none;
    margin: 0px;
    margin-bottom: 14px;
}

.img-intro-right, .img-fulltext-right, .pull-right img {
    margin-left: 26px;
    margin-bottom: 28px;
}

.img-intro-left, .img-fulltext-left, .pull-left img {
    margin-right: 26px;
    margin-bottom: 28px;
}

.black_bg {
    background: #2E2E2E;
    color: #FFFFFF !important;
    padding: 12px;
    padding-bottom: 15px;
    padding-top: 20px;
    font-size: 2.8em !important;
    display: inline;
}

#contact-form .button {    margin-top: 14px;    margin-bottom: 14px;}
.readmore{background: #0072BC; font-size: 0.9em;     padding: 6px 10px;     margin-top: 2em;    display: inline-block;     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    border-radius: 4px !important;    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;    -o-transition: all 300ms ease-out;    transition: all 300ms ease-out;}
.article-list .article .readmore a{ color: #FFF!important;}
.readmore:hover{ color: #FFF!important;  background: #4a4aa1!important;}
.com-content-category__table.table-striped > tbody > tr > th.list-title {
    background: transparent !important;
    color: inherit !important;
}
th.list-title{ text-align: left!important; font-weight: normal!important;}
/*right*/
#sp-left .sp-module, #sp-right .sp-module {    border: none; }
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {    margin: 0 0 1em 0 ; padding-bottom	: 10px;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {    border-bottom: 1px solid #eeeeee; }
#sp-right .nspArt h4.nspHeader {    font-size: 1em;    white-space: normal;
    background: url(/images/sampledata/new-list-icon.gif) no-repeat left 8px;
    line-height: 1.5em;    padding: 0 0 10px 13px;    text-overflow: unset;}
.nspArt h4.nspHeader a {    text-decoration: none;    color: #333; }
.nspArt h4.nspHeader a:hover, .nspArt h4.nspHeader a:active{ color: #0072bc;}
#sp-right .mod-relateditems li{     background: url(/images/sampledata/new-list-icon.gif) no-repeat left 50%;    padding: 0 0 0 13px;}


/* PRICING TABLE
----------------------------------------------------------- */
table.category thead>tr th, table.category thead>tr td, table.category tbody>tr th, table.category tbody>tr td {    padding: 14px 10px; }
table, table td {
    border-collapse: collapse;
}

table.history th, table.history td {
    padding: 1.5em 0;
}

table.history th {
    font-style: italic;
    background: #FFF;
    color: #007ec4;
    font-size: 1.5em;
    border-top: none;
    border-bottom: 4px solid #e0e0e0;
    font-family: 'AdobeClean-Regular';
    font-weight: normal;
    line-height: 0em;
}

table.history td {
    border-top: none;
    border-bottom: 1px dotted #bbb;
    padding-left: 15px;
}

.table-striped td {
    vertical-align: middle;
}

.welfare td {
    padding: 1em 0;
}

.welfare h4 {
    background: url(/images/images/Audience.png) no-repeat 0 center;
    padding-left: 27px;
    color: #3466ad;
}

.welfare ul {
    margin-left: 50px!important;
}

table.category td {
    padding: 1em 0.5em;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    border-left: 0;
}

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

table {
    max-width: 100%;
    border-spacing: 0;
}

table.table th {
    background: #58b3e3!important;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
}
table.table thead th a{ color: #FFF; }
table.table thead th a:hover{text-decoration: underline;}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

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

table.table th {
    color: #FFF!important;
}

.table th, .table td {
    padding: 8px;
    line-height: 20px;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child {
    -moz-border-radius-bottomright: 4px;
}

/*.table-striped tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}*/

.table-hover tbody tr:hover td {
    background-color: #f5f5f5;
}

@media screen and (max-width: 970px) {
    .s5_pricetable_column {
        margin-bottom:45px;
        float: none;
    }

    .s5_pricetable_column.recommended {
        margin-top: 0px;
    }

    .s5_pricetable_7 .s5_pricetable_column {
        width: 100%;
    }

    .s5_pricetable_6 .s5_pricetable_column {
        width: 100%;
    }

    .s5_pricetable_5 .s5_pricetable_column {
        width: 100%;
    }

    .s5_pricetable_4 .s5_pricetable_column {
        width: 100%;
    }

    .s5_pricetable_3 .s5_pricetable_column {
        width: 100%;
    }

    .s5_pricetable_2 .s5_pricetable_column {
        width: 100%;
    }
}

th {
    font-weight: bold;
    padding: 5px 0;
    text-align: left;
}

.s5_video_container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.s5_video_container iframe, .s5_video_container object, .s5_video_container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.white_text {
    color: #FFFFFF !important;
}

.highlight1_button, .highlight2_button {
    font-size: 1.5em;
    text-shadow: 1px 1px #5D5D5D;
    padding: 14px;
    padding-left: 28px;
    padding-right: 32px;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    display: inline-block;
    text-decoration: none !important;
}

.icon_circle {
    background: #333333;
    font-size: 2.7em;
    padding: 18px;
    color: #FFFFFF;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.featured_image {
    float: left;
    margin-left: -62px;
    margin-right: -5px;
}

.stock th {
    background: #FFF;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 0;
    padding-left: 0;
}

.stock h3 a {
    color: #313131;
}

.stock h3 {
    width: auto;
    border-bottom: 3px solid #efefef;
    margin-bottom: 0!important;
    float: left;
    font-size: 1.6em;
    margin-top: 40px;
    font-weight: bold;
}

.stock td li {
    list-style: none;
    background: url(/images/sampledata/new-list-icon.gif) no-repeat left 16px;
    padding-left: 15px;
    display: block;
    padding: 6px 0 6px 15px;
}

.stock ul {
    margin-left: 0!important;
    padding: 0;
}

.stock td a {
    text-decoration: none;
    color: #007ec4!important;
}

.stock h3 a {
    color: #313131!important;
}

.stock td {
    padding: 0.2em;
    vertical-align: top;
}

editor.css:96 table, table td {
    border-collapse: collapse;
}



/*footer*/
#sp-footer1{ text-align: center;}
.sp-copyright{line-height: 2em;}