@import url("reset.css");

*{-webkit-box-sizing:border-box;
-webkit-text-size-adjust:none;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;}


.CHANG{
background-color:#ececec;
width:100%;
margin:0 auto;
height:auto;overflow:hidden;
text-align: left;
}


h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#333333;
line-height:35px;
}




h3{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:1.6em;
line-height:40px;
color:#333333;
}



h4{font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;}

h1{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
line-height:29px;
color:#ffffff;
text-shadow:
0px 1px 0px rgba(35,0,61,1);
}

h1 a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
line-height:29px;
color:#ffffff;
text-shadow:
0px 1px 0px rgba(35,0,61,1);
}


.BT02 {
width:100%;
height:40px;
background:-moz-linear-gradient(top, #9b46dc, #6c1ca8);/*firefox*/
background:-webkit-linear-gradient(top, #9b46dc, #6c1ca8);/*webkit*/
background:-o-linear-gradient(top, #9b46dc, #6c1ca8);
border: 1px solid #4f127e;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow:0 1px 1px #450078;
}

.BT02 a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-weight:bold;}

.BT03 {
width:100%;
height:40px;
background:-moz-linear-gradient(top, #ffad52, #e27800);/*firefox*/
background:-webkit-linear-gradient(top, #ffad52, #e27800);/*webkit*/
background:-o-linear-gradient(top, #ffad52, #e27800);
border: 1px solid #ec7f00;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow:0 1px 1px #854104;
}

.BT03 a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-weight:bold;}

.BAR{
display:block;
clear:both;
margin:0 auto;
height:40px;
border-bottom:5px solid #b2b2b2;
padding:0 10px 0 10px;
margin-top:10px;
}






.MORE{
float:right;
display:block;
width:70px;
height:25px;
margin:0 auto;
float:right;
text-align:center;
border:1px solid #c5c5c5;
margin-right:5px;
background-color:#FFFFFF;
margin-top:5px;
background-image:url(images/next.png);
background-repeat:no-repeat;
background-position:55px 6px;

}
.MORE a{
display:block;
width:70px;
height:25px;
margin:0 auto;
text-align:center;
text-indent:-10px;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
color:#7020ac;

}

/*====================文字====================*/
.PSY_T01{
font-size:13px;
color:#d79500;
line-height:1.5em;}

.PSY_T02{
font-size:17px;
color:#555555;
line-height:1.6em;
font-weight:bold;}


.PSY_T03{
font-size:13px;
color:#f08d00;
line-height:1.6em;}

.PSY_T04{
font-size:17px;
color:#555555;
line-height:1.5em;
font-weight:bold;}

.PSY_T05{
font-size:16px;
color:#000000;
line-height:1.6em;
}

.PSY_T06{
font-size:13px;
color:#555555;
line-height:1.5em;}

.PSY_T07{
font-size:18px;
color:#000000;
line-height:1.6em;}

.PSY_T08{
font-size:16px;
color:#d45f00;
line-height:1.6em;}

.PSY_T09{
font-size:17px;
color:#000000;
line-height:1.6em;
font-weight:bold;}

.PSY_T10{
font-size:17px;
color:#af3f01 ;
line-height:1.5em;
font-weight:bold;}

/*====================文字====================*/

.TOP_TEXT{
}

.TOP_TEXT a{
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
line-height:29px;
color:#ffffff;
text-shadow:0px 1px 0px rgba(35,0,61,1);
font-weight:bold;}



.BT05 {
width:95%;
height:40px;
margin:0 auto;
background:-moz-linear-gradient(top, #e2e2e2, #c9c9c9);/*firefox*/
background:-webkit-linear-gradient(top, #e2e2e2, #c9c9c9);/*webkit*/
background:-o-linear-gradient(top, #e2e2e2, #c9c9c9);
border: 1px solid #b5b5b5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow:0 1px 1px #e7e7e7;
}

.BT05 a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555555;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-weight:bold;}


.PSY_T{
width:100%;
margin:0 auto;
margin-top:85px;
}

#PSY_T_MENU{
width:100%;
height:40px;
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
opacity: .9;
}

#PSY_T_MENU ul{
width:100%;
height:40px;}

#PSY_T_MENU li{
width:20%;
height:40px;
float:left;}

#PSY_T_MENU li a{
display:block;
height:40px;
text-align:center;
line-height:40px;
color:#666666;
font-weight:bold;
font-size:17px;
}

#PSY_T_MENU li a.L{
border-bottom:4px solid #7026a8;
height:40px;
color:#000000;
margin-bottom:-4px;
}




#MASK{
	width:100%;
	min-height:100%;
	overflow:hidden;
	position:relative;
	
}

