body, .lead{
	color: #2f2f2f;
	font-family: 'Noto Sans TC', sans-serif;
}

body {
	background-color: #ece6e6;
}

.gf-exhibitor > .row > .row > * {
    padding: 0px;
}

.gf-exhibitor > .row > * {
    padding: 0px;
	margin: 0px;
}

.gf-exhibitor > div {
    padding-bottom: 15px;
}

.text-right {
  text-align: right;
}

.sm-icon {
	width: 44px;
}

.nav-header-bold {
	color: #474747;
	font-size: 1.5rem;
	position: relative;
	top: 3px;
}

.nav-ul-il-item {
	color: #474747;
	padding: 6px;
	font-size: 1.25rem;
	position: relative;
	top: 4px;
}

.img-100{
	width: 100%;
}

.main-header{
	color: #2f2f2f;
}

.p-info{
	color: #2f2f2f;
}

.floor-button-sharp{
	margin-bottom: 16px;
	border-radius: 12px;
	padding: 10px;
	border: 0px;
	color: #65383d;
	background-color: #ba858d;
}

.button-sharp{
	margin-bottom: 16px;
	border-radius: 12px;
	padding: 10px;
	border: 0px;
	background-color: #d2baad;
}

.button-text{
	color: #2f2f2f;
	text-transform: none;
	margin: 0px;
	font-size: 18px;
}

.text-white{
	color: #FFFFFF;
}

.text-black{
	color: #333333;
}

.img-50{
	width:50%
}

.date-text-red{
	color: #E93E3E;
	font-size: 1.75rem;
	font-weight: normal;
}

.date-text{
	color: #FFFFFF;
	font-size: 1.75rem;
	font-weight: normal;
}

.date-circle-red{
	width: 60px;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	font-size: 1.75rem;
	border-width: 3px;
	border-style: solid;
	color: #474747;
	border-color: #E93E3E;
	border-radius: 300px;
	margin-right:8px;
}

.date-circle{
	width: 60px;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	font-size: 1.75rem;
	border-width: 3px;
	border-style: solid;
	color: #474747;
	border-color: #FFFFFF;
	border-radius: 300px;
	margin-right:8px;
}

.date-circle-2{
	width: 60px;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	font-size: 1.75rem;
	border-width: 3px;
	border-style: solid;
	color: #474747;
	border-color: #E93E3E;
	border-radius: 300px;
	margin-right:8px;
}

.detail-block{
	margin: 24px 0px;
	padding: 12px;
	background-color: #ece6e6;
	color: #2f2f2f;
}

.detail-block > div > p{
	margin-left: 20px;
	margin-top: 6px;
	color: #2f2f2f;
	font-size: 16px;
}

.button-apply-block{
	margin-top: 20px;
}

.button-apply{
	margin-bottom: 16px;
	border-radius: 40px;
	padding: 8px 20px;
	border: 0px;
	background-color: #E93E3E;
	color: #FFF !important;
}

.button-apply-staff{
	margin-bottom: 8px;
	border-radius: 4px;
	padding: 8px;
	border: 4px;
	background-color: #FFF;
	color: rgb(210, 77, 87);
}

.button-apply-exhibitor{
	margin-bottom: 16px;
	border-radius: 40px;
	padding: 8px 20px;
	border: 0px;
	background-color: #786662;
	color: #ffffff;
}

.round-button-apply-yellow{
	margin-bottom: 16px;
	border-radius: 40px;
	padding: 8px 20px;
	border: 0px;
	background-color: #E6C441;
	color: #FFF !important;
}

.rectangle-button-apply-green{
	margin-bottom: 16px;
	border-radius: 4px;
	padding: 8px 20px;
	border: 0px;
	background-color: #E6C441;
	color: #FFF !important;
}

.rectangle-button-tab{
	box-shadow: 0px 3px 10px #999;
	border-radius: 4px 4px 0px 0px;
	padding: 8px 20px;
	border: 0px;
	background-color: #B1B5B8;
	color: #6E6E6E;
}

.button-selected{
	background-color: #E4E9EE !important;
}

.floor-button-selected{
	background-color: #FE5F7B !important;
	color: #FFFFFF !important;
}

.img-icon-1{
	width: 0%;
}

.block-blue{
	padding: 1.5rem;
	background-color: #F4F4F4;
}

.block-blue-text{
	color: #3471AE;
	font-weight:bold;
}

.block-applyExhibitorModal{
	padding: 1.5rem;
	background-color: #F4F4F4;
}

.block-blue-text{
	color: #3471AE;
	font-weight:bold;
}

.block-commercial{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #E4E9EE;
	color: #2f2f2f;
}

.block-perform{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #BF708F;
	color: #2f2f2f;
}

