@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);



body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff450+0,fbb04c+100 */
/*background: #fff450; /* Old browsers */
/*background: -moz-linear-gradient(45deg,  #fff450 0%, #fbb04c 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(45deg,  #fff450 0%,#fbb04c 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(45deg,  #fff450 0%,#fbb04c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff450', endColorstr='#fbb04c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


/*background-image: url(../images/bg.jpg);
background-attachment: fixed;
*/
background-color: #000;
font-size: 14px;
font-family: 'Noto Sans TC', sans-serif;
height:auto;
color: #A07F46 ;

}


body.index {
	/*overflow: hidden;*/
	
}
.information-title {
	text-align: left;
	background-color: #555;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	padding: 10px;
	

}

.bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bdf0+0,4abeb0+100 */
/*background: #00bdf0; /* Old browsers */
/*background: -moz-linear-gradient(top,  #00bdf0 0%, #4abeb0 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #00bdf0 0%,#4abeb0 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #00bdf0 0%,#4abeb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf0', endColorstr='#4abeb0',GradientType=0 ); /* IE6-9 */
background-color: #fff;
min-height: calc(100vh - 88px);
}

table {width: 100%; margin-bottom: 20px;}
 td , th{  text-align: left; vertical-align: top; }

 th {line-height: 20px; padding: 5px;}
 td {line-height: 20px;padding-left: 10px;padding-bottom: 0px;padding-top: 10px;}

 thead { 
 	background: rgba(85,85,85, .1) 
 }

body.other {
background-image: url(../images/bg.jpg);
background-attachment: fixed;
	/*-- update -*/
	background-size: 100% auto;
	/*-- / update--*/
}
h1{
margin-top: 150px;
font-weight:700;
text-align:center;
/*color: #e4007f;*/
}
h3{
font-weight:700;
text-align:center;	
color: #555 ;
display: inline-block;
width: 100%;
}
ol li {
	text-align: left;
}
p {    text-align: center;}
.highlight {
	 color: #9bc138;
}
.swal2-title, .swal2-content {
	font-family: 'Noto Sans TC', sans-serif;

}

