@charset "utf-8";

/* CSS Document */

body {
    margin: 0;
    padding: 0;
    background: #fff;
	font-family: Tahoma, SimSun, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

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

.anythingSlider .anythingControls .thumbNav li p {
    width: 92%;
}

.anythingSlider .anythingControls .thumbNav li h1 {
    width: 92%
}
 
#page {}

#page .header {
    background: #ffffff;
    height: 103px;
    width: 1190px;
    margin: 0 auto;
}

#page .header .content {
    padding: 0;
    width: 1190px;
	position:relative;
}

#page .header .content .logo {
    float: left;
    background: url(../images/uob_bond_logo.jpg) no-repeat;
    height: 103px;
    width: 370px;
}

#page .header .content .top_about{
	font-size:13px;
	position:absolute;
	right:35px;
	top:12px;
}

#page .header .content .top_about a{
	color:#e51d29;
}

#page .header .content .top_about li{
	display:inline-block;
	line-height:29px;
	height:29px;
	padding-left:32px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#page .header .content .top_about li.sg{
	background:url(../images/icon_top_about_sg.jpg) no-repeat;
}

#page .header .content .top_about li.hk{
	background:url(../images/icon_top_about_hk.jpg) no-repeat;
}

#page .header .content .member_name { 
	float: right;
    margin-top: 56px;
    margin-right: 35px;
    background: #e51d28;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    align-items: center;
    padding: 2px 20px 2px 2px;
    border-radius: 50px;
	cursor: pointer;
}

#page .header .content .member_name span {
	background: #fff;
    color: #e51d28;
    border-radius: 55px;
    line-height: 22px;
    display: inline-block;
    min-width: 22px;
    text-align: center;
    padding: 5px;
	margin-right: 5px;
}

#page .header .content .lang {
    float: right;
    padding-right: 35px;
    padding-top: 65px;
}

#page .header .content .lang ul li {
    float: left;
    padding-left: 13px;
}

#page .header .content .lang a {
    color: #e51d29;
    font-size: 13px;
    display: inline-block;
}

#page .header .content .lang a.active {
    font-weight: bold;
}

#page .header .content .lang .sc a {
    border-left: 1px solid #e51d29;
    padding: 0 13px;
    border-right: 1px solid #e51d29;
}

#page .header .content .login {
	float: right;
	margin-top: 56px;
	margin-right: 35px;
	background: #e51d28;
	border: 1px solid #cb6a63;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	display: flex;
	padding: 9px 15px;
}

#page .header .content .login img {
	margin-right: 2px;
}

#page .content {
    padding: 0;
    width: 1190px;
    margin: 0 auto;
    background: #ffffff;
}

#page .banner .content {
    padding: 0;
    background: #FFF;
    width: 1190px;
    padding: 0
}

#page .banner .content #slider .table {
    text-align: center;
    padding: 0;
    width: 1190px !important;
}

#page .content .tabs a {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #000000;
    padding-top: 56px;
}

#page .content .tabs {
    float: left;
    background: url(../images/tab_back.jpg) repeat-x center bottom;
    height: 85px;
    width: 1190px;
}

#page .content .tabs li {
    margin: 0;
    text-align: center;
    width: 25%;
    float: left;
    height: 85px;
    background: url(../images/tab_back_gray.jpg) repeat-x center bottom;
}

#page .content .tabs .active {
    margin: 0;
    text-align: center;
    background: #E51D29;
    float: left;
    padding: 0;
    height: 85px;
}

#page .content .tabs .active a {
    color: #000000;
    text-align: center;
    display: inline-block;
}

#page .content .tabs li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#page .content .tabs li.first {
    border-right: 1px solid #dbd5d5;
}

#page .content .tabs li.middle,
#page .content .tabs li.middle2 {
    border-left: 1px solid #fff;
    border-right: 1px solid #dbd5d5;
}

#page .content .tabs li.last {
    border-left: 1px solid #fff;
}

#page .content .tabs li.first a {
    background: url(../images/icon_taba.png) no-repeat center 10px;
    background-size: 40px auto;
}

#page .content .tabs li.middle a {
    background: url(../images/icon_tab.png) no-repeat center 10px;
    background-size: 40px auto;
}

#page .content .tabs li.middle2 a {
    background: url(../images/icon_tab_compass.png) no-repeat center 10px;
    background-size: 40px auto;
}

#page .content .tabs li.last a {
    background: url(../images/icon_tabc.png) no-repeat center 10px;
    background-size: 40px auto;
}

#page .content .tabs li.active a {
    background: url(../images/arrow_black.png) no-repeat center bottom;
    height: 29px;
}

#page .content .tabs li.first.active {
    background: #e5e5e5 url(../images/icon_taba.png) no-repeat center 11px;
    background-size: 40px auto;
}

#page .content .tabs li.middle.active {
    background: #e5e5e5 url(../images/icon_tab.png) no-repeat center 11px;
    background-size: 40px auto;
}

#page .content .tabs li.middle2.active {
    background: #e5e5e5 url(../images/icon_tab_compass.png) no-repeat center 11px;
    background-size: 40px auto;
}

#page .content .tabs li.last.active {
    background: #e5e5e5 url(../images/icon_tabc.png) no-repeat center 11px;
    background-size: 40px auto;
}

#page .content .tab_container {
    background: #f7f7f7 url(../images/tab_back_gray.jpg) repeat-x center top;
    clear: both;
}

#page .content .tab_container .arrowa {
    background: url(../images/arrow.png) no-repeat;
    width: 18px;
    height: 9px;
    z-index: 1;
    position: absolute;
    left: 186px;
    top: -9px;
}

#page .content .tab_container .arrowb {
    background: url(../images/arrow.png) no-repeat;
    width: 18px;
    height: 9px;
    z-index: 1;
    position: absolute;
    left: 578px;
    top: -9px;
}

#page .content .tab_container .arrowc {
    background: url(../images/arrow.png) no-repeat;
    width: 18px;
    height: 9px;
    z-index: 1;
    position: absolute;
    left: 971px;
    top: -9px;
}

