#top-bar{
    width:100%;
    height:50px;
    background:#32b3bf;
    position:fixed;
    top:-65px;
	-webkit-box-shadow: 0px 8px 15px #B5B5B5;
	-moz-box-shadow: 0px 8px 15px #B5B5B5;
	box-shadow: 0px 8px 15px #B5B5B5;   
}

.pq_TIPS1{
	list-style-type: none;
	font-size: 1rem;
}

.pq_TIPS1:before{
	content: '✽';
	padding-right: 2px;
	padding-left: 5px;
}

.pq_TIPS2{
	margin-top: 5px;
	margin-bottom: 7px;
}

li.pq_NO_LIST{}

li.pq_NO_LIST:before{
	display: none;
}


/*說明區塊公版*/
.pq_ACT_AREA{
	width: 95%;
	height: auto;
	overflow: hidden;
}

/*標題槓效果*/
.pq_BAR_STYLE1{
	text-indent: 10px;
    border-left: 6px solid #ff9f00;
    margin:10px 0 10px 0;
}

.pq_BAR_STYLE2{
    border-left: 6px solid #0068dd;
    margin:10px 0 10px;
}

.pq_BAR_STYLE2 p{
    padding-left: 8px;
}

/*標題樣式上下間隔控制*/
.pq_BAR_TITLE1{
	margin-bottom: 5px;
}

.pq_ACT_BLANK{height: 10px;}

/*免費頁模糊區塊*/
.pq_BLUR_CON{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.pq_LIST_BLUR{
	width: 100%;
	list-style: disc;
	list-style-position: outside;
	padding:0px 0px 0px 30px;
	box-sizing: border-box;
}

.pq_LIST_BLUR li{
	width: 100%;
	float: left;
	line-height: 2.1rem;
}

.pq_LIST_BLUR li>p{
	float: left;
	width: 100%;
}

.pq_BLUR_BOX{
	width: 100%;
	height: auto;
	margin: 10px 0;
}
/*======================虛線樣式======================*/
.IP_LINE{
	width: 100%;
    height: 8px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-top: 1px dashed orange;
}

.IP_BLANK{height: 10px;}
.IP_BLANK2{height: 15px;}
.FR_BLANK{height: 10px;}
/*======================此部分為方型樣式======================*/

.pq_LIST_SQR{
	width: 100%;
	list-style: square;
	list-style-position: outside;
	padding:0px 0px 0px 30px;
	box-sizing: border-box;
}

.pq_LIST_SQR a{
	color:#1a8dd4;
	text-decoration: underline;
}

.pq_LIST_SQR li{
	line-height: 2.1rem;
}

.pq_LIST_SQR li>ul{
	width: 100%;
	list-style: square;
	list-style-position: outside;
	padding:0px 0px 0px 30px;
	box-sizing: border-box;
}

/*======================此部分為圓點樣式======================*/

.pq_LIST_DISC{
	width: 100%;
	list-style: disc;
	list-style-position: outside;
	padding:0px 0px 0px 30px;
	box-sizing: border-box;
}

.pq_LIST_DISC a{
	color:#1a8dd4;
	text-decoration: underline;
}

.pq_LIST_DISC li{
	margin: 5px 0 5px 0;
}

.pq_LIST_DISC li>ul{
	width: 100%;
	list-style: disc;
	list-style-position:outside;
	padding:0px 0px 0px 27px;
	box-sizing: border-box;
}

/*======================此部分為序號樣式======================*/

.pq_LIST_NUM{
	width: 100%;
	list-style: decimal;
	list-style-position: outside;
	padding:0px 0px 0px 30px;
	box-sizing: border-box;
}

.pq_LIST_NUM a{
	color:#1a8dd4;
	text-decoration: underline;
}

.pq_LIST_NUM li{
	margin: 5px 0 5px 0;
}

.pq_LIST_NUM li>ul{
	width: 100%;
	box-sizing: border-box;
}

.pq_LIST_NUM li>ul>li{
	padding: 0 0 0 30px;
	text-indent: -32px;
}

/*======================此部分為自訂圖1樣式======================*/

.pq_LIST_ICON{
	width: 100%;
	box-sizing: border-box;
}

.pq_LIST_ICON a{
	color:#1a8dd4;
	text-decoration: underline;
}

.pq_LIST_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_1.png) no-repeat;
	background-size: 30px 30px;/*控制圖片的大小*/
	background-position-y: 2px;
	padding-left: 35px;
	margin: 5px 0 5px 0;
}

.pq_LIST_ICON li>ul>li{
	background-image: none;
	padding-left: 25px;
	text-indent: -20px;/*-25px*/
	margin-bottom: 0px;
}

.pq_LIST_ICON li>ul>li::before{
	content: '└ '; /*輸入想要的符號*/
	/*font-size:1.2rem;*/ /*改變大小用font-size控制*/
	/*color: brown;*/ /*改變顏色用color控制*/
}