.confirmation .tab-content td {color: #ccc;}
.confirmation .tab-content  {font-size: 12px;}
.alert-message {
	color: red;
	width: 100%;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    height: auto;
}
.top.scoial-media {
	/*display:block;*/
	float: left;
	width: 100%;
	text-align:center;
	margin: 0px !important;
	padding-left: 0px !important;
		
}

.top.facebook, .top.instagram{
	width: 50% !important;
	height: auto !important;
	
	float: left;
	display: block !important;

}
.facebook, .instagram
{
	float: left;
	height: 50px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding-left: 0px;
	width: 50%;
}

.facebook img{
	width: 40px;
	height:40px;
	padding:5px;
	float: right;
	margin-bottom: 20px;
	
}

.top img{

	margin-bottom: 0px !important;
	
}

.instagram img{
	width: 40px;
	height:40px;
	padding:5px;
	float: left;
	margin-bottom: 20px;
}

.banner {
	text-align: center;
	background-color: #EEE;
	height: 100px;
	width: 100%;
	height: 100px;	
	overflow:visible;
}

.content {
	text-align: center;
    vertical-align: super;
    background: #FFF;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-bottom: 2px;
}

.img {
	height: 80px;
	/* [disabled]width: 100%; */
	background-color: #FFF;
	text-align: center;
}
.k-v-image {
	width: 100%;
}


.clear {
	clear: both;
}


.sponsored-and-partner {
	background-color: #F3F3F3;
}
.inner-container-width {
	/*width: auto;*/
}

.inner-container-width p {
    padding-left: 12px;
    padding-right: 12px;
}


.index .inner-container-width p {
    /*padding-left: 40px;
    padding-right: 40px;*/

    font-size: 18px;
}

.sponsored-and-partner .title{
	text-align:center;
}

.event {
	background-color: #066;
}

.hightlight {
	font-weight:700;
	color: #F00;
}


.content-block h3 {
	font-weight:700;
	text-align: center;
	line-height: 1.3em;
	padding-bottom: 30px;
	display:inline-block;
	text-align: center;
	width: 100%
}

.logo {
	width: 110px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

.navbar-brand {
	padding: 0px;
	margin: 0px;
}

.top-left-c {
	background-image: url(../images/top-left.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100px;
	background-position: left top;
}
.top-right-c {
	background-image: url(../images/top-right.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100px;
	background-position: right top;
}
.bottom-left-c {
	background-image: url(../images/bottom-left.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100px;
	background-position: left bottom;
}
.bottom-right-c {
	background-image: url(../images/bottom-right.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100px;
	background-position: right bottom;
}

.left-c,
.right-c,
.top-c,
.bottom-c,
.top-left-c,
.top-right-c,
.bottom-left-c,
.bottom-right-c
{
	background-size: 30%;
	width: 100%;
	min-height: 100px;
}
.left-c {
	background-image: url(../images/left.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.right-c {
	background-image: url(../images/right.png);
	background-repeat: repeat-y;
	background-position: right top;
}

.top-c {
	background-image: url(../images/top.png);
	background-repeat: repeat-x;
	background-position:  top;
}
.bottom-c {
	background-image: url(../images/bottom.png);
	background-repeat: repeat-x;
	background-position:  bottom;
}

.k-v {
	width: 100%;
	overflow: visible;
	text-align: center;
	/*background-image: url(../images/kv.png);*/
	/*min-height: 630px;*/
	/*background-repeat: no-repeat;
	background-position: center 80px;
	background-size:  390px  auto;*/
	/*height: 864px;*/

}
.index-award {
	text-align: center; 
}
.index-award img {
    width: 100%;
}

.left-graphic {
    width: auto;
    margin-left:  auto;
    margin-right: auto;
}
.left-graphic img {
    position: relative;
    top: 480px;
    
}

.index-block {
	/*margin-bottom: 150px;
*/
}
.sponsor {
	background-color: #FFF;
	    clear: both;
    padding: 20px;
    border-radius: 10px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.sponsor img {
	width: 100%;
}

.container {
    width: 95%;
    		/*background-image: url(../images/background.png);*/
background-position: center bottom+30px;
background-repeat: repeat-x;
/* padding-bottom: 300px; */
background-size: auto 20%;

/*padding-bottom: 130px;*/
}

body.index .container{
	padding-bottom: 20px;
	/*background-attachment: fixed;  */

}

.inner-container-width {
    margin-left: auto;
    margin-right: auto;
}

.img-rounded  ul {
	margin:0px;
	padding:0px;
}


.img-rounded li {
	list-style-type: none;
	padding-left: 0px;
}

.moblie-list {
	background-color:#FFF;
	padding: 15px;
	
    margin: auto;
    margin-bottom: 20px;
    color: #555;
}

.detail .moblie-list {
	max-width: 1000px;
}
.vote .moblie-list {
	background-color:#FFF;
	padding: 15px;
	max-width: 1200px;
    margin: auto;
    margin-bottom: 20px;
}


.list {
	line-height: 3.5em;
}

.lists .list
{
	line-height: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.small-text {font-size: .5em;}

.bottom-logo {
	font-size: .5em;
	/*margin-top: 20px;*/
	padding-top: 10px;
	padding-bottom: 20px;
}

.bottom-logo .title {
	color: #000;
	padding-top: 10px;
	font-weight: 700;
	font-size: 7px;
}

.bottom-logo a img{float: left;}


.copyright {
	text-align:center;
	font-size: .5em;
}

.text-align-left {
	text-align:left!important;
	word-wrap: break-word;
}
.text-align-center {
    text-align:center!important;
}
.padding-15 {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

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

.index-social-media {
	width: 100%;
	margin-bottom: 30px;
}

.index-social-media img {
	width: 50px;
	height: 50px;	
}

.award {
	padding-left: 0px!important;
	font-size: 2.2em;
	font-weight: 700;
	padding: 10px;
	line-height: 1em;
    text-align: center;
}

ol.listing 
{
	max-width: 240px; margin: auto; text-align: left;
	padding-left: 20px;
	padding-right: 0px;
}

ol.listing li {
	list-style-type:decimal;

}

.img-rounded h3 {
	padding-top: 20px;
}


.img-rounded h3:first-child {
	padding-top: 0px;
}

.award-ul li {
	margin-bottom: 20px;
	line-height: 1.7em;
	
}

.condition ul, .condition p{
list-style-type: none;
font-size: .75em;
}


.condition ul li:before
{

}

.condition ul li{
	margin-left: 25px;
	list-style-type: square;
}
.award-p {
	padding-left: 0px!important;
	margin-top: 0px;
	line-height: 1.7em;
		text-align:center;
}

.submit-btn {
	background-color: #e7e7e7;
	color: black;
	/*width: 300px;*/
	line-height: 2em;
	font-size: 1em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
} 

.input-form, .list-border {
	border: 1px solid #999;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.input-form label {
	text-align: left;
}

.input-form p{
	padding: 0px;
	margin: 0px;
	text-align: left!important;

}

input[type="text"] {
	height: 62px;
	width: 100%;
	line-height:2.5em;
	font-size: 1.1em;
	padding: 5px;
	
	box-shadow: none;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
	
	
	border-top: none;
	border-left: none;
	border-right: none;

    border-bottom: 1px solid #d8dade;	
	outline: none !important;
}
input[type="text"]:focus  {
	height: 62px;
	margin-top:0px !important;

    border-bottom: 2px solid #09F;

}

.input-form textarea {
	width: 100%;
	height: 100px;
	line-height:2em;
	font-size: .8em;
}

.input-form .title {
	cursor: pointer;
	font-weight: 700;
}

.input-form .title .stage {
    float: right;
    
}

.input-form .title .stage:before {
    content:'\2714';
	text-indent: .9em;
	/*color: #CCC;*/
	text-align: left;
	width: 20px;
    position: absolute;
    margin-left:-30px;
   font-size: 18px;
}


ol   {
    counter-reset: my-badass-counter;
    padding-left: 0px;
    }
ol li.input-form {
    padding: 0px 20px;
    
}
ol li.input-form  .title:before{
    content: counter(my-badass-counter) ". ";
	counter-increment: my-badass-counter;
    
}

.submit-button input[disabled] {
    background-color: #ccc !important;
}


input[type=checkbox] + label{
display:inline-block;
line-height:24px;
background-repeat:no-repeat;
cursor:pointer;
width: 100%;
padding: 10px;
    text-align: left;
padding-left: 40px;
border: 1px solid #CCC;
}



input[type=radio] + label{
display:inline-block;
line-height:24px;
background-repeat:no-repeat;
cursor:pointer;
width: 100%;

}
.radios {
	padding: 10px!important;
	text-align: center;
}
.radios .radio {
	text-align: center;
	width: 100px;
	height: 30px;
	background-color: #FFF;
	display: inline-block;
	margin: 10px;
	font-weight: 100;
	
}

.vote .radio {
	text-align: center;
	width: 100%;
	height: auto;
	background-color: #FFF;
	display: inline-block;
	margin: 10px;
	font-weight: 100;
	line-height:2em;
	margin-left: 0px;
	margin-right: 0px;
}


input[type=checkbox].radio:empty ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #CCC;
	text-align: left;
	width: 30%;
	    position: absolute;
    left: 20px;
		

}
.vote .moblie-list .link {
	 /*   width: 25px;
    height: 25px;
    margin-left: 10px;
    background-image: url(../images/link.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;*/
    text-decoration: underline;
}
.radios .checkbox {
    margin-bottom: 30px;
}


.no-margin-top {
    margin-top: 0px;
}
.agreement .checkbox:nth-last-child(1) {
    margin-bottom: 0px;
}


/* input[type=radio].radio:empty ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #CCC;
	text-align: left;
	width: 30%;
	    position: absolute;
    left: 10px;
	
} */


input[type=checkbox]:checked + label {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-weight: 700;
	height: auto;
}


input[type=radio]:checked + label {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-weight: 700;
	height: auto;
}

.radios input[type=radio], .radios input[type=checkbox]{
    display:none
}


input[type=checkbox].radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #4DCB6D;
	text-align: left;
	width: 100%;
 	position: absolute;
    left: 20px;
}

input[type=radio].radio:checked ~ label:before {
	/*content:'\2714';*/
	text-indent: .9em;
	color: #4DCB6D;
	text-align: left;
	width: 30%;
 	position: absolute;
    left: 10px;
}



input.radio:empty ~ label {
	border: 1px solid #CCC;

		

}

.navbar-collapse{margin-top:90px; height: 200px;     
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .25);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .25);
}



.moblie-list p {
	padding-left: 0px;
	padding-right: 0px;
	/*text-align: left;*/
}


.submit-button, .agreement { padding: 20px;}
.submit-button {text-align:center;}

.submit-button input {
	background-color: #CFAE78;
    border: none;
    color: white;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*font-size: 16px;*/
    /*margin: 4px 2px;*/
    cursor: pointer;
    margin-bottom: 20px;
}
.navbar-collapse {
    margin-top: 30px;
    height: 340px;
	background-color:#FFF;
	opacity: .95;
}

.navbar-toggle.collapsed
{
	background-color: #FFF!important;
}


body.other .navbar-default 
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1da36+0,fefcea+100&1+0,0.1+100 */
/*background: -moz-linear-gradient(top,  rgba(241,218,54,1) 0%, rgba(254,252,234,0.1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(241,218,54,1) 0%,rgba(254,252,234,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(241,218,54,1) 0%,rgba(254,252,234,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#1afefcea',GradientType=0 ); /* IE6-9 */

}

.navbar-default {


    border: none !important;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


   /*height: 180px;*/

}

.navbar-toggle {
	/*background-color: #ebb635;*/
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .25);
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, .25);
}

.navbar-nav>li {
    margin: 5px;
	
}
.nav>li>a {
    text-align: center;
	font-weight:700;
	color: #A07F46;
	white-space: nowrap;
    -webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}
.navbar-nav>li>a.not-active  {
    pointer-events: none;
    cursor: default;

}    
    

.nav-pills>li {
    float: none;
}


.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: auto !important;
}



#footer {
min-height: 20px;
 /*position: fixed;
   /* height: 100px;*/
   /* bottom: 0;*/
    width: 100%;
   	background-color: #f5f5f5;

}

.to-top {
    /*display: inline-block;*/
    text-align: center;
    margin-bottom: 20px;
}

#back-to-top{
    display: inline-block;
    width: 200px;
   /* height: 50px;*/
    
	bottom:40px;
	right:10px;
	/*box-shadow:0 0 10px rgba(0,0,0,0.05);*/
	/*overflow:hidden;*/
	/*text-indent:100%;*/
	white-space:nowrap;
	background:rgba(0,3,51,0) url(../images/to-top.svg) no-repeat bottom 10% left 10%;
	/*visibility:hidden;*/
	/*opacity:0;*/
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
    vertical-align: bottom; 
    color: #010101;
    text-decoration: underline;
    
    
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #CFAE78;
	margin: 5px;
    white-space: nowrap;
	color: #fff;

}
a {
	color: #A07F46;
    text-decoration: underline;
}

.lists .list
{
	color: #555;
}
.mobile-img{
	width: 100%;
	height: 200px;
	/*	background-image: url(../images/tagline.png);*/
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 70%;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */

@media screen and (max-width: 320px) {
.index-block{
	/*margin-top: 450px;*/
	margin-bottom: 60px;
}
.mobile-img{
	width: 100%;
	height: 200px;
		    /*	background-image: url(../images/tagline.png);*/
    background-position: center 0px;
    background-repeat: no-repeat;
        background-size: 100%;
}
.k-v {
	/*background-position: center -20px;*/
	/*min-height: 500px;*/
	padding-top: 15px;
}

.index .inner-container-width p {
padding-left: 20px;
padding-right: 20px;
}
.container {}
}

@media (min-width: 600px) and (max-width: 767px) {
	.k-v {
	width: 100%;
    overflow: visible;
    text-align: center;
    /*background-image: url(../images/kv.png);*/
    min-height: none;
    background-repeat: no-repeat;
    background-position: center -50px;
    background-size:  670px auto;
    height: 864px;
	}
	.sponsor { width: 50%;}
}

@media screen and (max-width: 767px) {
	h1 {
		    margin-top: 100px;
	}
	.navbar  
	{


height: 137px;
	}

}



@media (min-width: 768px) and (max-width: 1097px) {

.sponsored-and-partner .title{
	text-align: left;
}
.banner {
	height:300px;
}
body  {
	font-size: 1.16em;
}

.k-v-image {width: 50%;}
.sponsor { width: 50%;}
.content-block h3 {
	text-align:center;
	line-height: 1em;
	
}
.container{
     min-height: 930px;
}
.logo {
    width: 180px;
    margin-left: 180px;
    margin-right: auto;
    z-index: 0;
}
.k-v {
	width: 100%;
	overflow: visible;
	text-align: center;
	/*background-image: url(../images/kv.png);*/
	min-height: none;
	background-repeat: no-repeat;
	background-position: center -37;
	background-size: auto 800px;
	height: 700px; 		
}
	
	.mobile-img{
		height: 300px;
		    /*	background-image: url(../images/tagline.png);*/
    background-position:  right center;
    background-repeat: no-repeat;
    background-size: auto 200px;
	}

.index-award img {
    width: auto;
} 

.index-block {
	/*margin-top: 400px;*/


}

 .inner-container-width p
{
		margin-left: 40px;
		margin-right: 40px;
}
.award-p {
	padding-left: 0px!important;
	margin-top: 0px;
	line-height: 1.7em;
	text-align:left;
}
.index-social-media {
	margin-bottom: 0px;
}


.top.facebook{
	/*width: 30px !important;*/
	height: auto !important;
	/*margin-left: 20px!important;*/
	margin-right: 0px!important;
	/*margin-top:50px!important;*/
	float: left;
	display: block!important;
}
.top.instagram{
	width: 30px !important;
	height: auto !important;
	margin-left: 5px!important;
	margin-right: 0px!important;
	/*margin-top: 50px!important;*/
	float: left;
	display: block!important;
}

.facebook, .instagram
{
	float: left;
	height: 50px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding-left: 0px;
	width: auto;
}
.facebook, .instagram
{
	/*float: left;*/
	height: 50px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding-left: 0px;
	width: 50%;
	padding: 5px;
	
}
.facebook img{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	
}
.instagram img{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;}
.navbar-collapse{margin-top:auto;}

input[type="text"] {
	width: 300px;
	line-height:2.5em;
	font-size: .8em;
	padding: 5px;
	
	box-shadow: none;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
	
	
	border-top: none;
	border-left: none;
	border-right: none;

    border-bottom: 1px solid #d8dade;
	outline: none !important;

}
.navbar-default {


    border: none !important;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


}

.navbar-nav {
margin-top: 40px;
margin-left: 0px;
}



.navbar-default .navbar-nav>li>a {
color: #333;
text-decoration: none;
}
.navbar-nav>li>a {
    font-size: 18px;
	background-color: #FFF;
	-webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, .25);

}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #999;
	color: #FFF;
}


    
.navbar-collapse {
	background-color:transparent; 
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    height: 80px;
}
    .nav-pills>li {
    /*float: left;*/
    display: table-cell;
    width: 1%;
    }
     .left-graphic {
        width: 600px;
        margin-left:  auto;
        margin-right: auto;
    }
    .left-graphic img {
        position: relative;
        top: 250px;
        left: -300px;
    }
    .mobile-img{
	/*width: auto;*/
}
}






