/*
	2021/07/28
*/
button , select , input[type="radio"] , input[type="checkbox"] ,
input[type="submit"] , label , a
{
	cursor: pointer;
}

input[type="file"]
{
	display: none;
}

input[type="number"]
{
	-moz-appearance:textfield;
}

/*1***    Class    *****/
.Notice
{
	color: red;
	display: none;
	font-size: .833vw;	
}

.NoData /* 沒有資料 */
{
	color: #333333;
	text-align: center;
	font-size: .833vw;
}

/*************** 共同 ***************/
/*1***     input select textarea     *****/
.Ipt , .Sel , .Textarea
{
	background: #CCCCCC;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	border-radius: .26vw;	
}

.Ipt input , .Sel select , .Textarea textarea
{
	color: black;
	min-height: 2.6vw;
	font-size: .833vw;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: .26vw;
	
}

.Ipt input::placeholder , .Textarea textarea::placeholder
{
	color: #585858;
	font-size: .833vw;
}

.Sel select
{
	color: black;
}

.SelDecro
{
	background: #E5C25B;
	border-top-right-radius: .26vw;
	border-bottom-right-radius: .26vw;
	position: absolute;
	top: calc(50%);
	right: 0;
	transform: translateY(-50%);
	pointer-events: none;
	width: 2.6vw;
	height: 2.6vw;
}

.SelDecro::after
{
	border-top: 11px solid #342305;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
}

.Textarea textarea
{
	width: 100%;
	padding: .52vw;
	min-height: 4.16vw;
	resize: vertical;
}

/*1***     checkbox     *****/
.CheckBox
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.CheckIpt
{
	background: white;
	border: 1px solid #808080;
	display: block;
	border-radius: 2px;
	width: .781vw;
	height: .781vw;
	position: relative;
	margin: 0 .52vw 0 0 !important;
}

.CheckIpt:checked
{
	/* background: #FFD9EB;
	border: 1px solid #FFD9EB; */
}

.CheckIpt::after
{
	border: solid #808080;
	content: '';
	position: absolute;
	left: calc(50% - 1px);
	top: 3px;
	width: 3px;
	height: 7px;	
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg) translateX(-50%);
	-ms-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
	display: none;
}

.CheckIpt:checked::after
{
	display: block;
}

.CheckText
{
	color: white;
	/* max-width: calc(100% - 34px); */
	width: fit-content;
	font-size: .729vw;
}

/*1***     Radiobox     *****/
.RadioBox
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.RadioIpt
{
	background: white;
	border: 1px solid #808080;
	border-radius: 999rem;
	width: 1.04vw;
	height: 1.04vw;
	position: relative;
	margin: 0 .52vw 0 0 !important;
}

.RadioIpt:checked
{
	/* background: #FFD9EB;
	border: 1px solid #FFD9EB; */
	background: #E5C25B;
}

.RadioText
{
	color: #808080;
	font-size: 1.04vw;
}

/*1***     input[type="file"]     *****/
.FileBox
{
	position: relative;	
	width: 100%;
	text-align: center;	
}

.FileAppear /*label*/
{
	border: 1px solid #999999;
	background: white;
	box-sizing: border-box;
	border-radius: .52vw;
	width: 100%;
	display: block;
	padding: 3.125vw 1.04vw;
}

.FileIcon
{
	width: 100%;
	margin: 0 0 .52vw 0;
}

.FileIcon i
{
	color: #CCCCCC;
	font-size: 3.125vw;
}

.FileImg
{
	width: 15.6vw;
	margin: 0 auto .781vw auto;
}

.FileTxt
{
	color: #CCCCCC;
	font-size: .833vw;
	font-weight: 600;
}

/*1***     卷軸     *****/
.fortune
{
	overflow-x: auto;
}

.fortune::-webkit-scrollbar /*size*/
{
	height: 10px;
}
    
.fortune::-webkit-scrollbar-track /*軌道*/
{
	background: transparent;
	border-radius: 999rem;
}
 
.fortune::-webkit-scrollbar-thumb
{
	background: #c0fffc;
	border-radius: 999rem;
}

.fortune::-webkit-scrollbar-thumb:hover
{
	background: #c0e1ff;
}

/*1***     箭頭     *****/
.AfterArrow
{
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	width: 10px;
	height: 10px;
}

/***    朝右    ***/
.AfterArrow.right
{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/*1***     彈窗     *****/
.WindowBox
{
	background: rgba(0,0,0,.3);
	width: 100%;
	position: fixed;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}

.WindowBox.active
{
	display: block;
}

.WindowContainer
{
	background: #FFFFFF;
	box-sizing: border-box;
	position: absolute;
	border-radius: 5px;
	width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 13;
}

.WindowTop
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.WindowTit
{
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 600;
	padding: 15px 60px;
	width: 100%;
	word-break: break-all;
	box-sizing: border-box;
}

.WindowX
{
	/* background: #E5C25B; */
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 1;
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
}

.WindowContent
{
      margin: 15px 0 30px 0;
	width: 100%;
	word-break: break-all;
	box-sizing: border-box;
	max-height: 550px;
	overflow-y: auto;
}

.WindowContent::-webkit-scrollbar
{
	background: transparent;
	width: 5px;
	border-radius: 999rem;
}

.WindowContent::-webkit-scrollbar-thumb
{
	background: #FAAF40;
	border-radius: 999rem;
}

.WindowMsg
{
	color: #000000;
	font-size: 24px;
	text-align: center;
	padding: 25px 0;
}

.WindowBox .Form1ListTit
{
	color: #a67c52;
	/* flex-basis: 9.375vw; */
}

.WindowBox .Form1ListCont
{
      flex: 1;
	text-align: left;
}

.WindowBox .Form1ListTxt
{
	color: #000000;
}

.WindowBox .Form1ListCont .Ipt ,
.WindowBox .Form1ListCont .Sel
{
	width: 100%;
}

.WindowBox .ActBtnBox
{
	margin: 60px 0 0 0;
	justify-content: center;
}

.WindowMsg + .ActBtnBox
{
	margin: 30px 0 0 0;
}

.WindowBtnBox
{
      width: 100%;
      display: flex;
      align-content: center;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0 0 30px 0;
	margin: 0 0 -15px 0;
}

.WindowBtnBox .ActBtn
{
	margin: 0 0 15px 0;
}

.WindowBtnBox .ActBtn:not(:last-child)
{
	margin: 0 15px 15px 0;
}

.WindowBg
{
	width: 100%;
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 12;
}

/*1***     按鈕     *****/
/*2**    ㄟ妳    ****/
.BtnAny
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	color: #FFFFFF;
	font-size: 16px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 600;
	width: fit-content;
	text-align: center;
}

/*2**    按鈕-共同    ****/
.ActBtnBox
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 1.56vw 0 -.52vw 0;
}

.Form1ListCont .ActBtnBox
{
	margin: 0 0 -.52vw 0;
	justify-content: flex-start;
}

.DataBox + .ActBtnBox
{
	margin: 2.08vw 0 -.52vw 0;
}

.ActBtn
{
	max-width: 100%;
	min-width: 13.02vw;
	/* min-width: 250px; */
	display: block;
	text-align: center;
	border-radius: .312vw;
	word-break: break-all;
	white-space: normal;
	margin: 0 0 .52vw 0;
}

.ActBtn:not(:last-child)
{
	margin: 0 .781vw .52vw 0;
}

.ActBtn.cancel
{
	background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%) padding-box,linear-gradient(to bottom, #FAAF40 0%,#F26620 100%) border-box !important;
	border-radius: 3px !important;
}

.ActBtn , .ActBtn.active
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
}

