/*00 rest all default style start*/
.headerbox span, .headerbox h1, .headerbox h2, .headerbox h3, .headerbox h4, .headerbox h5, .headerbox h6, .headerbox p, .headerbox a, .headerbox img, .headerbox ol, .headerbox ul, .headerbox li{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
.headerbox ol, .headerbox ul{
    list-style: none;
}
/*00 rest all default style end*/

/*10 headerboxin start-------------------------------------------------*/
.headerboxin {
    width:1000px;
    height:148px;
    text-align:center;
    margin:0 auto;
    position:relative;
}
/*10 headerboxin end---------------------------------------------------*/

/*20 headernav start---------------------------------------------------*/
ul.headernav {
    position:absolute;
    top:85px;
    right:20px;
    width: auto;
    color:#fff;/*   border:1px solid #fff;*/
}
ul.headernav li {
    float:left;
    margin-left:15px;
    padding-left:15px;
    font-size:16px;
    background:url(/images/seperate_line.png) no-repeat left center;
    text-shadow: 1px 1px 1px #00243a;
}
ul.headernav li:first-child {
    background:none;
    margin-left:0;
    padding-left:0;
}
ul.headernav a:link {
    color:#fff;
}
ul.headernav a:visited {
    color:#fff;
}
ul.headernav a:hover {
    color:#ffde00;
}
ul.headernav a:active {
    color:#ffde00;
}

/*ddsmoothmenu start--------------------------------*/
.ddsmoothmenu{
    z-index:80;
    position:absolute;
    top:64px;
    right:20px;
    width: auto;
    color:#fff;
}
/*Top level list items*/
.ddsmoothmenu ul li{
    float:left;
    height:68px;
    font-size:16px;
    background:url(/images/seperate_line.png) no-repeat left center;
    text-shadow: 1px 1px 1px #00243a;
    position: relative;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    display: block;
    padding:20px 15px 0 15px;
    height:43px;
    margin-top:5px;
    text-align:center;
}

.ddsmoothmenu ul li a p.activity{
    display: inline-block;
    font-size: 13px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
    color: #fff;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#ffde00;
border:1px solid #27c3e1;
padding-left:14px;
padding-right:14px;
background:url(/images/dropdown_light.png) no-repeat #095a8b center 15px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ddsmoothmenu ul li a:hover{
color:#ffde00;
border:1px solid #27c3e1;
padding-left:14px;
padding-right:14px;
background:url(/images/dropdown_light.png) no-repeat #095a8b center 15px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ddsmoothmenu ul li a:hover span, .ddsmoothmenu ul li a.selected span{
display:block;
width:25px;
height:20px;
background:url(/images/nowpage.png) no-repeat center top;
position:absolute;
left:50%;
top:-1px;
margin-left:-12px;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none;
    /*visibility: hidden;*/
    margin:-1px 0 0 0;
    padding:0;
    width:100%;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* ==================== #8379 移除header所有次選單過場效果 ==================== */
ul.drop-down-menu ul{
    display: none;
}

ul.drop-down-menu li:hover > ul{
    display: block;
}

ul.drop-down-menu li.ddsmoothmenu-outer:hover > a{
    color:#ffde00;
    border:1px solid #27c3e1;
    padding-left:14px;
    padding-right:14px;
    background:url(/images/dropdown_light.png) no-repeat #095a8b center 15px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.drop-down-menu li:hover > a span{
    display:block;
    width:25px;
    height:20px;
    background:url(/images/nowpage.png) no-repeat center top;
    position:absolute;
    left:50%;
    top:-1px;
    margin-left:-12px;
}

/* ==================== #8379 移除header所有次選單過場效果 end ==================== */

.ddsmoothmenu ul li ul.ddsmoothmenu-down{
    /*display: none;*/
    top: 68px;
    visibility: visible;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
    position: relative;
    display: block;
    float: none;
    margin:0;
    padding:0;
    height:auto;
    width:100%;
    border:1px solid #27c3e1;
    border-bottom:0;
    background:none;
    box-sizing: border-box;
}

.ddsmoothmenu ul li ul li img{/*9249 抽紅包*/
    position: absolute;
    top: 0;
    left: -16px;
    width: 26px;
}

.ddsmoothmenu ul li ul li:last-child{
    border-bottom:1px solid #27c3e1;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    height:auto;
    padding: 10px 0;
    text-align:center;
    margin: 0;
    display:block;
    background:none;
    background-color:#095a8b;
    border-radius:0;
    text-shadow: none;
}
.ddsmoothmenu ul li ul li a.selected{
    color:#000;
    background:#ffde00;
    border:0;
    padding-left:0;
    padding-right:0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ddsmoothmenu ul li ul li a:hover{
    color:#000;
    background:#ffde00;
    border:0;
    margin:0;
    padding-left:0;
    padding-right:0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ddsmoothmenu ul li ul li:last-child a:hover, .ddsmoothmenu ul li ul li:last-child a.selected{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

.ddsmoothmenu ul li #menu-signal{
    position: absolute;
    top: -7px;
    left: 10px;
    z-index: 2;
}
.ddsmoothmenu ul li #menu-limited,
.ddsmoothmenu ul li #menu-prizeDraw{/*9249 抽紅包*/
    position: absolute;
    top: -10px;
    left: 10px;
    z-index: 2;
}


/*ddsmoothmenu end--------------------------------*/

/*20 headernav end-----------------------------------------------------*/


/*30 functionbar start-------------------------------------------------*/
/*第一層外框架*/
ul.functionbar {
    width:auto;
    height:32px;
    position:absolute;
    top:0px;
    right:20px;
    border-right:1px solid #e0e0e0;
    background:#fff;
    z-index:90;
}
ul.functionbar li {
    float:left;
    border-left:1px solid #e0e0e0;
    text-align:center;
    line-height:normal;
    position:relative;
}
/*共用連結樣式*/
ul.functionbar a, #personalPanelButton {
    display:inline-block;
    text-align:left;
    height:24px;
    padding:8px 16px 0 4px;
    text-decoration:none;
}
ul.functionbar a:link, ul.functionbar a:visited{
    color:#757575;
}
ul.functionbar a:hover{
    color:#212121;
}
ul.functionbar a:active{
    color:#bdbdbd;
}
/*第一層 帳號選單的個別設定*/
ul.functionbar li.iditem a, #personalPanelButton {
    min-width: 35px;
    padding:8px 16px 0;
}
/*第一層 購買噱幣選單的個別設定*/
ul.functionbar li.coinitem a{
    background:#e3ffbf;/*淺綠 原本用色*/
    color:#212121;
    padding:8px 16px 0 16px;
}
ul.functionbar li.coinitem a:visited{
    color:#212121;
}
ul.functionbar li.loginitem a,
ul.functionbar li.signupitem a{
    padding:8px 16px 0 16px;
}
ul.functionbar li.coinitem a:hover {
    background:#fff;
    color:#212121;
}
ul.functionbar li.coinitem a:active,
ul.functionbar li.coinitem a:active i {
    color:#212121;
}
ul.functionbar li.coinitem a i,
ul.functionbar li.loginitem a i,
ul.functionbar li.signupitem a i{
    padding:0 4px 0 0;
}
/*購牌清單+訊息通知的數量提示*/
ul.functionbar li span.numhint{
    display:inline-block;
    text-align:center;
    width:auto;
    min-width:12px;
    margin:8px 0 0 16px;
    padding:4px;
    color:#bdbdbd;
    font-family:verdana;
    font-size:10px;
    line-height:10px;
    cursor:pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

/*購牌清單+訊息通知的數量提示 0筆*/
ul.functionbar li span.numhint-zero-bg{
    background:#f4f4f4;
}
/*購牌清單+訊息通知的數量提示 非0筆*/
ul.functionbar li span.numhint-none-zero-bg{
    color:#fff;
    background:#ff5151;
}
/*用途待查*/
#personalPanelButton, #personalPanelButton:visited{
    color:#757575;
}
#personalPanelButton:hover, #personalPanelButton:active {
    color:#212121;
}
/*第二層外框架*/
ul.functionbar ul{
    display:none;
    position:absolute;
    width:100%;
    min-width:50px;
    top:32px;
    right:-1px;
    background:#fff;
    border:1px solid #e0e0e0;
    border-top:none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
ul.functionbar ul li {
    float:none;
    border: none;
}
/*第二層 帳號下拉選單的個別設定*/
ul.functionbar li.iditem > ul li a{
    float:none;
    display:block;
    text-align:center;
    /*width:100%;*/
    height: 28px;
    padding: 13px 0px 0 0px;
}
/*帳號下拉選單內的新功能標示*/
ul.functionbar li.iditem > ul li a span{
    display: block;
    background: #8bc34a;
    position: absolute;
    padding: 4px 4px !important;
    color: #fff;
    right: -1px;
    top: 28%;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}
ul.functionbar ul ul {
    left:0;
    top:0
}
/*第二層 userID+購牌清單+訊息通知下拉選單的共同設定*/
ul.functionbar ul#iditem-ullv2{
    width:100%;/*userID的寬度*/
}
ul.functionbar ul.functionbar-ullv2{
    width:280px;/*購牌清單的寬度*/
    right:-1px;
    z-index:500;
    max-height: 1280px;
}

