@charset "utf-8";
@media screen and (min-width: 800px) and (max-width: 950px) {
    /*投票區域*/
    .bigImg {
        width: 50%;
    }
    .voteBox {
        width: 60%;
        margin-top: 10px;
    }
    .voteBox h3 {
        font: normal 24px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox p {
        font: normal 14px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox span.getTktNum {
        font: 400 30px/1.2 Helvetica, Arial, sans-serif;
    }
    .voteBox span.getTktNum b {
        font: normal 14px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox .btnBox {
        position: relative;
        margin: 0 auto;
    }
    .voteBox .btnBox .voteBtn,
    .voteBox .btnBox .linkBtn:link,
    .voteBox .btnBox .linkBtn:visited {
        width: 25%;
        font: normal 18px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        margin-right: 10px;
    }
    .voteBox .btnBox .smlImg {
        display: block;
        width: 40%;
    }
    /* c26模組專用 */
    .ph {
        width: 33%;
    }
}

@media screen and (min-width: 640px) and (max-width: 799px) {
    .kvBox {
        display: none;
    }
    .kvBox-m {
        display: block;
    }
    .prodArea {
        padding: 20px;
    }
    /*活動說明*/
    .leftBox,
    .rightBox {
        width: 100%;
    }
    .rightBox {
        border-left: 0;
        border-top: 1px solid #fa38c5;
    }
    .schList li {
        padding: 0 10px;
    }
    .schList li b {
        max-width: 120px;
    }
    .schList li .arraw1,
    .schList li .plus1 {
        width: 24px;
    }
    /*投票區域*/
    .bigImg {
        width: 70%;
    }
    .voteBox {
        width: 60%;
        margin-top: 20px;
    }
    .voteBox h3 {
        font: normal 24px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox p {
        font: normal 14px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox span.getTktNum {
        font: 400 30px/1.2 Helvetica, Arial, sans-serif;
    }
    .voteBox span.getTktNum b {
        font: normal 14px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox .btnBox {
        position: relative;
        margin: 0 auto;
    }
    .voteBox .btnBox .voteBtn,
    .voteBox .btnBox .linkBtn:link,
    .voteBox .btnBox .linkBtn:visited {
        width: 25%;
        font: normal 14px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        margin-right: 10px;
    }
    .voteBox .btnBox .smlImg {
        display: block;
        width: 40%;
    }
    /* c26模組專用 */
    .ph {
        width: 50%;
    }
}

@media screen and (max-width: 639px) {
    .kvBox {
        display: none;
    }
    .kvBox-m {
        display: block;
    }
    .prodArea {
        padding: 30px 20px;
    }
    /*標題*/
    .titleBox {
        width: 100%;
        margin: -16px auto 0;
    }
    .pinkTitle {
        padding: 5px 10px;
    }
    .pinkTitle strong {
        font: normal 20px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 6px 15px;
    }
    .pinkTitle:before,
    .pinkTitle:after {
        content: '';
        width: 20px;
        height: 21px;
    }
    /*活動說明*/
    .leftBox,
    .rightBox {
        width: 100%;
    }
    .rightBox {
        border-left: 0;
        border-top: 1px solid #fa38c5;
    }
    .schList li {
        padding: 0 2px;
    }
    .schList li b {
        max-width: 100px;
    }
    .schList li .arraw1,
    .schList li .plus1 {
        width: 24px;
    }
    /*投票區域*/
    .bigImg {
        width: 90%;
        margin: 0 auto;
    }
    .voteBox {
        width: 90%;
        margin: 0 auto;
        position: relative;
    }
    .voteBox h3 {
        font: normal 24px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox p {
        font: normal 14px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox span.getTktNum {
        font: 400 30px/1.2 Helvetica, Arial, sans-serif;
    }
    .voteBox span.getTktNum b {
        font: normal 14px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .voteBox .btnBox {
        position: relative;
        margin: 0 auto;
    }
    .voteBox .btnBox .voteBtn,
    .voteBox .btnBox .linkBtn:link,
    .voteBox .btnBox .linkBtn:visited {
        width: 40%;
        font: normal 14px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        margin-right: 10px;
    }
    .voteBox .btnBox .smlImg {
        display: none;
    }
    /* c26模組專用 */
    .ph {
        width: 100%;
        margin: 0 auto 8px;
    }
}