html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font,  ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {margin:0; padding:0; border:0; outline:0;font-family:'Cuprum', sans-serif;}


@keyframes glowing {
	0% { background-color: #000; }
	50% { background-color: #888;  }
	100% { background-color: #fff; }
}


body{width:100%;margin:0;}
#container{width:100%;display:block;}
label.playing, label.finished, label.notstarted{display:block;}


#head2{width:100%;display:block;height:14vw;}
#stat2{clear:both;}


.golfer{float:left;width:15%;display:block;height:14vw;text-align:center;}
.golfer img{margin:1vw 0;height:12vw;}
.golfer2{float:left;width:30%;display:block;height:14vw;text-align:center;}
.golfer2 img{margin:1vw 0;height:12vw;}


.score{float:left;width:40%;display:block;height:14vw;text-align:center;}
.score h3{font-size: 5vw;line-height: 6vw;margin: 2vw auto 1vw auto;width:60%;border-radius:5vw;}
.score p{line-height: 1.5vw;
    font-size: 1.5vw;
    font-weight: bold;}
.score span{display:inline-block;width:20%;}
.score label{display:inline-block;width:20%;}

.score0, .score1{display:none;}

.as{color:#AAAAAA;background:#FFF;}
.green{color:#9d2934;background:#FFF;}
.blue{color:#41619e;background:#FFF;}

.hgreen{background:#9d2934;color:#FFF;border:solid 2px;}
.hblue{background:#41619e;color:#FFF;border:solid 2px;}
.hdraw{background:#AAAAAA;color:#FFF;border:solid 2px;}
.hno{border:solid 2px #888;color:#888;}
.htee{border:solid 2px #b6b210;} /*#fdee25;*/
.hnow{animation: glowing 1300ms infinite; } /* background:#fd0000;*/

.wgreen{background:#FFF;color:#9d2934;border:solid 2px #9d2934;}
.wblue{background:#FFF;color:#41619e;border:solid 2px #41619e;}
.wdraw{background:#FFF;color:#AAAAAA;border:solid 2px #AAAAAA;}
.wno{background:#FFF;color:#000;border:solid 2px #FFFFFF;}

/* horizontal */
	#logo{width:100%;height:10vw;}
	#logo p{font-size:2vw;margin: 1vw 10%;text-align:center;}
	#logo img{width: 10%;    vertical-align: middle;}
	#part1, #part2{float:left;display:block;width:50%;}

	.column{display:block;width:100%;}
	
	.column0{width:100%;}
	.column0{float:left;text-align:left;clear:both;}
	.column0 div{float:left;width:40%;line-height:5vw;font-size:3vw;text-align:left;height:5vw;}
	.column0 div.holes{clear:none;width:60%;}
	.column0 div p{margin-right:10%;text-align:right;font-size:2vw;}
	
	.column1 {width:100%;}
	.column1 div{float:left;font-size:2vw;line-height:5vw;text-align:left;width:40%;height:5vw;}
	.column1 div.holes{clear:none;width:60%;}
	.column1 div p{margin:0 10%;line-height:2vw;}
	
	.column2 {width:100%;}
	.column2 div{float:left;font-size:2vw;line-height:5vw;text-align:left;width:40%;height:5vw;}
	.column2 div.half{font-size: 1.5vw;width:20%;float:left;display:block;line-height:8vw;height:5vw;margin:0;}
	.column2 div.wide{font-size: 1.5vw;width:40%;float:left;display:block;line-height:8vw;height:5vw;margin:0;}
	.column2 div.holes{clear:none;width:60%;}
	.column2 div p{margin:0 10%;line-height:2vw;font-size:2vw;}
	
	.column0 span,.column1 span,.column2 span{float:left;text-align:center;margin:1vw 0.1vw; display:block;width:2.6vw;    height: 2.6vw;border-radius:5vw;line-height:2.6vw;font-size:1.6vw;font-weight:bold;}
	.column1 span.stroke:after, .column2 span.stroke:after{content: "'";color: #000;display: block;font-size: 2vw;position: relative;left: 1vw;top: -3.5vw;}
	
	.inoutclear{clear:both;}
	.inout0{display:none;}
	.inout0 p{margin:0;font-size:2vw;line-height:4vw;text-align:center;font-weight:bold;}
	.inout1{display:none;}
	.inout1 p{margin:0 10%;font-size:2vw;line-height:4vw;font-weight:bold;}
	
	.vertical{display:none;}
	.vert{display:none;}
	.horizontal{display:block;}
	.first{text-align:right;font-size: 2vw;}
	
/* vertical */
@media (max-width:767px) {
	#container{width:98%;margin:auto;}
	#logo{width:100%;height:20vw;}
	#logo p{font-size:3vw;margin: 2vw 0%;text-align:center;}
	#logo img{width: 20%; margin: 0 12%;}
	#head2{width:100%;display:block;height:20vw;}
	#part1, #part2{float:none;clear:both;width:100%;}

	label{font-size: 3vw;    top: -7vw;    position: relative;}
	.golfer{width:22.5%;height:20vw;}
	.golfer img{margin:1vw 0;height:18vw;}
	.golfer2{width:45%;height:20vw;}
	.golfer2 img{margin:1vw 0;height:18vw;}
	
	.score{width:10%;height:20vw;}
	.score h3{display:none;}
	.score0{width:10%;display:block;float:left;height:10vw;font-size:7vw;line-height:10vw;text-align:center;margin:1vw 0;}
	.score1{width:45%;float:left;display:block;border-radius:5vw;margin:1vw 0;}
	.score1 h3{font-size:7vw;line-height:10vw;text-align:center;font-weight:bold;}

	.column0{width:10%;float:left;display:block;clear:none;}
	.column0 div{float:none;line-height:4vw;font-size:3vw;text-align:center;height:auto;width:100%;}
	.column0 div.ht{line-height:8vw;height:8vw;margin:2vw 0;}
	.column1{width:22.5%;float:left;display:block;}
	.column1 div{display:block;float:none;font-size:3vw;line-height:4vw;text-align:center;clear:none;width: 100%;height:auto;}
	.column2{width:45%;float:left;display:block;}
	.column2 div{display:block;float:none;font-size:3vw;line-height:4vw;text-align:center;clear:none;width: 100%;height:auto;}
	.column2 div.half{width:50%;float:left;display:block;line-height:8vw;height:12vw;margin:0;}
	.column2 div.wide{width:100%;float:left;display:block;line-height:8vw;height:12vw;margin:0;}
	.column0 div.holes, .column1 div.holes{width:100%;}
	.column2 div.holes{width:100%;clear:both;}
	.column0 div p, .column1 div p, .column2 div p{margin:1vw 0;padding:1vw 0;text-align:center;line-height:4vw;font-size:4vw;}
	.column0 span,.column1 span,.column2 span{float: none;    text-align: center;    margin: 1vw auto;    display: block;
    width: 7vw;    height: 7vw;    border-radius: 10vw;    line-height: 7vw;    font-size: 4.5vw;    font-weight: normal;}
	.column1 span.stroke:after, .column2 span.stroke:after{content: "'";color: #000;display: block;font-size: 7vw;    position: relative;    left: 4.2vw;   top: -7.5vw;}
	
	.inoutclear{clear:both;}
	.inout0{width:10%;float:left;display:block;margin:1vw 0;}
	.inout1{width:43%;float:left;display:block;border-radius:3vw;margin:1vw 0;}
	.inout0 p, .inout1 p{margin: 1vw 0;    font-size: 5vw;    line-height: 5vw;    text-align: center;    font-weight: normal;}
	
	
	.vertical{display:block;}
	.vert{display:inline-block;}
	.horizontal{display:none;}
}