/* kss.css */


@font-face {
   font-family:'salisburybold';
   src:url('../fonts/salisburybold.ttf') format('truetype');
}

.sp_header_title 
{
   font-size:1.8em;
   font-family:"salisburybold";
   text-align:right;
   color:var(--yellow1);
   letter-spacing: -0.8px;
}

.title 
{
   font-family:'salisburybold';
   font-size:2.5em;
   text-align:center;
   letter-spacing: -0.8px;
   color: #FDE330;
   opacity: 1;
}

.sub_title 
{
   font-family:'salisburybold';
   text-align:center;
   color: #fff;
   font-size:1.2em;
}

.background {
   background: #231F20 0% 0% no-repeat padding-box;
}

.background2 {
   background:var(--black2); 
}


.div_film
{
   text-align:center;
}

.div_film_title {
   font-family:'salisburybold';
   font-size:2.5em;
   color:#fff; 
}

.div_film_by {
   font-family:'salisburybold';
   font-size:1.5em;
   color:#fff; 
}

.btn_vote {
   font-family:'salisburybold';
   background:var(--yellow2);
   padding:0.8em 1.5em;
}

.div_bullet {
   xborder:1px solid #fff;
   font-family:'salisburybold';
   text-align:center;
   padding:1em;
}

.bullet {
   font-family:'salisburybold';
   background: #F06EA9 0% 0% no-repeat padding-box;
   opacity: 1;
   border-radius:50%;
   width:38px;
   height:38px;
}

.bullet_text {
   font-family:'salisburybold';
   color:#fff;
   font-size:1.5em;
}

.div_login {
   /* Layout Properties */
   /* UI Properties */
   text-align:center;
   padding:2em;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 0px 10px #0000000D;
   border-radius: 5px;
   opacity: 1;
   margin-bottom:2em; 
}

.div_vote 
{
   margin-top:3em;
}

.if_video
{
   width:640px;
   height:350px;
}

.color-black { color:#3C3C38 !important; }
.div_agree_term { margin-bottom:1em; }
.div_agree_term span { color:#535353; font-size:0.9em; }
.div_agree_term * { vertical-align:middle; }
.div_agree_term a { color:#535353; }


.g_id_signin {
   xdisplay:none;
}

#btn_login {
   background:var(--yellow2);
   padding:0.5em 1em;
   border-radius:50px; 
   display:inline-block;
   font-family:'salisburybold';
   font-size:1.3em;
   margin-top:1em;
   cursor:pointer;
}

.footer 
{
   color:#fff;
   text-align:center;
   padding:1em;
   font-size:0.9em;
   font-weight:300;
}

.mb2em { margin-bottom:2em; }
.mt2em { margin-top:2em; }


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

  .div_film_title,
  .title { font-size:2em; }

  .div_film_by {  font-size:1.2em; }
  .sp_header_title { font-size:1.4em; }

  .if_video
  {
     width:100%;
     height:350px;
  }
}

:root {

--black1:#231F20;
--black2:#1D191A;
--pick:#F06EA9;
--peige:#F8F1DC;
--yellow1:#FDE330;
--gray1:#0000000D;
--gray2:#3C3C38;
--gray3:#535353;
--gray4:#707070;
--gray5:#B8B8B8;
--yellow2:#FEE331;
}