/*slider*/
.flex-pauseplay a{
  right: 10px;
  left: auto;
  bottom: 30px;
  color: #cccccc;
  z-index: 5000;
  height: 30px;
}

.mainSlider{
    background-color: #fff;
}

/*@media screen and (min-width: 993px){*/
  .slider-height> .row {
      height: 100% ;
}
/*}*/

.left-side2{
  padding-left: 45px;
}

.slide-right-img {
	width: auto !important;
	min-height: auto !important;
}

.slider-style {
	background-size: contain; 
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
}

.slider-style-100-height .row{
	position:relative;
}

.slider-style-100-height .img-right{
	position:absolute;
	right:0;
}

.slider-style-100-height .img-bottom{
	bottom:0;
}

.img-100-height-wrapper img{
	height:100% !important;
}

@media (min-width: 993px){
.position-abs-lg{
	position: absolute;
}
}

@media (min-width: 993px){
.right-0-lg{
	right: 0;
}
}
@media (min-width: 993px){
.right-15-lg{
	right: 15px;
}
}
@media (min-width: 993px){
.right-20-lg{
	right: 20px;
}
}

@media screen and (min-width: 768px){
.flexslider .container{
	display: flex !important;
    min-height: 450px;
	height:450px !important;/*ie11*/
}
}

/*@media screen and (min-width: 993px){*/
.slider-height {
    min-height:500px;
	height:500px;/*ie11*/
	position: relative;
}

@media screen and (max-width: 767px){
  .slider-height{
    height: auto;
  }
}

@media screen and (max-width: 767px){
  .slider-style{
    background-image: none;
  }
}
/*}*/


/*@media screen and (max-width: 992px){
.flexslider .btn-01{
	margin:0 auto;
}
}*/

.contentp{
  margin-bottom: 50px;
}


@media (max-width: 767px){
  .contentp{
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px){
.flexslider .slide_cover img{
		display:none !important;
	}
}

@media screen and (min-width: 993px){
.home-page-slider-section2 p{
		width:70%;
	}
}

@media screen and (max-width: 767px){
.flexslider .container{
	padding-bottom: 60px !important;
  padding-left: 0px;
  padding-right: 0px;
}
}
/*slider end*/
.footerside1{
  color:#342f59;
  max-width: 240px;
}
.footerside2{
	max-width: 240px;
}
.footer-row{
  display: flex;
  padding-bottom: 20px;
}

.footer-icon{
  width:30px;
  min-width: 30px;
  height:30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.address{
  background-image: url('../images/address.svg');
}

.tel{
  background-image: url('../images/tel.svg');
}

.fax{
  background-image: url('../images/fax.svg');
}

.mail{
  background-image: url('../images/mail.svg');
}

.gps{
  background-image: url('../images/gps.svg');
}

.footerside2 span{
  padding-left: 7px;
}

.lefta{
  position: relative;
}

@media(min-width:993px){
  .lefta:after{
    content: '';
    width:1px;
    background-color: #ddd;
    height: 100%;
    top:0;
    right:0;
    position: absolute;
  }
}

.main {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f2f2f2;
}

.main-page-photo-wrapper .img-wrapper {
	padding-left: 8px;
	padding-right: 8px;
}

@media (min-width: 993px){
  .main-page-photo-wrapper .lefta {
      -ms-flex: 0 0 80%;
       flex: 0 0 80%;
       max-width: 80%;
  }
body.exposition_2023 .main-page-photo-wrapper .lefta {
      -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%;
  }
}


.righta {
  width: 100%;
}

@media (min-width: 993px){
  .main-page-photo-wrapper .righta {
      -ms-flex: 0 0 20%;
       flex: 0 0 20%;
       max-width: 20%;
       width: auto;
  }
body.exposition_2023 .main-page-photo-wrapper .righta {
      -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%;
  }
}


  .main-page-photo-wrapper .lefta > .row{
    margin-left:-8px;
  }



  .main-page-photo-wrapper .righta > .row{
    margin-left:8px;
  }


.main-page-photo-wrapper .img-wrapper .wrapper {
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
}

.main-page-photo-wrapper .img-wrapper a:hover {
	text-decoration: none;
}

.img-title {
	text-align: center;
	color: #606060;
	font-weight: 600;
	/*padding-top: 20px;*/
	padding-bottom: 20px;
}

@media screen and (max-width: 992px){
  .main-page-photo-wrapper .img-wrapper {
      padding-bottom: 10px;
  }
}

.clientelement{
  padding-right: 20px;
}

.search-slider{
  background-image: url(../images/slider/search_slider.jpg);
  background-repeat: no-repeat;
 /* background-size: cover;*/
  background-position: bottom;
}

#advancedsearchForm{
    margin: 0 auto;
}

@media (min-width: 993px){
  #advancedsearchForm{
      width:630px;
  }
}

