/*禁止雙擊放大*/
html {
    background-color: #dce4e7;
    touch-action: manipulation;
}

/*--- 金幣獵人CSS ---*/


.gold_hunter .header img{
    width: 100%;
    height: auto;
}
.gold_hunter .header .backTag{
    float: left;
    width: 35px;
    height: 35px;
    padding: 15px 2px 0px 2px;
}
.backTag1{
    position: absolute;
}
.gold_hunter .header .awardTag{
    float: left;
    width: 80px;
    /*height: 90px;*/
    animation: pulse; /* 引用動畫的 @keyframe 名稱 */
    animation-duration: 2s; /* 別忘了設定持續時間 */
    animation-iteration-count: infinite; /* 無限循環 */
}
.gold_hunter .header .headMid{
    float: left;
    width: 68%;
    /*height: 90px;*/
}
.gold_hunter .header .headline{
    float: left;
    min-width: 57%;
    height: 90px;
}
.gold_hunter .header .headline img{
    width: 68%;
    height: auto;
}
.gold_hunter .header .headMid .midTop{
    float: left;
    width: 80%;
    height: 50px;
    margin-top: 10px;
}
.gold_hunter .header .headMid .midTop img{
    float: left;
    width: auto !important;
    height: 100% !important;
}
.gold_hunter .header .loginTag{
    float: left;
    width: 35px;
    /*height: 90px;*/
    padding: 15px 0px;

}



/*---  內容 ---*/

.gold_hunter .content .theme{
    width: 95%;
    position: relative;
    z-index: 1;
}
.gold_hunter .content .theme img{
    width: 100%;
    height: auto;
}
.gold_hunter .visual01{
    width: 75%;
    height: auto;
    position: absolute;
    top: 0%;
    right:-10.5%;
    z-index: 0;

    animation: bounce; /* 引用動畫的 @keyframe 名稱 */
    animation-duration: 2s; /* 別忘了設定持續時間 */
}
.gold_hunter .visual01h{
    width: 75%;
    height: auto;
    position: absolute;
    top: -14%;
    right:-12%;
    z-index: 0;

    animation: bounce; /* 引用動畫的 @keyframe 名稱 */
    animation-duration: 2s; /* 別忘了設定持續時間 */
}
.gold_hunter .visual01c{
    width: 75%;
    height: auto;
    position: absolute;
    top: -10%;
    right:-12%;
    z-index: 0;

    animation: bounce; /* 引用動畫的 @keyframe 名稱 */
    animation-duration: 2s; /* 別忘了設定持續時間 */
}
.gold_hunter .visual02{
    width: 60%;
    height: auto;
    position: absolute;
    top: 4.5%;
    right:-2.5%;
    z-index: 0;

    animation: bounce; /* 引用動畫的 @keyframe 名稱 */
    animation-duration: 2s; /* 別忘了設定持續時間 */
}
.gold_hunter .visual01 img,
.gold_hunter .visual01h img,
.gold_hunter .visual01c img,
.gold_hunter .visual02 img{
    width: 100%;
    height: auto;
}
.gold_hunter .content .btnA{
    width: 100%;
    height: 85px;
}
.gold_hunter .content .btnA img{
    width: auto%;
    height: 100%;
}
/*--- 表單 ---*/

.gold_hunter .content .columns.bgTrans{
    background-color:transparent !important;
}




/* for Chrome, Safari and Opera */
.gold_hunter .content .columns .tableA::-webkit-scrollbar {
    display: none;
}
/* for IE, Edge and Firefox */

.gold_hunter .content .columns .tableA {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    padding-bottom: 100px;
}


.gold_hunter .content .columns .tableA table tr{
    height: 40px;
    font-size: 13px;
    border-bottom: 1px solid #6e6e6e;
}
.gold_hunter .content .columns .tableA table tr td{
    padding: 5px 0;
}


