@import url("../libs/toastr/toastr.min.css");
/* body {
    background: #222;
    color: #ffd357;
}
footer.footer,
footer.footer .copyright{
    background: #222;
    color: #ffd357;
}

body.homepage{
    padding: 0;
}
.homepage h1{
    font-size: 55px;
    text-align: center;
    margin: 50px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
.container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1580px;
    }
}
.navbar-brand{
    font-size: 20px;
}
.navbar-inverse{
    background-color: #060606;
}
.navbar-inverse .navbar-brand{
    color: #ffd357;
}
.navbar-inverse .navbar-nav > li > a{
    color: #ffd357;
}

.mD4Strategy h1{

}
.mD4Strategy .editor_contnet{

}

.login-section{
    background: transparent;
    border: 2px #ffd357 solid;
    border-radius: 10px;
    width: 90%;
    max-width: 800px;
}

.login-section .logon-tab > a{
    background: transparent;
    color: #fff;
}
.login-section .logon-tab > a.active{
    background: transparent;
    color: #ffd357;
    font-weight: bold;
}
.login-section .logon-tab > a:hover{
    background: transparent;
    color: #ffd357;
}
.form-control{
    background: transparent;
    border: 1px #ffd357 solid;
    border-radius: 10px;
    color: #fff9d3;
}
.n-default .msg-wrap .n-icon{
    display: none;
}

.btn{
    background: transparent;
    border: 1px #ffd357 solid;
    border-radius: 10px;
    color: #ffd357;
}

.btn:hover, .btn:focus, .btn.focus{
    border: 1px #fff9d3 solid;
    color: #fff9d3;
}

.input-group-btn.captcha_box{
    border: 2px #ffd357 solid;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    border-left: 0;
}
.list-group-item{
    background: transparent;
    color: #ffd357;
}
.sidenav .list-group .list-group-item:hover{
    background: transparent;
    color: #fff9d3;
    border: 0;
}

.sidenav .list-group .list-group-item > a{
    color: #ffd357;
}

.sidenav .list-group .list-group-item:hover > a{
    color: #fff9d3;
}

.panel{
    background: transparent;
}

.panel-default h2.page-header{
    border-bottom: 1px solid #ffd357;
}

.sidenav .list-group .list-group-item{
    border: 0;
    margin-bottom: 8px;
}
.sidenav .list-group .list-group-item.active{
    border: 0;
    background: transparent;
}
.sidenav .list-group .list-group-item.active > a{
    color: #fff9d3;
}

.toast {
    background-color: #030303;
  }
  .toast-success {
    background-color: #c4ac24;
  }
  .toast-error {
    background-color: #BD362F;
  }
  .toast-info {
    background-color: #2F96B4;
  }
  .toast-warning {
    background-color: #F89406;
  }

  
.toast-message a,
.toast-message label {
  color: #222;
}
.toast-message a:hover {
  color: #000;
  text-decoration: none;
}
#toast-container > div{
    color: #222;
} 

h4{
    font-size: 24px;
}
select.form-control{
    background-color: #101010;
}

.btn.disabled{
    display: none;
}

.xs_table .table > thead > tr > th, 
.xs_table .table > tbody > tr > th, 
.xs_table .table > tfoot > tr > th, 
.xs_table .table > thead > tr > td, 
.xs_table .table > tbody > tr > td, 
.xs_table .table > tfoot > tr > td{
    font-size: 14px;
    padding: 8px 0px;
}

.order_list td{
    line-height: 33px!important;
}
.order_list td label{
    line-height: 22px;
}

.table > thead > tr > th{
    border-bottom: 2px solid #ffd357;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-top: 1px solid #ffd357;
}

.text-white {
    color: #fff;
}


.point_text{
    color: #fff!important;
}
main.content{
    padding: 0;
}

.home_banner{
    background-image: url('../img/home_banner.png');
    background-size: cover;
    min-height: 200px;
}
.mini_banner_bg1{
    background-image: url('../img/mini_banner1.png');
}
.mini_banner_bg2{
    background-image: url('../img/mini_banner2.png');
}
.mini_banner_bg3{
    background-image: url('../img/mini_banner3.png');
}
img.logo{
    max-width: 200px;
}
.mini_banner{
    display: flex;
}
.mini_banner>a{
    width: 100%;
    text-align: center;
    display: block;
    height: 500px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
} */

