/*common*/

body {
    padding: 0;
    margin: 0;
    min-width: 1000px;
    font-size: 13px;
    line-height: 16px;
    font-family: arial, 微軟正黑體;
    color: #000;
}

ul,
li,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

.clearfix {
    clear: both;
    display: block;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
}

.up {
    color: #008D0A;
}

.down {
    color: #cf2723;
}


/*header*/

#header .logo {
    background: url("../images/csl_logo.jpg");
    width: 491px;
    height: 70px;
    float: left;
    margin: 10px 0 0 0;
}

#header .lang_btn {
    float: right;
    margin: 35px 0 0 0;
}

#header .lang_btn a {
    float: left;
    font-size: 15px;
    line-height: 18px;
}

#header .lang_btn .tc {
    padding: 7px;
    border: 1px solid #c0c0c0;
    border-radius: 5px 0px 0 5px;
}

#header .lang_btn .sc {
    padding: 7px;
    border: 1px solid #c0c0c0;
    border-right: none;
    border-left: none;
}

#header .lang_btn .en {
    padding: 7px;
    border: 1px solid #c0c0c0;
    border-radius: 0px 5px 5px 0px;
}

#header .lang_btn .active,
#header .lang_btn a:hover {
    color: #ab1e1e;
}

#header .sitemap_btn {
    cursor: pointer;
    border-radius: 5px;
    float: right;
    margin: 35px 20px 0 0;
    font-size: 15px;
    padding: 7px 13px 7px 5px;
    border: 1px solid #c0c0c0;
    line-height: 18px;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
    /* IE6-9 */
}

#header .sitemap_btn span {
    display: table-cell;
    vertical-align: middle;
}

#header .sitemap_btn img {
    margin: 0 5px 0 8px
}

#banner {
    margin-top: 10px;
}

.flex-direction-nav {
    display: none;
    font-size: 0;
}

.flex-control-nav {
    font-size: 0;
    color: transparent;
}

.flexslider {
    position: relative;
}

.flex-control-nav {
    display: block;
    position: absolute;
    position: absolute;
    top: 237px;
    padding: 0 7px;
    right: 1px;
    background: url("../images/black_block.png");
    z-index: 9999;
}

.flex-control-nav:before,
.flex-control-nav:after {
    content: "";
    display: block;
    clear: both;
}

.flex-control-nav li {
    float: left;
}

.flex-control-nav li a {
    margin: 8px 5px 8px 5px;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    background-color: #fff;
    float: left;
    opacity: 0.5;
}

.flex-control-nav li a.flex-active {
    opacity: 1;
}

#announce {
    background-color: #e7e7e7;
    margin-top: 15px;
}

#announce .intro {
    background: #000;
    float: left;
    color: #FFF;
    padding: 6px 10px;
}

#announce .intro span {
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}

#announce .intro img {
    margin-right: 5px;
}

#announce .scroll_txt {
    float: left;
    height: 32px;
    width: 840px;
    line-height: 32px;
}

#content .left .online_trade {
    background: url(../images/trade_btn.jpg);
    width: 110px;
    height: 69px;
    display: block;
    margin-top: 15px;
    font-size: 19px;
    line-height: 70px;
    padding-left: 100px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

#content .left .login_btn {
    background: url(../images/login_btn.jpg);
    width: 110px;
    height: 69px;
    display: block;
    margin-top: 15px;
    font-size: 19px;
    line-height: 70px;
    padding-left: 100px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

#content .left .search_area {
    width: 211px;
    height: 122px;
    background: url("../images/search.jpg") no-repeat;
    display: block;
    margin-top: 15px;
}

#content .left .search_area {
    width: 211px;
    height: 112px;
    background: url("../images/search.jpg") no-repeat;
    display: block;
    margin-top: 15px;
}

#content .left .search_area .title {
    margin: 0px 0 13px 37px;
    font-size: 19px;
    font-weight: bold;
    line-height: 43px;
    color: #b43e3e;
}

#content .left .search_area .search_box input {
    height: 30px;
    width: 134px;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #cccccc;
    margin-left: 15px;
    padding-left: 10px;
    float: left;
}

