/* 彩球大廳-上方區塊 */
#topcontainer { font-family: Microsoft JhengHei;position: relative;}
#topcontainer::before {background: url(/static/topcontainer_left.png) top repeat-x;width: 60%;height: 170px;content: '';position: absolute;left: 0;top: 0;z-index: -1;}
#topcontainer::after {	background: url(/static/topcontainer_right.png) top repeat-x;width: 40%;height: 170px;content: '';position: absolute;right: 0;top: 0;z-index: -1;}

#topcontent {margin: 0 auto;width: 1000px;height: 80px;line-height: 120%;background: url(/static/topcontainer_center.png) right no-repeat;}
#topcontent.BCR {
	height: 55px;
	background: url(/static/GameStatus/BCR/BCRhall20/topcontentBg_BCR.png?date=20201218) 0% 0% no-repeat padding-box;
}
#topcontent.BCR a#aHall, #topcontent.BCR a#aNCBCRHall {
	background-color: transparent;
	height: 33px;
	width: 130px;
	border: 0;
	margin-top: 10px;
}


#topcontent a.version:link,
#topcontent a.version:visited {float: right;margin: 55px 235px 0 0;padding: 0 3px 1px;background: #db1c30;text-decoration: none;color: #FFF;border: 1px solid #E2E2E2}

#dLogo {float: left;padding-top: 16px;}
#dMainnav {float: right; position: relative;width: 780px;}

/*-----導覽列-----*/
#navcontent {height: 45px;margin: 0 auto;background-color: #f0f0f0; font-family: Arial, Helvetica, sans-serif;}
#navcontent .navR {float: right;}
#navcontent .navR span:first-child {border-right: 1px solid #b1b1b1;}



/*-----六合彩開獎倒數-----*/

#dMainnav #dCBHKcountdown {
	position: absolute;
	top: -2px;
	right: -10px;
	color: #000;
	width: 268px;
	height: 62px;
	margin: 3px 0 0;
	padding: 18px 9px 0 91px;
	background: url(/static/topcontentCBHKresult.png?20200106) no-repeat;
	z-index: 10;
}

#dMainnav #dCBHKcountdown p {
	float: left;
	width: 140px;
	padding: 2px 12px 0px 13px;
	overflow: hidden;
	line-height: 120%;
	color: black;
}

#dMainnav #dCBHKcountdown p #sMainnavCBHKIssue,
#dMainnav #dCBHKcountdown p #sMainnavCBHKDate {
	float: right;
	display: block;
	width: 86px;
	clear: right;
	color: #db1c30;
	padding: 0 4px 0 0;
}

#dMainnav #dCBHKcountdown #pMainnavCBHKCountDownTime {
	float: right;
	width: 100px;
	color: #fff;
	font-weight: bold;
	padding: 7px 3px 0 0;
	font-size:  0;
	text-align: right;
}

#dMainnav #dCBHKcountdown #pMainnavCBHKCountDownTime #sTimeH {
	font-size: 19px;
	line-height: 130%;
	margin-right: 3px;
	display:  inline-block;
	text-align:  center;
	background-color: #db1c30;
	border-radius: 5px;
	padding: 0 2px;
}

#dMainnav #dCBHKcountdown #pMainnavCBHKCountDownTime #sTimeM {
	font-size: 19px;
	line-height: 130%;
	margin-right: 3px;
	display:  inline-block;
	width: 25px;
	text-align:  center;
	background-color: #db1c30;
	border-radius: 5px;
	padding: 0 2px;
}

#dMainnav #dCBHKcountdown #pMainnavCBHKCountDownTime #sTimeS {
	/* margin-left: 3px; */
	font-size:  12px;
	display: inline-block;
	width:  18px;
	line-height:  130%;
	text-align:  center;
	background-color: #db1c30;
	vertical-align: bottom;
	border-radius: 5px;
	margin-right: 6px;
}

