*{ margin: 0; padding: 0;}
body{background: #ffd740; font-size: 18px; font-family: 'ºÚÌå'; font-weight: bold;color: #000000;}
#main{ width: 220px; height: 220px; background: #000000; border-radius: 34px; position: absolute; left: 50%; margin-left: -110px; top: 200px;}
#clock{ width: 192px; height: 192px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -96px; margin-top: -96px;}
#circle{ width: 14px; height: 14px; background: #303030; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px;}
#circle-s{ width: 8px; height: 8px; background: #dd3c1a; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px;}
ul{ position: absolute; left: 46%; top: 46%;}
li{position: absolute; list-style: none;}
#m{ width: 6px; height: 86px; background: #303030; position: absolute; left: 50%; margin-left: -3px; top: 6px; border-radius: 6px;-webkit-transform-origin:center bottom ;
-ms-transform-origin:center bottom ;
-o-transform-origin:center bottom ;
transform-origin:center bottom ;}
#h{width: 10px; height: 60px; background: #303030; position: absolute; left: 50%; margin-left: -5px; top: 30px; border-radius: 6px; -webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transform-origin:center bottom ;
-ms-transform-origin:center bottom ;
-o-transform-origin:center bottom ;
transform-origin:center bottom ;
}
#s{ width: 3px; height: 90px; background: #e13e1b; position: absolute; left: 50%; top: 4px; border-radius: 2px; -webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); -webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;}