/* 通用 */
html{
background:url(/ppcamp/images/htmlbg.jpg) #ffd4db fixed repeat-x;
}
body{
margin:0;
padding:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif, 新細明體;
font-size:12px;
background:url(/ppcamp/images/body.gif) top center repeat-y;
}

/* 主版型 */
#pagewidth{
width:760px;
text-align:left;
margin:0 auto;
overflow:hidden;
background:#fff;
}

#header{
margin:0;
padding:0;
height:85px;
background:url(/ppcamp/images/header_bg.gif) #adba5e bottom center no-repeat;
width:760px;
display:block;
overflow:hidden;
clear:both;
}
#tabs{
height:30px;
width:760px;
background:url(/ppcamp/images/tabsbg.gif) #e0ef9f bottom right no-repeat;
display:block;
clear:both;
}
/* 內容雙欄容器 */
#wrapper{
width:760px;
display:block;
overflow:hidden;
}
/* 左主欄 */
#main{
background: #FFFFFF;
float: right;
width:280px;
display:inline;
padding:0;
margin:0;
}
#main h3{
font-size:13px;
color:#5995c7;
margin:2px 7px;
padding:2px 7px;
border-bottom:1px solid #76b1d9;
clear:both;
}
#main a:hover h3{
color:#f50;
}
/* main 左主欄內容樣式 */
#main .mainblock{
padding:5px;
margin:5px;
border:1px solid #ffd3c3;
background:#fff;
clear:both;
}
#main .mainblock h3{
font-size:16px;
color:#ff9172;
margin:2px;
padding:2px;
border-bottom:1px solid #ff9172;
}
#main .mainblock p{
font-size:12px;
color:#444;
line-height:150%;
margin:2px;
padding:2px;
}

/* 右欄 */
#right{
float: right;
width:480px;
display:inline;
}
/* 頁尾 */
#footer{
height:90px;
background:url(/ppcamp/images/footerbg.gif) center bottom no-repeat;
display:block;
text-align:center;
clear:both;
}
/* footer頁尾內樣式 */
#footer .urlfooter{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff9172;
margin:0;
padding:20px 4px 0;
line-height:150%;
}
#footer .urlfooter p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
letter-spacing:1px;
line-height:150%;
}
#footer .urlfooter a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff7857;
padding:2px;
text-decoration:none;
}
#footer .urlfooter a:hover{
color:#fff;
background:#ffa9b7;
text-decoration:none;
}
/*header 內容樣式*/
#header #left_header{
float: left;
height:85px;
width:220px;
}
#header #right_header{
padding:5px 0 0;
text-alignn:right;
float: right;
width:540px;
}
/*header下頁籤tabs 內容樣式*/
#tabs #right_tab{
float:right;
width:400px;
height:30px;
display:inline;
}
#tabs #left_tab{
float:left;
margin-left: 15px
width:360px;
height:30px;
}
#tabs #left_tab p {
color:#444;
margin:0;
padding:4px;
line-height:150%;
}
/*連結樣式*/
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE */
:focus {-moz-outline-style: none} /* For Firefox */
a {
color:#758823;
text-decoration:none;
}
a:hover{
color:#ff7083;
text-decoration:none;
}
/*Header 右上導覽 navibar */
.navibar
{
margin: 0;
padding: 10px 10px;
}

.navibar ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.navibar ul li
{
text-align:center;
display: block;
margin: 0;
padding: 0;
float: right;
border-left:3px solid #e0ef9f;
vertical-align: baseline;
width: auto;
}

.navibar ul li a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
background:url(/ppcamp/images/corner_navitab.gif) #ffa9b7 top right no-repeat;
margin: 0;
padding: 2px 10px;
}

.navibar ul li a:hover{
color: #fff;
background:url(/ppcamp/images/corner_navitab2.gif) #ff7083 top right no-repeat;
}

/*Header下tabs 內容樣式*/
#navlist {
padding:0 5px 0 0;
margin: 0;}

ul#navlist {
font: normal 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 5px;
margin: 0;
}

ul#navlist li {
float: right;
height: 20px;
background: url() #adba5e bottom center repeat-x;
margin: 8px 3px 0px;
border-bottom: none;
vertical-align: baseline;
}