.block-perform-list{
	padding-top: 1.5rem;
	background-color: #BF708F;
	color: #2f2f2f;
}

.block-exhibitor{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #33C7FF;
	color: #ffffff;
}

.block-street{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #E4E9EE;
	color: #333333 !important;
}

.date-circle-yellow{
	width: 60px;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	font-size: 1.75rem;
	border-width: 3px;
	border-style: solid;
	color: #474747;
	border-color: #DEB528;
	border-radius: 300px;
	margin-right:8px;
}

.block-footer{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #CEE6FF;
}

.dark-color{
	color: #474747;
}

.control-label{
	font-size: 1.25rem;
	font-weight: bold;
}

.label-exp{
	color: #F1A42C;
	font-size: 1rem;
}

.help-block, .form-control-feedback{
	display: none;
}

.banner{
	padding: 0px !important;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; 
}

h4 {
	font-weight: bold;
}

.neighbor2{
	margin-top: 7px;
	margin-bottom: 7px;
}

.neighbor3{
	margin-top: 7px;
	margin-bottom: 7px;
}

.neighbor1{
	margin-bottom: 7px;
}

.addNeighbor{
	margin-top: 7px;
	margin-bottom: 7px;
}

.minusNeighbor{
	margin-top: 7px;
	margin-bottom: 7px;
}

.padding-left-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.small-font{
	font-size: 1.1rem !important;
}

.btn-secondary {
    color: #495057;
    background-color: #E9ECEF;
    border-color: #E9ECEF;
	padding-left: 10px;
	padding-right: 10px;
}

.mid-font{
	font-size: 1.6rem !important;
}

.smid-font{
	font-size: 1.25rem !important;
	vertical-align: middle;
	margin: 0px;
}

.sid-font{
	font-size: 1.1rem !important;
	vertical-align: middle;
	margin: 0px;
}

.smid-font-m0{
	font-size: 1.25rem !important;
	vertical-align: middle;
	margin: 0px;
}

.exhibitor-circle{
	padding:0;
	margin: 0;
	position:relative;
	background-color: #ed7d74;
}

.perform-stage{
	padding:0;
	margin: 0;
	position:relative;
	background-color: #E4E9EE;
}

.perform-detail-block{
	background: #ecb9ae;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 12px;
	padding: 12px;
	border-radius: 12px;
}


.perform-detail-block-name{
	color: #666;
	margin-bottom: 6px;
	text-transform: none;
	font-size: 1.25rem !important;
}


.perform-detail-block-time{
	color: #666;
	margin-bottom: 12px;
	font-size: 1rem !important;
}


.perform-detail-block-pic{
	margin-bottom: 12px;
}

.perform-detail-block-description{
	margin-bottom:12px;
	line-height:14px;
}

.3fstarhallmap{
	padding: 1.5rem !important;
	background-color: #E4E9EE !important;
}

.3fmap{
	padding: 1.5rem !important;
	background-color: #E4E9EE !important;
}

.6fmap{
	padding: 1.5rem !important;
	background-color: #E4E9EE !important;
}

.map{
	padding: 0px;
	padding-top: 20px;
}

.map-img{
	width: 100%;
}

.map-button{
	margin:4px 4px 6px 4px;
	border-radius: 4px;
	padding: 10px;
	border: 0px;
	color: #FFF;
	text-transform: none;
	font-size: 18px;
}

.exhibitor-font > div > div > h3{
	font-size: 24px;
}
.pink{
	background-color: #FE83C4 !important;
}

.pink-text{
	color: #FE83C4 !important;
}

.red{
	background-color: #D63D3D !important;
}

.red-text{
	color: #D63D3D !important;
}

.orange{
	background-color: #F3962E !important;
}

.orange-text{
	color: #F3962E !important;
}

.yellow{
	background-color: #E6C441 !important;
}

.yellow-text{
	color: #E6C441 !important;
}

.green{
	background-color: #71A02C !important;
}

.green-text{
	color: #71A02C !important;
}

.blue{
	background-color: #3DC0CE !important;
}

.blue-text{
	color: #3DC0CE !important;
}

.indigo{
	background-color: #3D49CE !important;
}

.indigo-text{
	color: #3D49CE !important;
}

.violet{
	background-color: #8521C8 !important;
}

.violet-text{
	color: #8521C8 !important;
}

.white{
	background-color: #AAA8AB !important;

}
.white-text{
	color: #AAA8AB !important;
}

.all{
	background-color: #7BA9D0 !important;
}

.0padding{
	padding: 0px !important;
}

.circle{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    font-size: 1.25rem;
	align-self: flex-end;
}

.circle-wrapper{
    padding-bottom: 100%;
    position: relative;
    background-size: cover;
}

.title-wrapper{
    padding-bottom: 18.25%;
    position: relative;
    background-size: cover;
}

