﻿@charset "utf-8";
/**倒數計時器內容樣式設定 與後台共用*/
.cd_view
{
    width: 80%;
    height: 65px;
    text-align: left;
    padding: 6px 8px;
    margin: 0 auto;
}

.CdTit
{
    text-align: center;
    color: blue;
    font-family: 微軟正黑體;
    font-size: 16px;
}

.CdDcnt
{
    font-size: 24px;
    color: red;
    font-family: arial, helvetica, sans-serif;
}

.Cd_T01
{
    position:relative;
    vertical-align: baseline;
    border: 1px solid #77b048;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 4px white;
    -moz-box-shadow: inset 0 1px 4px white;
    box-shadow: inset 0 1px 4px white;
    background: -webkit-gradient(linear, center top, center bottom, from(#a9db80), to(#96c56f));
    background: -webkit-linear-gradient(top, #a9db80, #96c56f);
    background: -moz-linear-gradient(top, #a9db80, #96c56f);
    background: -o-linear-gradient(top, #a9db80, #96c56f);
    background: -ms-linear-gradient(top, #a9db80, #96c56f);
    background: linear-gradient(to bottom, #a9db80, #96c56f);
    -pie-background: linear-gradient(#a9db80, #96c56f);
    behavior: url(/include/pie.htc);
}

.Cd_T02
{
    position: relative;
    vertical-align: baseline;
    border: 1px solid #e09494;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-shadow: inset white 0 1px 4px;
    -moz-box-shadow: inset white 0 1px 4px;
    box-shadow: inset white 0 1px 4px;
    -pie-box-shadow: inset white 0 1px 4px;
    background: -webkit-gradient(linear, center top, center bottom, from(#ecbbbb), to(#ffa4a4));
    background: -webkit-linear-gradient(top, #ecbbbb, #ffa4a4);
    background: -moz-linear-gradient(top, #ecbbbb, #ffa4a4);
    background: -o-linear-gradient(top, #ecbbbb, #ffa4a4);
    background: -ms-linear-gradient(top, #ecbbbb, #ffa4a4);
    background: linear-gradient(to bottom, #ecbbbb, #ffa4a4);
    -pie-background: linear-gradient(#ecbbbb, #ffa4a4);
    behavior: url(/include/pie.htc);
}

.Cd_T03
{
    position:relative;
    vertical-align: baseline;
    border: 1px solid #ffad41;
    border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 4px white;
    -moz-box-shadow: inset 0 1px 4px white;
    box-shadow: inset 0 1px 4px white;
    background: -webkit-gradient(linear, center top, center bottom, from(#ffc579), to(#fa9d23));
    background: -webkit-linear-gradient(top, #ffc579, #fa9d23);
    background: -moz-linear-gradient(top, #ffc579, #fa9d23);
    background: -o-linear-gradient(top, #ffc579, #fa9d23);
    background: -ms-linear-gradient(top, #ffc579, #fa9d23);
    background: linear-gradient(to bottom, #ffc579, #fa9d23);
    -pie-background: linear-gradient(#ffc579, #fa9d23);
    behavior: url(/include/pie.htc);
}

.Cd_T04
{
    position:relative;
    vertical-align: baseline;
    border: 1px solid #82a0d5;
    border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 4px white;
    -moz-box-shadow: inset 0 1px 4px white;
    box-shadow: inset 0 1px 4px white;
    background: -webkit-gradient(linear, center top, center bottom, from(#acc0e3), to(#7b96c4));
    background: -webkit-linear-gradient(top, #acc0e3, #7b96c4);
    background: -moz-linear-gradient(top, #acc0e3, #7b96c4);
    background: -o-linear-gradient(top, #acc0e3, #7b96c4);
    background: -ms-linear-gradient(top, #acc0e3, #7b96c4);
    background: linear-gradient(to bottom, #acc0e3, #7b96c4);
    -pie-background: linear-gradient(#acc0e3, #7b96c4);
    behavior: url(/include/pie.htc);
}