.ActBtnTxt
{
	color: #FFFFFF;
	font-size: 1.04vw;
	font-weight: 600;
	padding: .625vw .26vw;
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
}

.ActBtn.cancel .ActBtnTxt
{
	color: #F15A24 !important;
}

/*1***     框架     *****/
.CenterBox , .Container
{
	min-height: calc(100vh - 27.7vw);
}

.Container
{
	width: 100%;      
	margin: 0 auto;
      box-sizing: border-box;
}

.Container.other
{}

.Container.center
{}

/*1***     搜尋     *****/
.SearchBox
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 2.08vw 0;
}

.SearchBox.end
{
	justify-content: flex-end;
}

/*2**    搜尋-搜尋Ipt    ****/
.SearchIptBox
{
	background: white;
	border-radius: .26vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width: 12.5vw;
}

.SearchIptBox .Ipt
{
	width: calc(100% - 1.822vw);
	border-radius: .26vw 0 0 .26vw;
}

.SearchBox .Ipt input , .SearchBox .Sel select
{
	min-height: 1.822vw;
}

.SearchIptBtn
{
	background: #E5C25B;
	border-radius: 0 .26vw .26vw 0;
	text-align: center;
	position: relative;
	width: 1.822vw;
	height: 1.822vw;
}

.SearchIptBtn i
{
	color: #342305;
	font-size: 1.04vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 4;
}

.SearchIptBtnSubmit
{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	width: 100%;
	height: 100%;
}

/*2**    搜尋-搜尋Sel    ****/
.SearchBox .Sel
{
	width: 9.895vw;
}

.SearchBox .SelDecro
{
	width: 1.822vw;
	height: 1.822vw;
}

/*2**    搜尋-日期    ****/
.DateBox
{
	display: flex;
	align-items: center;
}

.DateIpt
{
	width: 10.41vw;
}

.DateIpt input
{
	font-size: .937vw;
	text-align: center;
}

.DateTxt
{
	color: #E5C25B;
	font-size: .937vw;
	margin: 0 .26vw;
}

.DateBtn
{
	background: #E5C25B;
	border-radius: .26vw;
	text-align: center;
	position: relative;
	width: 1.822vw;
	height: 1.822vw;
	margin: 0 0 0 .26vw;
}

.DateBtn i
{
	color: #342305;
	font-size: 1.04vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 4;
}

.DateBtnSubmit
{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	width: 100%;
	height: 100%;
}

/*1***     分類按鈕     *****/
.KindBtnBox
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 -.52vw 0;
}

.KindBtnBox.whole
{
	margin: 0 0 1.56vw 0;
}

.KindBtn
{
	background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%) padding-box,linear-gradient(to bottom, #FAAF40 0%,#F26620 100%) border-box;
	border: 2px solid transparent;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .26vw;
	text-align: center;
	display: block;
	min-width: 6.25vw;
	word-break: break-all;
	cursor: pointer;
	margin: 0 0 .52vw 0;
}

.KindBtnBox.long1 .KindBtn
{
	min-width: 4.16vw;
}

.KindBtnBox.long2 .KindBtn
{
	min-width: 4.16vw;
}

.KindBtn.active
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	border: unset;
}

.KindBtn:not(:last-child)
{
	margin: 0 .52vw .52vw 0;
}

.KindBtnTxt
{
	color: #F15A24;
	font-size: .781vw;
	font-weight: 600;
	padding: .286vw .26vw;
}

.KindBtn.active .KindBtnTxt
{
	color: #FFFFFF;
	padding: .39vw .26vw;
}

/*1***     表單     *****/
.Form1Box
{
	width: 100%;
}

.Form1ListBox
{
	/* background: rgba(0,0,0,.3); */
	width: 100%;
	word-break: break-all;
}

.WindowBox .Form1ListBox
{
	background: unset;
}

.Form1List
{
	box-sizing: border-box;
	padding: .781vw 1.04vw;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.Form1List.alignStart
{
	align-items: flex-start;
}

.Form1List:not(:last-child)
{}

.Form1ListTit
{
	color: #a67c52;
	font-weight: 600;
	font-size: 1.04vw;	
	width: 9.375vw;
	margin: 0 .52vw 0 0;
	text-align: left;
	flex-basis: 9.375vw;
}

.Form1ListCont
{
	flex: 1;
}

.Form1ListCont .Ipt
{
	width: 20.83vw;
}

.Form1ListCont .Sel
{
	width: 19.02vw;
}

.Form1ListCont .RadioBox:not(:last-child)
{
	margin: 0 7.822vw 0 0;
}

.Form1ListTxt
{
	color: #666666;
	font-size: 1.04vw;
}

.Form1ListImg
{
	max-width: 80%;
      width: fit-content;
}

/*1***     資料顯示     *****/
.DataBox
{
	width: 100%;
}

.DataTable
{
	width: 100%;
	text-align: center;
}

.DataThead
{
	background: linear-gradient(to bottom,#151E25 0%,#364753 100%);
	width: 100%;
}

.DataThead th
{
	color: white;
	font-size: .729vw;
	padding: .572vw .104vw;
}

.DataThead th:first-child
{
	text-align: left;
	padding: .572vw .104vw .572vw 1.3vw;
}

.DataThead th:last-child
{
	text-align: right;
	padding: .572vw 1.3vw .572vw .104vw;
}

.DataTbody
{
	background: #E6E6E6;
	width: 100%;
}

.DataTbody:not(:nth-child(2))
{
	border-top: 1px solid #B3B3B3;
}

.DataTbody.noFor
{
	border: unset;
}

.DataTbody.noFor tr:not(:last-child)
{
	border-bottom: 1px solid #B3B3B3;
}

.DataTbody td
{
	color: #666666;
	font-size: .729vw;
	padding: .52vw 2px;
}

.DataTbody td:first-child
{
	text-align: left;
	padding: .52vw 2px .52vw 1.3vw;
}

.DataTbody td:last-child
{
	text-align: right;
	padding: .52vw 1.3vw .52vw 2px;
}

.DataTfoot
{
	background: #cacaca;
	width: 100%;
}

.DataTfoot td
{
	color: #666666;
	font-size: .729vw;
	padding: .989vw 2px;
}

.DataTfoot td:first-child
{
	text-align: left;
	padding: .989vw 2px .989vw 1.3vw;
}

.DataTfoot td:last-child
{
	text-align: right;
	padding: .989vw 1.3vw .989vw 2px;
}

.DataBox .KindBtnBox.long2 .KindBtn
{
	min-width: 3.64vw;
}

.DataBox .KindBtnTxt
{
	padding: 1.5px 4px;
}

.DataBox .KindBtn.active .KindBtnTxt
{
	padding: 3.5px 4px;
}

/*1***     登入 註冊 忘記密碼     *****/
.AccessBox
{
	width: 100%;
	position: relative;
	height: 100vh;
}

.AccessContainer
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}

/*2**    Logo    ****/
.AccessLogo
{
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,.75));
	width: 190px;
	margin: 0 auto 30px auto;
}

/*2**    內容    ****/
.AccessContent
{
	background: linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.35) 100%) padding-box,
			linear-gradient(to bottom,rgba(51,51,51,.14) 0%,rgba(51,51,51,.14) 100%) border-box;
	border: 2px solid transparent;
	margin: 0 0 30px 0;
	border-radius: 30px;
	padding: 70px 55px;
	width: 400px;
	box-sizing: border-box;
}

/*3*    填寫容器   ***/
.AccessFillBox
{
	width: 100%;
}

