@media screen and (min-width: 1024px) and (max-width: 1224px) {
	.scrollup{right:30px}
	.winnerlist{
		border:none;
		}

	
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* 如果使用者之視窗寬度介於 768px ~ 1023px，將會再載入這 */
	body{width: 100%;}	
	img {height: auto; max-width: 100%;}
	header{position: fixed; z-index: 1000; top: 0; padding: 5px 0;}
	.downloadbt{display: none;}
	.container{width: 99%; margin: 0 auto;}
	.videobox{position: initial; width: 98%; height: 300px; box-shadow: none; margin: 0 auto; padding: 1%;}
	.videobox iframe{width: 100%; height: 100%;}
	.morevideo{position: inherit; float: right; top: 0; right: 5px;}
	.banner{height: auto; margin-top: 47px;}
	.banner img{display: block;}
	.banner_c{display: none;}
	.banner_p{display: block;}
	.banner_p img{width: 100%; height: auto;}
	.invideobox, .inmorevideo{display: none;}
	.left_navi{float: none; width: 90%; padding: 5%; background: #FFF;}
	.right_content{float: none; width: 96%; padding: 2%;}
	.time{width: 100%; max-width: 100%;}
	.img_l, .img_r{float: none; margin: 0 auto !important; width: 80%;}
	.number_list{max-width: 100% !important; float: none !important;}
	.p80{padding-left: 0;}
	.winnerlist{margin: 0;}
	.winnerbox_l, .winnerbox_r{width: 100%; float: none;}
	.winner_img img{width: 100%; height: auto;}
	.numbericon{width: 84px !important;}
	.win_left{width: 94%; float: none; padding: 3%; background: #FFF;}
	.listbox{float: left;}
	.win_right{width: 94%; float: none; padding: 3%;}
	.win_right iframe{width: 100%;}
	footer{width: 99%; margin: 0 auto;}
	.fbicons{top: 10px; right: 10px;}
	.infbicons{top: 10px; right: 10px;}
	.voteinright{width: 80%;float: none;margin:0 auto;}
	.voteinleft{margin-top:40px;width:100%;margin-left:0;}
	.boxinleft{float: left;width: 45%;margin-left: 5px;}
    .votetwoin{width: 42%;font-size: 12px;}
	.wordin{font-size: 14px;height:38px}
	.wordin2{font-size: 14px;height:38px;line-height: 18px !important;}
	.pcin{width:55%}
	.govoteindex{width:38%;top: 135px;}
	.number_list{width:auto !important; padding-bottom:20px;}
	.scrollup{right:30px}	
	.postcard{display:none}
	#handform{display: block;}
	.postcardphone{display:block;}
	
	
#award{
	float: center;
	margin: 0 auto 20px;
	font-size: 13px;
	line-height: 1.5;
	text-align:center;
	width: 98%;
	padding: 1px 0px 3px 3px;
  }   

.table-header {
	float: left;
	width: 20%;
	color:#333;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.table-header.two{width: 20%;}
.table-header.three{padding: 22px 0 21px 0;}
.table-header.cour{width: 30%;}

.table-header2{
	background-color:#cde7f2;
	color:#000;
	margin: 2px 0 0 0;
	}

.table-header3{
	background-color:#FFF;
	color:#0C6A91;
	margin: 2px 0 0 0;
	}

.table-dark{
	margin: 2px 0 0 0;
	background-color:#cde7f2;
	}

.table-light{
	line-height:3;
	background-color:#FFF;
	color:#0C6A91;
	padding:0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.table-light.one{float: left; width: 79%; line-height: 1.5; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.light-three{float: left; width: 14.5%;}
.table-number{
	margin: 0;
	padding-top: 1px;
	background-color:#fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
.table-number.long{width: 54%; float: left; margin:0; padding:0;}
.table-light.two{float: left; width: 19%; margin: 2px 0 0 0; line-height: 1.5;}
.table-light.four{float: left; width: 15%; line-height: 1.5; margin: 0; padding: 0;}
.table-three{float: left; width: 15%;}
.name{float: left; width: 79%; margin: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px; background-color:#fff;}
	
}

@media screen and (max-width: 767px) {
    /* 如果使用者之視窗寬度 <= 767px，將會再載入這裡的 CSS。*/
	body{width: 100%;}	
	img {height: auto; max-width: 100%;}
	header{position: fixed; z-index: 1000; top: 0; padding: 5px 0;}
	.downloadbt{display: none;}
	.container{width: 99%; margin: 0 auto;}
	.videobox{position: initial; width: 98%; height: 300px; box-shadow: none; margin: 0 auto; padding: 1%;}
	.videobox iframe{width: 100%; height: 100%;}
	.morevideo{position: inherit; float: right; top: 0; right: 5px;}
	.banner{height: auto; margin-top: 47px;}
	.banner img{display: block;}
	.banner_c{display: none;}
	.banner_p{display: block;}
	.banner_p img{width: 100%; height: auto;}
	.invideobox, .inmorevideo{display: none;}
	.left_navi{float: none; width: 90%; padding: 5%; background: #FFF;}
	.right_content{float: none; width: 96%; padding: 2%;}
	.time{width: 100%; max-width: 100%;}
	.img_l, .img_r{float: none; margin: 0 auto !important; width: 80%;}
	.number_list{max-width: 100% !important; float: none !important;}
	.p80{padding-left: 0;}
	.winnerlist{margin: 0; padding-left:30%;}
	.winnerbox_l, .winnerbox_r{width: 100%; float: none;}
	.winner_img img{width: 100%; height: auto;}
	.numbericon{width: 84px !important;}
	.win_left{width: 94%; float: none; padding: 3%; background: #FFF;}
	.listbox{float: left;}
	.win_right{width: 94%; float: none; padding: 3%;}
	.win_right iframe{width: 100%;}
	footer{width: 99%; margin: 0 auto;}
	.fbicons{top: 10px; right: 10px;}
	.infbicons{top: 10px; right: 10px;}
	.p83{padding-left:10px;padding-right:10px}
	.p81{padding-left:10px;padding-right:10px}
	.bigvote{padding-left:10px;padding-right:10px}
	.pptime{padding-left: 10px;width:100%}
	.ppp{width:100%;}
	.votebox{width:98%;height: 100%;}
	.votepc{width:60%}
	.voteright{width: 95%;margin-right: 3px;padding-top:0;margin-top:0 }
	.voteone{font-size: 16px;line-height: 18px !important;height:auto;}
	.votetwo{font-size: 11.5px;line-height: 13px !important;height: 40px;}
	.p82{padding-right: 15px;}
	.voteinright iframe{width:100%;}
	.voteinright{float:none;margin-right:0;}
	.story{width:95%}
	.voteinright{width: 100%;float: none;margin:0 auto;}
	.voteinleft{margin-top:40px;width:100%;margin-left:0;}
	.boxinleft{float: left;width: 45%;margin-left: 5px;height: 180px;}
    .votetwoin{width: 42%;font-size: 12px;}
	.wordin{font-size: 14px;HEIGHT: auto;}
	.wordin2{font-size: 14px;HEIGHT: auto;line-height: 18px !important;}
	.pcin{width:55%}
	.voteintitletwo{line-height: 20px;}
	.govoteindex{width:38%;}
	.incontent .img_ll{display:none}
	.line{display:block}
	.pptime{display:block;}
	.phonepptime{display:block;}
	.titleleft{width:100%}
	.chart{margin-bottom:10px;}
	.p84{padding-right:0;}
	.p85{padding:10px;}
	.phoneshare{display:block;}
	.sharethankyou{display:none;}
	.content_img{width:98%;}
	.number_list{width:auto !important;}
	.vote_title{padding-left:15px;}
	.win_text{margin: 0 auto;width: 65%;}
	.scrollup{right:10px}	
	.titleright{width:100%;height: auto;}
	.govotein{height:auto}
	.postcard{display:none}
	#handform{display: block;}
	.postcardphone{display:block;}
	.videotitleindex{margin-left:0}
	.titlerightvote{width:auto;}
	.winnerbox_2014{margin-left:0;}
	
	
#award{
	float: center;
	margin: 0 auto 20px;
	font-size: 13px;
	line-height: 1.5;
	text-align:center;
	width: 98%;
	padding: 1px 0px 3px 3px;
  }   

.table-header {
	float: left;
	width: 20%;
	color:#333;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.table-header.two{width: 20%;}
.table-header.three{padding: 22px 0 21px 0;}
.table-header.cour{width: 30%;}

.table-header2{
	background-color:#cde7f2;
	color:#000;
	margin: 2px 0 0 0;
	}

.table-header3{
	background-color:#FFF;
	color:#0C6A91;
	margin: 2px 0 0 0;
	}

.table-dark{
	margin: 2px 0 0 0;
	background-color:#cde7f2;
	}

.table-light{
	line-height:3;
	background-color:#FFF;
	color:#0C6A91;
	padding:0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.table-light.one{float: left; width: 79%; line-height: 1.5; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.light-three{float: left; width: 14.5%;}
.table-number{
	margin: 0;
	padding-top: 1px;
	background-color:#fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
.table-number.long{width: 54%; float: left; margin:0; padding:0;}
.table-light.two{float: left; width: 19%; margin: 2px 0 0 0; line-height: 1.5;}
.table-light.four{float: left; width: 15%; line-height: 1.5; margin: 0; padding: 0;}
.table-three{float: left; width: 15%;}
.name{float: left; width: 79%; margin: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px; background-color:#fff;}
		.bannertt{
		margin-top:-30px;
		margin-bottom:25px;
		}
}

 
@media screen and (max-device-width: 480px) {
    /* 如果使用者之裝置寬度 <= 480px，將會再載入這裡的CSS */
	body{width: 100%;}	
	img {height: auto; max-width: 100%;}
	header{position: fixed; z-index: 1000; top: 0; padding: 5px 0;}
	.downloadbt{display: none;}
	.container{width: 99%; margin: 0 auto;}
	.videobox{position: initial; width: 98%; height: 300px; box-shadow: none; margin: 0 auto; padding: 1%;}
	.videobox iframe{width: 100%; height: 100%;}
	.morevideo{position: inherit; float: right; top: 0; right: 5px;}
	.banner{height: auto; margin-top: 47px;}
	.banner img{display: block;}
	.banner_c{display: none;}
	.banner_p{display: block;}
	.banner_p img{width: 100%; height: auto;}
	.invideobox, .inmorevideo{display: none;}
	.left_navi{float: none; width: 90%; padding: 5%; background: #FFF;}
	.right_content{float: none; width: 96%; padding: 2%;}
	.time{width: 100%; max-width: 100%;}
	.img_l, .img_r{float: none; margin: 0 auto !important; width: 80%;}
	.number_list{max-width: 88% !important; float: none !important;}
	.p80{padding-left: 0;}
	.winnerlist{margin: 0;}
	.winnerbox_l, .winnerbox_r{width: 100%; float: none;}
	.winner_img img{width: 100%; height: auto;}
	.numbericon{width: 84px !important;}
	.win_left{width: 94%; float: none; padding: 3%; background: #FFF;}
	.listbox{float: left;}
	.win_right{width: 94%; float: none; padding: 3%;}
	.win_right iframe{width: 100%;}
	footer{width: 99%; margin: 0 auto;}
	.fbicons{top: 10px; right: 10px;}
	.infbicons{top: 10px; right: 10px;}
	.votebox{width:98%;height: 100%;}
	.votepc{width:60%;margin-bottom: 0;}
	.votoright{width: 95%;margin-right: 8px; margin-top:0}
	.voteinright iframe{width:100%;}
	.voteone{font-size: 15px;line-height: 16px !important;height:auto;}
	.votetwo{font-size: 11.5px;line-height: 13px !important;height: auto;padding-bottom: 5px;}
	.p82{padding-right: 15px;}
    .wordin{height: auto;}
	.wordin2{height: auto;}	
	.boxinleft{height: 200px;}
	.incontent{padding:0;}
	.voteinright{width:100%}
	.pptime{display:none;}
	.phonepptime{display:block;}
	.bigtitle{padding-bottom:40px}
	
	
#award{
	float: center;
	margin: 0 auto 20px;
	font-size: 13px;
	line-height: 1.5;
	text-align:center;
	width: 98%;
	padding: 1px 0px 3px 3px;
  }   

.table-header {
	float: left;
	width: 20%;
	color:#333;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.table-header.two{width: 20%;}
.table-header.three{padding: 22px 0 21px 0;}
.table-header.cour{width: 30%;}

.table-header2{
	background-color:#cde7f2;
	color:#000;
	margin: 2px 0 0 0;
	}

.table-header3{
	background-color:#FFF;
	color:#0C6A91;
	margin: 2px 0 0 0;
	}

.table-dark{
	margin: 2px 0 0 0;
	background-color:#cde7f2;
	}

.table-light{
	line-height:3;
	background-color:#FFF;
	color:#0C6A91;
	padding:0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.table-light.one{float: left; width: 79%; line-height: 1.5; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.light-three{float: left; width: 14%;}
.table-number{
	margin: 0;
	padding-top: 1px;
	background-color:#fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
.table-number.long{width: 54%; float: left; margin:0; padding:0;}
.table-light.two{float: left; width: 19%; margin: 2px 0 0 0; line-height: 1.5;}
.table-light.four{float: left; width: 14%; line-height: 1.5; margin: 0; padding: 0;}
.table-three{float: left; width: 15%;}
.name{float: left; width: 79%; margin: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px; background-color:#fff;}
	.bannertt{
		margin-top:-30px;
		margin-bottom:25px;
		}
	
}
@media screen and (max-device-width: 414px) {
	.winnerlist{
		padding-left:23%;
	}
	}
@media screen and (max-device-width: 375px) {
	.winnerlist{
		padding-left:18%;
	}
	}
@media screen and (max-device-width: 320px) {
	.winnerlist{
		padding-left:12%;
	}
	}