*{-webkit-box-sizing:border-box;
-webkit-text-size-adjust:none;
text-decoration:none;
font-family:Arial, Helvetica, "微軟正黑體", sans-serif;}

#PSYCHOLOGY article{
	clear:both;
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	/*box-shadow:0px 0px 10px #cecece;*/
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	}
	
.RED{
	color: #cc0000;
	}	
/*按紐樣式*/


#PSYCHOLOGY .MORE{
	clear:both;
	width:60px;
	height:45px;
	float:right;
	margin-right:5%;
	}
	
#PSYCHOLOGY .MORE a{
	display:block;
	width:60px;
	height:45px;
	line-height:45px;
	background-image:url(../images/next.png);
	background-size:8px 14px;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:10px;
	color:#6e25a8;
	font-size:1em;
	text-align:right;
	}
	
/*共用樣式============================*/
#PSYCHOLOGY h2{
	width:100%;
	height:55px;
	font-size:1.3em;
	line-height:70px;
	color:#000;
	text-indent:2.5%;}

	
	
	
#PSYCHOLOGY{
	width:100%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	background-color:#eeeeee;
	padding-bottom:10px;

	}
	
	
	
/*SuperBanner==============================*/
#PSYCHOLOGY .SUPER_BR_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#fff;
	border-bottom:1px solid #d4d4d4;
/*	box-shadow:0px 0px 5px #cecece;*/
	padding-bottom:15px;
	}
#PSYCHOLOGY .SUPER_BR{
	width:100%;
	height:auto;
	overflow:hidden;
	}
	
#PSYCHOLOGY .SUPER_BR .B_CON a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:60%;
	background-size:cover;
	text-indent:-9999px;
	}
	
#PSYCHOLOGY .BR_MENU{
	width:100%;
	height:20px;
	padding-top:10px;
	
	}
	
#PSYCHOLOGY .BR_MENU ul{
	width:90px;
	margin:0 auto;
	}
	
#PSYCHOLOGY .BR_MENU li{
	float:left;
	width:8px;
	height:8px;
	margin:0px 5px;
	}
	
#PSYCHOLOGY .BR_MENU li {
	display:block;
	width:8px;
	height:8px;
	border-radiues:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:0px 5px;
	text-indent:-9999px;
	background-color:#bfbfbf;
	text-indent:-9999px;
	
	}
	
#PSYCHOLOGY .BR_MENU li.CHOOSR{
	background-color:#b37d44;
	}
	

/*SuperBanner==============================*/

/*LIST本週推薦*/
#PSYCHOLOGY .LIST{
	clear:both;
	width:100%;
	}
	
#PSYCHOLOGY .LIST li{
	width:100%;
	border-bottom: 1px solid #e1e1e1;
	}
#PSYCHOLOGY .LIST li:last-child{border-bottom:none;}	
	
#PSYCHOLOGY .LIST .COLOUR{
	display:inline-block;
	float:left;
	width:auto;
	height:25px;
	line-height:25px;
	color:#FFF;
	background-color:#d36f5b;
	padding:0px 2px 0px 2px;
	margin-right:5px;
	margin-top:12px;
	}
	
#PSYCHOLOGY .LIST li a{
	clear:both;
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1em;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:0px 2% 0px 2%;
	}

	


/*分類MENU==============================*/
/*新增20170314*/
#PSYCHOLOGY .S_M_TOP{
	width:100%;
	height:40px;
	border-bottom:1px solid #d4d4d4;
	padding:0 2% 0 2%;
	margin-bottom:-1px;}
	
#PSYCHOLOGY .S_M_TOP a{
	display:block;
	float:left;
	color:#000;
	font-size:1em;
	line-height:40px;}
	
#PSYCHOLOGY .S_M_TOP .TO_IOCN{
	display:block;
	float:left;
	width:15px;
	height:40px;
	background-size:15px 15px;
	background-image:url(../images/next02.png);
	background-position:center center;
	background-repeat:no-repeat;
	margin-right:3px;}
	
#PSYCHOLOGY .S_M_TOP a.MENU_MORE_BT{
	display:block;
	width:95px;
	float:right;
	font-size:0.8em;
	line-height:40px;
	color:#6000b5;
	}