a:hover {
    color: #fff;
}

.sidenav {
    background-color: transparent;
}

.strategylist {
    margin-bottom: 20px;
}

.strategylist .strategylist {
    padding-left: 20px;
    margin-bottom: 0;
}

.strategylist a {
    color: #ffd357;
    display: block;
    font-size: 18px;
}

.strategylist .strategylist a {
    font-size: 16px;
}

.paragraph.small {
    padding: 0 10px 10px;
}

.container.main_container {
    margin-top: 90px;
    min-height: 500px;
    margin-bottom: 20px;
}

body {
    background: #222;
    color: #ffd357;
}

.tag_word {
    position: relative;
    color: rgb(255, 46, 46);
    cursor: pointer;
}

.tag_word .detail_box {
    display: none;
    position: absolute;
    width: 200px;
    padding: 10px;
    background: #000;
    border: 1px yellow solid;
    left: 100%;
    z-index: 3000;
}

.tag_word .detail_box img {
    width: 100%;
    margin-bottom: 10px;
}

.tag_word:hover .detail_box {
    display: block;
}

.editor_contnet {
    /* background-color: #fff; */
}

.nav-link:hover {
    color: #ffd357;
}

.page {
    text-align: left;
}

.pagination {
    display: block;
    margin: 0;
}

.pagination>li>a,
.pagination>li>span {
    color: #ffd357;
    background-color: transparent;
    border: 1px solid #ffd357;
}

.pagination>li>a {
    background: transparent;
    color: #ffd357;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #222;
    background-color: #ffd357;
    border-color: #ffd357;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #222;
    background-color: #ffd357;
    border-color: #ffd357;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #ffd357;
    background-color: transparent;
    border: 1px solid #ffd357;
}

.pagination>li:first-child.disabled,
.pagination>li:last-child.disabled {
    display: none;
}

.home_banner_box {
    color: #1d1d1d;
}

.trade_list {
    border: 1px solid #ffd357;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>th {
    border-color: #ffd357;
}


.mart_filter_box {
    margin-bottom: 10px;
}

.mart_filter_box_left {
    border: 1px #ffd357 solid;
    margin-right: 10px;
    display: inline-flex;
}

.mart_filter_box_left a.btn {
    font-size: 16px;
    padding: 0 12px;
    line-height: 30px;
    text-align: center;
}

.mart_filter_box_left a.btn:not(:last-child) {
    border-right: 1px #ffd357 solid;
}

.search_box {
    display: inline-flex;
    border: 1px #ffd357 solid;
    width: 30%;
}

.search_box>* {
    width: 100%;
    background: transparent;
}

.search_box>input {
    background: transparent;
    outline: none;
    font-size: 16px;
    padding: 0 12px;
    line-height: 30px;
    height: auto;
    border: 0;
}

.search_box>.btn {
    width: 100px;
    border-left: 1px #ffd357 solid;
    font-size: 16px;
    padding: 0 12px;
    line-height: 30px;
}

.mart_filter_box_right {
    float: right;
}

.btn_style1 {
    font-weight: bold;
    color: #000;
    background-color: #ffd357;
    display: inline-block;
    font-size: 16px;
    padding: 0 12px;
    line-height: 30px;
}

.btn_style1:hover {
    background-color: #fff;
}

.btn_style2 {
    font-weight: bold;
    color: #fff;
    background-color: #2d9bf0;
    display: inline-block;
    font-size: 16px;
    padding: 0 12px;
    line-height: 30px;
}

