@import url("reset.css");
html,body{
	font-family: Arial,Helvetica,sans-serif;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*======================    ==============================
						 pc
========================    ===============================*/
@media screen and (min-width: 1025px){
	
	/********TOP LOGO/MENU**********/
	.navBAR{
		width: 100%;
		height: auto;
		display: block;
		/*background-image: -webkit-linear-gradient(top, #fff 0%, #E4E4E4 100%);*/

		/* Old browsers */
		background: #ffffff;
		/* FF3.6-15 */
		background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); 
		/* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); 
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #ffffff 0%,#e4e4e4 100%); 
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); 

		box-shadow: 0 0 7px 3px #420505;
	}
	.Header{
		width: 100%;
		height: 60px;
		margin: auto;
		display: block;
		position: relative;
	}
	.logo{
		width: 160px;
		height: 60px;
		float: left;
		background: url("../img/logo.png") no-repeat;
		text-indent: -999px;
	}
	.logo a{
		width: 160px;
		height: 60px;
		display: block;
	}
	.menuToggle{
		display: none;
		font-size: 30px;
	    color: #B1B1B1;
	    top: 17px;
	    right: 20px;
	    position: absolute;
	}	
	.nav-menu{
		float: right!important;
    	margin-right: 0;
	}
	.nav-menu li{
		float: left;
		display: block;
		text-align: center;
		color: #000;
		padding: 0 5px 0 5px;
	    line-height: 17px;
	    height: 60px;
	    border-bottom: none;
	}
	.nav-menu li a:hover{
		display: block;
		height: 60px;
	    background-color: #eee;
	}
	.nav-menu li a{
		height: 60px;
		display: block;
		text-align: center;
		color: #000;
	    padding: 8px 20px 0 20px;
	    font-family:Arial, "微軟正黑體", sans-serif;
		font-size: 1em;
	}

	/**********container 中間內容區************/
	.container{
		width: 100%;
	}
	/*.MAINBACK img{
		width: 100%;
		height: auto;
	}*/
	.MAINBACK{
		width: 100%;
		height: auto;
		min-height: 600px;
		background: url("../img/BIGback.jpg") no-repeat center center;
		background-size: auto;
		background-attachment: relative;
		background-position: center center;

		-webkit-background-size: 100%;
	    -moz-background-size: 100%;
	    -o-background-size: 100%;
	    background-size: 100%;

	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}	
	.MAINBACK a{
		width: 100%;
		height: 600px;
		display: block;
	}
	.MAINBACK img{
		display: none;
	}
	/*----標題區-----*/
	.all-title{		
	    margin: 10px auto;
	    width: 100%;
	    border-bottom: 1px dotted #808080;
	    padding: 10px 0;
	    font-size: 1.2em;
	    font-family: "微軟正黑體";
	}
	.all-title a{		
	    color: #EA2A4C;
	    font-size: 0.8em;
	}
	.all-title a:hover{		
	    color: #F00;
	}
	/*----標題區-end-----*/
	
	.backcolor{
		width: 100%;
		height: auto;
		background-color: #F3F3F3;
	}

	/*------  ad-i-Video 微電影播放 ------*/
	.ad-i-Video{
		width: 60%;
		margin: 15px auto;
	}
	.ad-i-Video .aboutAD{
		position: relative;
		width: 100%;
	}	
	.ad-i-Video .aboutAD li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 21px;
		color: #404040;
		margin-bottom: 10px;
	}
	.ad-i-Video .aboutAD h5{
		font-size: 1.4em;
		font-weight: bold;
		line-height: 26px;
	}
	.aboutAD .adFB{
		text-indent: -888px;
		background: url("../img/fb.jpg") no-repeat;
		width: 100px;
		height: 30px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/*------  ad-i-Video 微電影播放-end ------*/

	/*----p-action 活動辦法 -----*/
	.p-action{
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		margin-top: 25px;
	}
	/*---------- 5s-sp movie ----------*/	
	.v-style{
		width: 35%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.Video{
		width:100%;
		height:0;
		padding-bottom:56.25%;	
		position:relative;
	}
	.Video iframe{
		width:100%;
		height:100%;		
		position:absolute;
	}
	/*---------- 5s-sp movie-end ----------*/

	.SP-action{
		width: 60%;
		height: auto;
		margin: 40px auto;
		padding: 20px 0;
	}
	.SP-action ul{
		width: 100%;	
		margin: 0 0 10px 0;
	}
	.SP-action li{
		font-size: 17px;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.SP-action h3{
		font-weight: bold;
		font-size: 22px;
		color: #D00000;
	}
	.SP-action .second-ul li{
		line-height: 25px;
		margin-bottom: 10px;
	}
	.second-ul .line-bottom{		
		/*font-weight: bold;*/
		font-size: 17px;
		color: #000;		
		border-bottom: 1px dotted #B3B3B3;
		padding: 2px 0;
		margin: 0 0 5px 0;
	}
	.second-ul .icons{
		padding: 1px 5px;
		border: 1px solid #404040;
		color: #000000;
		font-size: 0.9em;
		margin-right: 3px;
	}
	.second-ul .second-ul-ul li{
		margin-left: 25px;
		margin-bottom: 10px;
	}
	.second-ul .Download a{
		width: 280px;/*width: 160px;*/
		height: 45px;
		line-height: 45px;
		border-radius: 10px;
		/*border: 1px solid #DA6900;*/border: 1px solid #AD2F4C;
		/*background-color: #FF7300;*/background-color: #C71551;    
		color: #fff;
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
		font-family: "微軟正黑體", Arial, sans-serif;
		display: block;
		margin-top: 3px;
	}
	.second-ul .Download a:hover{
		/*background-color: #E06806;*/background-color: #F50052;
	}
	/*----p-action 活動辦法-end -----*/

	/*----p-Jule 注意事項 -----*/
	.p-Jule{
		width: 60%;
		height: auto;
		margin: 40px auto;
		padding: 20px 0;
	}
	.p-Jule ul{
		width: 100%;	
		margin: 0 0 10px 0;
	}
	.p-Jule li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 24px;
		margin-bottom: 25px;
	}
	.p-Jule h3{
		font-weight: bold;
		background-color: #6f6f6f;
		padding: 2px 5px;
		color: #fff;
	}
	.p-Jule span{
		background-color: #9C9C9C;
		color: #fff;
		padding: 0 3px;
	}
	.p-Jule .annotation{
		font-size: 0.9em;
		color: #606060;
		padding: 2px 7px 0 0;
		line-height: 20px;
	}
	.openall{
		border: 1px solid #A79303;
		padding: 5px 10px;
		border-radius: 15px;
		cursor: pointer;
	
		/* Old browsers */
		background: #fceabb;
		/* FF3.6-15 */ 
		background: -moz-linear-gradient(top, #fceabb 0%, #fcdb37 48%, #fccd4d 48%, #fccd4d 52%, #ffd449 52%, #f9e78e 100%);
		 /* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #fceabb 0%,#fcdb37 48%,#fccd4d 48%,#fccd4d 52%,#ffd449 52%,#f9e78e 100%);
		 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #fceabb 0%,#fcdb37 48%,#fccd4d 48%,#fccd4d 52%,#ffd449 52%,#f9e78e 100%);
		 /* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f9e78e',GradientType=0 );
	}
	.others{
		display: none;
	}
	.closeall{
		border: 1px solid #797979;
		padding: 5px 10px;
		border-radius: 15px;
		cursor: pointer;
		color: #585858;

		/* Old browsers */
		background: #ffffff;
		/* FF3.6-15 */
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #dbdbdb 51%, #f6f6f6 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#dbdbdb 51%,#f6f6f6 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#dbdbdb 51%,#f6f6f6 100%);
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	}
	/*----p-Jule 注意事項-end-----*/

	/*----p-Prize 得獎名單 -----*/
	.p-Prize{
		width: 80%;
		height: auto;
		margin: 40px auto;
	}	
	.p-Prizeimg{
		width: 30%;
		height: auto;
		float: left;
		margin: 0 0 3% 4%;
	}
	.p-Prizeimg img{
		width: 100%;
		height: auto;
	}
	.p-Prize .p-Prize-ul{
		width: 60%;
		float: left;
		margin: 0 0 5% 5%;
	}
	.p-Prize .p-Prize-ul li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		text-align: justify;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.p-Prize .p-Prize-ul i{
		padding: 0 2px;
		color: #E62D00;
	}
	.p-Prize .p-Prize-ul span{
		border: 1px solid #B3B3B3;
		padding: 0 3px;
	}
	/*----p-Jule 得獎名單-end-----*/

	/*----p-Prize 得獎名單 公布-----*/
	.p-PrizeNEWS{
		width: 75%;
		height: auto;
		margin: 40px auto;
	}
	.p-PrizeNEWS li{
		width: 50%;
		float: left;
		min-width: 600px;
		margin: 0 auto;
	}
	.p-Prizeimg01{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.p-Prizeimg02{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.p-Prizeimg01 img, .p-Prizeimg02 img{
		width: 100%;
		height: auto;
	}
	/*----p-Jule 得獎名單 公布-end-----*/

	/*------container 中間內容區-end-------*/

	/*------footer-------*/
	.footer{
		background-color: #dedede;
     	width: 100%;
     	height: auto;
     	display: block;
     	padding: 0;
	}
	.footer div{
	    width: 60%;
	    min-height: 90px;
	    margin: 0 auto;
	    padding: 15px 0;
	    line-height: 24px;
	    font-size: 0.9em;
	    font-family: "微軟正黑體", Arial, sans-serif;
	    text-align: center;
	    color: #000;
	    display: block;
	}
	.footer div li{
		float: left;
	    padding-left: 20px;
	    letter-spacing: -0.3px;
	 }
	/*------footer-end-------*/
}


@media only screen and (min-width: 1200px){
	.Header{
		width: 1120px;
		height: 60px;
		margin: auto;
		display: block;
	}
}
@media screen and (min-width: 991px) and (max-width: 1100px){
	.all-OBJECT{		
	    margin: 20px auto;
	    width: 85%;
	    height: auto;
	}
	.MAINBACK{
		width: 100%;
		height: auto;
		min-height: 700px;
		background: url("../img/middleIMG.jpg") no-repeat center center;
		background-size: auto;
		background-attachment: relative;
		background-position: center center;

		-webkit-background-size: 100%;
	    -moz-background-size: 100%;
	    -o-background-size: 100%;
	    background-size: 100%;

	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}		
	.MAINBACK a{
		width: 100%;
		height: auto;
		min-height: 700px;
		display: block;
	}
	.MAINBACK img{
		display: none;
	}
}
/*======================    ==============================
						 pad
========================    ===============================*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	.navBAR{
		width: 100%;
		height: auto;
		display: block;

		/* Old browsers */
		background: #ffffff;
		/* FF3.6-15 */
		background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); 
		/* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); 
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #ffffff 0%,#e4e4e4 100%); 
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); 

		/*box-shadow: 0 0 7px 3px #420505;*/	
	}
	.Header{
		width: 100%;
		height: 60px;
		margin: auto;
		display: block;
		position: relative;
	}
	.logo{
		width: 160px;
		height: 60px;
		float: left;
		background: url("../img/logo.png") no-repeat;
		text-indent: -999px;
	}
	.logo a{
		width: 160px;
		height: 60px;
		display: block;
	}
	.menuToggle{
		display: none;
		font-size: 30px;
	    color: #B1B1B1;
	    top: 17px;
	    right: 20px;
	    position: absolute;
	}
	.nav-menu{
		float: right!important;
    	margin-right: 0;
	}
	.nav-menu li{
		float: left;
		display: block;
		text-align: center;
		color: #000;
		padding: 0;
	    line-height: 17px;
	    height: 60px;
	    border-bottom: none;
	}
	.nav-menu li a:hover{
		display: block;
	    height: 60px;
	    background-color: #eee;
	}  
	.nav-menu li a{
		height: 60px;
		display: block;
		text-align: center;
		color: #000;
		padding: 8px 13px 0 12px;
		font-family:Arial, "微軟正黑體", sans-serif;
		font-size: 1em;
	}
	/*------container 中間內容區 -------*/
	.container{
		width: 100%;
	}
	.MAINBACK{
		width: 100%;
		height: auto;
	}			
	.MAINBACK a{
		width: 100%;
		height: auto;
		display: block;
	}
	.MAINBACK img{
		width: 100%;
		height: auto;
	}
	/*----標題區-----*/
	.all-title{		
	    margin: 10px auto;
	    width: 100%;
	    border-bottom: 1px dotted #808080;
	    padding: 10px 0;
	    font-size: 1.2em;
	    font-family: "微軟正黑體";
	}
	.all-title a{		
	    color: #EA2A4C;
	    font-size: 0.8em;
	}
	.all-title a:hover{		
	    color: #F00;
	}
	/*----標題區-end-----*/

	.backcolor{
			width: 100%;
			height: auto;
			background-color: #F3F3F3;
	}
	/*------  ad-i-Video 微電影播放 ------*/
	.ad-i-Video{
		width: 80%;
		margin: 15px auto;
	}
	.ad-i-Video .aboutAD{
		position: relative;
		width: 100%;
	}	
	.ad-i-Video .aboutAD li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 21px;
		color: #404040;
		margin-bottom: 10px;
	}
	.ad-i-Video .aboutAD h5{
		font-size: 1.4em;
		font-weight: bold;
		line-height: 26px;
	}
	.aboutAD .adFB{
		text-indent: -888px;
		background: url("../img/fb.jpg") no-repeat;
		width: 100px;
		height: 30px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/*------  ad-i-Video 微電影播放-end ------*/

	/*----p-action 活動辦法 -----*/
	.p-action{
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		margin-top: 25px;
	}
	/*---------- 5s-sp movie ----------*/	
	.v-style{
		width: 50%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.Video{
		width:100%;
		height:0;
		padding-bottom:56.25%;	
		position:relative;
	}
	.Video iframe{
		width:100%;
		height:100%;		
		position:absolute;
	}
	/*---------- 5s-sp movie-end ----------*/
	
	.SP-action{
		width: 80%;
		height: auto;
		margin: 40px auto;
		padding: 20px 0;
	}
	.SP-action ul{
		width: 100%;	
		margin: 0 0 10px 0;
	}
	.SP-action li{
		font-size: 17px;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.SP-action h3{
		font-weight: bold;
		font-size: 22px;
		color: #D00000;
	}
	.SP-action .second-ul li{
		line-height: 26px;
		margin-bottom: 10px;
	}
	.second-ul .line-bottom{		
		/*font-weight: bold;*/
		font-size: 17px;
		color: #000;		
		border-bottom: 1px dotted #B3B3B3;
		padding: 2px 0;
		margin: 0 0 5px 0;
	}	
	.second-ul .icons{
		padding: 1px 5px;
		border: 1px solid #404040;
		color: #000000;
		font-size: 0.9em;
		margin-right: 3px;
	}
	.second-ul .second-ul-ul li{
		margin-left: 25px;
		margin-bottom: 10px;
	}
	.second-ul .Download a{
		width: 280px;/*width: 160px;*/
		height: 45px;
		line-height: 45px;
		border-radius: 10px;
		/*border: 1px solid #DA6900;*/border: 1px solid #AD2F4C;
		/*background-color: #FF7300;*/background-color: #C71551;
		color: #fff;
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
		font-family: "微軟正黑體", Arial, sans-serif;
		display: block;
		margin-top: 3px;
	}
	.second-ul .Download a:hover{
		/*background-color: #E06806;*/background-color: #F50052;
	}
	/*----p-action 活動辦法-end -----*/
	
	/*----p-Jule 注意事項-----*/
	.p-Jule{
		width: 80%;
		height: auto;
		margin: 40px auto;
		padding: 20px 0;
	}
	.p-Jule ul{
		width: 100%;	
		margin: 0 0 10px 0;
	}
	.p-Jule li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.p-Jule h3{
		font-weight: bold;
		background-color: #6f6f6f;
		padding: 2px 5px;
		color: #fff;
	}
	.p-Jule span{
		background-color: #9C9C9C;
		color: #fff;
		padding: 0 3px;
	}
	.p-Jule .annotation{
		font-size: 0.9em;
		color: #606060;
		padding: 2px 7px 0 0;
		line-height: 20px;
	}
	.openall{
		border: 1px solid #A79303;
		padding: 5px 10px;
		border-radius: 15px;
		cursor: pointer;
	
		/* Old browsers */
		background: #fceabb;
		/* FF3.6-15 */ 
		background: -moz-linear-gradient(top, #fceabb 0%, #fcdb37 48%, #fccd4d 48%, #fccd4d 52%, #ffd449 52%, #f9e78e 100%);
		 /* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #fceabb 0%,#fcdb37 48%,#fccd4d 48%,#fccd4d 52%,#ffd449 52%,#f9e78e 100%);
		 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #fceabb 0%,#fcdb37 48%,#fccd4d 48%,#fccd4d 52%,#ffd449 52%,#f9e78e 100%);
		 /* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f9e78e',GradientType=0 );
	}
	.others{
		display: none;
	}
	.closeall{
		border: 1px solid #797979;
		padding: 5px 10px;
		border-radius: 15px;
		cursor: pointer;
		color: #585858;

		/* Old browsers */
		background: #ffffff;
		/* FF3.6-15 */
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #dbdbdb 51%, #f6f6f6 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#dbdbdb 51%,#f6f6f6 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#dbdbdb 51%,#f6f6f6 100%);
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	}
	/*----p-Jule 注意事項-end-----*/

	/*----p-Prize 得獎名單 -----*/
	.p-Prize{
		width: 85%;
		height: auto;
		margin: 40px auto;
	}	
	.p-Prizeimg{
		width: 30%;
		height: auto;
		float: left;
		margin: 0 0 3% 3%;
	}
	.p-Prizeimg img{
		width: 100%;
		height: auto;
	}
	.p-Prize .p-Prize-ul{
		width: 60%;
		float: left;
		margin: 0 0 5% 3%;
	}
	.p-Prize .p-Prize-ul li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		text-align: justify;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.p-Prize .p-Prize-ul i{
		padding: 0 2px;
		color: #E62D00;
	}
	.p-Prize .p-Prize-ul span{
		border: 1px solid #B3B3B3;
		padding: 0 3px;
	}
	/*----p-Jule 得獎名單-end-----*/
	/*----p-Prize 得獎名單 公布-----*/
	.p-PrizeNEWS{
		width: 85%;
		height: auto;
		margin: 40px auto;
	}
	.p-PrizeNEWS li{
		width: 50%;
		float: none;
		min-width: 600px;
		margin: 0 auto;
	}
	.p-Prizeimg01{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.p-Prizeimg02{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.p-Prizeimg01 img, .p-Prizeimg02 img{
		width: 100%;
		height: auto;
	}
	/*----p-Jule 得獎名單 公布-end-----*/

	/*------container 中間內容區-end-------*/

	/*------footer-------*/
	.footer{
		background-color: #dedede;
     	width: 100%;
     	height: auto;
     	padding: 15px 0;
     	display: block;
	}
	.footer div{
	    width: 60%;
	    min-height: 100px;
	    height: auto!important;
	    margin: 0 auto;
	    line-height: 24px;
	    font-size: 0.9em;
	    font-family: "微軟正黑體", Arial, sans-serif;
	    text-align: center;
	    color: #000;
	    display: block;
	}
	.footer div li{
		float: left;
	    padding-left: 20px;
	    letter-spacing: -0.3px;
	 }
	/*------footer-end-------*/
}

/*======================    ==============================
						phone
========================    ===============================*/
@media screen and (max-width: 767px){
	.navBAR{
		width: 100%;
		height: auto;
		display: inline-block;
		
		/* Old browsers */
		background: #ffffff;
		/* FF3.6-15 */
		background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); 
		/* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); 
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #ffffff 0%,#e4e4e4 100%); 
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); 

		/*box-shadow: 0 0 10px 5px #671414;*/
	}
	.Header{
		width: 100%;
		height: 60px;
		margin: auto;
		display: block;
		position: relative;
	}
	.logo{
		width: 160px;
		height: 60px;
		float: none;
		background: url("../img/logo.png") no-repeat;
		text-indent: -999px;
	}
	.logo a{
		width: 160px;
		height: 60px;
		display: block;
	}
	.menuToggle{
		font-size: 30px;
	    color: #B1B1B1;
	    /*top: 17px;*/
	    top: 6px;
	    right: 20px;
	    position: absolute;
	    cursor: pointer;
	}
	.menuToggle img{
	    width: 48px;
	    height: auto;
	}
	.nav-menu{
		display: none;
		float: none;
		width: 100%;
    	background-color: #F5F5F5;
	}
	.nav-menu li{
		float: none;
		display: block;
		text-align: center;
		color: #000;
	    line-height: 19px;
	    height: 60px;
    	border-bottom: 1px dotted #C3C3C3;
	}
	.nav-menu li a:hover{
		display: block;
		height: 60px;
	    background-color: #ececec;
	}
	.nav-menu li a{
		height: 60px;
		display: block;
		text-align: center;
		color: #000;
	    padding: 6px 0 0 0;
	    font-family:Arial, "微軟正黑體", sans-serif;
		font-size: 1.2em;
	}
	/*------container 中間內容區 -------*/
	.container{
		width: 100%;
	}
	.MAINBACK{
		width: 100%;
		height: auto;
	}				
	.MAINBACK a{
		width: 100%;
		height: auto;
		display: block;
	}
	.MAINBACK img{
		width: 100%;
		height: auto;
	}
	/*----標題區-----*/
	.all-title{		
	    margin: 10px auto;
	    width: 100%;
	    border-bottom: 1px dotted #808080;
	    padding: 10px 0 10px 15px;
	    font-size: 1.3em;
	    font-family: "微軟正黑體";
	}
	.all-title a{		
	    color: #EA2A4C;
	    font-size: 0.9em;
	}
	.all-title a:hover{		
	    color: #F00;
	}
	/*----標題區-end-----*/

	.backcolor{
			width: 100%;
			height: auto;
			background-color: #F3F3F3;
	}
	/*------  ad-i-Video 微電影播放 ------*/
	.ad-i-Video{
		width: 100%;
		margin: 15px auto;
	}
	.ad-i-Video .aboutAD{
		width: 100%;
	}	
	.ad-i-Video .aboutAD li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 21px;
		color: #404040;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.ad-i-Video .aboutAD h5{
		font-size: 1.4em;
		font-weight: bold;
		line-height: 26px;
	}
	.aboutAD .adFB{
		text-indent: -888px;
		background: url("../img/fb.jpg") no-repeat;
		width: 100px;
		height: 30px;
		display: block;
		margin-top: 5px;
	}
	/*------  ad-i-Video 微電影播放-end ------*/

	/*----p-action 活動辦法 -----*/
	.p-action{
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0;
	}
	/*---------- 5s-sp movie ----------*/	
	.v-style{
		width: 100%;
		height: auto;
		display: block;
		margin: 10px auto;
		padding: 10%;
	}
	.Video{
		width:100%;
		height:0;
		padding-bottom:56.25%;	
		position:relative;
	}
	.Video iframe{
		width:100%;
		height:100%;		
		position:absolute;
	}
	/*---------- 5s-sp movie-end ----------*/
	
	.SP-action{
		width: 80%;
		height: auto;
		margin: 40px auto;
		padding: 20px 0;
	}
	.SP-action ul{
		width: 100%;	
		margin: 0 0 10px 0;
	}
	.SP-action li{
		font-size: 17px;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.SP-action h3{
		font-weight: bold;
		font-size: 22px;
		color: #D00000;
	}
	.SP-action .second-ul li{
		line-height: 26px;
		margin-bottom: 10px;
	}
	.second-ul .line-bottom{		
		/*font-weight: bold;*/
		font-size: 17px;
		color: #000;		
		border-bottom: 1px dotted #B3B3B3;
		padding: 2px 0;
		margin: 0 0 5px 0;
	}
	.second-ul .icons{
		padding: 1px 5px;
		border: 1px solid #404040;
		color: #000000;
		font-size: 0.9em;
		margin-right: 3px;
	}
	.second-ul .second-ul-ul li{
		margin-left: 25px;
		margin-bottom: 10px;
	}
	.second-ul .Download a{
		width: 280px;/*width: 160px;*/
		height: 45px;
		line-height: 45px;
		border-radius: 10px;
		/*border: 1px solid #DA6900;*/border: 1px solid #AD2F4C;
		/*background-color: #FF7300;*/background-color: #C71551;
		color: #fff;
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
		font-family: "微軟正黑體", Arial, sans-serif;
		display: block;
		margin-top: 3px;
	}
	.second-ul .Download a:hover{
		/*background-color: #E06806;*/background-color: #F50052;
	}
	/*----p-action 活動辦法-end -----*/

	/*----p-Jule 注意事項-----*/
	.p-Jule{
		width: 80%;
		height: auto;
		margin: 40px auto;
		padding: 20px 0;
	}
	.p-Jule ul{
		width: 100%;	
		margin: 0 0 10px 0;
	}
	.p-Jule li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 25px;
		margin-bottom: 16px;
	}
	.p-Jule h3{
		font-weight: bold;
		background-color: #6f6f6f;
		padding: 2px 5px;
		color: #fff;
	}
	.p-Jule span{
		background-color: #9C9C9C;
		color: #fff;
		padding: 0 3px;
	}
	.p-Jule .annotation{
		font-size: 0.9em;
		color: #606060;
		padding: 2px 7px 0 0;
		line-height: 20px;
	}
	.openall{
		border: 1px solid #A79303;
		padding: 5px 10px;
		border-radius: 15px;
		cursor: pointer;
	
		/* Old browsers */
		background: #fceabb;
		/* FF3.6-15 */ 
		background: -moz-linear-gradient(top, #fceabb 0%, #fcdb37 48%, #fccd4d 48%, #fccd4d 52%, #ffd449 52%, #f9e78e 100%);
		 /* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #fceabb 0%,#fcdb37 48%,#fccd4d 48%,#fccd4d 52%,#ffd449 52%,#f9e78e 100%);
		 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #fceabb 0%,#fcdb37 48%,#fccd4d 48%,#fccd4d 52%,#ffd449 52%,#f9e78e 100%);
		 /* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f9e78e',GradientType=0 );
	}
	.others{
		display: none;
	}
	.closeall{
		border: 1px solid #797979;
		padding: 5px 10px;
		border-radius: 15px;
		cursor: pointer;
		color: #585858;

		/* Old browsers */
		background: #ffffff;
		/* FF3.6-15 */
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #dbdbdb 51%, #f6f6f6 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#dbdbdb 51%,#f6f6f6 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#dbdbdb 51%,#f6f6f6 100%);
		/* IE6-9 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	}
	/*----p-Jule 注意事項-end-----*/

	/*----p-Prize 得獎名單 -----*/
	.p-Prize{
		width: 80%;
		height: auto;
		margin: 40px auto;
	}	
	.p-Prizeimg{
		width: 100%;
	    height: auto;
	    float: none;
	    margin: 5% auto;
	}
	.p-Prizeimg img{
		width: 100%;
		height: auto;
	}
	.p-Prize .p-Prize-ul{
		width: 100%;
		float: none;
		margin-top: 10%;
	}
	.p-Prize .p-Prize-ul li{
		font-size: 1em;
		font-family: "微軟正黑體", Arial, sans-serif;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.p-Prize .p-Prize-ul i{
		padding: 0 2px;
		color: #E62D00;
	}
	.p-Prize .p-Prize-ul span{
		border: 1px solid #B3B3B3;
		padding: 0 3px;
	}
	/*----p-Jule 得獎名單-end-----*/
	/*----p-Prize 得獎名單 公布-----*/
	.p-PrizeNEWS{
		width: 90%;
		height: auto;
		margin: 40px auto;
	}
	.p-PrizeNEWS li{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.p-Prizeimg01{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.p-Prizeimg02{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.p-Prizeimg01 img, .p-Prizeimg02 img{
		width: 100%;
		height: auto;
	}
	/*----p-Jule 得獎名單 公布-end-----*/
	
	/*------container 中間內容區-end-------*/

	/*------footer-------*/
	.footer{
		background-color: #dedede;
     	width: 100%;
     	height: auto;
     	display: block;
	}
	.footer div{
	    width: 100%;
	    /* min-height: 100px; */
	    height: auto!important;
	    margin: 0 auto;
	    padding: 20px;
	    line-height: 24px;
	    font-size: 0.9em;
	    font-family: "微軟正黑體", Arial, sans-serif;
	    text-align: center;
	    color: #000;
	    display: inline-block;
	}
	.footer div li{
		float: left;
	    padding-left: 20px;
	    letter-spacing: -0.3px;
	 }
	/*------footer-end-------*/
}