body{font-size : 12pt;}

/* HEADER SPACE */
.container{
        margin       : 0;
        top          : 0px;
        left         : 0px;
        width        : 700px;
        height       : 1035px;
        z-index      : 0;
        position     : static;}

.title0{
        margin       : 0;
        top          : 10px;
        left         : 10px;
        width        : 680px;
        height       : 250px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        position     : absolute;}

.logoText{
        margin       : 0;
        top          : 30px;
        left         : 450px;
        width        : 250px;
        height       : 30px;
        z-index      : 2;
        font-size    : 10pt;
        position     : absolute;}

.mainMenu{
        margin       : 0;
        top          : 222px;
        left         : 11px;
        width        : 680px;
        height       : 40px;
        z-index      : 2;
        position     : absolute;}

/* BODY SPACE */
/* information */
.information{
        margin       : 0;
        top          : 270px;
        left         : 11px;
        width        : 470px;
        height       : 20px;
        z-index      : 2;
        position     : absolute;}

.infoBackGround{
        margin       : 0;
        top          : 290px;
        left         : 201px;
        width        : 280px;
        height       : 200px;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.infoText1{
        margin       : 0;
        top          : 305px;
        left         : 25px;
        width        : 450px;
        height       : 20px;
        z-index      : 3;
        font-size    : 11pt;
        position     : absolute;}

.infoText2{
        margin       : 0;
        top          : 325px;
        left         : 25px;
        width        : 400px;
        height       : 150px;
        z-index      : 3;
        font-size    : 11pt;
        position     : absolute;}

.infoText3{
        margin       : 0;
        top          : 457px;
        left         : 25px;
        width        : 400px;
        height       : 50px;
        z-index      : 3;
        font-size    : 9pt;
        position     : absolute;}

.latestMsg{
        margin       : 0;
        top          : 490px;
        left         : 21px;
        width        : 450px;
        height       : 20px;
        z-index      : 3;
        position     : absolute;}

.latestData1{
        margin       : 0;
        top          : 520px;
        left         : 25px;
        width        : 440px;
        height       : 20px;
        border-color : #000000 #000000 #555555 #000000;
        border-style : dotted;
        border-width : 1px;
        font-size    : 9pt;
        z-index      : 3;
        position     : absolute;}

.latestData2{
        margin       : 0;
        top          : 545px;
        left         : 25px;
        width        : 440px;
        height       : 20px;
        border-color : #000000 #000000 #555555 #000000;
        border-style : dotted;
        border-width : 1px;
        font-size    : 9pt;
        z-index      : 3;
        position     : absolute;}

.latestData3{
        margin       : 0;
        top          : 570px;
        left         : 25px;
        width        : 440px;
        height       : 20px;
        border-color : #000000 #000000 #555555 #000000;
        border-style : dotted;
        border-width : 1px;
        font-size    : 9pt;
        z-index      : 3;
        position     : absolute;}

.infoFrame{
        margin       : 0;
        top          : 270px;
        left         : 10px;
        width        : 470px;
        height       : 340px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        position     : absolute;}

/* profile */

.profile{
        margin       : 0;
        top          : 270px;
        left         : 491px;
        width        : 200px;
        height       : 20px;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.profPhoto{
        margin       : 0;
        top          : 300px;
        left         : 502px;
        width        : 175px;
        height       : 180px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 2;
        position     : absolute;}

.profTitle{
        margin       : 0;
        top          : 491px;
        left         : 528px;
        width        : 180px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 3;
        position     : absolute;}

.profTitleBg{
        margin       : 0;
        top          : 490px;
        left         : 502px;
        width        : 180px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.profIndex1{
        margin       : 0;
        top          : 516px;
        left         : 502px;
        width        : 85px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.profData1{
        margin       : 0;
        top          : 522px;
        left         : 575px;
        width        : 85px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.profIndex2{
        margin       : 0;
        top          : 548px;
        left         : 502px;
        width        : 85px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.profData2{
        margin       : 0;
        top          : 548px;
        left         : 575px;
        width        : 120px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.profIndex3{
        margin       : 0;
        top          : 566px;
        left         : 502px;
        width        : 85px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.profData3{
        margin       : 0;
        top          : 566px;
        left         : 575px;
        width        : 120px;
        height       : 20px;
        font-size    : 9pt;
        z-index      : 2;
        position     : absolute;}

.profDetail{
        margin       : 0;
        top          : 590px;
        left         : 622px;
        width        : 51px;
        height       : 14px;
        font-size    : 9pt;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.profDetailInfo{
        margin       : 0;
        top          : 594px;
        left         : 555px;
        width        : 65px;
        height       : 14px;
        font-size    : 8pt;
        z-index      : 2;
        position     : absolute;}

.profFrame{
        margin       : 0;
        top          : 270px;
        left         : 490px;
        width        : 200px;
        height       : 340px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        position     : absolute;}

/* gallary */

.gallary{
          margin       : 0;
          top          : 630px;
          left         : 11px;
          width        : 680px;
          height       : 20px;
/*          border-color : #555555;
          border-style : solid;
          border-width : 1px; */
          z-index      : 1;
          position     : absolute;}

/* welcomBoard */

.welcomeBoard{
        margin       : 0;
        top          : 660px;
        left         : 11px;
        width        : 260px;
        height       : 20px;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.welcomePhoto{
        margin       : 0;
        top          : 690px;
        left         : 20px;
        width        : 240px;
        height       : 170px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 2;
        position     : absolute;}

.welcomeTitle{
        margin       : 0;
        top          : 871px;
        left         : 48px;
        width        : 200px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 3;
        position     : absolute;}

.welcomeTitleBg{
        margin       : 0;
        top          : 870px;
        left         : 20px;
        width        : 240px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.welcomeInfo{
        margin       : 0;
        top          : 900px;
        left         : 20px;
        width        : 240px;
        height       : 70px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.welcomeDetail{
        margin       : 0;
        top          : 950px;
        left         : 207px;
        width        : 51px;
        height       : 14px;
        font-size    : 9pt;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.welcomeDetailInfo{
        margin       : 0;
        top          : 954px;
        left         : 137px;
        width        : 65px;
        height       : 14px;
        font-size    : 8pt;
        z-index      : 2;
        position     : absolute;}

.welcomeFrame{
        margin       : 0;
        top          : 660px;
        left         : 10px;
        width        : 260px;
        height       : 310px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        position     : absolute;}

/* memorialBoard */

.memorialBoard{
        margin       : 0;
        top          : 660px;
        left         : 281px;
        width        : 200px;
        height       : 20px;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.memorialPhoto{
        margin       : 0;
        top          : 690px;
        left         : 290px;
        width        : 180px;
        height       : 170px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 2;
        position     : absolute;}

.memorialTitle{
        margin       : 0;
        top          : 871px;
        left         : 318px;
        width        : 180px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 3;
        position     : absolute;}

.memorialTitleBg{
        margin       : 0;
        top          : 870px;
        left         : 290px;
        width        : 180px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.memorialInfo{
        margin       : 0;
        top          : 900px;
        left         : 290px;
        width        : 180px;
        height       : 70px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.memorialDetail{
        margin       : 0;
        top          : 950px;
        left         : 417px;
        width        : 51px;
        height       : 14px;
        font-size    : 9pt;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.memorialDetailInfo{
        margin       : 0;
        top          : 954px;
        left         : 347px;
        width        : 65px;
        height       : 14px;
        font-size    : 8pt;
        z-index      : 2;
        position     : absolute;}

.memorialFrame{
        margin       : 0;
        top          : 660px;
        left         : 280px;
        width        : 200px;
        height       : 310px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        position     : absolute;}

/* shopmenuBoard */

.shopmenuBoard{
        margin       : 0;
        top          : 660px;
        left         : 491px;
        width        : 200px;
        height       : 20px;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.shopmenuPhoto{
        margin       : 0;
        top          : 690px;
        left         : 500px;
        width        : 180px;
        height       : 170px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 2;
        position     : absolute;}

.shopmenuTitle{
        margin       : 0;
        top          : 871px;
        left         : 528px;
        width        : 180px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 3;
        position     : absolute;}

.shopmenuTitleBg{
        margin       : 0;
        top          : 870px;
        left         : 500px;
        width        : 180px;
        height       : 20px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.shopmenuInfo{
        margin       : 0;
        top          : 900px;
        left         : 500px;
        width        : 180px;
        height       : 70px;
        font-size    : 10pt;
        z-index      : 2;
        position     : absolute;}

.shopmenuDetail{
        margin       : 0;
        top          : 950px;
        left         : 625px;
        width        : 51px;
        height       : 14px;
        font-size    : 9pt;
/*        border-color : #555555;
        border-style : solid;
        border-width : 1px; */
        z-index      : 2;
        position     : absolute;}

.shopmenuDetailInfo{
        margin       : 0;
        top          : 954px;
        left         : 555px;
        width        : 65px;
        height       : 14px;
        font-size    : 8pt;
        z-index      : 2;
        position     : absolute;}

.shopmenuFrame{
        margin       : 0;
        top          : 660px;
        left         : 490px;
        width        : 200px;
        height       : 310px;
        border-color : #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        position     : absolute;}

/* FUTTER SPACE */

.futterMenu{
        margin       : 0;
        top          : 990px;
        left         : 10px;
        width        : 680px;
        height       : 20px;
        border-color : #555555 #555555 #000000 #555555;
        border-style : solid;
        border-width : 1px;
        z-index      : 1;
        font-size    : 10pt;
        position     : absolute;}

.futter{margin       : 0;
        top          : 1010px;
        left         : 10px;
        width        : 680px;
        height       : 20px;
        z-index      : 1;
        font-size    : 8pt;
        position     : absolute;}