#page .content .tab_container .tab_content {
    position: relative;
}

#page .content .tab_container #list .padding_s {
    height: 25px;
}

#page .content .tab_container #list .msg {
    border: #E51D29 2px solid;
    width: 90%;
    padding: 10px 5px;
    margin: 0 auto;
    font-size: 14px;
}

#page .content .tab_container #list .msg .tl {
    margin-bottom: 5px;
}

#page .content .tab_container #list .msg ul {
    margin-left: 25px;
}

#page .content .tab_container #list .msg li {
    float: left;
    width: 100%;
}

#page .content .tab_container #list .msg li .mark {
    float: left;
    width: 15px;
}

#page .content .tab_container #list .msg li .txt {
    overflow: hidden;
}

#page .content .tab_container #list .search_area {
    width: 800px;
    margin: 0 auto;
    padding: 15px 0 30px 0;
}

#page .content .tab_container #list .search_area dl {
    padding-bottom: 10px;
}

#page .content .tab_container #list .search_area dl dt {
    float: left;
    clear: both;
    font-size: 14px;
    color: #000000;
    line-height: 40px;
    text-align: right;
    width: 220px;
    padding-bottom: 0px;
}

#page .content .tab_container #list .search_area dl dt.short {}

#page .content .tab_container #list .search_area dl dt.last {
    padding-bottom: 15px;
}

#page .content .tab_container #list .search_area dl dd {
    float: left;
    margin: 0 0 0 30px;
    min-height: 40px;
}

#page .content .tab_container #list .search_area .button_area {
    clear: both;
    text-align: center;
    padding-top: 5px;
}

#page .content .tab_container #list .search_area .button_area button {
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}

#page .content .tab_container #list .search_area .button_area button.add {
    color: #66666a;
    background: #ffffff;
    border: 1px solid #f0f0f0;
}

#page .content .tab_container #list .search_area .button_area button.search {
    color: #ffffff;
    background: #e51d29 url(../images/search_icon.jpg) no-repeat 10px center;
    padding: 10px 10px 10px 30px;
    border: 1px solid #ca6a63;
}

#page .content .tab_container #list .search_area .button_area button.reset {
    color: #66666a;
    background: #ffffff;
    border: 1px solid #f0f0f0;
	margin-left: 25px;
}

#page .content .tab_container #list .search_area input {
    background: #ffffff url(../images/search.jpg) no-repeat 5px center;
    border: 1px solid #888888;
    padding: 9px 9px 9px 38px;
    width: 476px;
}

#page .content .tab_container #list .search_area select {
    width: 525px;
    border-bottom: 1px solid #888888;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-top: 8px;
}

#page .content .tab_container #list .result_table {
    border: 1px solid #9a9a9a;
}

#page .content .tab_container #list .result_table thead tr td.tl {
    background: #e5e5e5;
    color: #000000;
    padding: 10px 5px;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #9a9a9a;
}

#page .content .tab_container #list .result_table thead tr td.tl .time {
    font-size: 13px;
    float: right;
}

#page .content .tab_container #list .result_table thead tr td.tl .time .right {
    text-align: right;
}

#page .content .tab_container #list .result_table thead tr th {
    background: #e5e5e5;
    color: #000000;
    border-top: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px 0 5px;
}

#page .content .tab_container #list .result_table thead tr th.active {
    background: #e5e5e5;
    color: #000000;
}

#page .content .tab_container #list .result_table thead .sorting .active {
    background: #e5e5e5;
}

#page .content .tab_container #list .result_table thead .sorting td {
    background: #e5e5e5;
    padding: 0 5px 4px 5px;
    border-bottom: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
}

#page .content .tab_container #list .result_table thead .sorting a.sortup {
    background: url(../images/sort_up.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-align: left;
    display: inline-block;
    text-indent: -999999px;
}

#page .content .tab_container #list .result_table thead .sorting a.sortdown {
    background: url(../images/sort_down.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-align: left;
    display: inline-block;
    text-indent: -999999px;
}

#page .content .tab_container #list .result_table thead .sorting a.sort {
    background: url(../images/sort.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-align: left;
    display: inline-block;
    text-indent: -999999px;
}

#page .content .tab_container #list .result_table thead .sorting a.faq {
    background: url(../images/faq.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-align: left;
    display: inline-block;
    text-indent: -999999px;
}

#page .content .tab_container #list .search_area dl dt a.faq {
    background: url(../images/faq.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-align: left;
    display: inline-block;
    text-indent: -999999px;
    margin-top: 13px;
    float: right;
    margin-left: 5px;
}

#page .content .tab_container #list .result_table thead .sorting span {
    float: right;
}

#page .content .tab_container #list .result_table tbody tr td {
    border: 1px solid #9a9a9a;
    padding: 5px;
    font-size: 12px;
	cursor: pointer;
}
#page .content .tab_container #list .result_table tbody tr td img {
	float: right;
}

#page .content .tab_container #list .result_table tbody tr {
    background: #ffffff;
}

#page .content .tab_container #list .result_table tbody tr:hover {
    background: #d5d5d5;
}

#page .content .tab_container #list .result_table tbody tr:nth-child(2n) {
    background-color: #f8f8f8;
}

#page .content .tab_container #list .result_table tbody tr:nth-child(2n):hover {
    background: #d5d5d5;
}

#page .content .tab_container #list .page {
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0 10px 0;
    font-size: 15px;
    color: #000000;
}

#page .content .tab_container #list .page #total {
    display: inline-block;
}

#page .content .tab_container #list .holder {
    padding: 0 0 1px 0;
    background: #d5d5d5;
    margin: 0 auto;
    display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #page .content .tab_container #list .holder {
        border-top: 1px solid #d5d5d5;
        padding: 0;
    }
}

#page .content .tab_container #list .holder a {
    font-size: 15px;
    cursor: pointer;
    padding: 5px;
    color: #000000;
    background: #d5d5d5;
    border-right: 2px solid #ffffff;
}

