@charset "UTF-8";

header.desktop {
    z-index: 20;
}

body[data-lang="cn"] {
    font-family: 'Noto Sans SC';
}

body[data-lang="ko"] {
    font-family: 'Noto Sans KR';
}

body[data-lang="jp"] {
    font-family: 'Noto Sans JP';
}

body[data-lang="tw"] {
    font-family: 'Noto Sans TC';
}

.c-inlineBlock {
    display: inline-block;
}

footer .f_search_field {
    display: none;
}

.event {
    position: relative;
    display: block;
    width: 100%;
    margin: 100px 0 0 0;
    z-index: 0;
}

.event * {
    position: relative;
}

.event img {
    display: block;
    width: 100%;
    height: auto;
}

body[data-lang="ko"] .event {
    word-break: keep-all;
    overflow-wrap: break-word;
}

/****banner****/
.event__banner {
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.event__banner__date {
    position: absolute;
    bottom: 3%;
    right: max(90px, calc(50% - 570px));
    display: block;
    max-width: 43%;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    text-align: right;
}

.event__banner__date[data-style="left"] {
    left: max(90px, calc(50% - 570px));
    right: auto;
    width: calc(100% - 180px);
    max-width: min(600px, 43%);
    text-align: left;
}

.event__banner__date sup {
    font-size: .6em;
}

.event__banner__bg {
    display: block;
    width: 100%;
}

.event__banner__bg .pad,
.event__banner__bg .mb {
    display: none;
}

/****內文區****/
.event__inner {
    display: block;
    width: calc(100% - 120px);
    max-width: 1200px;
    margin: 75px auto 30px auto;
}

.event__inner__section {
    display: block;
    width: 100%;
    margin: 0 auto 60px auto;
}

/**敘述**/
.event__inner__intro {
    display: block;
    width: 100%;
    margin: 0 auto 60px auto;
    font-size: 16px;
    line-height: 1.5;
    color: #343434;
    font-family: inherit;
    text-align: left;
}

.event__inner__intro__text {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
}

/**標題**/
.event__inner__section__title {
    display: block;
    width: 100%;
    margin: 0 auto 70px auto;
    padding: 0 0 15px 0;
    font-size: 24px;
    line-height: 1.5;
    color: #00aeca;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #00aeca;
    overflow: visible;
}

.event__inner__section__title::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 14px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 14px 0 14px;
    border-color: #00aeca transparent transparent transparent;
}

/****表格****/
.event__inner__section__table {
    display: block;
    width: 100%;
    overflow: hidden;
}

.event__inner__section__table::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background: #c3c3c3;
}

.event__inner__section__table::-webkit-scrollbar-thumb {
    background: #303D4a;
}

.event__inner__section__table__inner {
    display: block;
    width: 100%;
    word-break: break-all;
    text-align: center;
}

/**表頭**/
.event__inner__section__table__inner__head {
    display: block;
    width: 100%;
}