#PSYCHOLOGY .S_M_TOP .BT_ICON_N{
	display:inline-block;
	width:10px;
	height:10px;
	background-size:10px 10px;
	background-image:url(../images/top.png);
	background-position:center right;
	background-repeat:no-repeat;
	margin-left:4px;
	}

#PSYCHOLOGY .S_M_TOP .BT_ICON_D{
	display:inline-block;
	width:10px;
	height:10px;
	background-size:10px 10px;
	background-image:url(../images/under.png);
	background-position:center right;
	background-repeat:no-repeat;
	margin-left:4px;}

	

#PSYCHOLOGY .SORT_MENU{
	clear:both;
	width:100%;
	background-color:#FFF;
	margin:0 auto;
	margin-bottom:5px;
	}

#PSYCHOLOGY .SORT_MENU ul{
	width:100%;
	}

#PSYCHOLOGY .SORT_MENU li{
	width:33.333333334%;
	height:45px;
	float:left;
	}

#PSYCHOLOGY .SORT_MENU li a{
	display:block;
	height:45px;
	line-height:45px;
	color:#666;
	font-size:1em;
	padding-left:5%;
	}
	
#PSYCHOLOGY .SORT_MENU li .T_BOX{
    height:45px;
	}

#PSYCHOLOGY .SORT_MENU li a.L{
	background-color:#e1e1e1;
	height:45px;
	color:#000;
	font-weight:bold;
	}
	
#PSYCHOLOGY .SORT_MENU .LIST_ICON{
	float:left;
	width:30px;
	height:30px;
	background-size:30px 30px;
	margin-top:8px;
	margin-right:3px;
	}
#PSYCHOLOGY .SORT_MENU .LI_BOX{
	display:block;
	margin-left:30px;


	
	}
	
	
/*產品項目BOX*/
	
#PSYCHOLOGY .IT_BOX{	
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}
	
#PSYCHOLOGY .IT_BOX ul{
	margin:10px 0px 20px 0px;
	}

#PSYCHOLOGY .IT_BOX li{
	width:100%;
	margin:0 auto;
	margin-top:8px;
	}
	
#PSYCHOLOGY .IT_BOX li:first-child{
	margin-top:0px;
	}	
	
#PSYCHOLOGY .IT_BOX .B_640X200 a{
	display:block;
	margin:0 auto;
	width:100%;
	height:0;
	padding-bottom:31%;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-size:cover;}	
	
	
#PSYCHOLOGY .IT_BOX .LIST02 a{
	display:block;
	width:100%;
	color:#333;
	text-indent:17px;
	}
#PSYCHOLOGY .IT_BOX .LIST02 a.RED{
	color: #CC0000;
	}
	
#PSYCHOLOGY .IT_BOX .LIST03 a{
	display:block;
	width:100%;
	color:#333;
	}



/*熱門必算==============================*/

#PSYCHOLOGY .HOT_MENU{
	width:100%;
	height:50px;
	background-color:#FFF;
	border-bottom:1px solid #d4d4d4;
	margin:0 auto;
	}

#PSYCHOLOGY .HOT_MENU ul{
	width:100%;
	height:50px;}

#PSYCHOLOGY .HOT_MENU li{
	width:33.333333334%;
	height:50px;
	float:left;
	border-left:1px solid #d4d4d4;}
	
#PSYCHOLOGY .HOT_MENU li:first-child{
	border-left:none;
	}	


#PSYCHOLOGY .HOT_MENU li a{
	display:block;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#666;
	font-size:1.1em;
	}

#PSYCHOLOGY .HOT_MENU li a.L{
	height:50px;
	color:#b37d44;
	font-weight:bold;
	border-bottom:1px solid #fff;
	margin-bottom:1px;
	border-top:2px solid #b37d44;
	line-height:47px;
	}
	
#PSYCHOLOGY .HOT_BOX{
	clear:both;
	width:95%;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	margin:10px auto;
	
}
	
#PSYCHOLOGY .HOT_BOX .B_120X90{
	clear:both;
	float:left;
	margin-top:10px;
	}
	
