/* 通用 */
html{
background:url(/pphelp/images/htmlbg.png) #ffd772 fixed repeat-x;
}
body{
margin:0;
padding:0;
text-align:center;
font-family:arial;
font-size:12px;
background:url(/pphelp/images/body.gif) top center repeat-y;
}
/* 主版型 */
#pagewidth{
width:760px;
text-align:left;
margin:0 auto;
}

#header{
margin:0;
height:85px;
background:url(/pphelp/images/header_bg.png) #b2e5ff bottom right no-repeat;
width:100%;
display:block;
clear:both;
}
#tabs{
height:30px;
width:760px;
background:url(/pphelp/images/tabsbg.gif) #d9f2ff bottom right no-repeat;
display:block;
clear:both;
}
/* 內容雙欄容器 */
#wrapper{
width:760px;
display:block;
}

/* 全頁單欄 */
#one-column{
background: #FFFFFF;
float: right;
width:760px;
display:inline;
padding:0;
margin:0;
}
/* 左主欄 */
#main{
background: #FFFFFF;
float: right;
width:280px;
display:inline;
padding:0;
margin:0;
}
#main h3{
font-size:16px;
color:#76b1d9;
margin:2px 7px;
padding:2px 7px;
border-bottom:1px solid #76b1d9;
}
/* main 左主欄內容樣式 */
#main .mainblock,#one-column .mainblock{
padding:5px;
margin:5px;
border:1px solid #76b1d9;
background:#fff;
}
#main .mainblock h3,#one-column .mainblock h3{
font-size:16px;
color:#15aadd;
margin:2px;
padding:2px;
border-bottom:1px solid #76b1d9;
}

#main .mainblock p,#one-column .mainblock p{
font-size:12px;
color:#444;
line-height:150%;
margin:2px;
padding:2px;
}
#main .mainblock .sidelist 
{
padding-left: 0;
margin-left: 20px;
}
#main .mainblock .sidelist li
{
list-style: square outside;
margin: 0;
padding: 2px;
font-size:12px;
}

/* 右欄 */
#right{
float: right;
width:480px;
background:#e5f7ff;
display:inline;
}
/* 頁尾 */
#footer{
height:90px;
background:url(/pphelp/images/footerbg.gif) center bottom no-repeat;
display:block;
text-align:center;
clear:both;
}
/* footer頁尾內樣式 */
#footer .urlfooter{
font-family:verdana;
font-size:0.85em;
color:#76b1d9;
margin:0;
padding:20px 4px 0;
line-height:150%;
}
#footer .urlfooter p{
margin:0;
padding:0;
letter-spacing:1px;
line-height:150%;
}
#footer .urlfooter a{
font-family:verdana;
font-size: 9pt;
color:#0066cc;
text-decoration:none;
}
#footer .urlfooter a:hover{
color:#00aaff;
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: 5px;
width:360px;
height:30px;
}
#tabs #left_tab p {
color:#444;
margin:0;
padding:4px;
line-height:150%;
}
#tabs #left_tab a {
text-decoration:underline;
}
/*連結樣式*/
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE */
:focus {-moz-outline-style: none} /* For Firefox */
a {
color:#0066cc;
text-decoration:none;
}
a:hover{
color:#ff5500;
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 #b2e5ff;
width: auto;
}

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

.navibar ul li a:hover{
color: #fff;
background:url(/pphelp/images/corner_navitab2.gif) #0af 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(/pphelp/images/mocasy_navlist.gif) #76b1d9 bottom center repeat-x;
margin: 8px 3px 0px;
border-bottom: none;}

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

#navlist a:hover {
background: url(/pphelp/images/mocasy_navlist2.gif) #e0562b bottom center repeat-x;
color:#fff;
border-color: #fff;
text-decoration: none;
}

li#active a {
background: url(/pphelp/images/mocasy_navlist2.gif) #e0562b bottom center repeat-x;
color:#fff;
text-decoration: none;
}
/* right 右邊欄內容樣式 */
#right .sideblock{
font-size: 13px;
padding:5px;
margin:5px;
border:1px solid #76b1d9;
background:#fff;
}
#right .sideblock h3{
font-size:16px;
color:#15aadd;
margin:2px;
padding:2px;
border-bottom:1px solid #76b1d9;
}
#right .sideblock h4{
font-size:14px;
color:#000;
margin:2px;
padding: 2px 2px 10px 2px;
}
#right .sideblock p{
font-size:15px;
color:#333;
line-height:180%;
margin:2px;
padding:2px;
}

#right .sideblock .sidelist
{
padding-left: 0;
margin-left: 0;
width: 300px;
}

#right .sideblock .sidelist li
{
list-style: square inside;
margin: 0;
padding: 2px;
border-bottom: 1px solid #ddd;
}

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

#right .sideblock li
{
font-size:15px;
list-style: url(/pphelp/images/list_star8.gif) outside;
margin: 0;
padding: 2px;
}

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

#right .sideblock img {
border: 1px #B3B3B3 solid;
text-align: center;
}

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

#right .sideblock p.note{
font-size:12px;
color:#666;
line-height:150%;
margin:2px;
padding: 2px 2px 12px 2px;
}

/* 單欄樣式 */
#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 #ddd;
}
#wrapper .wrapperblock p{
font-size:12px;
color:#444;
line-height:150%;
margin:2px;
padding:2px;
}
input{
font-size:11px;
font-family:arial;
border: 1px solid #888;
margin: 0px;
padding: 3px;
}
#wrapper .wrapperblock span.psinfo{
color:#cc553d;
}
/* button樣式 */
.formbutton{
font-size:12px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#000;
font-weight:normal;
margin:0;
padding: 2px 1px;
background:url(/pphelp/images/formbg.gif) repeat-x left top;
}

/* 輪播活頁 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;
 display: inline;
}

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

/* ul.tabbernav li a:link { color: #777777; } */
/* ul.tabbernav li a:visited { color: #777777; } */

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

ul.tabbernav li.tabberactive a,ul.tabbernav li.tabberactive a:hover
{
 color:#ffffff;
 padding: 3px 5px 0 5px;
 background-color: #00aaff;
 border-color:#76b1d9;
}

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

.tabberlive {
text-align:left;}
.tabberlive .tabbertab p{
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 img {
margin:4px;
padding:3px;
border: 1px solid #bbbbbb; */
}


/* 簡訊輪播 */
.block460{
margin:0;
width:450px;
}
.block60{
width:450px;
/* height:60px; */
overflow:hidden;
border-bottom:1px #0af solid;
display:block;
}
.ava48{
float:left;
display:inline;
padding:6px;
}
.info20{
width:360px;
float:left;
display:inline;
line-height:150%;
}
.user20{
padding:2px;
float:left;
display:inline;
line-height:150%;
}
.from20{
color:#76b1d9;
padding:2px;
float:right;
display:inline;
line-height:150%;
}
.words40{
line-height:130%;
width:360px;
float:left;
display:inline;
}

.tabberlive .tabbertab h4{
font-size:16px;
font-weight:bold;
margin:0 4px;
padding:4px 10px;
border-bottom:0px #718226 solid;
color:#00aaff;
background:transparent;
}

/* 人氣排行 */'
.ranklist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #eee;

}

.ranklist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #eee;
}

.ranklist li a { 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;
}

/* 表格 */
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(/pphelp/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(/pphelp/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;
}

/* 新增 */
.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;
}