* { border: 0; margin: 0; padding: 0; position: relative;}
html { height: 100%; }
body { background: #80a2b6 url(../asset/body.png) repeat-x 0 0; color: #666; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; height: 100%; line-height: 1.5em; text-align: center; }
html.js .click { cursor: pointer; }
a, html.js span.click { color: #417492; text-decoration: underline; }
a:hover, span.click:hover { color: #02466e; }
img { border: 0; display: block; margin: 0; }
img.blob { background: #fff; border-bottom: 2px solid #c0d1db; border-right: 2px solid #c0d1db; margin: 5px 0 0 0; padding: 5px; }
h1 { color: #417492; font-size: 18px; line-height: 1.2em; margin: 10px 0 0 0;  }
h2 { color: #417492; font-size: 14px; line-height: 1.2em; margin: 10px 0 0 0; }
h1 a, h2 a { text-decoration: none; }
p { margin: 10px 0 0 0; }
p.max { color: #417492; font-size: 18px; font-weight: bold; line-height: 1.2em; }
p.max span:first-child { border-bottom: 2px solid #dfe8ed; color: #80a2b6; display: block; font-size: 12px; font-weight: normal; margin: 0 0 10px 0; padding: 5px 0 0 0; }
ul { margin: 10px 0 0 0; padding: 0; }
ul li { list-style-position: outside; list-style-type: square; margin: 0 0 0 15px; padding: 0; }
ul ul { margin: 0 0 0 20px; }
ul.label, ul.label li { background: none; list-style-type: none; margin: 0; padding: 0; }
ul.label { margin: 10px 0 0 0; }
ul.label li { margin: 5px 0 0 0; overflow: hidden; padding-left: 120px; position: relative; }
ul.label span:first-child { left: 0; position: absolute; text-align: right; top: 0; width: 110px; }
ul.menu, ul.menu li { background: none; list-style-type: none; margin: 0; padding: 0; }
ul.menu li { float: left; }
ul.menu li a, ul.menu li span { float: left; }

/* FIELD */
label { float: left; line-height: 24px; margin: 10px 10px 0 0; text-align: right; width: auto; }
label:first-child { width: 150px; }
input, textarea, select { float: left; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; margin: 10px 10px 0 0; }
input:first-child, textarea:first-child, select:first-child { margin-left: 10px; }
input.fieldtext, textarea.field, select.field { background: #f3f3f3; border: 2px solid #ccc; border-bottom: 2px solid #e5e5e5; font-size: 12px; padding: 2px; }
input.fieldmin { width: 72px; }
input.fieldmax { width: 232px; }
textarea.field { width: 232px; }
textarea.fieldmin { height: 72px; }
textarea.fieldmax { height: 232px; }

/* BULLET */
a.bullet, span.bullet { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; float: left; line-height: 20px; padding: 0 0 0 12px; text-decoration: none; }
a.bullet:hover { background-position: 0 -80px; }
a.bulletback { background-image: url(../asset/bulletback.png); }
a.bulletprev { background-image: url(../asset/bulletprev.png); }
a.bulletnext { background-image: url(../asset/bulletnext.png); background-position: 100% 0; padding: 0 12px 0 0; }
a.bulletnext:hover { background-position: 100% -80px; }

/* BUTTON */
a.button, input.button, span.button { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: bold; margin: 10px 0 0 0; text-align: center; text-decoration: none; }
a.button:hover, input.button:hover, span.button:hover { background-position: 0 -80px; color: #fff; }
a.buttonmid, input.buttonmid, span.buttonmid { background-image: url(../asset/buttonmid.png); font-size: 11px; height: 20px; line-height: 20px; width: 130px; }
a.buttonmax, input.buttonmax, span.buttonmax { background-image: url(../asset/buttonmax.png); width: 160px; height: 30px; line-height: 30px; width: 160px; }
span.buttonclose { background-image: url(../asset/buttonclose.png); float: right; font-size: 0; height: 50px; margin: 0; text-indent: -1000px; width: 60px; }

/* COL */
div.col { float: right; overflow: hidden; }
div.col:first-child { float: left; }
div.colmin { width: 300px; }
div.colmax { width: 580px;  }
div.colmax div.rowbox { width: 550px; }
div.colmax div.rowbox ul.menu { width: 560px; }
div.colmax div.rowbox ul.menu li { margin: 0 10px 0 0; }
div.colmid { width: 45%; }

/* ROW */
.row { overflow: hidden; width: 100%; }
.rowimg { text-align: center; }
.rowimg img { margin: 10px auto 0 auto; }
.rowad { border-top: 2px solid #dfe8ed; padding: 10px 0 0 0; }
.rowbox { background: #dfe8ed; border: 5px solid #bfd0da; color: #417492; margin: 20px 0 0 0; padding: 0 10px 10px 10px; }
.rowbox img.blob { float: left; margin: 10px 20px 0 0; }
.rowbutton { text-align: center; }
.rowbutton a.button, .rowbutton input.button, .rowbutton span.button { float: none; margin-left: auto; margin-right: auto; }
.rowframe { border: 5px solid #02466e; margin: 10px 0 0 0; }

/* CELL */
.cell { float: left; overflow: hidden; }
.cellalert { background: transparent url(../asset/cellalert.png) no-repeat 0 0; color: #fff; height: 80px; padding: 0 5px; text-align: center; width: 190px; }
.cellalert h1 { color: #fff; font-size: 18px; margin: 5px 0 0 0; }
.cellalert p { margin: 10px 0 0 0; }
.cellalert a { color: #fff; }
.cellclick { cursor: pointer; }
.cellcountdown { border: 2px solid #dfe8ed; float: none; margin: 10px auto 0 auto; width: 198px; }
.cellsocial { padding: 0 0 0 10px; }
.cellsocial a { text-decoration: none; }
.cellshare { padding-top: 2px; }

/* PAGE */
div#all { overflow: hidden; min-height: 100%; position: relative; width: 100%; }
div.page { min-height: 100%; margin: 0 auto; overflow: hidden; position: relative; text-align: left; width: 940px; }
div.pagehead { background: #fff; height: 100px; margin: 10px 0 0 0; position: relative; width: 100%; }
div.pagehead img.logo { left: 0; position: absolute; top: 0; }
div.pagehead div.cellalert { position: absolute; right: 10px; top: 10px; }
div.pagehead ul.menusocial { float: right; right: 180px; position: absolute; top: 10px; }
div.pagehead ul.menunav { float: left; left: 10px; position: absolute; top: 70px; }
div.pagehead ul.menu li { margin: 0 10px 0 0; }
div.pagehead ul.menu li.break { border-left: 2px solid #dfe8ed; padding-left: 10px; }
div.pagehead ul.menu li a { text-decoration: none; }
div.pagehead ul.menu li a strong { color: #02466e; }

div.pagebody { background: #fff; overflow: hidden; margin: 10px 0 0 0; padding: 10px 20px 40px 20px; width: 900px; }
div.pagebody > div.row, div.col > div.row { margin-top: 10px; }
div.pagebody > div.row:first-child, div.col > div.row:first-child { margin-top: 0; }

#partner { background: #02466e; border: 10px solid #fff; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 10px 0; text-align: center; width: 920px; }
#partner img { border: 1px solid #417492; float: left; margin: 10px 10px 0 0; padding: 5px; }

#foot { color: #02466e; font-size: 11px; line-height: 20px; margin: 10px auto 0 auto; overflow: hidden; position: relative; text-align: left; width: 100%; }
#foot h1 { color: #02466e; font-size: 18px; margin: 0; width:400px; }
#foot h1 a { color: #02466e; text-decoration: none; }
#foot p { margin: 0; }
#foot ul.menu { float: right; position: absolute; right: -10px; top: 0; }
#foot ul.menu li { border-left: 1px solid #417492; float: left; }
#foot ul.menu li:first-child { border-left: none; }
#foot ul.menu li a { color: #02466e; float: left; padding: 0 10px; }

/* WIN */
div.win { background: transparent url(../asset/win.png) repeat 0 0; display: none; height: 100%; left: 0; overflow: hidden; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99; }
div.winall { margin: 0 auto; }
div.winmax div.winall { width: 90%; }
div.winmid div.winall { width: 600px; }

div.winhead { background: #fff url(../asset/winhead.png) no-repeat 0 0; height: 40px; overflow: hidden; }
div.winhead h1 { float: left; line-height: 30px; margin: 10px 0 0 0; padding: 0 15px; }
div.winhead ul.menu { margin: 5px 0 0 15px; }
div.winhead ul.menu li { margin: 0 10px 0 0; }
div.winhead ul.menu li > div.cellsocial { margin-top: 10px; }
div.winbody { background: #fff; max-height: 70%; overflow: hidden; padding: 10px 20px 40px 20px; text-align: left; }
div.winbody ul.menumin { bottom: 10px; float: right; position: absolute; right: 0; }
div.winbody ul.menumin li { line-height: 20px; padding: 0 10px; }

/* COUNTDOWN */
.hasCountdown { border: 2px solid #fff; background: #80a2b6; padding: 5px; }
.countdown_row { clear: both; display: block; height: 35px; text-align: center; width: 100% }
.countdown_show1 .countdown_section { width: 100%; }
.countdown_show2 .countdown_section { width: 50%; }
.countdown_show3 .countdown_section { width: 33%; }
.countdown_show4 .countdown_section { width: 25%; }
.countdown_show5 .countdown_section { width: 20%; }
.countdown_section { color: #dfe8ed; display: block; float: left; font-size: 11px; text-align: center; }
.countdown_amount { color: #fff; display: block; font-size: 18px; font-weight: bold; }