body, div, table, tr, td, h1, h2, h3, h4, h5, p{padding:0;outline:0;margin:0;font-family:Roboto;font-family: 'Arial';color:#192c50;}
body{background:#192c50;}

body:after{
      content:""; position:fixed;top:0;height:100vh;left:0;right:0;z-index:-1; 
	  /* background: url('hole10.jpg') center center; */
	  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}


a{color:#192c50;text-decoration:underline;font-weight:normal;}
a:hover{color:#192c50;text-decoration:underline;}
	
@keyframes glowing {
	0% { background-color: #000; }
	50% { background-color: #888;  }
	100% { background-color: #fff; }
}

#container{width:100%;margin:auto;}
#tbl{position:absolute;width:100%;top:0;z-index:100;}
#cup{position:relative;width:98%;margin:0 auto;text-align:right;}
.menu {float:right;height:6vw;margin:2.2vw 5% 0 0;border-radius:10vw;}

#top{display:block;width:98%;margin:0 auto;background:#FFF;opacity:1;height:55vw;margin-bottom:2vw;}

#box{display:none;width:100%;position:fixed;top:0;height:100vh;z-index:800;overflow:scroll;right:0;opacity:1;}
#box-in{display:block;width:98%;margin:0 auto;background:#FFF;opacity:1;height:100vh;}
#box-txt{display:block;padding:0vw 5%;width:90%;background:#FFF;}
#box-txt p{margin:2vw 0;clear:both;}
.half{width:50%;height:auto;float:left;}
.header1, .header2{width:100%;height:2vw;line-height:2vw;font-size:1vw;text-transform:uppercase; float:none;vertical-align:bottom;border-bottom:solid 2px #DDD;overflow: hidden;}
.header1 div, .header2 div{display:block;float:left;color:#999;}
.line{width:100%;clear:both;height:4vw;border-bottom:solid 2px #DDD;}
.line div{display:block;float:left;font-size:1vw;}
.h1{height:2vw;}
.h4{height:4vw;line-height:4vw;}
.w4{width:5vw;}
.w3{width:2vw;padding-left:1vw;}
.w1{width:4vw;}
.w14{width:15vw;}
.line img{width:70%;margin:10% 10% 0 0;}
.line h2{font-size:1.5vw; line-height:3vw;margin:0;}
.line h4{font-size:1.5vw; line-height:4vw;}
.line h2 span{font-size: 0.8vw; line-height: 0; color: #192c50;   display: block;}



	
#logo{width:50%;float:left;display:block;height:11vw;}
#logo img{height:auto;width:16%;margin:1vw 5% 5vw 5%;float:left;}
#top p{line-height: 2vw;
    font-family: Arial;
    font-size: 1.2vw;
    padding-top: 0;
    clear: both;
    margin: 1vw 8vw;
    float: none;}


h1{font-size:2vw;font-weight:bold;line-height:2.3vw;text-align:left;font-family: 'Arial';text-transform:uppercase;margin-top:1vw;color:#192c50;margin-left:8vw;}
h1 span.one{font-size:1.5vw;display:inline-block;line-height: 1vw;color:#192c50;}
h1 span.two{font-size:3.05vw;display:inline-block;line-height: 3.1vw;color:#192c50;}

.legend {display:inline-block;width:1.2vw;height:1.2vw;margin-top:0px;border-radius:5vw;border:solid 0.2vw #FFF;font-size: 0.8vw;line-height: 1.4vw;vertical-align:middle;}

#top-partners{width:50%;float:right;}
#top-partners img{height: 5vw; margin-left: 1vw;margin-top: 3.2vw;}
#bottom-partners{display:none;clear:both;}
#bottom-partners img{width: 65%;height:auto;margin: 1vw 0 0 24vw;}
#cpr{font-family:arial;text-align:center;font-size:11px;width:100%;clear:both;}

.full{width:100%;margin:0 auto;}
.head{width:91%;margin:0 auto;opacity:1;background-color: #fff;}

#logo h2{font-size:1.5vw;font-weight:normal;line-height:2vw;text-align:left;font-family: 'Arial';margin:1vw;color:#192c50;text-transform:uppercase;}
#logo h2 span{font-weight:bold;}

.block{width:48%;float:left;margin:1%;height:14vw;border-radius:20px;} /* border-bottom:solid 2px #DDD;border-top:solid 2px #DDD;} */
.block div{display:block;float:left;font-size:1.5vw;opacity:1;}
.block div.lite{font-size:1vw;font-family:arial;}
.block span{display:inline-block;width:1.2vw;height:1.2vw;margin-top:0px;border-radius:5vw;border:solid 0.2vw #FFF;font-size: 0.8vw;line-height: 1.4vw;}
.block p{margin:0 12%;font-size:1.4vw;font-weight:bold;line-height:1.5vw;}
.block p.blue{margin-left:0;}
.block p.green{margin-right:0;}
.block h3{font-size:3vw;font-weight:bold;line-height:5vw;}

/* */
	.w0{width:1.5%;}
	.h{width:8%;height:2vw;line-height:2vw;font-size:1vw;text-align:center;color:#FFF;font-family:arial;}
	.w2, .nine{width:14%;height:2vw;line-height:2vw;font-size:1.5vw;text-align:center;font-weight:bold;}
	.w7{width:26.5%;}
	.w8{width:36%;}
	.w13{width:47%;}
	.w10{width:32%;}
	.r13{width:100%;}
	.w27{width:97%;}
	.h1{height:2vw;line-height:2vw;}
	.h2{height:4vw;line-height:4vw;}
	.h3{height:6vw;line-height:6vw;}
	.h5{height:10vw;}
	.h7{height:14vw;}
	
	.block span.tot1{width: 30px;font-size: 2.5vw;float:right;}
	.block span.tot2{width: 30px;font-size: 2.5vw;float:left;}
	.lt{text-align:left;} .ct{text-align:center;} .rt{text-align:right;}
	.lite{color:#777777;background:#FFF;}
	.as{color:#999999;background:#FFF;}
	.green{color:#009a49;background:#FFF;}
	.blue{color:#FF0000;background:#FFF;}
	.white{color:#222;background:#FFF;}
	.logo{width:70%;margin:1vw 10% 0 10%;}
	span.empty, .block span.empty{background:#fff;border-color:#DDD;color:#999;}
	.wgreen{background:#009a49;}
	.wblue{background:#FF0000;}
	.wdraw{background:#999999;}
	.woff{background:#EEE;background: linear-gradient(to bottom,  #ff0000 0%,#ffdddd 50%,#ff0000 99%);}
	span.tee, .block span.tee{border-color:#b6b210;} /*#fdee25;*/
	span.now, .block span.now{animation: glowing 1300ms infinite; } /* background:#fd0000;*/
	
	.togo, .block div.togo{opacity: 1;}
	.clear{clear:both;float:none;}
	
	#cpr{color:#FFF;line-height:30px;}
	
@media (min-width: 1200px){
	#top{width:1178px;max-width:98%;height:700px;}
	#cup{width:1200px;margin:0px auto}
	.menu{height:80px;margin:40px 40px 0 0;}
	#logo{height:160px;}
	#logo img{margin:16px 5%;width:21%;}	
	#top p{line-height:17px;font-family:Arial;font-size:14px;padding-top:0;}
	.legend{display:inline-block;width:16px;height:16px;line-height:17px;font-size:9px;margin-top:0px;border-radius:33px;border:solid 3px #FFF;vertical-align:middle;}
	#top-partners img{height: 70px;    margin-left: 16px;    margin-top: 50px;}
	#box{overflow:hidden;}
	#box-in{display:block;width:1200px;margin:0 auto;background:#FFF;opacity:1;height:100vh;}
	.line{width:100%;clear:both;height:48px;border-bottom:solid 2px #DDD;}
	.line div{display:block;float:left;font-size:12px;}
	.line img{width:70%;margin:10% 10% 0 0;}
	.line h2{font-size:18px; line-height:36px;}
	.line h4{font-size:18px; line-height:48px;}
	.line h2 span{font-size: 12px;}
	
	.header1, .header2{font-size:12px;}
	
	h1{font-size: 29px;    line-height: 28px;    margin-top: 40px;}
	h1 span.one{font-size:18px;line-height: 12px;}
	h1 span.two{font-size:36px;line-height: 33px;}
	
	h2, #logo h2{font-size:16px;line-height:20px;margin:12px;}
	
	.half{margin-bottom:10px;}
	.full {max-width:1200px;margin:0 auto;}
	.head {max-width:1200px;}
	.block div{display:block;float:left;font-size:13px;}
	.block div.lite{font-size:14px;}
	.block span{display:inline-block;width:16px;height:16px;line-height:17px;font-size:9px;margin-top:0px;border-radius:33px;border:solid 3px #FFF;}
	.block p{margin:0 12%;font-size:15px;font-weight:bold;line-height:18px;}
	.block h3{font-size:39px;font-weight:bold;line-height:5vw;}
	
	.block span.tot1, .block span.tot2{font-size: 13px;}
	
	.h{height:16px;line-height:16px;font-size:8px;}
	.w2, .nine{height:28px;line-height:22px;}
	.h1{height:32px;}
	.h4{height:48px;line-height:48px;}
	.w4{width:60px;}
	.w3{width:36px;padding-left:12px;}
	.w1{width:46px;}
	.w14{width:172px;}
}

@media (min-width: 768px) and (max-width:1199px){
	.full{width:100%;max-width:auto;}
	.half{margin-bottom:10px;}
	.block div{font-size:13px;}
	.block span.tot1, .block span.tot2{font-size: 13px;}
}
	
@media (max-width:767px){
	
	#top{width:90%;max-width:auto;height:200vw;}
	#tbl{}
	#cup{}
	#cpr{font-size:2vw;}
	.menu{height:10vw;margin:5vw 8% 0 0;}
	#logo{width:100%;float:none;height:28vw;}
	#logo img{height:auto;width:18%;margin:2vw 5% 9vw 5%;;float:left;}
	#top p{line-height:1.5vw;font-family:Arial;font-size: 2.5vw;padding-top:0;margin-left: 26vw;}
	#top b{font-family: Arial;
    height: 2.9vw;
    display: inline-block;    padding: 1vw 0;}
	
	#top-partners{display:none;width:100%;float:none; height:10vw;}
	#top-partners img{    width: 50%;height:auto;margin:0;}
	
	#bottom-partners{display:block;width:100%;float:none; height:6vw;}
	
	#box-txt{background:#FFF;}
	#box-txt p{margin:4vw 0;font-size:3vw;line-height:3vw;}
	.half{width:100%;height:auto;float:none;}
	.header1{font-size:2vw;height:3vw;}
	.header2{display:none;}

	.line{width:100%;clear:both;height:8vw;border-bottom:solid 2px #DDD;}
	.line div{display:block;float:left;font-size:2vw;}
	
	.legend{vertical-align:middle;display:inline-block;width:2.1vw;height:2.1vw;margin-top:0px;border-radius:5vw;border:solid 0.5vw #FFF;font-size: 1.3vw;line-height: 2.2vw;}
.h1{height:4vw;}
.h4{height:8vw;line-height:8vw;}
.w4{width:10vw;}
.w3{width:6vw;padding-left:1vw;}
.w1{width:6vw;}
.w14{width:28vw;}
.line img{width:70%;margin:10% 10% 0 0;}
.line h2{font-size:2.7vw; line-height:6vw;}
.line h4{font-size:3vw; line-height:8vw;}
.line h2 span{font-size: 1.8vw;}
	
	h1{font-size: 4.5vw;
    line-height: 4.3vw;
    padding-top: 6vw;}
	h1 span.one{font-size: 3.5vw;
    line-height: 2vw;}
	h1 span.two{font-size: 5.05vw;
    line-height: 4.1vw;}
	h2, #logo h2{font-size: 2.5vw;
    line-height: 3vw;
    margin-top: 3vw;}

	.full{width:100%;max-width:auto;}
	.block{width:90%;margin:3vw auto;float:none;height:28vw;}
	.block div{display:block;float:left;font-size:2.5vw;}
	.block div.lite{font-size:2vw;}
	.block span{display:inline-block;width:2.3vw;height:2.3vw;margin-top:0px;border-radius:5vw;border:solid 0.5vw #FFF;font-size: 1.3vw;line-height: 2.3vw;}
	.block p{margin:0 12%;font-size:2.5vw;font-weight:bold;line-height:3vw;}
	.block h3{font-size:5vw;font-weight:bold;line-height:10vw;}

	.w0{width:1.5%;}
	.h{width:8%;height:4vw;line-height:3vw;font-size:1vw;text-align:center;color:#FFF;}
	.w2, .nine{width:14%;height:4vw;line-height:3vw;font-size:3vw;text-align:center;font-weight:bold;padding-top: 0.5vw;}
	/*.w7{width:24.5%;} */
	.w8{width:27%;}
	.w10{width:36.5%;}
	/* .w13{width:51%;} */
	.r13{width:100%;}
	.w27{width:97%;}
	.h1{height:4vw;line-height:3vw;}
	.h2{height:8vw;line-height:8vw;}
	.h3{height:10vw;line-height:6vw;}
	.h5{height:20vw;}
	.h7{height:28vw;}
	
	.logo{width:80%;margin:1vw 10% 0 10%;}
}