/*--- tableB ---*/
.gold_hunter .content .columns .tableB{
    width: 100%;
    margin-top:15px;
    border-radius: 25px;
    background-color: #1f1f1f;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableB .titleB{
    width: 90%;
    height: 50px;
    margin: 15px 5% 5px 5%;
    background-image: url("../../img/line.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    background-position: 0 50%;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableB .titleB .titleFont{
    /*width: 30%;*/
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 550;
    text-align: center;
    color: #000;
    padding: 0 25px;
    margin: 5px 0;
    border-radius: 50px;
    background-color: #ededed;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableB .titleB .titleUserName{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 550;
    text-align: left;
    color: #000;
    padding: 0 10px;
    margin: 5px 0;
    border-radius: 10px;
    background-color: #ededed;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableB .contA{
    width: 90%;
    /*height: 50px;*/
    margin: 0 5%;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableB .contA img{
    width: 100%;
    height: auto;
}
.gold_hunter .content .columns .tableB .contA .row>[class^=col-] {
    padding-left:0;
    padding-right:0;
}



/*-- tableC --*/

.gold_hunter .content .columns .tableC .row>[class^=col-] {
    padding-left:5px;
    padding-right:5px;
}


.gold_hunter .content .columns .tableC .form-control.form-control-lg,
.gold_hunter .content .columns .tableC .form-control.input-lg {
    font-size: 16px;
}

.gold_hunter .content .columns .tableD{
    width: 94.5%;
    margin:40px 10px 30px 10px;
    /*background-color: #6d767f;*/
    position: relative;
    z-index: 2;
}

.gold_hunter .content .columns .tableD form .col-form-label-lg {
    font-size: 17px;
    font-weight: 550;
    padding: 0; 
    margin: 0;
}
.gold_hunter .content .columns .tableD form .col-form-label-sm {
    font-size: 14px;
    color: #a7a7a7;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 0;
}

.gold_hunter .content .columns .tableD form .form-check-inline {
    width: 100%;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    display: inline-block;
    text-align: center;
}
.gold_hunter .content .columns .tableD form .form-check a{
    width: 100%;
    line-height: 1;
    display: inline-block;
    text-align: right;
}
.gold_hunter .content .columns .tableD .hintext{
    width: 90%;
    height: 30px;
    margin: 0px 5%;
    text-align: center;
    background-image: url("../../img/line.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    background-position: 0 50%;
    position: relative;
    z-index: 2;
}

.gold_hunter .content .columns .tableD .btnB{
    width: 100%;
 }
.gold_hunter .content .columns .tableD .buttonA{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #FFF;
    text-align: left;
    padding-left: 15%;
    outline:none;
    border-style: none;
    background-image: url("../../img/btn05.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: unset;
}

.gold_hunter .content .columns .tableC{
    width: 100%;
    margin:50x 0 30px 0;
    padding: 10px 5% 0 5%;
    /*background-color: #6d767f;*/
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableC .titlrC{
    width: 100%;
    height: 60px;
    margin:0;
    text-align: center;
    /*background-color: #6d767f;*/
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableC .titlrC img{
    width:auto;
    height: 100%;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableC h5{
    width: 100%;
    display: inline-block;
    margin-bottom:20px;
    text-align: center;
    /*background-color: #6d767f;*/
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableC p{
    width: 100%;
    padding: 0 20%;
    /*letter-spacing: 2px;*/
    display: inline-block;
    text-align: center;
    color: white;
}
.gold_hunter .content .columns .tableC .buttonC{
    width: 180px;
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    display: inline-block;
    color: #FFF;
    margin: 0 0 5px 0;
    outline:none;
    border-style: none;
    background-image: url("../../img/btn06.png");
    background-size: cover;
    background-color: unset;
}

.gold_hunter .content .columns .tableC .photoFrame#avarimgs,#xdaTanFileImg,.imageUpload{
    width:100%;
    height: auto;
}
.gold_hunter .content .columns .tableC .photoFrame #xdaTanFileImg,.imageUpload{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99;
}
.gold_hunter .content .columns .tableC .photoFrame .img-thumbnail {
    width:auto;
    height:85%;

    padding:0;
    background-color:unset;
    border:unset;
    border-radius:unset;
    position: relative;
    top: -5px;
}

/*--- color ---*/
.gold_hunter .color01{
    color: #ff0000 !important;
}
.gold_hunter .color02{
    color: #1883ff !important;
}

.gold_hunter .color04{
    color: #989898 !important;
}
.gold_hunter .color05{
    background-color: #20bac4;
}


/*-- copyright --*/

.gold_hunter .copyrightLogin{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 2;
}


/*--- 跳出視窗 ---*/
.gold_hunter .modal-dialog, .Warm_reminderModal .modal-dialog, .agio_style .modal-dialog{
    width:100%;
    height: 100%;
    margin: 0;
    /* overflow-y: scroll; */
}
.modal {
    z-index: 16 !important;
}
.modal-backdrop {
    z-index: 15 !important;
}
@media (min-width: 800px) {
    .gold_hunter .modal-dialog,  .Warm_reminderModal .modal-dialog{
        max-width:100% !important;
        height: 100%;
        margin: 0;
    }
}
.gold_hunter .modal-dialog .modal-content, .Warm_reminderModal .modal-dialog .modal-content, .agio_style .modal-dialog .modal-content{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    background-color: #1f1f1f ;
    background-clip: unset;
    border:none;
    box-shadow: none;
    border-radius:0;
    outline: 0;
}

.gold_hunter .modal-header,  .Warm_reminderModal .modal-header{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:0;
    border-bottom:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.gold_hunter .modal-body,  .Warm_reminderModal .modal-body, .agio_style .modal-body{
    width: 100%;
    height: 100%;
    padding: 0 5%;
    /*overflow: hidden;*/
    background-color: transparent;
    /* display: flex; */
    /*overflow-y: auto;*/
    position: relative;
    top: 15%;
    z-index: 1;
}
.Warm_reminderModal .modal-body .tab-content .titleHeader{
    width: 100%;
    height: 30px;
    position: relative;
}
 .Warm_reminderModal .modal-body .tab-content .titleHeader img{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
}
.gold_hunter .modal-body .tab-content, .Warm_reminderModal .modal-body .tab-content, .agio_style .modal-body .tab-content{
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    border-radius:30px;
}
.golifu_Box .modal-body .tabCont {
    width: 80% !important;
    height: auto;
    margin: 0 10%;
    font-size: 2px;
    position:relative;
    z-index: 9;
}
.red-outline-text {
  font-size: 3em; /* 依實際需求調整大小 */
  color: red; /* 文字填色 */
  font-weight: bold;
  text-shadow:
    -1px -1px 0 yellow,
    1px -1px 0 yellow,
    -1px 1px 0 yellow,
    1px 1px 0 yellow,
    0px -1px 0 yellow,
    0px 1px 0 yellow,
    -1px 0px 0 yellow,
    1px 0px 0 yellow;
}
/*--- 內容 ---*/

/* for Chrome, Safari and Opera */
.gold_hunter .modal-body .tabCont::-webkit-scrollbar, .Warm_reminderModal .modal-body .tabCont::-webkit-scrollbar{
    display: none;
}
/* for IE, Edge and Firefox */

.gold_hunter .modal-body .tabCont ,.Warm_reminderModal .modal-body .tabCont, .agio_style .modal-body .tabCont{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.gold_hunter .modal-body .tabCont table ,.agio_style .modal-body .tabCont table{
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    table-layout: fixed;
    position: relative;
    z-index: 2;
}


.gold_hunter .modal-body button ,.Warm_reminderModal .modal-body button, .agio_style .modal-body button{
    background-color: transparent !important;
    outline:none;
    border: 0;
}
.Warm_reminderModal .modal-body .closeBtnA {
    width: 100%;
    height: 65px;
    text-align: center;
    position: relative;
    top: -10px;
    z-index: 9;
}
.gold_hunter .modal-body .closeBtnA img ,.Warm_reminderModal .modal-body .closeBtnA img{
    width:auto;
    height: 100%;
}





/*---客服---*/
.floatButton {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 18%;
    /*left: 0;*/
    right: 2%;
    margin:0 auto;
    z-index: 9;
}
.floatButton img{
    width: 100%;
    height: auto;
}
/*-------- 控制設定 --------*/
/*---置中---*/
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*---置上---*/
.flex-start {
    display: flex;
    align-items: start;
    justify-content: center;
}
/*---置下---*/
.flex-start {
    display: flex;
    align-items: end;
    justify-content: center;
}
/*---置中左---*/
.flex-left {
    display: flex;
    align-items: center;
    justify-content: start;
}
/*---置中右---*/
.flex-right {
    display: flex;
    align-items: center;
    justify-content: end;
}
/*---置上左---*/
.flex-start-left {
    display: flex;
    align-items: start;
    justify-content: start;
}
/*---置上右---*/
.flex-start-right {
    display: flex;
    align-items: start;
    justify-content: end;
}
/*---置下左---*/
.flex-end-left {
    display: flex;
    align-items: end;
    justify-content: start;
}
/*---置下右---*/
.flex-end-right {
    display: flex;
    align-items: end;
    justify-content: end;
}
/*---字置中---*/
.textAlignC{
    text-align:center ;
}
/*---字置左---*/
.textAlignL{
    text-align:left ;
}
/*---字置中---*/
.textAlignR{
    text-align:right ;
}

/*--- overflowHidden ---*/
.overflowhide{
    overflow: hidden;
}

/*--- margin-0 ---*/
.m0{
    margin: 0 !important;
}
/*--- margin-right-right ---*/
.mrl0{
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mrl1{
    margin-right: 1px !important;
    margin-left: 1px !important;
}
.mrl2{
    margin-right: 2px !important;
    margin-left: 2px !important;
}
.mrl3{
    margin-right: 3px !important;
    margin-left: 3px !important;
}
.mrl4{
    margin-right: 4px !important;
    margin-left: 4px !important;
}
.mrl5{
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.mrl6{
    margin-right: 6px !important;
    margin-left: 6px !important;
}
.mrl7{
    margin-right: 7px !important;
    margin-left: 7px !important;
}
.mrl8{
    margin-right: 8px !important;
    margin-left: 8px !important;
}
.mrl9{
    margin-right: 9px !important;
    margin-left: 9px !important;
}
.mrl10{
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.mrl11{
    margin-right: 11px !important;
    margin-left: 11px !important;
}
.mrl12{
    margin-right: 12px !important;
    margin-left: 12px !important;
}
.mrl13{
    margin-right: 13px !important;
    margin-left: 13px !important;
}
.mrl14{
    margin-right: 14px !important;
    margin-left: 14px !important;
}
.mrl15{
    margin-right: 15px !important;
    margin-left: 15px !important;
}
.mrl16{
    margin-right: 16px !important;
    margin-left: 16px !important;
}
.mrl17{
    margin-right: 17px !important;
    margin-left: 17px !important;
}
.mrl18{
    margin-right: 18px !important;
    margin-left: 18px !important;
}
.mrl19{
    margin-right: 19px !important;
    margin-left: 19px !important;
}
.mrl120{
    margin-right: 20px !important;
    margin-left: 20px !important;
}
/*--- padding-top-bottom ---*/
.mtb0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*--- margin-bottom ---*/
.mb1{
    margin-bottom: 1px !important;
}
.mb2{
    margin-bottom: 2px !important;
}
.mb3{
    margin-bottom: 3px !important;
}
.mb4{
    margin-bottom: 4px !important;
}
.mb5{
    margin-bottom: 5px !important;
}
.mb6{
    margin-bottom: 6px !important;
}
.mb7{
    margin-bottom: 7px !important;
}
.mb8{
    margin-bottom: 8px !important;
}
.mb9{
    margin-bottom: 9px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb11{
    margin-bottom: 11px !important;
}
.mb12{
    margin-bottom: 12px !important;
}
.mb13{
    margin-bottom: 13px !important;
}
.mb14{
    margin-bottom: 14px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb16{
    margin-bottom: 16px !important;
}
.mb17{
    margin-bottom: 17px !important;
}
.mb18{
    margin-bottom: 18px !important;
}
.mb19{
    margin-bottom: 19px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
/*--- margin-top ---*/
.mt1{
    margin-top: 1px !important;
}
.mt2{
    margin-top: 2px !important;
}
.mt3{
    margin-top: 3px !important;
}
.mt4{
    margin-top: 4px !important;
}
.mt5{
    margin-top: 5px !important;
}
.mt6{
    margin-top: 6px !important;
}
.mt7{
    margin-top: 7px !important;
}
.mt8{
    margin-top: 8px !important;
}
.mt9{
    margin-top: 9px !important;
}
.mt10{
    margin-top: 10px !important;
}
.mt11{
    margin-top: 11px !important;
}
.mt12{
    margin-top: 12px !important;
}
.mt13{
    margin-top: 13px !important;
}
.mt14{
    margin-top: 14px !important;
}
.mt15{
    margin-top: 15px !important;
}
.mt16{
    margin-top: 16px !important;
}
.mt17{
    margin-top: 17px !important;
}
.mt18{
    margin-top: 18px !important;
}
.mt19{
    margin-top: 19px !important;
}
.mt20{
    margin-top: 20px !important;
}
/*--- margin-left ---*/
.ml1{
    margin-left: 1px !important;
}
.ml2{
    margin-left: 2px !important;
}
.ml3{
    margin-left: 3px !important;
}
.ml4{
    margin-left: 4px !important;
}
.ml5{
    margin-left: 5px !important;
}
.ml6{
    margin-left: 6px !important;
}
.ml7{
    margin-left: 7px !important;
}
.ml8{
    margin-left: 8px !important;
}
.ml9{
    margin-left: 9px !important;
}
.ml10{
    margin-left: 10px !important;
}
.ml11{
    margin-left: 11px !important;
}
.ml12{
    margin-left: 12px !important;
}
.ml13{
    margin-left: 13px !important;
}
.ml14{
    margin-left: 14px !important;
}
.ml15{
    margin-left: 15px !important;
}
.ml16{
    margin-left: 16px !important;
}
.ml17{
    margin-left: 17px !important;
}
.ml18{
    margin-left: 18px !important;
}
.ml19{
    margin-left: 19px !important;
}
.ml20{
    margin-left: 20px !important;
}
/*--- margin-right ---*/
.mr1{
    margin-right: 1px !important;
}
.mr2{
    margin-right: 2px !important;
}
.mr3{
    margin-right: 3px !important;
}
.mr4{
    margin-right: 4px !important;
}
.mr5{
    margin-right: 5px !important;
}
.mr6{
    margin-right: 6px !important;
}
.mr7{
    margin-right: 7px !important;
}
.mr8{
    margin-right: 8px !important;
}
.mr9{
    margin-right: 9px !important;
}
.mr10{
    margin-right: 10px !important;
}
.mr11{
    margin-right: 11px !important;
}
.mr12{
    margin-right: 12px !important;
}
.mr13{
    margin-right: 13px !important;
}
.mr14{
    margin-right: 14px !important;
}
.mr15{
    margin-right: 15px !important;
}
.mr16{
    margin-right: 16px !important;
}
.mr17{
    margin-right: 17px !important;
}
.mr18{
    margin-right: 18px !important;
}
.mr19{
    margin-right: 19px !important;
}
.mr20 {
    margin-right: 20px !important;
}
/*--- padding-0 ---*/
.p0{
    padding: 0 !important;
}
/*--- padding-left-right ---*/
.prl0{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/*--- padding-top-bottom ---*/
.ptb0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*--- padding-bottom ---*/
.pb1{
    padding-bottom: 1px !important;
}
.pb2{
    padding-bottom: 2px !important;
}
.pb3{
    padding-bottom: 3px !important;
}
.pb4{
    padding-bottom: 4px !important;
}
.pb5{
    padding-bottom: 5px !important;
}
.pb6{
    padding-bottom: 6px !important;
}
.pb7{
    padding-bottom: 7px !important;
}
.pb8{
    padding-bottom: 8px !important;
}
.pb9{
    padding-bottom: 9px !important;
}
.pb10{
    padding-bottom: 10px !important;
}
.pb11{
    padding-bottom: 11px !important;
}
.pb12{
    padding-bottom: 12px !important;
}
.pb13{
    padding-bottom: 13px !important;
}
.pb14{
    padding-bottom: 14px !important;
}
.pb15{
    padding-bottom: 15px !important;
}
.pb16{
    padding-bottom: 16px !important;
}
.pb17{
    padding-bottom: 17px !important;
}
.pb18{
    padding-bottom: 18px !important;
}
.pb19{
    padding-bottom: 19px !important;
}
.pb20{
    padding-bottom: 20px !important;
}
/*--- margin-top ---*/
.pt1{
    padding-top: 1px !important;
}
.pt2{
    padding-top: 2px !important;
}
.pt3{
    padding-top: 3px !important;
}
.pt4{
    padding-top: 4px !important;
}
.pt5{
    padding-top: 5px !important;
}
.pt6{
    padding-top: 6px !important;
}
.pt7{
    padding-top: 7px !important;
}
.pt8{
    padding-top: 8px !important;
}
.pt9{
    padding-top: 9px !important;
}
.pt10{
    padding-top: 10px !important;
}
.pt11{
    padding-top: 11px !important;
}
.pt12{
    padding-top: 12px !important;
}
.pt13{
    padding-top: 13px !important;
}
.pt14{
    padding-top: 14px !important;
}
.pt15{
    padding-top: 15px !important;
}
.pt16{
    padding-top: 16px !important;
}
.pt17{
    padding-top: 17px !important;
}
.pt18{
    padding-top: 18px !important;
}
.pt19{
    padding-top: 19px !important;
}
.pt20{
    padding-top: 20px !important;
}
/*--- padding-left ---*/
.pl1{
    padding-left: 1px !important;
}
.pl2{
    padding-left: 2px !important;
}
.pl3{
    padding-left: 3px !important;
}
.pl4{
    padding-left: 4px !important;
}
.pl5{
    padding-left: 5px !important;
}
.pl6{
    padding-left: 6px !important;
}
.pl7{
    padding-left: 7px !important;
}
.pl8{
    padding-left: 8px !important;
}
.pl9{
    padding-left: 9px !important;
}
.pl10{
    padding-left: 10px !important;
}
.pl11{
    padding-left: 11px !important;
}
.pl12{
    padding-left: 12px !important;
}
.pl13{
    padding-left: 13px !important;
}
.pl14{
    padding-left: 14px !important;
}
.pl15{
    padding-left: 15px !important;
}
.pl16{
    padding-left: 16px !important;
}
.pl17{
    padding-left: 17px !important;
}
.pl18{
    padding-left: 18px !important;
}
.pl19{
    padding-left: 19px !important;
}
.pl20{
    padding-left: 20px !important;
}
/*--- padding-right ---*/
.pr1{
    padding-right: 1px !important;
}
.pr2{
    padding-right: 2px !important;
}
.pr3{
    padding-right: 3px !important;
}
.pr4{
    padding-right: 4px !important;
}
.pr5{
    padding-right: 5px !important;
}
.pr6{
    padding-right: 6px !important;
}
.pr7{
    padding-right: 7px !important;
}
.pr8{
    padding-right: 8px !important;
}
.pr9{
    padding-right: 9px !important;
}
.pr10{
    padding-right: 10px !important;
}
.pr11{
    padding-right: 11px !important;
}
.pr12{
    padding-right: 12px !important;
}
.pr13{
    padding-right: 13px !important;
}
.pr14{
    padding-right: 14px !important;
}
.pr15{
    padding-right: 15px !important;
}
.pr16{
    padding-right: 16px !important;
}
.pr17{
    padding-right: 17px !important;
}
.pr18{
    padding-right: 18px !important;
}
.pr19{
    padding-right: 19px !important;
}
.pr20 {
    padding-right: 20px !important;
}


.buyPoints_onlogin_span{
    
    line-height: 43px;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 50px;
    position: relative;
    z-index: 2;
    background-color: #f23d5d;
    text-align: center;
}
.buyPoints_onlogin_span2{
    line-height: 27px;
    border-style: solid;
    border-width: 1px;
    border-radius: 16px;
    font-size: 16px;
    text-align: center;
}
/*動畫*/
@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .fadeInLeft {
    animation: fadeInLeft 1s ease-in-out forwards;
  }
/*實名制*/

.cert_input{
    width: 100%;
}
/*首頁header menu的按鈕*/
.header .menu_btn{
    background-image: url(../../img/btn07.png);
    line-height: 50px;
    font-size: 14px;
    color: #7e7e7e;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-weight: 600;
}
.header .col-4{
    max-width: 31.333333% !important;
}
/*隱私條款*/

.gold_hunter .modal2 .modal-body .tab-content, .Warm_reminderModal .modal-body .tab-content{
    background: #1f1f1f  !important;
}
#Warm_reminderModalA{
    background-image: url(../../img/new0711/msg_bg.png) !important;
    background-size: cover;
    background-color: unset !important;
    background-repeat: no-repeat !important;
    height: 281px;
    padding: 0px;
    background-position: center;
}
.Warm_reminderModal2 .modal-body .tab-content{
    background: #e4f9f600 !important;
    padding: 0 !important;
}
.Privacy_p{
    color: white;
    font-size: 16px;
    margin-bottom: 13px;
}
#Privacy_Policy .modal-body{
    top: 2% !important;
    overflow: auto;
    padding-bottom: 39px;
}
#Privacy_Policy .modal-body .tabCont{
    width: 94.5%;
    /*height: 450px;*/
    overflow-y: auto;
    position: relative;
    z-index: 2;
    padding: 0px;
}
#Privacy_PolicyA h3{
    font-size: 20px !important;
    color: #fadf68;
    text-shadow: -1px -1px 2px #395d7c, 1px -1px 2px #395d7c, -1px 1px 2px #395d7c, 1px 1px 2px #395d7c;
}
/*忘記密碼*/
.forgetThePassword_p{
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 13px;
}
/*溫馨提醒*/
#Warm_reminder_p{
    font-size: 19px;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 307px;
    margin: auto;
    width: 87%;
}
.Warm_reminderModal2-title{
    position: absolute;
    top: -12px;
    left: 31%;
}
.Warm_reminderModal2-btn{
        width: 100%;
    height: 41px;
    line-height: 40px;
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    margin: 0 0 5px 0;
    outline: none;
    background: linear-gradient(to right, #61cadd 0%, #2658b2 100%);
    border-radius: 9px;
    border: none;
    font-weight: bolder;
}
/*交易紀錄*/
.gold_hunter #transaction_history .modal-body{
    top: 9% !important;
}
.gold_hunter #transaction_history .modal-body .tabCont{
    width: 100%;
    height: 450px;
    overflow-y: auto;
    position: relative;
    z-index: 2;
    padding: 0px;
}
.gold_hunter #transaction_history .modal-body .tabCont table th{
    background-color: #e4f9f6;
    color: #000 !important;
}
.gold_hunter #transaction_history .modal-body .tabCont table th{
    font-size: 15px;
}
.gold_hunter #transaction_history .modal-body .tabCont table tr {
    font-size: 15px;
}
.gold_hunter .modal-body .tabCont table tr td.購買{
    color: red !important;
}
.gold_hunter #transaction_history .modal-body .tabCont table tr td:nth-child(3){
    color: #000 !important;
}
.gold_hunter #transaction_history .modal-body .tabCont table tr td:nth-child(5){
    color: #B9C565 !important;
}
/*訂單資訊*/
.order_business .title{
    font-size: 18px !important;
    color: #fadf68;
    text-shadow: -1px -1px 2px #395d7c, 1px -1px 2px #395d7c, -1px 1px 2px #395d7c, 1px 1px 2px #395d7c;
    font-weight: 600;
    text-align: left;
}
.order_business .content{
    font-size: 18px !important;
    font-weight: 800;
    color: white;
    text-align: center;
}
.order_business .content-ol{
    font-size: 15px !important;
    font-weight: 800;
    color: white;
    text-align: left;
}
/*繳款資訊*/
.order_business_2_title{
    font-size: 18px !important;
    color: red;
    font-weight: 600;
    text-align: center;
}



/*股票版本 0711 修改*/
.gold_hunter .content{
    box-sizing: border-box;
    margin-left: 0 !important;
    width: 100%;
    padding: 0 20px 10px 20px !important;
    position: relative;
    z-index: 1;
}
.gold_hunter .header{
    width: 100%;
    padding-top: 6px;
    padding-bottom: 2px;
    position: relative;
    z-index: 1 !important;
}
.gold_hunter .header > .row{
    align-items: center;
    flex-wrap: nowrap;
}
.gold_hunter .header img{
    max-height: 54px;
    object-fit: contain;
}
.gold_hunter .header .header-logo-slot,
.gold_hunter .header .header-title-slot,
.gold_hunter .header .header-verify-slot,
.gold_hunter .header .header-action-slot{
    min-width: 0;
}
.gold_hunter .header .header-logo-slot{
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 0 10px 0 0;
}
.gold_hunter .header .header-title-slot > .col-12{
    padding-left: 6px;
    padding-right: 4px;
}
.gold_hunter .header .header-title-slot.is-member{
    flex: 0 0 28%;
    max-width: 28%;
}
.gold_hunter .header .header-title-slot.is-member .stock-style-menu-title{
    font-size: 21px;
}
.gold_hunter .header .header-title-slot.is-member .stock-style-menu-title2{
    font-size: 10px;
    white-space: nowrap;
}
.gold_hunter .header .header-logo-slot img{
    max-height: 52px;
    max-width: 100%;
    width: auto;
}
.gold_hunter .header .header-verify-slot{
    align-items: center;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}
.gold_hunter .header .header-verify-slot.is-verified,
.gold_hunter .header .header-verify-slot.is-unverified{
    left: 50%;
    position: absolute;
    top: 56%;
    transform: translate(-50%, -50%);
    width: 84px;
    z-index: 3;
}
.gold_hunter .header .header-verify-slot img{
    border: 0;
    max-height: 68px;
    max-width: 100%;
    outline: none;
    width: auto;
}
.gold_hunter .header .header-verify-slot.is-verified img{
    filter:
        brightness(0)
        saturate(100%)
        invert(82%)
        sepia(73%)
        saturate(937%)
        hue-rotate(351deg)
        brightness(101%)
        contrast(103%);
}
.gold_hunter .header .header-verify-slot.is-unverified img{
    animation: verifyBlink 1.05s ease-in-out infinite;
}
.gold_hunter .header .header-action-slot{
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
}
.gold_hunter .header .header-action-slot.is-member{
    justify-content: flex-end;
    padding-right: 14px;
}
.gold_hunter .header .header-action-slot img{
    max-height: 40px;
    max-width: 100%;
    width: 100%;
}
.gold_hunter .header .header-action-slot.is-member img{
    max-height: 44px;
    max-width: none;
    width: 96px;
}
@keyframes verifyBlink {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(255, 212, 90, 0));
        opacity: 1;
        transform: scale(1);
    }
    50% {
        filter: drop-shadow(0 0 9px rgba(255, 212, 90, .95));
        opacity: .58;
        transform: scale(1.08);
    }
}
.gold_hunter {
    background-color: #1f1f1f;
}
#indexDiv_index.wrap_rwd.gold_hunter{
    display: flex;
    flex-direction: column;
}
.stock-style-menu-title{
    font-size: 26px;
    color: white;
    font-weight: bolder;
    display: inline-grid;
    align-items: end;
    line-height: 1;
    margin-bottom: 4px;
}
.stock-style-menu-title2{
    font-size: 12px;
    color: white;
    line-height: 1.2;
}
.stock-style-img{
    width: 100%;
    height: auto;
}
.stock-style-box {
  border-radius: 12px;
}
.home-trade-actions {
    align-items: stretch;
    padding-top: 4px;
}
.home-trade-button-col {
    display: flex;
}
.home-trade-button {
    align-items: center;
    appearance: none;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(255,255,255,0.32);
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    gap: clamp(3px, 1.5vw, 6px);
    justify-content: center;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(7px, 2.4vw, 12px) 8px clamp(8px, 2.4vw, 10px);
    position: relative;
    text-shadow: 0 2px 2px rgba(0,0,0,0.22);
    transition: box-shadow 160ms ease, filter 160ms ease, transform 160ms ease;
    width: 100%;
    z-index: 0;
}
.home-trade-button-buy {
    background:
        radial-gradient(circle at 28% 16%, rgba(255,255,255,0.62) 0 15%, rgba(255,255,255,0) 34%),
        linear-gradient(135deg, #ff0038 0%, #ff2f20 43%, #ff8a00 100%);
    box-shadow:
        0 15px 20px rgba(0,0,0,0.38),
        0 0 16px rgba(255,54,31,0.42),
        inset 0 1px 0 rgba(255,255,255,0.72),
        inset 0 -13px 17px rgba(148,21,0,0.3);
}
.home-trade-button-sell {
    background:
        radial-gradient(circle at 28% 16%, rgba(255,255,255,0.64) 0 15%, rgba(255,255,255,0) 34%),
        linear-gradient(135deg, #00f0ff 0%, #009cff 45%, #123cff 100%);
    box-shadow:
        0 15px 20px rgba(0,0,0,0.38),
        0 0 16px rgba(0,176,255,0.44),
        inset 0 1px 0 rgba(255,255,255,0.74),
        inset 0 -13px 17px rgba(0,35,142,0.32);
}
.home-trade-button::before,
.home-trade-button::after {
    content: "";
    pointer-events: none;
    position: absolute;
}
.home-trade-button::before {
    border-radius: 12px 12px 40% 40%;
    background:
        linear-gradient(115deg, rgba(255,255,255,0) 13%, rgba(255,255,255,0.58) 42%, rgba(255,255,255,0) 64%),
        linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.1) 68%, rgba(255,255,255,0) 100%);
    height: 58%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
.home-trade-button::after {
    background: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(0,0,0,0.2));
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 -4px 8px rgba(0,0,0,0.15);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.home-trade-icon {
    display: block;
    height: 64px;
    position: relative;
    width: 80px;
    z-index: 2;
}
.home-trade-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0) 42%),
        linear-gradient(135deg, #fff 0%, #f7fbff 54%, #e8eef6 100%);
    border-radius: 9px;
    bottom: 13px;
    box-shadow:
        0 4px 0 rgba(135,34,18,0.18),
        0 9px 13px rgba(0,0,0,0.2),
        inset 0 1px 0 rgba(255,255,255,0.85),
        inset 0 -2px 5px rgba(91,33,18,0.14);
    display: block;
    height: 50px;
    left: 9px;
    overflow: hidden;
    position: absolute;
    transform: rotate(-7deg);
    width: 70px;
}
.home-trade-card::before {
    background: rgba(255,47,32,0.95);
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    right: 0;
    top: 9px;
}
.home-trade-card::after {
    background: rgba(255,47,32,0.34);
    border-radius: 50%;
    content: "";
    height: 42px;
    position: absolute;
    right: -14px;
    top: -14px;
    width: 42px;
}
.home-trade-card-chip {
    background:
        linear-gradient(90deg, transparent 46%, rgba(255,255,255,0.54) 46% 54%, transparent 54%),
        linear-gradient(180deg, transparent 46%, rgba(255,255,255,0.54) 46% 54%, transparent 54%),
        linear-gradient(135deg, #ffd76a, #d49a20);
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(126,68,0,0.18);
    height: 16px;
    left: 9px;
    position: absolute;
    top: 24px;
    width: 20px;
    z-index: 1;
}
.home-trade-card-lines {
    background: rgba(255,47,32,0.82);
    border-radius: 999px;
    bottom: 12px;
    box-shadow:
        14px 0 0 rgba(255,47,32,0.5),
        31px 0 0 rgba(255,47,32,0.5),
        0 9px 0 rgba(255,47,32,0.38),
        22px 9px 0 rgba(255,47,32,0.38);
    height: 4px;
    left: 37px;
    position: absolute;
    width: 9px;
    z-index: 1;
}
.home-trade-icon-sell .home-trade-bag {
    background: #fff;
    border-radius: 48% 48% 38% 38%;
    bottom: 5px;
    height: 56px;
    left: 16px;
    position: absolute;
    width: 56px;
}
.home-trade-icon-sell .home-trade-bag::before {
    background: #fff;
    border-radius: 5px 5px 2px 2px;
    content: "";
    height: 14px;
    left: 16px;
    position: absolute;
    top: -10px;
    transform: rotate(45deg);
    width: 24px;
}
.home-trade-icon-sell .home-trade-bag::after {
    color: #008cff;
    content: "$";
    font-size: 36px;
    font-weight: 900;
    left: 18px;
    line-height: 1;
    position: absolute;
    top: 12px;
}
.home-trade-label {
    font-size: clamp(18px, 5.4vw, 22px);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.home-trade-button:hover {
    filter: saturate(1.18) brightness(1.08);
    transform: translateY(-2px);
}
.home-trade-button:focus {
    outline: none;
}
.home-trade-button:focus-visible {
    outline: 3px solid rgba(255,255,255,0.68);
    outline-offset: 3px;
}
.home-trade-button:active {
    filter: brightness(0.98);
    transform: translateY(3px);
}
.home-trade-button-buy:active {
    box-shadow:
        0 8px 12px rgba(0,0,0,0.34),
        0 0 10px rgba(255,54,31,0.36),
        inset 0 1px 0 rgba(255,255,255,0.42),
        inset 0 -7px 12px rgba(116,28,0,0.24);
}
.home-trade-button-sell:active {
    box-shadow:
        0 8px 12px rgba(0,0,0,0.34),
        0 0 10px rgba(0,176,255,0.38),
        inset 0 1px 0 rgba(255,255,255,0.45),
        inset 0 -7px 12px rgba(0,33,100,0.28);
}
.trade-page-badge-wrap {
    display: flex;
}
.trade-page-badge {
    align-items: center;
    aspect-ratio: 202 / 188;
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    gap: 1px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-shadow: 0 2px 2px rgba(0,0,0,0.22);
    width: 100%;
}
.trade-page-badge::before,
.trade-page-badge::after {
    content: "";
    pointer-events: none;
    position: absolute;
}
.trade-page-badge::before {
    background:
        linear-gradient(115deg, rgba(255,255,255,0) 13%, rgba(255,255,255,0.45) 42%, rgba(255,255,255,0) 64%),
        linear-gradient(180deg, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0) 100%);
    border-radius: 12px 12px 40% 40%;
    height: 58%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
.trade-page-badge::after {
    background: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(0,0,0,0.16));
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
}
.trade-page-badge-buy {
    background:
        radial-gradient(circle at 32% 19%, rgba(255,255,255,0.42) 0 16%, rgba(255,255,255,0) 36%),
        linear-gradient(135deg, #ff2437 0%, #ff604d 47%, #ff9458 100%);
}
.trade-page-badge-sell {
    background:
        radial-gradient(circle at 32% 19%, rgba(255,255,255,0.45) 0 16%, rgba(255,255,255,0) 36%),
        linear-gradient(135deg, #70e4e4 0%, #4bb8dc 45%, #0754c7 100%);
}
.trade-page-badge-icon {
    transform: scale(0.78);
    transform-origin: center;
    z-index: 2;
}
.trade-page-badge-label {
    font-size: clamp(17px, 5vw, 22px);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    z-index: 2;
}

/*---  跑馬燈 ---*/
.gold_hunter .home-marquee-row {
    align-items: center;
    margin-top: 14px;
}
.gold_hunter .marqueeHunter {
   width: 100%;
    margin: 0;
    position: relative;
    bottom: auto;
    z-index: 9;
    border: 1px solid #ffffff5c;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 15px;
}



.gold_hunter .marqueeHunter .marquee {
    
    width: 100%;
    height: 22px;
    line-height: 24px;
    font-size: 15px;
    display: inline-block;
    margin: 0 0 0 5%;
    padding: 0;
    color: white;
    /* overflow: visible; */
    position: relative;
    z-index: 8;
}

.gold_hunter .marqueeHunter .marquee {
    margin: 0;
    padding: 0;
}
/*---  跑馬燈END ---*/
/*交易進度表單*/
.gold_hunter .home-progress-section {
    margin-top: 6px;
}
.gold_hunter .content .columns{
        width: 100%;
    /* min-height: 350px; */
    /* padding-bottom: 50px; */
    /* border-radius: 25px; */
    /* background-color: #FFF; */
    /* position: relative; */
    height: 485px;
}
#index_buypage .columns,
#index_sellpage .columns{
    height: auto;
}
.gold_hunter .content .columns .title-colcrA{
    background-color: #1f1f1f;
    color: #ffd45a;
}
.gold_hunter .content .columns .titleA{
        width: 100%;
    height: 32px;
    padding: 0 5%;
    line-height: 32px;
    color: #FFF;
    font-size: 19px;
    font-weight: bolder;
    letter-spacing: 5px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .titleA.title-colcrA{
    color: #ffd45a;
}
.gold_hunter .content .columns .tableA table{
    width: 100%;
    text-align: center;
    table-layout: fixed;
    position: relative;
    z-index: 2;
    color: white;
}
.gold_hunter .content .columns .tableA table th{
    font-size: 14px;
    position:sticky;
    top:0;
    background-color: #1f1f1f;
    z-index: 9;
}
.gold_hunter .content .columns .tableA table tr td .boxA{
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background-color: #3d3d3d;
    border-radius: 5px;
}
.gold_hunter .content .columns .tableA{
    width: 94.5%;
    height: 440px;
    margin:0px 10px;
    overflow-y: auto;
    /*background-color: #6d767f;*/
    position: relative;
    z-index: 2;
}
.gold_hunter .color03{
    color: #82d95a !important
}
/*交易進度表單 end*/
.mr-0, .mx-0 {
    margin-right: 0 !important;
}
.ml-0, .mx-0 {
    margin-left: 0 !important;
}
.stock-rate-fab{
    align-items: center;
    background: linear-gradient(145deg, #16b9ac 0%, #11a274 58%, #0a7e62 100%);
    border-radius: 999px;
    bottom: 18px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
    gap: 4px;
    height: 58px;
    justify-content: center;
    left: 18px;
    overflow: hidden;
    padding: 0 10px 0 8px;
    position: fixed;
    text-decoration: none;
    width: 116px;
    z-index: 1200;
}
.stock-rate-fab:hover,
.stock-rate-fab:focus{
    color: #fff;
    text-decoration: none;
}
.stock-rate-fab .stock-style-btn03{
    border-radius: 0;
    box-shadow: none;
    display: block;
    flex: 0 0 auto;
    height: 30px;
    margin-bottom: 0;
    object-fit: cover;
    object-position: left center;
    position: static;
    width: 30px;
}
.stock-rate-fab-label{
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .32);
    white-space: nowrap;
}
.stock-rate-coin{
    background:
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.95) 0 7%, rgba(255,255,255,0) 18%),
        radial-gradient(circle at 50% 50%, #ffe98a 0 43%, #f5b42d 44% 67%, #ba7616 68% 100%);
    border: 2px solid #ffd660;
    border-radius: 50%;
    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.55),
        inset 0 -3px 5px rgba(128,73,0,.38),
        0 2px 5px rgba(0,0,0,.22);
    display: block;
    flex: 0 0 28px;
    height: 28px;
    position: relative;
    width: 28px;
}
.stock-rate-coin::before{
    border: 2px solid rgba(122,75,0,.28);
    border-radius: 50%;
    bottom: 4px;
    content: "";
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
}
.stock-rate-coin::after{
    color: #8e5d08;
    content: "$";
    font-size: 17px;
    font-weight: 900;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-shadow: 0 1px 0 rgba(255,255,255,.45);
    top: 50%;
    transform: translate(-50%, -50%);
}
.stock-style-btn03{
    width: 58px;
    height: 58px;
    object-fit: cover;
    object-position: left center;
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    position: fixed;
    bottom: 18px;
    left: 18px;
    z-index: 1200;
}
@media screen and (min-width: 768px) {
    .stock-rate-fab{
        left: calc(50% - 240px + 18px);
    }
    .stock-style-btn03{
        left: calc(50% - 240px + 18px);
    }
}
@media screen and (max-width: 480px) {
    .stock-rate-fab{
        bottom: 12px;
        height: 52px;
        left: 12px;
        gap: 3px;
        padding: 0 9px 0 7px;
        width: 104px;
    }
    .stock-rate-fab .stock-style-btn03{
        height: 27px;
        width: 27px;
    }
    .stock-rate-coin{
        flex-basis: 26px;
        height: 26px;
        width: 26px;
    }
    .stock-rate-coin::after{
        font-size: 16px;
    }
    .stock-rate-fab-label{
        font-size: 12px;
    }
    .stock-style-btn03{
        width: 52px;
        height: 52px;
        bottom: 12px;
        left: 12px;
    }
}
/*登入頁*/
.stock-style-loginPage-title1{
    color: white;
    font-size: 40px;
    font-weight: bolder;
}
.stock-style-loginPage-title2{
    color: #61cd51;
    font-size: 26px;
    font-weight: bolder;
}
.stock-style-loginPage-title3{
    color: white;
    font-size: 19px;
    font-weight: bolder;
}
.gold_hunter .content .columns .tableD .buttonB{
        width: 93%;
    height: 41px;
    line-height: 40px;
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    margin: 0 0 5px 0;
    outline: none;
    background: linear-gradient(to right, #61cadd 0%, #2658b2 100%);
    border-radius: 9px;
    border: none;
        font-weight: bolder;
}
.stock-style-loginPage-title-img{
        width: 19%;
    height: auto;
    position: absolute;
    top: -6px;
    left: 38px;
}
.stock-style-loginPage-title-img2{
        width: 19%;
    height: auto;
    position: absolute;
    top: -6px;
    right: 27px;
}
/*登入頁 end*/
/*匯率彈框*/
.stock-style-agio{
    overflow: hidden;
    background-color: #00000073 !important;
}
.stock-style-modalCont, .stock-style-tab-content{
    background-color: #000000 !important;
    border-radius: 12px;
}
.agio_style .modal-body .tab-content .titleHeader{
        width: 57%;
    height: auto;
    margin: auto;
    
}
.agio_style .modal-body .tab-content .titleHeader img{
    width: 100%;
    height: auto;
    
}
.stock-style-modal-close{
    color: whitesmoke;
    font-size: 36px;
    font-weight: bolder;
    position: absolute;
    right: 27px;
}
.gold_hunter .modal-body .tabCont table th , .agio_style .modal-body .tabCont table th{
        font-size: 17px;
    position: sticky;
    top: 0;
    background-color: #1f1f1f;
    z-index: 9;
    border: 1px solid #4e0d8b;
}
.gold_hunter .modal-body .tabCont table th:nth-child(2), .agio_style .modal-body .tabCont table th:nth-child(3){
        color: #000000;
    background: linear-gradient(to right, #57b9d7 0%, #275ab2 100%);
}
 .gold_hunter .modal-body .tabCont table th:nth-child(3), .agio_style .modal-body .tabCont table th:nth-child(2){
     color: #000000;
    background: linear-gradient(to right, #f74b3e 1%, #f8814d 100%);
 }
 .gold_hunter .modal-body .tabCont table tr, .agio_style .modal-body .tabCont table tr{
        height: 40px;
    font-size: 17px;
    border: 1px solid #4e0d8b;
}
.gold_hunter .modal-body .tabCont table tr td , .agio_style .modal-body .tabCont table tr td{
    padding: 5px 0;
        border: 1px solid #4e0d8b;
}
.gold_hunter .modal-body .tabCont table tr td:nth-child(2), .agio_style .modal-body .tabCont table tr td:nth-child(2){
    color: white;
}
.gold_hunter .modal-body .tabCont table tr td:nth-child(3), .agio_style .modal-body .tabCont table tr td:nth-child(3){
    color: white;
}
/*匯率彈框 end*/
.gold_hunter .content .columns .tableD form{
    width: 100%;
    min-height: 300px;
    padding: 20px 5% 0px 5%;
    /*background-color: #6d767f;*/
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableD form .form-control-lg {
        width: 100%;
    padding: 10px 16px;
    font-size: 16px;
    outline: none;
    border-color: #8c8c8c3b;
    border-style: solid;
    background-color: #252525;
    height: 50px;
    color: white;
}
.gold_hunter .content .columns .tableD .hintext span{
       font-size: 16px;
    display: inline-block;
    padding: 0 10px;
    margin: 5px 0;
    background-color: #1f1f1f;
    position: relative;
    z-index: 2;
    color: white;
}
#index_buypage_backTag, #index_sellpage_backTag{
        position: absolute;
    top: 0;
    right: 0;
}
.stock-style-buy-title-img{
        position: absolute;
    right: 23px;
    width: 48%;
    top: -6px;
}
.stock-style-sell-title-img{
    position: absolute;
    left: 9px;
    width: 50%;
    top: -12px;
    z-index: 9;
}
.gold_hunter .content .columns .title-colcrB{
       background-color: #20bac400;
    text-align: center;
    border-color: white;
    border-style: solid;
    border-width: 1px;
}
.copyright{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #1f1f1f;
    flex-shrink: 0;
    margin-top: auto;
    position: relative;
    z-index: 2;
}
.copyright.copyright-stacked{
    height: 42px;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.copyright.copyright-stacked .copyright-line{
    display: block;
}
.copyright-privacy-link{
    color: #8fd8ff !important;
    margin-left: 8px;
    cursor: pointer;
}
.gold_hunter .content .columns .tableC{
    width: 100%;
    margin-top:0px;
    position: relative;
    z-index: 2;
}
.gold_hunter .content .columns .tableC .inputText{
    height: 48px;
    line-height: 39px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    /* text-shadow: -1px -1px 2px #5e0003, 1px -1px 2px #5e0003, -1px 1px 2px #5e0003, 1px 1px 2px #5e0003; */
    /* background-image: url(../../img/title01.png); */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* background-position: center; */
    text-align: left;
    font-weight: bolder;
}
.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text, select.form-control-lg:not([size]):not([multiple]) {
    height: 35px;
    padding: 5px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.buyPoints_span{
        font-size: 16px;
    line-height: 24px !important;
    padding: 5px 16px !important;
    margin-bottom: 0px;
}
.gold_hunter .modal-body .closeBtnA, .agio_style .modal-body .closeBtnA{
    width: 100%;
    height: 50%;
    text-align: center;
    position: relative;
    top: -10px;
    z-index: 9;
}
.gold_hunter .content .columns .warnA {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #ff0000;
    font-weight: 550;
    text-align: center;
}
.buyPoints_submit{
    width: 100%;
    height: 50px;
    padding: 0 5%;
    line-height: 50px;
    color: #FFF;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 5px;
    border-radius: 50px;
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #61cadd 0%, #2658b2 100%);
    text-align: center;
    border-style: none;
}
.buyPoints_submit.disabled {
    filter: grayscale(100%) brightness(0.7);
    cursor: not-allowed;
    pointer-events: none;
}
.buyPoints_register_button{
    background:
        linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0) 58%),
        linear-gradient(135deg, #ffffff 0%, #f3f8ff 48%, #d8e7f8 100%);
    border: 1px solid rgba(255,255,255,.88);
    box-shadow:
        0 7px 14px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.9),
        inset 0 -3px 6px rgba(44,94,150,.2);
    color: #15589f;
    cursor: pointer;
    font-weight: 800;
    line-height: 34px;
    min-height: 36px;
    text-shadow: 0 1px 0 rgba(255,255,255,.72);
    transition: filter 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.buyPoints_register_button:hover,
.buyPoints_register_button:focus{
    color: #15589f;
    filter: brightness(1.05);
    outline: none;
    transform: translateY(-1px);
}
.buyPoints_register_button:focus-visible{
    outline: 3px solid rgba(255,255,255,.65);
    outline-offset: 3px;
}
.buyPoints_register_button:active{
    box-shadow:
        0 4px 9px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.75),
        inset 0 -2px 5px rgba(44,94,150,.24);
    filter: brightness(.98);
    transform: translateY(2px);
}
.detail02_span{
    position: absolute;
    right: 2%;
    top: 2%;
    color: white;
    font-size: 20px;
    font-weight: bolder;
}
.forgetThePassword_title{
    text-align: center;
    font-size: 28px;
    color: white;
    font-weight: bolder;
}
.forgetThePassword_title2{
    text-align: center;
    font-size: 18px;
    
    font-weight: bolder;
}
label {
    color: white;
}
.stock-style-input{
    width: 100%;
    padding: 10px 16px;
    font-size: 16px;
    outline: none;
    border-color: #8c8c8c3b;
    border-style: solid;
    height: 43px;
    background-color: white;
}
.cert_p{
    width: auto !important;
    margin-bottom: 6px !important;
    font-size: 1rem !important;
    padding: 0 5% !important;
}
.stock-style-buttonC{
    width: 73%;
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    display: inline-block;
    color: #FFF;
    margin: 0 0 5px 0;
    outline: none;
    border-style: none;
    background-image: url(../../img/new0711/btn07.png);
    background-size: contain;
    background-color: unset;
    background-repeat: no-repeat;
    padding: 0px;
}
.gold_hunter .content .columns .tableC .photoFrame{
    width: 100%;
    
    /*height: 18em;
    margin-bottom:5px;background-image: url("../../img/frame.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;*/
    position: relative;
    z-index: 2;
}
.certPage_p{
        color: white !important;
    font-size: 1.2em !important;
    padding: 0 !important;
    font-weight: bolder !important;
}
.Privacy_Policy_titleHeader{
    text-align: center;
        margin-top: 34px;
}
.Privacy_Policy_titleHeader p{
    font-size: 2.3em;
    font-weight: bolder;
    color: white;
    margin-bottom: 0;
}
.Privacy_Policy_title{
    width: 20%;
    height: auto;
    position: absolute;
    top: 6px;
    right: 52px;
}
/*股票版本 0711 修改 end*/







/* 小螢幕手機 (寬度小於 360px) */
@media screen and (max-width: 380px) {
    #Privacy_Policy .modal-body .tabCont{
        /*height: 450px;*/
    }
}
.wrap_rwd{
    overflow-x: hidden;
}
@media screen and (min-width: 768px) {
    .wrap_rwd.gold_hunter{
        max-width: 480px;
        min-height: 100vh;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .modal.agio_style .modal-dialog,
    .modal.Warm_reminderModal .modal-dialog,
    .gold_hunter .modal-dialog{
        max-width: 480px !important;
        height: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.gh-service-widget {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
}
@media screen and (min-width: 768px) {
    .gh-service-widget {
        right: calc(50% - 240px + 18px);
    }
}
.gh-service-toggle {
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 50%;
    background: #0f8f7a;
    color: #fff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    cursor: pointer;
    font-size: 24px;
    line-height: 58px;
    text-align: center;
}
.gh-service-toggle:focus {
    outline: 3px solid rgba(15, 143, 122, .28);
    outline-offset: 3px;
}
.gh-service-panel {
    display: none;
    position: absolute;
    right: 0;
    bottom: 72px;
    width: 360px;
    height: 520px;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 96px);
    background: #fff;
    color: #24313d;
    border-radius: 8px;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .24);
    overflow: hidden;
}
.gh-service-widget.is-open .gh-service-panel {
    display: flex;
    flex-direction: column;
}
.gh-service-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #12324a;
    color: #fff;
}
.gh-service-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}
.gh-service-subtitle {
    font-size: 12px;
    color: rgba(255, 255, 255, .78);
    margin-top: 2px;
}
.gh-service-close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    cursor: pointer;
}
.gh-service-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    padding: 14px 16px 16px;
}
.gh-service-note {
    align-self: flex-start;
    max-width: 88%;
    color: #24313d;
    background: #f0f3f6;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 9px 11px;
}
.gh-service-messages {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    margin: 0 -4px 12px;
    padding: 0 4px;
}
.gh-service-message {
    max-width: 88%;
    padding: 8px 10px;
    border-radius: 6px;
    margin-bottom: 8px;
    clear: both;
    font-size: 14px;
    line-height: 1.45;
}
.gh-service-message.is-customer {
    float: right;
    background: #e6f6f2;
}
.gh-service-message.is-admin {
    float: left;
    background: #f0f3f6;
}
.gh-service-message-meta {
    color: #677684;
    font-size: 11px;
    margin-bottom: 4px;
}
.gh-service-message-text {
    color: #24313d;
    word-break: break-word;
}
.gh-service-image-link {
    display: block;
    margin-top: 6px;
}
.gh-service-image-link img {
    display: block;
    max-width: 100%;
    max-height: 180px;
    border-radius: 6px;
    object-fit: contain;
}
.gh-service-messages:after {
    content: "";
    display: table;
    clear: both;
}
.gh-service-composer {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    border-top: 1px solid #e6ebef;
    padding-top: 12px;
}
.gh-service-image-input {
    display: none;
}
.gh-service-image-button {
    align-items: center;
    background: #eef3f7;
    border: 1px solid #cfd7df;
    border-radius: 8px;
    color: #24313d;
    cursor: pointer;
    display: flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    margin: 0;
}
.gh-service-composer textarea {
    flex: 1;
    min-height: 42px;
    max-height: 112px;
    border: 1px solid #cfd7df;
    border-radius: 21px;
    background: #fff;
    color: #24313d;
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 14px;
    resize: vertical;
}
.gh-service-submit {
    flex: 0 0 68px;
    height: 42px;
    border: 0;
    border-radius: 21px;
    background: #0f8f7a;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.gh-service-submit:disabled {
    opacity: .68;
    cursor: wait;
}
.gh-service-result {
    min-height: 18px;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
}
.gh-service-attachment {
    color: #5e6f7f;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px;
    min-height: 16px;
    word-break: break-all;
}
.gh-service-result.is-success {
    color: #0f7f45;
}
.gh-service-result.is-error {
    color: #c0392b;
}
@media screen and (max-width: 480px) {
    .gh-service-widget {
        right: 12px;
        bottom: 12px;
    }
    .gh-service-toggle {
        width: 52px;
        height: 52px;
        line-height: 52px;
        font-size: 22px;
    }
    .gh-service-panel {
        right: 0;
        bottom: 64px;
        width: calc(100vw - 24px);
        height: min(540px, calc(100vh - 86px));
    }
    .gh-service-body {
        padding: 12px;
    }
    .gh-service-submit {
        flex-basis: 58px;
    }
}

