/* Reset */
body, html, applet, object, iframe, img, strong, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; vertical-align:middle; }
:focus { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; color: #0099cc; margin:0; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%;}
body { line-height:16px; }
ol, ul, li { list-style: none; }
:link, :visited, ins { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body, html {  background-color:#E1F0E1; }
.center { margin:auto; width:980px; }


#po_bar{ height:36px;  background-image:url(images/p1_01.jpg); width:980px; height:36px; }
#po_bar .logo a { display:block; float:left; width:97px; height:36px; text-indent:-9999px; }
ul#account { float:right;margin-top:13px; }
ul#account li { float:left;font-size:12px;margin-left:8px; }
ul#account li a {color:#333;}
ul#share { float:right;margin:7px 8px 0 8px; }
ul#share li { float:left }
ul#share li a  {margin-left:5px; }



.a1{ background-image:url(images/p1_02.jpg); width:980px; height:791px;}
.a2{ background-image:url(images/p1_03.jpg); width:980px; height:514px;}
.a3{ background-image:url(images/p1_04.jpg); width:980px; height:459px;}
.txt{ width:510px; height:35px; position:absolute; margin-left:310px; margin-top:260px; border:none; line-height:17px; font-size:13px;}

.btn_gift{ position:absolute; margin-left:670px; margin-top:480px; display:block; width:210px; height:60px;}
.btn_fb{ position:absolute; margin-left:415px; margin-top:650px; display:block; width:200px; height:60px;}
.btn_read{ position:absolute; margin-left:120px; margin-top:350px; display:block; width:320px; height:120px;}


.a1-1,.a1-2,.a1-3,.a1-4,.a1-5,.b1-1,.b1-2,.b1-3,.b1-4,.b1-5{ width:170px; height:150px;}

.a2 .a1-1{ position:absolute;margin-left:45px;margin-top:380px; height:110px; }
.a2 .a1-2{ position:absolute;margin-left:225px;margin-top:345px; width:170px; }
.a2 .a1-3{ position:absolute;margin-left:395px;margin-top:345px; width:170px; }
.a2 .a1-4{ position:absolute;margin-left:570px;margin-top:380px; width:170px; height:110px; }
.a2 .a1-5{ position:absolute;margin-left:743px;margin-top:345px; width:170px; }
.a1-1 a,.a1-2 a,.a1-3 a,.a1-4 a,.a1-5 a,.b1-1 a,.b1-2 a,.b1-3 a,.b1-4 a,.b1-5 a{ display:block;  width:57px; height:30px; float:left; margin-left:18px; margin-top:5px;}

.a3 .b1-1{ position:absolute;margin-left:45px;margin-top:335px; height:110px; }
.a3 .b1-2{ position:absolute;margin-left:223px;margin-top:335px; height:110px; }
.a3 .b1-3{ position:absolute;margin-left:395px;margin-top:335px; height:110px; }
.a3 .b1-4{ position:absolute;margin-left:570px;margin-top:335px; height:110px; }
.a3 .b1-5{ position:absolute;margin-left:743px;margin-top:335px; height:110px; }