#page .content .tab_container #list .holder a.jp-current {
    background: #9e9d9d;
}

#page .content .tab_container #list .holder .jp-hidden {
    display: none;
}

#page .content .tab_container #list .holder input {
    padding: 3px;
    width: 20px;
    border: none;
}

#page .content .tab_container #list .holder .type {
    display: inline-block;
    padding: 3px;
}

#page .content .tab_container #list .holder span {
    display: inline-block;
    padding: 3px;
}

#page .content .tab_container #list .holder .jp-next {
    border: none;
}


/*#page .content .tab_container #info{background:#f7f7f7 url(../images/tab_back_gray.jpg) repeat-x center top;}
#page .content .tab_container #info h1{color:#E51D29; font-weight:normal; font-size:30px; margin:0;}
#page .content .tab_container #info .left{float:left; width:545px;}
#page .content .tab_container #info .left h1{ padding-bottom:40px;}
#page .content .tab_container #info .left ul{padding-left: 47px;}
#page .content .tab_container #info .left ul li{ list-style:square; padding-bottom:30px; font-size:18px; line-height:22px; color:#333333;}
#page .content .tab_container #info .right{float: right;}
#page .content .tab_container #info .right ul li{ list-style:square; padding-bottom:30px; font-size:18px; line-height:22px; color:#333333;}
#page .content .tab_container #info .first{ padding:73px 0 0 0;}
#page .content .tab_container #info .first table{border-collapse:inherit;}
#page .content .tab_container #info .second{background:#fbfbfb; padding:25px;}
#page .content .tab_container #info .second h1{padding-bottom:25px;}
#page .content .tab_container #info .second .left{ width:438px; border:12px solid #008920; background:#ffffff; padding:10px 50px; height: 176px;}
#page .content .tab_container #info .second .left h2{ color:#008920; font-size:24px; font-weight:normal; margin:0; padding-bottom: 10px;}
#page .content .tab_container #info .second .right{ width:429px; background:#f7d3d3; padding:20px 67px;}
#page .content .tab_container #info .second .right h2{ color:#E51D29; font-size:24px; font-weight:normal; margin:0; padding-bottom: 10px;}
#page .content .tab_container #info .second .right ul{padding-left: 33px;}
#page .content .tab_container #info .second .left ul{padding-left: 36px;}
#page .content .tab_container #info .second .left ul li{padding-bottom:3px;}
#page .content .tab_container #info .second .right ul li{padding-bottom:3px;}
#page .content .tab_container #info .third{background:#f2f2f2; padding:25px;}
#page .content .tab_container #info .third h1{padding-bottom:25px;}
#page .content .tab_container #info table{border-collapse:collapse;}
#page .content .tab_container #info table thead tr td{ background:#E51D29; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-bottom:2px solid #f2f2f2; color:#ffffff; font-size:18px; padding:15px 40px;}
#page .content .tab_container #info table tbody tr th{ background:#737373; border:1px solid #f2f2f2; color:#ffffff; font-size:18px; padding:10px 40px; font-weight:normal; text-align:left; vertical-align: top;}
#page .content .tab_container #info table tbody tr td{ background:#ffffff; border:1px solid #f2f2f2; color:#333333; font-size:18px; padding:10px 30px; vertical-align: top;}*/

#page .glossary table.rating{ width:1000px; margin:0 auto 25px auto;}

#page .content .tab_container #info table.rating th,
#page .content .tab_container #info table.rating td,
#page .glossary table.rating th,
#page .glossary table.rating td{
    font-size: 15px;
    padding: 3px 10px;
    border: 1px #aaaaaa solid;
    text-align: center;
}

#page .content .tab_container #info table.rating tr th,
#page .content .tab_container #info table.rating tr td {
    color: #000;
}

#page .content .tab_container #info table.rating tr th.moody, #page .glossary table.rating tr th.moody {
    background: #e11828;
}

#page .content .tab_container #info table.rating tr td.moody, #page .glossary table.rating tr td.moody{
    background: #e0b8b8;
}

#page .content .tab_container #info table.rating tr td.moody_nd, #page .glossary table.rating tr td.moody_nd {
    background: #f0d8d8;
}

#page .content .tab_container #info table.rating tr th.sp, #page .glossary table.rating tr th.sp {
    background: #b8b8b8;
}

#page .content .tab_container #info table.rating tr td.sp, #page .glossary table.rating tr td.sp {
    background: #b8b8b8;
}

#page .content .tab_container #info table.rating tr td.sp_nd, #page .glossary table.rating tr td.sp_nd {
    background: #e0e0e0;
}

#page .content .tab_container #info table.rating tr th.fitch, #page .glossary table.rating tr th.fitch {
    background: #e0b8b8;
}

#page .content .tab_container #info table.rating tr td.fitch, #page .glossary table.rating tr td.fitch {
    background: #e0b8b8;
}

#page .content .tab_container #info table.rating tr td.fitch_nd, #page .glossary table.rating tr td.fitch_nd {
    background: #f0d8d8;
}

#page .content .tab_container #info table.rating tr th.description, #page .glossary table.rating tr th.description {
    background: #b8b8b8;
}

#page .content .tab_container #info table.rating tr td.description, #page .glossary table.rating tr td.description {
    background: #c8c8c8;
}

#page .content .tab_container #info table.rating tr th.last, #page .glossary table.rating tr th.last {
    background: #e11828;
}

#page .content .tab_container #info table.rating tr td.last, #page .glossary table.rating tr td.last {
    background: #e0b8b8;
}

#page .content .tab_container #info table.rating tr td.black_td, #page .glossary table.rating tr td.black_td {
    background: #000;
    height: 7px;
    padding: 0;
}

#page .content .tab_container #faq {
    width: 100%;
    margin: 0 auto;
    padding: 60px 20px;
    font-size: 14px;
}

#page .content .tab_container #faq .faq_tl {
    margin-bottom: 10px;
}

