/*公共*/
p,dl,dt,dd { margin: 0; padding: 0;}
.auto-img { display: block; margin: 0 auto; }
a.disabled { cursor: not-allowed; }
#head {display: none;}
.sc-head { background: url("//img.8891.com.tw/active/seckill/head.png") red no-repeat center; height: 506px; }
.sc-countdown { background: #ffcb0c; }
.sc-m-countdown {     height: 78px;
        color: #feff04;
        background: #c00e28;
        line-height: 78px;
        font-size: 32px;
        font-weight: 600;
        width: 1000px; margin: 0 auto; position: relative; }
    .sc-m-c-btn {     position: absolute;
        right: 20px;
        top: 17px;
        background: #fecb0d;
        width: 150px;
        height: 45px;
        font-size: 28px;
        text-align: center;
        line-height: 45px;
        border-radius: 10px; }
    .sc-m-c-btn a{color: #dd1617;}

.sc-m-c-word { margin-left: 24px; }
.sc-m-countdown span { color: #ffffff; font-size: 40px; }

.sc-bg { background: #fad7b9; }
.sc-main { width: 1000px; margin: 0 auto; }

    .sc-m-head { padding-top: 60px; }
        .sc-m-h-title { color: #fff; background: #dd1617; font-size: 45px; font-weight: 700;width: 545px; border-radius: 10px; text-align: center; margin: 0 auto; line-height: 70px; }
        .sc-m-h-total { background: url("//img.8891.com.tw/active/seckill/triangle.png") no-repeat;    width: 210px;
            height: 130px;
            float: right;
            margin-top: -69px; }
            .sc-m-h-tr {     color: #ff2401;
                font-size: 21px;
                font-weight: 700;
                margin-top: 50px;
                text-align: center; }


    .sc-progress { margin-top: 30px; position: relative; }
        .sc-p-bar { height: 27px; overflow: hidden; }
        .sc-progress dl { height: 16px; border-radius: 10px; width: 100%; margin-top: 6px;     white-space: nowrap; }
            .sc-progress dd { display: inline-block;
                border: 1px solid #343434;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                line-height: 24px;
                text-align: center;
                color: #fff;
                margin-left: 85px; margin-top: -5px;}
            .sc-progress dd:first-child { margin-left: 0px; }
        .sc-p-black { background: #333333; }
            .sc-p-black dd{ background: #666666; }
            .sc-p-red-box{overflow: hidden;
                width: 73%;
                height: 28px;
                position: absolute; top: 0;}
        .sc-p-red { background: #ff3289; }
            .sc-p-red dd{ background: #ff3289; }
            .sc-p-gold-position { position: absolute; top: -40px;}
                .sc-p-gold-position span{     position: absolute;
                    color: #FFF;
                    top: 5px;
                    left: 11px; }
        .sc-p-text { margin-top: 15px; }
            .sc-p-text li{     float: left;
                margin-left: 39px;
                font-weight: 700;
                color: #fa4377;
                width: 75px; }
            .sc-p-text li:first-child { margin-left: 0px; }


            .sc-m-list { background: #ffffff; overflow: hidden; margin-top: 40px; }
                .sc-ml-numbers { white-space: nowrap; line-height: 36px; height: 36px;  }
                    .sc-ml-numbers span { margin-left: 54px; }
                    .sc-ml-numbers span:first-child { margin-left: 0px; }



/*禮品*/
.sc-m-gold-change{ margin-top: 20px; }
    .sc-mg-cl { float: left; width: 220px; margin-left: 50px; }
        .sc-mg-cl:first-child { margin-left: 0px; }
        .sc-mg-cl.list2 { float: left; width: 450px; }
        .sc-mg-cl-box {
            border: 1px solid #10a4d0;
            background: #fbf7e9;
            border-radius: 10px;
            margin-top: 20px;
            position: relative;
        }
            .sc-mg-cl-box-mask {
                display:none;
                background:rgba(0,0,0,0.75);
                border-radius: 10px;
                text-align: center;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
            }
                .sc-mg-cl-box-mask li { line-height: 46px; font-size: 40px; color: #fff; font-weight: bold;}
                .sc-mg-cl-box-mask :first-child { margin-top: 25px;}
                .sc-mg-cl-box-mask .money { color: #10a4d0;}
                .sc-mg-cl-box-mask .change { font-size: 30px; line-height: 30px; margin-top: 5px;}
                .sc-mg-cl-box-mask .button {
                    display: block;
                    line-height: 40px;
                    width: 90%;
                    margin: 0 auto;
                    margin-top: 10px;
                    border-radius: 10px;
                    font-size: 22px;
                    font-weight: bold;
                    color: #fff;
                    background-color: #10a4d0; 
                }
                    .sc-mg-cl-box-mask .button:hover { text-decoration: none; }
            .sc-mg-cl-box-title{
                line-height: 40px;
                background: #10a4d0;
                color: #ffffff;
                font-size: 25px;
                font-weight: 700;
                text-align: center;
                border-radius: 8px;
            }
            .sc-mg-cl.list2 .sc-mg-cl-box-title{background: #fa1361;}
            .sc-mg-cl.list2 .sc-mg-cl-box { border-color: #fa1562; }
            .sc-mg-cl.list2 .sc-mg-cl-box-mask li { line-height: 56px;}
            .sc-mg-cl.list2 .sc-mg-cl-box-mask :first-child { font-size: 50px;}
            .sc-mg-cl.list2 .sc-mg-cl-box-mask .change { font-size: 44px;}
            .sc-mg-cl.list2 .inline-money { color: #fa1361; }
            .sc-mg-cl.list2 .button { width: 75%;background-color: #fa1361; line-height: 50px; font-size: 32px;}

            .sc-mg-cl.list3 .sc-mg-cl-box-title{background: #bf00ff;}
            .sc-mg-cl.list3 .sc-mg-cl-box { border-color: #c003ff; }
            .sc-mg-cl.list3 .money { color: #c003ff; }
            .sc-mg-cl.list3 .button { background-color: #c003ff; }

            .sc-mg-cl-box-items {}
                .sc-mg-cl-box-item { width: 220px;
                    height: 180px; border-left: 1px dashed #dbd9d2; }
                .sc-mg-cl-box-item:first-child { border-left: none; }
                    .sc-mg-cl-box-item-explain { background: #fef7c0;
                        text-align: center;
                        width: 190px;
                        height: 100px;
                        margin: 15px auto; }
                        .sc-mg-cl-box-item-name {    color: #ff2d24;
                            font-size: 23px;
                            font-weight: 700;}
                        .sc-mg-cl-box-item-coupon {}
                    .sc-mg-cl-box-item-btn { text-align: center; }
                        .sc-mg-cl-box-item-btn a{    width: 110px;
                            height: 40px;
                            line-height: 40px;
                            background: #fdd552;
                            display: inline-block;
                            color: #ff0000;
                            font-size: 21px;
                            font-weight: 700;
                            border-radius: 10px;}
                        .sc-mg-cl-box-item-btn a.disabled { background: #bbb; color: #333; }




/*文字描述*/
.sc-m-explain { margin-top: 30px; }
    .sc-m-explain p { color: #8f3a06; font-size: 18px; line-height: 30px; }
    .sc-me-title { color: #fe352e;    font-size: 21px;
        font-weight: 700; line-height: 45px; }
        .sc-me-title a{height: 46px; width: 200px;background: url("//img.8891.com.tw/active/seckill/get-gold.png") no-repeat; display: inline-block; text-indent: -999em; margin-left: 50px; }

/*分割線*/
.sc-m-line {background: url("//img.8891.com.tw/active/seckill/line.png") no-repeat;height: 11px;width: 1326px;margin-left: -160px;margin-top: 30px;}

/*秒殺*/
.sc-m-seckill {}
    .sc-ms-timeline {color: #8f3a06;font-size: 15px;font-weight: 700;margin-top: 90px;}
        .sc-ms-timeline dl {}
            .sc-ms-timeline dd { text-align: center;float: left; position: relative; margin-left: 85px; }
            .sc-ms-timeline dd:first-child { margin-left: 0px; }
                .sc-mc-t-time {}
                .sc-mc-t-content {background: url("//img.8891.com.tw/active/seckill/kill-option.png") no-repeat; width: 125px; height: 114px;text-align: center; margin-top: 5px; }
                .sc-mc-t-content span {     display: inline-block;
                    margin-top: 40px;
                    width: 75px; }
                .sc-mc-t-content span.disabled { color: #eab486; }
                .sc-mc-t-icon { position: absolute;background: url("//img.8891.com.tw/active/seckill/icon-triangle.png") no-repeat; width: 40px;height: 29px;    left: 43px;
                    bottom: -50px; }
    .sc-ms-online {    background: #eab486;
        height: 228px;
        border-radius: 25px;
        font-size: 28px;
        color: #ffffff;
        font-weight: 700;margin-top: 50px;line-height: 74px;}
        .sc-ms-online-t {
            margin-left: 25px;}
        .sc-ms-online-cd { margin-left: 25px; }
            .sc-ms-online-cd span { color: #8c4600; }
        .sc-ms-online-btn { text-align: center; }
            .sc-ms-online-btn a{}

            .sc-ms-online-list {    font-size: 15px;
                font-weight: 400;
                line-height: normal;}
                .sc-ms-online-list h2 {    font-size: 30px;
                    padding-left: 25px;
                }
                .sc-ms-ol-header {border-top: 1px solid #e29758;
                    text-align: center;margin-top: 20px;}
                    .sc-ms-ol-header .text {    position: relative;
                        top: -10px;
                        background: #e29758;
                        width: 120px;
                        margin: 0 auto;
                        border-radius: 5px;
                        line-height: 20px;
                        color: #ffcc99;}
                .sc-ms-online-list dl {}
                    .sc-ms-online-list dl dd {    float: left;
                        width: 200px;
                        line-height: 30px;
                        text-align: center;color: #e2995b;}