#PSYCHOLOGY .HOT_BOX .B_120X90 a{
	display:block;
	margin:0 auto;
	width:90px;
	height:68px;
	background-repeat:no-repeat;
	background-size:90px 68px;
	}
	
#PSYCHOLOGY .HOT_BOX .TEXT{
	margin-left:100px;
	}
	
#PSYCHOLOGY .HOT_BOX .TEXT li a{
	height:30px;
	font-size:1em;
	line-height:30px;
	color:#333;
	}
	
	
/*人氣占卜*/

#PSYCHOLOGY .KEYWORD{
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin:10px auto;
	}	

#PSYCHOLOGY .KEYWORD ul{
	width:100%;
	}
	
#PSYCHOLOGY .KEYWORD li{
	float:left;
	height:35px;
	margin-bottom:10px;
	margin-left:5px;
	}
	
#PSYCHOLOGY .KEYWORD li.TWO{
	width:48%;
	}

#PSYCHOLOGY .KEYWORD li.TREE{
	width:31.444444444%;
	}
	
.KEYWORD li.FOUR{
	width:23.333333333%;
	}
	
#PSYCHOLOGY .KEYWORD li.FIVE{
	width:18.333333333%;
	}
	
#PSYCHOLOGY .KEYWORD li a{
	display:block;
	width:100%;
	height:35px;
	line-height:25px;
	color:#7960a4;
	background-color:#d6cae1;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:1em;
	text-align:center;
	margin:0 auto;
	}
	
/*內頁*/
#PSYCHOLOGY .IN_BAR{
	width:100%;
	height:60px;
	padding-left:1.5%;
	}

	
#PSYCHOLOGY .IN_BAR h3{
	float:left;
	width:60%;
	height:55px;
	font-size:1.3em;
	line-height:75px;
	color:#000;
	text-indent:35px;
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-position:left 20px;
	}
#PSYCHOLOGY .SELECT_BOX{
	float:right;
	width:30%;
	margin-right:2.5%;
	margin-top:15px;}

	

	
	
	
/*icon系列===================================================*/
/* 導引直角 */
#PSYCHOLOGY .ANGLE{
	width: 6px;
	height: 6px;
	position: absolute;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin-left: 5px;
	margin-top: 5px;}

/* 箭頭 */
#PSYCHOLOGY .ARROW{
	position: absolute;
	margin-top: 8px;
	margin-left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #aaa;
	}
	
/*皇冠*/
#PSYCHOLOGY .TOP_ICON{
	clear:both;
	display:inline-block;
	width:15px;
	height:15px;
	color: #fff;
	margin-right:3px;
	font-weight: bold;
	font: 11px/14px  Helvetica, "Arial";
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom:3px;
	background-color:#e24954;
	}
#PSYCHOLOGY .TITLE_ICON{
	clear:both;
	display:inline-block;
	width:5px;
	height:5px;
	margin-right:3px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:4px;
	background-color:#e24954;
	}
/*數字*/	
#PSYCHOLOGY .R_NUM{
	clear:both;
	display:inline-block;
	width: 30px;
	height: 20px;
	color: #fff;
	margin-left:5px;
	font-weight: bold;
	font: 11px/20px  Helvetica, "Arial";
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #6000b5;
	margin-bottom:3px;}
	
/*下拉式選單樣式*/
#PSYCHOLOGY span.icon_clear{
	position: absolute;
	right: 0px;
	width: 25px;
	height: 25px;
	display: none;
	top: 7px;
	right:6px;	
	cursor: pointer;
	font: bold 1em sans-serif;
	color: #38468F;
	text-indent: -9999px;
	background-image:url(../images/x_icon.png);
	background-size:25px 25px;}

#PSYCHOLOGY .styled-select {
  	width: 100%;
   	height: 38px;
   	overflow: hidden;
   	background: url(../images/select_icon.png) no-repeat right #fff;
   	background-size:15px 15px;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

#PSYCHOLOGY .styled-select select {
   	background: transparent;
   	width:100%;
   	padding-left:3px;
   	font-size: 16px;
   	border: 1px solid #999;
   	height: 38px;
   	-webkit-appearance: none;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /*for chrome*/}