#page .content .tab_container #faq .faq_menu {
    border: 1px solid #d5d5d5;
    background: url(/home/images/bg_faq_menu.jpg) repeat-x;
    width: 1130px;
    margin-bottom: 10px;
}

#page .content .tab_container #faq .faq_menu h2.faq_location {
    float: left;
    font-size: 14px;
    font-weight: normal;
    width: 1000px;
    border-bottom: 2px solid #d5d5d5;
    margin: 0;
    line-height: 56px;
    padding-left: 10px;
    background: url(/home/images/faq_location_arrow.png) no-repeat center right;
}

#page .content .tab_container #faq .faq_menu h2.faq_location.active {
    background: url(/home/images/faq_location_arrow_red.png) no-repeat center right #fff;
}

#page .content .tab_container #faq .faq_menu .expand_collapse,
#page .content .tab_container #faq .faq_menu .expand_collapse2 {
    float: right;
    line-height: 58px;
    padding: 0 41px 0 23px;
    background: url(/home/images/bg_expand_collapse.jpg) no-repeat center right #e7e7e7;
	min-width:56px;
}

#page .content .tab_container #faq .faq_menu .expand_collapse.active,
#page .content .tab_container #faq .faq_menu .expand_collapse2.active {
    background: url(/home/images/bg_expand_collapse_on.jpg) no-repeat center right #e7e7e7;
}

#page .content .tab_container #faq .faq_menu .expand_collapse a,
#page .content .tab_container #faq .faq_menu .expand_collapse2 a {
    color: #333333;
}

#page .content .tab_container #faq h3.question {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    background: url(/home/images/faq_location_arrow.png) no-repeat center right #fff;
    border-bottom: 1px solid #d5d5d5;
    width: 1125px;
    border-left: 5px solid #d5d5d5;
    margin: 10px 0 0 0;
}

#page .content .tab_container #faq h3.question.active {
    background: url(/home/images/faq_location_arrow_on.png) no-repeat center right #fff;
}

#page .content .tab_container #faq h3.question span.number {
    float: left;
    width: 20px;
    background: #e8e7e7;
    text-align: center;
    margin-right: 5px;
}

#page .content .tab_container #faq .switchcontent,
#page .content .tab_container #faq .switchcontent2 {
    margin-bottom: 10px;
}

#page .content .tab_container #faq .switchcontent.inside,
#page .content .tab_container #faq .switchcontent2.inside {
    background: #FFF;
    padding: 10px 30px 25px 30px;
    width: 1070px;
    position: relative;
}
#page .content .tab_container #faq .switchcontent.inside td,
#page .content .tab_container #faq .switchcontent2.inside td{
	vertical-align:top;
	padding:3px 5px ;
}
#page .content .tab_container #faq .switchcontent.inside p,
#page .content .tab_container #faq .switchcontent2.inside p{
	margin:3px 0;
}
#page .content .tab_container #faq .switchcontent.inside a,
#page .content .tab_container #faq .switchcontent2.inside a{
	color:#E71C28; text-decoration:none;
}

#page .content .tab_container #faq .switchcontent.inside thead th,
#page .content .tab_container #faq .switchcontent2.inside thead th{
	background:#9a9a9a;
}
#page .content .tab_container #faq .switchcontent.inside th,
#page .content .tab_container #faq .switchcontent2.inside th{
	background:#e7e7e7;
	padding:3px 5px ;
}

#page .content .tab_container #faq .inside .back {
    float: right;
    background: #d5d5d5;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 13px;
}
#page .content .tab_container #faq .inside .back a{ color:#000;}
#page .content .tab_container #faq ul.dot{margin-left: 12px;}
#page .content .tab_container #faq ul.dot li{ list-style:disc;}

/*#page .content .tab_container #info .fourth{background:#f7f7f7; padding:25px 25px 0 25px;}
#page .content .tab_container #info .fourth h1{padding-bottom:25px;}
#page .content .tab_container #info .fourth table tbody tr th{ background:#909090; border:1px solid #f2f2f2; color:#ffffff; font-size:18px; padding:10px 40px; font-weight:normal; text-align:left; vertical-align: top;}
#page .content .tab_container #info .fourth table tbody tr td{ background:#ffffff; border:1px solid #f2f2f2; color:#333333; font-size:18px; padding:10px 40px; vertical-align: top;}
#page .content .tab_container #info .fifth{background:#f7f7f7; padding:25px 25px 0 25px;}
#page .content .tab_container #info .fifth h1{padding-bottom:25px;}
#page .content .tab_container #info .fifth table tbody tr th{ background:#aaa9a9; border:1px solid #f2f2f2; color:#ffffff; font-size:18px; padding:10px 40px; font-weight:normal; text-align:left; vertical-align: top;}
#page .content .tab_container #info .fifth table tbody tr td{ background:#ffffff; border:1px solid #f2f2f2; color:#333333; font-size:18px; padding:10px 40px; vertical-align: top;}
#page .content .tab_container #info .sixth{background:#f7f7f7; padding:25px 25px 0 25px;}
#page .content .tab_container #info .sixth h1{padding-bottom:25px;}
#page .content .tab_container #info .sixth table tbody tr th{ background:#c5c5c5; border:1px solid #f2f2f2; color:#000000; font-size:18px; padding:10px 40px; font-weight:normal; text-align:left; vertical-align: top;}
#page .content .tab_container #info .sixth table tbody tr td{ background:#ffffff; border:1px solid #f2f2f2; color:#333333; font-size:18px; padding:10px 40px; vertical-align: top;}
#page .content .tab_container #info .seventh{background:#f7f7f7; padding:25px;}
#page .content .tab_container #info .seventh h1{padding-bottom:25px;}
#page .content .tab_container #info .seventh .wrap{ background:#ffffff; }*/

#page .content .tab_container #contact {
    background: #f7f7f7 url(../images/tab_back_gray.jpg) repeat-x center top;
    text-align: center;
}

#page .content .tab_container #contact h1 {
    font-size: 30px;
    font-weight: normal;
    color: #000000;
    margin: 0;
    padding: 73px 0 20px 0;
}