/* Medium devices (desktops, 1098px and up) */
@media (min-width: 1098px) and (max-width: 1199px) { 


.sponsored-and-partner .title{
	text-align: left;
} 
.banner {
	height:300px;
}

p {
	text-align: center;
}
body  {
    font-size: 1em;
}
.container{
     /*min-height: 750px;*/
}

.index-award img {
    width: auto;
}
.content-block h3 {
	text-align:center;
	line-height: 1em;
}
.logo {
    width: 180px;
    margin-left: 240px;
    margin-right: auto;
    z-index: 0;

}
.k-v {
	width: 100%;
	overflow: visible;
	text-align: center;
	/*background-image: url(../images/kv.png);*/
	min-height: none;
	background-repeat: no-repeat;
	background-position: center -37;
	background-size: auto 700px;
	height: 864px;
}
.k-v-image {width: 80%;}
.sponsor { width: 30%;}
	.mobile-img{
	width: 630px;
	height: 200px;
    /*	background-image: url(../images/tagline.png);*/
    background-position: left 0px;
    background-repeat: no-repeat;
	background-size: auto 85%;        
	}

.award-p {
	padding-left: 0px!important;
	margin-top: 0px;
	line-height: 1.7em;
	text-align:left;
}
.index-social-media {
	margin-bottom: 0px;
}


.top.facebook, .top.instagram{
	width: 30px !important;
	height: auto !important;
	margin-left: 10px!important;
	margin-right: 0px!important;
	margin-top: 50px!important;
	float: left;
	display: block!important;
}

.facebook, .instagram
{
	float: left;
	height: 50px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding-left: 0px;
	width: auto;
}
.facebook, .instagram
{
	/*float: left;*/
	height: 50px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding-left: 0px;
	width: 50%;
	padding: 5px;
	
}
.facebook img{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	
}
.instagram img{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;}
	
.navbar-collapse{margin-top:auto;}

input[type="text"] {
	height: 62px;
	width: 300px;
	line-height:2.5em;
	font-size: .8em;
	padding: 5px;
	
	box-shadow: none;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
	
	
	border-top: none;
	border-left: none;
	border-right: none;

    border-bottom: 1px solid #d8dade;	
	outline: none !important;
}
input[type="text"]:focus  {
	height: 62px;
	margin-top:0px !important;

    border-bottom: 2px solid #09F;

}

.navbar-default {


    border: none !important;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*sfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */







}

.navbar-nav {
margin-top: 40px;
margin-left: 20px;
}
.navbar-default .navbar-nav>li>a {
color: #333;
text-decoration: none;
}

.navbar-nav>li {
  /*  margin-right: 10px;
    margin-left: 10px;*/
}

.navbar-nav>li>a {
    font-size: 18px;
	background-color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	color: #333;
	-webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, .25);
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #999;
	color: #FFF;
}
.navbar-collapse {
	background-color:transparent; 
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    height: 80px;
}
    
        .nav-pills>li {
    /*float: left;*/
    display: table-cell;
    width: 1%;
    }
    
        .left-graphic {
        width: 600px;
        margin-left:  auto;
        margin-right: auto;
    }
    .left-graphic img {
        position: relative;
        top: 250px;
        left: -300px;
    }

	.mobile-img{
		
		    /*	background-image: url(../images/tagline.png);*/
    background-position: right 0px;
    background-repeat: no-repeat;
	}
	.index-block {
    /*margin-top: 400px;*/
	}
}








