@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;background-color:#c31b3a;z-index:1;font-family: "微軟正黑體", Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;}

.campaign_wrap {background-color:#c31b3a;min-height:1000px;width:100%;display:block;clear:both;}
.campaign_wrap .container {width:1000px;}
.campaign_top {height:485px;background-image:url(../images/top.jpg);position:relative;}
.campaign_top .logo{width:410;height:290px;margin:0 auto;text-align:center;margin-top:12px;position:absolute;left:28%;}
.campaign_top .btn_result {width:123px;height:46px;position:absolute;right:25px;;margin-top:0;}
.campaign_content {text-align:center;background-color:#ffffff;position:relative;min-height:300px;}
.campaign_content h2{font-size:28px;font-weight:bold;margin:50px 0 10px 0;color:#792573;}
.campaign_content p{margin:0;font-size:14px;}
.mainpcontent{background-image:url(../images/content.jpg);background-repeat:no-repeat;height:670px;}
.campaign_btngo {position:absolute; width:200px;height:42px;margin-top:590px;margin-left:750px;}
.campaign_content2 {text-align:center;margin-bottom:-5px;}

.campaign_footer {background-color:#a6172b;padding:0px auto;min-height:120px;margin:0 auto;}
.campaignbtn1 {margin:0px auto;text-align:center;padding:20px 10px;}
.clearfix {clear:both;}
.btn_tnc {text-align:center;margin:0 auto;cursor: pointer;padding:8px 0;}
.btn_tnc  a{text-align:center;margin:0 auto;cursor: pointer;}
.btn_close{}

.tncwrap {text-align:left;margin:0 auto;}

.m_campaign_wrap {background-color:#c31b3a;}
.m_campaign_wrap .container {width:320px;margin:0 auto;}
.m_campaign_top {height:670px;background-image:url(../images/m_top.jpg);background-size:contain;background-repeat:no-repeat;}
.m_campaign_top .logo{width:320;height:280px;margin:0 auto;text-align:center;position:absolute;}
.m_campaign_content {padding:20px auto;background-color:#ffffff;}
.m_campaign_footer {background-color:#a6172b;padding:0px auto;min-height:120px;margin:0 auto;}
.m_campaign_top .logo img {width:320px;height:auto;}
.m_campaign_content img {width:100%;height:auto;}
.m_campaign_footer img {width:100%;height:auto;}
.md-trigger img {width:94px;height:auto;}

.result {background-color:#FFFFFF;width:100%;margin:0 auto;max-width:1000px;}
.result_content {padding:10px;}
.result_content > div {padding:10px 0;}
.result_content .week {margin:10px 0;}
.result_content .day {width:13.6%;float:left;background-color:#FEEDF8;margin:1% 0.3%;padding:0 0%;}
.result_content .day  .winner_wrap {padding:3px 2px;float:left;width:100%;min-height:30px;}
.result_content .day  .winner_wrap:after {clear:both;}
.result_content .day ol  {margin:0;padding:0;padding-left:2px;list-style-position:inside;}
.result_content .day ol li {font-size:11px;}
.result_content .day  .winner_wrap .winnerinfo {font-size:12px;border-bottom:1px;color:#696969;width:100%;}
.result_content .day  .title {font-size:18px;font-weight:bold;color:#ffffff;padding:5px 2px;background-color:#5d3f95;}
.result_content .day  .ans {font-size:12px;font-weight:bold;color:#c31b3a;padding:3px 2px;height:30px;text-align:left;}
.result_content .day  .winner_wrap .name {width:78%;display:block;float:left;font-weight:bold;font-size:12px;color:#000000;}
.result_content .day  .winner_wrap .id {width:22%;display:block;float:left;font-weight:bold;font-size:10px;color:#696969;text-align:center;}
.bigtitle {text-align:center;}
.bigtitle  img{width:50%;max-width:150px;}
.result_content p{text-align:center;}
.result_content .price h2{color:#5d3f95;}
.smalltext {font-size:14px;}
.m_result_btn {background-image:url(../images/m_btn_result.jpg);height:75px;background-size:contain;}
.resultwrap {min-height:200px;}
.winner_wrap_title {font-size:12px;font-weight:bold;padding:6px 2px;color:#5d3f95;}
.result_content .grandprize  {background-color:#fae749;text-align:center;}
.result_content .grandprize img{width:100%; max-width:580px;}


button {background-color:#e8de8d;padding:6px 6px;color:#5d3f95;border:0;font-weight:bold;margin:5px 2px;}
button:hover {cursor:pointer;background-color:#b094c0;}
button:visited {cursor:pointer;background-color:#5d3f95;}


@media screen and (max-width: 768px) {
	.result_content .day  .ans {font-size:12px;font-weight:bold;color:#c31b3a;padding:3px 2px;height:20px;text-align:left;}
	.result_content .day {width:48%;margin:1% 1%;}
	.result_content .day  .winner_wrap {padding:3px 2px;float:left;width:100%;height:20px;}
    .result_content {padding:8px;}
	.result_content .price h2{color:#5d3f95;font-size:21px;}
	
	}