/*commonproblems information*/
.commonproblems-info .page-introduce{
	margin-top:0px;
	text-align: center;
}
.commonproblems-info .imp{
	color:#f00;
}

/*westfield*/
#westfield{
	padding-top:20px;
}
.westfield-detail{
	float:left;
	width:370px;
	margin:30px 30px 0px 0px;
	background: url("../images/hover-bg.jpg") right bottom no-repeat;
	cursor: default;
}
.westfield-detail.no-margin{
	margin-right:0px;
}

/*page navigation*/
.section-nav{
	position: absolute;
	top:-54px;
	right:0px;
	width: 252px;
	padding:90px 0px 80px;
	border-left: 1px solid #2a2a2a;
}
.section-nav>li{
	float:none;
	padding:30px 0px 30px 30px;
	border-left:none;
	border-right:none;
}
.section-nav>li + li{
	margin-left:0px;
	border-top:none;
}
.section-nav>li.active{
	background-color: #262626;
}
.section-nav>li.active .page-nav-tl{
	color:#faaf40;
}
.section-nav>li.active .page-nav-tl .line-h{
	background-color: #faaf40;
}
.section-nav>li.active .page-nav-ct{
	color:#fff;
}

/*foreignExchange*/
#foreignExchange .page-nav-content,
#product .page-nav-content{
	width:918px;
	height:537px;
	padding:30px 40px 0px 0px;
}
#foreignExchange .foreign-img,
#product .foreign-img{
	margin-top:4px;
}
#foreignExchange .page-introduce,
#product .page-introduce{
	margin-top:20px;
}
#foreignExchange .page-introduce.pull-left,
#product .page-introduce.pull-left,
#product .pro-gold{
	max-width: 600px;
	margin:0px 0px 0px 30px;
}
#product .pro-gold .line-h{
	display: none;
}
#foreignExchange .page-introduce + .page-introduce,
#product .page-introduce + .page-introduce{
	margin-top:12px;
}

/*indice*/
#indice{
	padding-bottom:80px;
}
#indice .page-second-title,
#product .page-second-title{
	margin:30px 0px 0px 0px;
}
#indice .page-second-title:first-child{
	margin-bottom:30px;
	line-height:26px;
}
#indice .page-second-title + .page-introduce,
#product .page-second-title + .page-introduce{
	margin-top:18px;
}

/*product*/
#product .pro-gold .page-second-title,
#product .pro-gold .page-introduce{
	margin-top:0px;
}

/*pad pro media*/
@media screen and (max-width:1199px){
	/*section navigation*/
	.mobile-body .section-nav{
		position: relative;
		top:0px;
		width: auto;
		margin-top:20px;
		padding:0px;
		border-left:none;
	}
	.mobile-body .section-nav .page-nav-tl,
	.mobile-body .section-nav>li br{
		display: none;
	}
	.mobile-body .section-nav>li{
		float: left;
		padding:0px 25px;
		border:1px solid #2a2a2a;
	}
	.mobile-body .section-nav>li + li{
		margin-left:6px;
	}
	.mobile-body .section-nav .page-nav-ct{
		padding-top:0px;
	}
	.mobile-body .section-nav>li.active{
		background-color: transparent
	}
	.mobile-body .section-nav>li.active .page-nav-ct{
		color:#faaf40;
	}
	
	/*page content*/
	.mobile-body #foreignExchange .page-nav-content,
	.mobile-body #product .page-nav-content{
		width: auto;
	    height: auto;
	    padding: 30px 0px;
	}
	.mobile-body #indice img{
		width:46%;
	}
}

/*pad media*/
@media screen and (max-width:1023px){
	.mobile-body #foreignExchange .page-introduce.pull-left, 
	.mobile-body #product .page-introduce.pull-left, 
	.mobile-body #product .pro-gold{
		margin-left:20px;
		max-width:490px;
	}
}

/*phone media*/
@media screen and (max-width:767px){
	.mobile-body .foreign-img{
		float:none!important;
		margin-bottom:30px;
	}
	.mobile-body .foreign-img img{
		width: 60%;
	}
	.mobile-body .page-introduce,
	.mobile-body .pro-gold{
		float:none!important;
		margin-left:0px!important;
		max-width: 100%!important;
	}
	.mobile-body #product .pro-gold .line-h{
		display: block;
	}
	.mobile-body #product .pro-gold .page-second-title,
	.mobile-body #product .pro-gold .page-introduce{
		margin-top:18px;
	}
}
@media screen and (max-width:666px){
	.mobile-body #foreignExchange .section-nav>li{
		padding:0px 22px;
	}
	.mobile-body #indice .page-second-title:first-child span{
		font-size:14px;
	}
}

/*phone media for vertical*/
@media screen and (max-width:567px){
	.mobile-body #foreignExchange .section-nav>li:last-child{
		margin:6px 0px 0px 0px;
	}
	.mobile-body .foreign-img img{
		width: 80%;
	}
	.mobile-body .page-second-title span{
		font-size:14px;
	}
}

/*phone media for iphone 6*/
@media screen and (max-width:413px){
	.mobile-body #foreignExchange .section-nav>li{
		margin:6px 0px 0px 0px;
	}
	.mobile-body .page-second-title span{
		font-size:12px;
	}
}

/*phone media for iphone 5*/
@media screen and (max-width:374px){
	.mobile-body .page-second-title:first-child span{
		font-size:14px;
	}
}