.tab-content .vote .moblie-list {
    padding: 0px!important;
}


@media (min-width: 600) and  (min-width: 1280) { 

}
/*
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) 
{
	k-v{
		height: 750px;
	}
	.container {
    width: 100%;
    background-image: url(../images/background.png);
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: auto 90%;
	}
}

*/

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

body {
	font-size:18px;
}
.container{
     min-height: 864px;
     background-size: 100%;
}
.sponsored-and-partner .title{
	text-align: left;
}

.banner {
	height:300px;
}
.inner-container-width p {
	text-align:center;
}
.content-block h3 {
	text-align:center;
	line-height: 1em;
}
.k-v-image {width: 60%;}
h1
{
	margin-top: 120px;
}

.logo {
	/*margin-top: 20px;*/
    width: 180px;
    margin-left: none;
    margin-right: none;
    margin-left: 240px;
}
.left-c,
.right-c,
.top-c,
.bottom-c,
.top-left-c,
.top-right-c,
.bottom-left-c,
.bottom-right-c
{
	background-size: 25%;
	width: 100%;
	min-height: 100px;
}
.k-v {
	/*width: 1200px;*/
	width: 100%;
	overflow: visible;
	text-align: center;
	/*background-image: url(../images/kv.png);*/
	min-height: none;
	background-repeat: no-repeat;
	background-position: center -30px;
	background-size: auto 800px;
	/*min-height: 1080px;*/
	margin-left: auto;
    margin-right: auto;   
}
.sponsor { width: 30%;}
.dominate .moblie-list{
max-width: 1000px;
}

