/*Section_page_kv*-----------------------------------------------------------*/

.page_kv_w {
  display: block;
  position: relative;
  z-index: 500;
	margin-top: 100px;
	margin-top: 5.208333333vw;
}
.page_kv_w h1 {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: 10000;
    color: rgba(255, 255, 255, 0);
}
.page-kv {
  display: block;
  position: relative;
  width: 100%;
  z-index: 899;
}
.page-kv_m {
  display: none;
}

.page_kv_w h3{
	display: block;
	position: absolute;
	width: 100%;
	line-height: 2;
	font-weight: 800;
	font-size: 3rem;
	font-size: 3.3vw;
	color: #956823;
	letter-spacing: .25rem;
	text-align: center;
	font-family:"Noto Serif TC", serif;
	z-index: 1005;
	top: 6.6vw;
	text-shadow: 0 0 15px rgba(255,255,255,1), 0 0 30px #fff;
}
.page_kv_w h2{
	display: block;
	font-family:"Poppins";
	position: absolute;
	font-size: 8.3vw;
	font-weight: 800;
	color: rgba(255,255,255,.3);
	right: 16vw;
	bottom: 2.5vw;
	z-index: 1002;
	
}
.page-kv img,.page-kv_m img{
  max-width: 100%;
}

/*Section_Page container*--------------------------------------------------------------------------*/
.page_container{
  display: block;
	font-family: "Noto Serif TC", serif;
  position: relative;
  overflow: hidden;
  width: 100%;
	padding: 0 0 5rem;
  background: linear-gradient(-90deg, #fcf3e3, #fdefef);
  background: -moz-linear-gradient(-90deg, #fcf3e3, #fdefef);
  background: -webkit-linear-gradient(-90deg, #fcf3e3, #fdefef);
  background: -o-linear-gradient(-90deg, #fcf3e3, #fdefef);
  background: -ms-linear-gradient(-90deg, #fcf3e3, #fdefef);
	z-index: 999;
}

.article_back{
	background: #fff;
}
.for-news-page-bottom{padding: 0 0 2rem;}

.breadcrumb{
	display: block;
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	margin-top: 1rem;
	font-size: .95rem;
  font-weight: 500;
  color: #9a7033;
  padding-bottom: 2rem;
	z-index: 9010;
}
.breadcrumb a{
  color: #000;text-decoration: none;
}
.breadcrumb a:hover{
  color: #9a7033;text-decoration: underline;
}

/*=====首頁 - 最新消息=====*/
/*.page-wrp{
	display: block;
	position: relative;
	overflow: hidden;
  width: 100%;
	z-index: 2100;
}*/

.page_main{
	display: block;
	position: relative;
	width: 1200px;
	margin: 0 auto;
	/*left: 50%;
	margin-left: -600px;*/
	z-index: 3000;
}
.page_main h2{
	display: block;
  text-align: justify;
  font-size: 1.65rem;
	line-height:1.5;
  letter-spacing: 1px;
  color: #543201;
  font-weight: 700;
	padding: 0 0 0 0;
}
.page_main h2:nth-child(n+1){
	margin-top:1.5vw; 
}
.page_main h2:nth-child(1){
	margin-top:3.5vw; 
}

.page_text, .page_item{
	display: block;
	width: 100%;
	overflow: hidden;
}

.page_text p{
	display: block;
  text-align: justify;
  font-size: 1.25rem;
  /*height: 72px;*/
  line-height:2;
  letter-spacing: 1px;
  color: #333;
  font-weight: 600;
	margin: .75rem 0;
	padding-bottom: .5rem;
}

.page_text p span{
  color: #925b06;
  font-weight: 700;
}

/*關於桃金獎*/
.award_type{
	display: flex;
	margin-top: .5rem;
}

.award_type_photo{
	display: block;
	/*display: flex; 圖片垂直置中 */
	width: 24%;
	margin-right: 2rem;
	align-items: center; /* 圖片垂直置中 */
}
.award_type_photo img{
	display: block;
  max-width: 100%;
  height: auto;
}
.award_type_intro{
	flex: 1;
	/*float: left;*/
	width: calc(75.999% - 4.01rem);
	padding-left: 2rem;
	border-left: 1px solid rgba(149,104,35,.2);
}
.award_type_intro p{
	margin: 0 ;
}



.awards-rule{
	display: block;
	width: 100%;
	overflow: hidden;
}
.awards-rule ul{
}
.awards-rule li{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(33.333% - 1.01rem);
	margin: .5rem;
}
.awards-rule li a img{
	max-width: 100%;
	opacity: .9;
}
.awards-rule li a:hover img{
	max-width: 100%;
	opacity: 1;
}

.item-title{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 1.5rem;
}
.item_{
	display: block;
	float: left;
	width: 4.5rem;
	margin-right: 1rem;
	overflow: hidden;
}
.item_ img{
	max-width: 100%;
}
.item-title h5{
	display: block;
	float: left;
	width: calc(99.999% - 5.51rem);
	line-height: 4.5rem;
	font-size: 1.5rem;
  letter-spacing: 1px;
  color: #7a4b02;
  font-weight: 700;
}
.item_list{
	display: block;
	width: calc(99.999% - 5.51rem);
	overflow: hidden;
	margin-left: 5.5rem;
}
.item_list i{
	display: block;
	float: left;
	width: 24px;
	font-size: 1.25rem;
	line-height: 2;
	text-align: center;
	color: #a87f44;
}
.item_list p{
	display: block;
	float: left;
	width: calc(99.999% - 25px);
	font-size: 1.25rem;
	line-height: 1.7;
	text-align: justify;
	color: #333;
	font-weight: 600;
}
.item_list p b{
	color: #000;
	font-weight: 700;
}


.awd_note {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.awd_note ul {
  margin: 0 0 0 1.8rem;
}
.awd_note li {
  list-style-type: decimal;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.7;
  margin-top: .5rem;
  text-align: justify;
}
.awd_note li a,.awd_note li a:hover{
	color: #956823;
	text-decoration: underline;
}
.about-btm-cta{
	display: block;
	position: relative;
  overflow: hidden;
  width: 100%;
  margin: 4rem auto 1.5rem;
	padding-bottom: 1.5rem;
	z-index: 3000;
}
.exploreII a {
  display: block;
  width: fit-content;
  text-align: center;
  font-size: 2rem;
  /*height: 72px;*/
  line-height: 2.5;
	padding: 0 2rem;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 700;
	text-shadow: 2px 2px 0px rgba(61,38,2,.6);
  background: linear-gradient(45deg, #956823, #b69159);
  background: -moz-linear-gradient(45deg, #956823, #b69159);
  background: -webkit-linear-gradient(45deg, #956823, #b69159);
  background: -o-linear-gradient(45deg, #956823, #b69159);
  background: -ms-linear-gradient(45deg, #956823, #b69159);
  border-radius: 3.5rem;
  border: 4px solid #fff;
  text-decoration: none;
  margin: 1rem auto 0;
	box-shadow: 0 0 20px rgba(135,84,5,0.5);
	
}

.exploreII a:hover { 
	/*background: linear-gradient(45deg, #7b5418, #a27b3e);*/
	text-shadow: 0px 0px 6px rgba(255,255,255,.6);
  text-decoration: none;
	transition:all 1s ease-out;
}
.explore-close{
  display: block;
  width: fit-content;
  text-align: center;
  font-size: 1.75rem;
  /*height: 72px;*/
  line-height: 2.5;
	padding: 0 1.5rem;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(45deg, #888, #222);
  background: -moz-linear-gradient(45deg, #888, #222);
  background: -webkit-linear-gradient(45deg, #888, #222);
  background: -o-linear-gradient(45deg, #888, #222);
  background: -ms-linear-gradient(45deg, #888, #222);
  border-radius: 3rem;
  border: 3px solid #fff;
  text-decoration: none;
  margin: 1rem auto 0;
}
.about-btm-cta p{
	display: block;
	width: 700px;
	margin: 1rem auto 1rem;
	font-size: 1.25rem;
	line-height: 1.7;
	text-align: center;
	color: #333;
	font-weight: 700;
}
.about-btm-cta p a{
	color: #956823;text-decoration: none;
}
.about-btm-cta p a:hover{
	color: #956823;text-decoration: underline;
}

/*附件三 - 備註*/
.register_note {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
	padding-bottom: 1rem;
}
.register_note ul {
  margin: 0 0 0 1.7rem;
	padding-left: 90px;
}
.register_note li {
  list-style-type: decimal;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  margin-top: .25rem;
  text-align: justify;
}
.register_note li::marker {
  color: #956823;
}
.register_note li a,.register_note li a:hover{
	color: #956823;
	text-decoration: underline;
}

/*正式投件 - 注意事項*/
.remark {
  display: block;
  width: calc(99.999% - 5.8rem);
  overflow: hidden;
  border: 2px solid rgba(149,104,35,.25);
  padding: .75rem;
  margin-left: 5.7rem;
	background: rgba(255,255,255,.5);
}
.remark h3{ 
	display: block;
	width: 100%;
	font-size: 1.125rem;
  font-weight: 700;
  line-height: 2;
	color: #8c0c03;
  text-align: justify;
}
.remark_list{
	display: block;
	overflow: hidden;
	width: 100%;
	padding-bottom: .6rem;
}
.remark_list i{
	display: block;
	float: left;
	width: 25px;
	font-size: 1rem;
	line-height: 2;
	text-align: left;
	color: #8c0c03;
}
.remark_list p{
	display: block;
	float: left;
	width: calc(99.999% - 26px);
	font-size: 1.125rem;
	line-height: 1.7;
	text-align: justify;
	color: #333;
	font-weight: 600;
}
.remark_list img
{
	max-width: 500px;
	margin-left: 0;
	margin-top: .75rem;
}

/*評選期程-------------------------------------------------------------*/
.select_wrap{
	display: block;
	overflow: hidden;
	width: 1000px;
	margin: .5rem auto;
}
.select{
	display: block;
	overflow: hidden;
	width: 545px;
	float: right;
	/*background: #fff;
	height: 110px;*/
		
}
.selectII{
	display: block;
	overflow: hidden;
	width: 545px;
	float: left;
	}
.sel-date01{
	display: block;
	position: relative;
	float: left;
	width: 90px;
	overflow: hidden;
}
.sel-date01 img{
	max-width: 100%;
}
.sel-date02{
	display: block;
	position: relative;
	float: right;
	width: 90px;
	overflow: hidden;
}
.sel-date02 img{
	max-width: 100%;
}
.words h4{
	font-weight: 600;
	font-size: 1.25rem;
	 color: #333;
	line-height: 1.4;
}
.words h4 b{
	font-weight: 700;
	font-size: 1.75rem;
	 color: #956823;
}
.words h4 small{
	display: block;
	font-weight: 600;
	font-size: 1rem;
	padding-top: .2rem;
}
.words {
  display: flex;
  align-items: center;  /* 垂直置中 */
  height: 99px;
	padding: 0 .75rem;
	letter-spacing: 2px;
}
.txt-right{
	width: 100%;
	text-align: right;
}
.select-end{
	display: block;
	font-size: 1rem;
	line-height: 1.7;
	text-align: center;
	color: #333;
	font-weight: 500;
}
.select-start{
	display: block;
	font-size: 1.5rem;
	line-height: 1.7;
	text-align: center;
	color: #333;
	font-weight: 800;
}
.select-start b{
	font-size: 2rem;
	color: #5b3a0a;
	padding-right: .25rem;
}

/*報名流程-------------------------------------------------------------*/
.flow-noteI{
	font-size: 1.25rem;
	text-align: center;
	line-height: 2.5;
  letter-spacing: 1px;
  color: #333;
  font-weight: 600;
}
.flow-noteI a,.flow-noteI a:hover{
	text-decoration: underline;
	color: #333;
}
.flow-noteI i{
	color: #a87f44;
	padding-right: .25rem;
}
.for_flow {
  width: calc(99.999% - 5px);
  padding: .75rem;
  margin-left: 0;
}
.workflow{
	display: block;
	 position:relative;
	width:99%;
	overflow: hidden;
	margin: 0 auto 1.5rem;
	z-index: 3005;
}
.steps{
	display: inline-block;
	width: calc(27.999% - .62rem);
	overflow: hidden;
}

.steps-top {
  display: block;
  position: relative;
  background: #a87f44;
  color: #fff;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
  margin-top: 3rem;
}
.steps-top img {
  display: block;
  position: absolute;
  width: 160px;
  left: 50%;
  top: -1.5rem;
  z-index: 2;
  margin-left: -80px;
}
.steps-top p{
	display: block;
	font-size: 1.75rem;
	line-height: 1.5;
	font-weight:700;
	padding-top: 2rem;
}
.steps-top p i{
	color: #fff0aa;
	padding-right: .25rem;
}
.steps-text{
	display: block;
	background: #fff;
	border-radius: 0 0 1rem 1rem;
	padding: 1rem;
	border: 6px solid #a87f44;
	height: 280px;
}
.steps-text p{
	font-size: 1.125rem;
	font-weight:600;
	color: #333;
	line-height: 1.6;
	text-align: justify;
	padding-bottom: .5rem;
}
.steps-text p a,.steps-text p a:hover{
	color: #a87f44;
	text-decoration: underline;
}
.steps-text p span{
	color: #a87f44;
}
.steps-text p small{
	display: block;
	font-size: .9rem;
	padding-left: 1rem;
	
}
.steps h5{
	display: block;
	width: 100%;
	font-family:"Noto Serif TC", serif;
	letter-spacing: 2px;
	text-align: center;
	font-size: 1.75rem;
	font-weight:900;
	color: #fff;
	/*background: linear-gradient(45deg, #ffffff, #ff9494);
   background: -webkit-linear-gradient(45deg, #ffffff, #ff9494);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;*/
}
.steps h5 b{
	font-size: 2.5rem;
	padding-left: .5rem;
}

.steps h6{
	 display: block;
	overflow:hidden;
  font-family:"Noto Serif TC", serif;
	width: 100%;
	height: 80px;
	margin-top: 1rem;
  letter-spacing: 1px;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.7;
}

.arrow {
	/*display: flex;
  align-items: center; */
  display: inline-block;
  width: 8.2%;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  margin-top: 13rem;
  padding-top: 1rem;
}
.arrow i{
	font-size: 3rem;
	color: #875c46;
}
/*.gradient-icon{
	background: linear-gradient(45deg, #3b0303, #ceb48f);
   background: -webkit-linear-gradient(45deg, #3b0303, #ceb48f);
	background-clip: text;
   -webkit-background-clip: text;	
}*/
.arrow_m {
  display: none;
}

a.for_upload{padding: 0 5rem;}

/*報名欄位-------------------------------------------------------------*/
.signup-wrap {
  max-width: 720px;
  padding: 0 1rem;
  margin: 0 auto; 
	
}
  .signup-wrap .signup_form .form-note {
    font-size: 1rem;
  color: #956823;
  margin: 1rem 0;
  font-weight: 500;
}
  .signup-wrap .signup_form .form-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     }
  .signup-wrap .signup_form .parter-section.hide {
    display: none; }
  .signup-wrap .signup_form .input-col {
  width: 100%;
  margin: 0 0 2rem;
  padding: 0;
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
}
    .signup-wrap .signup_form .input-col .input-title {
      width: 100%;
      /*height: 3rem;*/
      line-height: 3rem;
      vertical-align: middle;
      font-size: 1.125rem;
      letter-spacing: 1px;
      color: #000;
      text-align: left;
      padding: 0 ; 
		font-weight:700;
}
.signup-wrap .signup_form .input-col .input-title small{
	display: block;
      width: 100%;
      line-height: 1.5;
      font-size: 1rem;
      letter-spacing: 1px;
      color: #000;
      text-align: left;
      padding: 0 0 .25rem 0; 
		font-weight:500;
}
    .signup-wrap .signup_form .input-col .input-f {
      width: 100%;
      /*height: 40px;
      line-height: 40px;*/
}
    .signup-wrap .signup_form .input-col input[type="text"], .signup-wrap .signup_form .input-col input[type="password"], .signup-wrap .signup_form .input-col input[type="phone"] {
      width: 100%;
      height: 3rem;
      line-height: 3rem;
      display: block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      border-radius: 5px;
      background: #fff;
      font-size: 1rem;
      color: #333;
      padding: 0 10px; 
font-family:"Noto Serif TC", serif;
letter-spacing: 1px;}
      .signup-wrap .signup_form .input-col input[type="text"]::-webkit-input-placeholder, .signup-wrap .signup_form .input-col input[type="password"]::-webkit-input-placeholder, .signup-wrap .signup_form .input-col input[type="phone"]::-webkit-input-placeholder {
        color: #A4A4A4; }
      .signup-wrap .signup_form .input-col input[type="text"]:-ms-input-placeholder, .signup-wrap .signup_form .input-col input[type="password"]:-ms-input-placeholder, .signup-wrap .signup_form .input-col input[type="phone"]:-ms-input-placeholder {
        color: #A4A4A4; }
      .signup-wrap .signup_form .input-col input[type="text"]::placeholder, .signup-wrap .signup_form .input-col input[type="password"]::placeholder, .signup-wrap .signup_form .input-col input[type="phone"]::placeholder {
        color: #A4A4A4; }
    .signup-wrap .signup_form .input-col select {
      width: 100%;
      height: 40px;
      line-height: 40px;
      display: block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      border-radius: 5px;
      background: url("../images/arrow.png") no-repeat right 15px center #fff;
      font-size: 18px;
      font-size: 1.125rem;
      color: #333;
      padding: 0 10px; 
}
    .signup-wrap .signup_form .input-col .radio-wrap {
      display: block;
      position: relative;
      padding-left: 25px;
      margin-left: 0;
      cursor: pointer;
      font-size: 1.125rem;
      line-height: 2.25;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}
      .signup-wrap .signup_form .input-col .radio-wrap input {
        position: absolute;
        opacity: 0; }
      .signup-wrap .signup_form .input-col .radio-wrap .checkmark {
        position: absolute;
        top: 13px;
        left: 0;
        width: 16px;
        height: 16px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 50%; }
        .signup-wrap .signup_form .input-col .radio-wrap .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          top: 3px;
          left: 3px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #262626; }
      .signup-wrap .signup_form .input-col .radio-wrap input:checked ~ .checkmark:after {
        display: block; }
  
  
  .signup-wrap .signup_form .signup_rule-checkbox {
    width: 100%;
    padding: 10px 0; }
    .signup-wrap .signup_form .signup_rule-checkbox .check-wrap {
      display: block;
      position: relative;
      padding-left: 30px;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.615;
      letter-spacing: .05em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #333333; }
      .signup-wrap .signup_form .signup_rule-checkbox .check-wrap input {
        position: absolute;
        opacity: 0;
        cursor: pointer; }
      .signup-wrap .signup_form .signup_rule-checkbox .check-wrap .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 0; }
        .signup-wrap .signup_form .signup_rule-checkbox .check-wrap .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 5px;
          top: 3px;
          width: 7px;
          height: 10px;
          border: solid #262626;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .signup-wrap .signup_form .signup_rule-checkbox .check-wrap input:checked ~ .checkmark:after {
      display: block; }
  
  .signup-wrap .signup_form .btnwrap {
    width: 100%; }
    .signup-wrap .signup_form .btnwrap .btns-container {
      margin: 2rem auto 1rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .signup-wrap .signup_form .btnwrap .btns-container button {
        width: 33%;
        height: 50px;
        line-height: 50px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        border-radius: 30px;
        font-size: 1.5rem;
        letter-spacing: 1px;
font-family:"Noto Serif TC", serif;
font-weight: 800;}
        .signup-wrap .signup_form .btnwrap .btns-container button svg {
          /* vertical-align: middle; */
          margin: 0 0 0 5px; }
      .signup-wrap .signup_form .btnwrap .btns-container .signupNow {
        width: 46%;
        background: #000;
        color: #fff;
		cursor: pointer; }
      .signup-wrap .signup_form .btnwrap .btns-container .resetBtn {
        width:46%;
        background: #969697;
        color: #fff;
		cursor: pointer; }
      
  .upload-wrap{
  display: flex;
  align-items: center;
  gap: 12px;
	margin-top: .5rem;
}

.upload-btn{
  display: inline-flex;
  width: 150px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #000;
  border-radius: .5rem;
  cursor: pointer;
  font-size: 1rem;
	font-weight: 600;
  transition: 0.3s;
}

.upload-btn i{
	padding-right: .25rem;
	padding-top: .25rem;
}


.upload-btn:hover{
  background: #956823;
  color: #fff;
}

.file-name{
  font-size: 14px;
  color: #333;
}

.signup-wrap .signup_form .input-col h6 {
  display: block;
  line-height: 1.4;
  font-size: .9rem;
  font-weight: 700;
  color: #8d5705;
  padding-top: 1rem;
	letter-spacing: 1px;
}


.page_top_bg{
	display: block;
	position: absolute;
	overflow: hidden;
    width: 100%;
	z-index: 1000;
	top: 0;
}
.page_top_light{
	display: block;
	position: absolute;
	overflow: hidden;
    width: 100%;
	z-index: 1001;
	top: 0;
}
.page_top_bg img,.page_top_light img{
	max-width: 100%;
	opacity: .7;
}

/*最新消息-------------------------------------------------------------*/
.top-news{
 display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 2.5rem;
	padding: 3rem 2rem 2rem;
}
.top_news_img{
	display: block;
	float: left;
	position: relative;
  overflow: hidden;
  background: #fff;
  width: 50%;
  margin-right: 1.5rem;
}
.top_news_img a img {
  display: block;
  max-width: 100%;
	transition: 1s;
}
.top_news_img a:hover img {
  transform: scale(1.05);
  opacity: .9;
}
.top-news-text{
	display: block;
	float: left;
  overflow: hidden;
  width: calc( 49.999% - 1.51rem );
}
.top-news-text h4 a{display: block; text-align: justify;font-size: 1.75rem;font-weight: 800;color: #683f00; line-height: 1.4; text-decoration: none;}
.top-news-text h4 a:hover{ text-decoration: underline;}
.top-news-text h4::before{ display: block; height: 4px; background: #a17b47; content: ""; width: 50px; margin-bottom: .75rem; }
.top-news-text p{text-align: justify;font-size: 1.25rem;font-weight: 400;color: #333; line-height: 1.5; padding-top: 1rem;}
.artcile-list {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.artcile-list ul{}
.artcile-list li {
  display: inline-block;
	position: relative;
  vertical-align: top;
  overflow: hidden;
  width: calc(33.333% - 4.24rem);
  margin: 1.5rem 2rem;
}
.news_list_img {
  display: block;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: .75rem;
  width: 100%;
}
.news_list_img a img , .news_list_img img{
  display: block;
  max-width: 100%;
	transition: 1s;
	
}
.news_list_img a:hover img {
  transform: scale(1.05);
  opacity: .9;
}
.artcile-list li h6{
  display: block;
  text-align: justify;
  font-size: 1.25rem;
  font-weight: 600;
  color: #683f00;
  line-height: 1.5;
  margin-top: .5rem;
}
.artcile-list li h6 a{
	color: #683f00;
  text-decoration: none;
}
.artcile-list li h6 a:hover{ text-decoration: underline;}

/*pagination
.pagination-outer{ text-align: center; }
.pagination{
    display: inline-flex;
    position: relative;
	color: #683f00;
	margin:3rem 0 1rem 0;
}
.pagination li { margin-left:0;}
.pagination span{ text-align:center;}
.pagination li a.page-link{
	display:block;
    color: rgba(37, 66, 65, .5);
    background-color: #fff;border: 1px solid rgba(37, 66, 65, .1);
    font-size: 1rem;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
    width: 40px;
	 margin:0 .5rem;
	font-weight: 500;
    position: relative;
    z-index: 1;
	text-decoration: none;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover{
    color: #fff ;
    background-color: #254241;
	text-decoration: none;
	border: 1px solid rgba(37, 66, 65, 1);
}


@media only screen and (max-width: 480px){
    .pagination{
        display: block;
    }
    .pagination li{
        margin: 5px 2px;
        display: inline-block;
    }
    .pagination li a.page-link{ margin: 0; }
}*/
.article_hero_banner{
	display:block; 
	overflow: hidden; 
	width: 100%; 
	background: #fff; 
	border-bottom: 6px solid #ba9761;
	border-top: 1px solid rgba(154,114,50,.35);
	padding: 2rem;
}

.article_hero_banner img{
	display: block;
	overflow: hidden;
	/*max-width: 1200px;*/
	max-width: 960px;
	margin: 0 auto;
}
.art_cnt_wrp{
	display:block; 
	overflow: hidden; 
	width: 1200px;
	margin: 2rem auto;
}
.dat{
	display:block;
	font-size: 1rem; 
	font-weight: 400; 
	line-height: 1.5; 
	color: #000;
	margin-top: 3rem;
}
.art_cnt_wrp h2{
	display:block;
	font-size: 2.25rem; 
	font-weight: 900; 
	line-height: 1.4; 
	text-align: justify;
	margin-top: .5rem; 
	color:#925b06;
}
.eder{
	display:block; 
	overflow: hidden; 
	width: 100%; 
	margin-bottom: 1rem; 
	border-bottom:1px solid #ba9761; 
	padding: 1rem 0;
	color: #000;
}
.eder ul{}
.eder li{display:inline-block; vertical-align: top; font-size: 1rem; font-weight: 400; line-height: 1.1; margin-right: 1rem;}
.eder li p,.eder li h5{display: inline-block;font-size: 1.25rem; font-weight: 600; line-height: 1.4; }
.eder li p{padding-right: .5rem; }
.eder li h5{border-left: 1px solid rgba(0,0,0, .75);padding-left: .5rem;}
.eder li span{/*content: "";*/margin-left: .35rem; padding-left: .35rem; border-left: 1px solid rgba(160,150,115, .5);}
.art_cnt{
	display:block; 
	overflow: hidden; 
	width: 80%;
	margin: 2rem auto;
}
.art_cnt h3 {display:block;font-size: 1.6rem; font-weight: 700; line-height: 1.7; color: #191919; padding-bottom: 2rem; text-align: justify;}
/*.art_cnt h3::after{display:block;content: ""; margin: 2rem auto 1rem auto; width: 60px; height: 4px; background:#9f9572;}*/

.art_cnt h4 {
	display:block;
	font-size: 1.75rem; 
	font-weight: 700; 
	line-height: 1.5; 
	color: #925b06; 
	padding: 1rem 0 .5rem 0; 
}
.art_cnt p {
	display:block;
	font-size: 1.25rem;
	font-weight: 500; 
	line-height: 1.8; 
	color: #333; 
	padding-bottom: 2.5rem; 
	text-align: justify;
	letter-spacing: .11rem;
	hyphens: auto;
    overflow-wrap: break-word;
}
.art_cnt p b{
	font-weight: 700; 
	color: #000;
}
.art_cnt p a,.art_cnt p a:hover{color: #925b06; text-decoration: underline;font-weight: 600;  }
.art_pic {display: block; max-width: 80%;padding: 2rem 0; margin: 0 auto;}
.art_pic img{max-width:100%;}
.art_pic small,.art_pic figcaption{display:block;font-size: 1rem; font-weight: 300; line-height: 1.5; color: #333; padding-top: .25rem;}
.ytb {
  display: block;
  width: 80%;
  overflow:hidden;
  margin:1rem auto 2rem;
  background:#fff;
}

.ytb iframe {
  padding:0;
}

.ytb_h {
  height: 398px;
}

/*網站導覽 Sitemap*-----------------------------------------------------------*/
/* 外層容器：關鍵在於 grid-template-columns */
.sitemap-sections {
  display: grid;
  /* 強制將一列平分為 3 等分 */
  grid-template-columns: repeat(3, 1fr); 
  /* 卡片之間的卡縫間距 (上下 24px, 左右 24px) */
  gap: 2rem; 
  width: 100%;
  max-width: 1200px;
  margin: 5rem auto 2rem;
  box-sizing: border-box;
}

/* 各區塊卡片外觀 */
.sitemap-card {
  background-color: rgba(255,255,255,0.7);
  border-radius: 8px;
  padding: 20px;
  
}

.sitemap-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #956823;
  border-bottom: 3px solid #956823;
  padding-bottom: .5rem;
}

.map-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.map-links li {
  margin-bottom: 10px;
}
.closing{
  color: #888;
  text-decoration: none;
  font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.3;
}
.map-links li:last-child {
  margin-bottom: 0;
}

.map-links a {
  color: #333;
  text-decoration: none;
  font-size: 1.125rem;
  transition: color 0.2s ease;
  font-weight: 500;
	line-height: 1.3;
}

.map-links a:hover {
  color: #956823;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .sitemap-sections {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 500px) {
  .sitemap-sections {
    margin: 2.5rem auto 1.5rem;
  }
}

/*入圍企業投票----------------------------------------------------------------------------------------------------*/
/* 區塊全域容器 */
.vote-section {
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  box-sizing: border-box;
}

/* 標題與金色線條 */
.vote-section-header {
  max-width: 1200px;
  margin: 0 auto 36px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* 左右金色橫線：改用實體高度與背景色，確保絕對能顯現 */
.vote-section-header::before,
.vote-section-header::after {
  content: "";
  flex: 1;
  height: 3px;
  background-color: #d9c49f;
  margin: 0;
  display: block;
	border-radius: .5rem;
}

.vote-section-title {
  color: #956823;
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: 1px;
  white-space: nowrap;
  padding: 0 16px; /* 文字與線條的留白 */
  flex-shrink: 0;   /* 防止標題文字被線條擠壓變形 */
}

/* 4. (大型企業組) 黑字 / 1.5rem */
.vote-group-tag {
  color: #222222;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 6px;
}

/* 5. 卡片列表容器 */
.vote-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.7rem 3.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 單張卡片（電腦版預設 3 欄，寬度扣除 2 個 3.5rem 間距） */
.vote-card-item {
  width: calc((100% - (3.5rem * 2)) / 3);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* 圖片容器與圓角 */
.vote-img-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 16px;
  overflow: hidden;
}

.vote-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 1. 票數徽章：放大 40% (1.15rem -> 1.6rem) */
.vote-count-badge {
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: #956823;
  padding: .5rem 1rem;
  border-radius: 24px;
  font-size: 1.8rem;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: baseline;
  gap: 3px;
}

.vote-count-badge small {
  font-size: 1.25rem;
  font-weight: 500;
}

/* 內文描述區塊 */
.vote-content {
  padding: 16px 2px 10px;
  flex-grow: 1;
}

/* 公司名稱 */
.vote-company-name {
  font-size: 1.45rem;
  font-weight: 700;
  color: #222;
  margin-bottom: .75rem;
  line-height: 1.35;
}

/* 公司簡介標語 */
.vote-company-desc {
  font-size: 1.125rem;
  color: #8c7247;
  border-left: 1px solid #956823;
  padding-left: .5rem;
  line-height: 1.4;
	font-weight: 500;
	text-align: justify;
}

/* 底部操作列 */
.vote-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
}

/*了解更多*/
.btn-more {
  display: inline-block;
  padding: 6px 18px;
  background-color: #ffffff;
  border: 2px solid #956823;
  border-radius: 24px;
  color: #956823;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: 600;
  transition: all 0.2s ease;
}

.btn-more:hover {
  background-color: #956823;
  color: #ffffff;
}

/* Radio Button 單選 */
.vote-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.vote-radio-input {
  display: none;
}

/* 自定義 Radio 圓框 */
.custom-radio {
  width: 24px;
  height: 24px;
  border: 2px solid #a38148;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  background-color: #fff;
  flex-shrink: 0;
}

/* 選中狀態外框與中心金色圓點 */
.vote-radio-input:checked + .custom-radio {
  border-color: #956823;
}

.vote-radio-input:checked + .custom-radio::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #956823;
  border-radius: 50%;
}

/* 1. 立即投票文字：放大約 40% (1.15rem -> 1.6rem) */
.vote-text {
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
  letter-spacing: 0.5px;
}

.vote-radio-input:checked ~ .vote-text {
  color: #956823;
}

.cta-vote{
	margin: 1.5rem auto;
}

/* --- RWD  --- */
@media (max-width: 1440px) {
.vote-company-desc {
  font-size: 1rem;
  padding-left: .5rem;
  line-height: 1.4;
  font-weight: 500;
}
}

@media (max-width: 1024px) {
  .vote-card-item {
    width: calc((100% - 3.5rem) / 2);
  }
}
@media (max-width: 820px) {
 .vote-company-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #222;
  margin-bottom: .5rem;
  line-height: 1.25;
}

.vote-action-bar {
  margin-top: 10px;
}

}

/* 手機版面 (螢幕寬度小於 640px)：一排 1 家 */
@media (max-width: 639px) {
  .vote-section-title {
    font-size: 1.4rem;
    white-space: normal;
    text-align: center;
  }

  .vote-group-tag {
    display: block; /* 手機:自動換行 */
    margin-left: 0;
    margin-top: 10px;
	  font-size: 1.2rem;
  }

  .vote-card-item {
    width: 100%;
    max-width: 440px;
  }
}

/* ==========================================================================
   活動 4 步驟流程區塊 (Step 1 ~ Step 4)
   ========================================================================== */
.workflow-steps-4{
	display: block;
  width: calc(99.999% - 5.51rem);
  overflow: hidden;
  margin-left: 5.5rem;
	padding-bottom: 1.5rem;
}

.steps-vote{
	display: inline-block;
	width: calc(20.49% - .62rem);
	overflow: hidden;
}

.steps-vote-top {
  display: block;
  position: relative;
  background: #a87f44;
  color: #fff;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
  margin-top: 3rem;
}
.steps-vote-top img {
  display: block;
  position: absolute;
  width: 140px;
  left: 50%;
  top: -1.5rem;
  z-index: 2;
  margin-left: -70px;
}
.steps-vote-top p{
	display: block;
	font-size: 1rem;
	line-height: 1.5;
	font-weight:500;
	padding-top: .5rem;
	color:  #a87f44;
}

.arrow-vote {
  display: inline-block;
  width: 6%;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  margin-top: 8rem;
  padding-top: 1rem;
}
.arrow-vote i {
  font-size: 2.5rem;
  color: #875c46;
}
.text-vote{
	height: 200px;
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:820px) {
.arrow-vote i {
	display: none;
}
	.steps-vote {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.arrow-vote {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 0;
  padding-top: 0;
}
.workflow-steps-4 {
  display: block;
  width: calc(99.999% - 3.81rem);
  overflow: hidden;
  margin-left: 3.75rem;
  padding-bottom: 1.5rem;
}
.steps-vote-top {
  margin-top: 1.5rem;
}
}


/* ==========================================================================
   限量好禮區塊 (Gifts Section)
   ========================================================================== */

/* 父容器設定 */
.gifts_wrp {
  display: block;
  width: calc(99.999% - 5.51rem);
  overflow: hidden;
  margin-left: 5.5rem;
  box-sizing: border-box;
  margin-top: 2rem;
  margin-bottom: 3rem;
	background: #efe3d1;
	border-radius: 4rem;
	padding: 1.5rem 0;
}

/* 標題與左右金色線條 */
.gift-section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 3rem;
}


.gift-section-header::before {
  content: "";
  flex: 1;
  max-width: 120px;
  height: 4px;
  background: linear-gradient(to right, transparent, #8c6031);
  display: block;
}


.gift-section-header::after {
  content: "";
  flex: 1;
  max-width: 120px;
  height: 4px;
  background: linear-gradient(to right, #8c6031, transparent);
  display: block;
}
.gift-section-title {
  font-family: "Noto Serif TC", serif;
  font-size: 2.5rem; 
  font-weight: 700;
  color: #5c3818;
  letter-spacing: 3px;
  padding: 0 .5rem;
  white-space: nowrap;
  line-height: 1;
}

/* 三欄卡片容器 */
.gift-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
}

/* 單個獎品卡片 */
.gift-card-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 獎品白色圓形主體與底座 */
.gift-circle-img-wrap {
  position: relative;
  width: 300px;
  height: 300px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.gift-circle-img-wrap img {
  max-width: 100%;
	border-radius: 50%;
}

/* 右下角名額圓形金色徽章 */
.gift-quota-badge {
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(168,127,68,.85);
  color: #fff;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  font-family:  "Noto Serif TC", serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2;
}

.gift-quota-badge small {
  font-size: 1.1rem;
  font-weight: 600;
  margin-left: 2px;
  margin-top: 6px;
}

/* 獎品文字資訊區 */
.gift-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.gift-brand {
  font-family:  "Noto Serif TC", serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.25rem;
}

.gift-sub-desc {
  font-family: "Noto Serif TC", serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.25rem;
}

.gift-name {
  font-family: "Noto Serif TC", serif;
  font-size: 1.5rem;
  font-weight: 800;
  color: #956823;
  line-height: 1.45;
  margin-bottom: 0.85rem;
  min-height: 3.8rem; /* 保持品名換行時高度齊平 */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 市價框 (金細邊框、淺灰字) */
.gift-price-tag {
  display: inline-block;
  padding: 5px 22px;
  border: 1px solid #d8caa7;
  font-family: "Noto Serif TC", serif;
  font-size: 1rem;
  color: #8c7e6c;
  font-weight: 500;
  background-color: transparent;
  letter-spacing: 0.5px;
}

/* ==========================================================================
   響應式斷點 (RWD)
   ========================================================================== */
@media screen and (max-width:1440px) {
	.gift-circle-img-wrap {
    width: 260px;
    height: 260px;
  }
.gift-section-title {
  font-size: 2.5rem;
  letter-spacing: 2px;
  padding: 0 .5rem;
}
}
@media screen and (max-width: 1024px) {
  .gifts_wrp {
    width: 100%;
    margin-left: 0;
  }
  .gift-circle-img-wrap {
    width: 210px;
    height: 210px;
  }
  .gift-quota-badge {
    width: 62px;
    height: 62px;
    font-size: 1.85rem;
  }
  .gift-quota-badge small {
    font-size: 1rem;
  }
  .gift-name {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 820px) {
  .gifts_wrp {
    width: calc(99.999% - 4.01rem);
    margin-left: 4rem;
  }
  .gift-section-title {
    font-size: 2rem;
  }
	 .gift-list {
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
  }
  .gift-card-item {
    width: 100%;
    max-width: 320px;
  }
  .gift-name {
    min-height: auto;
  }
}


/* 小型手機螢幕 (500px 以下) - 呼應 page.css .item_list 縮排 */
@media screen and (max-width: 500px) {
  .gifts_wrp {
    width: calc(99.999% - 3.01rem);
    margin-left: 3rem;
  }
  .gift-section-title {
    font-size: 1.75rem;
    padding: 0 .5rem;
  }
.gift-section-header::before ,.gift-section-header::after {
  max-width: 60px;
  height: 3px;
}

  .gift-circle-img-wrap {
    width: 190px;
    height: 190px;
  }
  .gift-quota-badge {
    width: 54px;
    height: 54px;
    font-size: 1.6rem;
  }
  .gift-brand,
  .gift-name {
    font-size: 1.15rem;
  }
  .gift-price-tag {
    font-size: 0.9rem;
    padding: 4px 16px;
  }
}



/* ==========================================================================
   活動資料表單 (Vote Info Form)
   ========================================================================== */

.vote-info-form {
  width: 100%;
}

/* 橫向三欄輸入列 */
.form-fields-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}

/* 單組欄位項目 (Label + Input) */
.form-group {
  display: flex;
  align-items: center;
  flex: 1;
}

/* 標籤文字 (仿宋/明體風格，繼承 Noto Serif TC) */
.form-group .field-label {
  font-family: "Noto Serif TC", serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #2b2b2b;
  margin-right: 0.75rem;
  white-space: nowrap;
  letter-spacing: 1px;
}

.form-group .input-wrapper {
  flex: 1;
}

/* 輸入框主體：金色細邊框 + 圓角 + 白底 */
.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="email"] {
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  background-color: #ffffff;
  border: 1px solid #c8ab78; /* 圖中的金色細邊框 */
  border-radius: 5px;
  font-family: "Noto Serif TC", serif;
  font-size: 0.95rem;
  color: #333333;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* 輸入框 Hover & Focus 狀態 */
.form-group input:focus {
  border-color: #956823;
  box-shadow: 0 0 6px rgba(149, 104, 35, 0.25);
}

/* 提示文字 Placeholder (淺灰帶襯線字感) */
.form-group input::placeholder {
  color: #b5b5b5;
  font-family: "Noto Serif TC", serif;
  font-size: 0.9rem;
}

/* --------------------------------------------------------------------------
   操作按鈕區
   -------------------------------------------------------------------------- */
.form-actions-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 2.2rem;
}

/* 橢圓長型膠囊按鈕基礎樣式 */
.btn-form {
  min-width: 160px;
  height: 44px;
  padding: 0 1.8rem;
  border: none;
  border-radius: 25px;
  font-family: "Noto Serif TC", serif;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease, filter 0.2s ease;
}

.btn-form:active {
  transform: translateY(1px);
}

/* 清除重填：灰色漸層 */
.btn-reset {
  background: linear-gradient(180deg, #888889 0%, #6e6e6f 100%);
}

.btn-reset:hover {
  filter: brightness(1.08);
}

/* 確認送出：金黃/琥珀色漸層 */
.btn-submit {
  background: linear-gradient(180deg, #b88a4e 0%, #9e7236 100%);
}

.btn-submit:hover {
  filter: brightness(1.08);
}

/* ==========================================================================
   響應式斷點 (RWD)
   ========================================================================== */

/* 平板尺寸 (1024px 以下)：縮小欄位間距，稍微調整標籤字級 */
@media screen and (max-width: 1024px) {
  .form-fields-row {
    gap: 1rem;
  }
  .form-group .field-label {
    font-size: 1.05rem;
    margin-right: 0.5rem;
  }
  .form-group input[type="text"],
  .form-group input[type="tel"],
  .form-group input[type="email"] {
    font-size: 0.9rem;
  }
  .form-group input::placeholder {
    font-size: 0.82rem;
  }
}

/* 手機直式尺寸 (768px 以下)：三欄轉直排，按鈕自適應 */
@media screen and (max-width: 768px) {
  .vote-form-container {
    padding: 1.5rem 1rem;
  }

  .form-fields-row {
    flex-direction: column;
    gap: 1.25rem;
  }

  .form-group {
    width: 100%;
    /* 直排時若希望標籤與輸入框分行，可取消 flex 或保留水平對齊 */
  }

  /* 保持標籤固定寬度，使輸入框在手機上左右對齊 */
  .form-group .field-label {
    width: 78px;
    margin-right: 0.5rem;
    text-align: right;
  }

  .form-actions-row {
    gap: 1rem;
    margin-top: 1.8rem;
  }

  .btn-form {
    flex: 1;
    max-width: 160px;
    min-width: auto;
    font-size: 1.05rem;
    height: 42px;
  }
}

/* 480px 以下超小螢幕 (如 iPhone SE) */
@media screen and (max-width: 480px) {
  .form-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-group .field-label {
    width: auto;
    text-align: left;
    margin-bottom: 0.35rem;
  }

  .form-group .input-wrapper {
    width: 100%;
  }
}

/* ==========================================================================
   活動個資與條款同意 Checkbox (Vote Agree Wrap)
   ========================================================================== */

.vote-agree-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 1.5rem auto 0;
  box-sizing: border-box;
}

/* 標籤容器：靠左對齊、滑鼠指針、取消預設選取 */
.agree-label {
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

/* 隱藏原生 Checkbox */
.agree-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* 自定義正方形 Checkbox 外觀 */
.custom-checkbox {
  position: relative;
  top: 4px; /* 對齊第一行文字中線 */
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #777777; /* 與圖檔相符的細方框邊框 */
  border-radius: 2px;
  margin-right: 10px;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* Hover 效果 */
.agree-label:hover .custom-checkbox {
  border-color: #956823;
}

/* Checked 勾選狀態：金色外框 */
.agree-label input[type="checkbox"]:checked ~ .custom-checkbox {
  border-color: #956823;
  background-color: #fff;
}

/* 勾勾圖形 (利用 CSS 邊框旋轉 45 度) */
.custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #956823;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* 勾選時顯示勾勾 */
.agree-label input[type="checkbox"]:checked ~ .custom-checkbox::after {
  display: block;
}

/* 內文文字排版 */
.agree-text {
  font-family: "Noto Serif TC", serif;
  font-size: 1.05rem;
  font-weight: 500;
  color: #2b2b2b;
  line-height: 1.7;
  letter-spacing: 0.5px;
  text-align: justify;
}


.agree-text a {
  color: #956823;
  text-decoration: underline;
  transition: color 0.2s ease;
	opacity: .95;
}

.agree-text a:hover {
  color: #956823; 
  text-decoration: underline;
	opacity: 1;
}

@media screen and (max-width: 1024px) {
  .vote-agree-wrap {
    margin-top: 1.25rem;
  }
  .agree-text {
    font-size: 1rem;
    line-height: 1.65;
  }
  .custom-checkbox {
    top: 3px;
    width: 17px;
    height: 17px;
  }
}

@media screen and (max-width: 768px) {
  .vote-agree-wrap {
    margin-top: 1rem;
    padding: 0 2px;
  }
  .agree-text {
    font-size: 0.95rem;
    line-height: 1.6;
  }
  .custom-checkbox {
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .custom-checkbox::after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 9px;
  }
}


/* ==========================================================================
   活動注意事項 (Event Notice Card)
   ========================================================================== */

.event-notice-container {
	position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 4rem auto 2rem;
  padding: 0 1px;
  box-sizing: border-box;
	z-index: 2000;
}

.event-notice-card {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d9c49f; 
  border-radius: 12px;
  padding: 30px 40px 36px;
  box-sizing: border-box;
  box-shadow: 0 3px 12px rgba(149, 104, 35, 0.06);
}


.notice-card-header {
  margin-bottom: 18px;
}

.notice-card-title {
  display: inline-block;
  font-family: "Noto Serif TC", serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #7b592b; 
  letter-spacing: 1.5px;
  line-height: 1.3;
}

/* 分隔線 */
.notice-divider {
  width: 100%;
  height: 1px;
  background-color: #e5d7c3;
  margin-bottom: 24px;
}

.notice-list {
  list-style: none;
  counter-reset: notice-counter;
  margin: 0;
  padding: 0;
}

.notice-list li {
  counter-increment: notice-counter;
  position: relative;
  padding-left: 28px; 
  margin-bottom: 14px;
  display: flex;
}

.notice-list li:last-child {
  margin-bottom: 0;
}


.notice-list li::before {
  content: counter(notice-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Noto Serif TC", serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #555555;
  line-height: 1.8;
}

.notice-text {
  font-family: "Noto Serif TC", serif;
  font-size: 1.05rem;
  font-weight: 500;
  color: #555555;
  line-height: 1.8;
  letter-spacing: 0.5px;
  text-align: justify;
}


@media screen and (max-width: 1200px) {
.event-notice-container {
  width: 100%;
  max-width: 1100px;
}	
}

@media screen and (max-width: 1024px) {
  .event-notice-container {
    padding: 0 16px;
    margin: 2.5rem auto 1.5rem;
  }
  .event-notice-card {
    padding: 24px 28px 28px;
  }
  .notice-card-title {
    font-size: 1.35rem;
  }
  .notice-text,
  .notice-list li::before {
    font-size: 1rem;
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {
  .event-notice-card {
    padding: 20px 18px 22px;
    border-radius: 8px;
  }
  .notice-card-title {
    font-size: 1.25rem;
    letter-spacing: 1px;
  }
  .notice-divider {
    margin-bottom: 18px;
  }
  .notice-list li {
    padding-left: 24px;
    margin-bottom: 12px;
  }
  .notice-text,
  .notice-list li::before {
    font-size: 0.95rem;
    line-height: 1.7;
  }
}

@media screen and (max-width: 480px) {
  .notice-card-title {
    font-size: 1.15rem;
  }
  .notice-text,
  .notice-list li::before {
    font-size: 0.9rem;
    line-height: 1.65;
  }
  .notice-list li {
    padding-left: 22px;
  }
}

/* ==========================================================================
   隱私權政策 privacy
   ===================================================================================================== */
.privacy-full{
	width: 100%;
}

.privacy-full{
	display: block;
	float: left;
	width: 100%;
	font-size: 1.25rem;
	line-height: 1.7;
	text-align: justify;
	color: #333;
	font-weight: 600;
	margin-bottom: 1rem;
}
.privacy-full b{
	color: #000;
	font-weight: 700;
}

@media screen and (max-width:820px) {
	.privacy-full{
  font-size: 1.125rem;
}	
}


@media screen and (max-width:430px) {
	.privacy-full {
    font-size: 1.1rem;
  }
}

/* ==========================================================================
   入圍與得獎
   ===================================================================================================== */

.shortlist--sections {
  display: grid;

  /* 一行兩個 */
  grid-template-columns: repeat(2, minmax(0, 1fr));

  /* 上下 / 左右間距 */
  gap: 30px;

  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* ==================================================
   CARD
================================================== */

.shortlist--sections .sitemap-card {
  width: 100%;
  margin: 0;
  padding: 30px;

  background: #fff;

  border-radius: 12px;

  box-sizing: border-box;
}


/* ==================================================
   TITLE
================================================== */

.shortlist--sections .sitemap-title {
  margin: 0 0 20px;
  padding: 0 0 15px;
  color: #956823;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.4;
  border-bottom: 3px solid #956823;
}


/* ==================================================
   MAP LINKS
================================================== */

.shortlist--sections .map-links {
  margin: 0;
  padding: 0;
  list-style: none;
}


.shortlist--sections .map-links li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 18px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  box-sizing: border-box;
}

.shortlist--sections .map-links li:last-child {
  margin-bottom: 0;
}


/* ==================================================
   前方圓點
================================================== */

.shortlist--sections .map-links li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 8px;
  height: 8px;
  background: #956823;
  border-radius: 50%;
}


/* ==================================================
   有 <a> 的項目
================================================== */

.shortlist--sections .map-links li a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
  transition:
    color 0.3s ease,
    opacity 0.3s ease;
}

.shortlist--sections .map-links li a:hover {
  text-decoration: underline;
}

/* ==================================================
   RWD - Tablet
   768px ～ 1024px
================================================== */

@media screen and (max-width: 1024px) {

  .shortlist--sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }


  .shortlist--sections .sitemap-card {
    padding: 25px;
  }


  .shortlist--sections .sitemap-title {
    margin-bottom: 18px;
    padding-bottom: 12px;
    font-size: 22px;
  }


  .shortlist--sections .map-links li {
    font-size: 17px;
  }

}


/* ==================================================
   RWD - Mobile
   767px 以下：一行一個
================================================== */

@media screen and (max-width: 767px) {

  .shortlist--sections {
    /* 手機改成一行一個 */
    grid-template-columns: 1fr;
    gap: 20px;
  }


  .shortlist--sections .sitemap-card {
    padding: 20px;
    border-radius: 10px;
  }


  .shortlist--sections .sitemap-title {
    margin-bottom: 15px;
    padding-bottom: 12px;
    font-size: 20px;
    line-height: 1.4;
  }


  .shortlist--sections .map-links li {
    margin-bottom: 10px;
    padding-left: 16px;
    font-size: 16px;
    line-height: 1.7;
  }


  .shortlist--sections .map-links li::before {
    width: 6px;
    height: 6px;
    top: 0.75em;
  }

}


/* ==================================================
   RWD - Small Mobile
   480px 以下
================================================== */

@media screen and (max-width: 480px) {

  .shortlist--sections {
    gap: 15px;
  }

  .shortlist--sections .sitemap-card {
    padding: 18px;
  }

  .shortlist--sections .sitemap-title {
    font-size: 19px;
  }

  .shortlist--sections .map-links li {
    font-size: 16px;
  }

}


/*RWD  ========================================================================================*/

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1536px) {
}

@media screen and (max-width:1440px) {
.breadcrumb {
  display: block;
  position: absolute;
  width: 1100px;
  left: 50%;
	margin-left: -550px;
	}
.page_main {
  width: 1100px;
  left: 50%;
  margin-left: -550px;
}
.article_hero_banner img{
	display: block;
	overflow: hidden;
	max-width: 1100px;
	margin: 0 auto;
}
.art_cnt_wrp{
	width: 1100px;
}
.art_cnt h3 {
  display: block;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.7;
  color: #191919;
  padding-bottom: 2rem;
  text-align: justify;
}
}

@media screen and (max-width:1366px) {
}

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
  .navigation {
    display: none;
  }	
.page_kv_w h3{
	line-height: 2;
	font-size: 3rem;
	font-size: 4vw;
	letter-spacing: .25rem;
	top: 6.6vw;
}
 .breadcrumb {
    display: block;
    position: absolute;
    width: 90vw;
    left: 50%;
    margin-left: -45vw;
  }
 .page_main {
    width: 90vw;
    left: 50%;
    margin-left: -45vw;
    padding-top: 1rem;
  }
.article_hero_banner img {
    max-width: 90vw;
  }
.art_cnt_wrp {
    width: 90vw;
  }
.top-news {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 2.5rem;
  padding: 2rem 0 1rem;
}
.top-news-text h4 a {
  font-size: 1.5rem;
}
.top-news-text p {
  font-size: 1.125rem;
  padding-top: .7rem;
}
.artcile-list li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  width: calc(33.333% - 1.68rem);
  margin: 1rem 2rem 2rem 0;
}
	.artcile-list li:nth-child(3n){margin: 1rem 0 2rem 0;}
.steps-top p {
  font-size: 1.65rem;
  padding-top: 2rem;
}
.steps-text {
  border: 6px solid #a87f44;
  height: 330px;
}
.ytb_h {
  height: 332px;
}
}

@media screen and (max-width:820px) {
.page_kv_w h2 {
  position: absolute;
  font-size: 7.3vw;
  right: 12vw;
  bottom: .5vw;
}
.item_ {
  display: block;
  float: left;
  width: 3.5rem;
  margin-right: .5rem;
  overflow: hidden;
}
.item-title h5 {
  display: block;
  float: left;
  width: calc(99.999% - 4.51rem);
  line-height: 3.5rem;
  font-size: 1.25rem;
  letter-spacing: 1px;
  color: #7a4b02;
  font-weight: 700;
}	
.item_list {
  display: block;
  width: calc(99.999% - 4.01rem);
  overflow: hidden;
  margin-left: 4rem;
}	
.item_list p {
  display: block;
  float: left;
  width: calc(99.999% - 25px);
  font-size: 1.125rem;
}	
.register_note ul {
  margin: 0 0 0 1.7rem;
  padding-left: 82px;
}	
.remark_list img {
  max-width: 90%;
  margin-left: 0;
  margin-top: .75rem;
}
.select_wrap {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: .5rem auto;
}	
.select {
  display: block;
  overflow: hidden;
  width: calc(49.999% + 45px);
  float: right;
}	
.selectII {
  display: block;
  overflow: hidden;
  width: calc(49.999% + 45px);
  float: left;
}
.steps {
  display: block;
  width: calc(99.999% - .62rem);
  overflow: hidden;
}
.arrow {
  display: none;
}
.arrow_m {
	/*display: flex;
  align-items: center; */
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}


.arrow_m i{
	font-size: 5rem;
	color: #875c46;
}
.steps-text {
  height: auto;
}
.steps-top {
  margin-top: 1.5rem;
}	
.page_main h2 {
	font-size: 1.35rem;}
	
/*認識桃金企業獎*/	
.awards-rule li {
  display: block;
  overflow: hidden;
  float: left;
  width: calc(33.333% - .61rem);
  margin: .3rem;
}
.page_text p {
  font-size: 1.125rem;
  line-height: 1.8;
	}
.awd_note li {
  font-size: 1.125rem;
}
.page_main h2:nth-child(n+1){
	margin-top:1.5rem; 
}
.page_main h2:nth-child(1){
	margin-top:2.5rem; 
}
 .breadcrumb {
    line-height: 1.5;
  }
.dat {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 3.5rem;
}
	.top-news-text h4 a {
    font-size: 1.25rem;
  }
.artcile-list li h6{
	font-size: 1.125rem;
	margin-top: .25rem;
	}
.news_list_img {
  margin-bottom: .35rem;
}
 .top-news-text p {
    font-size: 1rem;
    padding-top: .7rem;
  }
.page_kv_w {
  margin-top: 63px;
	}
.ytb_h {
  height: 51.219512195vw;
}
.explore-close {
	font-size: 1.25rem;}
}
@media screen and (max-width:768px) {
 .page_kv_w h3 {
    line-height: 2;
    font-size: 4.5vw;
    top: 7vw;
  }
	.page_kv_w {
  margin-top: 62px;
	}
}
@media screen and (max-width:500px) {
.page-kv_m {
  display: block;
  position: relative;
  width: 100%;
  z-index: 899;
}
.page-kv {
  display: none;
}
.page_kv_w {
  margin-top: 14vw;
	}
.page_kv_w h3 {
    line-height: 2;
    font-size: 7vw;
    top: 12vw;
  }
 .page_kv_w h2 {
    position: absolute;
    font-size: 10vw;
    right: -.5vw;
    bottom: .5vw;
  }
 .breadcrumb {
    font-size: .8rem;
  }	
 .page_main {
    padding-top: 2.5rem;
  }	
 .page_main h2 {
    font-size: 1.22rem;
  }	
 .item_ {
    display: block;
    float: left;
    width: 2.5rem;
    margin-right: .5rem;
    overflow: hidden;
  }	
 .item-title h5 {
    display: block;
    float: left;
    width: calc(99.999% - 3.01rem);
    line-height: 2.5rem;
    font-size: 1.2rem;
  }	
.item_list {
    display: block;
    width: calc(99.999% - 3.01rem);
    overflow: hidden;
    margin-left: 3rem;
  }	
.item_list i {
  display: block;
  float: left;
  width: 24px;
	font-size: 1.125rem;
	}
.register_note li {
  list-style-type: decimal;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7;
  margin-top: .25rem;
  text-align: justify;
}	
 .register_note ul {
    margin: 0 0 0 1rem;
    padding-left: 28px;
  }	
.remark {
  display: block;
  width: calc(99.999% - 4.5rem);
  overflow: hidden;
  border: 2px solid rgba(149,104,35,.25);
  padding: .75rem;
  margin-left: 4.5rem;
  background: rgba(255,255,255,.5);
}	
.remark_list p {
  display: block;
  float: left;
  width: calc(99.999% - 26px);
  font-size: 1rem;
}	
  .remark_list img {
    max-width: 99%;
    margin-left: 0;
    margin-top: 1rem;
  }	
.sel-date01,.sel-date02 {
  width: 64px;
}	
 .select , .selectII{
    width: calc(49.999% + 32px);
	 height: 70px;
  }

.words h4 {
  font-weight: 600;
  font-size: .85rem;
  color: #333;
  line-height: 1.4;
}	
.words h4 b {
  font-weight: 700;
  font-size: 1.1rem;
  color: #956823;
}	
.words {
  display: flex;
  align-items: center;
  height: 70px;
  padding:0 .25rem;
  letter-spacing: 1px;
}	
.words h4 small {
  display: block;
  font-weight: 600;
  font-size: .75rem;
  padding-top: .2rem;
}	
.select-end {
  display: block;
  font-size: .9rem;
  line-height: 1.7;
  text-align: center;
  color: #333;
  font-weight: 500;
}	
.flow-noteI {
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 1px;
  color: #333;
  font-weight: 600;
}
.logos li:nth-child(3){
    display: block;
    overflow: hidden;
    margin: .5rem;
  }
.for_flow {
  width: calc(99.999% - 5px);
  padding: .75rem;
  margin-left: 0;
}
.about-btm-cta {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 2rem auto 0;
  padding-bottom: 1rem;
  z-index: 3000;
}
  .awards-rule li {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(49.999% - .51rem);
    margin: .25rem;
  }
.award_type{
	display: block;
}

.award_type_photo{
	display: block;
	width: 60%;
	margin-right: 0;
	margin: 1rem auto .25rem;
	align-items: center; /* 圖片垂直置中 */
}

.award_type_intro{
	display: block;
	flex: none;
	/*float: left;*/
	width: 100%;
	padding-left: 0;
	padding-top: 1rem;
	border-left: 0px solid rgba(149,104,35,.2);
}
.award_more a{
		margin-top: 0;
		margin: .75rem auto 2rem;
	float: none;
	width: 50vw;
	}
.page_main h2:nth-child(n+1){
	margin-top:0; 
	padding-bottom: 1.5rem;
}
.page_main h2:nth-child(1){
	margin-top:2rem; 
}
.signup-wrap .signup_form .btnwrap .btns-container button {
  font-size: 1.25rem;}
 .dat {
    font-size: .9rem;
    line-height: 1.3;
    margin-top: 2rem;
  }
.art_cnt_wrp {
  margin: 2rem auto 0;
}
.art_cnt_wrp h2 {
	font-size: 1.6rem;
	}
	.eder li {
  display: inline-block;
  vertical-align: top;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.1;
  margin-right: 1rem;
		padding-top: .5rem;
}
.art_cnt {
  display: block;
  overflow: hidden;
  width: 90%;
  margin: 2rem auto .5rem;
}
.article_hero_banner {
  padding: 1.5rem;
}
 .article_hero_banner img {
    width: 100%;
  }
.top-news {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 0.5rem;
    padding: 1rem 0 1rem;
  }
.top-news-text h4::before {
  display: none;
  height: 2px;
  background: #a17b47;
  content: "";
  width: 60px;
  margin-bottom: .75rem;
}
.top_news_img {
  display: block;
  float: none;
  position: relative;
  width: 100%;
  margin-right: 0;
	margin-bottom: 1rem;
}
.top-news-text {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%;
}
 .artcile-list li {
    display: block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    margin: 1rem 0 1.5rem;
  }
.news_list_img {
  display: block;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: 0;
  width: 40%;
  float: left;
	margin-right: .75rem;
}
.news_list_img a:hover img ,.top_news_img a:hover img{
  transform: scale(1.00);
  opacity: 1.0;
}
 .artcile-list li h6 {
    font-size: 1.1rem;
    margin-top: 0;
    float: left;
    width: calc(59.999% - .75rem);
    line-height: 1.3;
  }
	
.for-news-page-bottom{padding: 0 0 .5rem;}
.select-start{
	font-size: 1.125rem;
}
.select-start b{
	font-size: 1.5rem;
	padding-right: .2rem;
}
 .art_cnt h3 {
    font-size: 1.25rem;
  }
.art_cnt p {
  font-size: 1.125rem;
  padding-bottom: 2.25rem;
  text-align: justify;
  letter-spacing: .11rem;
  hyphens: auto;
  overflow-wrap: break-word;
}
.eder li p {
  display: block;
  font-size: .95rem;
  font-weight: 600;
	padding-right: 0;
}
.eder li h5 {
	display: block;
  border-left: none;
  padding-left: 0;
  font-size: 1.1rem;
	line-height: 1.6;
}
.art_cnt h4 {
	font-size: 1.5rem;}
.art_pic small, .art_pic figcaption {
  font-size: .9rem;
  font-weight: 400;
}	
.art_pic {
  display: block;
  max-width: 90%;
  padding: 1.75rem 0;
  margin: 0 auto;
}
.ytb {
  display: block;
	width: 100%;}
.ytb_h {
  height: 45.6vw;
}	
.about-btm-cta p {
  display: block;
  width: 90%;
  margin: .5rem auto 1rem;
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
  color: #333;
  font-weight: 700;
}
}
@media screen and (max-width:430px) {
.steps-top p {
  display: block;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 700;
  padding-top: 2rem;
}
.exploreII a{
  font-size: 2rem;
  line-height: 2;
	}	
a.for_upload {
  padding: 0 3rem;
}
.awards-rule li {
    display: block;
    overflow: hidden;
    float: none;
    width: calc(99.999% - 2.51rem);
    margin: .75rem 1.25rem;
  }
.item-title h5 {
    display: block;
    float: left;
    width: calc(99.999% - 3.01rem);
    line-height: 2;
    font-size: 1.15rem;
    text-align: justify;
  }
 .item_list i {
    display: block;
    float: left;
    width: 24px;
    font-size: 1.1rem;
  }
 .item_list p {
    display: block;
    float: left;
    width: calc(99.999% - 25px);
    font-size: 1.1rem;
  }
.awd_note li {
    font-size: 1.1rem;
  }
 .page_main h2 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width:415px) {
}

@media screen and (max-width:400px) {
 .words h4 b {
    font-weight: 700;
    font-size: 1rem;
    color: #956823;
  }
 .sel-date01, .sel-date02 {
    width: 54px;
  }
.select , .selectII{
    width: calc(49.999% + 27px);
	 height: 58px;
  }
  .words {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0 .25rem;
    letter-spacing: 1px;
  }
 .signup-wrap .signup_form .btnwrap .btns-container button {
    font-size: 1.125rem;
  }
 .art_cnt_wrp h2 {
    font-size: 1.35rem;
  }
.art_cnt p {
  display: block;
	font-size: 1.125rem;
	}
.page_kv_w {
  margin-top: 15vw;
	}
 }
@media screen and (max-width:375px) {
	 .sel-date01, .sel-date02 {
    width: 44px;
  }
  .select, .selectII {
    width: calc(50% + 22px);
    height: 48px;
  }	
 .words {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 .2rem;
    letter-spacing: 0.02rem;
  }
 .words h4 {
    font-weight: 600;
    font-size: .83rem;
    color: #333;
    line-height: 1.2;
  }
 .words h4 b {
    font-weight: 700;
    font-size: .88rem;
    color: #956823;
  }
 .words h4 small {
    display: block;
    font-weight: 600;
    font-size: .7rem;
  }
 .for_min_select {
    width: 98vw;
    left: 50%;
    margin-left: -49vw;
  }
 .select-end {
    display: block;
	 font-size: .85rem;}
.select-start{
	font-size: 1rem;
}
.select-start b{
	font-size: 1.25rem;
	padding-right: .15rem;
}
}
@media screen and (max-width:330px) {
	.exploreII a {
    font-size: 1.6rem;
    line-height: 2;
  }
}