/*4   填寫列  **/
.AccessFill
{
	background: linear-gradient(to bottom,#CCCCCC 0%,#CCCCCC 100%) padding-box,
			linear-gradient(to bottom,#B3B3B3 0%,#B7B7B7 5%,#D1D1D1 30%,#E3E3E3 50%,#EEEEEE 75%,#F2F2F2 100%) border-box;
	border: 2px solid transparent;
	padding: 0 10px;
	border-radius: 8px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.AccessFill:not(:last-child)
{
	margin: 0 0 25px 0;
}

/*5  填寫-icon **/
.AccessFillIcon
{
	width: 20px;
	margin: 0 10px 0 0;
	text-align: center;
	display: flex;
	align-items: center;
}

.AccessFillIcon i
{
	color: #808080;
	font-size: 20px;
}

/*5  填寫-Ipt Sel **/
.AccessFill .Ipt , .AccessFill .Sel
{
	background: transparent;
	flex: 1;
}

.AccessFill .Ipt input , .AccessFill .Sel select
{
	color: #808080;
	min-height: 35px;
}

.AccessFill .Ipt input::placeholder , .AccessFill .Textarea textarea::placeholder
{
	color: #808080;
	font-size: 12px;
}

/*5  填寫-vscode **/
.AccessFillVscode
{
	margin: 0 0 0 5px;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.AccessFillVscodeBtn
{
	width: 30px;
	text-align: left;
	cursor: pointer;
}

.AccessFillVscodeBtn i
{
	color: #808080;
	font-size: 25px;
}

.AccessFillVscodeImg
{
	width: 70px;
}

/*3*    動作按鈕   ***/
.AccessActBtnBox
{
	width: 100%;
	margin: 0 0 5px 0;
}

.AccessFillBox + .AccessActBtnBox
{
	margin: 25px 0 5px 0;
}

.AccessActBtn
{
	background: rgba(0,0,0,.4);
	border-radius: 5px;
	width: 100%;
	display: block;
	text-align: center;
}

.AccessActBtn:hover
{
	background: rgba(0,0,0,.8);
}

.AccessActBtnTxt
{
	color: white;
	font-size: 18px;
	width: 100%;
	height: 100%;
	padding: 10px 0;
}

/*3*    其他項目   ***/
.AccessOtherBox
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.AccessOther
{
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.AccessOther:not(:last-child)
{
	margin: 0 5px 0 0;
}

.AccessOtherTxt
{
	color: white;
	width: fit-content;
	font-size: 14px;
	display: block;
}

.AccessOtherTxt.spe
{
	color: #38C6C2;
}

.AccessOtherTxt:not(:last-child)
{
	margin: 0 5px 0 0;
}

/*2**    聯絡客服    ****/
.AccessContact
{
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.AccessContactIcon
{
	width: 50px;
	margin: 0 10px 0 0;
}

.AccessContactTit
{
	color: white;
	font-size: 18px;
}

/*1***     登入     *****/
/*3*    其他項目   ***/
.loginOtherBox
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 10px 0 30px 0;
}

/*4    記住我  **/
.loginOtherRem
{
	width: fit-content;
}

.loginOtherRem .CheckIpt
{
	background: linear-gradient(to bottom,#CCCCCC 0%,#CCCCCC 100%) padding-box,
			linear-gradient(to bottom,#B3B3B3 0%,#B7B7B7 5%,#D1D1D1 30%,#E3E3E3 50%,#EEEEEE 75%,#F2F2F2 100%) border-box;
	border: 2px solid transparent;
	border-radius: 0;
	width: 16px;
	height: 16px;
}

.loginOtherRem .CheckText
{
	font-size: 12px;
}

/*4    忘記密碼  **/
.loginOtherForgot
{
	color: white;
	cursor: pointer;
	font-size: 12px;
	width: fit-content;
	display: block;
}

/*1***     註冊     *****/
/*2**    內容    ****/
.registerBox .AccessContent
{
	padding: 40px 55px;
}

/*4   填寫列  **/
.registerBox .AccessFill:not(:last-child)
{
	margin: 0 0 15px 0;
}

/*1***     Header     *****/
header
{
	width: 100%;
}

/*2**    Header-上半部    ****/
.headerTop
{
	background: #F2F2F2;
	width: 100%;
}

.headerTopContainer
{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 3px 5.72vw;
}

/*3*   Header-常用功能   ***/
.headerQuickBox
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/*3*   Header-常用功能-按鈕   ***/
.headerQuickBtn
{
	display: block;
	text-align: center;
}

.headerQuickBtn:not(:last-child)
{
	margin: 0 1.3vw 0 0;
}

.headerQuickBtnImg
{
	width: 1.97vw;
	margin: 0 auto;
}

.headerQuickBtnTxt
{
	color: black;
	font-size: .729vw;
}

/*3*   Header-會員資訊   ***/
.headerMemberBox
{
	margin: 0 1.822vw;
}

.headerMemberList
{
	width: 100%;
	text-align: left;
}

.headerMemberListTxt
{
	color: #29ABE2;
	font-weight: bold;
	font-size: .937vw;
}

.headerMemberListTxt.money
{
	color: #603813;
}

/*3*   Header-語系   ***/
.headerLangBox
{
	min-width: 9.37vw;
	padding: .3125vw 0;
}

.headerLangBox .Sel
{
	background: linear-gradient(to bottom,#C0C0C0 0%,#C4C4C4 2%,#D9D9D9 5%,#EAEAEA 10%,#F6F6F6 15%,#FDFDFD 20%,#FFFFFF 55%,#FFFFFF 100%) padding-box,
			linear-gradient(to bottom,#96A0AA 0%,#96A0AA 100%);
	border: 2px solid transparent;
	border-radius: .52vw;
}

.headerLangBox .Sel select
{
	color: #666666;
	text-align: center;
	text-align-last: center;
	padding: .26vw 2.08vw .26vw 0;
	font-size: 1.04vw;
	font-weight: bold;
	min-height: 2.08vw;
}

.headerLangBox .Sel .SelDecro
{
	background: linear-gradient(to bottom,#FFFFFF 0%,#E6E6E6 15% ,#E6E6E6 90%,#505050 100%);
	border-top: 1px solid white;
	border-left: 2px solid #96A0AA;
	width: 2.08vw;
	height: 2.08vw;
	border-top-right-radius: .52vw;
	border-bottom-right-radius: .52vw;
}

.headerLangBox .Sel .SelDecro::after
{
	border-top: .52vw solid black;
	border-left: .52vw solid transparent;
	border-right: .52vw solid transparent;
}

/*2**    Header-下半部    ****/
.headerBot
{
	background: white;
	width: 100%;
}

.headerBotContainer
{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5.73vw;
	position: relative;
}

/*3*   Header-Logo   ***/
.headerLogoBox
{
	width: 10.41vw;
	/* margin: 0 35px 0 0; */
	display: block;
}

/*3*   Header-選單   ***/
.headerMenuBox
{
	padding: 0 .781vw;
	box-sizing: border-box;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*4  Header-選單區塊  **/
.headerMenuBlock
{
	display: block;
	cursor: pointer;
}

.headerMenuBlock:not(:last-child)
{
	margin: 0 .52vw 0 0;
}

/*5 Header-選單區塊-顯示項目 **/
.headerMenuView
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.headerMenuViewIcon
{
	background-image: url('../../../images/version/18/header/decro0.png');
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 1.822vw;
	height: 1.822vw;
	/* transition: all .1s ease-in-out; */
}

.headerMenuBlock:hover .headerMenuViewIcon,
.headerMenuBlock.active .headerMenuViewIcon
{
	background-image: url('../../../images/version/18/header/decro0Hover.png');
}

.headerMenuViewTxt
{
	color: #5A7E8E;
	font-size: 1.15vw;
	font-weight: bold;
	padding: 1.56vw 0; /*為了hover到選單*/
}

.headerMenuBlock:hover .headerMenuViewTxt,
.headerMenuBlock.active .headerMenuViewTxt
{
	background: linear-gradient(to right,#FF8A00 0%,#F16500 27%,#E74800 55%,#E13600 85%,#DF3000 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

/*5 Header-選單區塊-隱藏項目 **/
.headerMenuGame
{
	background: #F7F1E1;
	position: absolute;
	top: 4.6875vw;
	left: 0;
	z-index: 4;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 0;
	overflow: hidden;
}

.headerMenuBlock:hover .headerMenuGame
{
	animation: heightView .4s ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes heightView
{
	from
	{
		height: 0;
	}

	to
	{
		height: 20.3125vw;
		overflow: unset;
	}
}

/*6 Header-選單區塊-隱藏項目-遊戲 **/
.headerMenuGameBtn
{
	display: block;
	position: relative;
}

.headerMenuGameBtn.fix
{
	filter: grayscale(1);
}

.headerMenuGameBtn:not(:last-child)
{
	margin: 0 1.822vw 0 0;
}

/*7 Header-選單區塊-隱藏項目-遊戲-圖片 **/
.headerMenuGameBtnImg img
{
      width: 11.98vw;
	height: 0;
      overflow: hidden;
}

.headerMenuBlock:hover .headerMenuGameBtnImg img
{
	animation: heightViewGame .4s ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes heightViewGame
{
	from
	{
		height: 0;
	}

	to
	{
		height: 20.3125vw;
		overflow: unset;
	}
}

/*7 Header-選單區塊-隱藏項目-遊戲-名稱 **/
.headerMenuGameBtnName
{
	text-align: center;
	position: absolute;
	/* top: 65px; */
	top: 0;
	/* left: 10px; */
	left: .52vw;
	z-index: 4;
}

.headerMenuBlock:hover .headerMenuGameBtnName
{
	animation: heightViewName .4s ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes heightViewName
{
	from
	{
            top: 0;
	}

	to
	{
            /* top: 65px; */
            top: 3.385vw;
	}
}

.headerMenuGameBtnNameTxt0
{
	color: #4B4835;
	font-weight: bold;
	font-size: 1.25vw;
}

.headerMenuGameBtnNameTxt1
{
	color: #4B4835;
	font-family: Arial;
	font-weight: bold;
	font-size: .625vw;
}

/*7 Header-選單區塊-隱藏項目-遊戲-狀態 **/
.headerMenuGameBtnStatusBox
{
	width: 100%;
	text-align: center;
	word-break: break-all;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	display: none;
}

.headerMenuGameBtn.fix .headerMenuGameBtnStatusBox
{
	display: block;
}

.headerMenuGameBtnStatus
{
	color: white;
	filter: drop-shadow(2px 2px 4px black);
	font-size: 2.6vw;
	font-weight: bold;
}

/*3*   Header-按鈕(登入登出註冊)   ***/
.headerBtnBox
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.headerBtn
{
	background: linear-gradient(to bottom,#FFFFFF 0%,#E6E6E6 15% ,#E6E6E6 90%,#505050 100%) padding-box,
			linear-gradient(to bottom ,#96A0AA 0%, #96A0AA 100%) border-box;
	border: 2px solid transparent;
	display: block;
	text-align: center;
	border-radius: .52vw;
	position: relative;
}

.headerBtn:not(:last-child)
{
	margin: 0 .52vw 0 0;
}

.headerBtn::after
{
	border-top: 2px solid white;
	border-radius: .52vw .52vw 0 0;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.headerBtnTxt
{
	color: #603813;
	font-size: 1.04vw;
	font-weight: bold;
	padding: 2px;
}

/*1***     Carousel     *****/
.CarouselBox
{
	width: 100%;
	position: relative;
}

/*2**     Carousel-區塊    ****/
.CarouselBlock
{
	width: 100%;
	display: block;
}

.CarouselImg
{
	width: 100%;
	height: 39.06vw;
}

/*2**     Carousel-前後按鈕    ****/
.CarouselBox .owl-nav
{}

.CarouselBox .owl-prev,
.CarouselBox .owl-next
{
	position: absolute;
	width: 100%;
	top: 50%;	
	transform: translateY(-50%);
	z-index: 10;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	/* width: 54px; */
	width: 2.8125vw;
	/* height: 90px; */
	height: 4.6875vw;
}

.CarouselBox .owl-prev
{
	left: 0;
	background-image: url('../../../images/version/18/carousel/btnPrev.png?t=20210901V01') !important;
}

.CarouselBox .owl-prev:hover
{
	background-image: url('../../../images/version/18/carousel/btnPrevHover.png?t=20210901V01') !important;
}

.CarouselBox .owl-next
{
	right: 0;
	background-image: url('../../../images/version/18/carousel/btnNext.png?t=20210901V01') !important;
}

.CarouselBox .owl-next:hover
{
	background-image: url('../../../images/version/18/carousel/btnNextHover.png?t=20210901V01') !important;
}

/*2**     Carousel-dots    ****/
.CarouselBox .owl-dots
{
	background: linear-gradient(to bottom, #C8C8C8 0%,#DCDCDC 100%);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.75);
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: .833vw 0;
}

.CarouselBox .owl-dot
{
	background-image: url('../../../images/version/18/carousel/dot.png?t=20210901V01') !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	display: block;
	width: 1.198vw;
	height: 1.198vw;
}

.CarouselBox .owl-dot:not(:last-child)
{
	margin: 0 1.822vw 0 0;
}

.CarouselBox .owl-dot.active
{
	background-image: url('../../../images/version/18/carousel/dotActive.png?t=20210901V01') !important;
}

/*1***     首頁     *****/
.indexBox
{
	background-position: top !important;
	width: 100%;
	padding: 1.3vw 0 0 0;
}

/*2**    跑馬燈    ****/
.indexMarqueeBox
{
	background: linear-gradient(to bottom,#FFFFFF 0%,#C8C8C8 15%,#FFFFFF 85%,#000000 100%);
	width: calc(100% - 19.79vw);
	padding: .52vw .781vw;
	box-sizing: border-box;
	margin: 0 auto 2.34vw auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*3*   跑馬燈-廣播器   ***/
.indexMarqueeDecro
{
	width: 2.86vw;
}

/*3*   跑馬燈-self   ***/
.indexMarquee
{
	flex: 1;
	margin: 0 .781vw;
}

.indexMarquee marquee
{
	color: #226789;
	font-size: 1.25vw;
}

/*3*   跑馬燈-more   ***/
.indexMarqueeMoreBtn
{
	width: 5vw;
	display: block;
}

/*2**    大區塊    ****/
.indexBlock
{
	/* width: calc(100% - 360px); */
	width: calc(100% - 18.75vw);
	/* padding: 10px 15px; */
	box-sizing: border-box;
	margin: 0 auto;
}

.indexBlock:not(:last-child)
{
	margin: 0 auto 5.2vw auto;
}

/*3*   大區塊-en   ***/
.indexBlockEn
{
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 1.3vw auto;
}

/*3*   大區塊-標題   ***/
.indexBlockTopic
{
	width: 100%;
	margin: 0 0 4.6875vw 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.indexBlockTopicDecro
{
	flex: 1;
	display: flex;
	align-items: center;
}

.indexBlockTopicTxt
{
	color: black;
	margin: 0 1.3vw;
	font-size: 1.875vw;
	font-weight: bold;
}

/*3*   大區塊-內容   ***/
.indexBlockInner
{
	width: 100%;
}

/*4  大區塊-APP  **/
.indexAppBox
{
	width: 100%;
	padding: 0 3.645vw;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.indexAppView
{
	display: block;
	/* width: 380px; */
	width: 19.79vw;
	padding: 0 0 8.33vw 0;
	margin: 0 3.125vw 0 0;
	position: relative;
}

.indexAppViewBg
{
	width: 100%;
}

.indexAppViewTxt
{
	color: white;
	width: 100%;
	font-size: 1.46vw;
	text-align: center;
	position: absolute;
	top: calc(50% - 2.1875vw);
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.indexAppViewQr
{
	width: calc(100% - 7.291vw);
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.indexAppDecro
{
	flex: 1;
}

/*4  大區塊-Hot遊戲  **/
.indexHotBox
{
	/* width: calc(100% - 180px); */
	width: 100%;
	margin: 0 auto 8vw auto;
	/* margin: 0 auto; */
	position: relative;
}

/*5 大區塊-Hot遊戲-選單 */
.indexHotMenuBox
{
	width: 100%;	
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 20;
	/* margin: 0 0 5.21vw 0; */
}

.indexHotMenuBtn
{
	text-align: center;
	cursor: pointer;
	position: relative;
	width: 7.5486vw;
	height: 8.85vw;
}

.indexHotMenuBtn:hover,
.indexHotMenuBtn.active
{
	background-image: url('../../../images/version/18/index/hotGameKindHover.png?t=20210901V01') !important;
}

.indexHotMenuBtn:not(:last-child)
{
	margin: 0 2.08vw 0 0;
}

.indexHotMenuBtnName
{
	color: #0071BC;
	font-size: 1.25vw;
	font-weight: bold;
	position: absolute;
	left: 50%;
	bottom: 1.82vw;
	transform: translateX(-50%);
	z-index: 2;
	width: 100%;
}

/*5 大區塊-Hot遊戲-輪播 */
.indexHotCarousesl
{
	position: relative;	
	width: calc(100% - 2.08vw);
	margin: 0 auto 0 auto;	
}

.indexHotCarouseslInner
{
	width: 100%;
	position: relative;
	/* overflow: hidden; */
}

/*5 大區塊-Hot遊戲-輪播-區塊item */
.indexHotBlock
{
	width: calc(100%/3);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transition: all .5s ease-out;
}

/*6 大區塊-Hot遊戲-輪播-背景 */
.indexHotImg
{
	width: 100%;
	padding: 91.86% 0 0 0;
}

/*5 大區塊-Hot遊戲-前後按鈕 */
.indexHotCarouseslCtrlBtnBox
{
	/* padding: 1.64vw 0 0 0; */
	position: absolute;
	left: 0;
	bottom: 2.4vw;
	z-index: 10;
	width: 100%;
}

.indexHotCarouseslCtrlBtn
{
	cursor: pointer;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 10;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 8.85vw;
	height: 8.85vw;
	/* width: 170px;
	height: 170px; */
}

.indexHotCarouseslCtrlBtn.prev
{
	left: -4.69vw;
	/* left: -90px; */
	background-image: url('../../../images/version/18/index/hotBtnLeftNo.png?t=20210901V01') !important;
}

.indexHotCarouseslCtrlBtn.prev:hover
{
	background-image: url('../../../images/version/18/index/hotBtnLeft.png?t=20210901V01') !important;
}

.indexHotCarouseslCtrlBtn.next
{
	right: -4.69vw;
	/* right: -90px; */
	background-image: url('../../../images/version/18/index/hotBtnNextNo.png?t=20210901V01') !important;
}

.indexHotCarouseslCtrlBtn.next:hover
{
	background-image: url('../../../images/version/18/index/hotBtnNext.png?t=20210901V01') !important;
}

/*5 大區塊-Hot遊戲-遊戲 */
.indexHotGameBox
{
	width: 100%;
	position: relative;
	z-index: 10;
	/* margin: -20px 0 0 0; */
	/* margin: -1.04vw 0 0 0; */
}

.indexHotGameBlock
{
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 -2.08vw 0;
	/* margin: 0 0 -40px 0; */
}

.indexHotGameBtn
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 13.8vw;
	height: 5.47vw;
	/* margin: 0 0 40px 0; */
	margin: 0 0 2.08vw 0;
}

.indexHotGameBtn:hover
{
	background-image: url('../../../images/version/18/index/hotGameHover.png') !important;
}

.indexHotGameBtn.fix
{
	filter: grayscale(1);
}

.indexHotGameBtn:not(:last-child)
{
	/* margin: 0 55px 40px 0; */
	margin: 0 2.86vw 2.08vw 0;
}

.indexHotGameBtnTxt
{
	color: #603813;
	/* font-size: 40px; */
	font-size: 2.08vw;
}

.indexHotGameBtn:hover .indexHotGameBtnTxt
{
	color: #00FFFF;
}

.indexHotGameBtnStatusBox
{
	width: 100%;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	display: none;
}

.indexHotGameBtn.fix .indexHotGameBtnStatusBox
{
	display: block;
}

.indexHotGameBtnStatus
{
	color: white;
	filter: drop-shadow(2px 2px 4px black);
	transform: rotate(-20deg);
	font-size: 2.08vw;
	font-weight: bold;
}

/*4  大區塊-品質服務  **/
.indexServiceBox
{
	width: calc(100% - 1.04vw);
	margin: 0 auto -5.208vw auto;
	/* padding: 0 70px; */
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0 5.208vw 0;
}

.indexServiceItem
{
	/* width: calc((100% - 80px)/2); */
	width: calc((100% - 4.17vw)/2);
	height: 11.7vw;
	/* margin: 0 0 100px 0; */
	margin: 0 0 5.21vw 0;
	position: relative;
}

.indexServiceItem:not(:nth-child(2n))
{
	/* margin: 0 80px 100px 0; */
	margin: 0 4.17vw 5.21vw 0;
}

.indexServiceItemImg
{
	width: 10.8vw;
	position: relative;
	z-index: 5;
}

.indexServiceItemTit
{
	background: linear-gradient(to left,#F1F1F1 0%,#f2f1f1 100%);
	color: black;
	text-align: right;
	box-sizing: border-box;
	/* font-size: 28px; */
	font-size: 1.46vw;
	font-weight: bold;
	margin: .13vw 0 0 9.67vw;
	max-width: calc(100% - 12vw);
	min-width: 14vw;
	width: fit-content;
	padding: .235vw .52vw .235vw 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.indexServiceItemCont
{
	background: linear-gradient(to left,#F1F1F1 0%,#dedfe2 100%);
	color: black;
	box-sizing: border-box;
	padding: 0.67vw .52vw .67vw 4.028vw;
	/* font-size: 21px; */
	font-size: 1.09vw;
	width: calc(100% - 8.1vw);
	position: absolute;
	right: 0;
	top: 4.33vw;
	z-index: 2;
}

/*1***     遊戲-特殊排版(MG.....)     *****/
.GameOtherChildBox
{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.GameOtherChildBtn
{
	width: 25%;
	box-sizing: border-box;
	padding: .781vw;
	display: block;
	text-align: center;
}

.GameOtherChildBtnImg
{
	margin: 0 0 .52vw 0;
}

.GameOtherChildBtnTxt
{
	color: black;
	word-break: break-all;
	font-size: .781vw;
	width: 100%;
}

.GameNoData
{
	color: #333333;
	font-size: .937vw;
	text-align: center;
}

/*1***     會員中心共同     *****/
.CenterBox
{
	background: #F7C2A4;
      padding: 1.3vw 14.58vw 0 6.25vw;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

/*2**    會員中心-nav    ****/
.CenterNavBox
{
      background: white;
      box-sizing: border-box;
      border-radius: .52vw .52vw 0 0;
	/* width: 410px; */
	flex-shrink: 0;
	flex-basis: 21.35vw;
      margin: 0 1.822vw 0 0;
      padding: 3.125vw 0;
}

/*3*   會員中心-nav-個人資訊   ***/
.CenterNavInfBox
{
      width: 100%;
      margin: 0 0 1.56vw 0;
}

.CenterNavInfList
{
      width: 100%;
      box-sizing: border-box;
      padding: 0 2.6vw;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      word-break: break-all;
}

.CenterNavInfList:not(:last-child)
{
      /* margin: 0 0 5px 0; */
}

.CenterNavInfListTit
{
      color: #29ABE2;
      font-size: 1.04vw;
      font-weight: bold;
}

.CenterNavInfList.money .CenterNavInfListTit
{
      color: #603813;
}

.CenterNavInfListTxt
{
      color: #29ABE2;
      font-size: 1.04vw;
      font-weight: bold;
}

.CenterNavInfList.money .CenterNavInfListTxt
{
      color: #603813;
}

/*3*   會員中心-nav-常用按鈕   ***/
.CenterNavCommonBox
{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0 0 2.34vw 0;
	text-align: center;
}

.CenterNavCommonBlock
{
      display: block;
}

.CenterNavCommonBlock:not(:last-child)
{
      margin: 0 1.822vw 0 0;
}

.CenterNavCommonIcon
{
      width: 2.708vw;
      margin: 0 auto .26vw auto;
}

.CenterNavCommonTxt
{
      color: black;
      font-size: 1.14vw;
}

/*3*   會員中心-nav-各類別區塊   ***/
.CenterNavBlockBox
{
	width: 100%;      
}

.CenterNavBlock
{
      width: 100%;
}

.CenterNavBlock:not(:last-child)
{
	border-bottom: 1px solid #808080;
}

.CenterNavList
{
      display: block;
	width: 100%;
      box-sizing: border-box;
      padding: 0 2.86vw;
}

.CenterNavList:hover , .CenterNavList.active
{
      position: relative;
}

.CenterNavList:hover::after , .CenterNavList.active::after
{
      background: rgba(247,194,164,.5);
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
}

.CenterNavListInner
{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding: .781vw 0;
	align-items: center;
      word-break: break-all;
}

.CenterNavListIconBox
{
	flex-basis: 2.1875vw;
      margin: 0 .781vw 0 0;
	text-align: center;
}

.CenterNavListIcon
{
	width: 100%;
}

.CenterNavListTxt
{
	color: black;
      flex: 1;
	text-align: left;
	font-size: .937vw;
	font-weight: 600;
	box-sizing: border-box;
}

/*2**    會員中心-內容box    ****/
.CenterContBox
{
      background: white;
      box-sizing: border-box;
      border-radius: .52vw .52vw 0 0;
      padding: 2.08vw;
	flex: 1;
}

/*1***     提領     *****/
.Sel.withdrawal
{
	display: inline-block;
	margin: 0 1.04vw 0 0;
}

.withdrawalAddSel
{
	display: inline-block;
}

.withdrawalAddBox
{
	display: inline-block;
	padding: .3645vw 0;
}

.withdrawalAddBox span
{
	vertical-align: middle;
	display: inline-block;
}

.withdrawalAddIcon
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	width: 1.666vw;
	height: 1.666vw;
	line-height: 1.04vw;
	text-align: center;
	border-radius: .26vw;
	margin: 0 .26vw 0 0;
}

.withdrawalAddIcon span
{
	color: #FFFFFF;
	font-size: 1.875vw;
}

.withdrawalAddTxt
{
	color: #F26620;
	font-size: 1.04vw;
	font-weight: 600;	
}

/*1***     下注記錄     *****/
.betrcdBox
{}

.betdetailList.active .WindowBox
{
	/* display: block; */
}

.betListDetail > td
{
	padding: 0 !important;
}

.betrcdBox .Form1ListTxt a
{
	color: white;
	text-decoration: underline;
}

.betWinTxt /* 中獎 */
{
	color: #F26620;
}

/*1***     外接館     *****/
.betrcdBox
{}

/*1***     會員列表     *****/
.linkBox
{}

.linkBox .SearchBox .KindBtnBox
{
	margin: 0 .52vw -.52vw 0;
}

.linkBox .DataBox .KindBtnBox
{
	justify-content: flex-end;
}

.linkBox .KindBtn
{
	/* opacity: .5; */
}

.linkBox .KindBtn.active
{
	/* opacity: 1; */
}

/*1***     推廣連結     *****/
.promoBox
{
	text-align: right;
}

.promoGoBox
{
	margin: 0 0 1.3vw 0;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.promoBox .DataBox .KindBtnBox
{
	justify-content: flex-end;
}

/*1***     新增推廣連結     *****/
.promoaddBox
{}

.promoaddBtn
{
	background: #E5C25B;
	border-radius: .26vw;
	text-align: center;
	margin: 1.04vw 0 0 0;
	cursor: pointer;
}

.promoaddBtnTxt
{
	color: #342305;
	font-size: .937vw;
	padding: .416vw 0;
	font-weight: 600;
}

.promotionRadioList .Form1ListCont
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

/*1***     交易紀錄     *****/
.transrcdBox
{}

/*1***     會員管理     *****/
.settingBox
{}

/*1***     會員信件     *****/
.mailBox
{}

.mailListDetail > td
{
	padding: 0 !important;
}

/*1***     其他共同     *****/
.OtherBox
{
	min-height: calc(100vh - 22.3vw);
	background-position: top !important;
      padding: 1.3vw 13.02vw 5.208vw 13.02vw;
	box-sizing: border-box;
	width: 100%;
}

/*1***     優惠活動     *****/
.salesBox
{}

.salesBlockBox
{
	width: 100%;
}

.salesBlock
{
	background: rgba(0,0,0,.3);
	border-radius: .26vw;
	width: 100%;
	cursor: pointer;
}

.salesBlock:not(:last-child)
{
	margin: 0 0 1.04vw 0;
}

.salesBlockPicBox
{
	background: linear-gradient(to bottom, #FFF3A6 0%,#E5C25B 45%,#B57E10 100%);
	box-shadow: 0 3px 0 0 #FFF3A6;
	width: 100%;
	border-radius: .26vw;
	box-sizing: border-box;
	padding: .781vw;
}

.salesBlockPic
{
	width: 100%;
}

.salesBlockContBox
{
	border: 1px solid #F9DF7B;
	border-radius: .26vw;
	border-top: 0;
	padding: 1.56vw .781vw;
	box-sizing: border-box;
	display: none;
}

.salesBlock.active .salesBlockContBox
{
	display: block;
}

.salesBlockContTop
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	word-break: break-all;
	margin: 0 0 1.56vw 0;
}

.salesBlockTit
{
	color: #FFF3A6;
	font-size: 1.04vw;
	font-weight: 600;
	flex: 1;
	box-sizing: border-box;
	padding: 0 .52vw 0 0;
}

.salesBlockDate
{
	color: white;
	font-size: .729vw;
	flex-basis: 15.625vw;
}

.salesBlockCont , .salesBlockCont p
{
	color: white;
	font-size: .833vw;
	word-break: break-all;
}

/*1***     最新消息     *****/
.newsBox
{}

.newsBlockBox
{
	width: 100%;
}

.newsBlock
{
	background: rgba(0,0,0,.3);
	border-radius: .26vw;
	width: 100%;
	word-break: break-all;
	cursor: pointer;
}

.newsBlock:not(:last-child)
{
	margin: 0 0 1.04vw 0;
}

.newsBlockTop
{
	background: linear-gradient(to bottom, #FFF3A6 0%,#E5C25B 45%,#B57E10 100%);
	box-shadow: 0 3px 0 0 #FFF3A6;
	width: 100%;
	border-radius: .26vw;
	box-sizing: border-box;
	padding: .781vw 1.04vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.newsBlockTit
{
	color: #342305;
	font-size: 1.04vw;
	font-weight: 600;
	flex: 1;
}

.newsBlockDate
{
	color: black;
	font-size: .937vw;
	text-align: right;
	flex-basis: 10.416vw;
}

.newsBlockContBox
{
	border: 1px solid #F9DF7B;
	border-radius: .26vw;
	border-top: 0;
	padding: 1.56vw .781vw;
	box-sizing: border-box;
	display: none;
}

.newsBlock.active .newsBlockContBox
{
	display: block;
}

.newsBlockCont , .newsBlockCont p
{
	color: white;
	font-size: .833vw;
	word-break: break-all;
}

/*1***     關於我們     *****/
.aboutBox.OtherBox
{
	background: rgba(0,0,0,.4);
	padding: 5.208vw 13.02vw;
}

.aboutTitBox
{
	margin: 0 0 .26vw 0;
	width: 100%;
	word-break: break-all;
}

.aboutTit
{
	color: white;
	width: 100%;
	font-size: .937vw;
}

.aboutDecro
{
	background: white;
	width: 40%;
	height: 3px;
	margin: 0 0 2.08vw 0;
	position: relative;
}

.aboutDecro::after
{
	background: #FF0000;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 35%;
	height: 100%;
}

.aboutCont , .aboutCont p
{
	color: white;
	font-size: .833vw;
	word-break: break-all;
}

.aboutCont
{
	width: 100%;
	box-sizing: border-box;
	padding: 0 1.04vw;
}

.aboutCont img
{
	max-width: 10.416vw;
	width: auto;
	margin: 0 auto;
}

/*1***     App     *****/
.appBox
{
	background: rgba(0,0,0,.4);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.appBlock
{
	width: 10.416vw;
	display: block;
}

.appBlock:not(:last-child)
{
	margin: 0 1.56vw 0 0;
}

.appImg
{
	width: 100%;
	margin: 0 0 .52vw 0;
}

.appTxt
{
	color: white;
	font-size: .833vw;
	font-weight: 600;
}

/*1***     聊天室     *****/
/*2**    聊天室-懸浮按鈕    ****/
.chatSwitchBox
{
	/* border: 2px solid #FFF3A6; */
	border-radius: .52vw 0 0 .52vw;
	position: fixed;
	right: 0;
	bottom: 500px;
	z-index: 30;
	cursor: pointer;
	display: none;
}

.chatSwitchBox.active
{
	display: block;
}

.chatSwitchBtn
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	border-radius: 7px 0 0 7px;
	padding: .52vw;
}

.chatSwitchBtnTxt i
{
	background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 30px;
}

/*2**    聊天室-聊天室    ****/
.chatBox
{
	/* border: 1px solid #E5C25B; */
	background: #FFFFFF;
	box-shadow: -2px -2px 6px 0 rgba(0,0,0,.2);
	border-radius: 5px 5px 0 0;
	position: fixed;
	right: 20px;
	bottom: 0;
	z-index: 30;
	width: 450px;
	display: none;
}

.chatBox.active
{
	display: block;
}

/*3*   聊天室-聊天室   ***/
.chatContainer
{
	width: 100%;
	position: relative;
}

/*4  聊天室-抬頭+對話視窗  **/
.chatInner
{
	width: 100%;
}

.chatTop
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	border-radius: 5px 5px 0 0;
	width: 100%;
	box-sizing: border-box;
	padding: 7px 15px 7px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chatTit
{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 600;
}

.chatX
{
	color: #FFFFFF;
	font-size: 30px;
	cursor: pointer;
}

.chatListBox
{
	width: 100%;
	padding: 35px 20px 120px 20px;
	box-sizing: border-box;
	height: 410px;
	overflow-y: scroll;
}

.chatListBox::-webkit-scrollbar
{
	background: transparent;
	width: 5px;
	border-radius: 999rem;
}

.chatListBox::-webkit-scrollbar-thumb
{
	background: #FAAF40;
	border-radius: 999rem;
}

.chatList
{
	max-width: 80%;
}

.chatList:not(:last-child)
{
	margin-bottom: 15px;
}

.chatList.right
{
	margin-left: auto;
}

.chatListInf
{
	vertical-align: top !important;
}

.chatListInf
{
	width: calc(100% - 55px);
}

.chatListName
{
	font-size: 12px;
	margin: 0 0 5px 0;
}

.chatListBot
{
	max-width: 100%;
	display: inline-block;
	margin: 0 0 5px 0;
}

.chatList.right .chatListBot
{
	text-align: right;
}

.chatListMsgBox
{
	display: inline-block;
	vertical-align: bottom;
}

.chatListMsgBox
{
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
	max-width: 100%;
	padding: 10px 20px;
	border-radius: 10px;
	position: relative;
}

.chatList.left .chatListMsgBox
{
	background: #B7B7B7;
	margin: 0 5px 0 0;
}

.chatList.right .chatListMsgBox
{
	background: #E5C25B;
}

.chatListMsgBox::after
{
	width: 0;
	height: 0;
	content: '';
	position: absolute;	
	border-style: solid;
	z-index: 2;
	top: 15px;
}

.chatList.left .chatListMsgBox::after
{
	border-color: transparent #B7B7B7 transparent transparent;
	border-width: 7px 10px 7px 0;	
	left: -10px;
}

.chatList.right .chatListMsgBox::after
{
	border-color: transparent transparent transparent #E5C25B;
	border-width: 7px 0 7px 10px;
	right: -10px;
}

.chatListMsg
{
	font-size: 18px;
	word-break: break-all;
}

.chatList.left .chatListMsg
{
	color: black;
}

.chatList.right .chatListMsg
{
	color: black;
}

.chatListTime
{
	width: 100%;
	position: relative;
	padding: 5px 0 0 0;
}

.chatList.right .chatListTime
{
	text-align: left;
}

.chatListTimeTxt
{
	color: black;
	font-size: 12px;
}

/*4  聊天室-輸入訊息視窗  **/
.chatActBox
{
	/* background: linear-gradient(to bottom, #4B3700 0%,black 100%); */
	background: #FFFFFF;
	border-top: 1px solid #F26620;
	display: flex;
	align-content: stretch;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.chatActText
{
	background: #e0e0e0;
	border-radius: 5px;
	flex: 1;
	padding: 0;
	margin: 0 15px 0 0;
}

.chatActText textarea
{
	color: #9e9e9e;
	padding: 7px 7px 0 7px;
	width: 100%;
	min-height: 60px;
	display: block;
}

.chatActText textarea::placeholder
{
	color: #868686;
	font-size: 12px;
}

.chatActBtn
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	border-radius: 5px;
	text-align: center;
	min-width: 60px;
	max-width: 100px;
	cursor: pointer;
}

.chatActBtnTxt
{
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	word-break: break-all;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	font-size: 20px;
	font-weight: 600;
}

/*1***     Footer     *****/
footer
{
	background: linear-gradient(to bottom,#000000 0%,#1E1E1E 50%);
	width: 100%;
}

/*2**    Footer-容器   ****/
.footerContainer
{
	width: 100%;
}

/*3*   Footer-合作對象  ***/
.footerDecro0
{
	width: 54.69vw;
	/* width: 1050px; */
	margin: 0 auto;
	padding: 1.3vw 0;
}

/*3*   Footer-注意事項  ***/
.footerNoticeBox
{
	border-top: 1px solid #808080;
	padding: 2.08vw 0;
	width: calc(100% - 15.625vw);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*4  Footer-注意事項-圖示  **/
.footerNoticeDecro
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1.3vw 0 0;
}

.footerNoticeImg
{
	width: 3.75vw;
}

.footerNoticeImg:not(:last-child)
{
	margin: 0 .52vw 0 0;
}

/*4  Footer-注意事項-說明  **/
.footerNoticeCont
{
	width: 23.125vw;
}

.footerNoticeContTxt
{
	color: #B3B3B3;
	font-size: .833vw;
}

/*3*   Footer-選單  ***/
.footerMenuBox
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 2.6vw 0;
}

.footerMenuBtn
{
	display: block;
}

.footerMenuBtn:not(:last-child)
{
	position: relative;
}

.footerMenuBtn:not(:last-child)::after
{
	background: white;
	width: 2px;
	height: 1.04vw;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.footerMenuBtnTxt
{
	color: #F2F2F2;
	padding: 0 1.3vw;
	font-size: .729vw;
	font-weight: bold;
}

/*2**    Footer-Copyright    ****/
.footerCopyright
{
	background: linear-gradient(to bottom,#000000 0%,#1E1E1E 50%);
	width: 100%;
	text-align: center;
}

.footerCopyrightTxt
{
	color: #CCCCCC;
	font-size: .989vw;
	width: 100%;
	padding: .729vw 0;
}

/*1***     頁碼     *****/
#pagination
{
	padding: 1.04vw 0 0 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.layui-laypage
{
	display: block;
	margin: 0;
}

/*1***     swal彈窗     *****/
body.swal2-shown , .swal2_bg
{
	font-family: 微軟正黑體;
}

.swal2-header::-webkit-scrollbar
{
	background: transparent;
	width: 5px;
	border-radius: 0;	
}

.swal2-header::-webkit-scrollbar-thumb
{
	background: #F26620;
	width: 3px;
	border-radius: 10px;
}

body.swal2-shown
{}

.swal2_bg
{
	font-size:20px;
}

.swal2-header
{
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	min-height: 252px;
	overflow-y: scroll;
	margin: 0;
	display: block !important;
}

.swal2-popup
{
	/* background: linear-gradient(to top, #4B3700 0%,#1C0808 100%) padding-box,linear-gradient(to top, #FFF3A6 0%,#E5C25B 55%,#B57E10 100%) border-box; */
	background: white;
	/* border: 5px solid transparent; */
	border-radius: 0 !important;
	height: 360px;
	background-position: center;
	width: 600px !important;
	padding: 0 !important;
	position: relative;
}

.swal2-popup .swal2-title
{
	color: black !important;
	display: block !important;
	font-size: 20px !important;
	margin: 0 !important;
	width: 100%;
}

.swal2-popup .swal2-content
{
	z-index: 10 !important;
}

.swal2-popup .swal2-content ,
.swal2-popup #swal2-content
{
	text-align: unset !important;
}

.swal2-popup .swal2-actions
{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	margin: 0 0 -15px 0 !important;
}

.swal2-popup .swal2-styled.swal2-confirm ,
.swal2-popup .swal2-styled.swal2-cancel
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%) !important;
	color: #FFFFFF !important;
	box-sizing: border-box !important;
	width: fit-content !important;
	font-size: 20px !important;
	font-weight: normal !important;
	font-family: 微軟正黑體 !important;	
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	cursor: pointer;
	border-radius: 3px !important;
	padding: 17px 0 !important;
	box-shadow: unset !important;
	margin: 0 0 15px 0 !important;
	min-width: 160px !important;
	/* border-bottom-left-radius: 3px !important;
	border-bottom-right-radius: 3px !important; */
}

.swal2-popup .swal2-actions > button:last-child
{
	margin: 0 0 15px 15px !important;
}

.twoBtnBox .swal2-styled.swal2-confirm ,
.twoBtnBox .swal2-styled.swal2-cancel
{
	min-width: 160px !important;
}

.twoBtnBox .swal2-styled.swal2-confirm
{
	/* border-bottom-right-radius: 0 !important; */
}

.twoBtnBox .swal2-styled.swal2-cancel
{
	/* border-bottom-left-radius: 0 !important; */
}

.swal2-success-circular-line-left , .swal2-success-fix , .swal2-success-circular-line-right
{
	background: transparent !important;
}

.swal2-popup .swal2-styled.swal2-cancel , .WdwBtn.WdwClose
{
	background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%) padding-box,linear-gradient(to bottom, #FAAF40 0%,#F26620 100%) border-box !important;
	color: #F15A24 !important;
	border: 2px solid transparent !important;
	margin-left: 2px !important;
	padding: 15px 0 !important;
}

.swal2-icon
{
	color: #ffae31;
	border:.25em solid #ffae31 !important;
	justify-content:center;
	width:5em;
	height:5em;
	margin: 60px calc(50% - 2.75em) 15px calc(50% - 2.75em) !important;	
	border-radius:50%;
	line-height:5em;
	cursor:default;
	box-sizing:content-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	zoom:normal;	
}

.swal2-icon.swal2-info
{
	color: #ffae31;
}

.swal2-icon.swal2-info::before
{
	content:'i';
}

.swal2-icon.swal2-success
{
	border-color: #ffae31 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line]
{
	background-color: #ffae31 !important;
	/* background: linear-gradient(to bottom, #FFF3A6 0%,#E5C25B 55%,#B57E10 100%); */
}

.swal2-icon.swal2-success .swal2-success-ring
{
	border: unset !important;
}

/* 首頁公告 */
.AnnounceBox .swal2-popup
{
	height: unset;
}

.AnnounceBox .swal2-header
{
	background: linear-gradient(to bottom, #FAAF40 0%,#F26620 100%);
	min-height: fit-content;
	overflow-y: unset;
	position: relative;
}

.AnnounceBox .swal2-content
{
	box-sizing: border-box;
	padding: 20px 20px 0 20px;
	height: 260px;
	overflow-y: auto;
}

.AnnounceBox .swal2-content::-webkit-scrollbar
{
	width: 5px;
}

.AnnounceBox .swal2-content::-webkit-scrollbar-thumb
{
	background: #F26620;
	border-radius: 5px;
}

.AnnounceBox .swal2-title
{
	font-size: 26px;
	font-weight: normal;
	width: 100%;
}

.AnnounceBox .swal2_bg
{
	color: #FFFFFF;
	display: block;
	padding: 24px 0;
}

.AnnounceBox .swal2-close
{
	color: #FFFFFF !important;
	border: 3px solid #FFFFFF !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 999rem !important;
	text-align: center !important;
	font-size: 30px !important;
    	font-weight: bold !important;
	line-height: 26px !important;
	right: 20px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.AnnounceBox .swal2-actions
{
	justify-content: flex-end;
}

.AnnounceBox .swal2-checkbox /* Checkbox */
{
	position: absolute;
	left: 20px;
	bottom: 30px;
	z-index: 10;
	margin: 0 !important;
}

.AnnounceBox .swal2-checkbox #swal2-checkbox
{
	background: linear-gradient(to bottom,#CCCCCC 0%,#CCCCCC 100%) padding-box,linear-gradient(to bottom,#B3B3B3 0%,#F2F2F2 100%) border-box;
	border: 2px solid transparent;
	display: block;
	border-radius: 1px;
	width: 20px;
	height: 20px;
	position: relative;
	margin: 0 5px 0 0 !important;
}

.AnnounceBox .swal2-checkbox #swal2-checkbox::after
{
	border: solid #FFFFFF;
	content: '';
	position: absolute;
	left: calc(50% - 1px);
	top: 3px;
	width: 5px;
	height: 10px;	
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg) translateX(-50%);
	-ms-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
	display: none;
}

.AnnounceBox .swal2-checkbox #swal2-checkbox:checked::after
{
	display: block;
}

.AnnounceBox .swal2-checkbox .swal2-label /* Checkbox */
{
	color: #666666;
	font-size: 18px;
}