#page .content .tab_container #contact h2 {
    font-size: 18px;
    font-weight: normal;
    color: #a4a4a4;
    margin: 0;
    padding: 0 0 73px 0;
}

#page .content .tab_container #contact a.sg {
    background: url(../images/sg.png) no-repeat;
    display: inline-block;
    padding: 215px 0 0 0;
    width: 196px;
    height: 196px;
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin-right: 160px;
}

#page .content .tab_container #contact a.sg:hover {
    background: url(../images/sg_on.png) no-repeat;
}

#page .content .tab_container #contact a.hk {
    background: url(../images/hk.png) no-repeat;
    display: inline-block;
    padding: 215px 0 0 0;
    width: 196px;
    height: 196px;
    text-align: center;
    font-size: 18px;
    color: #333333;
}

#page .content .tab_container #contact a.hk:hover {
    background: url(../images/hk_on.png) no-repeat;
}

.footer {
    background: #333333;
    width: 100%;
}

.footer .content {
    padding: 30px 10px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 13px;
    background: none;
    line-height: 17px;
    width: 1170px;
}

.copyright {
    background: #4b4b4b;
    width: 100%;
    padding: 15px 0;
}

.copyright .content {
    padding: 0 10px;
    width: 1170px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 13px;
    background: none;
    line-height: 17px;
}

.copyright .content a {
    color: #ffffff;
    text-decoration: underline;
}

#page .glossary.content {
    background: #e6e7e8;
    padding: 30px 5px;
    width: 1180px;
}

#page .glossary.content h1 {
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 20px;
}

#page .glossary.content ul {
    margin: auto;
    width: 590px;
}

#page .glossary.content ul li {
    padding: 0 5px;
    float: left;
    font-size: 15px;
    border-right: 1px solid #000000;
}

#page .glossary.content ul li a {
    color: #E51D29;
}

#page .glossary.content ul li.last {
    border: none;
}

#page .glossary.content .word {
    padding: 45px 0;
    background: #f7f7f7;
    margin-top: 30px;
}

#page .glossary.content .word h2 {
    margin: 0;
    background: #E51D29;
    color: #ffffff;
    padding: 10px 0 10px 90px;
    font-size: 23px;
    font-weight: normal;
    width: 70px;
}

#page .glossary.content .word h3 {
    margin: 0;
    padding: 25px 90px 18px 90px;
    color: #E51D29;
    font-size: 18px;
    font-weight: normal;
}

#page .glossary.content .word p {
    padding: 0px 90px 25px 90px;
    font-size: 15px;
    color: #000000;
    margin: 0;
    line-height: 20px;
}

#page .glossary.content .word .pano {
    padding-bottom: 0;
}

#page .glossary.content .select_box {
    text-align: center;
    margin-top: 15px;
}
#page .glossary.content p.txt{ font-size:14px;}
#confirmOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(11, 11, 11, 0.2) linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x scroll 0% 0%;
    z-index: 100000;
    display: block;
}

#confirmOverlay .box {
    background: #FFF none repeat scroll 0% 0%;
    width: 800px;
    margin: 0 auto;
    margin-top: 6.5%;
    padding: 10px 20px;
    font-size: 12px;
    position: relative;
}

#confirmOverlay .lang {
    position: absolute;
    right: 10px;
    top: 30px;
}

#confirmOverlay .lang li {
    float: left;
    margin-right: 10px;
}

#confirmOverlay .lang li a {
    color: #E51D29;
    text-decoration: underline;
}

#confirmOverlay .scroll {
    height: 280px;
    overflow-Y: scroll;
}

#confirmOverlay .scroll h2 {
    color: #E51D29;
}

#confirmOverlay .scroll a {
    color: #E51D29;
    text-decoration: underline;
}

#confirmOverlay .checkbox {
    margin-top: 10px;
}

#confirmOverlay .button {
    margin: 20px 0 15px 0;
    text-align: center;
}

#confirmOverlay .button button {
    background: #E51D29;
    color: #FFF;
    line-height: 28px;
    padding: 0 24px;
    font-size: 15px;
    border: none;
}


/*uob*/

#page .content .tab_container #info .first {
    padding: 10px 0 0 0;
}

.general_info_wrap {
    width: 1180px;
    background-color: #f6f6f6;
}

.general_info_title {
    font-family: Tahoma, SimSun, Arial, Helvetica, sans-serif;
    font-weight: 600;
    padding: 0 20px;
    font-size: 26px;
    line-height: 1.25;
    color: #000;
    margin: 24px 0;font-weight: normal;
}

.table_general_info {
    width: 100%;
    background-color: #f7f7f7;
    color: #404040;
    font-size: 18px;
    border-bottom: 1px solid #404040;
}

.table_general_info ul {
    margin: 0 0 0 20px;
    padding: inherit;
}

.table_general_info ul li {
    line-height: 17.5px;
    padding-bottom: 20px;
    list-style: outside;
}

.table_general_info th {
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    border-collapse: collapse;
    font-weight: 600;
    text-align: left;
    padding-left: 20px!important;
}

.what_are_bonds {
    border-top: 1px solid #b6b6b6;
    background-color: white;
}

.table_general_info th,
.table_general_info td {
    font-family: Tahoma, SimSun, Arial, Helvetica, sans-serif;
    padding: 5px;
    line-height: 17.5px;
}

.table_general_info td {
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
}

.table_general_info td.left,
.table_general_info th.left {
    border-right: 1px solid #b6b6b6;
}

.table_general_info tr:nth-of-type(even) {
    background-color: white;
}

.Pros {
    color: #404040;
    /*border-top: none !important;*/
    border-bottom: 3px solid #404040 !important;
}

.Cons {
    color: #F00;
    /*border-top: none !important;*/
    border-bottom: 3px solid #F00 !important;
}

.cons_border {
    border-left: 1px solid #b6b6b6;
}

.bond_text {
    font-size: 14px;
    line-height: 18px;
    padding: 0 20px;
}

