/*禁止雙擊放大*/
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: 101%;
    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{
    width: 100%;
    padding: 0 20px 10px 20px !important;
    position: relative;
    z-index: 1;
}
.gold_hunter .header{
    width: 100%;
    padding-top: 11px;
    position: relative;
    z-index: 1 !important;
}
.gold_hunter {
    background-color: #1f1f1f;
}
.stock-style-menu-title{
    font-size: 36px;
    color: white;
    font-weight: bolder;
    display: inline-grid;
    align-items: end;
}
.stock-style-menu-title2{
    font-size: 14px;
    color: white;
}
.stock-style-img{
    width: 100%;
    height: auto;
}
.stock-style-box {
  border-radius: 12px;
}

/*---  跑馬燈 ---*/
.gold_hunter .marqueeHunter {
   width: 100%;
    margin: 0;
    position: absolute;
    bottom: -7px;
    z-index: 9;
    border: 1px solid #ffffff5c;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 15px;
}



.gold_hunter .marqueeHunter .marquee {
    
    width: 100%;
    height: 25px;
    line-height: 29px;
    font-size: 16px;
    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 .content .columns{
        width: 100%;
    /* min-height: 350px; */
    /* padding-bottom: 50px; */
    /* border-radius: 25px; */
    /* background-color: #FFF; */
    /* position: relative; */
    height: 485px;
}
.gold_hunter .content .columns .title-colcrA{
    background-color: #1f1f1f;
}
.gold_hunter .content .columns .titleA{
        width: 100%;
    height: 48px;
    padding: 0 5%;
    line-height: 50px;
    color: #FFF;
    font-size: 21px;
    font-weight: bolder;
    letter-spacing: 5px;
    /* text-align: center; */
    border-radius: 50px;
    position: relative;
    z-index: 2;
}
.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-style-btn03{
        width: 40%;
    height: auto;
    position: fixed;
    bottom: 24px;
    left: 15px;
    z-index: 9;
}
/*登入頁*/
.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;
    /*position: relative;
    z-index: 2;*/
        background-color: #1f1f1f;
}
.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;
}
.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;
}