#vote .intro .title{ padding:12px 40px 30px; background:#000; text-align: center; }
#vote .intro .title h1{ display:inline-block; font:500 32px 'db_helvethaica_x77_bdcond'; color:#F00; line-height:0.7em; padding:0 30px 5px; background:#000; position: relative; top:18px; }
#vote .intro .title h2{ display:inline-block; border:4px #F00 solid; padding:18px 30px; font:500 22px 'db_helvethaica_x47_licond'; color:#FFF; }
#vote .intro .title h2 strong{ font-family: 'db_helvethaica_x77_bdcond'; }

#vote .feature-vote{
  padding: 80px 10px;
  background-color: #ebebeb;
}
#vote .feature-vote.intro > .title{
  padding: 0;
  margin-bottom: 80px;
}
#vote .feature-vote.intro .title,
#vote .feature-vote.intro .title h1{
  font-family: 'Helvetica-Bold';
  background-color: #ebebeb;
}
#vote .feature-vote.intro > .title{
  text-align: center;
}
#vote .feature-vote.intro > .title > h1{
  line-height: 0.7em;
  position: relative;
  top: 18px;
  display: inline-block;
  font-size: 32px;
  padding: 0 30px 5px;
  color: #ff0000;
}
#vote .feature-vote.intro .title > h2{
  color: #000000;
  font-family: 'Helvetica-Light';
  display: inline-block;
  border: 4px #F00 solid;
  padding: 20px 80px 20px;
  font-size: 16px;
}
#vote .feature-vote.intro .title h2 strong{
  font-family: 'Helvetica-Bold';
}

#vote .nodel-feature-container{
  font-size: 0;
}
#vote .nodel-feature-container > * {
  display: inline-block;
  vertical-align: top;
}
#vote .nodel-feature-container .feature-slider-col{
  width: 55%;
  position: relative;
  background-color: #ffffff;
}
#vote .nodel-feature-container .feature-content-col{
  width: 45%;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding-left: 3%;
}
#vote .nodel-feature-container .feature-slider-col .slider-header{
  position: absolute;
  width: 25%; height: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
