@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0; background-color: #091b31; }

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;overflow:hidden;width:100%;min-width:1220px;text-align:left;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #f18642;padding-bottom: 20px;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;background-color: #fff7ea;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and (min-width:768px){
.bg_top {z-index: 50;position:absolute;top: 0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.fix_bg {z-index: -63;position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -68;position:absolute;top: 910px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat2 {z-index: -66;position:absolute;top: 1064px;left: 0;width:100%;height: 14300px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -40;position:absolute;top: 940px;left: 0;width:100%;height: 100%;opacity: 0.5;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_bottom {z-index: -65;position:absolute;top: 0;left: 0;width:100%;height:100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	
.bg_L {z-index: -55;position:absolute;top: 0;left: 50%;transform: translateX(-990px);width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_R {z-index: -55;position:absolute;top: 0;left: 50%;transform: translateX(936px);width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
}
@media screen and (max-width:767px){
.m_bg_fix {z-index:-40;position:absolute;top: 12vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 126vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_deco {z-index: 60;position:absolute;top: 184vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
}


/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto;  border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;

      -ms-transition: all 0.4s ease;

       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {

  -webkit-transform:scale(0.95);

     -moz-transform:scale(0.95);

      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  

			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}





/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}



/*輸送帶*/
.bgtop_r-play { -webkit-animation:bgtop_r-play 8s linear infinite; animation:bgtop_r-play 8s linear infinite ;}
		@-webkit-keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -277px;}
		}
		@keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -277px;}
		}




/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title {height: 980px; z-index: 2;}
	.Area_title .title {position: absolute;top: 120px;left: 270px;}
	.Area_title .sub {position: absolute;top: 710px;left: 220px; z-index: 20;}
	.Area_title .date {position: absolute; width: 45%;top: 20px;left: 330px; }
	.Area_title .toppd {position: absolute;top: 350px;left: 338px;}
	.couplets01 {position: absolute;top: 240px;left: 137px;}
	.couplets02 {position: absolute;top: 240px;left: 1008px;}
	.top_deco2 {position: absolute;top: 84px;left: 976px;z-index: -20;}
	.top_pd_deco01 {position: absolute;top: 595px;left: 235px;z-index: -20;}
	.top_pd_deco02 {position: absolute;top: 557px;left: 768px;z-index: -20;}
	.layout_toppd { position: relative; width: 100%; top: 0; left: 0 ;background-image:  url("toppd_repeat.png?t=1758881159186") ;background-size: 100%;background-repeat: repeat-y; }
	.layout_toppd ul { width: 96%;}
}
@media screen and (max-width:767px){
	.Area_title {height: 111vw; z-index: 2;}
	.Area_title .title {position: absolute; width: 70%; top: 17vw; left: 15vw; }
	.Area_title .sub {position: absolute; width: 79%; top: 81vw; left: 11vw; z-index: 20;}
	.Area_title .date {position: absolute; width: 64%; top: 5vw; left: 18vw; }
	.Area_title .toppd {position: absolute; width: 57%; top: 43vw; left: 22vw; }
	.couplets01 {position: absolute; width: 8%; top: 29vw; left: 85vw; }
	.couplets02 {position: absolute; width: 8%; top: 29vw; left: 6vw; }
	.top_deco2 {position: absolute;top: 10vw;left: 85vw;width: 11%;z-index: -20;}			
	.top_pd_deco01 {position: absolute;top: 71vw;left: 13vw;width: 19%;z-index: -20;}	
	.top_pd_deco02 {position: absolute;top: 65vw;left: 65vw;width: 18%;z-index: -20;}	
	.layout_toppd { position: relative; width: 100%; top: 0 ;left: 0 ;background-image:  url("toppd_repeat.png?t=1758881159186") ; background-size: 100%;background-repeat: repeat-y;}
}



/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 80px;}
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 8vw;}
}



/* 回饋 */
.Area_creditback {margin-bottom: 50px;}
.Area_creditback .layout_text {width: 90%;}
.Area_creditback .layout_creditback ul {grid-gap:0;}
@media screen and (max-width:767px){
	.Area_creditback {margin-bottom: 5vw;}
	.Area_creditback .layout_text {width: 100%;}
	.Area_creditback .layout_creditback {width: 96%;}
	.Area_creditback .layout_creditback ul {grid-gap: 0;}
}



/* 活動 */
.Area_active {}
.Area_active .layout_active ul {grid-gap: .5em;}
@media screen and (max-width:767px){
	.Area_active {}
	.Area_active .layout_active {width: 96%;}
	.Area_active .layout_active ul {grid-gap: .2em;}
}



/* 登記 */
.danji03 {margin-bottom: 80px!important;}
.Area_danji .layout_text { width: 90%; padding-bottom: 20px; }
@media screen and (max-width:767px){
	.danji03 {margin-bottom: 8vw!important ;}
	.Area_danji .layout_text { width: 100%; padding-bottom: 2vw; }
}




/* 下方公版 */
@media screen and (min-width:768px){ 
.Area_4pda .layout_text ul{grid-gap: 0;}
.Area_4pda .layout_4pda {background-image: url("pc_text_bg1.jpg?t=1758881159186");background-repeat: repeat-y;background-size: 100%; border-radius: 0 0 20px 20px; padding-bottom: 30px;}
.Area_4pda .layout_4pda ul {width: 96%;padding-bottom: 20px;}
}
@media screen and (max-width:767px){
	.Area_4pda .layout_text ul{grid-gap: 0;}
	.Area_4pda .layout_4pda {background-image: url("mb_text_bg1.jpg?t=1758881159186");background-repeat: repeat-y;background-size: 100%; padding-bottom: 3vw;}
	.Area_4pda .layout_4pda ul {width: 96%;}
}



/* 下方公版(藍) */
@media screen and (min-width:768px){ 
.Area_4pdb .layout_text ul{grid-gap: 0;}
.Area_4pdb .layout_4pdb {background-image: url("pc_text_bg.jpg?t=1758881159186");background-repeat: repeat-y;background-size: 100%; border-radius: 0 0 20px 20px; padding-bottom: 30px;}
.Area_4pdb .layout_4pdb ul {width: 96%;padding-bottom: 20px;}
}
@media screen and (max-width:767px){
	.Area_4pdb .layout_text ul{grid-gap: 0;}
	.Area_4pdb .layout_4pdb {background-image: url("mb_text_bg.jpg?t=1758881159186");background-repeat: repeat-y;background-size: 100%; padding-bottom: 3vw;}
	.Area_4pdb .layout_4pdb ul {width: 96%;}
}




/*旗艦館*/
.Area_guan {}
.Area_guan .layout_guan { width: 60%;}
@media screen and (max-width:767px){
 	.Area_guan {}
	.Area_guan .layout_guan { width: 80%;}
}


/* 輪播 */
.Area_BN {margin-bottom: 50px;}
.swiper-pagination-bullet {background: #343434!important ;}
@media screen and (max-width:767px){
	.Area_BN {margin-bottom: 5vw;}
}