#WRAPPER{
	width:1600px;
	position:relative;
	
}

/*.PSY_T .BOX{
width:320px;
margin:0 auto;
float:left;
height:100%;
}*/
/*==============PHOTO==============*/
.PHOTO{
width:100%;
margin:0 auto;
padding-bottom:60%;
background-size:cover;
position:relative;
background-repeat:no-repeat;


}

.PHOTO .SWIPE{
width:50px;
height:50px;
background-size:50px 50px;
position:absolute;
left:50%;
top:50%;
margin-top:-25px;
margin-left:-25px;
opacity:.9;}

.PHOTO .TELLE_C{
width:100%;
height:60px;
position:absolute;
bottom:0px;
z-index:111;
background-color:#000000;
opacity:.6;
}
.PHOTO .TEXT{
width:100%;
height:60px;
position:absolute;
bottom:0px;
z-index:222;
padding:2px 10px 2px 10px;

}
.PHOTO .TEXT h1{
font-size:18px;
color:#FFFFFF;
font-weight:bold;
line-height:1.8em;


}


/*==============PHOTO==============*/

/*==========選單==============*/

.ICON_HOT{
width:40px;
height:20px;
position:absolute;
background-color:#990000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
font-size:13px;
font-weight:bold;
line-height:20px;
top:3px;
left:3px;
}

.ICON_NEW{
width:40px;
height:20px;
position:absolute;
background-color:#ffae00;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
font-size:13px;
font-weight:bold;
line-height:20px;
top:3px;
left:3px;
}

.ITEM {
clear:both;
display:block;
margin:0 auto;
height:100%;
}

.ITEM a{
display:block;
margin:0 auto;
height:100%;
padding:10px 10px 10px 12px;
margin-top:-1px;
min-width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.ITEM p.PSY_T04{
min-width:60%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}

.ITEM a:first-child{
border-top:1px solid #c9c9c9;
}

.ITEM a:last-child{
border-bottom:1px solid #c9c9c9;
}

.ITEM a:hover{
display:block;
background-color:#dbdbdb;
}

.ITEM span.ICON_HOT02{
display:inline-block;
width:30px;
height:15px;
background-color:#990000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
font-size:10px;
line-height:15px;

}

.ITEM span.ICON_NEW02{
display:inline-block;
width:30px;
height:15px;
background-color:#ffae00;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
font-size:10px;
line-height:15px;




}



.ITEM02 {
display:block;
margin:0 auto;

overflow:hidden;
}

.ITEM02 a{
display:block;
min-height:90px;
margin:0 auto;
padding:10px 10px 10px 12px;
margin-top:-1px;
}


.ITEM02 .PH02{
width:100px;
height:60px;
float:left;
background-size:100px 60px;
border:4px solid#ffffff;
background-repeat:no-repeat;
margin:0 auto;
margin-bottom:10px;
box-shadow:0px 1px 2px #7a7a7a;
margin-top:4px;}
.ITEM02 p{
margin-left:110px;}

.ITEM02 a:first-child{
border-top:1px solid #c9c9c9;
}

.ITEM02 a:last-child{
border-bottom:1px solid #c9c9c9;
}

.ITEM02 a:hover{
display:block;
background-color:#dbdbdb;
}
.ITEM02 span.ICON_HOT02{
display:inline-block;
width:30px;
height:15px;
background-color:#990000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
font-size:10px;
line-height:15px;

}

.ITEM02 span.ICON_NEW02{
display:inline-block;
width:30px;
height:15px;
background-color:#ffae00;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
font-size:10px;
line-height:15px;




}



.GOOLE_AD{
width:100%;
margin-top:10px;
margin-bottom:10px;
}





/*==========選單==============*/









/*===============LOAD=========================*/

.LOAD{
width:100%;
height:100%;
margin:0 auto;}




#floatingCirclesG{
position:relative;
width:50px;
height:50px;
margin:0 auto;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:9px;
width:9px;
-moz-border-radius:5px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.88s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:5px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.88s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:5px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.88s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:5px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.88s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:5px;
animation-name:f_fadeG;
animation-duration:0.88s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:20px;
-moz-animation-delay:0.33s;
-webkit-animation-delay:0.33s;
-ms-animation-delay:0.33s;
-o-animation-delay:0.33s;
animation-delay:0.33s;
}