#content .left .search_area .search_box a {
    height: 34px;
    width: 32px;
    display: block;
    font-size: 15px;
    float: left;
    cursor: pointer;
    background: url("../images/search_icon.jpg");
}

#content .left .menu {
    width: 207px;
    border: 1px solid #d9d9d9;
    margin-top: 16px;
}

#content .left .menu li {
    position: relative;
}

#content .left .menu li ul {
    position: absolute;
    right: -162px;
    top: 0;
    width: 160px;
    background: #ccc;
    text-align: center;
    border: 1px solid #d9d9d9;
    display: none;
    z-index: 1;
    box-shadow: 10px 10px 20px #E7E7E7;
}

#content .left .menu li:hover ul {
    display: block;
}

#content .left .menu li ul li a {}

#content .left .menu a {
    display: block;
    width: 207px;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 17px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    /* IE6-9 */
}

#content .left .menu a:hover,
#content .left .menu a.active {
    display: block;
    width: 207px;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 17px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae1917+0,e32320+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e32320+0,ae1917+100 */
    background: #e32320;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e32320 0%, #ae1917 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e32320 0%, #ae1917 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e32320 0%, #ae1917 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e32320', endColorstr='#ae1917', GradientType=0);
    /* IE6-9 */
    color: #FFF;
}

#content .left .calendar #cc_header {
    width: 100%;
    /* position: relative; */
    height: 25px;
    margin-bottom: 0;
    padding: 4px 0 0 0;
    width: 208px;
    text-align: center;
    background: #e9e9e9;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}

#content .left .calendar .title {
    margin: 16px 0 0 0;
    width: 208px;
    background-color: #cf2724;
    padding: 8px 0;
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
}

#content .left {
    width: 228px;
    float: left;
}

#content .mid {
    width: 525px;
    float: left;
}

#content .tab a {
    float: left;
    padding: 10px 22px;
    border: 1px solid #d8d8d8;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    margin: 7px 0 0 -1px;
    border-bottom: none;
    font-size: 15px;
}

#content .tab a:hover {
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#content .tab a.active {
    padding: 14px 18px 12px 18px;
    background-color: #fff;
    font-size: 17px;
    color: #c62626;
    margin: 0;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#content .mid .news {
    margin: 15px 0 0 0px;
}

#content .red_line {
    background-color: #cf2723;
    height: 4px;
    width: 100%;
}

#content .list_table {
    width: 100%;
    font-size: 13px;
    color: #555555;
    border: #d8d8d8 1px solid;
}

#content .list_table td {
    padding: 9px 10px;
    text-align: left;
    vertical-align: middle;
}

#content .list_table tr:nth-child(even) td {
    background-color: #f6f6f6;
}

#content .list_table tr td:nth-child(1) {
    padding-left: 15px;
}

#content table .more {
    color: #cf2723;
    text-decoration: none !important;
    font-size: 13px;
}

#content table .more:hover {
    color: #9b1a17;
    text-decoration: none;
}

#content .top5,
#content .new_stock {
    margin-top: 23px;
}

#content .top5 .title,
#content .new_stock .title {
    font-size: 28px;
    color: #cf2723;
    line-height: 32px;
    float: left;
    padding: 5px 24px 0 0;
    background: url("../images/red_arrow.jpg") no-repeat right center;
}

#content .top5 .tab,
#content .new_stock .tab {
    float: right;
}

#content .sorting a {
    padding: 7px 0;
    display: block;
    float: left;
}

#content .sorting a.active {
    color: #cf2723;
}

#content .sorting a:hover {
    color: #cf2723;
}

#content .sorting div {
    padding: 7px 10px;
    display: block;
    float: left;
}

#content .detail_table {
    width: 100%;
    font-size: 13px;
    color: #555555;
    border: #d8d8d8 1px solid;
}

#content .detail_table td,
#content .detail_table th {
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
}

#content .detail_table a {
    color: #cf2723;
    text-decoration: underline;
}