#vote .nodel-feature-container .feature-slider-col .slider-header .title{
  font-size: 24px;
  background-color: transparent;
  font-family: 'Helvetica-Bold';
  text-align: left;
  color: #8c8c8c;
  padding: 0;
}
#vote .nodel-feature-container .feature-slider-col .slider-header .title-design{
  font-family: 'Helvetica-Bold';
  text-align: left;
  font-size: 40px;
  color: #ff0000;
  line-height: 0.9em;
}
#vote .nodel-feature-container .feature-slider-col .slider-header .title-design span{
  display: block;
}
#vote .nodel-feature-container .feature-slider-col .slider-header .title-design span:last-child{
  padding-left: 0.45em;
}
#vote .nodel-feature-container .feature-slider-col .slider-header .update-container{
  position: absolute;
  bottom: 10px;
}
#vote .nodel-feature-container .feature-slider-col .slider-header .update-container > * {
  font-size: 18px;
}
#vote .nodel-feature-container .feature-slider-col .slider-content{
  margin-left: 25%;
  position: relative;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay{
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  z-index: 10;
  pointer-events: none;

  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
#vote .nodel-feature-container .feature-slider-col .slider-content:hover .slide-overlay{
  opacity: 0.2;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay .outer{
  display: table;
  width: 100%; height: 100%;
  text-align: center;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay .inner{
  display: table-cell;
  width: 100%; height: 100%;
  vertical-align: middle;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay .content{
  border: 3px solid #fff;
  padding: 20px 15px;
  display: inline-block;
  font-size: 2vw;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay span{
  color: #fff;
  font-family: 'Helvetica-Bold';
  display: block;
  line-height: 0.85em;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay span:nth-child(1){
  font-size: 1.7em;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay span:nth-child(2){
}
#vote .nodel-feature-container .feature-slider-col .slider-content .slide-overlay span:nth-child(3){
  font-family: 'Helvetica-Light';
}
#vote .nodel-feature-container .flex-control-nav{
  bottom: 85px;
}
#vote .nodel-feature-container .flex-control-paging li a{
  background-color: rgba(255,255,255,0.5);
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
#vote .nodel-feature-container .flex-control-paging li a:hover{
  background-color: rgba(255,0,0,0.5);
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
#vote .nodel-feature-container .flex-control-paging li a.flex-active{
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  background-color: #ff0000;
}
#vote .nodel-feature-container .flex-direction-nav a{
  opacity: 1;
  width: 37px; height: 29px;
  background-repeat: no-repeat;

  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);

  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
}
#vote .nodel-feature-container .flex-direction-nav a:before{
  content: none;
}
#vote .nodel-feature-container .flex-direction-nav .flex-prev{
  left: 20px;
  background-image: url(../../images/siamish/flexslider/prev-arrow.png);
}
#vote .nodel-feature-container .flex-direction-nav .flex-prev:hover{
  -webkit-transform: translate3d(-5px,0,0);
  transform: translate3d(-5px,0,0);

  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
}
#vote .nodel-feature-container .flex-direction-nav .flex-next{
  right: 20px;
  background-image: url(../../images/siamish/flexslider/next-arrow.png);
}
#vote .nodel-feature-container .flex-direction-nav .flex-next:hover{
  -webkit-transform: translate3d(5px,0,0);
  transform: translate3d(5px,0,0);

  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .thumb{
  position: relative;
  padding-top: 110%;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .thumb:after{
  content: '';
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.5);
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .bg-cover{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#vote .nodel-feature-container .feature-slider-col .slider-content .item .info{
  padding: 10px;
  background-color: #ff0000;
  text-align: right;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .info > *{
  display: inline-block;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .info .title{
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #fff;
  font-size: 24px;
  font-family: 'Helvetica-Light';
  line-height: 1em;
  text-align: left;
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .info .title strong{
  font-family: 'Helvetica-Bold';
}
#vote .nodel-feature-container .feature-slider-col .slider-content .item .info .id{
  color: #fff;
  font-size: 56px;
  line-height: 1em;
  margin: 0 15px;
  font-family: 'Helvetica-Bold';
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb{
  text-align: center;
  margin-bottom: 20px;
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb img{
  max-width: 100%;
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb .facebook-link{
  background-color: #fff;
  padding: 15px;
  color: #000;
  text-align: left;
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb .facebook-link a.name{
  font-size: 18px;
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb .facebook-link a{
  font-size: 12px;
  font-family: 'Helvetica-Light';
  color: #000;
  display: block;
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb .facebook-link a:hover{
  text-decoration: underline;
}
#vote .nodel-feature-container .feature-content-col .facebook-thumb .facebook-link a strong{
  font-family: 'Helvetica-Bold';
}
#vote .nodel-feature-container .feature-content-col .facebook-info{
  position: relative;
}
#vote .nodel-feature-container .feature-content-col .facebook-info > *{
  display: inline-block;
  vertical-align: middle;
}
#vote .nodel-feature-container .feature-content-col .facebook-info .icon{
  position: absolute;
}
#vote .nodel-feature-container .feature-content-col .facebook-info .icon:after{
  content: '';
  width: 1px; height: 100%;
  background-color: #060606;
  position: absolute; right: -15px; top: 0;
}
#vote .nodel-feature-container .feature-content-col .facebook-info .info{
  margin-left: 95px;
}
#vote .nodel-feature-container .feature-content-col .facebook-info .info p{
  font-size: 22px;
  color: #9d9d9d;
  font-family: 'db_helvethaica_x47_licond';
}
#vote .nodel-feature-container .feature-content-col .facebook-info .info a{
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #ff0000;
  font-family: 'db_helvethaica_x77_bdcond';
  text-transform: uppercase;
}
#vote .nodel-feature-container .feature-content-col .facebook-info .info a:hover{
  text-decoration: underline;
}
#vote .banner-wrap{
  padding:58px 0;
  position: relative;
}
#vote .banner-wrap img{
  position: relative;
  z-index: 2;
}
#vote .banner-wrap:before{
  content: '';
  background-color: #ebebeb;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#vote .banner-wrap:after{
  content: '';
  background: url(../../images/siamish/bg-pattern-white.png) repeat-x;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#vote .vote-now-container{
  padding: 0 0 80px;
  background-color: #ebebeb;
}
#vote .vote-now-container .vote-now-header{
  position: relative;
  margin-bottom: 60px;
}
#vote .vote-now-container .vote-now-header:before{
  content: '';
  background-color: #ff0000;
  position: absolute; left: 0; top: 0; bottom: 0; right: 0;
}
#vote .vote-now-container .vote-now-header:after{
  content: '';
  background: url(../../images/siamish/bg-pattern-white.png) repeat;
  position: absolute; left: 0; top: 0; bottom: 0; right: 0;
}
#vote .vote-now-container .vote-now-header .wrap{
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
}
#vote .vote-now-container .vote-now-header .wrap > * {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#vote .vote-now-header .white-box{
  background-color: #fff;
  padding: 30px 20px 10px;
  /*float: left;*/
}
#vote .vote-now-header .white-box .header{
  font-family: 'Helvetica-Bold';
  color: #000;
  font-size: 58px;
  line-height: 0.85em;
  text-transform: uppercase;
}
#vote .vote-now-header .white-box .header.header-red{
  color: #ff0000;
}
#vote .vote-now-header .white-box .gray{
  color: #757575;
  font-size: 18px;
  font-family: 'db_helvethaica_x57_cond';
  text-transform: uppercase;
  line-height: 0.7em;
}
#vote .vote-now-header .white-box .gray strong{
  font-family: 'Helvetica-Bold';
}
#vote .vote-now-header .hilight-box{
  font-family: 'Helvetica-Bold';
  font-size: 120px;
  color: #fff;
  text-transform: uppercase;
  line-height: 0.85em;
  padding: 30px;
}
#vote .vote-now-header .sub-box{
  font-family: 'db_helvethaica_x57_cond';
  padding-top: 15px;
  /*float: right;*/
}
#vote .vote-now-header .sub-box small,
#vote .vote-now-header .sub-box strong{
  display: block;
  line-height: 0.85em;
  text-transform: uppercase;
  color: #fff;
}
#vote .vote-now-header .sub-box small{
  font-size: 30px;
}
#vote .vote-now-header .sub-box strong{
  font-family: 'Helvetica-Bold';
  font-size: 58px;
}
#vote .hashtag{
  color: #ff0000;
  font-family: 'Helvetica-Bold';
  font-size: 32px;
  line-height: 0.85em;
  position: absolute;
  padding: 10px;
  bottom:-210px;
}
#vote .vote-now-content .wrap-vote-now{
  padding: 180px 0 90px;
}
#vote .vote-now-content .vote-now-row{
  font-size: 0;
  margin: 0 -10px;
}
#vote .vote-now-content .vote-now-item{
  position: relative;
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  margin: 150px 0;

  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;


}
#vote .vote-now-content .vote-now-item a{
  -webkit-transform: scale(1) translate3d(0,0,0);
  transform: scale(1) translate3d(0,0,0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
}
#vote .vote-now-content .vote-now-item:hover a{
  -webkit-transform: scale(1.2) translate3d(0,0,0);
  transform: scale(1.2) translate3d(0,0,0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  z-index: 10;
}