/* 會員提交表單 - 玻璃質感 */
.gold_hunter .content .columns .tableD,
.gold_hunter .content .columns .tableC {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .055)),
        linear-gradient(180deg, rgba(36, 194, 208, .12), rgba(16, 26, 42, .32));
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 8px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .36),
        inset 0 1px 0 rgba(255, 255, 255, .26);
    overflow: hidden;
}

@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
    .gold_hunter .content .columns .tableD,
    .gold_hunter .content .columns .tableC,
    .gh-service-panel {
        -webkit-backdrop-filter: blur(18px) saturate(132%);
        backdrop-filter: blur(18px) saturate(132%);
    }
}

.gold_hunter .content .columns .tableD {
    margin: 30px 10px 30px;
}

.gold_hunter .content .columns .tableD form {
    padding: 22px 5% 20px;
}

.gold_hunter .content .columns .tableC {
    padding: 18px 5% 22px;
}

#index_buypage .tableC,
#index_sellpage .tableC {
    margin-top: 12px;
}

.gold_hunter .content .columns .tableD form .form-control-lg,
.gold_hunter .content .columns .tableC .form-control-lg,
.gold_hunter .content .columns .tableC .form-control.form-control-lg,
.stock-style-input,
.gh-service-composer textarea {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .075)) !important;
    border: 1px solid rgba(255, 255, 255, .3) !important;
    border-radius: 8px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 8px 18px rgba(0, 0, 0, .18);
    color: #fff !important;
    min-height: 44px;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.gold_hunter .content .columns .tableD form .form-control-lg:focus,