/*-----六合彩最新開獎-----*/
#dCBHKNewResult {position: absolute;top: 0; right: 0; width: 368px; height: 100px; background: url(/static/topcontentCBHKresult_New.png) no-repeat; z-index: 9;}
#dCBHKNewResult #dResultTitle {text-align: center; font-weight: bold; position: relative; line-height: 40px; margin: 0 auto}
#dCBHKNewResult #dResultDate {float: left;color: #333;margin-left: 19px;_margin-left: 19px;font-size:12px;line-height: 15px;}
#dCBHKNewResult #dResultDate #sCBHKDate {color: #db1c30}
#dCBHKNewResult #dCBHKBall {float: left;color: #333;height: 50px;margin-left: 3px;}
#dCBHKBall div {float: left;width: 25px;height: 50px;margin: 3px 3px 0;_margin: 3px 3px 0;text-align: center;}
#dCBHKBall div span {display: inline-block;width: 25px;height: 25px;background: url(/static/NewResult_CBHKball.png?20180615) no-repeat}
#dCBHKBall .dBall_01 {background-position: 0 0}
#dCBHKBall .dBall_02 {background-position: 0 -25px}
#dCBHKBall .dBall_03 {background-position: 0 -50px}
#dCBHKBall .dBall_04 {background-position: 0 -75px}
#dCBHKBall .dBall_05 {background-position: 0 -100px}
#dCBHKBall .dBall_06 {background-position: 0 -125px}
#dCBHKBall .dBall_07 {background-position: 0 -150px}
#dCBHKBall .dBall_08 {background-position: 0 -175px}
#dCBHKBall .dBall_09 {background-position: 0 -200px}
#dCBHKBall .dBall_10 {background-position: 0 -225px}
#dCBHKBall .dBall_11 {background-position: -25px 0}
#dCBHKBall .dBall_12 {background-position: -25px -25px}
#dCBHKBall .dBall_13 {background-position: -25px -50px}
#dCBHKBall .dBall_14 {background-position: -25px -75px}
#dCBHKBall .dBall_15 {background-position: -25px -100px}
#dCBHKBall .dBall_16 {background-position: -25px -125px}
#dCBHKBall .dBall_17 {background-position: -25px -150px}
#dCBHKBall .dBall_18 {background-position: -25px -175px}
#dCBHKBall .dBall_19 {background-position: -25px -200px}
#dCBHKBall .dBall_20 {background-position: -25px -225px}
#dCBHKBall .dBall_21 {background-position: -50px 0}
#dCBHKBall .dBall_22 {background-position: -50px -25px}
#dCBHKBall .dBall_23 {background-position: -50px -50px}
#dCBHKBall .dBall_24 {background-position: -50px -75px}
#dCBHKBall .dBall_25 {background-position: -50px -100px}
#dCBHKBall .dBall_26 {background-position: -50px -125px}
#dCBHKBall .dBall_27 {background-position: -50px -150px}
#dCBHKBall .dBall_28 {background-position: -50px -175px}
#dCBHKBall .dBall_29 {background-position: -50px -200px}
#dCBHKBall .dBall_30 {background-position: -50px -225px}
#dCBHKBall .dBall_31 {background-position: -75px 0}
#dCBHKBall .dBall_32 {background-position: -75px -25px}
#dCBHKBall .dBall_33 {background-position: -75px -50px}
#dCBHKBall .dBall_34 {background-position: -75px -75px}
#dCBHKBall .dBall_35 {background-position: -75px -100px}
#dCBHKBall .dBall_36 {background-position: -75px -125px}
#dCBHKBall .dBall_37 {background-position: -75px -150px}
#dCBHKBall .dBall_38 {background-position: -75px -175px}
#dCBHKBall .dBall_39 {background-position: -75px -200px}
#dCBHKBall .dBall_40 {background-position: -75px -225px}
#dCBHKBall .dBall_41 {background-position: -100px 0}
#dCBHKBall .dBall_42 {background-position: -100px -25px}
#dCBHKBall .dBall_43 {background-position: -100px -50px}
#dCBHKBall .dBall_44 {background-position: -100px -75px}
#dCBHKBall .dBall_45 {background-position: -100px -100px}
#dCBHKBall .dBall_46 {background-position: -100px -125px}
#dCBHKBall .dBall_47 {background-position: -100px -150px}
#dCBHKBall .dBall_48 {background-position: -100px -175px}
#dCBHKBall .dBall_49 {background-position: -100px -200px}