#content #archive .list_table a {
    color: #cf2723;
    text-decoration: underline;
}

#content .detail_table tr:nth-child(even) td {
    background-color: #f6f6f6;
}

#content table .time {
    text-align: right;
    padding-right: 15px;
}

#content .right {
    float: right;
    width: 230px;
}

#content .right .indexes {
    margin-top: 22px;
    border: 1px solid #d8d8d8;
}

#content .right .indexes .photo {
    background: url("../images/checker.jpg");
    width: 228px;
    height: 92px;
}

#content .right .indexes .title {
    background-color: #f6f6f6;
    padding: 9px 0 9px 27px;
    font-size: 17px;
}

#content .right .indexes .num .num1 {
    font-size: 19px;
    line-height: 20px;
    font-weight: bold;
    padding: 7px 0 0px 27px;
}

#content .right .indexes .num .num2 {
    font-size: 15px;
    line-height: 20px;
    padding: 4px 0 6px 27px;
    font-weight: bold;
}

#content .right .indexes .timer {
    background-color: #f6f6f6;
    padding: 7px 0 7px 27px;
    font-size: 13px;
}

#content .right .local_index {
    margin-top: 13px;
}

#content .right .local_index .title {
    margin: 16px 0 0 0;
    width: 212px;
    background-color: #cf2724;
    padding: 8px 0 8px 18px;
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    text-align: left;
}

#content .index_table {
    width: 100%;
    font-size: 13px;
    color: #555555;
    border: #d8d8d8 1px solid;
    border-bottom: none;
    border-top: none;
}

#content .index_table td {
    padding: 6px 0;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    color: #000;
}

#content .index_table tr:nth-child(even) td {
    background-color: #f6f6f6;
}

#content .local_index .timer {
    border: 1px solid #ccc;
    border-top: none;
    font-size: 12px;
    padding: 7px 12px 5px 12px;
}

#content .local_index .slide_area {
    height: 113px !important;
    width: 230px;
    overflow: hidden;
}

#footer {
    margin-top: 10px;
    background: url("../images/footer_shadow.jpg") top repeat-x;
    padding: 28px 0 0 0;
}

#footer .left {
    float: left;
    font-size: 13px;
    margin: 22px 0 15px 0;
}

#footer .left a {
    color: #525252;
    text-decoration: none;
}

#footer .right {
    float: right;
    margin: 15px 0 0 0;
}

#footer .right .db_area div {
    display: table-cell;
    vertical-align: bottom;
}

#footer .right .db_area img {
    margin: 0px 5px 0px 5px;
}

#footer .right a {
    color: #cf2723;
    cursor: pointer;
}

#content .inner_mid {
    float: right;
    width: 772px;
    margin: 14px 0 0 0;
}

#content .inner_mid .flex-viewport {
    height: 210px;
}

#content .inner_mid .flex-control-nav {
    display: block;
    position: absolute;
    position: absolute;
    top: 186px;
    padding: 0 7px;
    right: 1px;
    background: url("../images/black_block.png");
}

#content .inner_mid .page_title {
    font-size: 21px;
    color: #CF2723;
    margin: 0;
    padding: 10px 0 10px 0px;
    line-height: 25px;
    font-weight: normal;
    position: relative;
}

#content .inner_mid .page_title:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #cf2723;
    display: block;
    position: absolute;
    top: 43px;
}

#content .inner_mid p {
    text-align: justify;
    margin: 6px 0 30px 0;
    padding: 0 13px 0 13px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
}

#content .inner_mid .sub_title {
    background-color: #f4f4f4;
    padding: 7px 13px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

#content .inner_mid ul.require li {
    font-size: 15px;
}

#content .inner_mid ul.require {
    width: 96%;
    font-size: 15px;
    margin: 5px 0 0 15px;
}

#content .inner_mid ul.require li {
    padding: 8px 0;
    border-bottom: 1px dotted #c2c2c2;
    font-size: 15px;
    padding-left: 20px;
    background: url("../images/red_tick.jpg") no-repeat left;
}