ul.functionbar ul#message-ullv2{
    width: 700px; /*訊息通知的寬度 350px*/
}
ul.functionbar ul.functionbar-ullv2 li.positionbase{
    color:#757575;
    text-align:left;
    padding:8px;
    height:auto;
    max-height: 480px;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
}
ul.functionbar ul.functionbar-ullv2 li.positionbase--title{
    border-top: 1px solid #e0e0e0;
}
/*第二層 購牌清單+訊息通知下拉選單連結 覆寫上層設定*/
ul.functionbar ul.functionbar-ullv2 li a{
    padding:0;
    width:auto;
    height:auto;
    text-align:left;
    display:inline;
}
/*第二層 訊息通知下拉選單內 追蹤發文+回文通知共用外框架*/
ul.functionbar ul.functionbar-ullv2 .announce-col{
    float: left;
    width: 48%;
    margin-right: 10px;
    /*margin-bottom: 20px;*/
}
/*第二層 訊息通知下拉選單內標題*/
ul#message-ullv2 li h5{
    background:none;
    width:100%;
    color:#212121;
    font-size:12px;
    font-weight:normal;
    line-height:normal;
    /*margin-bottom:12px;*/
}
/*第二層 訊息通知下拉選單內標題旁的圖示*/
ul#message-ullv2 li h5 i{
    padding-right:4px;
}
/*第二層 訊息通知內 兌換商品通知標題*/
ul#message-ullv2 li h5.announce-cart{
    margin-top:10px;
}
/*第二層 購牌清單+訊息通知 訊息連結共用樣式*/
ul.functionbar ul.functionbar-ullv2 li .announcelist{
    display:block;
    margin-bottom: 16px;
    width:100%;
    clear:both;
    overflow:hidden;
    position:relative;
}
ul.functionbar ul.functionbar-ullv2 li .announcelist-makeup-note{
    margin-left:88px;
}
/*第二層 訊息通知 每則訊息容器*/
ul.functionbar ul#message-ullv2 li .announcelist-wrapper{
    position: relative;
}
/*第二層 購牌清單+訊息通知下拉選單內 大頭照*/
ul.functionbar-ullv2 .announcelist .announcelist-img{
    float:left;
    width:35px;
    height:35px;
    display:inline-block;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
/*第二層 購牌清單下拉選單內 補券說明圖檔*/
ul.functionbar-ullv2 .announcelist img.announcelist-makeup-img{
    height:38px;
    width:auto;
}
/*第二層 購牌清單+訊息通知下拉選單內 暱稱*/
ul.functionbar-ullv2 .announcelist .announcelist-nickname{
    color:#757575;
    font-size:12px;
    font-weight:normal;
    line-height:normal;
    margin:0 0 3px 44px;
    max-width: 230px;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
ul.functionbar-ullv2 .announcelist .announcelist-makeup-title{
    margin-left:88px;
}
/*第二層 購牌清單+訊息通知下拉選單內 發文回文時間*/
ul.functionbar-ullv2 .announcelist .announcelist-time{
    color:#bdbdbd;
    padding:0 4px 0 8px;
}

ul.functionbar-ullv2 .announcelist .announcelist-time span.list-time__host{/*樓主*/
    padding: 0px 4px 1px 4px;
    margin-right: 4px;
    display: inline-block;
    color: #fff;
    background: #757575;
    border-radius: 4px;
}
/*第二層 購牌清單+訊息通知 未讀訊息*/
ul.functionbar ul.functionbar-ullv2 li .unread{
    color:#7cd03c;
}
/*第二層 未讀訊息圖示的動態設定*/
.animated--infinite {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/*第二層 購牌清單下拉選單內 聯盟 + 訊息通知下拉選單內 文章標題*/
ul.functionbar-ullv2 .announcelist .announcelist-title{
    color:#0277bd;
    display:block;
    margin-left:44px;
    text-align:left;
    line-height:16px;
    word-break:break-all;
    word-wrap:break-word;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
ul.functionbar ul.functionbar-ullv2 .announcelist:visited .announcelist-title{
    color:#0277bd;
}
ul.functionbar ul.functionbar-ullv2 .announcelist:hover .announcelist-title{
    color:#212121;
}
ul.functionbar ul.functionbar-ullv2 .announcelist:active .announcelist-title{
    color:#bdbdbd;
}
ul.functionbar-ullv2 .announcelist .announcelist-refresh{
    margin-left:44px;
    padding:4px 0 0 0;
}
ul.functionbar-ullv2 .announcelist .announcelist-refresh span{
    display:inline-block;
    margin-right:8px;
    color:#ff5151;
}
/*第二層 購牌清單內 合牌小幫手+看更多清單*/
ul.functionbar ul.functionbar-ullv2 .carditem-morebox{
    overflow:hidden;
    height:100%;
    font-size: 12px;
}
ul.functionbar ul.functionbar-ullv2 .carditem-morebox a,
ul.functionbar ul.functionbar-ullv2 .carditem-morebox a:hover{
    display:inline-block;
    text-decoration: none;
}
ul.functionbar ul.functionbar-ullv2 .carditem-morebox a{
    border:1px solid #e0e0e0;
    float:right;
    padding:4px 8px;
    margin:0;
    width:auto;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
/*第二層 購牌清單+訊息通知下拉選單內 無內容提示文字*/
ul.functionbar ul.functionbar-ullv2 .announcelist-none{
    text-align:center;
    padding:8px 0 16px 0;
}
/*第二層 訊息通知內 看更多按鈕*/
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-more{
    border:1px solid #e0e0e0;
    background:#fff;
    color:#757575;
    cursor:pointer;
    font-size:12px;
    line-height:20px;
    text-align:center;
    width:100%;
    padding:4px 0;
    outline:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-more:hover{
    background:#fff;
    color:#212121;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-more strong{
    color:#ff5151;
    padding:0 4px;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-more:hover strong{
    color:#212121;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-more:active,
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-more:active strong{
    color:#bdbdbd;
}
/*第二層 購牌清單內 合牌小幫手*/
ul.functionbar ul.functionbar-ullv2 .carditem-morebox .assistant{
    float:left;
}
/*第二層 訊息通知內 兌換商品按鈕*/
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange{
    border:1px solid #ff5151;
    background:#ff5151;
    color:#fff;
    margin:0 0 20px 0;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange i{
    padding-right:4px;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange strong{
    color:#fff;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange:hover{
    border:1px solid #e0e0e0;
    background:#fff;
    color:#212121;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange:hover i,
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange:hover strong{
    color:#212121;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange:active{
    background:#fff;
    color:#bdbdbd;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange:active i{
    color:#bdbdbd;
}
ul.functionbar ul.functionbar-ullv2 .announcelist-bt-exchange:active strong{
    color:#bdbdbd;
}
/*第二層 訊息通知內 取消按鈕*/
ul.functionbar ul.functionbar-ullv2 .closepanel{
    display:block;
    width:auto;
    position:absolute;
    right:0px;
    top:-4px;
    font-size:12px;
    line-height:normal;
    background:#fff;
    border:1px solid #e0e0e0;
    color:#757575;
    text-align:center;
    padding:2px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.functionbar ul.functionbar-ullv2 .closepanel:hover{
    border:1px solid #fff;
    color:#212121;
}
ul.functionbar ul.functionbar-ullv2 .closepanel:active{
    border:1px solid #fff;
    color:#bdbdbd;
}
.default {
    width: 100%;
    margin:0 auto;
}
/*頁面下拉 固定在頁面上方的導覽列*/
.fixed{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height:32px;
    background:#fff;
    border-bottom:1px solid #e0e0e0;
    z-index:90;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);;
}
.fixed .fixedpos{
    width:1000px;
    position:relative;
    margin:0 auto;
}
/*30 functionbar end---------------------------------------------------*/

/*50 logobox start-------------------------------------------------*/
.logobox {
    position:absolute;
    top:70px;
    left:10px;
}
/*50 logobox end-------------------------------------------------*/

/*60 linkhint start---------------------------------*/
.linkhint{
    display:block;
    background:url(/images/killer_hint.png) no-repeat center top;
    width:142px;
    height:43px;
    position:absolute;
    left:630px;
    top:30px;
    z-index:850;
}
/*60 linkhint end---------------------------------*/

.headerboxin div.mobile-link{
    line-height:30px;
    font-size: 14px;
    position:absolute;
    left:200px;
}

/*虛擬投注*/
ul.functionbar li span.bet_numhint{
    margin: 0 5px 0 0;
}
ul.functionbar li.iditem > ul li a span.numhint--bet{
    background: #ff5151;
    position: initial;
    font-weight: normal;
    display: inline-block;
    margin: 0 4px 0 -4px;
}
.buy_pcash{
    cursor: pointer;
}
.buy_pcash--img{
    width: 40px;
    display: inline-block;
    margin-top: -8px !important;
}

/*下拉選單
.buy_pcashcon{
    width: 209px;
    height: 154px;
    background: #fff;
    display: none;
    font-size: 17px;
    position: absolute;
    border: 1px #e0e0e0 solid;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.buy_pcashcon a.buy_pcashcon__p ,.buy_pcashcon a.buy_pcashcon__b{
    background: #fff;
    height: 60px;
    line-height: 38px;
    width: 100%;
    padding: 8px 0 !important;
}
.buy_pcashcon a.buy_pcashcon__p img ,.buy_pcashcon a.buy_pcashcon__b img{
    margin: 0 20px;
    float: left;
}
.buy_pcashcon a.buy_pcashcon__p span ,.buy_pcashcon a.buy_pcashcon__b span{
    display: block;
    font-size: 14px;
    color: #757575;
    line-height: 10px;
}
.buy_pcashcon a.buy_pcashcon__p{
    border-bottom: 1px #e0e0e0 solid;
}
/*虛擬投注end*/

.custom_notification {
    cursor:pointer;
    position: relative;
    padding: 16px 8px 16px 8px !important;
    text-align: left !important;
    background: #fafafa;
}

.custom_notification p {
    color: #03A9F4;
    margin: 0px 30px 0px 0px;
    font-size: 16px;
    line-height: 40px;
    word-break: break-all;
}

.custom_notification p:hover {
    color: #3B5998;
}

/*---------- 轉贈彩幣加上身分認證(正式期) ----------*/
.announce-identity{
    font-size: 16px;
    color: #03a9f4 !important;
    text-decoration: underline !important;
}

/*---------- 轉贈彩幣加上身分認證(正式期) end ----------*/





/* loading spinner */
/* 使用 .headerbox .loading 提升 specificity，避免被 .headerbox span { border: 0 } 覆蓋 */
.headerbox .loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #bfbfbf;
    border-top-color: transparent;
    border-radius: 50%;
    animation: loading_spin 0.8s linear infinite;
    margin-right: 12px;
}
@keyframes loading_spin {
    to { transform: rotate(360deg); }
}