#vote .vote-now-content .vote-now-item .item-overlay{
  position: absolute;
  color: #d8d8d8;
  bottom: 100%;
  text-transform: uppercase;
  line-height: 0.8em;
  font-family: 'Helvetica-Bold';
  font-size: 150px;
  pointer-events: none;
}

#vote .vote-now-content .vote-now-item a{
  position: relative;
  display: block;
}
#vote .vote-now-content .vote-now-item .thumb{
  position: relative;
  padding-top: 100%;
  display: block;
}
#vote .vote-now-content .vote-now-item .thumb .bg-cover{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#vote .vote-now-content .vote-now-item .thumb .thumb-overlay{
  background-color: rgba(0,0,0,0.3);
  position: absolute; left: 0; top: 0; bottom: 0; right: 0;

  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
#vote .vote-now-content .vote-now-item .thumb:hover .thumb-overlay{
  opacity: 1;

  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
#vote .vote-now-content .vote-now-item .thumb .thumb-overlay .content{
  color: #ff0000;
  border: 3px solid #ff0000;
  font-size: 3vw;
  line-height: 0.85em;
  font-family: 'Helvetica-Bold';
  display: inline-block;
  background: transparent;
  padding: 20px 15px;
  width: auto;
  position: absolute;
  left: 50%; top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