#frotateG_02{
left:6px;
top:6px;
-moz-animation-delay:0.44s;
-webkit-animation-delay:0.44s;
-ms-animation-delay:0.44s;
-o-animation-delay:0.44s;
animation-delay:0.44s;
}

#frotateG_03{
left:20px;
top:0;
-moz-animation-delay:0.55s;
-webkit-animation-delay:0.55s;
-ms-animation-delay:0.55s;
-o-animation-delay:0.55s;
animation-delay:0.55s;
}

#frotateG_04{
right:6px;
top:6px;
-moz-animation-delay:0.66s;
-webkit-animation-delay:0.66s;
-ms-animation-delay:0.66s;
-o-animation-delay:0.66s;
animation-delay:0.66s;
}

#frotateG_05{
right:0;
top:20px;
-moz-animation-delay:0.77s;
-webkit-animation-delay:0.77s;
-ms-animation-delay:0.77s;
-o-animation-delay:0.77s;
animation-delay:0.77s;
}

#frotateG_06{
right:6px;
bottom:6px;
-moz-animation-delay:0.88s;
-webkit-animation-delay:0.88s;
-ms-animation-delay:0.88s;
-o-animation-delay:0.88s;
animation-delay:0.88s;
}

#frotateG_07{
left:20px;
bottom:0;
-moz-animation-delay:0.99s;
-webkit-animation-delay:0.99s;
-ms-animation-delay:0.99s;
-o-animation-delay:0.99s;
animation-delay:0.99s;
}

#frotateG_08{
left:6px;
bottom:6px;
-moz-animation-delay:1.1s;
-webkit-animation-delay:1.1s;
-ms-animation-delay:1.1s;
-o-animation-delay:1.1s;
animation-delay:1.1s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#333333}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#333333}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#333333}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#333333}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#333333}

100%{
background-color:#FFFFFF}

} /*- See more at: http://cssload.net/#sthash.2zKw29DF.dpuf*/

/*===============LOAD=========================*/

/*====================內頁===============*/

.PSY_I{
width:100%;
margin:0 auto;
margin-top:45px;
}


@font-face{
	font-family: RW;
	src: url('font/raphaelicons-webfont.ttf');
}

.BAR h2{
float:left;
line-height:35px;
}

.CON_T{
width:100%;
margin:0 auto;
padding:10px;}




.CON_T h1{
font-size:23px;
color:#000000;
line-height:1.5em;
text-shadow:1px 1px 1px #fff;
}

.CON_T h2{
font-size:17px;
color:#444444;
line-height:1.5em;
margin-top:8px;

}