#advancedsearchForm .search-input-wrapper{
  display: flex;
  align-items: center;
  position: relative;
  border:1px solid #bbb;
}

.search-input-wrapper{

}

#advancedsearchForm .searchicon{
  padding-left: 30px;
  padding-right: 15px;
  padding-top:30px;
  padding-bottom: 30px;
}

.searchicon{
  font-size: 0px;
}

#advancedsearchForm input{
  border:none;
  padding-top:30px;
  padding-bottom: 30px;
  background: none;
  padding-left: 46px;
  padding-right: 30px;
  width:100%;
}

#advancedsearchForm .searchpeople{
  position: absolute;
  top: -65px;
  right: 30px;
}

@media (max-width: 575px){
  #advancedsearchForm .searchpeople{
    display: none;
  }
}

#advancedsearchForm .calendar-input-wrapper, #advancedsearchForm .dropdown{
  background: #fff;
  border:1px solid #bbb;
}

#advancedsearchForm .calendar-input-wrapper{
  padding-left: 30px;
  padding-right:30px;
}

#advancedsearchForm .dropdown>a{
  padding-top: 30px;
  padding-bottom:30px;
  padding-left: 30px;
  padding-right:30px;
}

#advancedsearchForm .left{
  position: relative;
  padding-left: 0px;
}

@media (min-width: 768px){
  #advancedsearchForm .left:after{
    content:'';
    width:1px;
    height: calc(100% - 50px);
    background-color: #bbb;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
  }
}

#advancedsearchForm .right{
  padding-right: 0px;
}

#advancedsearchForm .row-wrapper{
  margin-right: -7px;
  margin-left: -7px;
  width: auto;
}

#advancedsearchForm .dropdown-wrap{
  padding-left: 7px;
  padding-right: 7px;
}

#advancedsearchForm .calendar-input{
  position: relative;
  display: block;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 40px;
}

#advancedsearchForm .calendar-input:before{
  content:'';
  width:25px;
  height: 25px;
  background-image: url('../images/icon_calendar.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}

.dropdown-btn, .date, .dropdown-menu a{
  color:#3b454e;
}

.dropdown-menu a:hover{
  color:#26339e;
}


.dropdown-btn{
  display: block;
}

.dropdown-btn:hover, .dropdown.show .dropdown-btn{
  background: #efefef;
}

#advancedsearchForm .weekday{
  color:#999999;
}

.dropdown-toggle::after{
  content:'';
  width: 12px;
  height: 10px;
  background-image: url('../images/arrow_down.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top:50%;
  transform: translateY(-53%);
  border:0px;
  display: block;
  margin-left: 0px;
}

#advancedsearchForm .dropdown-toggle::after{
  right: 15px;
}

#advancedsearchForm a:hover{
  text-decoration: none;
}

#advancedsearchForm .search-input-wrapper, #advancedsearchForm .calendar-input-wrapper, #advancedsearchForm .dropdown, #advancedsearchForm .dropdown-menu, .dropdown-menu {
  -webkit-box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  -moz-box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  margin-bottom: 15px;
}

#advancedsearchForm .searchbutton{
  background-color: #136af6;
  color:#fff;
  border-radius: 5px;
  display: block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

#advancedsearchForm .searchbutton:hover{
  color:#fff;
}

#advancedsearchForm .dropdown-menu, .dropdown-menu{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border:0px;
    min-width: 200px;
	width:100%;
    transform: translate(0) !important;
    top:auto !important;
    margin-top: 0px;
}

#advancedsearchForm .dropdown-menu:before, .dropdown-menu:before {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ffffff;
  top: -10px;
  left: 15%;
}

#advancedsearchForm .dropdown-menu li, .dropdown-menu li{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #bbb;
}

#advancedsearchForm .dropdown-menu li:last-child, .dropdown-menu li:last-child{
  border-bottom: 0px;
}

#advancedsearchForm .dropdown-menu li>a, .dropdown-menu li>a{
  width: 100%;
  position: relative;
  display: block;
}

#advancedsearchForm .dropdown-menu li>a:after{
  content:'';
  position: absolute;
  background-image: url('../images/arrow_right3.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width:10px;
  height: 20px;
  right:0;
}


