body {
    margin-bottom: 155px;
    background-color: #282828;
}

#submitbutton,
.ecoinbtn {
    /* display: block; */
    /* margin: 30px auto 0 auto; */

    /* Overwrites original class, button size adjusted*/
    display: inline;
    height: 26px;
    width: 149px;
    font-size: 16px;
    padding: 0;
    margin: 0 auto;
}

.body li:before {
    /* Overwrite to remove :before style  */
    content: "" !important;
}

.gcform {
    width: 1000px;
}

    .form-group {
        height: 26px;
    }

    .gcform .head > span {
        font-size: 40px;
        font-weight: bold;
    }

    .gcform .body {
        padding: 31px 44px 50px 44px;
        color: #fff;
    }

        .body .ecoin {

        }

            .body .ecoin .banner {
                width: 680px;
                /* height: 252px; */
                background-position: #444;
                margin: 30px auto;
            }

                .ecoin .banner .carousel-inner .item > img {
                    width: 680px;
                    height: 210px;
                }

        /* Nav tabs --------------------------------------------------*/
            .body .ecoin .nav-tabs > li {
                /*width: 228px; orig code*/
		width: 180px;
            }

                .body .ecoin .nav-tabs > li > a {
                    margin-right: 0 !important;
                    background-color: #313131;
                    border-color: #313131;
                    color: #838383;

                    /*font-size: 18px; orig code*/
		    font-size: 14px;
                    font-weight: bold;
                    text-align: center;
					letter-spacing:-1px
                }

                .body .ecoin .nav-tabs > li.active > a,
                .body .ecoin .nav-tabs > li > a:hover,
                .body .ecoin .nav-tabs > li.active > a:hover {
                    background-color: #434343;
                    border-color: #434343;
                    color: #fff;

                    /*font-size: 18px; orig code*/
		    font-size: 14px;
                    font-weight: bold;
                    text-align: center;
                }

            .body .ecoin .tab-content .tab-pane {
                padding: 30px;
                background-color: #434343;
            }

                .ecoin .tab-pane > span {
                    font-size: 18px;
                    color: #f2f2f2;
                    display: block;
                    margin-bottom: 15px;
                    padding-left: 85px;
                }

                .ecoin .tab-pane .tri {
                    font-size: 14px;
                }

                .ecoin #payment .cardcodeinput,
                .ecoin #promo .cardcodeinput {
                    width: 90px;
                    display: inline;
                    text-align: center;
                }

                .ecoin .outline #dob_year,
                .ecoin .outline #dob_day,
                .ecoin .outline #dob_year2,
                .ecoin .outline #dob_day2 {
                    width: 61px;
                }

                .ecoin .outline #dob_month,
                .ecoin .outline #dob_month2 {
                    width: 77px;
                }

                .ecoin #payment .outline,
                .ecoin #promo .outline {
                    width: 680px;
                    height: 200px;
                    margin: 0 auto;
                    padding: 26px 30px 46px 30px; /*20240729  ¼öÁ¤*/
                    /* border: 1px solid #4e4d4d;
                    background-color: #313131; */

                }

                .ecoin #topup .outline,
                .ecoin #itempurchase .outline {
                    width: 680px;
                    height: 27px;
                    /* border: 1px solid #4e4d4d; */
                    margin: 0 auto 15px auto;
                    padding: 3px 0 0 15px;
                    text-align: center;
                }

                    #topup .outline .datecontainer,
                    #itempurchase .outline .datecontainer {
                        width: 529px;
                        display: inline-block;
                        margin: 0 auto;
                        text-align: center;
                    }

                        #topup .datecontainer > select,
                        #itempurchase .datecontainer > select {
                            height: 26px;
                            padding: 0 0 0 10px;
                            color: #847e80;
                            display: inline;
                        }
						.nav-tabs>li>a {
							padding:10px 11px
						}
						.nav-tabs {
							border-bottom:0;
							}

        /* Nav tabs --------------------------------------------------*/

        /* eCoin Table -----------------------------------------------*/
        .ecoin .tablecontainer {
            width: 680px;
            margin: 0 auto 15px auto;
            text-align: center;
        }

            .ecointable thead > tr {
                background-color: #313131;
                color: #838383;
            }

            .ecointable tbody > tr {
                background-color: #555;
            }
        /* eCoin Table -----------------------------------------------*/
		.glyphicon-triangle-right:before {
			content : '\e250';
			}

        /* Mini Banner -----------------------------------------------*/
        .banner {

        }

            .banner #minibanner {
                position: relative;
            }
        /* Mini Banner -----------------------------------------------*/

        /* 20200106 add*/
        .fs12{font-size: 12px !important;}
		
		
		/*   20240729  add*/
		.tab-content {
			background-color:#434343
		}
		.ecoin .tab-pane > span  em{font-size:12px; font-style:normal; vertical-align:3px;}
		.tab-list {display:flex;justify-content:center;width:450px;margin:0 auto; padding:30px 0; }
		.tab-list li {width:205px;height:37px; margin:0 20px;}
		.tab-list li a {display:block;width:205px;height:37px; border:1px solid #514f4f; background-color:#343232; color:#7b6e6e;text-align:center; line-height:37px; text-decoration:none}
		.tab-list li.on  a{border:1px solid #726e6e; background-color:#555151; color: #fff;}
		.tab-cont2 span{ text-align:center; padding-left:0 !important;}
		
		.GCash-list {display:flex; flex-wrap:wrap;width:480px;margin:0 auto; padding:0 !important;}
		.GCash-list li{width:138px;height:27px; margin:18px 11px;font-size:16px;}
		.GCash-list li button{width:138px;height:27px;border:1px solid #b7b7b7; background-color:#fff; color:#616161; letter-spacing:-1px}
		.GCash-list li.active button{width:138px;height:27px;border:1px solid #b28600; background-color:#f8bb00; color:#3c3c3c;}
		.GCash-submit{width:202px;height:26px; background-color:#909090;color:#fff;font-size:16px; border:none; margin:30px auto 0; display:block; cursor:default;}
		.GCash-submit.active {width:202px;height:26px; background-color:#f8bb00;color:#fff; border:none; margin:30px auto 0; display:block; cursor:pointer;}