abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    vertical-align: baseline;
    background: 0 0
}

body,
html {
    height: 100%
}

html {
    -webkit-font-smoothing: antialiased
}

body,
button,
input,
select,
textarea {
    color: #555;
    background: #fff;
    border: none
}

a,
button,
cite,
em,
i,
img,
input,
select,
span,
tt {
    color: #666
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

a {
    color: #555
}

a,
a:hover {
    text-decoration: none;
    outline: 0
}

b,
strong {
    font-weight: 700
}

p {
    margin: 0;
    line-height: 200%;
    color: #666
}

li,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

button,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit
}

button,
input {
    outline: 0
}

::-webkit-input-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-ms-input-placeholder {
    color: #ccc
}

input:-moz-placeholder {
    color: #ccc
}

textarea:-moz-placeholder {
    color: #ccc
}

::selection {
    background: #333;
    color: #999;
    text-shadow: none
}

.yh {
    font-family: Microsoft YaHei, '\9ed1\4f53'
}

.jh {
    font-family: Microsoft JhengHei, '\9ed1\4f53'
}

.hide {
    display: none !important
}

.clear {
    clear: both
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.black {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.black:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none
}

.promo-details-body table tr td {
    border: 1px solid #fff;
    padding: 5px
}

/* .pass-input input[name="referrall_id"] {
    display: none;
} */
.center-form label{position: relative;}
.modal-content-ph{
    position: absolute!important;
    right: 92px!important;
    top: 1px!important;
}
.modal-content-ph div img{width: 300px!important}
.wrap p, .dstg-content ul li{color: #fff!important; line-height: 185%!important;}
.dstg-title strong, .dstg-content{color: #fff!important;}
footer{clear: both!important;}
.group-amount a {
    font-size: 14px;
    color: #333;
    border: 1px solid #d3d2d2;
    border-radius: 5px;
    margin-right: 5px;
    position: relative;
    width: 101px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    background: #d3d2d2;
    font-weight: normal;
}