.feature .feature_box {
    width: 23%;
    margin: 0 1%;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.feature .feature_box .name {
    border: 1px solid #838383;
    color: #414141;
    padding: 130px 0 25px 0;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    background-color: #EDEDED;
}

.feature .feature_box .name.type1 {
    background: url("../images/feature_ball_1.jpg") no-repeat 84px 18px #ededed;
}

.feature .feature_box .name.type2 {
    background: url("../images/feature_ball_2.jpg") no-repeat 84px 18px #ededed;
}

.feature .feature_box .name.type3 {
    background: url("../images/feature_ball_3.jpg") no-repeat 84px 18px #ededed;
}

.feature .feature_box .name.type4 {
    background: url("../images/feature_ball_4.jpg") no-repeat 84px 18px #ededed;
}

.feature .feature_box .txt {
    width: 85%;
    padding: 6px 16px;
    box-sizing: border-box;
    /* position: relative; */
    border-bottom: 5px solid #E51D29;
    height: 65px;
    position: absolute;
    margin: 0 auto;
    text-align: justify;
    left: 0;
    right: 0;
    bottom: -50px;
    background-color: #fff;
    font-size: 13px;
    line-height: 16px;
}

.feature .feature_box .txt.en{
    width: 85%;
    padding: 6px 16px;
    box-sizing: border-box;
    /* position: relative; */
    border-bottom: 5px solid #E51D29;
    height: 97px;
    position: absolute;
    margin: 0 auto;
    text-align: justify;
    left: 0;
    right: 0;
    bottom: -85px;
    background-color: #fff;
    font-size: 13px;
    line-height: 16px;
}

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

.feature {
    width: 98%;
    margin: 0 0 86px 13px;
}

.bond_answer {
    padding-bottom: 1px;
}

.bond_answer .question {
    width: 1150px;
    background: #fff;
    margin: 0 0 15px 20px;
    padding: 25px 0;
    -webkit-box-shadow: 0px 6px 11px 0px rgba(231, 231, 231, 1);
    -moz-box-shadow: 0px 6px 11px 0px rgba(231, 231, 231, 1);
    box-shadow: 0px 6px 11px 0px rgba(231, 231, 231, 1);
}

.bond_answer h1 {
    margin: 0px;
    font-size: 26px;
    padding: 0 0 20px 65px;font-weight: normal;
}

.bond_answer p {
    margin: 0;
    padding: 0 20px 0 96px;
    font-size: 14px;
}

.bond_answer .red {
    color: #e51d29;
}

.bond_answer ul {
    padding: 16px 0 0 96px;
    font-size: 14px;
    margin: 0;
}

.bond_answer li {
    padding-left: 33px;
    background: url("../images/red_point_bond.jpg") left center no-repeat;
    line-height: 23px;
}

.pb20 {
    margin-bottom: 39px !important;
}

.buy_bond_box{       width: 1150px;
    border: 1px solid #e51d29;
    box-sizing: border-box;
    margin: 10px 0 0 20px;
    text-align: center;}


.buy_bond_box a{      display: inline-block;
    padding: 10px 67px;
    color: #fff;
    background-color: #e51d29;
    margin: 14px auto;
    font-size: 26px;}

.glossary_path{ padding: 0 20px 24px 20px; }
.glossary_path a{ color:#E51D29;}

p.txt {
	text-align:center;
}

.faq_s_remark {
    /* background: #fff; */
    /* font-size: 14px; */
    padding: 10px 20px;
    /* text-align: justify; */
    font-weight: bolder;
}

.selector_s_remark {
	padding: 10px 0px 0px 20px;
} 



.login .tab_container{ padding:60px 0; font-family:Arial, Helvetica, sans-serif;} 

.forgot_box .alert-content{ width: 100%; margin: 0 0 40px 0;}
.alert-content{ 
    background: #f8f8f8;
    width: calc(100% - 60px);
    margin: 0 30px 40px 30px;
    padding: 20px 20px 20px 50px;
    border: 1px solid #cdd3df;
    border-left: 8px solid #e51d28;
    border-radius: 7px;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    position: relative;
}
.member .alert-content{
	margin: 30px 30px 0 30px;
}

.alert-content.success{ 

    border-left: 8px solid #2ac528;
}

.alert-content:before{
	content: "×";
    width: 22px;
    height: 22px;
    font-size: 20px;
    line-height: 22px;
    background: #e51d28;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 44px;
    border: 4px solid #f7d5d4;
    position: absolute;
    top: 15px;
    left: 15px;
}

.alert-content.success:before{
	content: "✔";
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    background: #2ac528;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 44px;
    border: 4px solid #bff3bf;
    position: absolute;
    top: 15px;
    left: 15px;
}

.alert-message:empty {
    display: none!important;
}

.alert-content .alert-message{ display:block; font-weight:bold; margin-bottom:10px;}
.alert-content .ant-alert-description{ display:block;}

.login_box{ background:#fff; width:80%; margin:0 auto; padding:60px 30px; box-sizing:border-box; border-radius:10px;}
.login_box .row{ display:flex;}
.login_box .row .col{ width:50%; display:flex; flex-direction: column; padding:0 30px 20px 30px;}
.login_box .row .col.left{ border-right:1px solid #cdd3df;}
.login_box .row .col h1{ margin:0; line-height:48px;}
.login_box .row .col input{ padding:10px 50px 10px 10px; box-sizing:border-box; border:1px solid #cdd3df; border-radius:4px;}
.login_box .row .group{ display:flex; justify-content:space-between; margin-bottom:15px;}
.login_box{ position:relative;} 
.login_box:after{ /*content:""; width:1px; height:80%; background:#cdd3df; position:absolute; left:50%; top:10%;*/}
.login_box .row .col button{ padding:10px; background:#e51d28; color:#fff; border:none; border-radius:5px;}

.login_box .row .button{ display:flex; justify-content:space-between;}
.login_box .row .button > div{ text-align:center;}

.login_box .row .col.right p{ text-align:center;}
.login_box .row .col.right p a{ color:#e51d28;} 
.login_box .row .col.right p.tl{ position:relative;} 
.login_box .row .col.right p.tl:after{ content:""; width:90px; height:1px; background:#cdd3df; position:absolute; left:0; top:50%;}
.login_box .row .col.right p.tl:before{ content:""; width:90px; height:1px; background:#cdd3df; position:absolute; right:0; top:50%;}
.login_box .row .row{ flex-direction: column; margin-bottom:15px;}

.signin .tab_container{ padding:60px 0; font-family:Arial, Helvetica, sans-serif;} 
.signin_box{ background:#fff; width:45%; margin:0 auto; padding:60px 30px; box-sizing:border-box; border-radius:10px;}
.signin_box .row{ display:flex; flex-direction:column; margin-bottom:15px;}
.signin_box .row h1{ text-align:center; margin:0; line-height:48px;}
.signin_box .row input{ padding:10px 50px 10px 10px; box-sizing:border-box; border:1px solid #cdd3df; border-radius:4px;} 
.signin_box .row select{ padding:10px 50px 10px 10px; box-sizing:border-box; border:1px solid #cdd3df; border-radius:4px;} 

.signin_box .row button{ padding:10px; background:#e51d28; color:#fff; border:none; border-radius:5px;} 
.signin_box .row button.facebook-btn{background: url(/home/images/login_facebook.jpg) no-repeat; width:  175px; height: 40px;}

.signin_box .row p{ text-align:center;} 
.signin_box .row p.tl{ position:relative;} 

.signin_box .row .button{ display:flex; justify-content:space-between;}
.signin_box .row .button > div{ text-align:center; width:50%;}

.signin_box .row p.tl:after{ content:""; width:120px; height:1px; background:#cdd3df; position:absolute; left:0; top:50%;}
.signin_box .row p.tl:before{ content:""; width:120px; height:1px; background:#cdd3df; position:absolute; right:0; top:50%;}
.signin_box .row p a{ color:#e51d28;} 

.forgot .tab_container{ padding:60px 0; font-family:Arial, Helvetica, sans-serif;} 
.forgot_box{ background:#fff; width:45%; margin:0 auto; padding:60px 30px; box-sizing:border-box; border-radius:10px;}

.forgot_box .row{ display:flex; flex-direction:column; margin-bottom:15px;}
.forgot_box .row h1{ text-align:center; margin:0; line-height:48px;} 
.forgot_box .row input{ padding:10px 50px 10px 10px; box-sizing:border-box; border:1px solid #cdd3df; border-radius:4px;} 
.forgot_box .row select{ padding:10px 50px 10px 10px; box-sizing:border-box; border:1px solid #cdd3df; border-radius:4px;} 

.forgot_box .row button{ padding:10px; background:#e51d28; color:#fff; border:none; border-radius:5px;} 

.forgot_box .row p{ text-align:center; margin:0;} 
.forgot_box .row a{ margin-top:30px; text-align:center;}
/*
.row input.first, .row input.last, .row input.name{ background:url(/home/images/icon_input_name.jpg) no-repeat center right 10px;}
.row input.email{ background:url(/home/images/icon_input_email.jpg) no-repeat center right 10px;}
.row input.mobile{ background:url(/home/images/icon_input_mobile.jpg) no-repeat center right 10px;}
.row input.display{ background:url(/home/images/icon_input_display.jpg) no-repeat center right 10px;}
.row input.password{ background:url(/home/images/icon_input_password.jpg) no-repeat center right 10px;}
.row input.birth{ background:url(/home/images/icon_input_birth.jpg) no-repeat center right 10px;}
.row input.gender{ background:url(/home/images/icon_input_gender.jpg) no-repeat center right 10px;}
*/

.row span{ display:none;}
.row.error span{ display:block; color:#F00; font-size:12px; margin-top:3px;}
.row.error input, .row.error select{ border:1px solid #F00!important;}

.row .position{ position:relative;}
.row .position input, .signin_box .row .position select{ width:100%;}
.row  select{    padding: 10px 50px 10px 10px;    box-sizing: border-box;    border: 1px solid #cdd3df;    border-radius: 4px;   font-family: Arial;}

.row .position .icon{ position:absolute; right:8px; top:20px; transform:translate(0%,-50%);}  
.row .position .icon.password_icon{cursor: pointer;} 

.row .position .group{ display:flex;}
.row .position .group.mobile select{ width:20%; margin-right:5px; padding:10px 5px;}

.member .tab_container{ padding:40px 0; font-family:Arial, Helvetica, sans-serif;} 
.member_box{ background:#fff; width:96%; margin:0 auto; padding:0; box-sizing:border-box;}

.member_box .menu ul{ display:flex; padding:20px 50px; border-bottom:1px solid #cdd3df;}
.member_box .menu ul li a{ display:flex; align-items:center;}
.member_box .menu ul li{ margin-right:50px;} 
.member_box .menu ul li span{ width:21px; height:20px; display:inline-block; margin-right:5px;}
.member_box .menu ul li span.profile{ background:url(/home/images/icon_profile.png) no-repeat center;} 
.member_box .menu ul li span.watchlist{ background:url(/home/images/icon_watchlist.png) no-repeat center;} 
.member_box .menu ul li span.settings{ background:url(/home/images/icon_settings.png) no-repeat center;} 
.member_box .menu ul li.active span.profile, .member_box .menu ul li a:hover span.profile{ background:url(/home/images/icon_profile_on.png) no-repeat center;} 
.member_box .menu ul li.active span.watchlist, .member_box .menu ul li a:hover span.watchlist{ background:url(/home/images/icon_watchlist_on.png) no-repeat center;} 
.member_box .menu ul li.active span.settings, .member_box .menu ul li a:hover span.settings{ background:url(/home/images/icon_settings_on.png) no-repeat center;} 
.member_box .menu ul li.active a, .member_box .menu ul li a:hover{ color:#e51d28;}
#page .member_box .content{ padding:20px 50px; box-sizing: border-box; width:100%;}
.member_box .line{ border-bottom:1px solid #8991a4; margin-bottom:3px;}
.member_box .content h1{ margin:0; line-height:48px;} 
.member_box .content p{ margin:0 0 15px 0;}
.member_box table{ border-top:1px solid #8991a4;}
.member_box table td{ padding: 15px 10px; border-bottom:1px solid #cdd3df;}
.member_box table td a.blue{ color:#3180e7;}
.member_box table td .verified{ display:inline-block; color:#1faf5a; font-style:italic; margin-left:20px;}

.member_box .content .top{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:15px;}
.member_box .content .top .time{ font-size:13px; font-family:arial;}
.member_box .content .top h1{ display:flex; align-items:center;}
.member_box .content .top h1 i{ border-radius:50px; background:#2f80eb; font-size:11px; color:#fff; width:18px; line-height:18px; text-align:center; display:inline-block; margin-left:10px;}
.member_box .content .top button.search {
    color: #ffffff;
    background: #e51d29;
    padding: 10px;
    border: 1px solid #ca6a63;
}

.member_box .content .top button.download {
    color: #ffffff;
    background: #fff;
	color:#e51d29;
    padding: 10px;
    border: 1px solid #ca6a63;
}

.member_box .content .list{ display:flex; margin-bottom:10px;}
.member_box .content .list select{ padding:10px 50px 10px 10px; box-sizing:border-box; border:1px solid #cdd3df; border-radius:4px; margin-right:5px;} 
.member_box .content .list button{ padding:10px; background:#e51d28; color:#fff; border:none; border-radius:5px;} 



/*popup style*/
.modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
  }
  
  .modal .modal-content {
    margin: 10% auto;
    width: 45%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
    animation-name: modalopen;
    animation-duration: var(--modal-duration);
    background: #fff;
    border-radius: 10px;
    cursor: auto;
    transition: .3s all;
  }
  
  .modal.ready .modal-content{
      transform: scale(.7);
  }
  
  .modal.show .modal-content{
      transform: scale(1);
  }
  
  #my-modal_side.modal .modal-content {
      margin: 0% 100%;
      transform: scale(1);
      transition: .3s all;
  }
  
  #my-modal_side.modal.show .modal-content{
      transform: translateX(-100%);
  }
  

.modal.edit-modal .modal-content { 
 max-width: 600px;
 
}

.modal .modal-header h2,
.modal .modal-footer h3 {
  margin: 0;
}

.modal .modal-header {
  background: var(--modal-color);
  padding: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: arial;
}

.modal .modal-body {
  padding: 15px;
  background: #fff;
}

.modal .modal-body .row select{
    width: 100%;
}

.modal .modal-footer {
  background: var(--modal-color);
  padding: 15px;
  color: #fff;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
}

.modal .modal-footer button.cancel{
	background:#fff;
	border:1px solid #8992a3;
	color:#8992a3;
}
.modal .modal-footer button{
    padding: 10px;
    background: #e51d28;
    color: #fff;
    border: none;
    border-radius: 5px;
	font-family:arial;
	border:1px solid #e51d28;
	margin-left:10px;
}

.modal input {
    padding: 10px 50px 10px 10px;
    box-sizing: border-box;
    border: 1px solid #cdd3df;
    border-radius: 4px;
    width: 100%;
	font-family:Arial;
}

.modal .close {
  color: #ccc;
  float: right;
  font-size: 30px;
  color: #000;
}

.modal .close:hover,
.modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#my-modal_side{
	overflow: hidden;
}
#my-modal_side .modal-content{ 
	background: #333333;
    width: 365px;
    margin-right: 0;
    height: 100%;
    margin-top: 0;
    border-radius: 0;
}
#my-modal_side .close_side{
    float: right;
    font-size: 30px;
    color: #ccd2de;
    font-family: arial;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
#my-modal_side .person{
	display: flex;
    padding: 10px 20px;
    color: #fff;
    font-family: arial;
    align-items: center;
}
#my-modal_side .person .photo{
    background: #4269b8;
    color: #fff;
    text-transform: uppercase;
    margin-right: 20px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100px;
}
#my-modal_side .person .name{
    line-height: 20px;
}
#my-modal_side .person .name .id{
	color:#aeacad;
}

#my-modal_side .line{
	border-bottom: 1px solid #494949;
	margin:0 20px;
}

#my-modal_side .menu, #my-modal_side .logout{ padding: 20px;}
#my-modal_side a{ 
	display: flex;
	align-items: center;
	color:#fff; 
	font-family:Arial;
	padding: 10px 0;
}
#my-modal_side a img{ margin-right: 8px;}

@keyframes modalopen {
  from {
  opacity: 0;
  }
  to {
  opacity: 1;
  }
}

/*tooltip*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.datepicker.datepicker-dropdown{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.datepicker td, .datepicker th {
    font-family: arial  !important;
    font-size: 12px !important
}

.mt-0{margin-top: 0px !important;}
.mt-1{margin-top: 5px !important;}
.mt-2{margin-top: 10px !important;}
.mt-3{margin-top: 16px !important;}

.result_table .heading .tooltip{
    text-decoration: none;
    border: none;
}

.remove_code{
    background: url(/home/images/code-remove-btn.png) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: 12px;
    display: inline-block;
    cursor: pointer;
}

#page .content .tab_container .member_box .result_table tbody tr td.code{
    cursor: pointer !important;
}

#page .content .tab_container .member_box .result_table tbody tr td.code:hover{
    text-decoration: underline;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}
.facebook{
    opacity: 0.3;
    pointer-events: none;
    display: none;
}

.login_box .row .button,.signin_box .row .button {
    justify-content: center;
}

.signin_box .row .button > div {
    text-align: center;
    width: auto;
}


.member.content{
    position: relative;
}

.breadcrumb{
    position: absolute;
    left: 22px;
    top: 10px;
    font-size: 14px;
}

.breadcrumb span{
    color: #939393;
}

.breadcrumb a:hover{
    text-decoration: underline;
}