.page-btn{
  border: 1px solid #bbb;
  padding-right: 23px;
  position: relative;
}

.page-btn>a{
  color: #5b5b5b;
  padding-left: 15px;
  padding-right: 15px;
}

.page-btn>a:after{
  right: 5px;
}

.next-btn, .previous-btn{
  background-color: #616363;
  position: relative;
  font-size: 0px;
  width:26px;
  height: 26px;
  display: block;
}

.previous-btn:before, .next-btn:before{
  content:'';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.previous-btn:before{
  background-image: url('../images/arrow_left_white.png');
}

.next-btn:before{
  background-image: url('../images/arrow_right_white.png');
}
.accordion .accordionlink{
  display: block;
  padding:15px;
  position: relative;
}

.accordion .accordionlink:after{
  content:'';
  position: absolute;
  background-image: url('../images/arrow_right3.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width:10px;
  height: 20px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.accordion .active .accordionlink:after{
    background-image: url('../images/arrow_right3_active.png');
    width:20px;
    height: 10px;
}

.accordion-wrapper{
  border:1px solid #bbb;
  margin-bottom: 15px;
}

.accordion-wrapper input{
  border:none;
}

.accordion-wrapper .search-input-wrapper{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    //padding-right: 15px;
    position: relative;
    overflow-x: hidden;
}

.search-input-wrapper:before{
  content:'';
  position: absolute;
  background-image: url('../images/icon_search.png');
  width:15px;
  height: 15px;
  left:15px;
  top:50%;
  transform: translateY(-50%);

}

.accordion .accordion-content{
  padding-left: 15px;
  padding-right:15px;
  padding-bottom: 15px;
  overflow-y: scroll;
  max-height: 250px; /*700px;*/
}

.accordion h3{
  margin-bottom: 0px;
  font-weight: 400;
}

.accordion .control--checkbox{
  margin-bottom: 10px;
}

.control-group {
display: inline-block;
vertical-align: top;
background: #fff;
text-align: left;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
padding: 30px;
width: 200px;
height: 210px;
margin: 10px;
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0px;
cursor: pointer;
}
.control input {
  position: absolute;
  z-index: 4;
  opacity: 0;
  left: 0;
  top: 7px;
  width: 16px;
    height: 16px;
}
.control__indicator {
position: absolute;
top: 7px;
left: 0;
height: 16px;
width: 16px;
background: #fff;
border: 1px solid #ccc;
/*
.control:hover input:not([disabled]):checked ~ &,
.control input:checked:focus ~ &
border-color: #666
*/
}
.control--checkbox .control__indicator {
border-radius: 3px;
}
.control--radio .control__indicator {
border-radius: 50%;
}
.control:hover input:not([disabled]) ~ .control__indicator,
.control input:focus ~ .control__indicator {
border-color: #666;
}
.control input:checked ~ .control__indicator {
background: #fff;
}
.control input:disabled ~ .control__indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control__indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control__indicator:after {
display: block;
}
.control--checkbox .control__indicator:after {
left: 5px;
top: 0px;
width: 5px;
height: 12px;
border: solid #34bb92;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
left: 4px;
top: 4px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #34bb92;
}
.control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b;
}

.box-wrapper{
  display: flex;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width:100%;
}

@media (min-width: 768px){
  .grid-view .box-wrapper{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  body .grid-view div.box-wrapper{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 993px){
  .grid-view .box-wrapper{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  body .grid-view div.box-wrapper{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
  }
}

.mainContent .box{
  -webkit-box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
    -moz-box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
    box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
    padding-top: 25px;
    padding-left: 20px;
    padding-bottom: 25px;
    padding-right: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box .row{
  margin-left: 0px;
  margin-right: 0px;
}

.mainContent .box ul{
    margin-bottom: 0px;
}

.mainContent .box ul.content-wrap{
  flex: 1;
    padding-left: 25px;
}

@media (max-width: 575px){
  .mainContent .box ul.content-wrap{
    flex: auto;
      padding-left: 0px;
  }
  .img-wrap2{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
}

.mainContent .box li{
  margin-top: 0px;
  margin-left:0px;
  margin-right: 0px;
  position: relative;
  margin-bottom: 20px;
}

.mainContent .box h3{
  color:#5067e6;
  position: relative;
}

.mainContent .box h3:after{
 /* content:'';
  width: 24px;
  height: 24px;
  background-image: url('../images/icon_sector.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top:50%;
  transform: translateY(-53%);
  margin-left: 10px;*/
}

.box .content-list{
  padding-left: 35px;
}

.box .content-list:before{
  content:'';
  width: 25px;
  height: 25px;
  background-image: url('../images/icon_calendar.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top:50%;
  transform: translateY(-53%);
  left:0;
}


.box .content-list.beneficiary:before{
  background-image: url('../images/icon_user.png');
}

.box .content-list.daterange:before{
  background-image: url('../images/icon_calendar.png');
}

.box .content-list.school:before{
  background-image: url('../images/icon_school.png');
}

.box .btn-01 span{
  right:-7px;
  bottom: -7px;
}

.box .btn-container{
  display: flex;
  /* justify-content: flex-end; */
  justify-content: space-between;
  flex-wrap: wrap;
}
.box .btn-container .btn-01{
  margin-top: 10px;
  margin-left: auto;
}

.filter-btn, .reset-btn{
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  color:#fff;
}

.other-btn{
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 5px;
  display: block;
  margin-bottom: 20px;
}

.filter-btn:hover, .reset-btn:hover, .previous-btn:hover, .next-btn:hover, .other-btn:hover, #advancedsearchForm .searchbutton:hover{
  background-color: #c4c4c4;
  cursor: pointer;
  text-decoration: none;
}

.filter-btn{
  background-color: #136af6;
}

.reset-btn{
  background-color: #5b5b5b;
}

.justify-content-flex-end{
  justify-content: flex-end;
}

.navtool{
  margin-bottom: 15px;
}

.navtool-wrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.navtool .nav-element{
  margin-right: 10px;
}

.navtool .dropdown-menu{
  margin-top: 0px;
  min-width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  max-height:215px;
  overflow-y:auto;
}

.navtool .dropdown-menu li{
  margin:0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navtool .tool-container{
  justify-content: space-between;
  display: flex;
}

@media (max-width: 575px){
  .navtool .tool-container{
  flex-wrap: wrap;
}
}

@media (max-width: 575px){
  .navtool .tool-container .left{
  width:100%;
  margin-bottom: 10px;
}
}

.box2{
  padding:10px;
  border:1px solid #e7e7e7;
  width:100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  min-height: 280px;
}

.box2 .product-img-wrapper{
  /*background: #e7e7e7;*/
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
}

.box2 .product-img-wrapper.new:before{
  content:'';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #c64e5e transparent transparent;
  top:0;
  right:0;
}

.box2 .product-img-wrapper>img{
  display: block;
  margin: 0 auto;
}
.box2 .product-img-wrapper a>img{
  display: block;
  margin: 0 auto;
}

.box2 .price{
  margin-bottom: 0px;
  text-align: right;
}

.list-view .box2{
  display: block;
  min-height: auto;
}

.list-view .word-content{
  display: inline-block;
  padding-left: 15px;
}

.list-view .box2 .product-img-wrapper{
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.list-view .price{
  text-align: left;
}

.shadowbox{
  -webkit-box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  -moz-box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  padding: 25px;
  margin-bottom: 15px;
}

.download-link{
  position: relative;
}

.download-link:after{
  content: '';
  position: absolute;
  background-image: url('../images/icon_pdf_download.png');
  background-repeat: no-repeat;
  background-size: contain;
  width:15px;
  height: 15px;
  right: -17px;
  top: 5px;
}

.last-bracklet{
  padding-left: 18px;
}

.other-btn{
  background-color: #9ecf32;
  color:#000;
}

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

.c-list li{
  list-style-type: none;
  position: relative;
  margin: 0px;
  padding-left: 35px;
  padding-bottom: 20px;
}

/*
.c-list li ul li + li{
  padding-bottom: 0px;
}
*/

.c-list li ul li:last-child{
  padding-bottom: 0px;
}

.c-list li:before{
  content:'';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 7px;
}

.c-list li.arrow-box:before{
  background-image: url('../images/icon_arrow_box.png');
  width: 25px;
  height: 15px;
}

.c-list li.people-desk:before{
  background-image: url('../images/icon_people_desk.png');
  width: 25px;
  height: 25px;
}

.c2-list{
    padding-left: 0px !important;
}
.c2-list li{
  list-style-type: none;
  position: relative;
  margin: 0px;
  padding-bottom: 20px;
}
.c2-list li>label{
  position: relative;
  padding-left: 35px;
  margin-left:10px;
}
.c2-list li>label:before{
  content:'';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
}
.c2-list li.new>label:before{
  background-image: url('../images/icon_new_color.svg');
  width: 25px;
  height: 25px;
}
.c2-list li.featured>label:before{
  background-image: url('../images/icon_new_featured_color.png');
  width: 25px;
  height: 25px;
}

.blue-brd-left-box{
  position: relative;
  margin-bottom: 15px;
  border-radius: 3px;
  box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
  padding-top: 25px;
  padding-left: 40px;
  padding-bottom: 35px;
  padding-right: 20px;
}

.blue-brd-left-box:after{
  content: '';
  position: absolute;
  width:10px;
  height: 100%;
  background-color: #26339e;
  top:0;
  left: 0;
}

.blue-brd-left-box .arrow-blue{
  text-align: right;
  margin-right: 15px;
}

.arrow-blue{
  position: relative;
  display: block;
}

.arrow-blue:after{
  content: '';
  position: absolute;
  width:15px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/arrow_right4.png')
}

.blue-brd-left-box h2, .shadowbox h2{
  color:#000;
}

.shadowbox h2{
  font-size: 1.3em;
font-weight: 600;
margin-bottom: 20px;
}

.header-right-img{
  position: absolute;
  top: 10px;
  right: 0;
  width: 310px;
}

@media(max-width: 992px){
  .header-right-img{
    display: none;
  }
}

.breadcrumb-container{
  position: absolute !important;
  left: 15px;
  right: 0;
}

.headerMenu .sharebtn{
    display: none;
}

.product-title, .product-cat{
  position: relative;
  padding-left: 25px;
}

.grid-view .product-cat{
 /* margin-bottom: 20px;*/
 /*20200416_update*/
  margin:0;
  text-align:right;
}

.product-title:before, .product-cat:before{
    content: '';
    /* position: absolute; */
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    /* top: 3px; */
    width: 15px;
    height: 10px;
    background-size: contain;
    vertical-align: middle;
    display: inline-flex;
    padding-right: 25px;

}

.product-title:before{
  background-image: url('../images/shopping_bag.png');
}

.product-cat:before{
  background-image: url('../images/categories.png');
  /*20200416_update*/
  left:auto;
  right:2.4em;
}

.list-view-btn, .grid-view-btn{
  position: relative;
  display: block;
  width:16px;
  height:13px;
  font-size: 0px;
}

.list-view-btn:before, .grid-view-btn:before{
  content: '';
  position: absolute;
  width:16px;
  height:13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.list-view-btn:before{
  background-image: url('../images/icon_list.png');
}

.grid-view-btn:before{
  background-image: url('../images/icon_grid.png');
}


.product_title{
	
	 font-weight: bold;
}


/*20200416 update*/
.project_box,
.project_box:hover{
	color:#000;
}

.project_box .arrow-blue:after{
	right: -20px;
	top:7px;
}

/*promote-table*/
.theme_detail > .theme_content > .content > table.MsoNormalTable{
	width:100%;
}

.MsoNormalTable,
.MsoNormalTable tr,
.MsoNormalTable tr td{
	/* border: 1px solid #000;*/
}

.MsoNormalTable tr:nth-child(1) td {
	padding:7px ;
}

.MsoNormalTable tr:nth-child(1) td p{
	text-align:center;
	margin:0;
	
}

.qef_table tr.td p{
	margin:0;
}

.MsoNormalTable tr td{
	padding:0 7px;
}



@media (max-width:767px){

	
	body .theme_detail > .theme_content > .content > table.qef_table tbody,
	body .theme_detail > .theme_content > .content > table.tbl_design tbody,
	body .custom_container table.qef_table tbody{
		display: table-row-group;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tr,
	body .theme_detail > .theme_content > .content > table.tbl_design tr,
	body .custom_container table.qef_table tr{
		display:table-row;
	}
	
	body .custom_container table.qef_table td{
		text-align:left !important;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tr th,
	body .theme_detail > .theme_content > .content > table.tbl_design tr th,
	body .custom_container table.qef_table th{
		display:none !important;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tr td:before,
	body .theme_detail > .theme_content > .content > table.tbl_design tr td:before,
	body .custom_container table.qef_table tr td:before{
		content: attr(data-id);
		display:flex;
		margin-right:1em;
		font-weight:bold;
		display:table-row;
	}
	
	body .custom_container table.qef_table .qef_td5{
		display:none;
	}
	
	body .theme_detail{
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.theme_detail > .theme_content > .content > table:not(.MsoNormalTable),
	.theme_detail > .theme_content > .content > table:not(.MsoNormalTable) *{
		display: block;
	}
}

/*body .theme_detail > .theme_content > .content > table.qef_table{
	width:auto;
	}*/

body .theme_detail > .theme_content > .content > table.qef_table tr.td:not(:last-child),
body .theme_detail > .theme_content > .content > table.tbl_design tr.td:not(:last-child){
	margin-right:1em;
}

body .theme_detail > .theme_content > .content > table.qef_table_50{
		width:100%;
		display:table;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tbody{
		display: table-row-group;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr{
		display:table-row;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr th{
			display:none !important;
		}
		
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr.td td:nth-child(1){
		padding-top:1em;
	}
	
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr td:nth-child(1):before{
		padding-top:1em;
	}	
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr td:before{
		content: attr(data-id);
		margin-left: 0em;
		font-weight: bold;
		padding-right: 1em;
		position: absolute;
		top: 0px;
		left: 6px;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr.td td{
		display: block;
		margin-bottom: 20px;
		position: relative;
		padding-left: 192px;
	}

	body .theme_detail > .theme_content > .content > table.qef_table_50 tr.td:nth-child(even){
		/*background-color: #e7e7e7;*/
	}
	
	body .theme_detail .description{
		overflow:hidden;
	}

.description:has(table.qef_table_50) ~ .content > table.qef_table_50 tr td:nth-child(1):before,
.description:has(table.qef_table_50) ~ .content > table.qef_table_50 tr.td td:nth-child(1) {
    padding-top: 0;
}



@media (min-width:993px){
	.theme_detail .theme_content .content{
		overflow: hidden;
	}
	
	.theme_detail .theme_content .content .qef_table{
		/*overflow: hidden;
		width:100%;*/
	}
	
	body .custom_container table.qef_table td{
			text-align:left !important;
	}
	
	
}


@media (max-width:993px){
	body .theme_detail > .theme_content > .content > table.qef_table,
	body .theme_detail > .theme_content > .content > table.tbl_design{
		width:100%;
		display:table;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table,
	body .theme_detail > .theme_content > .content > table.tbl_design{
		
		display:table;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tbody,
	body .theme_detail > .theme_content > .content > table.tbl_design tbody{
		display: table-row-group;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tr,
	body .theme_detail > .theme_content > .content > table.tbl_design tr{
		display:table-row;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tr th,
	body .theme_detail > .theme_content > .content > table.tbl_design tr th{
			display:none !important;
		}
		
	body .theme_detail > .theme_content > .content > table.qef_table tr td:before,
	body .theme_detail > .theme_content > .content > table.tbl_design tr td:before{
		content: attr(data-id);
		margin-left: 0em;
		font-weight: bold;
		padding-right: 1em;
		position: absolute;
		top: 0px;
		left: 6px;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table tr.td td,
	body .theme_detail > .theme_content > .content > table.tbl_design tr .td td{
		display: block;
		margin-bottom: 20px;
		position: relative;
		padding-left: 12em;
	}
	
		
	

}

@media only screen and (min-width : 993px) and (max-width : 1075px)  {

	body .theme_detail > .theme_content > .en_promote_content > table.qef_table_100,
	body .custom_container > table.qef_table_100,
	{
		
		display:table;
	}
	
	body .theme_detail > .theme_content > .en_promote_content > table.qef_table_100 tbody,
	body .custom_container > table.qef_table_100 tbody{
		display: table-row-group;
	}
	
	body .theme_detail > .theme_content > .en_promote_content > table.qef_table_100 tr,
	body .custom_container > table.qef_table_100 tr{
		display:table-row;
	}
	
	body .theme_detail > .theme_content > .en_promote_content > table.qef_table_100 tr th,
	body .custom_container > table.qef_table_100 tr th{
			display:none !important;
		}
		
	body .theme_detail > .theme_content > .en_promote_content > table.qef_table_100 tr td:before,
	body .custom_container > table.qef_table_100 tr td:before{
		content: attr(data-id);
		margin-left: 0em;
		font-weight: bold;
		padding-right: 1em;
		position: absolute;
		top: 0px;
		left: 6px;
	}
	
	body .theme_detail > .theme_content > .en_promote_content > table.qef_table_100 tr.td td,
	body .custom_container > table.qef_table_100 tr.td td{
		display: block;
		margin-bottom: 20px;
		position: relative;
		padding-left: 192px;
	}
	
	
	
}

	
@media only screen and  (max-width:450px){
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr.td td{
		display: block !important;
		margin-bottom: 20px !important;
		position: relative !important;
		padding-left: 0px !important;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table_50 tr td:before {
		content: attr(data-id) !important;
		font-weight: bold !important;
		position: unset !important;
		left: 0 !important;
		top:0 !important;
	}
	
	
	body .theme_detail > .theme_content > .content > table.qef_table_100 tr.td td,
	body .custom_container >table.qef_table_100 tr.td td{
		display: block !important;
		margin-bottom: 20px !important;
		position: relative !important;
		padding-left: 0px !important;
	}
	
	body .theme_detail > .theme_content > .content > table.qef_table_100 tr td:before ,
	body .custom_container >table.qef_table_100 tr td:before{
		content: attr(data-id) !important;
		font-weight: bold !important;
		position: unset !important;
		left: 0 !important;
		top:0 !important;
	}
}

.shop_address{
	display:flex;
}


@media only screen and  (min-width:767px){
	.shop_address>div{
		margin-right:1em;
	}
}


@media only screen and  (max-width:767px){
	.shop_address{
		display:block;
	}
}

.previous-btn.btn_disable,
.next-btn.btn_disable
{
	background-color: #c4c4c4;
    cursor: not-allowed;
}

/*FAQ*/
.faq .panel.panel-default{
	border: 1px #ddd solid;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	padding: 18px;
	padding-bottom:0px;
}

body .faq .panel-default > .panel-heading,
body .faq .panel-default  .panel-body{
	height:auto !important;
	color: #333;
    background-color: #fff;
	/*padding: 10px 15px;*/
	/*padding-top: 20px;*/
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	padding-bottom: 18px;
}



body .faq .panel-default > .panel-collapse {
	border-top:1px #ddd solid;
	
}


.faq .panel-group .panel + .panel {
    margin-top: 5px;
}

.faq .panel-body .col-1{
	
}

.faq .panel-body{
	padding-top: 10px;
	padding-bottom:18px;
	display:inline-block;
	width:100% !important;
}

body .faq .panel-heading{
	display:inline-block;
	border:0;
	width:100% !important;
}

.faq .panel-heading span,
.faq .panel-body span{
	    float: left;
		padding: 0;
		
}



@media screen and (max-width: 767px){
	.faq  .col-1{
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	
	.faq  .col-11{
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	
	.section_header_banner{
		    background-position-x: 0em;
	}
	
}

.project_dropdown{
	max-height:300px;
	overflow-y:auto;
}


.project_type_selected{
	border:1px solid #0000ff;
}


.modal {
  display: none; 
  position: fixed; 
  z-index: 10000; 
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
 /* overflow: auto; */
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.75); 
}
.modal.show{
    z-index: 10000;
    padding-right: 17px;
    display: block;
}
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}


.modal{  
  /*-webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;*/
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}


.popup_close {

  color: #000;
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
	text-align:right;

}

.popup_close:hover,
.popup_close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

#img01{
	display: block;
    margin: 0 auto;
	 width:100%;
	 max-width:1000px;
}

.small_img{
	width:100%;
	cursor:pointer;
}



@media only screen and (max-width: 767px){
  .modal-content {
    width: 100%;
  }
  
 
}


/*search*/
.result_type{
	padding:1em;
}



.control__indicator.square{
	border-radius:0px;
	border:0;
}

body .purple{
	background-color:#9b4e96;
}

body .blue{
	background-color:#394cab;
}

body .green{
	background-color:#008290;
}

body .red{
	background-color:#9b4e4e;
}

body .no_justify_content{
	justify-content: inherit !important;
	padding-left: 25px;
}

body .type_txt{
	color: #fff;
    padding: 0.5em 1em;
}

.global_search:hover .box, .global_search:focus .box{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}

.global_search_area .searchBtn{
	cursor:pointer;
	background-color: #136af6;
    color: #fff;
    border-radius: 5px;
    text-align: center;
	padding: 10px;
}



@media only screen and (min-width: 767px){
	
	.photoAndText_container{
	display:inline; 
	overflow:hidden;
}


	.photoAndText_container ul{
		width:80%;
		float: left;
	}

	.photoAndText_container .photo{
		float: left;
		width: 20%;
	}
}

.photoAndText_container .mobile_photo{
	display:none;
}


@media(min-width:768px){
	.activity_container{
		display:flex;
		padding-left: 0.6em;
	}

	.activity_container .photo{
		width:20%;
		max-width:20%;
		flex:0 0 20%;
		margin-right:1em;
	}
}

@media only screen and (max-width: 767px){
	.activity_container .photo{
		margin-bottom:1em;
	}
}



@media only screen and (max-width: 767px){
	.photoAndText_container .photo{
		display:none;
	}
  
	.photoAndText_container .mobile_photo{
		display:block;
	}

	.photoAndText_container .mobile_photo{
		width:40%;
	}
 
}

.activity_container_cate3 div.header{
	font-weight:bold;
	font-size:1.2em;
}

.activity_container_cate3 .share_info{
	margin-top:1em;
}

.activity_container_cate3>div{
	margin-bottom:1em;
}

.activity_container_cate3 .sub .header{
	font-weight:400;
	text-decoration:underline;
	font-size:1em;
}

.activity_container_cate3 .sub .content{
	padding-left:1em;
}

.activity_container_cate3 .info_cotainer  .info{
	position: relative;
    margin-bottom: 15px;
    border-radius: 3px;
    box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
    padding-top: 25px;
    padding-left: 40px;
    padding-bottom: 35px;
    padding-right: 20px;
	width:95%;
}

.activity_container_cate3 .info_cotainer  .info:after{
  content: '';
  position: absolute;
  width:10px;
  height: 100%;
  background-color: #26339e;
  top:0;
  left: 0;
}

.activity_container_cate3 .info_cotainer  .info:hover{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}


.activity_container_cate3 .mutli_item span{
	margin-right:1em;
}
.activity_list{
	width:100%;
}

.activity_list .title,
.activity_list .hashtag{
	display: inline-block;
}

.activity_list .hashtag{
	
}



@media only screen and (max-width: 767px){
.activity_list .title,
.activity_list .hashtag{
	
}


}

body .hashtag{
	margin-right:1em;
	font-size:1em;
	font-weight:400;
	display:inline-block !important;
}


.search_title .title{
	display:inline-block;
}

.search_title .resource{
	display:inline-block;
	/*float: right;*/
	padding-top:1em;
	padding-bottom:1em;
}

.search_title .resource button{
	 padding: 10px 15px;
    background-color: #136af6;
    color: #fff;
    border-radius: 5px;
    text-align: center;
	border: 0;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index:9999;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  /*margin: 15% auto; *//* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-content .title{
	background-color: #26339e;
	color:#fff;
	padding:7px;
}

.modal-content .content:nth-child(odd){
	background-color: #26339e30;
}

.modal-content .content{
	padding:7px;
}


.modal-content .title .small-text{
	font-size:12px;
}


@media only screen and (max-width: 767px){
	.search_title .resource{
		display:block;
		float:unset;
	}


}

.project_container .image_container .theme_gallery{
		border: 1px solid #ccc;
		padding: 10px;
		box-shadow: 1px 1px 2px #6b6b6b;
		max-width: 502px;
		max-height: 100%;
		float: right;
		margin-right: 20px;
		margin-bottom: 20px;
	}

@media only screen and (min-width: 768px){
	.project_container .image_container{
		flex:0 0 40%;
	}

	

	.project_container .info_container{
		flex:0 0 60%;
	}
}

.no-shadow{
	-webkit-box-shadow:0px 0px;
	box-shadow:0px 0px;
}

#filter .active{
	color: #007bff;
}

.banner_click {
	color:#000;
}

.banner_click a{
	color: #007bff;
}

@media(min-width:993px){
	.dropdown-btn.project_nature,
	.dropdown-btn.project_type{
		padding: 44px 30px;
	}
}

/*  */
/* 2021/09/23 */
/*  */
#advancedsearchForm .project-resources-wrapper{
  display: grid;
  display: -ms-flexbox;
  /* grid-template: 1fr / repeat(3, 1fr) ; */
  grid-template: 1fr / 31% 37% 32% ;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  padding: 19px 30px;
}
#advancedsearchForm .project-resources-wrapper input{
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 3px;
}
#advancedsearchForm .project-resources-wrapper label{
  display: inline-block;
}


/* buttons of project resources */
.resourceBtns{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
}
.resourceBtns button{
  font-family: '微軟正黑體', Arial, Helvetica, sans-serif;
  background-color: rgb(7, 125, 221);
  font-size: 20px;
  padding: 5px 20px 7px 20px;
  /* padding: 0.35em 20px; */
  margin: 10px;
}
.resourceBtns button:hover{
  background-color: rgb(3, 91, 173);
}

@media screen and (max-width: 500px) {
  #advancedsearchForm .project-resources-wrapper{
    grid-template: repeat(3, 1fr) / 1fr;
    -ms-flex-direction: column;
  }
}
@media screen and (max-width: 1150px) {
  .box .btn-container{
    flex-direction: column;
  }
}