/*-----主選單按鈕-----*/
a#aHall,
a#aNCBCRHall,
a#aBCRHall,
a#aGame,
a#aLDList {float: left;display: block;height: 29px;line-height: 29px;text-align: center;font-weight: bold;margin: 28px 0 0 0;font-size: 16px;color: white;border: 1px solid white;}
a#aGame,
a#aLDList{width: 29px;margin-left: 15px;border-radius: 5px;}
a#aGame i,
a#aLDList i{font-size: 20px;width: 30px;height: 28px;display: flex;align-items: center;justify-content: center;}

a#aHall {width: 103px;border-radius: 5px 0 0 5px;background-color: white;color: #db1c30;}
a#aBCRHall {width: 103px;border-radius: 0 5px 5px 0;}

a#aHall:hover {}
a#aBCRHall:hover {background-color: #EA5A69;}
a#aLDList:hover,a#aGame:hover {background-color: #EA5A69;}

/*-----切換舊版按鈕-----*/
a#aChange {float: right;display: block;width: 80px;height: 45px;line-height: 45px;color: black;text-align: center;font-size: 14px;}
a#aChange:hover {background: #e2e2e2;color:#db1c30 ;}

/*-----子選單 容器設定-----*/
#subnavcontent {margin: 0 auto;width: 1000px;padding: 0 5px;height: 45px;clear: both;*line-height: 45px;background-color: #f0f0f0; box-sizing: border-box;}

/*-----子選單 按鈕設定-----*/
a.aSubmenu,
a.dSubmenucurrent {float: left;display: block;height: 20px;padding: 10px 3px;margin-right: 15px;text-align: center;color: #333;font-size: 16px;font-weight: bold;}

a.aSubmenu:hover {color: #db1c30;border-bottom: 0;}
a.dSubmenucurrent {color: #db1c30;border-bottom: 5px solid #db1c30;box-sizing: content-box;}
/*-----更多功能-----*/
#MoreFunctions {
	border:1px solid #DB1C30;;
    border-radius: 50px;
    color: #DB1C30;
	padding: 4px 17px;
	margin: 10px 0;
	line-height: 17px;
	background-color: transparent;
	outline:0;
}
#MoreFunctions:hover {
	background-color:#DB1C30;
	color:#FFFFFF;
}

/*-----六合彩開獎 日期變更提示-----*/

.showTipsCloseBtn:hover {
	background-image: url(/static/redCloseBtn_hover.png);
}

.showTips {
	display: block;
	position: absolute;
	top: 0px;
	right: 100px;
	width: 180px;
	height: 80px;
	z-index: 2;
}

.showTipsArrow {
	position: absolute;
	top: 20px;
	left: -5px;
	z-index: 5;
	display: none;
}

.showTipsBg {
	background-color: transparent;
	background-image: url(/static/showTipsBg.gif);
	background-repeat: none;
	display: block;
	position: absolute;
	top: 5px;
	right: 3px;
	width: 167px;
	height: 79px;
	z-index: 3;
}

.showTipsCloseBtn {
	background-color: transparent;
	background-image: url(/static/redCloseBtn.png);
	background-repeat: none;
	border: none;
	width: 22px;
	height: 22px;
	position: absolute;
	right: 0;
	top: 5px;
	cursor: pointer;
	z-index: 5;
}

.showTipsCloseBtn:hover {
	background-image: url(/static/redCloseBtn_hover.png);
}


#navcontent {
	background-color: #fff;
	font-size: 16px;
}
#navcontent .w1000 {
	width: 1000px;
	margin: auto;
}

#navcontent ul {
	padding: 0;
}

#navcontent .navBar {
	margin: 0;
	line-height: 45px;
	list-style: none;
	float: left;
	color: #777777;
	height: 45px;
}
#navcontent .navBar  i{
	font-size: 24px;
	line-height: 45px;
	vertical-align: middle;
}
#navcontent .navBar  span, #navcontent .suggestBtn > i, #navcontent .suggestBtn > span {
	vertical-align: middle;
}

#navcontent li:hover span, #navcontent li:hover i, #navcontent li.active {
	color: #DB1C30;
}

#navcontent .navBar > li {
	display: inline-block;
    box-sizing: border-box;
	padding: 0 8px;
	cursor: pointer;
	height: 45px;
}
#navcontent .navBar > li:first-child {
	margin-left: -10px;
}