#content .inner_mid p.full {
    text-align: justify;
    margin: 12px 0 30px 0;
    padding: 0 0px 0 0px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
}

#content .inner_mid .highlight {
    color: #CF2724;
    font-weight: bold;
}

#content .inner_mid p.type {
    text-align: left;
    margin: 15px 0 10px 0;
    padding: 0 13px 0 13px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
}

#content .inner_mid ul.require2 li {
    padding: 8px 0;
    padding-left: 10px;
    margin: 0 0 0 31px;
    font-size: 15px;
    list-style-type: decimal;
    position: relative;
    line-height: 18px;
}

#content .inner_mid ul.require2 li:before {
    content: "";
    height: 1px;
    width: 744px;
    border-top: 1px dotted #C8C8C8;
    position: absolute;
    bottom: -1px;
    left: -17px;
}

#content .inner_mid p.padding {
    padding-left: 13px;
}

#content .inner_mid table.deposit {
    width: 100%;
    border-collapse: collapse;
    margin: -10px 0 0 0;
}

#content .inner_mid table.deposit td,
#content .inner_mid table.deposit th {
    padding: 10px 0;
    text-align: center;
    border: 1px solid #DFDFDF;
    font-size: 15px;
}

#content .inner_mid table.deposit th {
    background-color: #F1F1F1;
}

#content .remark {
    margin: 15px 0 10px 15px;
    font-size: 15px;
    font-weight: bold;
}

#content .inner_mid .sub_title.mt20 {
    margin-top: 30px;
}

#content .inner_mid .fee {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    font-size: 14px;
}

#content .inner_mid .fee th {
    background-color: #cf2724;
    color: #fff;
    text-align: left;
    padding: 8px 10px;
}

#content .inner_mid .fee td {
    color: #000;
    text-align: left;
    padding: 8px 10px;
    vertical-align: middle;
    border: 1px solid #d9d9d9;
}

#content .inner_mid .fee td.first_col {
    text-align: left;
    padding-left: 10px;
}

#content .inner_mid .fee td.main_title {
    background-color: #f1f1f1;
    padding: 10px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #CF2724;
}

#content .inner_mid .fee td.no_padding {
    padding: 0 !important
}

#content .inner_mid .fee .insider {
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

#content .inner_mid .fee .insider td {
    text-align: center;
    border: 0px solid #d9d9d9;
}

#content .inner_mid .fee .insider td.pink {
    background-color: #FEE;
    border-bottom: 1px solid #d9d9d9;
}

#content .inner_mid .fee .insider td.bor_right {
    border-right: 1px solid #d9d9d9;
}

#content .inner_mid .fee .insider td.bor_bot {
    border-bottom: 1px solid #d9d9d9;
}

#content .inner_mid .fee td.download {
    text-align: center;
}

#content .inner_mid .fee td a {
    color: #000;
}

#content .inner_mid .fee td a:hover {
    color: #cf2724;
}

#content .inner_mid .faq_table {
    margin: 10px 13px 30px 13px;
}

#content .inner_mid .faq_table td {
    text-align: left;
    vertical-align: top;
    font-size: 15px;
    color: #000;
    line-height: 19px;
}

#content .inner_mid .faq_table2 {
    margin: 10px 13px 30px 0px;
    width: 600px;
    border-collapse: collapse;
}

#content .inner_mid .faq_table2 td {
    text-align: center;
    font-size: 15px;
    color: #000;
    line-height: 19px;
    padding: 7px 10px;
    border: 1px solid #e8e8e8;
}

#content .inner_mid .faq_table2 th {
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #cf2724;
    padding: 7px 10px;
}

#content .inner_mid .faq_list {
    margin: 15px 0;
}

#content .inner_mid .faq_list li {
    margin: 5px 0;
    list-style-type: square;
}

#content .inner_mid .trade_hour {
    width: 600px;
    margin-top: 20px;
    border-collapse: collapse;
    font-size: 15px;
}

#content .inner_mid .trade_hour th {
    background-color: #cf2724;
    color: #fff;
    text-align: left;
    padding: 10px 10px;
}

