.wrap{width:100%;position:relative; line-height:1.6; font-size:1em; }

.unitName{ background:#ffb23a;}

@media screen and (max-width: 980px) {

.mainNav > ul > li:nth-child(5) > a { color:#333; }

}

.novice{ width:100%;max-width:1180px; margin:0 auto; padding-bottom:  100px ; text-align: center; }

 .novice-sort { width:96%; max-width:900px; margin:15px auto 50px;}
 .novice-sort .item{ letter-spacing:-5px; margin-bottom:10px}
	.novice-sort .item > *{ display:inline-block; letter-spacing:1px; vertical-align: middle;}
	.novice-sort .item h3{ font-size:44px; font-weight:bold; color:#ffb23a; text-align:left; width:32%;}
	.novice-sort .item h3 .icon{}
	.novice-sort .item h3 .icon:before{content"";font-family: 'FontAwesome'; margin-right:.2em;}

	.novice-sort .item h3 .icon-01:before{content:"\f007";}
	.novice-sort .item h3 .icon-02:before{content:"\f013";}
	.novice-sort .item h3 .icon-03:before{content:"\f02d";}

	.novice-sort .item .links { text-align:left; border-left:5px solid #ffb23a; padding-left:1em; min-height:50px;width:68%;  list-style:disc; }
	.novice-sort .item .links li{display:inline-block; margin:2px ;vertical-align:middle; vertical-align:-webkit-baseline-middle;width:160px;}
	.novice-sort .item .links li a{ padding:3px 8px; font-size:15px; }
	.novice-sort .item .links li a:before{content:"●"; margin-right:4px; font-size:8px; font-family:"Arial "; position:relative; top:-3px;}
	.novice-sort .item .links li a:hover{ background:#25ced0; color:#FFF; text-decoration:none; border-radius:15px; }

	.novice-proclaim {letter-spacing:-5px; width:96%; max-width:900px; margin:0 auto;  }
	.novice-proclaim .item{text-align:left; display:inline-block; letter-spacing:1px; vertical-align:top; max-width:500px; width:50%; margin-bottom:20px; padding:0 2%;}
	.novice-proclaim .item h3{ font-size:22px; border-bottom:1px solid  #999; color:#17b9bb; font-weight:bold;}

	.novice-proclaim .item h3 .icon:before{content"";font-family: 'FontAwesome'; margin-right:.2em; font-weight:normal;}
	.novice-proclaim .item h3 .icon-01:before{content:"\f059";}
	.novice-proclaim .item h3 .icon-02:before{content:"\f0a1";}

	.novice-proclaim ul{ list-style:disc; padding-left:20px; font-size:15px; margin-top:10px;}
	.novice-proclaim ul li{}
	.novice-proclaim ul li a{}

	@media screen and (max-width: 1024px) {

	.novice-sort .item h3{ font-size:34px;}

}

@media screen and (max-width: 768px) {

	.novice{ text-align:left;}

	.novice-sort .item h3 ,.novice-sort .item .links{ width:96%; margin:0 auto; }
		.novice-sort .item .links {border-left: none; }

			.novice-proclaim .item{ width:100%;}

}