
*{
	padding:0;
	margin:0;
	}
	
	body{
		font-family:"微軟正黑體";
		-webkit-text-size-adjust:none;
		-webkit-box-sizing:border-box; /* 解決寬度和padding的問題 */
		padding:0;
		margin:0;		
	}
	
	
	ul{
		padding:0;
		margin:0;
		}
	
	
	h1,h2,h3,h4,h5,h6{
	font-variant:normal;
	}
	
	a{
	transition:color 0s ease 0s, all 0.2s ease 0s, all 0s ease-out 0s;
	}
	
	@media screen and (max-width: 699px){
	#Menu{
	width:100%;
	position:fixed;
	background-color:#FFFFFF;
	border-bottom:1px solid #dbdbdb;
	z-index:888;
	}
	
	#Menu ul li{
		margin-top:-1px;
	}
	#Menu ul li .logout-img{
		margin:15px 0px 0 0;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝導覽列＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	header{
	font-family:"微軟正黑體";
	width:100%;
	background-color:#343434;
	margin:0 auto;
	height:50px;
	line-height:50px;
	text-align:right;
	color:#FFFFFF;
	overflow:hidden;
	}
	
	header ul{
	float:right;
	overflow:hidden;
	padding-right:5px;
	}
	
	header ul li{
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin:0 3px;
	}
	
	header ul li a{
	display:inline-block;
	color:#FFFFFF;
	font-size:14px;
	line-height:25px;
	padding:0;
	text-decoration:none;
	}
	
	header ul li a:hover{
	color:#fbd707;
	}
	
	header a{
	color:#FFFFFF;
	font-size:16px;
	padding:0 10px;
	text-decoration:none;
	}
	
	header a:hover{
	color:#fbd707;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝選單＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	#TOP-MENU{
		float:right;
		display:block;
		width:60px;
		height:60px;
		margin:28px 0 0 0;
		position:relative;
		background-color:#FFF;
	}
	
	#TOP-MENU h4{
		display:block;
		width:60px;
		height:40px;
		background-image:url(../images/index/btn.jpg);
		position:absolute;
		right:0px;
		top:-15px;
		text-indent:-9999px;
	}
	
	.Logo{
	float:left;
	
	width:300px;
	}
	
	.Logo a{
	display:block;
	
	
	width:300px;
	height:48px;
	}
	
	.Logo a img{
	width:100%;
	height:auto;
	}
	
#NAV{
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	width:100%;
	height:700px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.8);
	display:none;
}

#NAV #XX{
	display:block;
	position:absolute;
	right:-20px;
	top:-25px;
	width:40px;
	height:40px;
	line-height:40px;
	background-color:#FFF;
	border-radius:30px;
	text-align:center;	
	border:3px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#04a3ff;
}

#NAV ul{
	width:260px;

	height:280px;
	margin:0 auto;
	position:absolute;
	left:50%;
	top:250px;
	margin-left:-130px;
	margin-top:-125px;
}

#NAV li{
	font-family:"微軟正黑體";
	width:100%;
	float:none;
}

#NAV li a{
	display:block;
	width:100%;
	font-size:22px;

	line-height:45px;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	border-bottom:1px solid #04a3ff;
	color:#04a3ff;	
}