.gold_hunter .content .columns .tableC .form-control-lg:focus,
.gold_hunter .content .columns .tableC .form-control.form-control-lg:focus,
.stock-style-input:focus,
.gh-service-composer textarea:focus {
    background: rgba(255, 255, 255, .2) !important;
    border-color: rgba(113, 220, 255, .82) !important;
    box-shadow:
        0 0 0 3px rgba(91, 209, 255, .2),
        0 10px 22px rgba(0, 0, 0, .2);
    outline: none;
}

.gold_hunter .content .columns .tableD form .form-control-lg::placeholder,
.gold_hunter .content .columns .tableC .form-control-lg::placeholder,
.stock-style-input::placeholder,
.gh-service-composer textarea::placeholder {
    color: rgba(255, 255, 255, .7);
}

.gold_hunter .content .columns .tableC select.form-control-lg,
.gold_hunter .content .columns .tableC select.form-control.form-control-lg,
.gold_hunter .content .columns .tableC select.stock-style-input {
    color: #fff !important;
}

.gold_hunter .content .columns .tableC select option {
    background: #182231;
    color: #fff;
}

.gold_hunter .content .columns .tableC .inputText {
    align-items: center;
    color: rgba(255, 255, 255, .9);
    display: flex;
    font-size: 15px;
    height: 50px;
    line-height: 1.3;
    padding-left: 8px;
    text-align: left;
}

