/* =============================================================================
	= Global Styles
   ============================================================================= */

  	/* • 3 gray box (Honorary, founding, past chairman...) 
	------------------------------------------------------- */

    .main-council { margin-bottom:30px;}
    .main-council .mc-col      { width:33%; height:100%; float:left; border-right:5px solid #fff; background-color:#e6e6e6;}
    .main-council .mc-col-last { width:33%; float:left; height:100%; background-color:#e6e6e6}
    .main-council .mc-title-blk { background-color:#952c6e; padding:3% 5%; border-bottom:1px solid #fff}
    .main-council .mc-title-blk .mc-title { border-bottom:4px solid #fff; padding-bottom:2.5%; font-size:18px; /*25px*/ line-height:normal; color:#fff}
    .main-council .mc-pos { padding:3% 5%; }


    /* • Columns of same height styles for "3 gray box"
    ---------------------------------------------------- */
    /*.row-full-height-memb { height:100%; }
    .col-full-height-memb { height:100%; vertical-align:top;}
    .row-same-height-memb { display:table; width:100%; table-layout:fixed; }
    .col-xs-height-memb   { display:table-cell; float:none !important;}*/


    /* Meet the Members
    ------------------- */
    .members-blk { border-top:4px solid #e6e6e6; padding-top:2%; width:100%; overflow:hidden}
    .members-blk .mb-title { text-align:center; font-size:30px; color:#880656;}

	
	/* Meet the Members (Quick link) */
    ul.members    { padding:0 10% ; margin:2% auto; width:80%; text-align:center; display:block}
    ul.members li { display:inline; line-height:1.6; padding-right:0.5%}
    ul.members li:last-child { padding-right:0}
    ul.members li:before {content: "•"; padding: 0 1%; color:#880656;}
    ul.members li a { color:#333;}
    ul.members li a:hover { color:#880656;}


 	/* Meet the Members (img blk) */
    ul#each-member    { list-style-type:none;}
    ul.members-detail { padding:0; margin:0 auto; width:100%; text-align:center;}
    ul.members-detail li { margin:0 0.6% 80px 0; padding:0; width:160px; height:160px; display:inline-block; background-color:#880656;
                           vertical-align:top; text-align: left;}
    ul.members-detail li .section { padding:8%;  color:#fff;}
    html body.en ul.members-detail li .section { font-size:14px; line-height:normal;}
    html body.tc ul.members-detail li .section { font-size:16px; line-height:1.4;}
    html body.sc ul.members-detail li .section { font-size:16px; line-height:1.4;}

    ul.members-detail li .name    { margin-top:10px; padding-bottom:5px; line-height:normal}
    html body.en ul.members-detail li .name  { line-height:normal;}
    html body.tc ul.members-detail li .name  { line-height:1.4;}
    html body.sc ul.members-detail li .name  { line-height:1.4;}


    ul.members-detail li .remark  { color:#666; line-height:normal} 
    html body.en ul.members-detail li .remark { font-size:10px; }
    html body.tc ul.members-detail li .remark { font-size:12px; }
    html body.sc ul.members-detail li .remark { font-size:12px; }

    ul.members-detail li a { color:#333}
    ul.members-detail li a:hover { color:#880656;}
    ul.members-detail li a:hover img {}


	div.more { width: 160px; height: 160px;	position:absolute; cursor:pointer;
		 				 opacity: 1;
				      transition: background .25s ease-in-out;
	             -moz-transition: background .25s ease-in-out;
	          -webkit-transition: background .25s ease-in-out;}

	div.more:hover { width:160px; height:160px; opacity: 1; z-index:20; 
	 						    background: url(images/icon-new-window.png) center center no-repeat;
						  background-color: rgba(0, 0, 0, .7); 
				    	-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
							    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			   -webkit-transition-property: background-color, color;
					   transition-property: background-color, color;
							    box-shadow: none!important;}