#vote .vote-now-content .vote-now-item .thumb .thumb-overlay .content span{
  display: block;
}
#vote .vote-now-content .vote-now-item .thumb .thumb-overlay .content span:first-child{
  letter-spacing: 0.05em;
}
#vote .vote-now-content .vote-now-item .content{
  background-color: #fff;
  padding: 15px 15px 30px;
  text-align: right;
  position: absolute;
  width: 100%;
}
#vote .vote-now-content .vote-now-item.content-up .content{
  -webkit-transform: translate(0,-100%);
  transform: translate(0,-100%);
  top: 0;
}
#vote .vote-now-content .vote-now-item .content .title{
  color: #ff0000;
  float: left;
  font-size: 18px;
  font-family: 'Helvetica-Light';
  text-align: left;
}
#vote .vote-now-content .vote-now-item .content .title strong{
  font-family: 'Helvetica-Bold';
}
#vote .vote-now-content .vote-now-item .content .id{
  font-size: 45px;
  font-family: 'Helvetica-Bold';
  color: #000;
}
#vote .vote-paging{
  display: block;
  background-color: #000;
  text-align: center;
  padding: 10px;
}
#vote .vote-paging > * , 
#vote .vote-paging div.pagination span.disabled, 
#vote .vote-paging div.pagination span.current,
#vote .vote-paging div.pagination a{
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-family: 'Helvetica-Bold';
  color: #fff;
  margin: 0 5px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  padding:0;
}
#vote .vote-paging div.pagination a:after,
#vote .vote-paging div.pagination span:after{
  content:'.'; display:inline-block;
}
#vote .vote-paging .current,
#vote .vote-paging a:hover,
#vote .vote-paging div.pagination span.current,
#vote .vote-paging div.pagination a:hover{
  color: #ff0000;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

#vote .vote-paging > *:after{
  content: '.';
  position: absolute;
  right: -0.4em;
  color: #fff;
}
#vote .vote-paging > *:last-child:after{
  content: none;
}

#search-nodel{ position: absolute; bottom:-90px; left: 0; width: 100%; }
#frm-search{ display:block; width:500px; margin:100px auto 0; position: relative; }
#frm-search label{ position: absolute; top:0; display:block; width:calc(100% - 20px); padding: 10px; font:500 20px 'Helvetica-Light'; text-align: center; }
#frm-search label strong{ font-family: 'Helvetica-Bold'; }
#frm-search input[type=text]{ background: none; border:none; width:calc(100% - 20px); padding: 10px; border-bottom: 1px #707070 solid; text-align: center; font:500 20px 'Helvetica-Light'; text-align: center; }
#frm-search input[type=submit]{ border:none; background: none; width:28px; height: 28px; background-image: url(../../images/icon-search.png); background-size: cover; padding: 0; position: absolute; top:8px; right:20px; }
#frm-search input:focus{ outline: none; }