.index-block {
	/*padding-top: 250px;*/
	/*padding-bottom: 450px;*/
}

.index-block p {
	margin-top:20px;
}

.index-award {
	margin-left:auto;
	margin-right:auto;
	width: auto;
	text-align:center;
}

.index-award img {
    width: auto;
}

.text-left p {text-align:left;}

.input-form {
	border: 1px solid #999;
	width: 900px;
	display:inline-block;
}
.award-p {
	padding-left: 0px!important;
	margin-top: 0px;
	line-height: 1.7em;
	text-align:center!important;
}
.index-social-media {
	margin-bottom: 0px;
}


.top.facebook{
	width: 30px !important;
	height: 30px !important;
	margin-left: 50px!important;
	margin-top: 50px!important;
	float: left;
	display: block!important;
}
.top.instagram{
	width: 30px !important;
	height: 30px !important;
	margin-left: 5px!important;
	margin-top: 50px!important;
	float: left;
	display: block!important;
}

.facebook, .instagram
{
	/*float: left;*/
	height: 100px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding-left: 0px;
	width: 50%;
	padding: 5px;
	
}

.top.facebook img, .top.instagram img{width: 30px;height: 30px;}

.top.facebook, .top.instagram {width: 50px;}
.facebook img{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 40px;
	
}
.instagram img{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 40px;}
.navbar-collapse{margin-top:auto;}