.PRE_BT {
width:100%;
height:40px;
margin:0 auto;
background:-moz-linear-gradient(top, #e2e2e2, #c9c9c9);/*firefox*/
background:-webkit-linear-gradient(top, #e2e2e2, #c9c9c9);/*webkit*/
background:-o-linear-gradient(top, #e2e2e2, #c9c9c9);
border: 1px solid #b5b5b5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow:0 1px 1px #e7e7e7;
}

.PRE_BT a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555555;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-weight:bold;}

/*=============問答==========================*/


.QT{
width:100%;
height:100%;
border:1px solid #cecece;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top:15px;
background-color:#FFFFFF;
padding:5px 10px 15px 10px;
}

.QT .OP{
width:100%;
height:100%;
margin-top:10px;}

.QT .OP ul{
width:100%;
}

.QT .OP li{
width:100%;

}
.QT .OP li span.RODIO{
display:inline-block;
float:left;
width:18px;
height:18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
border:1px solid #888888;
margin-top:2px;
margin-left:2px;
margin-right:3px;
}
.QT .OP li p{
float:left;
}

.QT .OP li span{
width:85%;
display:inline-block;
font-size:15px;
line-height:1.5em;
color:#555555;
}




.QT .OP li a{
display:block;
padding:5px 0px 5px 0px;
font-size:15px;
line-height:1.5em;
color:#555555;
padding-left:5px;
}
/*================20140605增加=====================*/
/*.QT .OP li a:hover{
background-color:#dfdfdf;
}
*/

/*=============問答==========================*/


/*=============推薦==========================*/


.REC{
width:100%;
height:100%;
margin-top:10px;
border-top:1px solid #CCCCCC;
padding-top:8px;

}

/*=============推薦==========================*/

.FB_BT {
clear:both;
width:100%;
height:40px;
background:-moz-linear-gradient(top, #4e68a1, #3b5999);/*firefox*/
background:-webkit-linear-gradient(top, #4e68a1, #3b5999);/*webkit*/
background:-o-linear-gradient(top, #4e68a1, #3b5999);
border: 1px solid #25468b;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow:0 1px 1px #173982;
}

.FB_BT a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-weight:bold;}

.PRA{
width:100%;
height:100%;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;

}

.PRA p{
line-height:35px;

}
	
.PRA_BT{
float:left;
width:70px;
height:35px;
border:1px solid #c598e6;
background-color:#e9def1;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-right:8px;}

	
.PRA_BT a{	
display:block;
width:100%;
height:35px;
margin:0 auto;
line-height:32px;
color:#8b3fc5;
font-size:15px;
text-align:center;

}

.PRA_BT02{
float:left;
width:55px;
height:35px;
border:1px solid #c598e6;
background-color:#e9def1;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-right:8px;}	

.PRA_BT02 a{	
display:block;
width:100%;
height:35px;
margin:0 auto;
line-height:32px;
color:#8b3fc5;
font-size:15px;
text-align:center;
}	

.PRA_BT .PRA_ICON{
float:left;
width:20px;
height:20px;
background-size:20px 20px;
margin-left:8px;
margin-top:5px;
}

.PRA_ICON02{
float:left;
width:10px;
height:10px;
background-size:10px 10px;
margin-top:5px;
margin-right:3px;

}		
	


.UDP{
width:95%;
height:100%;
margin-top:15px;
margin:0 auto;
padding-bottom:10px;

}

.UDP ul{
width:100%;

}

.UDP li{
width:100%;



}
.UDP li a{
display:block;
padding:5px 0px 5px 0px;
font-size:16px;
line-height:1.5em;
border-top:1px solid #b5b5b5;
border-bottom:1px solid #b5b5b5;
margin-bottom:-1px;
color:#555555;
font-weight:bold;
padding-left:5px;
min-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}


/*=============表格選單====================*/

.textfieldA{
	width:98%;
	font-size:18px;
	height:31px;
	line-height:1.6em;
	padding:2px 2px 2px 3px;
	color:#CCCCCC;


	
}

.textfieldB{
	width:98%;
	font-size:18px;
	height:30px;
	line-height:1.6em;
	padding-left:3px;
	color:#cc0000;
	background-color:#FFCC66;
	border:solid 1px #FF9900;
}

.textfieldC{
	width:98%;
	font-size:18px;
	height:30px;
	line-height:1.6em;
	padding-left:3px;
	color:#333333;}

.SELECTA{
width:100%;
height:32px;
font-size:18px;
padding-left:1px;
margin-bottom:6px;
color:#333333;


}

/*=============表格選單====================*/







/*================下分類MENU=================*/
.I_MENU{
width:100%;
height:100%;
margin:0 auto;}


.I_MENU .MENU{
width:100%;
height:100%;
overflow:hidden;
padding:15px 5px 0px 5px;
background-color:#dadada;
-moz-border-left-bottom-radius: 4px;
-moz-border-right-bottom-radius: 4px;
-webkit-border-left-bottom-radius: 4px;
-webkit-border-right-bottom-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;}


.I_MENU .MENU ul{
width:100%;
height:100%;
overflow:hidden;
margin:0 auto;
margin-bottom:15px;

}


.I_MENU .MENU li{
width:33.3%;
float:left;
margin:0 auto;
text-align:center;
border-right:1px solid #b1b1b1;
border-left:1px solid #e8e8e8;

}
.I_MENU .MENU li:first-child{
border-left:none;}
.I_MENU .MENU li:last-child{
border-right:none;}


.I_MENU .MENU a{
display:block;
font-size:17px;
color:#333333;
}

/*================下分類MENU=================*/