@charset "utf-8";
/* CSS Document */
/* --------------------------------------
 * Layout.css
 * -------------------------------------- */



/* --------------------------------------
 * RWD獎項說明
 * -------------------------------------- */

.Area_strategy .btn_info {position:absolute;width:20%;top: 118px;right:20px;z-index: 20;}
@media screen and (max-width:767px){
.Area_strategy .btn_info {position:absolute;width:20%;top: 8vw;right:3vw;z-index: 20;}
}
/*獎項說明*/
.Area_prize { margin:50px auto 150px;}
.box_title img { width: 100%;}
    @media screen and (max-width:767px){
      .Area_prize { margin:5vw auto 8vw;}
      .Area_prize .box_ {margin-bottom: 5vw;}
		.box_title { width: 98%; margin: 0 auto 1% ;}
    }
    /*icon*/
    .Area_prize .box_2 { position: relative;}
    .Area_prize .box_2 .icon { z-index: -1; position: absolute; top: 221px; right: -21px;}
    /*贊助廠商
    .Area_prize .box_5 .box_logo { margin: 20px;}
    .Area_prize .box_5 .box_logo a { display: block; margin: 0.5%; width: 13.28%; text-align: center;}
    .Area_prize .box_5 .box_logo a img { width: 100%; height: auto;}
        @media screen and (max-width:767px){
          .Area_prize .box_5 .box_logo { margin: 3%;}
          .Area_prize .box_5 .box_logo a { margin: 1%; width: 23%; }
        }*/
	/*文字*/
	.textArea .textAreabox_ {margin: 30px 0;}
	.textArea .textAreabox_ p {padding: 0;font-size: 28px;font-weight: 500;}
	.textArea .textAreabox_3 a , .textArea .textAreabox_4 a {display:inline !important; color:#13376c;text-decoration: underline;}
	.textArea .textAreabox_3 :hover a , .textArea .textAreabox_4 :hover a  {color:#ff9f22 !important;}
		 @media screen and (max-width:767px){
			.textArea .textAreabox_ {margin: 2vw 0;}
			.textArea .textAreabox_ p {font-size: 1em; line-height: 1.8em;}
			.textArea .textAreabox_ h3 {margin: 0;}		 
	 }

    /* .box_youtube .youtubeArea { position:relative; width:100%; height:0px; padding-bottom:56.25%;}
    .box_youtube .youtubeArea * { margin:0; padding:0;}
    .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
    .box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
          @media screen and (min-width:768px){
             .box_youtube {width: 1000px;margin: 0 auto;}
          }
          @media screen and (max-width:767px){
             .box_youtube {width:100%;margin: 0 auto;}
          } */

			.box_tag {position: relative;text-align: center; margin:50px 0 30px }
			@media screen and (max-width:767px){
			.box_tag {position: relative;width: 100%; text-align: left; margin:0 auto;}

}

/* 1品1排 */
.prize_pd1 {position: relative;width: 100%;height: 100%;margin: 0 auto}
.prize_pd1 {position: relative;width: 100%;height: 100%;margin: 0 auto;margin-top: 0;}
.prize_pd1 ul {position: relative;display: flex;width: 100%;height: 100%;list-style:none;box-sizing: border-box;padding: 0;flex-direction: column}
.prize_pd1 ul li {margin-bottom: 30px;}
.prize_pd1 ul li img {width: 78%;}

@media screen and (max-width:767px){
.prize_pd1 {position: relative;width: 96%;height: auto;margin: 0 auto;}	
.prize_pd1 {position: relative;width: 96%;height: auto;margin: 0 auto;}	
.prize_pd1 ul {position: relative;width:100%;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(1 , 1fr);}
.prize_pd1 ul li {margin-bottom: 2vw;}
.prize_pd1 ul li img {width: 100%;}
   }
   
/* 2品1排 */
.prize_pd2 {position: relative;width: 100%;height: 390px;margin: 0 auto;margin-top: 0px;}
.prize_pd2 ul {position: relative;display: flex;width: 100%;height: 100%;margin: 0 auto;list-style:none;box-sizing: border-box;padding: 0;justify-content: center;grid-gap: 20px;}
.prize_pd2 ul li img {width: 100%;}

   @media screen and (max-width:767px){
.prize_pd2 {position: relative;width: 96%;height: auto;margin: 0 auto;}	
.prize_pd2 ul {position: relative;width:100%;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2 , 1fr);gap: 2vw;}

.prize_pd2 a {display: block}			
}
/* 3品1排 */
.prize_pd3 {position: relative;width: 1220px;height: 100%;margin: 0;}
.prize_pd3 ul {position: relative;display: inline-block;width: 1220px;left: -2%;height: 100%;list-style:none}
.prize_pd3 ul li {float: left;margin: 0.5%;left: -2%;text-align: left;}
   @media screen and (max-width:767px){
.prize_pd3 {position: relative;width: 100%;height: auto;margin: 0;}	
.prize_pd3 ul {position: relative;width:100%;margin: 0;left: 0;padding: 0;}
.prize_pd3 ul li {float: left;margin: 0.5%;width: 49%;}
.prize_pd3 a {display: block}			
}
/* 4品1排 */
.prize_pd4 {position: relative;width: 1220px;height: 100%;margin: 0;}
.prize_pd4 ul {position: relative;display: inline-block;width: 1220px;left: -2%;height: 100%;list-style:none}
.prize_pd4 ul li {float: left;margin: 0.5%;left: -2%;text-align: left;}
   @media screen and (max-width:767px){
.prize_pd4 {position: relative;width: 100%;height: auto;margin: 0;}	
.prize_pd4 ul {position: relative;width:100%;margin: 0;left: 0;padding: 0;}
.prize_pd4 ul li {float: left;margin: 0.5%;width: 49%;}
.prize_pd4 a {display: block}			
}

    /*文案區*/
    .textArea { margin:0 3%; color:#dbdbdb; font-size:20px; line-height:1.7; font-weight:800; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; text-align:left; }
    .textArea hr { opacity: 0.5; border-color: #FFDFB5;}
    .textArea .red {color:red;}
    .textArea .textAreabox_ { position:relative; margin:50px 0;}
    .textArea .textAreabox_ .btn { display: inline; margin: 0 5px; padding: 5px 8px; border-radius: 8px; font-weight: 800; color: #fff; background-color: #E76700;}
    .textArea .textAreabox_ h3 { margin:10px 0; padding:0; font-size:40px; line-height:1.4; color:#13376c; letter-spacing: -0.5px; text-align: left;}
    .textArea .textAreabox_ h3 i { position: relative; top: -20px; display: inline-block; margin-right: 10px; }
    .textArea .textAreabox_ h4 { margin:10px 0; padding:0; font-size:40px; line-height:1.4; color:#13376c; letter-spacing: -0.5px;}
    .textArea .textAreabox_ h5 { margin:0; padding: 0.5rem 0; font-size:30px; line-height:1.4; color:#13376c; letter-spacing: -0.5px;}
    .textArea .textAreabox_ img { height:auto;}
    .textArea .textAreabox_ > ul,
    .textArea .textAreabox_ > ol { margin:0; margin-top:0; padding:0 3%; }
    .textArea .textAreabox_ li { padding:0 0 0.5rem; font-size: 24px; font-weight: 350; }
    .textArea .textAreabox_ li img { display:block; margin:0 auto;}
    .textArea .textAreabox_ table { margin:0; border-collapse:collapse; overflow: hidden; width: 100%; text-align:center; font-weight:300; color:#000; background-color:#f2f2f2;}
    .textArea .textAreabox_ tr:nth-child(1) { color: #500000; font-weight: 800; background-color: #F2A33D;}
    .textArea .textAreabox_ td { padding:5px; border:1px solid #500000;}
        @media screen and (max-width:767px){
          .textArea { margin: 0 6%; font-size:16px; line-height:1.5em; }
          .textArea .textAreabox_ { margin:0 0 5vw 0;}
          .textArea .textAreabox_ h3 { margin:0; font-size:24px; text-align: left;}
          .textArea .textAreabox_ h3 i { top: -5px; margin-right: 5px; width: 40px; }
          .textArea .textAreabox_ h4 { font-size:20px;}
          .textArea .textAreabox_ h5 { padding: 0.4rem 0; font-size:18px;}
          .textArea .textAreabox_ table { margin:0 0 8px 0; border-radius: 2vw; font-size:14px;}
          .textArea .textAreabox_ > ul,
          .textArea .textAreabox_ > ol { padding:2% 0 0 5%;}
          .textArea .textAreabox_ li { font-size: 16px; }
        }