input[type="text"] {
	height: 62px;
	width: 300px;
	line-height:2.5em;
	font-size: .8em;
	padding: 5px;
	
	box-shadow: none;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
	
	
	border-top: none;
	border-left: none;
	border-right: none;

    border-bottom: 1px solid #d8dade;	
	outline: none !important;
}
input[type="text"]:focus  {
	height: 62px;
	margin-top:0px !important;

    border-bottom: 2px solid #09F;

}

.navbar-default {


    border: none !important;
	/*width: 1200px;*/
    border: none !important;
    margin: auto;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bdf0+1,ffffff+100&1+1,0+100 */
/*background: -moz-linear-gradient(top,  rgba(0,189,240,1) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(0,189,240,1) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(0,189,240,1) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


}

.navbar-nav {
margin-top: 40px;
margin-left: 20px;		
}
.navbar-default .navbar-nav>li>a {
color: #333;
text-decoration: none;
}
.navbar-nav>li>a {
    font-size: 1em;
	background-color: #FFF;
	-webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, .25);	
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #999;
	color: #FFF;
}
.navbar-nav>li {
   /* margin-left: 30px;*/
	
}
.navbar-collapse {
	background-color:transparent; 
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    height: 80px;
}
    
   .panel-group {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px;
    width: 900px;
    }
    .max-width.panel-group {
        width: 100%!important;
    } 
    .tab-button  {
        max-height: 52px;
        margin-left: auto !important;
        margin-right: auto !important;
        /*margin-bottom: 20px;*/
       /* width: 900px;*/
    }