.gold_hunter .content .columns .tableC .inputText li {
    list-style-position: inside;
    margin: 0;
}

.buyPoints_span,
.cert_p {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    color: #fff !important;
    min-height: 36px;
}

.cert_p {
    align-items: center;
    display: flex !important;
    justify-content: center;
}

.gold_hunter .content .columns .tableD .buttonA,
.gold_hunter .content .columns .tableD .buttonB,
.buyPoints_submit,
.stock-style-buttonC,
.gh-service-submit {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0) 46%),
        linear-gradient(135deg, #35d3d3 0%, #2776d3 52%, #7053d8 100%) !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 8px !important;
    box-shadow:
        0 12px 24px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .42),
        inset 0 -3px 8px rgba(27, 42, 99, .24);
    color: #fff !important;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .24);
    transition: filter 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.gold_hunter .content .columns .tableD .buttonA:hover,
.gold_hunter .content .columns .tableD .buttonA:focus,
.gold_hunter .content .columns .tableD .buttonB:hover,
.gold_hunter .content .columns .tableD .buttonB:focus,
.buyPoints_submit:hover,
.buyPoints_submit:focus,
.stock-style-buttonC:hover,
.stock-style-buttonC:focus,
.gh-service-submit:hover,
.gh-service-submit:focus {
    filter: brightness(1.06);
    outline: none;
    transform: translateY(-1px);
}