#content .inner_mid .trade_hour td {
    color: #000;
    text-align: left;
    padding: 8px 10px;
    vertical-align: middle;
    border: 1px solid #d9d9d9;
}

#content #googleMap {
    width: 772px;
    height: 300px;
    margin-top: 0px;
}

#content .inner_mid .contact_table {
    width: 750px;
    margin-top: 20px;
    border-collapse: collapse;
}

#content .inner_mid .contact_table td {
    color: #000;
    text-align: left;
    padding: 6px 10px;
    vertical-align: middle;
    border-bottom: 1px dotted #c4c4c4;
}

#content .inner_mid .contact_table td.red {
    color: #cf2724;
}

#content .inner_mid .privacy_table {
    margin: 5px 0;
    font-size: 15px;
}

#content .inner_mid .privacy_table td {
    padding: 10px 10px;
    vertical-align: top;
}

#content .inner_mid .privacy_table2 {
    margin-top: 10px;
}

#content .inner_mid .privacy_table2 td {
    padding: 5px 10px 5px 0;
    vertical-align: top;
}

#content .inner_mid p.pink_bg {
    text-align: left;
    margin: 6px 0 8px 0;
    padding: 10px 13px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
    background: #FBDEDD;
}

#content .inner_mid .stock_title {
    background-color: #f4f4f4;
    padding: 7px 13px;
    font-size: 21px;
    padding: 17px 13px;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

#content .inner_mid .search_box input {
    height: 30px;
    width: 134px;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #cccccc;
    margin-left: 15px;
    padding-left: 10px;
    float: left;
}

#content .inner_mid .search_box a {
    height: 34px;
    width: 32px;
    display: block;
    font-size: 15px;
    float: left;
    background: url("../images/search_icon.jpg");
}

#content .inner_mid .search_box {
    float: right;
    margin: 8px 20px 5px 0;
}

#content .inner_mid .stock_info {
    margin: 10px 0 0 0;
    width: 520px;
}

#content .inner_mid .stock_info td {
    padding: 6px 10px;
}

#content .inner_mid .stock_info tr:nth-child(even) td {
    background-color: #ccc;
    background-color: #F3F3F3;
}

#content .inner_mid .timestamp {
    margin: 15px 0 0 0;
}

.stock_quote_box {}

.stock_quote_box .chart {
    float: right;
}

.stock_quote_box table {
    float: left;
}

#content .stock_quote_box .tab {
    margin: 10px 0 0 0;
}

#content .stock_quote_box .tab a.active {
    font-size: 15px;
    padding: 14px 24px 11px 24px;
}

#content .stock_quote_box .tab a {
    font-size: 15px;
    padding: 10px 24px 8px 24px;
}

#content .stock_quote_box .chart_container {
    border: 1px solid #e8e8e8;
    padding: 10px 0;
    text-align: center;
}

.inner_mid .news {
    margin-top: 20px;
}

#pager li {
    float: left;
    padding: 3px 8px;
    border: 1px solid #e5e5e5;
    margin: 10px 5px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

#pager li:hover {
    background-color: #cf2724;
    color: #fff;
}

#pager li.pgCurrent {
    background-color: #cf2724;
    color: #fff;
}

.pgNext {
    background: url("../images/arrow_right.png") no-repeat center;
    height: 16px;
    width: 4px;
}

.pgNext.Prev {
    background: url("../images/arrow_left.png") no-repeat center;
}

.back_btn {
    color: #cf2724;
    font-size: 15px;
    padding: 0 0 0 14px;
    line-height: 17px;
    float: right;
    background: url("../images/back_arrow.png") no-repeat center left;
}

.pgNext.Prev:hover,
.pgNext:hover {
    background-color: #FFF !important;
    color: #000 !important;
}

#content .inner_mid p.gray_bg {
    text-align: left;
    margin: 6px 0 8px 0;
    padding: 10px 13px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
    background: #F4F4F4;
    border: 1px solid #E5E5E5;
}

#content .inner_mid .trade_hour.sitemap {
    width: 770px;
    margin-top: 20px;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 22px;
}