.event__inner__section__table__inner__head__item {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.event__inner__section__table__inner__head__item__text {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    background: #00aeca;
    flex: 0 1 auto;
}

/**表身**/
.event__inner__section__table__inner__body {
    display: block;
    width: 100%;
}

.event__inner__section__table__inner__body__item {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #00aeca;
}

.event__inner__section__table__inner__body__item__box {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #343434;
    font-family: inherit;
    font-weight: 400;
    border-right: 1px solid #00aeca;
    flex: 0 1 auto;
}

.event__inner__section__table__inner__body__item__box:last-child {
    border: none;
}

.event__inner__section__table__inner__body__item__box__title {
    display: none;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 90px;
    max-width: 100%;
    padding: 7px 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    background: #00aeca;
    flex: 0 0 auto;
}

.event__inner__section__table__inner__body__item__box__text {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    padding: 7px 10px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    flex: 0 1 auto;
}

/**各別欄位樣式**/
.event__inner__section__table__inner__head__item__text[data-style="month"],
.event__inner__section__table__inner__body__item__box[data-style="month"] {
    width: 130px;
    flex: 0 0 auto;
}

.event__inner__section__table__inner__body__item__box[data-style="prize"],
.event__inner__section__table__inner__body__item__box[data-style="winner"],
.event__inner__section__table__inner__body__item__box[data-style="contact"] {
    text-align: left;
}

.event__inner__section__table__inner__head__item__text[data-style="winner"],
.event__inner__section__table__inner__body__item__box[data-style="winner"] {
    width: 220px;
    flex: 0 0 auto;
}

.event__inner__section__table__inner__head__item__text[data-style="contact"],
.event__inner__section__table__inner__body__item__box[data-style="contact"] {
    width: 30%;
    flex: 0 0 auto;
}

/****列表****/
.event__inner__section__list {
    display: block;
    width: 100%;
    text-align: left;
}

.event__inner__section__list li {
    display: block;
    width: 100%;
    padding: 0 0 0 15px;
    font-size: 14px;
    line-height: 1.8;
    color: #343434;
    font-weight: 400;
}

.event__inner__section__list li::before {
    content: '';
    position: absolute;
    top: calc(.9em - 1.5px);
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    background: #343434;
    border-radius: 50%;
    overflow: hidden;
}

/****活動規則****/
.event__inner__section__win {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
}

/**文案**/
.event__inner__section__win__content {
    display: block;
    width: 100%;
    max-width: 560px;
    flex: 0 1 auto;
}

.event__inner__section__win__content__step {
    display: block;
    width: 100%;
    counter-reset: item;
}

.event__inner__section__win__content__step__item {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #343434;
    font-family: inherit;
    text-align: left;
    counter-increment: item;
}

.event__inner__section__win__content__step__item::before {
    content: 'Step\00A0' counter(item, decimal);
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: #343434;
    font-family: inherit;
    font-weight: 700;
    flex: 0 0 auto;
}

.event__inner__section__win__content__step[data-lang="cn"] .event__inner__section__win__content__step__item::before {
    content: '步骤\00A0' counter(item, cjk-decimal);
}

.event__inner__section__win__content__step[data-lang="tw"] .event__inner__section__win__content__step__item::before {
    content: '步驟\00A0' counter(item, cjk-decimal);
}

.event__inner__section__win__content__step[data-lang="none"] .event__inner__section__win__content__step__item {
    padding: 0 0 0 1em;
}

.event__inner__section__win__content__step[data-lang="none"] .event__inner__section__win__content__step__item::before {
    content: counter(item, decimal)'\00A0';
    position: absolute;
    top: 0;
    left: 0;
}

.event__inner__section__win__content__step__item:last-child {
    margin: 0;
}

.event__inner__section__win__content__step__item__text {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    flex: 0 1 auto;
}

.event__inner__section__win__content__step__item__text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: opacity .4s ease-in-out;
}

.event__inner__section__win__content__step__item__text a:hover {
    opacity: .7;
}

.event__inner__section__win__content__info {
    display: block;
    width: calc(100% - 20px);
    min-height: 80px;
    margin: 50px auto 10px auto;
    padding: 15px 30px;
    border: 2px solid #00aeca;
}