.gold_hunter .content .columns .tableD .buttonA:active,
.gold_hunter .content .columns .tableD .buttonB:active,
.buyPoints_submit:active,
.stock-style-buttonC:active,
.gh-service-submit:active {
    filter: brightness(.96);
    transform: translateY(1px);
}

.gold_hunter .content .columns .tableD .buttonA {
    background-image: none !important;
    padding-left: 0;
}

.stock-style-buttonC {
    background-image: none !important;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    padding: 0 18px;
    width: 100%;
}

.gold_hunter .content .columns .tableD .hintext {
    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, .34), transparent);
    background-position: center;
    background-size: 100% 1px;
}

.gold_hunter .content .columns .tableD .hintext span {
    background-color: rgba(18, 26, 40, .72);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
}

.gold_hunter .content .columns .tableD form .form-check-label,
.gold_hunter .content .columns .tableD form .form-check a {
    color: rgba(255, 255, 255, .82) !important;
}

.gold_hunter .content .columns .warnA {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: #ffd45a;
    height: auto;
    line-height: 1.45;
    margin: 12px 0;
    padding: 9px 10px;
}

.gold_hunter .content .columns .tableC .photoFrame {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .055));
    border: 1px dashed rgba(255, 255, 255, .34);
    border-radius: 8px;
    margin-bottom: 12px;
    min-height: 116px;
    padding: 10px;
}