div.circle > header > h2 {
    font-size: .75em;
    color: white;
    text-shadow: 1px 1px 2px #222;
    margin: .1em;
}

.street-name{
	line-height:1.0;
	margin:6px;
}

.commercialTitle{
	font-size: 50px;
	font-weight: 400;
	line-height: 1.2;
}

hr{
	margin: 12px;
	border-top-color: #aaa;
}

.commercial-block{
	margin-left: 8px;
	text-align: left;
}

.commercial-block > h4{
	font-size: 18px;
}

.stage-block-name{
	margin: 4px 0px 4px;
	font-size: 1.5rem;
}

.commercial-block-name{
	margin: 4px 0px 4px;
	font-size: 24px;
}

.commercial-block-desc{
	margin-bottom: 6px;
	font-size: 16px;
}

.commercial-block-fb{
	margin-bottom: 16px;
	border-radius: 4px;
	padding: 8px;
	border: 0px;
	background-color: #3b5998;
}

.commercial-block-fb-ig{
	color: #FFF;
	text-transform: none;
	margin: 0px;
	font-size: 14px;
}

.commercial-block-ig{
	margin-bottom: 16px;
	border-radius: 4px;
	padding: 8px;
	border: 0px;
	background-color: #8a3ab9;
}

.block-arrangement{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #f8f9fa;
}
/*
ul.standardtix li::before{
	content: "•";
    color: #7BA9D0;
    font-weight: bold;
    display: inline-block;
    width: 2em;
	margin-left: -1.5em
}
*/
.ticket-div{
	padding: 15px 15px 6px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	background-color: #fff;
}

.standard-ticket{
	color: #7BA9D0;
}

.vip-ticket{
	color: #F1A42C;
}

.standard-ticket-price{
	color: #FFF; 
	text-shadow: -1px 0 #7BA9D0, 0 1px #7BA9D0, 1px 0 #7BA9D0, 0 -1px #7BA9D0, -1px -1px #7BA9D0, -1px 1px #7BA9D0, 1px -1px #7BA9D0, 1px 1px #7BA9D0;
}

.vip-ticket-price{
	color: #FFF;
	text-shadow: -1px 0 #F1A42C, 0 1px #F1A42C, 1px 0 #F1A42C, 0 -1px #F1A42C, -1px -1px #F1A42C, -1px 1px #F1A42C, 1px -1px #F1A42C, 1px 1px #F1A42C;
}

.ticket-desc{
	color: #444;
}

.timetable-div{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.time{
	margin-left: 20px;
	text-align: right;
}

.time-text{
	margin-top: 0px;
	font-size: 24px;
}

.desc{
	margin-left: 8px;
	text-align: left;
}

.desc-text{
	line-height: 1em;
	margin-bottom: 6px;
	font-size: 16px;
}

.transportation-div{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #E4E9EE;
}

.map-div{
	padding: 0px;
	height: 360px;
	margin: 0px;
}

iframe{
	width: 100%;
	height: 100%;
	border: 0px;
	padding: 0px;
}

.lead{
	font-size: 16px;
}

.text-mid{
	font-size: 20px !important;
}

.map-head > h2{
	font-size: 30px;
}

.map-head > h4{
	font-size: 18px;
}

.block-street > div > h2{
	font-size: 30px;
}

.subTitle{
	font-size: 30px;
}

.timetable-div > div > h2{
	font-size: 30px;
}

.transportation-div > div > h2{
	font-size: 30px;
}

.faq-item{
	color:#333;
	text-align: center;
}

.faq-item > h3{
	color: #444;
	font-size: 24px;
	font-weight: bold;
}

.faq-item > p{
	font-size: 16px !important;
}

ul > li > b{
	font-weight: bold;
}

.block-street > div > p > b{
	font-weight: bold;
}

.block-goods{
	padding-bottom: 1.5rem!important;
	background-color: rgb(210, 77, 87)!important;
	color: #fff!important;
}

.block-chinaVirus{
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important;
	background-color: #75cdff!important;
	color: #fff!important;
}

.applyStaff{
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important;
	background-color: rgb(210, 77, 87)!important;
	color: #fff;
}

.20paddingbottom{
	padding-bottom: 20px;
}

.40paddingbottom{
	padding-bottom: 40px;
}

.400fontweight{
	font-weight: 400;
}

.check-left {
	margin-left: 2rem;
}
@media only screen and (max-width: 450px) {
  .date-text {
	font-size: 1.25rem;
  }
  
  .date-circle {
	font-size: 1.25rem;
  }
  .mid-font {
	font-size: 1.25rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .stage-block-name {
    font-size: 1.1rem;
  }
  
  .perform-detail-block-description{
	display: none;
  }
}