.event_container{width: 100%; background-image: url(/images/event/2021/witness/bg.gif);overflow: hidden;box-sizing: border-box;font-size: 20px;overflow: hidden;position: relative;}

.witness_container{height:34px;overflow:hidden;position: relative;margin-top:30px;}
.marquee{display: flex; width:100%; justify-content: center;line-height: 20px;/*position:absolute;top: 30px;*/}
.marquee i{font-size:26px;padding-top:4px;margin-right: 5px;}
.marquee p{font-size: 16px; border: 1px solid #000;padding: 5px; box-sizing: border-box;border-left: 0; border-right: 0;font-weight: 500;background-color: #000;color: #fff;}

.visual{display:block; max-width:1050px;margin: 0 auto;position: relative;top:-45px;}
.visual img{width: 100%;}
.event_container nav{display: block; text-align: center; position: relative;top:80px;z-index: 10;}
.event_container nav li{display: inline-block;}
.event_container nav li a{display:block; padding:3px 25px; background-color:#fff;border-radius: 30px;font-weight: 500;border:2px solid #000;margin: 0 15px;}
.event_container nav li:hover a{background-color: #000;color:#fff;}
.event_container section{max-width: 1000px;  margin: 0 auto; padding:20px 20px;text-align: center;position: relative; top:-60px;}
.event_container section h2 {display: block; width: 205px; height: 65px; background-image: url(/images/event/2021/witness/title_bg.png);margin: 0 auto;font-size: 1.2em;line-height: 52px;font-weight: 600;background-position: -5px 0;margin-top: 60px;}

.event_container section h3{font-size: 1.2em;font-weight: 600;margin-top:50px;}
.price{display:inline-block; margin: 0 20px;margin-top:30px; width: 20%;vertical-align: text-top; }
.price i{display: block;}
.price span{display: block;}

.upload{display: block; max-width: 400px; margin: 0 auto;font-size: 22px;margin-top: 50px;}
.from_row {line-height:40px;display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 30px;position: relative;justify-content: center;}
.from_row label { width: 100px; text-align: left;line-height: 1.6em;font-weight: 500;}

.row_file label { margin-top: 25px; text-align: right; }

.from_row input,.from_row select{ display: block;width:300px; height: 40px;padding: 5px 10px;box-sizing: border-box;border-radius:5px; border:2px solid #000; font-size:16px;}
.from_row.designer_company label , .from_row.experience  label{width:95%;text-align:center;}
.from_row.designer_company input{width:100%;}
.divider{display: block; width: 60%; border:dotted 3px #be943e;margin: 0 auto;margin-top:50px;margin-bottom: 50px;}
.file{ display: block;  width: 180px; height: 45px; border-radius: 5px;margin: 0 1em; margin-top: 20px;background-color: #000; color:#fff; color: #be943e;font-weight:500;line-height: 45px;}
.file:hover{color: #fff;}
.fa-star{font-size: 1.5em;margin:20px;}
.fa-star.red{color: #c3081d;}
.experience textarea{ width: 100%;height:120px; border-radius:5px; border:2px solid #000;margin-top: 20px;}

.note{display: block; background-color: #000;color: #fff;padding: 30px 0;}
.note section{text-align: left; top: 0; }
.note section ul li{font-size: 16px;list-style-type: decimal;margin-left: 25px;margin-top: 15px;}
.note section input {display: inline-block;width: 20px; height: 20px;}
.note section h3{margin-top: 0;}
.send{display: block; text-align:center; width: 250px; height: 50px;color: #000;border:2px solid #000; border-radius: 30px;margin: 0 auto;line-height: 50px;font-size: 1.5em;font-weight: 600;margin-top: 25px; margin-bottom: 80px;background-color: #fff; }
.send:hover{background-color: #000; color: #fff;}


/*---漢堡選單----*/

.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index:100;  top: 0;  right: 0;  background-color: #111;  overflow-x: hidden;  transition: 0.5s;  padding-top:30px;}

.sidenav a {  padding: 0px 0px 0px 30px;  text-decoration: none;  font-size: 20px;  color: #818181;  display: block;  transition: 0.3s;}

.sidenav a small{ font-size:14px; color:#f4744b;}

.sidenav a:hover {  color: #deb154;}

.sidenav .closebtn {  position: absolute; top:30px;  right: 25px;  font-size: 36px;  margin-left: 50px;    z-index: 10;    font-size: 20px;}


#hambger {  display:block;  transition: margin-right .5s;    box-sizing: border-box;   width: 120px;   height: 120px;    border-radius: 50%; background-color: #000; color: #fff; position: absolute; right: -20px;  top:-20px;    z-index: 5;   line-height: 120px;text-align: center;}

.mobile_bottom_fix{display: block; width: 100%; background-color: #000;height: 50px;text-align:center; }
.mobile_bottom_fix a{color: #fff;display: inline-block; padding:15px;text-decoration: none; }

.errorMsg {
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
    color: red;
}

.ui-autocomplete {
    overflow-y: scroll;
    height: 200px;
    overflow-x: hidden;
}

.row_agree input#agree {
    display: inline-block;
    width: 50px;
}
.row_agree label {
    width: 320px;
}

@media (min-width:320px) and (max-width:1024px) {
    .IsWeb .container.content{padding-top: 0;}    
.event_container nav{display: none;}
#hambger {  top:20px;}
.visual{top:50px;}
.event_container section{top: 0;}
}

@media (min-width:320px) and (max-width:780px) {
.price{ width: 25%; }
}

@media (min-width:320px) and (max-width:640px) {
#hambger {width: 100px;height: 100px; top:30px;line-height: 100px;text-align:center;padding-right: 5px; }
.divider{width: 90%;}
.price{ width: 40%; }
}

@media (min-width:320px) and (max-width:480px) {
.from_row input{width: 100%;}
.from_row label{text-align: center;}
.fa-star{margin: 20px 15px;}
.divider{width: 100%;}    
.price{ width: 90%; }    
}

@media (min-width:320px) and (max-width:414px) {
.witness_container{ margin-top: 0; background-color: #000; }
.marquee i{ color:#fff;}
.from_row input,.from_row select{width: 100%;}
.from_row label{text-align: center;}
.fa-star{margin: 20px 13px;}
.divider{width: 100%;}    
.price{ width: 90%; }    
}

@media (min-width:320px) and (max-width:320px) {
.fa-star{margin: 20px 10px;}   
    
}
    
    
}