.event__inner__section__win__content__info::before,
.event__inner__section__win__content__info::after {
    content: '';
    position: absolute;
    display: block;
    width: 70px;
    height: 75px;
    background:
        linear-gradient(to bottom, #00aeca 0%, #00aeca 100%) top right no-repeat,
        linear-gradient(to right, #00aeca 0%, #00aeca 100%) top right no-repeat,
        linear-gradient(to right, #00aeca 0%, #00aeca 100%) bottom right no-repeat;
    background-size:
        100% 2px,
        2px 45%,
        2px 40%;
}

.event__inner__section__win__content__info::before {
    top: -10px;
    right: -10px;
}

.event__inner__section__win__content__info::after {
    bottom: -10px;
    left: -10px;
    transform: scale(-1);
}

.event__inner__section__win__content__info__item {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #00aeca;
    font-family: inherit;
    font-weight: 700;
    text-align: left;
}

.event__inner__section__win__content__info__item:last-child {
    margin: 0;
}

.event__inner__section__win__content__info__item__title {
    display: block;
    width: auto;
    min-width: 55px;
    margin: 0 15px 0 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    flex: 0 0 auto;
}

.event__inner__section__win__content__info[data-lang="cn"] .event__inner__section__win__content__info__item__title {
    min-width: 65px;
}

.event__inner__section__win__content__info[data-lang="tw"] .event__inner__section__win__content__info__item__title {
    min-width: 65px;
}

.event__inner__section__win__content__info[data-lang="jp"] .event__inner__section__win__content__info__item__title {
    min-width: 35px;
}

.event__inner__section__win__content__info__item__text {
    display: block;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    flex: 0 1 auto;
}

/**圖片**/
.event__inner__section__win__pic {
    display: block;
    width: calc(50% - 30px);
    margin: 0 0 0 30px;
    padding: 10px 0 0 0;
    flex: 0 0 auto;
}

/****表單填寫****/
.event__inner__section__fill {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.event__inner__section__fill[data-finish]::after {
    content: attr(data-finish);
    position: absolute;
    top: -30px;
    left: -30px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    font-size: 24px;
    line-height: 1;
    color: #fff;
    font-family: inherit;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
}

/**表單**/
.event__inner__section__fill__form {
    display: block;
    width: 100%;
    max-width: 485px;
    flex: 0 1 auto;
}

.event__inner__section__fill__form__title {
    display: block;
    width: 100%;
    margin: 0 0 25px 0;
    font-size: 20px;
    line-height: 1.2;
    color: #00aeca;
    font-family: inherit;
    font-weight: 700;
}

.event__inner__section__fill__form__item {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    margin: 0 0 15px 0;
}

.event__inner__section__fill__form__item.hide {
    display: none;
}

.event__inner__section__fill__form__item__title {
    display: block;
    min-width: 140px;
    margin: 0 20px 0 0;
    font-size: 16px;
    line-height: 1.2;
    color: #010101;
    font-family: inherit;
    font-weight: 400;
    text-align: right;
    flex: 0 0 auto;
}

.event__inner__section__fill__form[data-lang="cn"] .event__inner__section__fill__form__item__title {
    min-width: 64px;
}

.event__inner__section__fill__form[data-lang="tw"] .event__inner__section__fill__form__item__title {
    min-width: 64px;
}

.event__inner__section__fill__form[data-lang="jp"] .event__inner__section__fill__form__item__title {
    min-width: 159px;
}

.event__inner__section__fill__form[data-lang="ko"] .event__inner__section__fill__form__item__title {
    min-width: 104px;
}

.event__inner__section__fill__form__item__put {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    flex: 0 1 auto;
}

.event__inner__section__fill__form__item__put input,
.event__inner__section__fill__form__item__put select {
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #666;
    font-family: inherit;
    font-weight: 400;
    border-radius: 0;
    border: none;
}

.event__inner__section__fill__form__item__put::before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    right: 15px;
    display: block;
    width: 6px;
    height: 6px;
    border-left: 1px solid #343434;
    border-bottom: 1px solid #343434;
    transform-origin: center;
    transform: rotate(-45deg);
}

.event__inner__section__fill__form__item__put input {
    background: #fff;
}

.event__inner__section__fill__form__item__put select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0 20px 0 0;
    background: none;
}

.event__inner__section__fill__form__item__put select:focus-visible {
    outline: none;
}

.event__inner__section__fill__form__item__file {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 35px;
    border: 1px solid #e0e0e0;
    flex: 0 1 auto;
    overflow: hidden;
}

.event__inner__section__fill__form__item__file::after {
    content: attr(data-text);
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    min-width: 95px;
    height: 100%;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1;
    color: #666;
    font-family: inherit;
    font-weight: 400;
    background: #e4e4e4;
    flex: 0 0 auto;
}

.event__inner__section__fill__form__item__file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.event__inner__section__fill__form__item__file__text {
    display: block;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #666;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
    flex: 0 1 auto;
}

.event__inner__section__fill__form__item__file__text::before {
    content: attr(data-notice);
}

.event__inner__section__fill__form__item.active .event__inner__section__fill__form__item__file__text::before {
    content: attr(data-file);
}

.event__inner__section__fill__form__item__file__download {
    display: none;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 0;
}

.event__inner__section__fill__form__item__file__download__file {
    display: block;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #666;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    flex: 0 1 auto;
}

.event__inner__section__fill__form__item__file__download__delete {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: start;
    width: auto;
    max-width: 100%;
    min-width: 115px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1;
    color: #666;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    background: #e4e4e4;
    border: none;
    flex: 0 0 auto;
    overflow: hidden;
}

.event__inner__section__fill__form__item__file__download__delete::before {
    content: attr(data-text);
    position: relative;
    display: block;
    width: 100%;
}

/*下載啟動樣式*/
.event__inner__section__fill__form__item__file.active::after,
.event__inner__section__fill__form__item__file.active input[type="file"],
.event__inner__section__fill__form__item__file.active .event__inner__section__fill__form__item__file__text {
    display: none;
}

.event__inner__section__fill__form__item__file.active .event__inner__section__fill__form__item__file__download {
    display: flex;
}

/*注意事項*/
.event__inner__section__fill__form__agree {
    display: block;
    width: 100%;
}

.event__inner__section__fill__form__agree__box {
    display: block;
    width: 100%;
}

.event__inner__section__fill__form__agree__box__item {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #343434;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
}

.event__inner__section__fill__form__agree__box__item input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.event__inner__section__fill__form__agree__box__item__box {
    top: calc(.85em - 7.5px);
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    padding: 0;
    background: none;
    border-radius: 0;
    border: 2px solid #00aeca;
    cursor: pointer;
    flex: 0 0 auto;
}

.event__inner__section__fill__form__agree__box__item__box::before,
.event__inner__section__fill__form__agree__box__item__box::after {
    content: '';
    position: absolute;
    bottom: 27.5%;
    left: 40%;
    display: block;
    width: 2px;
    height: 70%;
    background: #fff;
    transform-origin: bottom center;
}

.event__inner__section__fill__form__agree__box__item__box::before {
    transform: rotate(45deg);
}

.event__inner__section__fill__form__agree__box__item__box::after {
    height: 43%;
    transform: rotate(-45deg);
}

.event__inner__section__fill__form__agree__box__item input[type="checkbox"]:checked~.event__inner__section__fill__form__agree__box__item__box {
    background: #00aeca;
}

.event__inner__section__fill__form__agree__box__item__text {
    display: block;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    flex: 0 1 auto;
}

.event__inner__section__fill__form__agree__box__recaptcha {
    margin: 5px 0 0 25px;
}

/*按鈕工具*/
.event__inner__section__fill__form__btGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: center;
    justify-content: center;
    width: 100%;
    margin: 40px 0 0 0;
}

.event__inner__section__fill__form__btGroup__bt {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100px;
    height: 40px;
    margin: 10px 10px 0 10px;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    background: #00aeca;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.event__inner__section__fill__form__btGroup__bt input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    background: none;
    border: none;
    cursor: pointer;
}

/**條碼**/
.event__inner__section__fill__bar {
    display: block;
    width: calc(50% + 15px);
    margin: 0 0 0 30px;
    flex: 0 0 auto;
}

.event__inner__section__fill__bar__title {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #343434;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
}

.event__inner__section__fill__bar__box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.event__inner__section__fill__bar__box__item {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.event__inner__section__fill__bar__box__item::before,
.event__inner__section__fill__bar__box__item::after {
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 1;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    background: #00aeca;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
}

.event__inner__section__fill__bar__box__item::before {
    content: 'A';
}

.event__inner__section__fill__bar__box__item::after {
    content: 'B';
}

.event__inner__section__fill__bar__box__item img {
    filter: drop-shadow(4px 4px 5px rgba(7, 3, 4, .3));
}

/*個別樣式*/
.event__inner__section__fill__bar__box__item[data-style="dram"] {
    max-width: 325px;
    margin: 20px auto;
}

.event__inner__section__fill__bar__box__item[data-style="dram"]::before {
    top: calc(63% - 15px);
    right: 98%;
}

.event__inner__section__fill__bar__box__item[data-style="dram"]::after {
    top: calc(53% - 15px);
    right: 44.5%;
}

.event__inner__section__fill__bar__box__item[data-style="ssd"] {
    max-width: 520px;
    margin: 15px auto;
}

.event__inner__section__fill__bar__box__item[data-style="ssd"]::before {
    top: calc(39.2% - 15px);
    right: 38%;
}

.event__inner__section__fill__bar__box__item[data-style="ssd"]::after {
    top: calc(69.25% - 15px);
    right: 38%;
}

.event__inner__section__fill__bar__box__item[data-style="memory"] {
    width: calc(66% - 17px);
}

.event__inner__section__fill__bar__box__item[data-style="memory"]::before {
    top: calc(22% - 15px);
    right: 44%;
}

.event__inner__section__fill__bar__box__item[data-style="memory"]::after {
    top: calc(88% - 15px);
    right: 83%;
}

.event__inner__section__fill__bar__box__item[data-style="usb"] {
    width: calc(34.5% - 17px);
}

.event__inner__section__fill__bar__box__item[data-style="usb"]::before {
    top: calc(37% - 15px);
    right: 89%;
}

.event__inner__section__fill__bar__box__item[data-style="usb"]::after {
    top: calc(56.5% - 15px);
    right: 89%;
}

/***********************/
/**該圖片路徑for正式站**/
/***********************/
.prd_detail_share .share_list li.url input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #343434;
    color: #8e8e8e;
    background: url(/../kimg/share_url.gif) no-repeat left center;
    padding-left: 15px;
    line-height: 1.6em
}

.prd_detail_share .share_list li.copy_btn {
    text-align: right;
    margin-top: 8px
}

.prd_detail_share .share_list li.copy_btn button {
    background: #8c96a0;
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-size: 0.7em
}

.prd_detail_share .share_list li.copy_btn button:hover {
    background: #6f7983
}

.prd_detail_share.white_type .btn_area a {
    color: #fff
}

.prd_detail_share.black_type .btn_area a {
    color: #343434
}

@media screen and (max-width: 1400px) {
    .event {
        margin: 60px 0 0 0;
    }

}

@media screen and (max-width: 1060px) {
    .event {
        margin: 55px 0 0 0;
    }
}

@media screen and (max-width: 991px) {

    /****banner****/
    .event__banner__date {
        bottom: 5%;
        right: 40px;
        font-size: max(2vw, 12px);
    }

    .event__banner__date[data-style="left"] {
        left: 40px;
        width: calc(100% - 80px);
        max-width: none;
    }

    .event__banner__bg .pc {
        display: none;
    }

    .event__banner__bg .pad {
        display: block;
    }

    /****內文區****/
    .event__inner {
        width: calc(100% - 60px);
        margin: 75px auto 0 auto;
    }

    .event__inner__section {
        margin: 0 auto 80px auto;
    }

    /****表格****/
    /**各別欄位樣式**/
    .event__inner__section__table__inner__head__item__text[data-style="month"],
    .event__inner__section__table__inner__body__item__box[data-style="month"] {
        width: 110px;
    }

    .event__inner__section__table__inner__head__item__text[data-style="winner"],
    .event__inner__section__table__inner__body__item__box[data-style="winner"] {
        width: 125px;
    }

    .event__inner__section__table__inner__head__item__text[data-style="contact"],
    .event__inner__section__table__inner__body__item__box[data-style="contact"] {
        width: 36%;
    }

    /****活動規則****/
    .event__inner__section__win {
        display: block;
        padding: 0;
    }

    /**文案**/
    .event__inner__section__win__content {
        width: 100%;
        max-width: none;
    }

    /**圖片**/
    .event__inner__section__win__pic {
        width: 100%;
        max-width: 560px;
        margin: 60px auto 0 auto;
        padding: 0;
    }

    /****表單填寫****/
    .event__inner__section__fill {
        display: block;
    }

    .event__inner__section__fill::after {
        align-items: flex-start;
        align-content: flex-start;
        padding: 80px 0 0 0;
        height: calc(100% - 30px);
    }

    /**表單**/
    .event__inner__section__fill__form {
        max-width: none;
    }

    /*按鈕工具*/
    .event__inner__section__fill__form__btGroup {
        justify-items: center;
        justify-content: center;
    }

    .event__inner__section__fill__form__btGroup__bt {
        margin: 10px 5px 0 5px;
    }

    /**條碼**/
    .event__inner__section__fill__bar {
        width: 100%;
        margin: 50px 0 0 0;
    }

    .event__inner__section__fill__bar__box {
        max-width: 580px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 880px) {
    .event {
        margin: -3px 0 0 0;
    }
}

@media screen and (max-width: 767px) {

    /****表格****/
    .event__inner__section__table__inner__head {
        display: none;
    }

    .event__inner__section__table__inner__body__item {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
        border: none;
        border-right: 1px solid #00aeca;
    }

    .event__inner__section__table__inner__body__item:last-child {
        margin: 0;
    }

    .event__inner__section__table__inner__body__item__box {
        border: none;
    }

    .event__inner__section__table__inner__body__item__box__title {
        display: flex;
        border-bottom: 1px solid #fff;
    }

    .event__inner__section__table__inner__body__item__box:last-child .event__inner__section__table__inner__body__item__box__title {
        border: none;
    }

    .event__inner__section__table__inner__body__item__box__text {
        border-top: 1px solid #00aeca;
    }

    .event__inner__section__table__inner__body__item__box:last-child .event__inner__section__table__inner__body__item__box__text {
        border-bottom: 1px solid #00aeca;
    }

    .event__inner__section__table__inner__head__item__text[data-style="month"],
    .event__inner__section__table__inner__body__item__box[data-style="month"],
    .event__inner__section__table__inner__body__item__box[data-style="prize"],
    .event__inner__section__table__inner__body__item__box[data-style="winner"],
    .event__inner__section__table__inner__body__item__box[data-style="contact"],
    .event__inner__section__table__inner__head__item__text[data-style="winner"],
    .event__inner__section__table__inner__body__item__box[data-style="winner"],
    .event__inner__section__table__inner__head__item__text[data-style="contact"],
    .event__inner__section__table__inner__body__item__box[data-style="contact"] {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {

    /****banner****/
    .event__banner__date {
        bottom: 3%;
        right: 20px;
        max-width: 49%;
        font-size: 14px;
    }

    .event__banner__date[data-style="left"] {
        left: 20px;
        width: calc(100% - 40px);
    }

    .event__banner__bg .pad {
        display: none;
    }

    .event__banner__bg .mb {
        display: block;
    }

    /****內文區****/
    .event__inner {
        width: calc(100% - 40px);
        margin: 55px auto 0 auto;
    }

    .event__inner__section {
        margin: 0 auto 60px auto;
    }

    /**標題**/
    .event__inner__section__title {
        margin: 0 auto 50px auto;
        padding: 0 0 10px 0;
        /* font-size: 20px; */
    }

    .event__inner__section__title::after {
        left: calc(50% - 7px);
        border-width: 14px 7px 0 7px;
    }

    /**列表**/
    /* .event__inner__section__list li {
        font-size: 12px;
    } */

    /****表格****/
    .event__inner__section__table__inner__head__item__text,
    .event__inner__section__table__inner__body__item__box {
        font-size: 14PX;
    }

    /****活動規則****/
    /**文案**/
    .event__inner__section__win__content__step__item {
        font-size: 14px;
    }

    .event__inner__section__win__content__step__item::before {
        margin: 0 0 2.5px 0;
    }

    .event__inner__section__win__content__info {
        min-height: 65px;
        margin: 35px auto 0 auto;
        padding: 10px 25px;
    }

    .event__inner__section__win__content__info::before,
    .event__inner__section__win__content__info::after {
        width: 60px;
        height: 60px;
    }

    .event__inner__section__win__content__info__item {
        margin: 0 0 5px 0;
        font-size: 14px;
    }

    .event__inner__section__win__content__info__item__title {
        min-width: 40px;
        margin: 0 10px 0 0;
    }

    /**圖片**/
    .event__inner__section__win__pic {
        margin: 35px auto 0 auto;
    }

    /****表單填寫****/
    /**表單**/
    .event__inner__section__fill__form__item__title {
        min-width: 123px;
        font-size: 14px;
    }

    .event__inner__section__fill__form[data-lang="cn"] .event__inner__section__fill__form__item__title {
        min-width: 56px;
    }

    .event__inner__section__fill__form[data-lang="tw"] .event__inner__section__fill__form__item__title {
        min-width: 56px;
    }

    .event__inner__section__fill__form[data-lang="jp"] .event__inner__section__fill__form__item__title {
        min-width: 139px;
    }

    .event__inner__section__fill__form[data-lang="ko"] .event__inner__section__fill__form__item__title {
        min-width: 91px;
    }

    .event__inner__section__fill__form__item__put input,
    .event__inner__section__fill__form__item__put select {
        font-size: 14px;
    }

    .event__inner__section__fill__form__item__file::after,
    .event__inner__section__fill__form__item__file__download__delete {
        min-width: 90px;
    }

    .event__inner__section__fill__form__item__file__text {
        font-size: 14px;
    }

    /*注意事項*/
    .event__inner__section__fill__form__agree__box__item {
        margin: 0 0 15px 0;
        font-size: 14px;
    }

    /*按鈕工具*/
    .event__inner__section__fill__form__btGroup {
        margin: 20px auto 0 auto;
    }

    /**條碼**/
    .event__inner__section__fill__bar {
        margin: 30px 0 0 0;
    }

    .event__inner__section__fill__bar__title {
        margin: 0 0 15px 0;
        font-size: 14px;
    }

    .event__inner__section__fill__bar__box__item {
        margin: 15px auto;
    }

    .event__inner__section__fill__bar__box__item::before,
    .event__inner__section__fill__bar__box__item::after {
        width: 25px;
        height: 25px;
        font-size: 16px;
    }

    .event__inner__section__fill__bar__box__item img {
        filter: drop-shadow(4px 4px 5px rgba(7, 3, 4, .3));
    }

    /*個別樣式*/
    .event__inner__section__fill__bar__box__item[data-style="dram"] {
        max-width: 270px;
    }

    .event__inner__section__fill__bar__box__item[data-style="dram"]::before {
        top: calc(63% - 12.5px);
    }

    .event__inner__section__fill__bar__box__item[data-style="dram"]::after {
        top: calc(53% - 12.5px);
        right: 45.5%;
    }

    .event__inner__section__fill__bar__box__item[data-style="ssd"]::before {
        top: calc(39.2% - 12.5px);
    }

    .event__inner__section__fill__bar__box__item[data-style="ssd"]::after {
        top: calc(69.25% - 12.5px);
    }

    .event__inner__section__fill__bar__box__item[data-style="memory"] {
        width: 100%;
    }

    .event__inner__section__fill__bar__box__item[data-style="memory"]::before {
        top: calc(22% - 12.5px);
    }

    .event__inner__section__fill__bar__box__item[data-style="memory"]::after {
        top: calc(88% - 12.5px);
    }

    .event__inner__section__fill__bar__box__item[data-style="usb"] {
        width: 100%;
        max-width: 170px;
        margin: 15px auto;
    }

    .event__inner__section__fill__bar__box__item[data-style="usb"]::before {
        top: calc(37% - 12.5px);
        right: 89%;
    }

    .event__inner__section__fill__bar__box__item[data-style="usb"]::after {
        top: calc(56.5% - 12.5px);
        right: 89%;
    }

}

/****觸控螢幕****/
@media (any-hover: none) {}

/****IOS樣式****/
@supports (-webkit-touch-callout: none) {}