.nominate .tab-button
{
	width: 100%!important;
}
    .list .panel-group {
       display: block;
    }
    
    .tab-button>li {
    float: none;
    }
  .tab-button>li {
    display: table-cell;
    width: 1%;
    }
    .nav-justified > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    }
    
    .left-graphic {
        width: 600px;
        margin-left:  auto;
        margin-right: auto;
    }
    .left-graphic img {
        position: relative;
        top: 250px;
        left: -300px;
    }
	.mobile-img{
		/*	background-image: url(../images/tagline.png);*/
	background-position: left 0px;
	background-repeat: no-repeat;
	}
	.bottom-logo {
	width: 1200px;
	margin: auto;
	}
	.index-block{
	/*margin-top: 400px;*/
	}
	.support a > img{
	margin-left:25px;
	}

	.mobile-img{
	width: 600px;
	height: 240px;
    /*	background-image: url(../images/tagline.png);*/
    background-position: right 0px;
    background-repeat: no-repeat;
	background-size: auto 100%;        
	}

}


@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5)
  and (orientation: portrait) {

	.k-v {
		width: 100%;
    overflow: visible;
    text-align: center;
   /* background-image: url(../images/kv.png);*/
    min-height: none;
    background-repeat: no-repeat;
    background-position: center -37px;
    background-size: 1200px  auto;
    height: 1144px;
	}
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5)
  and (orientation: landscape) {

	.k-v {
		width: 100%;
    overflow: visible;
    text-align: center;
   /* background-image: url(../images/kv.png);*/
    min-height: none;
    background-repeat: no-repeat;
    background-position: center -37px;
    background-size: 1500px  auto;
    height: 1144px;
	}
}
.garden {
  position: relative;
  width : 60%;
  margin: auto;
  border: 5px solid #CCC;
  border-radius: 10px;
}

