.sugarfunbox.is-mobile .sugarfunbox-hd {
    background: #FFF
}

.sugarfunbox.is-mobile .sugarfunbox-hd .sugarfunbox-close {
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.sugarfunbox.is-mobile .sugarfunbox-hd .sugarfunbox-close>em {
    display: none
}

.sugarfunbox.is-mobile .sugarfunbox-hd .sugarfunbox-close .m-icon {
    top: 0;
    margin-left: 0;
    font-size: 25px;
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle
}

.sugarfunbox-close {
    margin-right: 20px;
    margin-bottom: 1px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    background: #0089D1
}

.sugarfunbox-close .m-icon {
    top: -3px;
    margin-left: 3px;
    position: relative
}

.m-breadcrumb {
    margin-right: 25px;
    margin-left: 25px;
    color: #727272;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    *zoom: 1;
    display: block;
    vertical-align: middle
}

.m-breadcrumb:after {
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 2;
    background: #fff;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(80%, #fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#fff', GradientType=1)
}

.m-breadcrumb>li {
    font-size: 13px;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align: middle
}

.m-breadcrumb>li:before {
    content: "\003E";
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-breadcrumb>li:first-child:before {
    display: none
}

.m-breadcrumb>li:first-child>a:hover {
    color: #0089D1;
    border-bottom-color: transparent
}

.m-breadcrumb>li>a {
    color: #727272;
    border-bottom: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-transition: color 0.3s, border-bottom-color 0.3s;
    -moz-transition: color 0.3s, border-bottom-color 0.3s;
    -ms-transition: color 0.3s, border-bottom-color 0.3s;
    -o-transition: color 0.3s, border-bottom-color 0.3s;
    transition: color 0.3s, border-bottom-color 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.m-breadcrumb>li>a:hover {
    border-bottom-color: #727272
}

.m-breadcrumb>li>a>.m-icon {
    font-size: 150%
}

.m-breadcrumb>li>em {
    border-bottom: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

@media screen and (max-width: 999px) {
    .m-breadcrumb {
        margin-right: 15px;
        margin-left: 15px
    }
    .m-breadcrumb:after {
        display: block
    }
}

.m-section {
    margin-top: 15px
}

.m-section.is-line .m-section-hd {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D7D7D7
}

.m-section.is-line .m-section-hd:before {
    content: "";
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D7D7D7;
    position: absolute
}

.m-section.is-line .m-section-bd {
    border-top: 1px solid #D7D7D7
}

.m-section.is-line .m-section-bd:before {
    content: "";
    top: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D7D7D7;
    position: absolute
}

.m-section-hd {
    padding-right: 25px;
    padding-left: 25px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-section-hd.is-title-hide h2 {
    text-indent: -99999px
}

.m-section-hd.is-col>h2 {
    float: left
}

.m-section-hd.is-col .m-section-tools {
    margin-top: 0;
    padding-top: 5px;
    text-align: right;
    width: 1%;
    display: table-cell;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-section-hd.is-col .m-section-tools>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-section-hd.is-col .m-section-tools-group {
    padding-top: 12px;
    width: 100%;
    min-height: 46px;
    text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-section-hd.is-col .m-section-tools-group>* {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-section-hd.is-col .m-section-tools-group .m-section-tools-addon {
    margin-left: 20px
}

.m-section-hd.is-col .m-section-tools-group .m-section-tools-addon:first-child {
    margin-left: 0
}

.m-section-hd h2 {
    display: block;
    vertical-align: middle
}

.m-section-hd .m-section-tools {
    margin-top: 10px;
    font-size: 14px;
    display: block;
    vertical-align: middle
}

.m-section-bd {
    padding: 25px 25px 0 25px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-section-bd>* {
    /*margin-top: 25px*/
}

.m-section-bd>*:first-child {
    margin-top: 0
}

@media screen and (max-width: 999px) {
    .m-section {
        margin-top: 55px
    }
    .m-section-hd {
        padding-right: 15px;
        padding-left: 15px
    }
    .m-section-hd>h2 {
        display: none
    }
    .m-section-hd.is-col .m-section-tools {
        padding-top: 20px
    }
    .m-section-hd .m-section-tools {
        margin-top: 0
    }
    .m-section-bd {
        padding-right: 15px;
        padding-left: 15px
    }
    .m-section-bd>* {
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .m-section-hd .m-section-tools .m-form-group .m-form-ctrl {
        display: table;
        vertical-align: middle
    }
    .m-section-hd.is-col .m-section-tools-group {
        padding-top: 0
    }
    .m-section-hd.is-col .m-section-tools-group .m-section-tools-addon {
        height: 0;
        width: 0;
        clear: both;
        overflow: hidden;
        *zoom: 1;
        display: block;
        vertical-align: middle
    }
    .m-section-bd>* {
        margin-top: 15px
    }
}

.m-table {
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent
}
.m-c-table {
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent
}

.m-table [class^="b-col-"],
.m-table [class*=" b-col-"] {
    padding: 0;
    float: none;
    display: table-cell;
    vertical-align: middle
}

.m-table thead {
    color: #FFF;
    vertical-align: middle;
    background: #309fd8
}
.m-table thead .lightth{
    color: #FFF;
    vertical-align: middle;
    background: #6bbbe3
}
.m-table thead .lightborder{
    border-right: 1px solid #6FC4EE;
    border-left: 1px solid #6FC4EE;
}

.m-table tbody {
    vertical-align: middle
}

.m-table tbody tr {
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}
.m-c-table tbody td{
  border-bottom:1px solid #e9e9e9;
}
.m-table tbody tr:hover ,
.m-c-table tbody tr:hover {
    background: #F0F0F0
}

.m-table tbody tr:hover.is-bgcolor {
    background: #e8f5f9
}

.m-table tbody tr.is-bgcolor {
    background: #F4FAFC
}

.m-table tr {
    vertical-align: middle
}

.m-table th,
.m-table td,
.m-c-table th,
.m-c-table td {
    padding: 12px 4px;
    vertical-align: middle;
    line-height: 1.6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-table th[class^="b-col-"],
.m-table th[class*=" b-col-"],
.m-table td[class^="b-col-"],
.m-table td[class*=" b-col-"] {
    padding: 7px
}

.m-table.is-table-center th,
.m-table.is-table-center td {
    text-align: center
}


/*   */
.no-m-table {
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent
}
.m-c-table {
    margin-bottom: 10px;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent
}

.no-m-table [class^="b-col-"],
.no-m-table [class*=" b-col-"] {
    padding: 0;
    float: none;
    display: table-cell;
    vertical-align: middle
}

.no-m-table thead {
    color: #FFF;
    vertical-align: middle;
    background: #309fd8
}
.no-m-table thead .lightth{
    color: #FFF;
    vertical-align: middle;
    background: #6bbbe3
}
.no-m-table thead .lightborder{
    border-right: 1px solid #6FC4EE;
    border-left: 1px solid #6FC4EE;
}

.no-m-table tbody {
    vertical-align: middle
}

.no-m-table tbody tr {
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}
.m-c-table tbody td{
  border-bottom:1px solid #e9e9e9;
}
.no-m-table tbody tr:hover ,
.m-c-table tbody tr:hover {
    background: #F0F0F0
}

.no-m-table tbody tr:hover.is-bgcolor {
    background: #e8f5f9
}

.no-m-table tbody tr.is-bgcolor {
    background: #F4FAFC
}

.no-m-table tr {
    vertical-align: middle
}

.no-m-table th,
.no-m-table td,
.m-c-table th,
.m-c-table td {
    padding: 12px 7px;
    vertical-align: middle;
    line-height: 1.6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no-m-table td{word-break: break-word;}


.no-m-table th[class^="b-col-"],
.no-m-table th[class*=" b-col-"],
.no-m-table td[class^="b-col-"],
.no-m-table td[class*=" b-col-"] {
    padding: 7px
}

.no-m-table.is-table-center th,
.no-m-table.is-table-center td {
    text-align: center
}

@media screen and (max-width: 600px) {
    .m-form-group .m-form-ctrl .m-button-group{
        display: block
    }
    .m-table [class^="b-col-"],
    .m-table [class*=" b-col-"] {
        display: none; /* 控制股價資訊RWD時<td data-label="" class="b-col-m-0"><em>股票代號</em></td>這行的顯示 */
        vertical-align: middle
    }
    .m-table thead {
        display: none
    }
    .m-table thead .lightth{
        display: none;
        background: #F4FAFC;
    }
    .m-table thead .lightborder{
        border-right: none;
        border-left: none;
    }
    .m-table tr {
        margin-top: 10px;
        display: block;
        vertical-align: middle;
        overflow: hidden;
        *zoom: 1
    }
    .m-c-table tr {
        margin-top: 20px;
        display: block;
        vertical-align: middle;
        overflow: hidden;
        *zoom: 1
    }
    .m-table tr:first-child {
        margin-top: 0
    }
    .m-table tbody tr.is-bgcolor {
        background: none
    }
    .m-table tbody tr.is-bgcolor:hover {
        background: none
    }
    .m-table tbody tr:hover {
        background: none
    }
    .m-table tbody th,
    .m-table tbody td {
        padding: 5px 0;
        width: 100%;
        line-height: 1.6;
        min-height: 40px;
        display: table;
        vertical-align: middle
    }
    .m-table tbody th:first-child,
    .m-table tbody td:first-child {
        border-top: 0
    }
    .m-table tbody th:nth-child(odd),
    .m-table tbody td:nth-child(odd) {
        background: #F4FAFC
    }
    .m-c-table tbody td:nth-child(odd) {
        background: none
    }
    .m-table tbody th:nth-child(odd):before,
    .m-table tbody td:nth-child(odd):before {
        background: #51aedf
    }
    .m-c-table tbody td:nth-child(odd):before {
        background: none;
    }
    .m-table tbody th:before,
    .m-table tbody td:before {
        content: attr(data-label);
        padding-right: 5px;
        text-align: right;
        /*text-transform: uppercase; 英文字全變大寫*/
		text-transform: none;
        color: #FFF;
        width: 33.3333%;
        background: #6bbae4;
        display: table-cell;
        vertical-align: middle;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .m-c-table tbody td:before {
        content: attr(data-label);
        padding-right: 5px;
        text-align: right;
        /*text-transform: uppercase; 英文字全變大寫*/
		text-transform: none;
        color: #535353;
        width: 33.3333%;
        background: none;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #e9e9e9;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .m-table tbody th>*:not(before),
    .m-table tbody td>*:not(before) {
        padding-left: 5px;
        word-wrap: break-word;
		word-break: break-word;/*自動換行*/
        /*word-break: break-all;強制英文單詞斷行*/
        display: table-cell;
        vertical-align: middle
    }
}

.m-aside {
    margin-top: 25px;
    position: relative
}

.m-aside:first-child {
    margin-top: 0
}

.m-aside .m-aside-hd>h5 {
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.7;
    color: #0089D1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-aside .m-aside-hd>h5:before {
    content: "";
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    position: absolute;
    background: #0089D1;
    overflow: hidden;
    *zoom: 1
}

.m-aside.m-aside-accordion {
    border-bottom: 1px solid #D7D7D7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-aside.m-aside-accordion .m-aside-hd {
    height: 40px;
    line-height: 40px;
    border: 1px solid #A8A8A8;
    display: none;
    background: #F0F0F0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-aside.m-aside-accordion .m-aside-hd>button {
    margin: 0;
    padding: 0 15px;
    font: 20px/1.6 "微軟正黑體", "新細明體", sans-serif, serif;
    text-align: left;
    color: #2A2A2A;
    width: 100%;
    height: 100%;
    border: 0;
    border-spacing: 0;
    position: relative;
    background: none;
    outline: 0;
    text-indent: 0;
    white-space: nowrap;
    z-index: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-aside.m-aside-accordion .m-aside-hd>button .m-icon-stack {
    top: 50%;
    right: 15px;
    margin-top: -10px;
    color: #0089D1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    overflow: hidden;
    *zoom: 1
}

.m-aside.m-aside-accordion .m-aside-hd>button .m-icon-stack .m-icon {
    display: none
}

.m-aside.m-aside-accordion .m-aside-hd>button .m-icon-stack .m-icon:first-child {
    display: block;
    vertical-align: middle
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr .m-icon-stack .m-icon,
.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-active .m-icon-stack .m-icon {
    display: block;
    vertical-align: middle
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr .m-icon-stack .m-icon:first-child,
.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-active .m-icon-stack .m-icon:first-child {
    display: none
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr>h6 a,
.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-active>h6 a {
    color: #0089D1
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr>div,
.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-active>div {
    max-height: 999px
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr.is-hide>div {
    max-height: 0
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr.is-curred>h6 a {
    color: #535353
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curred>h6 a {
    color: #0089D1
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curred.is-hide .m-icon-stack .m-icon {
    display: none
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curred.is-hide .m-icon-stack .m-icon:first-child {
    display: block;
    vertical-align: middle
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curred.is-hide>h6 a {
    color: #0089D1
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li:first-child>h4 a {
    border-top: 0
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li .m-icon-stack {
    top: 50%;
    right: 5px;
    margin-top: -6px;
    font-size: 12px;
    color: #0089D1;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li .m-icon-stack .m-icon {
    display: none
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li .m-icon-stack .m-icon:first-child {
    display: block
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li h6 {
    padding: 0 20px;
    position: relative;
    z-index: 1
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li h6 a {
    height: 50px;
    line-height: 1.6;
    position: relative;
    display: block;
    border-top: 1px solid #D7D7D7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li h6 a:hover {
    color: #0089D1
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li h6 a>em {
    font-size: 15px
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li h6 a>em:before {
    content: "";
    margin-top: -3px;
    margin-right: 10px;
    width: 4px;
    height: 6px;
    background: #0089D1;
    overflow: hidden;
    *zoom: 1;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div {
    margin-top: -1px;
    max-height: 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    *zoom: 1;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -ms-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul {
    padding: 10px 10px 10px 18px;
    background: #0089D1
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    display: block;
    vertical-align: middle
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li>a>.m-icon {
    visibility: hidden
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li>a>em {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li>a:hover>em {
    border-bottom-color: #FFF
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li.is-active>a>.m-icon {
    visibility: visible
}

.m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li.is-active>a:hover>em {
    border-bottom-color: transparent
}

@media screen and (max-width: 999px) {
    .m-aside {
        padding-right: 15px;
        padding-left: 15px
    }
    .m-aside.m-aside-accordion {
        top: 50px;
        left: 0;
        width: 100%;
        border-bottom: 0;
        display: block;
        position: absolute;
        z-index: 20
    }
    .m-aside.m-aside-accordion.is-disabled .m-aside-hd {
        border-color: #e8e8e8
    }
    .m-aside.m-aside-accordion.is-disabled .m-aside-hd>button {
        cursor: not-allowed
    }
    .m-aside.m-aside-accordion.is-disabled .m-aside-hd>button .m-icon-stack {
        display: none
    }
    .m-aside.m-aside-accordion.is-selected .m-aside-hd>button .m-icon-stack .m-icon {
        display: block
    }
    .m-aside.m-aside-accordion.is-selected .m-aside-hd>button .m-icon-stack .m-icon:first-child {
        display: none
    }
    .m-aside.m-aside-accordion.is-selected .m-aside-bd {
        max-height: 999px
    }
    .m-aside.m-aside-accordion .m-aside-hd {
        display: block
    }
    .m-aside.m-aside-accordion .m-aside-bd {
        max-height: 0;
        background: #F0F0F0;
        overflow: hidden;
        *zoom: 1;
        -webkit-transition: max-height 0.3s;
        -moz-transition: max-height 0.3s;
        -ms-transition: max-height 0.3s;
        -o-transition: max-height 0.3s;
        transition: max-height 0.3s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
        -webkit-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -ms-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul {
        border: 1px solid #A8A8A8;
        border-top: 0
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr .m-icon-stack .m-icon {
        display: none
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr .m-icon-stack .m-icon:first-child {
        display: block;
        vertical-align: middle
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curr>div {
        max-height: 0
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li.is-active>h6 a:hover,
    .m-aside.m-aside-accordion .m-aside-bd>ul>li.is-curred>h6 a:hover {
        color: #0089D1
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li:first-child>h6 a {
        border-top: 0
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li>h6 a {
        height: 40px
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li>h6 a:hover {
        color: #535353
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li>h6 a>em:before {
        display: none
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul {
        padding-left: 20px
    }
    .m-aside.m-aside-accordion .m-aside-bd>ul>li>div>ul>li>a>.m-icon {
        display: none
    }
}

.branches-content .m-media {
    background: #dcd2ce
}