#NAV li a:hover{
	border-bottom:1px solid #CCC;
}

	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝AD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#Ad{ height:315px; width:100%; float:left; background-color:#fff;}
	#Ad .vedio{ float:left; margin:0;}
	#Ad .close{right:0; margin:-20px 20px 0 0; color:#333;  position:absolute; z-index:100;}
	
	
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝Ｂａｎｎｅｒ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#Banner{
	float:left;
	width:100%;
	margin:0 auto;
	
	}
	
	#ang_Banner{
	width:auto;
	height:360px;
	
	display:none;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝紅利積點內文＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.title-img{width:100%;}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝基金專區＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	article#Project{
	clear:both;
	font-family:"微軟正黑體";
	width:90%;
	margin:0 auto;
	padding-top:10px;
	}
	
	article#Project h1{
	background-image:url(../images/index/icon_Project.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:120px;
	width:320px;
	height:70px;
	font-size:46px;
	line-height:70px;
	color:#e76ea1;
	font-style: italic;
	margin:0 auto;
	}
	
	article#Project .btn{
	width:100%;
	height:30px;
	padding:35px 0;
	margin:0 auto 30px auto;
	text-align:center;
	}
	
	article#Project .btn a{
	display:inline;
	font-size:20px;
	margin:0 5px;
	padding:8px;
	color:#F29413;
	text-decoration:none;
	border:2px solid #FF6600;
	}
	
	article#Project .btn a:hover{
	background-color:#FF6600;
	color:#FFFFFF;
	}
	
	article#Project .Project{
	width:100%;
	margin:0 auto;
	margin-bottom:15px;
	padding-bottom:0px;
	
	}
	
	article#Project .Project .box{
	float:none;
	width:100%;
	height:320px;
	margin:0;
	margin-bottom:40px;
	border:1px solid #dbdbdb;
	}
	
	article#Project .Project .box .pic{
	position:relative;
	width:110px;
	height:30px;
	margin:0 auto;
	}
	
	article#Project .Project .box .pic img.icon{
	position:absolute;
	top:-30px;
	}
	
	article#Project .Project .box h1{
	background-image:none;
	text-indent:0;
	font-size:28px;
	color:#000000;
	padding:0;
	text-align:center;
	width:90%;
	height:30px;
	margin:0 auto;
	}
	
	article#Project .Project .box h2{
	background-image:none;
	text-indent:0;
	font-size:22px;
	color:#666;
	padding:0;
	padding-top:35px;
	text-align:center;
	width:90%;
	height:25px;
	margin:0 auto;
	}
	
	article#Project .Project .box h3{
	font-size:22px;
	color:#fc6c6c;
	text-align:center;
	}
	
	article#Project .Project .box h4{
	color:#b6b6b6;
	font-size:18px;
	text-align:center;
	}
	
	
	article#Project .Project .box a{
	display:block;
	font-size:22px;
	text-align:center;
	width:70%;
	height:50px;
	line-height:50px;
	margin:20px auto;
	background-color:#e43582;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	article#Project .Project .box a:hover{
	background-color:#FF99CC;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝精選理財＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article#Finance{
	clear:both;
	font-family:"微軟正黑體";
	padding-top:0px;
	}
	
	article#Finance h1{
	background-image:url(../images/index/icon_Finance.jpg);
	color:#29af34;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:120px;
	width:100%;
	width:320px;
	height:70px;
	font-size:46px;
	line-height:70px;
	font-style: italic;
	margin:0 auto;
	}
	
	article#Finance .btn{
	width:100%;
	height:30px;
	padding:35px 0;
	margin:0 auto;
	text-align:center;
	}
	
	article#Finance .btn a{
	display:inline;
	font-size:20px;
	margin:0 5px;
	padding:8px;
	color:#13b9af;
	text-decoration:none;
	border:3px solid #13b9af;
	font-size:20px;
	}
	
	article#Finance .btn a:hover{
	background-color:#13b9af;
	color:#FFFFFF;
	}
	article#Finance .Finance{
	width:100%;
	margin:0 auto;
	}
	
	article#Finance .Finance table{
	width:100%;
	margin:0 auto;
	}
	
	article#Finance .Finance table td{
	height:30px;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:14px;
	padding:5px 0;
	}
	
	article#Finance .Finance table tr.tt{
	color:#FFFFFF;
	background-color:#22ad38;
	height:25px;
	line-height:25px;
	}
	
	article#Finance .Finance table td .item1{
	font-size:16px;
	color:#ef9ebf;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:25px;
	border:dotted 2px #ef9ebf;
	margin:0 auto;
	}
	
	article#Finance .Finance table td .item2{
	font-size:16px;
	color:#2fb1ed;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:25px;
	border:dotted 2px #2fb1ed;
	margin:0 auto;
	}
	
	
	
	article#Finance .Finance table td a{
	padding:5px;
	background-color:#18b2b2;
	color:#FFFFFF;
	text-align:center;
	border-radius:2px;
	text-decoration:none;
	}
	
	article#Finance .Finance table td.percentage{
	color:#fd6c6f;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝最新消息＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article#NewsRoom{
	width:100%;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:30px;
	padding-bottom:20px;
	overflow:hidden;
	}
	
	article#NewsRoom .About{
	float:none;
	width:92%;
	padding:2%;
	margin:0 auto 30px auto;
	line-height:1.8;
	letter-spacing:1px;
	background-color:#FFFFFF;
	border:3px solid #dbdbdb;
	
	}
	
	article#NewsRoom .About img{
	width:100%;
	}
	
	article#NewsRoom .About .topic{
	width:100%;
	font-size:24px;
	text-align:left;
	border-bottom:2px solid #0099CC;
	margin:15px 0; 
	}
	
	article#NewsRoom .News{
	float:none;
	width:92%;
	padding:2%;
	margin:0 auto 30px auto;
	background-color:#FFFFFF;
	border:3px solid #dbdbdb;
	}
	
	article#NewsRoom .News img{
	width:100%;
	}
	
	article#NewsRoom .News ul{
	width:96%;
	padding:0 2%;
	}
	
	article#NewsRoom .News li{
	width:100%;
	font-size:18px;
	list-style:none;
	border-bottom:1px dotted #dbdbdb;
	height:45px;
	line-height:45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	}
	
	article#NewsRoom .News li a{
	color:#0099CC;
	text-decoration:none;
	} 
	
	article#NewsRoom .News li a:hover{
	text-decoration:underline;
	}
	
	
	article#NewsRoom .FB{
	float:none;
	width:92%;
	padding:2%;
	
	height:370px;
	margin:0 auto;
	background-color:#FFFFFF;
	border:3px solid #dbdbdb;
	}
	
	footer{
	clear:both;
	width:100%;
	background-color:#343434;
	padding-bottom:15px;
	}
	
	footer #footer{
	width:100%;
	margin:0 auto;
	padding:15px 0 0 0;
	overflow:hidden;
	}
	
	footer #footer .NavBar{
	display:none;
	float:left;
	width:20%;
	height:250px;
	margin:0 2% 0 2%;
	}
	
	footer #footer .NavBar h6{
	font-size:24px;
	color:#FFFFFF;
	margin-bottom:10px;
	text-align:center;
	}
	
	footer #footer .NavBar ul{
	}
	
	footer #footer .NavBar li{
	color:#FFFFFF;
	list-style:none;
	padding-bottom:10px;
	text-align:center;
	}
	
	footer #footer .NavBar li a{
	color:#9d9d9d;
	text-decoration:none;
	line-height:1.5;
	font-size:20px;
	}
	
	
	footer .footer{
	clear:both;
	width:100%;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	}
	
	footer .footer .QRcode{
	float:none;
	
	max-width:600px;
	
	}
	footer .footer .QRcode img{
	
	width:90%;
	margin:0 5% 10px 5%;
	}
	
	footer .footer .Logos{
	float:none;
	width:100%;
	overflow:hidden;
	}
	
	footer .footer .Logos .Llogo{
	float:none;
	width:130px;
	height:84px;
	
	margin:15px auto 0 auto;
	}
	
	footer .footer .Logos .Llogo img{
	width:130px;
	margin:0 auto;
	}
	
	footer .footer .Logos .Text{
	float:none;
	color:#bababa;
	font-size:14px;
	letter-spacing:1px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-left:10px;
	}
	
	} 
	
	@media screen and (min-width: 700px) and (max-width: 1063px){
	
	#Menu{
	width:100%;
	position:fixed;
	background-color:#FFFFFF;
	z-index:888;
	border-bottom:1px solid #dbdbdb;
	}
	
	#Menu ul li .logout-img{
		margin:9px -10px 0 0;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝導覽列＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	header{
	width:100%;
	background-color:#343434;
	margin:0 auto;
	height:40px;
	line-height:40px;
	text-align:right;
	color:#FFFFFF;
	overflow:hidden;
	}
	
	header ul{
	float:right;
	overflow:hidden;
	}
	
	header ul li{
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin:0 8PX;
	}
	
	header ul li a{
	display:inline-block;
	color:#FFFFFF;
	font-size:16px;
	line-height:25px;
	padding:0;
	text-decoration:none;
	}
	
	header ul li a:hover{
	color:#fbd707;
	}
	
	header a{
	color:#FFFFFF;
	font-size:16px;
	padding:0 10px;
	text-decoration:none;
	}
	
	header a:hover{
	color:#fbd707;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝選單＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	
	#TOP-MENU{
		float:right;
		display:block;
		width:60px;
		height:60px;
		margin:28px 0 0 0;
		position:relative;
		background-color:#FFF;
	}
	
	#TOP-MENU h4{
		display:block;
		width:60px;
		height:40px;
		background-image:url(../images/index/btn.jpg);
		position:absolute;
		right:0px;
		top:-15px;
		text-indent:-9999px;
	}
	
	
	.Logo{
	float:left;
	width:400px;
	}
	
	.Logo a{
	display:block;
	width:400px;
	height:60px;
	}
	
	.Logo a img {
	width:100%;
	height:auto;
	}
	
	
	#NAV{
		position:absolute;
		left:0;
		top:0;
		z-index:999;
		width:100%;
		height:100vh;
		margin:0 auto;
		background-color:rgba(0,0,0,0.8);
		display:none;
	}
	
	#NAV #XX{
		display:block;
		position:absolute;
		right:-20px;
		top:-25px;
		width:40px;
		height:40px;
		line-height:40px;
		background-color:#FFF;
		border-radius:30px;
		text-align:center;	
		border:3px solid #999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#04a3ff;
	}
	
	#NAV ul{
		width:260px;
		height:280px;
		margin:0 auto;
		position:absolute;
		left:50%;
		top:250px;
		margin-left:-130px;
		margin-top:-125px;
	}
	
	#NAV li{
		font-family:"微軟正黑體";
		width:100%;
		float:none;
	}
	
	#NAV li a{
		display:block;
		width:100%;
		font-size:22px;
		line-height:45px;
		text-align:center;
		text-decoration:none;
		background-color:#fff;
		border-bottom:1px solid #04a3ff;
		color:#04a3ff;	
	}
	
	#NAV li a:hover{
		border-bottom:1px solid #CCC;
	}

	.sub-menu{
		padding: 103px 0 0 0;
	}

	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝AD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#Ad{ height:500px; width:100%; float:left;  background-color:#fff;}
	#Ad .vedio{ float:left; margin:0px auto;}
	#Ad .close{margin:-15px 0px 0 545px; color:#333;  position:absolute;}
	
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝Ｂａｎｎｅｒ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#Banner{
	clear:both;
	margin:0 auto;
	width:100%;
	padding:0px 0 0 0;
	}
	
	#ang_Banner{
	display:none;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝紅利積點內文＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.title-img{width:100%;}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝基金專區＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	article#Project{
	clear:both;
	width:100%;
	height:70px;
	margin:0 auto;
	padding-top:40px;
	}
	
	article#Project h1{
	background-image:url(../images/index/icon_Project.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:120px;
	width:420px;
	height:70px;
	font-size:62px;
	line-height:70px;
	color:#e76ea1;
	font-style: italic;
	margin:0 auto;
	}
	
	article#Project .btn{
	width:100%;
	height:30px;
	padding:35px 0;
	margin:0 auto 30px auto;
	text-align:center;
	}
	
	article#Project .btn a{
	display:inline;
	font-size:20px;
	margin:0 10px;
	padding:10px 30px;
	color:#F29413;
	text-decoration:none;
	border:2px solid #FF6600;
	}
	
	article#Project .btn a:hover{
	background-color:#FF6600;
	color:#FFFFFF;
	}
	
	article#Project .Project{
	margin:0 auto;
	margin-bottom:45px;
	padding-bottom:45px;
	
	
	}
	
	article#Project .Project .box{
	float:left; 
	
	width:31%;
	margin:0 8.9%; 
	margin-bottom:20px; 
	border:1px solid #dbdbdb;
	}
	
	article#Project .Project .box .pic{
	position:relative;
	width:110px;
	height:30px;
	margin:0 auto;
	}
	
	article#Project .Project .box .pic img.icon{
	position:absolute;
	top:-30px;
	}
	
	article#Project .Project .box h1{
	background-image:none;
	text-indent:0;
	font-size:18px;
	color:#000000;
	padding:0;
	text-align:center;
	width:90%;
	height:30px;
	margin:0 auto;
	}
	
	article#Project .Project .box h2{
	background-image:none;
	text-indent:0;
	font-size:18px;
	color:#666;
	padding:0;
	padding-top:20px;
	margin:0;
	text-align:center;
	width:70%;
	height:25px;
	margin:0 auto;
	}
	
	article#Project .Project .box h3{
	font-size:22px;
	color:#fc6c6c;
	text-align:center;
	}
	
	article#Project .Project .box h4{
	color:#b6b6b6;
	font-size:16px;
	text-align:center;
	}
	
	
	article#Project .Project .box a{
	display:block;
	font-size:18px;
	text-align:center;
	width:80%;
	height:40px;
	line-height:40px;
	margin:10px auto;
	background-color:#e43582;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	article#Project .Project .box a:hover{
	background-color:#FF99CC;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝精選理財＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article#Finance{
	clear:both;
	padding-top:25px;
	}
	
	article#Finance h1{
	background-image:url(../images/index/icon_Finance.jpg);
	color:#29af34;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:120px;
	width:420px;
	height:70px;
	font-size:62px;
	line-height:70px;
	
	font-style: italic;
	margin:0 auto;
	}
	
	article#Finance .btn{
	width:100%;
	height:30px;
	padding:35px 0;
	margin:0 auto;
	text-align:center;
	}
	
	article#Finance .btn a{
	display:inline;
	margin:0 10px;
	padding:10px 30px;
	color:#13b9af;
	text-decoration:none;
	border:3px solid #13b9af;
	font-size:20px;
	}
	
	article#Finance .btn a:hover{
	background-color:#13b9af;
	color:#FFFFFF;
	}
	article#Finance .Finance{
	width:100%;
	margin:0 auto;
	}
	
	article#Finance .Finance table{
	width:98%;
	margin:0 auto;
	}
	
	article#Finance .Finance table td{
	height:70px;
	line-height:70px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #CCCCCC;
	font-size:22px;
	}
	
	article#Finance .Finance table tr.tt{
	color:#FFFFFF;
	background-color:#22ad38;
	height:35px;
	line-height:35px;
	}
	
	article#Finance .Finance table td .item1{
	color:#ef9ebf;
	width:50px;
	height:50px;
	line-height:50px;
	border:dotted 2px #ef9ebf;
	border-radius:60px;
	font-size:36px;
	margin:0 auto;
	}
	
	article#Finance .Finance table td .item2{
	color:#2fb1ed;
	width:50px;
	height:50px;
	line-height:50px;
	border:dotted 2px #2fb1ed;
	border-radius:60px;
	font-size:36px;
	margin:0 auto;
	}
	
	
	
	article#Finance .Finance table td a{
	padding:5px 10px;
	background-color:#18b2b2;
	color:#FFFFFF;
	text-align:center;
	border-radius:10px;
	text-decoration:none;
	}
	
	article#Finance .Finance table td.percentage{
	color:#fd6c6f;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝最新消息＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article#NewsRoom{
	width:100%;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:30px;
	padding-bottom:20px;
	overflow:hidden;
	}
	
	article#NewsRoom .About{
	float:none;
	width:92%;
	padding:2%;
	margin:0 auto 30px auto;
	line-height:1.8;
	letter-spacing:1px;
	background-color:#FFFFFF;
	border:3px solid #dbdbdb;
	
	}
	
	article#NewsRoom .About img{
	width:100%;
	}
	
	article#NewsRoom .About .topic{
	width:100%;
	font-size:24px;
	text-align:left;
	border-bottom:2px solid #0099CC;
	margin:15px 0; 
	}
	
	article#NewsRoom .News{
	float:none;
	width:92%;
	padding:2%;
	margin:0 auto 30px auto;
	background-color:#FFFFFF;
	border:3px solid #dbdbdb;
	}
	
	article#NewsRoom .News img{
	width:100%;
	}
	
	article#NewsRoom .News ul{
	width:96%;
	padding:0 2%;
	}
	
	article#NewsRoom .News li{
	width:100%;
	font-size:18px;
	list-style:none;
	border-bottom:1px dotted #dbdbdb;
	height:45px;
	line-height:45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	}
	
	article#NewsRoom .News li a{
	color:#0099CC;
	text-decoration:none;
	} 
	
	article#NewsRoom .News li a:hover{
	text-decoration:underline;
	}
	
	
	article#NewsRoom .FB{
	float:none;
	width:92%;
	padding:2%;
	
	height:370px;
	margin:0 auto;
	background-color:#FFFFFF;
	border:3px solid #dbdbdb;
	}
	
	footer{
	clear:both;
	width:100%;
	background-color:#343434;
	padding-bottom:15px;
	}
	
	footer #footer{
	width:100%;
	margin:0 auto;
	padding:15px 0 0 0;
	overflow:hidden;
	}
	
	footer #footer .NavBar{
	display:none;
	float:left;
	width:20%;
	height:250px;
	margin:0 2% 0 2%;
	}
	
	footer #footer .NavBar h6{
	font-size:24px;
	color:#FFFFFF;
	margin-bottom:10px;
	text-align:center;
	}
	
	footer #footer .NavBar ul{
	}
	
	footer #footer .NavBar li{
	color:#FFFFFF;
	list-style:none;
	padding-bottom:10px;
	text-align:center;
	}
	
	footer #footer .NavBar li a{
	color:#9d9d9d;
	text-decoration:none;
	line-height:1.5;
	font-size:20px;
	}
	
	
	footer .footer{
	clear:both;
	width:100%;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	}
	
	footer .footer .QRcode{
	float:none;
	
	max-width:600px;
	
	}
	footer .footer .QRcode img{
	
	width:90%;
	margin:0 5% 10px 5%;
	}
	
	footer .footer .Logos{
	float:none;
	width:100%;
	overflow:hidden;
	}
	
	footer .footer .Logos .Llogo{
	float:none;
	width:130px;
	height:84px;
	
	margin:15px auto 0 auto;
	}
	
	footer .footer .Logos .Llogo img{
	width:130px;
	margin:0 auto;
	}
	
	footer .footer .Logos .Text{
	float:none;
	color:#bababa;
	font-size:14px;
	letter-spacing:1px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-left:10px;
	}
	
	
	}
	
	@media screen and (min-width: 1064px){
	#Menu{
		width:100%;
		position:fixed;
		z-index:888;
		background-color:#FFFFFF;
		border-bottom:1px solid #dbdbdb;
		height: auto;
	}
	
	#Menu ul li .logout-img{
		margin:9px -10px 0 0;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝導覽列＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	header{
	width:100%;
	background-color:#343434;
	margin:0 auto;
	height:40px;
	line-height:40px;
	text-align:right;
	color:#FFFFFF;
	overflow:hidden;
	}
	
	header ul{
	float:right;
	overflow:hidden;
	}
	
	header ul li{
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin:0 8PX;
	}
	
	header ul li a{
	font-family:"微軟正黑體";
	display:inline-block;
	display:inline/9;
	color:#FFFFFF;
	font-size:16px;
	line-height:25px;
	padding:0;
	text-decoration:none;
	}
	
	header ul li a:hover{
	color:#fbd707;
	}
	
	header a{
	color:#FFFFFF;
	font-size:16px;
	padding:0 10px;
	text-decoration:none;
	}
	
	header a:hover{
	color:#fbd707;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝選單＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	#TOP-MENU{
		display:none;
	}
	
	#TOP-MENU h4{}
	
	.Logo{
	float:left;
	
	width:500px;
	}
	
	.Logo a{
	display:block;
	
	width:500px;
	
	height:90px;
	}
	
	.Logo a img{
	width:100%;
	}
	
	
	#NAV{
		float:right;
		margin:0 auto;
		background-color:#FFF;
		
	}
	
	#NAV #XX{
		display:none;
	}
	
	#NAV ul{
		float:right;
		width:auto;
	
		
	}
	
	#NAV li{
		display:inline-block;
		font-family:"微軟正黑體";
	}
	
	#NAV li a{
		color:#04a3ff;
		padding:5px 10px;
		height:80px;
		line-height:80px;
		font-size:16px;
		text-decoration:none;
	}
	
	#NAV li a:hover{
		border-bottom:2px solid #04a3ff;
	}

	.sub-menu{
		background:white;
	}
	.menu-item{
		height: 50px;
	}
	.menu-menu-1-container ul ul li:not(:last-child) > a {
		margin: 0 1.5em;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}

	#primary-menu > li {
		display:inline-block;
		position:relative;
		margin:auto;
	}
	#primary-menu > li ul {
		text-align:center;
		position:absolute;
		left:0;
		padding:0;
		display:none;
		box-shadow:2px 3px 9px 1px #cccccc;
		height: 130px;
	}
	#primary-menu > li ul li {
		text-align:center;
		white-space:nowrap;
	}
	#primary-menu > li:hover ul {
		display:block;
	}

	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝AD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#Ad{ height:600px; width:100%; float:left; text-align:center; background-color:#fff; }
	#Ad .vedio{ float:left; margin:0px auto; }
	#Ad .close{margin:0px 0px 0 0px; color:#333;  position:absolute; }
	#Ad .close a{color:#333;}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝Ｂａｎｎｅｒ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#Banner{
	clear:both;
	margin:0 auto;
	padding:0px 0 0 0;
	}
	
	#ang_Banner{
	display:none;
	}
	
	
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝紅利積點內文＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.title-img{width:450px; height:270px;}
	
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝基金專區＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	article#Project{
	clear:both;
	width:1096px;
	height:70px;
	font-family:"微軟正黑體";
	margin:0 auto;
	padding-top:40px;
	}
	
	article#Project h1{
	background-image:url(../images/index/icon_Project.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:120px;
	width:420px;
	height:70px;
	font-size:62px;
	line-height:70px;
	color:#e76ea1;
	font-style: italic;
	margin:0 auto;
	}
	
	article#Project .btn{
	width:390px;
	height:30px;
	padding:35px 0;
	margin:0 auto 30px auto;
	text-align:center;
	}
	
	article#Project .btn a{
	display:inline;
	margin:0 10px;
	padding:5px 20px;
	font-size:18px;
	font-family:"微軟正黑體";
	color:#F29413;
	text-decoration:none;
	border:1px solid #FF6600;
	}
	
	article#Project .btn a:hover{
	background-color:#FF6600;
	color:#FFFFFF;
	}
	
	article#Project .Project{
	width:1090px;
	margin:0 auto;
	margin-bottom:45px;
	padding-bottom:45px;
	
	}
	
	article#Project .Project .box{
	
	float:left; 
	width:31%;
	margin:0 102px 30px 102px;
	border:1px solid #dbdbdb;
	}
	
	article#Project .Project .box .pic{
	position:relative;
	width:110px;
	height:30px;
	margin:0 auto;
	}
	
	article#Project .Project .box .pic img.icon{
	position:absolute;
	top:-30px;
	}
	
	article#Project .Project .box h1{
	background-image:none;
	text-indent:0;
	font-size:24px;
	color:#000000;
	text-align:center;
	width:180px;
	height:30px;
	padding:0;
	margin:0 auto;
	}
	
	article#Project .Project .box h2{
	background-image:none;
	text-indent:0;
	font-size:18px;
	color:#666;
	padding:0;
	padding-top:35px;
	margin:0 auto;
	text-align:center;
	width:180px;
	height:25px;
	}
	
	article#Project .Project .box h3{
	font-size:22px;
	color:#fc6c6c;
	text-align:center;
	}
	
	article#Project .Project .box h4{
	color:#b6b6b6;
	font-size:18px;
	text-align:center;
	}
	
	
	article#Project .Project .box a{
	display:block;
	font-size:18px;
	text-align:center;
	width:165px;
	height:50px;
	line-height:50px;
	margin:20px auto;
	background-color:#e43582;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	article#Project .Project .box a:hover{
	background-color:#FF99CC;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝精選理財＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article#Finance{
	clear:both;
	font-family:"微軟正黑體";
	padding-top:15px;
	}
	
	article#Finance h1{
	background-image:url(../images/index/icon_Finance.jpg);
	color:#29af34;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:120px;
	width:420px;
	height:70px;
	font-size:62px;
	line-height:70px;
	
	font-style: italic;
	margin:0 auto;
	}
	
	article#Finance .btn{
	width:390px;
	height:30px;
	padding:35px 0;
	margin:0 auto;
	text-align:center;
	}
	
	article#Finance .btn a{
	display:inline;
	margin:0 10px;
	padding:5px 20px;
	font-size:18px;
	font-family:"微軟正黑體";
	color:#13b9af;
	text-decoration:none;
	border:1px solid #13b9af;
	}
	
	article#Finance .btn a:hover{
	background-color:#13b9af;
	color:#FFFFFF;
	}
	article#Finance .Finance{
	width:1096px;
	margin:0 auto;
	}
	
	article#Finance .Finance table{
	}
	
	article#Finance .Finance table td{
	height:70px;
	line-height:70px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #CCCCCC;
	font-size:16px;
	font-family:"微軟正黑體";
	}
	
	article#Finance .Finance table tr.tt{
	color:#FFFFFF;
	background-color:#22ad38;
	height:35px;
	line-height:35px;
	}
	
	article#Finance .Finance table td .item1{
	color:#ef9ebf;
	width:50px;
	height:50px;
	line-height:50px;
	border:dotted 2px #ef9ebf;
	border-radius:60px;
	font-size:36px;
	margin:0 auto;
	}
	
	article#Finance .Finance table td .item2{
	color:#2fb1ed;
	width:50px;
	height:50px;
	line-height:50px;
	border:dotted 2px #2fb1ed;
	border-radius:60px;
	font-size:36px;
	margin:0 auto;
	}
	
	
	
	article#Finance .Finance table td a{
	padding:5px 10px;
	background-color:#18b2b2;
	color:#FFFFFF;
	text-align:center;
	border-radius:10px;
	text-decoration:none;
	}
	
	article#Finance .Finance table td.percentage{
	color:#fd6c6f;
	}
	
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝最新消息＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article#NewsRoom{
	width:1090px;
	margin:0 auto;
	background-image:url(../images/index/news_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:370px;
	padding-bottom:30px;
	padding-left:6px;
	overflow:hidden;
	}
	
	article#NewsRoom .About{
	float:left;
	font-size:16px;
	font-family:"微軟正黑體";
	
	width:400px;
	
	height:370px;
	
	margin:50px 5px 0 180px ;
	padding:10px;
	line-height:1.5;
	letter-spacing:1px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
	}
	
	article#NewsRoom .About img{
	width:100%;
	height:auto;
	}
	
	article#NewsRoom .About .topic{
	width:320px;
	margin:0 auto;
	font-size:24px;
	font-family:"微軟正黑體";
	text-align:left;
	border-bottom:2px solid #0099CC;
	margin:15px 0; 
	}
	
	article#NewsRoom .News{
	float:left;
	width:330px;
	
	height:370px;
	margin:0 5px;
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
	}
	
	article#NewsRoom .News img{
	width:100%;
	height:auto;
	}
	
	article#NewsRoom .News ul{
	padding:0 10px;
	}
	
	article#NewsRoom .News li{
	font-size:16px;
	font-family:"微軟正黑體";
	list-style:none;
	border-bottom:1px dotted #dbdbdb;
	width:320px;
	height:45px;
	line-height:45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	}
	
	article#NewsRoom .News li a{
	font-size:16px;
	font-family:"微軟正黑體";
	color:#0099CC;
	text-decoration:none;
	} 
	
	article#NewsRoom .News li a:hover{
	text-decoration:underline;
	}
	
	
	article#NewsRoom .FB{
	float:left;
	
	width:400px;
	height:370px;
	
	margin:50px 5px 0 ;
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
	}
	
	footer{
	clear:both;
	width:100%;
	font-family:"微軟正黑體";
	background-color:#343434;
	}
	
	footer #footer{
	max-width:1200px;
	margin:0 auto;
	padding:25px 0;
	overflow:hidden;
	}
	
	footer #footer .NavBar{
	float:left;
	/* width:440px; */
	margin:5px;
	}
	
	footer #footer .NavBar h6{
	font-size:20px;
	color:#FFFFFF;
	margin-bottom:10px;
	}
	
	
	footer #footer .NavBar li a{
	color:#9d9d9d;
	text-decoration:none;
	line-height:1.5;
	}
	
	footer #footer .NavBar li a:hover{
	color:#fbd707;
	}
	
	footer .footer{
	clear:both;
	width:1100px;
	margin:0 auto;
	margin-top:15px;
	padding-bottom:25px;
	overflow:hidden;
	}
	
	footer .footer .QRcode{
	
	width:993px;
	margin:0 auto;
	
	}
	
	footer .footer .QRcode a img{
	border:none;
	}
	
	footer .footer .QRcode img{
	margin-right:5px;
	vertical-align:top;}
	
	footer .footer .QRcode .android-qrcode{
	margin-right:100px;
	vertical-align:top;}
	
	footer .footer .Logos{
	width:500px;
	margin:30px auto;
	
	
	}
	
	footer .footer .Logos .Llogo{
	float:left;
	width:130px;
	}
	
	footer .footer .Logos .Llogo a img{
	width:130px;
	}
	
	footer .footer .Logos .Text{
	float:left;
	color:#bababa;
	font-size:14px;
	letter-spacing:1px;
	height:84px;
	line-height:84px;
	text-align:left;
	margin-left:10px;
	}
	
	}
	