#navcontent .navBar li.fixing {
	position: relative;
}
#navcontent .navBar li.fixing::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	cursor: auto;
}
#navcontent .navBar  li.fixing::after {
	content: attr(fixing-native);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFCE05;
	background: rgba(0, 0, 0, 0.749);
	z-index: 2;
	height: 21px;
	line-height: 1.2;
	border: 1px solid;
	font-size: 13px;
	padding: 2px 6px;
	white-space: nowrap;
	border-radius: 5px;
	box-sizing: border-box;
}
#navcontent .dropdownSub  li.fixing::after {
	content: attr(fixing-native);
	position: absolute;
	top: 50%;
	color: #FFCE05;
	background: rgba(0, 0, 0, 0.749);
	transform: translate(-10px,-50%);
	z-index: 2;
	height: 21px;
	line-height: 1.2;
	border: 1px solid;
	font-size: 13px;
	padding: 2px 6px;
	white-space: nowrap;
	border-radius: 5px;
	box-sizing: border-box;
}

#navcontent .dropdown {
	position: relative;
	/* width: 100px; */
	text-align: right;
}
#navcontent .dropdown > .dropdownArrow {
	transform: rotate(90deg);
	display: inline-block;
	margin-left: 3px;
	transition: transform .2s;
	line-height: 45px;
}
#navcontent .dropdown:hover > .dropdownArrow {
	transform: rotate(-90deg);
}

#navcontent .dropdown > .dropdownSub {
	display: none;
	position: absolute;
	z-index: 2;
	left: 0;
	top: calc(100% - 3px);
	list-style: none;
	background: #fff;
	border-radius: 0px 0px 3px 3px;
	text-align: left;
	color: #1E1E1E;
	width: 100%;
	border-top: 3px solid #DB1C30;
	font-size: 13px;
}
#navcontent .dropdown:hover > .dropdownSub {
	display: block;
}
#navcontent .dropdown > .dropdownSub > li {
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	box-sizing: border-box;
	cursor: pointer;
}
#navcontent .dropdown > .dropdownSub > li:hover {
	background-color: #EAEAEA;
	color: #DB1C30;
}
#navcontent .navR .ccmessage, #navcontent .navR .ccFeature {
	float: left;
	padding: 6px 0;
	height: 45px;
    box-sizing: border-box;
}


#navcontent .navR .ccmessage {
	margin-right: 15px;
	line-height: 45px;
	cursor: pointer;
	padding: 0;
	color:#000 !important
}
#navcontent .ccmessage i {
	font-size: 30px;
	vertical-align: middle;
}
i.dot, i.dot{
	position: relative;
}
i.dot::after,  i.dot::after{
	content: "";
	width: 10px;
	height: 10px;
	background-color: #DB1C30;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;

}

#navcontent .ccmessage span {
	font-size: 13px;
	vertical-align: middle;
}

#navcontent button, .depositBtn, .withdrawBtn{
	background-color: transparent;
	border: 0;
	border-radius: 3px;
	color: #fff;
	padding: 1px 4px;
	font-size: 12px;
	cursor: pointer;
	outline: 0;
}

#navcontent button {
	float: left;
}

.depositBtn {
	background-color: #FF8743 !important;
}

.depositBtn:hover {
	background-color: #F8A778 !important;
}

.withdrawBtn {
	background-color: #FC3F3F !important;
	margin-left: 5px;
}

.withdrawBtn:hover {
	background-color: #FC7A7A !important;
}
#navcontent .suggestBtn {
	color: #1E1E1E;
	margin-left: 5px;
	padding: 0;
}
#navcontent .suggestBtn:hover, #navcontent .ccmessage:hover {
	color: #777;
}
#navcontent .suggestBtn > i {
	font-size: 18px;
}

#navcontent .timeContent {
	font-size: 12px;
	color: #363636;
}
#navcontent .timeContent > span {
	float: left;
	border: 0 !important;
	height: 20px;
	line-height: 20px;
}
#dHKtime {
	display: inline;
	margin: 0;
	float: right;
	color: #363636;
	height: 20px;
	line-height: 20px;
}
@media only screen and (max-width: 1000px) {
	#dCBHKNewResult, #dMainnav #dCBHKcountdown {
		right: 0px;
	}
}

@media only screen and (max-width: 1000px) {
	.showTipsBg {
		right: 10px;
	}
}