#navlist a {
float: left;
display: block;
color: #fff;
border: 1px solid #adba5e;
text-decoration: none;
padding: 3px;}

#navlist a:hover {
background: url() #c5e063 bottom center repeat-x;
color:#758823;
text-decoration: none;
}

li#active a {
background: url() #ff7083 bottom center repeat-x;
color:#fff;
text-decoration: none;
}
/* right 右邊欄內容樣式 */
#right .sideblock{
padding:5px;
margin:5px;
border:1px solid #ffd3c3;
background:#fff;
display:block;
clear:both;
}
.infoclouds{
text-align:center;
vertical-align:baseline;
background:url(/ppcamp/images/infoclouds.jpg) 50% 50% no-repeat;
padding:30px;
margin:0;
height:140px;
font: normal 1.25em  arial, verdana, sans-serif;
letter-spacing:0.1em;
line-height:2em;
color:#333;
}

#right .sideblock h3{
font-size:1.5em;
color:#76b1d9;
margin:2px;
padding:2px 30px;
/* border-bottom:1px solid #76b1d9; */
}
#right .sideblock h4{
font-size:16px;
color:#ff9172;
margin:2px;
padding:2px;
border-bottom:1px solid #ffd3c3;
}
#right .sideblock h5{
font-size:15px;
color:#0033CC;
margin:2px;
padding:2px;
border-bottom:1px solid #3366CC;
}
#right .sideblock p{
font-size:15px;
letter-spacing:0.1em;
color:#444;
line-height:150%;
margin:2px;
padding:2px 30px;
}
#right .sideblock font, #right .sideblock li{
font-size:15px;
}
#right .sideblock ul{
font-size:1.25em;
letter-spacing:0.1em;
color:#444;
line-height:150%;
margin:2px;
padding:2px 30px;
}

#right .sideblock img{
border:1px solid #CCCCCC;
margin-top: 10px;
}

#right .sideblock img.no-bor{
border: 0px;
text-align: center;
}

.alignc{
text-align:center;
margin:2px auto;
padding:0;
}
.alignr{
text-align:right;
padding:0;
margin:0;
}
/* 團首頁內容清單 */
#right .sideblock .sidelist
{
padding-left: 0;
margin-left: 0;
width: 450px;
}

#right .sideblock .sidelist li
{
list-style: none;
color:#444;
letter-spacing:1px;
line-height:150%;
margin: 0;
padding: 2px;
border-bottom: 1px solid #ddd;
}

#right .sideblock .sidelist li a {
text-decoration: none;
}

#comments{
margin: 5px 10px 5px 10px;
}
.comment-header{
font-weight:bold;
}
.comment-content{
padding-left:15px;
line-height:150%;
}
.comment-footer{
border-top:solid 1px #ff9172;
padding-top:3px;
}


/* 單欄樣式 */
#wrapper .wrapperblock{
padding:5px 10px;
margin:5px 10px;
/* border:1px solid #76b1d9; */
background:#fff;
}
#wrapper .wrapperblock h3{
font-size:16px;
color:#401005;
margin:2px;
padding:2px;
border-bottom:1px solid #401005;
}
#wrapper .wrapperblock p{
font-size:12px;
color:#444;
line-height:150%;
margin:2px;
padding:2px;
}
#wrapper .wrapperblock .minfobox{
background:#faffe5;
margin:5px 0 20px;
padding:5px;
letter-spacing:1px;
border:1px #dce8a6 solid;
}
input{
font-size:12px;
font-family:arial;
vertical-align:middle;
margin:0;
padding: 0 3px;
background:url(/ppcamp/images/inputbg.png) top left no-repeat;
}
div .hr{
width:100%;
height:1px;
border:0;
background:url(/ppcamp/images/hr.gif) left top repeat-x;
clear:both;
}
.length500{
vertical-align:middle;
height:20px;
border:1px #a7b266 solid;
font-size:12px;
font-family:arial;
margin:0;
padding: 0 3px;
background:url(/ppcamp/images/inputbg.png) top left repeat-x;
width:500px;}
.length300{
vertical-align:middle;
height:20px;
border:1px #a7b266 solid;
font-size:12px;
font-family:arial;
margin:0;
padding: 0 3px;
background:url(/ppcamp/images/inputbg.png) top left repeat-x;
width:300px;}
.txtarea300{
width:300px;
height:80px;
border:1px #a7b266 solid;
}
.border1px{
vertical-align:middle;
height:20px;
border:1px #a7b266 solid;
}
.abgcolor{
font-size:12px;
line-height:150%;
margin:2px;
padding:2px;
color:#718226;
background:#faffe5;
border:1px #a7b266 solid;
}
.abgcolor:hover{
color:#ff7083;
background:#ffece5;
border-color:#ff7083;
}
#wrapper .wrapperblock span.psinfo{
color:#cc553d;
}
/* button樣式 */
.formbutton{
font-size:12px;
cursor:pointer;
border:outset 1px #ccc;
color:#000;
font-weight:normal;
line-height:100%;
margin:1px;
padding: 2px;
background:url(/ppcamp/images/formbg.gif) #eee left top repeat-x;
}

