h2 { padding:19px 0 18px 0; margin:0; font-size:31px; color:#fff; line-height:28px; text-indent:1px }

/*summary*/
#up, #main { position:absolute; left:0; width:100% }
#up { text-align:center; top:40px }
#main { top:136px }
#main table:first-child { border-collapse:collapse; width:100% }
#main table:first-child td { padding:0; vertical-align:top }
#main table td.sp { width:3% }
#main table+div { height:87px }
.vh { position:relative; width:100%; height:27px; background-color:#fff }

.dh { height:2px; width:102%; margin:20px 0 -1px -2% }
.dh .t { height:2px; line-height:2px; width:8%; background-color:#def7dd; float:left }
.dh .s { height:2px; line-height:2px; width:3%; float:left }

/* EX & IN center */
.ex { position:relative; max-width:1000px; width:91%; right:50%; float:right }
.in { position:relative; right:-50% }

/* time*/
.ti { font-family:Arial; font-weight:bold; color:#dcf5a7 }
.tc { position:absolute; top:73%; font-size:170px; margin:-88px 0 0 7px; width:50%; color:#25a973 }
.tc span { color:#77ac05 }
.tc span span { color:#4d9e35 }
.tm { position:absolute; width:31%; height:250px; left:31%; margin:12px 0 0 -148px }
#clockho { position:absolute; top:73%; font-size:170px; margin-top:-3px; width:31%; text-align:right; min-width:215px }
#clockho div { padding-right:7px }
#clockdy { font-size:80px; padding-left:20px; text-indent:-2px; line-height:80px; margin-bottom:-10px }
#clockmon { font-size:30px; padding-left:21px; line-height:30px; margin-bottom:-15px  }
#clockmin { height:130px }
.fu { position:absolute; display:inline-block; top:78%; margin-top:6px; height:23px; width:2%; left:31.5%; padding:0; background-color:#e8f8c5 }
.fd { position:absolute; display:inline-block; top:85%; margin-top:6px; height:23px; width:2%; left:31.5%; padding:0; background-color:#e8f8c5 }

/*UP left*/
#up .l { position:relative; width:34%; float:left; min-width:236px }
#up .l div { float:left }
#up .l div img { float:left }
#up .l div p { font-size:10px; color:#9c9c9c; line-height:14px; margin-top:-8px; padding-left:46px; float:left; clear:left; width:65px }
/*UP centre*/
#up .c { position:relative; float:left }
#up .c img { margin:33px 0 0 0; padding:0 }
/*UP right*/
#up .r { position:relative; width:31%; float:right }
#up .r a { font-size:16px; float:left; margin-top:37px }

/*MAIN left*/
#main .l { width:31%; background-color:#bff875}
#main .l .mm { width:100%; background:url('../i/greenstart/ulpt.gif') center #65dc55 }
#main ul { position:relative; display:block; margin:0; padding:32px 0 72px 28px; list-style:none }
#main ul li { display:block; margin:0; padding:0 }
#main ul li a { display:inline-block; font-size:16px; color:#fff; padding:0; margin:4px 0 9px 0; line-height:16px }
#main .l .vh+div { width:100%; margin-bottom:39px }
#main .l .vh+div h2 { padding-left:9%; text-indent:-2px }
#main .l .ow { position:relative; text-align:center }
#main .l .ow a:first-child { display:block; text-align:center; margin-bottom:-25px; height:160px }
#main .l .ow a+a { display:inline-block; font-size:13px; margin-bottom:17px }

/*MAIN centre*/
#main .c { width:32%; background-color:#000 }
#main .c .anw { position:absolute; width:32% }
#main .c .anw h2 { float:right; padding-right:9% }
#main .c .anw div.sht { padding-left:9%; margin:26px 0 0 0; float:left }
#main .c .anw div.sht a { color:#2cb11e; text-decoration:none; background:url('../i/greenstart/udsh.gif') repeat-x 0 19px; cursor:pointer; font-style:Tahoma; font-size:18px }
#main .c .anw div.ot { float:left; width:48%; height:24px; background:url('../i/greenstart/otag.gif') no-repeat center top }
#main .c .anw div.int { text-align:right; float:right; width:87%; padding-right:9% }
#main .c .anw div.int p { color:#888888; margin:13px 0 0 0; line-height:18px }
#main .c .anw div.int h1 { font-family:Arial; font-size:16px; font-weight:normal; color:#fff; margin:22px 0 0 0; line-height:17px }
#main .c .anw div.ct { float:left; width:48%; height:22px; background:url('../i/greenstart/ctag.gif') no-repeat center top; margin-top:26px; margin-bottom:60px }
#main .c .nw { position:relative; padding-bottom:12px; width:100%; background-color:#bff875 }
#main .c .nw h2 { padding-left:9%; text-indent:-2px; float:left }
#main .c .nw .sht { float:right; margin:26px 0 0 0; padding-right:9% }
#main .c .nw .sht a { color:#2cb11e; text-decoration:none; background:url('../i/greenstart/udsh.gif') repeat-x 0 19px; padding-right:1px; cursor:pointer; font-style:Tahoma; font-size:18px }
#main .c .on { position:relative; width:84%; padding:0 0 22px 9% }
#main .c .on a { display:inline-block; line-height:18px; margin:0; padding:0; font-size:16px }
#main .c .on p { font-family:Tahoma; font-size:11px; width:100%; line-height:14px; margin:2px 0 0 0; color:#304537 }
#main .c .on p[class] { width:62%; padding:6px 0 0 58px; margin-bottom:-3px }
#main .c .vh+div { width:100%; height:510px; overflow:hidden }
#main .c .vh+div a { display:block; width:39px; height:60px; background:url('../i/greenstart/404.png') no-repeat; float:right; z-index:10 }
#main .c .vh+div a:hover { background:url('../i/greenstart/404h.png') no-repeat }
#main .c .vh+div a+img { clear:both; float:right; display:block; margin-right:12% }

/*MAIN right*/
#main .r { width:31%; background-color:#7af478 }
#main .r .vh+div { width:100%; margin-bottom:27px }
#main .r .vh+div h2 { padding-left:9%; text-indent:-2px }
#main .r .op { position:relative; width:91%; padding:3px 0 17px 9% }
#main .r .op p:first-child { width:91%; line-height:19px; margin:0 0 11px 0; font-size:18px }
#main .r .op p:first-child span { font-family:Arial; font-size:14px; font-weight:bold; color:#fff; padding:0 3px 0 2px; margin-left:1px }
#main .r .op a.bn { display:block; width:91%; margin:4px 28px 9px 0 }
#main .r .op p { width:91%; line-height:14px; margin:0 0 22px 1px; color:#1d2e21; font-family:Tahoma; font-size:11px }