@charset "utf-8";
/* CSS Document */
html{width:100%;margin:0px;padding:0px;}
body
{
   width:100%;
   color:#1a3397;
   background-color: #FFFFFF;
   background-image: url("images/gbook_backframe01.png");
   background-repeat: repeat-y;
   background-position: center;
   margin:0px auto;
   padding:0px;
}

a:link{color:#0000FF;}
a:visited {color: #702a85;}
a:active {color: #e7651a;}
a:hover {color: #ec872b;}

header{width:100%;}

article.artpc{display:none;}
article.artm{display:inline;}

table.tabtit{width:100%;}
table.tabart{width:100%;border:0px;border-spacing:0px;}
table.tabnoconpc{display:none;}
table.tabnoconm{width:100%;border:0px;border-spacing:0px;}
table.tabbotpg{width:100%;border:0px;border-spacing:0px;}
table.tabpostartpc{display:none;}
table.tabpostartm{width:100%;border:0px;border-spacing:0px;}

table.gohometab{width:100%;background-color:#FFFFFF;}

tr{border:0px;border-spacing:0px;}

td.tdheadl,td.tdheadr{display:none;}
td.tdheadc{text-align:center;width:100%;height:50px;background-color:#94c64f;border:0px;border-spacing:0px;padding:0px;}

td.tdhead1{text-align:center;width:100%;background-color:#d7f6ab;}
td.tdhead2{text-align:center;width:100%;background-color:#fafacd;}

td.tdarthead1l,td.tdarthead1r{display:none;}
td.tdarthead1cl,td.tdarthead1cr{text-align:left;width:50%;background-color:#b2de75;}

td.tdarthead2{text-align:right;font-size:12pt;width:100%;background-color:#d7f6ab;border:0px;}

td.tdartcont{text-align:left;font-size:14pt;width:100%;background-color:#fafacd;border:0px;}

td.tdartrehead1l{text-align:left;width:50%;background-color:#d7f6ab;border:0px;}
td.tdartrehead1r{text-align:right;width:50%;background-color:#d7f6ab;border:0px;}

td.tdnoartcontm{text-align:center;width:100%;background-color:#fafacd;border:0px;}

td.tdpgbar{text-align:center;width:100%;background-color:#fafacd;}

td.tdartpoktop{text-align:center;width:100%;background-color:#b2de75;border:0px;border-spacing:0px;padding:0px;}

h1{font-size:20pt;margin:1px;}
h2{font-size:18pt;margin:1px;}
h3,h2.postokh2{font-size:16pt;margin:1px;}
h4{margin:1px;}

p{font-size:14pt;margin:5px;}
p.headp1{margin:5px;}
p.uemail{margin:1px;}
p.postlink{font-size:14pt;margin:1px;}
p.puemail{font-size:14pt;margin:1px;}
p.hline{margin-right:auto;margin-left:auto;text-align:center;}
p.formbut{text-align:right;}

img.imghline{width:100%;height:auto;}
img.gbookimg{width:auto;max-width:100%;height:auto;}

form.postformpc{display:none;}
form.postformm{display:inline;}

input.postnicknm,input.postemail{font-size:14pt;border:1px solid #1a3397;background-color:#d0e890;}
input.postnicknm{width:50%;}
input.postemail{width:50%;}
input.postconadd{font-size:14pt;width:50%;background-color:#ffffe0;border:1px solid #1a3397;}
input.postwstnm,input.postimgnm,input.readmid,input.readmpw{font-size:14pt;width:50%;background-color:#ffffe0;border:1px solid #1a3397;}
input.postbutins,input.admlgbut,input.readmlobut,input.readmdel{font-size:14pt;color:808080;background-color:#80c050;border:1px solid #1a3397;}

textarea.postcontext{font-size:14pt;width:96%;height:350px;background-color:#ffffe0;border:1px solid #1a3397;}
textarea.replycontext{font-size:14pt;width: 96%;height:350px;background-color:#ffffe0;border:1px solid #1a3397;}

button{font-size:14pt;color:808080;background-color:#80c050;border:1px solid #1a3397;}


button.totopbut
{
   position:absolute;
   display:none; /* 初始隱藏 */
   font-size:14pt;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#80b030;
   height:56px;
   right:20px;
   bottom:26px;
   border:none;
   border-radius:20px;
   padding: 10px 18px;
   cursor:pointer;
}

button.totopbut.show{display:block;pointer-events:auto;}
button.totopbut:hover{background-color:#70a050;}