.boxclock{position:relative}
.boxclock01{position:absolute; width:156px; height:84px; top:4px; left:4px}
.boxclock01:before,.boxclock01:after{width:148px; height:4px; position:absolute; content:""}
.boxclock01:before{top:-4px}
.boxclock01:after{bottom:-4px}
.boxclock01,.boxclock01:before,.boxclock01:after,.boxclockround:before,.boxclockround:after,.boxclock01 h2{background-color:#c0c0c0}

.boxclockminc .boxclock01,.boxclockminc .boxclock01:before,.boxclockminc .boxclock01:after,.boxclockminc .boxclockround:before,.boxclockminc .boxclockround:after,.boxclockminc .boxclock01 h2{background-color:#0070ec}
.boxclockmajc .boxclock01,.boxclockmajc .boxclock01:before,.boxclockmajc .boxclock01:after,.boxclockmajc .boxclockround:before,.boxclockmajc .boxclockround:after,.boxclockmajc .boxclock01 h2{background-color:#00a800}
.boxclockwc .boxclock01,.boxclockwc .boxclock01:before,.boxclockwc .boxclock01:after,.boxclockwc .boxclockround:before,.boxclockwc .boxclockround:after,.boxclockwc .boxclock01 h2{background-color:#008088}
.boxclockdf .boxclock01,.boxclockdf .boxclock01:before,.boxclockdf .boxclock01:after,.boxclockdf .boxclockround:before,.boxclockdf .boxclockround:after,.boxclockdf .boxclock01 h2{background-color:#5c94fc}
.boxclockmt .boxclock01,.boxclockmt .boxclock01:before,.boxclockmt .boxclock01:after,.boxclockmt .boxclockround:before,.boxclockmt .boxclockround:after,.boxclockmt .boxclock01 h2{background-color:#58f898}

.boxclock01 h2{position:absolute; width:156px; height:84px; top:0; left:0}
.boxclock01 h2:before,.boxclock01 h2:after{position:absolute; content:""; height:76px; width:4px; background-color:#000; top:4px}
.boxclock01 h2:before{left:0}
.boxclock01 h2:after{right:0}




.boxclocktime{width:148px; height:50%; left:4px; top:0; position:absolute}
.boxclocktime abbr{font-size:28px; margin-top:8px; display:inline-block}
.boxclocktime:before,.boxclocktime:after{width:100%; left:0; position:absolute; content:""; height:4px; background-color:#000}
.boxclocktime:before{top:0}
.boxclocktime:after{top:80px; z-index:105}
.boxclockround{position:absolute; bottom:8px; left:12px; width:120px; font-size:16px; height:24px; color:#fff; text-align:left; z-index:100}
.boxclockround:before,.boxclockround:after{width:4px; height:76px; position:absolute; content:""; top:-48px}
.boxclockround:before{left:-16px}
.boxclockround:after{right:-28px}
.boxclockround abbr,.boxclockround b,.round{position:absolute; line-height:1}
.boxclockround abbr{font-size:24px; height:24px; top:0; left:0}
.boxclockround b{top:8px; left:24px; height:16px; font-size:16px}
.round{font-size:24px; height:24px;  top:0; right:0}



.fighttime{position:absolute; top:4px; left:0; height:36px; width:100%; color:#fff}
.fighttime:before,.fighttime:after,.fighttimedot:before{position:absolute; content:""; background-color:#000}
.fighttime:before,.fighttime:after{width:4px; height:4px; top:0}
.fighttime:before{left:0}
.fighttime:after{right:0}


.fighttimedot{position:absolute; bottom:4px; left:4px; background-color:#000; height:4px; width:4px}
.fighttimedot:before{top:0; width:100%; height:100%; left:3600%}