/*resonsive*/
@media (max-width: 1440px){
  #vote .vote-now-content .vote-now-item .content{
    padding: 10px 10px 20px;
  }
  #vote .vote-now-content .vote-now-item .item-overlay{
    font-size: 120px;
  }
  #vote .vote-now-content .vote-now-item{
    margin: 110px 0;
  }
  #vote .vote-now-header .white-box .header{
    font-size: 36px;
  }
  #vote .vote-now-header .hilight-box{
    font-size: 76px;
  }
  #vote .vote-now-header .sub-box{
    font-size: 12px;
  }
  #vote .vote-now-header .sub-box strong{
    font-size: 36px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .title{
    font-size: 19px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .title-design{
    font-size: 32px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .update-container > * {
    font-size: 19px;
  }
}
@media (max-width: 1024px){
  #vote .nodel-feature-container .feature-slider-col{
    width: 100%;
    margin-bottom: 30px;
  }
  #vote .nodel-feature-container .feature-content-col{
    width: 100%;
    padding-left: 0;
  }
  #vote .vote-now-container .vote-now-header{
    margin-bottom: 240px;
  }
  #vote .vote-now-content .wrap-vote-now{
    padding: 20px 0;
  }
  #vote .vote-now-content .vote-now-item .item-overlay{
    display: none;
  }
  #vote .vote-now-content .vote-now-item .content,
  #vote .vote-now-content .vote-now-item.content-up .content{
    position: static;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  #vote .vote-now-content .vote-now-item{
    margin: 0 0 20px;
  }
}
@media (max-width: 768px){
  #vote .feature-vote.intro > .title > h1{
    font-size: 25px;
  }
  #vote .feature-vote.intro .title > h2{
    font-size: 12px;
  }
  #vote .vote-now-header .hilight-box{
    font-size: 90px;
  }
  #vote .vote-now-content .vote-now-item{
    width: 50%;
  }
  #vote .vote-now-content .vote-now-item .content .title{
    font-size: 18px;
  }
  #vote .vote-now-content .vote-now-item .content .id{
    font-size: 30px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .title{
    font-size: 24px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .title-design{
    font-size: 32px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .update-container > *{
    font-size: 18px;
  }
  #vote .feature-vote{
    padding: 20px 10px;
  }
  #vote .feature-vote.intro > .title{
    margin-bottom: 20px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-content .item .info .id{
    font-size: 56px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-content .item .info .title{
    font-size: 18px;
  }
  #vote .nodel-feature-container .flex-control-nav{
    bottom: 85px;
  }
  #vote .vote-now-container{
    padding-top: 0;
  }
  #vote .vote-now-container .vote-now-header .wrap > *{
    display: block;
    text-align: center;
    padding: 20px 0;
  }
  #vote .vote-now-header .sub-box{
    background-color: #000;
  }
  #vote .vote-now-container .vote-now-header:after{
    opacity: 0.8;
  }
  #vote .hashtag{
    padding-top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    text-align: left;
  }
}
@media (max-width: 480px){
  #vote .nodel-feature-container .feature-slider-col .slider-content .item .info .title{
    font-size: 10px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-content .item .info .id{
    font-size: 33px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .title-design{
    font-size: 25px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .title{
    font-size: 8px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header .update-container > *{
    font-size: 8px;
  }
  #vote .nodel-feature-container .flex-control-nav{
    bottom: 60px;
  }
  #vote .nodel-feature-container .feature-slider-col .slider-header{
    padding: 5px;
  }
  #vote .flex-direction-nav{
    opacity: 0;
  }
  #vote .vote-paging > *{
    font-size: 14px;
  }
  #vote .vote-now-content .vote-now-item .content{
    padding: 10px;
  }
  #vote .vote-now-content .vote-now-item .content .id{
    display: block;
    text-align: left;
  }
  #vote .vote-now-content .vote-now-item .content .title{
    float: none;
  }
  #frm-search{ width: 92%; }
  #frm-search label, #frm-search input[type=text]{ text-align: left; padding-left:0; padding-right:0; width:100%; font-size: 19px; }
  #frm-search input[type=text]{ text-align: center; }
  #frm-search input[type=submit]{ width:20px; height: 20px; right:0; top:12px; }
}