#content .inner_mid .trade_hour.sitemap th {
    background-color: #cf2724;
    color: #fff;
    text-align: left;
    padding: 10px 20px;
}

#content .inner_mid .trade_hour.sitemap td {
    color: #000;
    text-align: left;
    padding: 8px 10px;
    vertical-align: middle;
    border: 1px solid #d9d9d9;
    padding: 10px 20px;
}

.online_login_btn {
    background: #CF2724;
    color: #fff;
    padding: 10px;
    font-size: 17px;
    display: block;
    margin: 0px 0 10px 2px;
    width: 139px;
    text-align: center;
}

.login_area {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.inner_mid .flexslider img {
    height: 210px;
}

.flex-viewport {
    height: 261px;
}

#banner {
    margin-top: 10px;
    height: 261px;
    overflow: hidden;
}

.copyright {
    float: left;
    margin: 8px 63px 0 0;
}

.db_area {
    float: right;
    margin: -7px 0 0 0;
}

.inner_mid .flexslider {
    position: relative;
    height: 210px;
    overflow: hidden;
}

.download_remark {
    margin-top: 20px;
}

.download_remark img {
    margin-top: 10px;
}

.come_soon {
    font-size: 21px;
    color: #CF2723;
    margin: 15px 0 0 0;
    padding: 10px 0 10px 0px;
    line-height: 25px;
    font-weight: bold;
    position: relative;
    border: 2px solid #CF2723;
    text-align: center;
}

.color_red {
    color: #CF2723;
    ;
}

#content .right .indexes .num {
    padding: 6px 0;
}

#announce .more {
    float: right;
    display: block;
    background: #000;
    width: 49px;
    height: 32px;
    color: #fff;
    font-size: 13px;
    /* text-align: center; */
    line-height: 32px;
    padding: 0 0 0 10px;
    background: url("../images/back_arrow_white.png") no-repeat #000 41px 9px;
}

.pop_cover {
    background-color: #000;
    opacity: 0.85;
    width: 100%;
    position: fixed;
    z-index: 999999;
    display: none;
}

.pop_content {
    background: #fff;
    position: fixed;
    left: 0;
    top: 260px;
    z-index: 9999999999;
    right: 0;
    width: 500px;
    margin: 0 auto;
    box-shadow: 5px 5px 5px #000000;
    display: none;
}

.pop_content .title {
    font-size: 21px;
    color: #fff;
    background-color: #CF2723;
    margin: 0;
    padding: 13px 0 13px 13px;
    line-height: 18px;
    font-weight: normal;
    position: relative;
}

.pop_content .content_title {
    background-color: #f4f4f4;
    padding: 7px 13px;
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.pop_content .content {
    text-align: justify;
    margin: 6px 0 20px 0;
    padding: 0 13px 0 13px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
}

.pop_content .date {
    margin: 10px 0 0 13px;
}

.pop_content .more {
    border: 1px solid #ccc;
    display: block;
    width: 45px;
padding: 5px 7px;
    text-align: left;
    margin: 20px 13px 15px 13px;
    font-size: 15px;
    line-height: 17px;
    color: #cf2723;
    background: url("../images/more_arrow.png") no-repeat 41px 7px;
    background-color: white;
}

.pop_content .close {
    background: url("../images/close.jpg") no-repeat;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 10px;
    right: 10px;
}

.inner_mid .p_date{    display: block;
    margin: 6px 0 0px 0;
    padding: 0 13px 0 13px;
    border-bottom: none;
    background: #fff;
    font-size: 15px;
    line-height: 18px;}


#content .list_table.text_c  td {
    text-align: center;
}
#content .list_table.text_c  th {
        padding: 10px 5px;
}

#content .tabs a {
    float: left;
    padding: 10px 22px;
    border: 1px solid #d8d8d8;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    margin: 7px 0 0 -1px;
    border-bottom: none;
    font-size: 15px;
}

#content .tabs a:hover {
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#content .tabs a.active {
    padding: 14px 18px 12px 18px;
    background-color: #fff;
    font-size: 17px;
    color: #c62626;
    margin: 0;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#content .top5 .tabs,