.gold_hunter .content .columns .tableC .photoFrame .img-thumbnail {
    max-height: 150px;
    max-width: 100%;
    object-fit: contain;
    top: 0;
}

.certPage_p {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 1em !important;
    line-height: 1.45;
}

.gh-service-toggle {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 50%),
        linear-gradient(135deg, #31d0ca, #127b9f 56%, #5a55d6);
    border: 1px solid rgba(255, 255, 255, .32);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .3),
        inset 0 1px 0 rgba(255, 255, 255, .38);
}

.gh-service-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(237, 246, 255, .7));
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 8px;
}

.gh-service-header {
    background:
        linear-gradient(135deg, rgba(23, 53, 80, .94), rgba(29, 111, 126, .88));
}

.gh-service-note,
.gh-service-message.is-admin {
    background: rgba(255, 255, 255, .62);
}

.gh-service-message.is-customer {
    background: rgba(51, 211, 194, .18);
}

.gh-service-composer {
    border-top-color: rgba(34, 62, 83, .14);
}

.gh-service-image-button {
    background: rgba(255, 255, 255, .62);
    border-color: rgba(34, 62, 83, .18);
}

.gh-service-composer textarea {
    color: #24313d !important;
}

.gh-service-composer textarea::placeholder {
    color: rgba(36, 49, 61, .56);
}

