body {
    padding: 0px;
    margin: 0px;
    /*background: url(http://www.sanjing3c.com.tw/webimg/edm-bg-7.jpg) no-repeat;*/
    background-color: #000;
    font-family: 微軟正黑體, Arial, Helvetica;
    transition: 1s;
}
img {
    border: 0px;
}
a {
    text-decoration: none;
}
.loader4 {
    display: none;
}
#top-area {
    background-color: #000000;
    height: 52px;
}
#top-area .top-main {
    margin: 0px auto 0 auto;
    width: 1200px;
}
#top-area .logo {
    padding: 0px;
    width: 200px;
    float: left;
}
#top-area .top-menu {
    float: right;
    color: #FFF;
    padding-top: 15px;
    padding-right: 10px;
}
#top-area .top-menu a {
    color: #FFF;
}
#top-area .top-menu img {
    padding: 0 5px 0 5px;
}
#top-area-box-color {
    background-color: #000;
    height: 3px;
    opacity: 0.5;
}
#edm-main {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px;
        min-height:600px;
}
#edm-main .banner {
    width: 1200px;
}
#edm-main .banner img {
    display: block;
}


#footer {
    background-color: #282387;
    height: 66px;
    margin-top: 66px;
}
#footer .footer-main {
    /*width: 1200px;*/
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    line-height: 66px;
}

.clear { clear:both;}

#box-time-sell2 { background-color:#ab0823; position: relative; border-radius: 20px;}
#box-time-sell2 .row { background-color:#FFF; margin:5px;}
#box-time-sell2 .box { float:left; width:286px; height:396px; padding:5px 5px; }
#box-time-sell2 .prod-name-title { background-color:#000; text-align:center; color:#ffd900; padding:5px 0; overflow:hidden; width:286px; height: 20px;}
#box-time-sell2 .price { text-align:right; color:#FD2827; font-weight:bold;}
#box-time-sell2 .price b{ font-size:26px;}
#box-time-sell2 .prod-name { height:42px;}
#box-time-sell2 .pointer { position:relative; top:11px; margin-left:20px;}
#box-time-sell2 .description {font-size:18px; color:#F5FE00;padding:20px 0 20px 50px;}
.acrotate_desc { position: absolute; top: -150px; left: 435px; }

#scratch_card_area {  }
#scratch_card_in {  }
#scratch_card { margin: 120px 0 0 32px }
#mturn-title { display: none; }
#turn img{ width: 1200px; min-height: 425px; }
#turn-mb { display: none; }

#tip { display: none; }

#inputInovice {
    display: none;
    width: 600px;
    min-height: 390px;
}

#inputInovice{
    text-align: center;
}

#scratch_table {
    width: 95%;
    text-align: left;
}

#scratch_table .fwidth {
    width: 100%;
}

#scratch_table td {
    padding-top: 8px;
}

#scratch_table th {
    text-align: right;
    vertical-align:middle;
    padding-top: 6px;
}

#scratch_table input {
    height: 25px;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
}

#scratch_table select {
    height: 38px;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    position: relative;
    top: -1px;
}

#scratch_table .zip {
    width: 32px;
}

#result-box {
    display: none;
}

.checkbox-box span{
    position: relative;
    top: -5px;
}

#result-box .close{
    margin-top: 30px;
}

.start-button{
    padding: 15px 46px;
    height: auto;
    background-color: #D40083;
    color: #FFF;
    font-size: 16px;
    font-weight: bolder;
    border: none;
    width: 145px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
}

#solution {
    cursor: pointer;
    color: #00F;
    text-decoration: underline;
}

#scratch_table i {
    display: none;
    font-style: normal;
}

.remind{
    color: #F00;
}

@media screen and (max-width: 768px){
    #turn-mb { display: block; }
    #turn-mb img { width: 100% }
    #edm-main { width: 100% }
    #top-area { height: 86px; }
    #top-area .top-main { width: 100%; text-align: center; -webkit-background-size: cover; background-size: cover;}
    #top-area .logo { width: auto; float: none; }
    #top-area .top-menu { float: none; padding: 0px; }
    #turn { display: none; }
    #scratch_card { margin: 0px; }
    #scratch_card canvas { width: 100%; height: auto; }
    #mturn-title { display: block; color: #FFF; text-align:center; margin:15px 0 5px 0; font-size:20px;}
    #scratch_card_area { height: 213px; }
    #sp_title { width: 100%; }
    #scratch_card_in { width: 375px; margin: 0 auto; }
    #box-time-sell2 .box { width: 47%;  }
    #box-time-sell2 .img img { width: 100%; height: auto; }
    #box-time-sell2 .prod-name-title { width: 100%; height: auto; }
    #box-time-sell2 .prod-name { height: auto; }
    #box-time-sell2 .description { padding: 5px 10px; }
    #tip { display: block; text-align: center; margin-bottom:10px;}

    #inputInovice {
        width: 100%;
        height: 100%;
    }

    #scratch_table {
        /*font-size: 200%;*/
    }

    #scratch_table th{
        display: none;
    }

    #scratch_table i {
        display: block;
    }

    #scratch_table input {
        font-size: 13px;
    }

    #scratch_table select {
        font-size: 16px;
    }

    #result-box {
        min-width: 350px;
        height: 370px;
    }
}