/* 輪播活頁 tabber */
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = 初始
  .tabberlive = 活頁
  --------------------------------------------------*/
.tabber {
word-break:break-all;
margin: 0 auto;
align:center;
}
.tabberlive {
margin:10px 0 0 0;
word-break:break-all;
}

/*--------------------------------------------------
  ul.tabbernav = 活頁列表
  li.tabberactive = 使用中的活頁
  --------------------------------------------------*/
ul.tabbernav
{display:inline;
 margin:0 ;
 padding: 3px 0 0 0;
 font: bold 12px arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 padding: 3px 0 0 0;
 vertical-align: baseline;
 display: inline;
}

ul.tabbernav li a
{display:inline;
 padding: 3px 5px 0 5px;
 margin-left: 6px;
 border: 1px solid #aab37d;
 border-bottom: none;
 background: #ecf2ce;
 text-decoration: none;
 color:#aab37d;
}

ul.tabbernav li a:hover
{
 padding: 3px 5px 0 5px;
 color: #718226;
 background: #fff;
 border-color:#718226;
}

ul.tabbernav li.tabberactive a,ul.tabbernav li.tabberactive a:hover
{
 color:#ffffff;
 padding: 3px 5px 0 5px;
 background-color: #ffa9b7;
 border-color:#ff7083;
}

/*--.tabbertab =活頁區塊內容 --*/
.tabberlive .tabbertab {
color:#444;
word-break:break-all;
letter-spacing:1px;
padding:5px;
margin:0px 5px;
width:95%;
border:1px solid #ffa9b7;
background:#ffffff;
overflow:hidden;
/* height:310px; */
}

.tabberlive {
text-align:left;}
.tabberlive .tabbertab p{
margin:2px 0;
padding:2px 0;
line-height:150%;
text-align:left;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive .tabbertab h4{
font-size:16px;
font-weight:bold;
margin:0 4px;
padding:4px 10px;
border-bottom:0px #718226 solid;
color:#718226;
background:transparent;
}
.tabbody40{
margin:0;
padding:0;
float:left;
width:40%;
display:inline;
background:url(/ppcamp/images/widestrip.gif) top left repeat;
}
.tabbody40 p{
margin:0;
padding:0 5px;
line-height:150%;
}
.tabbody60{
margin:0;
padding:0;
float:left;
width:60%;
display:inline;
}
.tabbody60 p{
margin:0;
padding:0 5px;
line-height:150%;
}
em{
color:#e0562b;
text-decoration: none;
font-style:normal;
}
.clear{
margin:0;
padding:0;
display:block;
clear:both;
}
/* .tabberlive .tabbertab img {
margin:4px;
padding:3px;
border: 1px solid #bbbbbb; */
}
/* 簡訊輪播 */
.block460{
margin:0;
width:450px;
}
.block460 p{
margin:2px;
padding:3px 8px;
line-height:150%;
}
.rightinfo{
margin:2px 0;
padding:0 10px;
line-height:150%;
color:#e0562b;
text-align:right;
}
.block460 .downinfo{
background:#fff0b2;
margin:0;
padding:0;
}
/* categories */
.block60{
width:450px;
height:80px;
overflow:hidden;
border-bottom:1px #ffa9b7 solid;
color:#444;
letter-spacing:1px;
display:block;
}
.ava48{
float:left;
display:inline;
padding:3px 6px;
}
.info20{
width:374px;
float:left;
display:inline;
line-height:150%;
}
.user20{
padding:0;
float:left;
display:inline;
line-height:150%;
}
.from20{
color:#76b1d9;
padding:2px;
float:right;
display:inline;
line-height:150%;
}
.words40{
line-height:130%;
width:374px;
float:left;
display:inline;
}
/* 簡訊操作 */
.block320{
width:320px;
margin:0;
padding:0;
display:inline;
float:left;
overflow:hidden;
}
.block320 .send320{
text-align:right;
line-height:150%;
padding:0 10px;
margin:0;
}
.block320 .date320{
text-align:right;
margin:4px 0;
padding:0;
line-height:150%;
}
.block130{
width:130px;
margin:0;
padding:0;
display:inline;
float:left;
overflow:hidden;
clear:right;
}
.block130 .title130{
color:#5793c6;
background:#bee0f5;
margin:0;
padding:2px;
height:20px;
}
.block130 p{
padding:5px;
margin:0;
line-height:150%;
}
textarea{
font-family:arial;
font-size:12px;
line-height:150%;
letter-spacing:1px;
margin:0;
border:1px solid #a7b266;
background:url(/ppcamp/images/inputbg.png) top left repeat-x;
}
SELECT{
font-size:12px;
vertical-align:middle;
}
/* 人氣排行 */
.ranklist
{
margin: 0;
border-bottom: 1px solid #eee;
padding: 0 0 0 30px;
list-style: none;
}