@media screen and (max-width: 480px) {
    .gold_hunter .content .columns .tableD {
        margin-top: 24px;
    }

    .gold_hunter .content .columns .tableC {
        padding: 15px 4% 20px;
    }

    .gold_hunter .content .columns .tableC .inputText {
        font-size: 14px;
        padding-left: 4px;
    }

    .buyPoints_submit,
    .stock-style-buttonC {
        font-size: 18px;
        height: 46px;
        line-height: 46px;
    }
}

/* 今日幣值 - 玻璃質感 */
.agio_style .modal-content.stock-style-agio {
    background:
        radial-gradient(circle at 18% 6%, rgba(53, 211, 211, .24), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(112, 83, 216, .22), transparent 34%),
        rgba(11, 16, 25, .82) !important;
    overflow: hidden;
}

.agio_style .modal-body {
    padding: 0 5%;
    top: 11%;
}

.agio_style .modal-body .modalCont.stock-style-modalCont {
    background: transparent !important;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    padding: 0;
    position: relative;
}

@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
    .agio_style .modal-body .tab-content.stock-style-tab-content {
        -webkit-backdrop-filter: blur(18px) saturate(132%);
        backdrop-filter: blur(18px) saturate(132%);
    }
}

.agio_style .modal-body .tab-content.stock-style-tab-content {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .055)),
        linear-gradient(180deg, rgba(36, 194, 208, .1), rgba(16, 26, 42, .28)) !important;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 8px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    margin-bottom: 0;
    padding: 22px 16px 18px;
}

.agio_style .modal-body .tab-content .titleHeader {
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .28));
    margin-bottom: 16px !important;
}

.agio_style .modal-body .tabCont table {
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-bottom: 0;
}

.agio_style .modal-body .tabCont table th,
.agio_style .modal-body .tabCont table td {
    border: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.agio_style .modal-body .tabCont table th {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .08)),
        rgba(15, 24, 38, .84) !important;
    color: rgba(255, 255, 255, .9) !important;
    font-weight: 800;
}

.agio_style .modal-body .tabCont table th:first-child,
.agio_style .modal-body .tabCont table td:first-child {
    border-radius: 8px 0 0 8px;
}

.agio_style .modal-body .tabCont table th:last-child,
.agio_style .modal-body .tabCont table td:last-child {
    border-radius: 0 8px 8px 0;
}

.agio_style .modal-body .tabCont table th:nth-child(2),
.agio_style .modal-body .tabCont table th:nth-child(3) {
    color: #fff !important;
}

.agio_style .modal-body .tabCont table th:nth-child(2) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 48%),
        linear-gradient(135deg, #ff6a58, #f18a4d) !important;
}

.agio_style .modal-body .tabCont table th:nth-child(3) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 48%),
        linear-gradient(135deg, #53c9e6, #2b75d5) !important;
}

.agio_style .modal-body .tabCont table td {
    background: rgba(255, 255, 255, .1);
    color: #fff !important;
    font-weight: 800;
    min-height: 42px;
    padding: 10px 6px;
}

.agio_style .stock-style-modal-close {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    right: 16px;
    top: 14px;
    width: 38px;
    z-index: 3;
}

@media screen and (max-width: 480px) {
    .agio_style .modal-body {
        top: 9%;
    }

    .agio_style .modal-body .tab-content.stock-style-tab-content {
        padding: 20px 13px 16px;
    }

    .agio_style .modal-body .tabCont table th,
    .agio_style .modal-body .tabCont table td {
        font-size: 15px;
    }
}