/* .btn_style2:hover{
    background-color: #fff;
} */
.btn_style3 {
    font-weight: bold;
    color: #fff;
    border: 2px solid #f2c280;
    background-color: transparent;
    display: inline-block;
    font-size: 16px;
    padding: 0 12px;
    line-height: 30px;
}

.btn_style3:hover {
    color: #f2c280;
}

.form_load_hide {
    display: none;
}

.form-control {
    border: 1px #ffd357 solid;
    background: transparent;
    color: #ffd357;
}

.control-label {
    color: #ffd357;
}

.radio label,
.checkbox label {
    display: inline-block;
    margin-right: 15px;
    color: #ffd357;
}

.list-group-item {
    background-color: transparent;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: transparent;
    border-color: #ffd357;
}

.page-header {
    margin: 0;
    font-size: 28px;
    margin-bottom: 15px;
}

.dis_box {
    border: #ffd357 2px solid;
    margin-top: 40px;
    position: relative;
    display: flex;
}

.dis_box>h3 {
    font-size: 20px;
    position: absolute;
    top: -31px;
    margin: 0;
}

.dis_box .left_box .avatar_box {
    height: 180px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: #ffd357 2px solid;
}

.dis_box .left_box {
    width: 180px;
    border-right: #ffd357 2px solid;
}

.dis_box .left_box .info {
    padding: 8px 10px;
}

.dis_box .left_box .info p {
    font-size: 14px;
    margin: 0;
}

.dis_box .right_box {
    width: 100%;
    display: flex;
    flex-direction: column;
}


.dis_box .right_box .box_header {
    border-bottom: #ffd357 2px solid;
    padding: 5px 10px;
    text-align: center;
}

.dis_box .right_box .box_body {
    height: 100%;
    padding: 5px 10px;
}

.dis_box .right_box .box_footer {
    border-top: 2px solid #f9ffc4;
    padding: 5px 10px;
    height: 64px;
}

.add_dis_box {
    display: none;
}

.add_dis_box h4 {
    font-size: 18px;
    margin: 0;
    padding: 5px 10px;
    width: 100px;
    border: 2px solid #ffd357;
    margin-bottom: 10px;
    text-align: center;
    color: #ffd357;
    margin-top: 20px;
}

.footer_btn_list {
    text-align: center;
    margin-top: 10px;
}

.footer_btn_list>button {
    margin: 0 10px;
}

.toolbar {
    display: flex;
}

.toolbar .page {
    width: 100%;
}

.toolbar .btn_list {
    width: 300px;
}

.toolbar .btn_list a {
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background: transparent;
    color: #ffd357;
    border: 1px solid #ffd357;
    margin-left: -1px;
    float: right;
}

.toolbar .btn_list a:hover {
    color: #222;
    background-color: #ffd357;
    border-color: #ffd357;
}

.toolbar::after,
.btn_list::after,
.page::after {
    content: "";
    display: block;
    clear: both;
}

.dis_box_list {
    margin-bottom: 17px;
}

.hstyle1 {
    font-size: 20px;
    font-weight: bold;
    color: rgb(255 1 1);
}

.addTrade_box {
    border: 2px #ffd357 solid;
    padding: 20px 0;
}

@media (max-width: 800px) {
    .toolbar {
        display: block;
    }

    .toolbar .btn_list {
        margin-top: 10px;
    }

    .toolbar .btn_list a {
        float: left;
    }
}


.purchase2 {
    font-style: italic !important;
}

.purchase3 {
    font-weight: bold !important;
}

.purchase4 {
    color: red !important;
}

.border_box {
    border: 2px solid #ffd357;
}

.border_box2 {
    border: 2px solid #f2c280;
}

.user_intro_page .intro_box {
    padding: 10px 15px;
    margin-bottom: 10px;
}