.ranklist li
{
margin: 0;
padding: 0.25em;
border-top: 1px solid #eee;
vertical-align:middle;
line-height:150%;
list-style-image: url(/ppcamp/images/pplistico.gif)
}
.mainblock .ranklist li
{
margin: 0;
padding: 0.25em;
border-top: 1px solid #eee;
vertical-align:middle;
list-style-image: none;
}
.ranklist li a {
margin:0;
line-height:150%;
text-decoration: none;
}
/* 訂閱排列 */
.rank{
margin:2px 4px 2px 10px;
padding:2px 4px;
list-style-type: none;
text-align: center;
}

.rank li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

.rank li a{
border: 1px solid #76b1d9;
padding: 2px;
margin: 3px;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
}

.rank li a:hover{
border-color:#ff5500;
}
/* 說明視窗 */
.ppinfobox{
text-align:left;
width:90%;
height:90%;
margin:5px;
padding:5px;
border:1px solid #76b1d9;
background:#fff;
}
.ppinfobox h3{
font-size:16px;
color:#76b1d9;
margin:2px;
padding:2px;
border-bottom:1px solid #76b1d9;
}
.ppinfobox p{
font-size:12px;
color:#444;
line-height:150%;
margin:2px;
padding:2px;
}
/* 個別團頁面 */
#upagetitle{
font-family:verdana;
font-size:15px;
line-height:150%;
color:#85ad0a;
font-weight:bold;
margin:0;
padding:4px;
text-align:center;
border:1px solid #fff;
background:url(/ppcamp/images/upagetitle_bg.png) top left repeat-x;
}
#avatar140{
text-align:center;
padding:5px;
margin:5px;
}
#avatar140 img{
padding:5px;
border:1px solid #ccadb1;
background:#fff;
}

/*-- list style --*/
ul.pplist {
width:140px;
margin: 0;
text-align:left;
padding: 0 0 0 30px;
list-style: none;
}
.pplist li{
width:140px;
list-style-image: url(/ppcamp/images/pplistico.gif);
vertical-align: baseline;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 150%;
}

/* 表格 */
table{
border-top:1px solid #76b1d9;
border-left:1px solid #76b1d9;
}
td{
border-bottom:1px solid #76b1d9;
border-right:1px solid #76b1d9;
}
th{
font-weight:normal;
border-bottom:1px solid #76b1d9;
border-right:1px solid #76b1d9;
background:#e5f7ff;
}
.tablenostyle,.tablenostyle td{
border:0;
}
/*jhb1*/
div#hoverb1{
width:113px;
margin:0;
height:41px;
text-align:center;
float:left;
}
div#hoverb1 a{
padding:0;
display:block;
width:113px;
height:41px;
background-image:url(/ppcamp/images/hoverb1.gif);
text-decoration:none;
}