.pq_LIST_ICON li ul li ul li::before{
	content: '◆ ';
	/*font-size:1.2rem;*/ /*改變大小用font-size控制*/
	/*color: brown;*/ /*改變顏色用color控制*/
}

/*======================此部分為自訂圖2樣式======================*/

/*自訂圖項目-第二層項目圖片樣式*/
.pq_LIST_ICON .pq_SEC_ICON{
	width: 100%;
	box-sizing: border-box;
}

/*設計師請在這換圖即可*/
.pq_LIST_ICON .pq_SEC_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_2.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 1px;
	padding-left: 35px;
	text-indent: 1px;
	margin: 5px 0 5px 0;
}

.pq_LIST_ICON .pq_SEC_ICON li::before{
	content: '';}


/*自訂圖項目-第三層項目圖片樣式*/
.pq_LIST_ICON .pq_THR_ICON{
	width: 100%;
	box-sizing: border-box;
}

/*設計師請在這換圖即可*/
.pq_LIST_ICON .pq_THR_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_3.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 0.5px;
	padding-left: 35px;
}

.pq_LIST_ICON .pq_THR_ICON li::before{
	content: '';}

/*======================自訂圖2樣式結束======================*/

/*本站首頁小icon樣式*/
.pq_SMALLNUM{
	width: 100%;
	box-sizing: border-box;
}

.pq_SMALLNUM a{
	display:block;
	color: #333333;
	text-decoration: none;
	white-space: nowrap;/*不自動斷行*/
	text-overflow: ellipsis;/*出現省略符號*/
	overflow: hidden;
}

.pq_SMALLNUM a:hover{
	color: #1a8dd4;
	text-decoration: underline;
}

.pq_SMALLNUM li{
	counter-increment: step-counter;/*給定content一個值讓::before呼叫*/
	box-sizing: border-box;
	margin-bottom: 5px;
}

.pq_SMALLNUM li::before{
	display: inline-block;
	float: left;
	font-size: 1rem;
	color: white;
	width: 22px;
	height: 22px;
	line-height: 23px;
	text-align: center;
	content: counter(step-counter);/*呼應上方給定的值*/
	background-color: #c12dda;/*調整顏色*/
	border-radius: 3px;/*調整外框樣式*/
	margin-right: 5px;
}


/*======================日韓、本站與算命首頁推薦區塊======================*/

.pq_LIST_REC{
	width: 100%;
	box-sizing: border-box;
}

.pq_LIST_REC a{
	display:block;
	color: #333333;
	text-decoration: none;
}

.pq_LIST_REC a:hover{
	color: #1a8dd4;
	text-decoration: underline;
}

.pq_LIST_REC li{
	margin-bottom: 10px;
	white-space: nowrap;/*不自動斷行*/
	text-overflow: ellipsis;/*出現省略符號*/
	overflow: hidden;
	border-bottom: 1px solid #e1e1e1;
	height: 35px;
}

.pq_LIST_REC li span{
	display: inline-block;
    float: left;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    background-color: #d36f5b;
    padding: 2px;
    margin-right: 5px;
}

.pq_LIST_ICON2{
	width: 100%;
	box-sizing: border-box;
}

.pq_LIST_ICON2 li{
	margin: 5px 0 5px 0;
}

/*======================此部分為自訂圖2樣式======================*/

.pq_LIST_ICON2 li:nth-of-type(1){
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_1.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 1px;
	padding-left: 35px;
}

.pq_LIST_ICON2 li:nth-of-type(2){
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_2.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 1px;
	padding-left: 35px;
}

.pq_LIST_ICON2 li:nth-of-type(3){
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_3.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 1px;
	padding-left: 35px;
}

.pq_LIST_ICON2 li:nth-of-type(4){
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_4.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 1px;
	padding-left: 35px;
}

/*======================此部分為自訂圖2樣式======================*/

.OUTER .O_CON_BOX{
	width: 670px;
	height: auto;
	overflow: hidden;
}

.pq_LIST_ICON3{
	width: 100%;
	box-sizing: border-box;
}


/*======================此部分為自訂圖2樣式======================*/

.pq_LIST_ICON3 .SIZE4{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_1.png) no-repeat;
	background-size: 25px 25px;
	background-position-y: -1px;
	padding-left: 27px;
	text-indent: 0.2px;
}

.pq_LIST_ICON3 .SIZE3{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_2.png) no-repeat;
	background-size: 27px 27px;
	background-position-y: 0px;
	padding-left: 32px;
	text-indent: 0.2px;
}

.pq_LIST_ICON3 .SIZE2{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_3.png) no-repeat;
	background-size: 30px 30px;
	padding-left: 32px;
	text-indent: 0.2px;
}

.pq_LIST_ICON3 .SIZE1{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00228/images/icon_4.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 1px;
	padding-left: 35px;
	text-indent: 0.2px;
}