.user_intro_page .intro_box p {
    margin: 0;
    color: #12cdd4;
}

.user_intro_page .intro_box .btn {}

.user_intro_page .avatar_box {
    height: 260px;
    padding: 5px;
}

.user_intro_page .avatar_box>div {
    max-height: 280px;
    max-width: 280px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.user_intro_page .name_box {
    padding-top: 0;
}

.user_intro_page .name_box h2 {
    font-size: 28px;
    margin: 0;
}

.user_intro_page .intro_box h4 {
    color: #da0063;
    text-decoration: underline;
    font-size: 20px;
}

.ellipsis_box {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.user_intro_page .tradehis_box>a {}


.trade_list.table>thead>tr>th {
    vertical-align: top;
}

.transfer_box {
    margin: 0 auto;
    max-width: 600px;
}

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

.transfer_box h2 span {
    color: #fff;
}

.to_user_info_box {
    padding: 8px;
    display: flex;
    margin-bottom: 15px;
}

.to_user_info_box .avatar_box {
    width: 80px;
    height: 55px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.to_user_info_box p {
    padding-left: 10px;
    margin: 0;
    font-size: 18px;
}

.to_user_info_box p span {
    color: #fff;
}

.transfer_form_box .has_point {
    text-align: center;
    padding: 20px 5px;
    font-size: 20px;
    font-weight: bold;
}

.transfer_form_box .has_point span {
    text-align: center;
    color: red;
    margin: 0 10px;
}

.transfer_form_box .footer_box {
    text-align: center;
    margin-bottom: 10px;
}

.transfer_form_box .footer_box .btn {
    margin-bottom: 10px;
    width: 100px;
}

.message_box .talk {
    margin-bottom: 15px;
    height: 400px;
    padding: 15px;
    overflow: auto;
    position: relative;
}
.message_box .talk::before{
    content: "讀取中...";
    position: absolute;
    text-align: center;
    width: 100%;
    top: 48%;
    left: 0;
    z-index: 0;
}
.message_box .talk_text{
    opacity: 0;
    z-index: 2;
    position: relative;
    background: #222;
    min-height: 300px;
}

.message_box .chat_list>a {
    display: block;
    margin-bottom: 5px;
    padding: 8px 15px;
    font-size: 18px;
}

.message_box .chat_list>a.active {
    border: #fff solid 1px;
}

.message_box h2 {
    font-size: 20px;
    margin: 0;
    background: #ffdb7e;
    color: #000;
    padding: 8px 10px;
}

.message_box .talk_line {
    margin-bottom: 10px;
}

.message_box .talk_line::after {
    content: "";
    display: block;
    clear: both;
}

.message_box .bubble {
    float: left;
}

.message_box .bubble.self {
    float: right;
    text-align: right;
}

.message_box .bubble .msg_box {
    font-size: 20px;
    margin-bottom: 5px;
}

.message_box .bubble .time_box {
    font-size: 14px;
    color: #fff;
    font-style: italic;
}

.message_box .send_box {
    display: flex;
}

.message_box .send_box textarea {
    resize: none;
    width: 100%;
    height: 100px;
    border: 0;
    box-shadow: none;
    font-size: 20px;
}

.message_box .send_box .button_box {
    width: 100px;
    height: 100px;
    padding: 20px 15px;
}

.message_box .send_box .button_box button {
    font-weight: bold;
    color: #ffd357;
    border: 2px solid #ffd357;
    background-color: transparent;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    height: 100%;
    width: 100%;
}

.message_box .send_box .button_box button:hover {
    color: #fff;
    border: 2px solid #fff;
}


.message_box .talk::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.message_box .talk::-webkit-scrollbar-track {
    background-color: transparent;
}

.message_box .talk::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e3e3e3;
}

.message_box .talk::-webkit-scrollbar-button {
    background-color: transparent;
}

.message_box .talk::-webkit-scrollbar-corner {
    background-color: #e3e3e3;
}