div#hoverb1 a:hover{
background-position:bottom;
text-decoration:none;
}
/*end jhb1*/
/*jhb2*/
div#hoverb2{
width:113px;
margin:0 auto;
height:41px;
text-align:center;
}
div#hoverb2 a{
padding:0;
display:block;
width:113px;
height:41px;
background-image:url(/ppcamp/images/hoverb2.gif);
text-decoration:none;
}

div#hoverb2 a:hover{
background-position:bottom;
text-decoration:none;
}
/*end jhb2*/
/* 登入與註冊區塊 */
#login235{
width:235px;
text-align:center;
margin:10px auto;
padding:5px;
}

/*通用息新增1*/
td p{
color:#333;
padding:0 20px;
margin:0;
line-height:150%;
letter-spacing:1px;
}
/*通用息新增2*/
th h4{
font-family:verdana;
font-size:15px;
color:#5995c7;
margin:0;
padding:2px 4px;
}

/* 左邊欄main的清單樣式 ul li */
#main .mainblock ul{
text-align:left;
margin: 0;
padding: 0 0 0 20px;
line-height: 150%;
list-style: none;
}
#main .mainblock ul li{
color:#adba5e;
font-size:12px;
list-style-position: outside;
list-style-type: disc;
vertical-align: baseline;
padding:2px;
margin: 2px 0;
font-size: 12px;
line-height: 150%;
}
#main .mainblock ul li a{
border-bottom:1px #ddd solid;}
#main .mainblock ul li a:hover{
border:none;}
/* 左邊欄main的黑色字清單樣式 ul li */
#main .mainblock ul.blackinfo{
padding-left: 0;
margin-left: 0;
}
#main .mainblock ul.blackinfo li{
vertical-align: baseline;
color:#444;
list-style: square inside;
margin: 0;
padding: 4px 2px;
line-height:150%;
border-bottom: 1px solid #ddd;
}
#main .mainblock ul.blackinfo li a{
border-bottom:1px #ddd solid;}
#main .mainblock ul.blackinfo li a:hover{
border:none;}
/* 漫畫導覽說明文字 */
h6{
font-family:verdana;
font-size:15px;
font-weight:normal;
letter-spacing:1px;
margin:0;
padding:0 10px;
}
/* pagination */
div.pagination {
margin:5px 5px 0px;
padding:2px;
}
div.pagination span {
margin:3px;
}
div.pagination span.cur_tag {
background:#ffa9b7;
border:1px solid #ff7083;
color:white;
font-weight:bold;
padding:0px 4px;
}
div.pagination span.num_tag {
border:1px solid #ffa9b7;
padding:0px 4px;
}
div.pagination span.num_tag:hover {
background:#ffd3c3;
}
/* dl dt dd */
dl {
font:normal 12px/15px Arial;
position: relative;
width: 470px;
margin:0 auto;
}
dt {
clear: both;
float:left;
width: 130px;
padding: 4px 0 2px 0;
text-align: right;
}
dd {
float: left;
width: 320px;
margin: 0 0 15px 0;
padding-left: 6px;
line-height:150%;
}
.taborder1px{
vertical-align: baseline;
height:20px;
padding:2px;
margin:0;
width:90%;
border:1px #a7b266 solid;
}
.tabtarea1px{
vertical-align: baseline;
height:120px;
padding:2px;
margin:0;
width:90%;
border:1px #a7b266 solid;
}
/* 新增 */
.stepinfo{
text-align:center;
margin:0 auto;
padding:0;
width:400px;
display:block;
clear:both;
}
.bigreadmore{
font-size:15px;
float:right;
display:block;
clear:both;
vertical-align:text-bottom;
margin:0;
padding:0;
line-height:150%;
}
.ntips{
font: normal 1.25em  arial, verdana, sans-serif;
padding:4px 50px;
margin: 0;
text-align:left;
list-style: none;
}
.ntips li{
list-style-image: url(/ppcamp/images/ntips.gif);
vertical-align: baseline;
line-height:1.5em;
padding: 0 0 0 5px;
margin: 5px 0;
}