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

.unitName{ background:#6cc92f;}


/*-------------mainNav單元文字變色---------------*/
.mainNav > ul > li:nth-child(1) > a { color:#00babc; font-weight:bold;}
@media screen and (max-width: 980px) {
	
.mainNav > ul > li:nth-child(3) > a { color:#333; }

}







/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 左方內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.story-page-box .container{ width:74%; max-width:76%; }


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 右方說明 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.story-page-box .sidebar { width:26%; max-width:300px;  float:right;}
.story-page-box .sidebar .customer{ border:1px solid #cacaca; margin-top:7em; padding-top:0; margin-bottom:15px; }
.story-page-box .sidebar .customer h3{ color:#8c8c8c; background:#ededed;  text-align:left; padding: 2% 10%;}

.story-page-box .sidebar .customer h3:before{font-family: 'FontAwesome'; margin-right:5px;}

.story-page-box .sidebar .customer h3.title1:before{content:"\f0ed";}
.story-page-box .sidebar .customer h3.title2:before{content:"\f10a";}
.story-page-box .sidebar .customer h3.title3:before{content:"\f007";}

.story-page-box .sidebar .customer [class*="part"]{ padding:.3em}
.story-page-box .sidebar .customer .part1 img { width:90%; max-width:200px;}

.story-page-box .sidebar .customer .part1 .app { margin-bottom:.2em}
.story-page-box .sidebar .customer .part1 .app a{ display:block; width:80%; margin:0 auto; padding: .4em .8em; background:#85c042; color:#FFFFFF; font-size:1.4em;text-align:center; /*border-radius:5px;*/ }
.story-page-box .sidebar .customer .part1 .app a:hover{ text-decoration:none; background:#78b532;}

.story-page-box .sidebar .customer .part2 {  padding: 2% 10%; letter-spacing:1px;}
.story-page-box .sidebar .customer .part2 span { display:inline-block;font-weight:bold; }
.story-page-box .sidebar .customer .part2 p { display:inline-block; }

.story-page-box .sidebar .customer .time{ display:block; width:100%; text-align:center; margin-bottom:1em;}
	

@media screen and (max-width: 767px) {
	
	.story-page-box .sidebar { font-size:90%;}
	

}






/*------手機版--------*/
@media screen and (max-width: 640px) {	

.story-page-box .container ,.story-page-box .sidebar  { width:98%; max-width:98%; }

.story-page-box .sidebar {margin-top:0em; float: none; margin:0 auto;}




}


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





}