/*設定螢幕*/

@media all and (max-width: 1750px) {
	.banner { 	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
}

@media all and (max-width: 1410px) {
	.vote { width: 92%;}
}

@media all and (max-width: 1310px) {
	
   .pBox .item:first-child::before {top: auto; left: 10px; bottom: -3.8em}/**/
   .pBox .item:first-child::after {top: -7em; left: 40%;}
   .pBox .item:last-child::before {top: -5.5em; right: 65%;}/**/
   .pBox .item:last-child::after {top: -1em; right: 5%;}/**/
	
   .pBox.s2 .item:first-child::before {top: auto; left: 30%; bottom: -5.8em}/**/
   .pBox.s2 .item:first-child::after {top: -5em; right: 38%; left: auto;}
   .pBox.s2 .item:last-child::before {top: -7.5em; right: 40px;}
   .pBox.s2 .item:last-child::after {top: auto; right: 50%; bottom: -3.2em}/**/
	
	footer .box { width: 92%;}
	
		
}

@media all and (max-width: 1250px) {
	.banner .box{ width: 92%; }
	.banner .logo { padding:0.8em;}
	.banner .logo img {width: 150px;}
	.prize .widthBox { width: 92%; }
	
	h2.s2 span .icon {  top: -5em; right: 0; width:100%; text-align: center;}
	.prize {padding: 7.5em 0 3.5em 0; margin-top: 4em;}
	
	.L_more { width: 100%;}
	
	.WOTV .Box div {  width: 23.3%;}
}


@media all and (max-width: 1050px) {
	.vBox .dec {padding-bottom: 60px;}
	.vBox .box {display: block;}
	.vBox .name { width: 100%;;}
	.vBox .more { width: 100%;padding: 8px 0 0 0;text-align: left;}
}

@media all and (max-width: 1000px) {
	.navAll { width: 96%;}
	.width_960 {width: 92%; }	
	.vBox .item {width: 20%;}
	.vBox .item {margin: 0 2.5% 100px 2.5%;}
	
	
}



@media all and (max-width: 860px) {
	.banner .logo img {width: 120px;}
	.pBox .item { width: 32%;}
}

@media all and (max-width: 768px) {
	img.main_pic { display: none;}
	img.main_pic_s { display: block;}
	.banner .logo img {width: 180px;}
	.about .quote { width: 100%;}
	
	.sBox {display: block;}
    .sBox .eva {width: 100%; text-align: center; margin-bottom: 1.5em;}
    .sBox .txt {width: 100%; }
	
	.vBox .item { width: 26%; margin: 0 3.55% 100px 3.55%;}
	
	
   .L_more .Td_1{ display: block; width: 100%;  }
   .L_more .Td_2{  display: block; width: 100%;  padding-left: 0;}
	
}

@media all and (max-width: 700px) {
.navAll { width: 100%;}
.navAll .nav { width: 196px; height: 80px; background-size: 196px 160px;}
.navAll .nav:hover {background-position: center -80px;}

}
@media all and (max-width: 640px) {
	
	.about .quote {  text-align: center; padding: 190px 0 50px 0; margin: 1.5em auto 0 auto; background-position: center 0;height: auto;  display: block;}
	.about .quote div { display: block; }
	.pBox {display:block;}
    .pBox .item {width: 100%; margin-bottom: 1.5em;}
	
	.pBox .item:first-child::before {top: auto; left: auto; bottom: -2em; right: 0%;}/****/
    .pBox .item:first-child::after {top: -10em; left: 10%;}/****/
    .pBox .item:last-child::before {top: -1em; right: auto;left: 5%;}/****/
    .pBox .item:last-child::after {top: auto; right: 5%; bottom: -2em;}/****/
    .pBox.s2 .item:first-child::before {top: -2em;; left: 0; bottom: auto; width: 50px; height: 50px;}/****/
    .pBox.s2 .item:first-child::after {top: auto; right: 10%; left: auto; bottom: -2em;}/****/
    .pBox.s2 .item:last-child::before {display: none}/****/
    .pBox.s2 .item:last-child::after {top: auto; right: auto; bottom: -1.5em;left: 5%;}/**/
	.prize .memo {width: 100%;}
	
	.rBox {display:block;}
	.rBox .item {width: 100%; margin-bottom: 1.5em;}
	
	.vBox .item { width: 45%; margin: 0 2.5% 100px 2.5%;}
	
	.vBox .votes {
		right: -15px;
		top: -20px;
		padding: 23px 0 0 0;
		width: 70px;
		height: 70px;
		font-size: 1.15em;
		line-height: 0.6;
	}
	
	.WOTV .Box div {  width: 31%;}
}
@media all and (max-width: 580px) {
	.banner .logo img {width: 150px;}
	.navAll .nav { width: 152px; height: 62px; background-size: 152px 124px;}
.navAll .nav:hover {background-position: center -62px;}

}

@media all and (max-width: 550px) {
	.banner .logo img {width: 150px;}

}

@media all and (max-width: 480px) {
    .banner .logo img {width: 120px;}
	footer .box { display: block;}
footer .Td_1, footer .Td_2 { display: block; width: 100%;  text-align: center;}
	footer .Td_1{ margin-bottom: 0.3em;}
	.WOTV .Box div {  width: 45%;}
	
}

@media all and (max-width: 440px) {
.navAll .nav { width: 135px; height: 55px; background-size: 135px 110px;}
.navAll .nav:hover {background-position: center -55px;}
    
}

@media all and (max-width: 400px) {
	.banner .logo{padding: 0.5em;}
    .navAll .nav { width: 120px; height: 49px;background-size: 120px 98px;}
.navAll .nav:hover {background-position: center -49px;}
}

@media all and (max-width:360px) {

}