/*
Theme Name: Dexin Pro Child
Theme URI: https://systempro.com.au/
Template: Dexin-Pro
Author: SP
Author URI: https://systempro.com.au/
Description: Customised Theme.
Version: 6.4.8.9.1560698009
Updated: 2019-06-17 01:13:29

*/

/*xuyi: live rates table*/
#rate_div {
    background-color: #fff;
    display: block;
    min-width: 550px;
}
#rate_head {
    text-align: left;
    /* margin-bottom: 25px; */
    padding: 20px 0 10px;
}
#rate_head .rate_exchange_price_font {
    font-weight: 500;
    letter-spacing: 1.5px;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#rate_head .rate_time_update_font {
    color: #fff;
    /* margin-left: 15px; */
	padding: 15px !important;
	
}
#rate_head .rate_time_font {
    /*float: right; */
    margin-right: 24px;
    font-size: 16px;
}
#rate_head .rate_last_time_font {
    color: #cbcbcb;
	padding: 15px 10px !important;
}
#rate_content {
    font-size: 14px;
    font-family: "Roboto", Sans-serif;
    width: 100%;
}
#rate_content_table {
    padding: 0 5px;
    font-size: 14px;
    font-family: "Roboto", Sans-serif;
    width: 100%;
}
#rate_head_table th, #rate_content_table, td {
    padding: 12px 0;
    word-break: keep-all;
    text-align: center;
}
#rate_content_table thead {
    /*padding-bottom: 10px;*/
}
#rate_content_table thead, tbody tr {
    display: table;
    width: 99%;
    table-layout: fixed;
}
#rate_content .rate_first_title {
    background-color: #fff;
}
#rate_content_table tbody {
    display: block;
    height: 100%;
    /*overflow-y: scroll;*/
}
#rate_content_table .rate_up {
    color: #ec1b46;
}
#rate_content_table .rate_down {
    color: #4ba801;
}
.bg_changed {
    border: 1px solid #fff;
    background: #c4a266;
    background-color: #c4a266;
    transition: background 2s;
    -webkit-transition: background 2s;
    -moz-transition: background 2s;
    -o-transition: background 2s;
}
#rate_bottom {
	display: none;
    color: #bababa;
    font-size: 12px;
    text-align: center;
	padding: 20px 0;
}

@media screen and (max-width: 767px ) {
    /* Force table to not be like tables anymore */
    #rate_div {
	    min-width: 100%;
	}

    #rate_content_table {
	    width: 100%;
	}

    #rate_content_table, #rate_content_table thead, #rate_content_table tbody, #rate_content_table th, #rate_content_table td, #rate_content_table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #rate_content_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #rate_content_table tr {
        border: 1px solid #ccc;
        vertical-align: middle;
        text-align: center; 
    }

    #rate_content_table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: start;
    }

    #rate_content_table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 15px;
        left: 16px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }
    td:before{
        color: #5a5a5a;text-align: center;
    }

    td:nth-of-type(1):before { content: "货币名称"; }
    td:nth-of-type(2):before { content: "现钞买入价"; }
    td:nth-of-type(3):before { content: "现钞卖出价"; }
    td:nth-of-type(4):before { content: "现汇买入价";}
    td:nth-of-type(5):before { content: "现汇卖出价"; }

    #rate_content_table  i{
        padding: 0 !important;
    }
    
    .rate_exchange_price_font{
        display: block;
        color: #ec1b46;
        text-align: center;
    }
    #rate_head{
        /*padding: 0!important;*/
    }

}
/*xuyi: live rates table*/

/*xuyi: live rates widget*/
#rate_overturn {
	display: none;
}
.rate_label {
    font-family: "Roboto", Sans-serif;
    background-color: #ffffff;
    font-size: 14px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    word-break: break-all;
    text-align: center;
    width: 255px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 15px 0 25px 5px;
}

.rate_label .rate_up {
    color: #dd0011;
}

.rate_label .rate_down {
    color: #4ba801;
}

.rate_label .rate_constant {
    color: #5a5a5a;
}

.rate_label label i {
    display: inline-block;
    margin-left: 0.5em;
}
.rate_first_content {
    position: absolute;
    z-index: 2;
    top: 14px;
}

.rate_second_content {
    position: absolute;
    z-index: 1;
    top: 54px;
}
.img_flag {
    display: inline-block;
    position: relative;
    top: 5px;
}

@media screen and (max-width: 767px ) {
    .rate_label {
        width: 275px;
        padding: 15px 0 25px 0px;
    }
    .img_flag{
        top:6px;
    }
    .rate_first_content,.rate_second_content{
        position:relative;
    }
}
/*xuyi: live rates widget*/

/*xuyi: rate calculator*/
#currency-from {
	color: #000;
}
#currency-to {
	color: #000;
}
#amount {
	color: #000;
}
#result {
	font-weight: bolder;
	color: #000;
	font-size: large;
}
/*xuyi: rate calculator*/