#content .new_stock .tabs {
    float: right;
}

#announce .marquee {
    float: left;
    height: 32px;
    width: 840px;
    line-height: 32px;    overflow: hidden;
}

.app_table tr td, .app_table tr th{border: 1px solid #e7e7e7; padding: 5px 10px;}
.app_table{    border-collapse: collapse; margin-left: 13px;}
.app_table .red_bg{     background: #CF2723;
    color: #fff;}


#content .left .key_download {
    background: url(../images/key_btn.jpg);
    width: 210px;
    height: 43px;
    display: block;
    margin-top: 15px;
    font-size: 19px;
    line-height: 43px;
    padding-left: 47px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    box-sizing: border-box;
}


.caml_terms {
    background: url(../images/gear_bg.jpg);
    width: 134px;
    height: 92px;
    display: block;
    margin-bottom: -22px;
    margin-top: 15px;
    font-size: 22px;
    line-height: 92px;
    padding-left: 95px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}


.gray_content{
    background: #f3f3f3;
    padding: 20px 15px;
    font-size: 15px;
    line-height: 18px;
}

.gray_content ul{

    list-style: disc !important;
}

.gray_content ul li{
    margin-bottom: 25px;
    padding-left: 15px;
    background: url(../images/ul_dot.png) no-repeat top 5px left;
}

#content .inner_mid p.remarks {
    text-align: justify;
    margin: 14px 0 14px 0;
    padding: 0 13px 0 1px;
    border-bottom: none;
    color: #cf2723;
    background: #fff;
    font-size: 15px;
    line-height: 21px;
}

#content .inner_mid p.remarks_black {
    text-align: justify;
    margin: 0px 0 14px 0;
    padding: 0 13px 0 1px;
    border-bottom: none;
    color: #000000;
    font-weight: bold;
    background: #f3f3f3;
    font-size: 15px;
    line-height: 21px;
}


ul.cmal_ul{


}

ul.cmal_ul li{
    margin-bottom: 7px;
    padding-left: 15px;
    background: url(../images/ul_dot.png) no-repeat top 5px left;
    font-size: 15px;
}

ul.cmal_ul2{margin-top: 15px;}

ul.cmal_ul2 li{
    margin-bottom: 20px;
    padding-left: 15px;
    background: url(../images/ul_dot.png) no-repeat top 5px left;
    font-size: 15px;
    margin-left: 17px;
}

ul.cmal_ul3{list-style: decimal;list-style-type: decimal;}

ul.cmal_ul3 li{
    margin-bottom: 20px;
    padding-left: 2px;
    font-size: 15px;
    margin-left: 32px;
    margin-top: 17px;
    list-style-type: decimal;
}






.online_login_btn_red {
    background: #CF2724;
    color: #fff;
    padding: 15px 10px;
    font-size: 17px;
    display: inline-block;
    margin: 25px 20px 10px 2px;
    width: 115px;
    text-align: center;
}


.online_login_btn_black{
        background: #fff;
        color: #3a3a3a;
        padding: 15px 9px;
        font-size: 17px;
        display: inline-block;
        margin: 25px 0 10px 2px;
        width: 115px;
        text-align: center;
        border: 1px solid #717171;
}

.tab_btn{
    display: block;
    float: left;
    height: 27px;
    width: 200px;
    background: #d2d2d2;
    color: #000000;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
    border-right: 1px solid #ffffff;
}

.tab_btn.active{
    display: block;
    float: left;
    height: 27px;
    width: 200px;
    background: #cf2724;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
    border-right: 1px solid #ffffff;
    position: relative;
}


.tab_btn:hover{
    display: block;
    float: left;
    height: 27px;
    width: 200px;
    background: #cf2724;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
    border-right: 1px solid #ffffff;
    position: relative;
}

.tab_btn.active:after {
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #cf2724;
    top: 33px;
    content: "";
    margin: 0 auto;
    left: 0;
    right: 0;
}


.gray_bg2{
    background-color: #d2d2d2;
    margin-bottom: 15px;
}