.ball {
  position: absolute;
  top   : 90px;
  left  : 90px;
  width : 20px;
  height: 20px;
  background: green;
  border-radius: 100%;
}
.k-v-o {
width: 65%;
    /* left: -5px; */
    position: absolute;
    /* height: 50%; */
    position: absolute;
    top: 440px;
    left: 68%;
    transform: translate(-50%,-50%);
}
.k-v-o1 {
width: 105%;
    /* left: -5px; */
    position: absolute;
    /* height: 50%; */
    top: 0%;
    left: 80%;
    transform: translate(0%,-10%);
}
@media (min-width: 1200px)  {

.k-v-o1 {
width: 62%;
    /* left: -5px; */
    position: absolute;
    /* height: 50%; */
    top: 420px;
    left: 68%;
    transform: translate(0%,-50%);
}
}

@media (max-width: 1199px) and (min-width: 1098px) {
.k-v-o1 {
width: 80%;
    /* left: -5px; */
    position: absolute;
    /* height: 50%; */
    top: 0%;
    left: 74%;
    transform: translate(0%,-10%);
    }
}


@media (max-width: 1097px) and (min-width: 768px) {
    .k-v-o1 {
    width: 51%;
    /* left: -5px; */
    position: absolute;
    /* height: 50%; */
    top: 0%;
    left: 65%;
    transform: translate(0%,-10%);
    }
}

@media (max-width: 767px) and (min-width: 600px) {
    .k-v-o1 {
width: 110%;
    /* left: -5px; */
    position: absolute;
    /* height: 50%; */
    top: 0%;
    left: 83%;
    transform: translate(0%,-13%);
    }
    
}

.q {
 
  width : 200px;
  height: 200px;
  border: 5px solid #CCC;
  border-radius: 10px;
}

.garden {
  position: relative;
 
}

.ball {
  position: absolute;
  top   : 90px;
  left  : 90px;
  width : 20px;
  height: 20px;
  background: green;
  border-radius: 100%;
}

/* cookies-notification */
#cookies-notification .content {
	background: unset;
	vertical-align: unset;
	border-radius: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#cookies-notification p {
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: left;
}

#cookies-notification #close-notification {
	line-height: 17px;
}

@media screen and (max-width: 1119px) and (min-width: 880px){
	.logo {
		width: 180px;
		margin-left: calc(100vw - 880px);
		margin-right: auto;
		z-index: 0;
	}
}

@media screen and (max-width: 879px) and (min-width: 768px){
	.logo {
		width: 180px;
		margin-left: auto;
		margin-right: auto;
		z-index: 0;
	}
}