@charset "UTF-8";
#slideshow_dots{
	display:block;
}
#slideshow_dots2{
	display:none;
}
.mobile_banner{
	display:none;
}
.d_banner{
	display:block;
}
/* Layout Large Screens */
*{
	box-sizing:border-box;
}

html{
	font-size:100%;
}
body{
	margin: 0px;
	padding: 0px; 
	/*font-size:16px;*/

}

header, nav ,section,.slideshow_dots_container,.content{
	max-width:1240px;
	margin: 0px auto;
	position: relative; 
}

h2{
	/* font-size:35px; */
	font-size:2.188em;
	margin:0;
	font-family: Roboto, Arial , Verdana;
	font-weight: normal;
	/* text-transform: uppercase; */
}

h3{
	/* font-size:22px; */
	font-size:1.375em;
	font-weight: 300;

}

h2,h3{
	color: #85065F;
    margin: 0;
}

.content{
	font-family:Helvetica LT Std Light, Arial , Verdana;
	margin-top: 50px;
	clear: both;
	line-height:26px;
}

/* Top */
#top{
	box-shadow: 0px -25px 30px 20px #000;
	position: relative;
	z-index: 1000;
}

/* header */
header{
	/* header-logo */
	/*padding-top:5px;*/
}
header #header_name{
	/* font-size:47px; */
	/* font-size:2.938em; */
	/* color:#4C4C4C; */
	/* font-family:Asap, Arial , Verdana; */
	top:-22px;
	position: relative; 
}

#cityu_logo{
	width:150px;
}

#header_name img{
	width:25%;
}

/* tool bar */
.correctmenu{
	background-color: #b01861;
	width:100%;
	height:54px;
}


.tool_bar{
	/* width:457px; */
	float:right;
	cursor: pointer;
	/* header-logo */
	right: 0;
	top: 0;
	position: absolute;
}

.tool_bar .tool_bar_main > a{
   color:#5D5D5D;
   margin: 0; 
   text-decoration: none; 
}

.tool_bar .tool_bar_main {
	list-style: none;
	padding:0;
	margin:0;
	margin-right:78px;
}

.tool_bar .tool_bar_main > li{
	display: inline-block;
    vertical-align: top;
}

.tool_bar .tool_bar_main > li:nth-child(1), .tool_bar .tool_bar_main > li:nth-child(4){
	/*font-size:13.59px;*/
	font-size:0.849em;
}
.tool_bar .tool_bar_main > li:nth-child(2){
	padding-right:20px;
}

.tool_bar .tool_bar_main > li:nth-child(3){
	padding-right:30px;
}

.tool_bar .tool_bar_main > li:nth-child(5){
	position: fixed;
	top:0;
	right: 30%;
	right: calc((100% - 1240px) / 2);
	z-index: 20;
}

.tool_bar #donate_logo{
	z-index: 20;
}

.tool_bar .tool_bar_main > li:nth-child(5):hover > .donate_subMenu{
	visibility: visible;
	opacity: 1;
}

/* Donate sub menu*/
.donate_subMenu {
    position: fixed;
    top: 0;
    right: calc((100% - 1240px) / 2);
    right: -webkit-calc((100% - 1240px) / 2);
 	right: -moz-calc((100% - 1240px) / 2);
 	z-index: -20;
    visibility: hidden;
    opacity: 0;
    transition:all 0.3s ease;
}

.donate_subMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.donate_subMenu ul li{
    display:inline-block;
    text-align:center;
    background: #5B064E;
    color: #FFF;
    font-size:13px;
    font-family: Helvetica LT Std Light, Arial , Verdana;
    height: 72px;
    width: 115px;
    vertical-align: top;
    position: relative;
    padding:3px 0;
    cursor: pointer;
}

.donate_subMenu ul li a{
	color:#FFF;
	text-decoration: none;
}

.donate_subMenu ul li:not(:last-child):after{
	content:"";
	display:inline-block;
	height:50px;
	border-right:1px solid rgba(255, 255, 255, 0.6) ;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 0;
    width:5px;
}

.donate_subMenu ul li:first-child {
    border-radius: 8px 0 0 8px;
}

.donate_subMenu ul li:last-child {
    width: 72px;
    background: #fff;
}

.donate_subMenu ul li:hover, .Donate_Online a:hover{
	color:#BD78A7;
}

.subMenuItem_img{
	width:115px;
	height:45px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: auto 30px;
}

.Donate_Online .subMenuItem_img{
	background-image:url(../img/donateMenu_givingOnline.png);
}

.Donate_Online a:hover > .subMenuItem_img{
	background-image:url(../img/donateMenu_donateOnline_hover.png);
}

.Giving_kind .subMenuItem_img{
	background-image:url(../img/gift.png);
}

.Giving_kind:hover > .subMenuItem_img{
	background-image:url(../img/gift_hover.png);
}

.Pleged_Gift .subMenuItem_img{
	background-image:url(../img/get_involved/hand_hover.png);
}

.DonateForm .subMenuItem_img{
	background-image:url(../img/donateMenu_form.png);
}

.DonateForm:hover .subMenuItem_img{
	background-image:url(../img/donateMenu_form_hover.png);
}


.donate_subMenu_mobile{
	display:none;
	visibility: hidden;
	opacity: 0;
	transition:all 0.7s ease;
	position: relative;
	top:5px;
}

.donate_subMenu_mobile ul{
    list-style:none;
    padding:0;
    margin:0;
}

.donate_subMenu_mobile ul li{
    background: #5B064E;
    padding:10% 5%;
    position:relative;
    cursor: pointer;
}

.donate_subMenu_mobile ul li:not(:last-child):after {
    content: "";
    display: block;
    height:1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom:0;
    left: 50%;
    transform:translate(-50%,0);
    width:80%;
}
#language_trad{
	font-family:MHeiHK Medium, 微軟正黑體, Microsoft JhengHei;
	/* font-size:13.59px; */
	font-size:0.849em;
	padding-right:6px;
}

#language_simp{
	font-family:黑体, 微軟正黑體, Microsoft JhengHei;
	/* font-size:13.59px; */
	font-size:0.849em;
	padding-left:6px;
}

.search_bar input[type=text] {
    width: 156px;
	border:0px;
    border-bottom: 1px solid #ccc;
    background-color: white;
    /*background-image: url(../img/search_icon.png);*/
	background-size: 13px 12px;
	background-repeat: no-repeat;
    padding:1px 0px 0 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	font-family:Asap, Arial , Verdana;
	/* font-size: 16.36 */
	font-size:1.022em;
	margin-top: 7px;
	
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}


.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-search {
    padding: 4px !Important;
    font-size: 11px !important;
    background: url(../img/search_icon.png)#fff no-repeat center;
    height: 25px;
    width: 30px;
    padding: 5px;
	cursor: pointer;
	border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
	border-left-color: transparent;
}

#mobile-header-search {
	background-color: #b095b2!important;
}

.mobile-search-bar {
	padding: 10px;
}

.mobile-search-bar input[type=text] {
	height: 30px;
	padding-left:5px;
}

.mobile-search-bar input[type=submit] {
    background-color: #bf165e;
	margin-left: -3px;
    border: 0;
    padding: 0 10px;
    width: 50px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.font-size-control > span{
   cursor: pointer;
}

.font-size-control > span.a-small{
	/* font-size:12px; */
	font-size:0.75em;
	font-family:Gill Sans MT, Arial , Verdana;
}

.font-size-control > span.a-normal{
	/* font-size:15.4px; */
	font-size:0.963em;
	font-family:Gill Sans MT, Arial , Verdana;
}

.font-size-control > span.a-large{
	/*font-size:18.12px;*/
	font-size:1.133em;
	font-family:Gill Sans MT, Arial , Verdana;
	padding-right: 20px;
}

.font-size-control > span.in-font-size{
	color:#85065F;
}



.tool_bar #search_btn, .tool_bar #menu_btn, .tool_bar #language_btn, .tool_bar #mobile_donate{
	display:none;
}

#desktop_donate {
    border: 3px solid #FFF;
    border-top: 0;
    border-radius: 0 0 0 15px;
}


/* nav bar */
nav ul { 
   list-style: none; 
   margin-bottom:0px;
   padding:0px;
   font-family:Ubuntu, Arial , Verdana;
   font-weight:300;
   font-size: 16px;	
   /* header-logo */
   margin: 0;
} 

.menu a{ 
   /*color:#000000;*/
   color:#FFF;
   margin: 0; 
   text-decoration: none; 
} 

.menu a.active {
	color: #85065F;
	font-weight:normal;
}

.menu > li{
	position:relative;
	display:inline-block;
	margin: 0% 3.2%;
}

.menu_item{
	position:relative;
}

.menu > li:first-child{
	text-align:left;
    margin:0% 3.2% 0% 0%;
}
.menu > li:last-child{
	/*text-align:right;*/
	margin:0% 0% 0% 3.2%;
}

.menu .menu_item.main-item-title {
    /* padding: 15px 0; previous*/
    /*padding-bottom: 15px;*/
    /*border-bottom: 4px solid white;*/
    line-height:50px;
}

.menu_item.main-item-title.active{
	/*border-bottom: 4px solid #85065F;*/
	border-bottom: 4px solid #FFF;
}

.menu_item.main-item-title.active a {
    /*color: #85065F;*/
    /*font-weight: normal;*/
    color:#FFF;
}

/* nav bar - sub menu */
.sub_menu {
	display:none;
	position:absolute;
	background: #D6BCCC;
	margin-top:15px;
    z-index: 1;
	/*top: 37px;*/
	top: 54px; /*due to menu change, 37px to 50px*/
	width: 160%;
    min-width: 200px;
}

.menu > li:hover .menu_item.main-item-title{
	/*border-bottom:4px solid #87065F;*/
	border-bottom: 4px solid #FFF;
}

.sub_item{
	border-bottom: 2px solid #A54687;
	color: #87065F;
    /* font-size: 14px;*/
    font-size:0.875em;
  	padding: 10px;
    margin: 0 10px;
}

.sub_item:hover{
	padding: 10px 10px 10px 20px;
}

.sub_item a{
	color: #87065F;
}

.sub_menu > li:hover{
	background-color:#EBD1E0;
	color:#661241;
}

.sub_menu > li:last-child .sub_item{
	border-bottom: 0px;
}

.menu > li:hover .sub_menu {
	display:block;
	left:0;
	margin:0;
	padding:0;
}


/* Mobile menu */
#nav_mb{
	display:none;
	font-family: Ubuntu, Arial , Verdana;

}

#nav_mb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav_mb .mb_item{
	border-bottom:1px solid white;
	font-weight:120;
	color:white;
	padding:2.1% 5% 3.4% 5%;
    font-size:1em;
    transition: 0.5s;
    background-color:#831248;
}

#nav_mb .mb_item a{
	color:white;
	text-decoration: none;
}

/* Mobile menu - second menu */
.second_menu{
	display:none;
}
.second_menu li{
	color:#831247;
	background-color:#EDD3DF;
	border-bottom: 1px solid #F2AACB;
	padding:2.1% 5% 3.4% 5%;
}
.second_menu li a{
	color:#831247;
	text-decoration: none;
}


/* slide show */
.slideshow-container{
	width: 100%;
	overflow: hidden;
}

.cycle-slideshow {
    width: 100%;
    min-width: initial;
    /* max-width: 1000px; */
    margin: 0px auto;
}	


.slideshow-container.home .cycle-slideshow img:nth-child(2){
	background-color:#E7E1E1;
}

.slideshow-container.home .cycle-slideshow img:nth-child(3){
	background-color:#F0F4F7;
}

.slideshow-container.home .cycle-slideshow img:nth-child(4){
	background-color:#D5D5DF;
}

.slideshow-container.home .cycle-slideshow img:nth-child(5){
	background-color:#EFEAE6;
}

#slideshow_bottom{
    max-width: 1180px;
    margin: 0px auto 100px auto;
	position:relative;
    margin-bottom: 0px;
}


/* Slide show dots */
#slideshow_dots{
	float:right;
	cursor: pointer;
	position: absolute;
    right: 0px;
    bottom: 17px;
    z-index: 1000;
}

#slideshow_dots span{
    font-size: 0px;
    width: 37px;
    height:15px;
    color:transparent;
	background-image: url(../img/dots_inactive.png);
	background-position: 50% 50%;
    background-repeat: no-repeat;
    top: -10px;
    display:inline-block;
}


#slideshow_dots > .cycle-pager-active{
	color:transparent;
	background-image: url(../img/dots_active.png);
}

/* Slide show dots */
#slideshow_dots2{
	float:right;
	cursor: pointer;
	position: absolute;
    right: 0px;
    bottom: 17px;
    z-index: 1000;
}

#slideshow_dots2 span{
    font-size: 0px;
    width: 37px;
    height:15px;
    color:transparent;
	background-image: url(../img/dots_inactive.png);
	background-position: 50% 50%;
    background-repeat: no-repeat;
    top: -10px;
    display:inline-block;
}


#slideshow_dots2 > .cycle-pager-active{
	color:transparent;
	background-image: url(../img/dots_active.png);
}


/* bubble_learn */
.bubble_learn_container{
	position: relative;
	top: -45px;
    z-index: 999;
    width:80%;
}


#bubble_learn {
    color: white;
    background-color: #85065F;
    transform: skewX(-13deg);
    -webkit-transform: skewX(-13deg);
    -ms-transform: skewX(-13deg);
    width: 480px;
    padding: 19px 0 16px 25px;
    font-family:Helvetica LT Std Light, Arial , Verdana;
}

#bubble_learn > #bubble_text_container{
	transform: skewX(13deg);/* Firefox 16+, IE 10+, Opera */
	-webkit-transform: skewX(13deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: skewX(13deg);  /* IE 9 */
}


#bubble_learn #bubble_text{
	/* font-size:28px; */
	font-size:1.75em;
}

#bubble_learn a{
	background-color:#6B1940;
	border: none;
	color:white;
	padding:7px 24px 7px 13px;
	/*font-size:20px;*/
	font-size:1.25em;
	/*margin:10px 0 0 0;*/
	font-family:Arial, Verdana;
	text-decoration: none;
}


#learn_link{
	margin-top:15px;
}
/* section - area_support */
.content > section h2{
	padding:0 0 41px 0;
}
#area_support .section_content, #community .section_content{
	text-align: center;
}

.support_img {
	display:inline-block;
	width:32%;
    padding: 0 1% 33px 0;
}

.support_img:first-child{
	padding: 0 1% 33px 1%;
}

.support_img img{
	width: 100%;
}

.support_text{
	color:white;
	/*font-size:22px;*/
	font-size:1.375em;
	background-color:#85065F;
	position: relative; 
	top:-23px;
	transform: skewX(-20deg); /* Firefox 16+, IE 10+, Opera */
	-webkit-transform: skewX(-20deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: skewX(-20deg);  /* IE 9 */
	width:70%;
	margin: 0 auto;
	padding:2% 0;
	font-family:Helvetica LT Std Roman, Arial , Verdana;
}

.support_text div{
	transform: skewX(20deg);/* Firefox 16+, IE 10+, Opera */
	-webkit-transform: skewX(20deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: skewX(-20deg);  /* IE 9 */
}
	

.support_more, .donor_more_box,.news_more_box{
	display:none;
}


.support_more,.donor_more_box,.news_more_box{
	display:block;
	/* font-size:32px; */
	font-size: 1.5rem;
	font-family:Roboto, Arial , Verdana;
	color:#85065F;
	text-align: center;
}
.support_more2{
    display:none;	
}
#triangle{
	display:block;
	height: 0;
	border-left: 14px solid transparent; 
	border-right: 14px solid transparent; 
	border-top: 17px solid #85065F;
	margin:auto;
	width:1%;
	padding-bottom:100px;
}
/* section_border */
.section_border{
	border-top:1px solid #85065F;
	width:85px;
	margin: 0px auto;
	position: relative; 
	margin-bottom:26px;
}

/* section - community */
#community .section_content img{
	display:inline-block;
	width:30%;
	margin:0 1.5% 50px 1.5%;
}

/* section - news */
#news{
	font-family:Helvetica LT Std Light, Arial , Verdana;
}

#news .section_content{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.news_back {
	display: none; 
}

.article{
	width:23%;
	display:inline-block;
	border:1px solid #CACACA;
	margin:0 0.9%;
	position:relative;
	/* height:494px; */
}

.article img{
	width:100%;
}
	
.news_title{
	top:-9px;
	/* font-size:22px;*/
	font-size:1.375rem;
	margin:2% 3% auto 3%;
	/* min-height:150px; */
	margin-bottom:30px;
}

.info{
	/* font-size:12px;*/
	font-size:0.75rem;
	margin:0 3% 11px 3%;
}

.description{
	padding:0 3% 0 3%;
	word-wrap: break-word;
}

.news_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: right;
}

#news hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #8D1669;
    margin:40px 15px 7px 13px;
}

.more{
	color:#85065F;
	margin:0 15px 11px 0;
}

/* news - one */
.article.one .news_title,.article.one .author{
	color:#008CC0;
}

/* news - article two & three & five */
.article.two .news_title,.article.two .author,.article.three .news_title,.article.three .author,.article.five .news_title,.article.five .author{
	color:#0B9971;
	color:#008CC0;
}

/* news - article four & six*/
.article.four .news_title,.article.four .author,.article.six .news_title,.article.six .author{
	color:#FF6B79;
	color:#008CC0;
}


.slideshow-container.priorities .cycle-slideshow img:nth-child(2){
	background-color:#E7E1E1;
}

.slideshow-container.get_involved .cycle-slideshow img:nth-child(2){
	background-color:#E9ECF0;
}

.slideshow-container.donor_voices .cycle-slideshow img:nth-child(2){
	background-color:#FAFAF1;
}


.content h2{
	padding:0;
	line-height:1;
	text-align: initial;
}

.content p{
	/*font-size:18px;*/
	font-size:1.125em;
	font-family:Helvetica LT Std Light, Arial , Verdana;
}

.content a{
	color:#85065F;
	text-decoration: none;
}

.content .content_partition{
	margin-top: 38px;
}

.priorities_img_box{
	width: 34%;
    display: inline-block;
    vertical-align: top;
}

.priorities_img_box:last-child {
    width:30.3%;
}

.priorities_img_inside{
    width: 375px;
}

.btn_more{
    background: url(../img/btn_more.png);
    height: 22px;
    width: 23px;
    display:inline-block;
}

.academic_list_item{
	padding:20px 15px;
	border-bottom:1px solid #A54687;
}

.academic_list_detail{
	margin-top:1em;
}

.academic_list_content{
	width: 66%;
   	display: inline-block;
}

.academic_list_content p{
	margin-top: 0;
}

.academic_list_detail .t_image {
    width: 29%;
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
}

.type_gift_box {
    border: 1px solid #85065F;
}

.type_gift_top {
    border-bottom: 1px solid #85065F;
}

.type_gift_item{
    width: 25%;
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    border-left: 1px solid rgb(133, 6, 95);
    cursor: pointer;
}

.type_gift_item.active{
    background-color: rgb(133, 6, 95);
}

.type_gift_bottom{
	background-color:#F6F1F4;
	padding: 20px 20px 70px 20px;
}

#how2give{
    margin-top: 45px;
}

.how2give_item {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.how2give_item span { 
	width:0; 
	height:0; 
	font-size:0; 
	overflow:hidden; 
	position:absolute; 
}

.how2give_item .bot{ 
	border-width: 15px; 
	border-style: solid dashed dashed; 
	border-color: transparent transparent #85065F transparent; 
    left: 30px;
    top: 86px;
} 

.how2give_item .top{ 
	border-width:15px; 
	border-style:solid dashed dashed; 
	border-color:transparent transparent #fff transparent; 
	left:30px; 
    top: 87px;
} 

.how2give_item.email .bot,.how2give_item.email .top{
	display:none;
}
.dialog-box { 
	position: relative;
	border:1px solid #85065F;
}
.dialog-box span { 
	width:0; 
	height:0; 
	font-size:0; 
	overflow:hidden; 
	position:absolute; 
}
.dialog-box .bot{ 
	border-width: 15px; 
	border-style: solid dashed dashed; 
	border-color: transparent transparent #85065F transparent; 
	left: 30px; 
	top: -30px; 
} 


.thanks_table{
    width: 100%;
    margin: auto;
    border-bottom:1px solid #ACACAC;
    padding: 30px 0 25px 0;
}

.thanks_table:last-child {
    border: none;
    padding: 30px 0 0 0;
}

.thanks_table_topic{
	display:inline-block;
	width:11%;
	color:#85065F;
}

.thanks_table_btnmore {
    display: none;
    background: url(../img/donor_roll_btn_more.png);
    width: 37px;
    height: 37px;
    float: right;
}

.thanks_table_item{
	display:inline-block;
	vertical-align: text-top;
	width:88%;
}

.thanks_table_item_name {
	vertical-align: top;
	margin-bottom: 20px;
}

.contact_item {
    width: 100%;
}

.contact_item_topic {
    display: inline-block;
    width: 5%;
}

.contact_item_detail {
    display: inline-block;
}

.donor_box{
	width:80%;
	margin:20px auto 90px auto;
}

.donor_inside {
    width: 100%;
}

/* Donor voice - style 1 */
.donor_box.style1 .donor_left {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    position: relative;
}

.donor_box.style1 .donor_left img{
	position: relative;
	z-index: 2;
}

.donor_box.style1 .donor_left_border {
    width: 250px;
    height: 250px;
    border: 3px solid #85065F;
    position: absolute;
    top: 30px;
    left: 30px;
}

.donor_box.style1 .donor_right {
    display: inline-block;
    width: 59%;
   	vertical-align: middle;
}

/* Donor voice - style 2 */
.donor_box.style2 .donor_left {
    display: inline-block;
    width: 59%;
    vertical-align: middle;
}

.donor_box.style2 .donor_right {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    position: relative;
}

.donor_box.style2 .donor_right img{
	position: relative;
	z-index: 2;
	float: right;
}

.donor_box.style2 .donor_right_border {
    width: 250px;
    height: 250px;
    border: 3px solid #85065F;
    position: absolute;
    top: 30px;
    right: 30px;
}

.donor_inside h3{
	color:#000;
}

.donor_date {
    /*font-size: 18px;*/
    /*font-size:1.125em;*/
    color: #008DC1;
    margin-bottom: 20px;
}

.donor_subtitle {
    color: #85065F;
}

.donor_more {
    color: #85065F;
    margin-top: 20px;
}

.btn_other_page{
	text-align: center;
	margin-top: 35px;
}

.btn_previous{
 	width: 0;
 	height: 0; 
 	border-top: 5px solid transparent;
    border-right: 9px solid #BC0880;
    border-bottom: 5px solid transparent;
    display:inline-block;
    opacity: 0.3;
}

.btn_previous.active{
    opacity: 1;
}

.btn_line{
	display:inline-block;
	width:32px;
	height:5px;
	background: #BC0880;
    vertical-align: middle;
    margin-right:10px;
    opacity: 0.3;
}

.btn_line.active{
	opacity: 1;	
}

.btn_next{
 	width: 0;
 	height: 0; 
 	border-top: 5px solid transparent;
    border-left: 9px solid #BC0880;
    border-bottom: 5px solid transparent;
    display:inline-block;
    opacity: 0.3;
}

.btn_next.active{
    opacity: 1;
}

.news_top > h2{
	display: inline-block;
	line-height:1;
}

.news_top select {
    float: right;
    height: 30px;
    padding: 3px 115px 5px 8px;
    color: #676767;
    font-size: 1.125em;
    font-family:Ubuntu, Arial , Verdana;
    font-weight:300;
    border-color: #B6B6B6;


    /*reset */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url(../img/select_btn.png);
    background-position: 100.4% 1px;
    background-repeat: no-repeat;
}

.news_box{
	margin-top:30px;
}

.news_box .article{
	margin:0 1% 0 0;
	width:32.4%;
	/* height: 585px; */
    vertical-align: top;
}

.news_box .article:last-child{
	margin:0;
}

.news_box hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #8D1669;
    margin: 40px 15px 7px 13px;
}


/* footer */
footer{
	background-color:#555555;
	color:#A5A5A5;
	margin-top:112px;
}

footer a{
	color: #A5A5A5;
	text-decoration: none;
}

footer .footer_top,footer .footer_bottom{
	max-width:1240px;
	margin: 0px auto;
	position: relative;
}

/* footer top */
footer{
	font-family:Alegreya Sans, Arial , Verdana;
}

footer .footer_top{
    overflow:hidden;
	margin-bottom:40px;
}

.footer_top ul {
	list-style: none;
	-webkit-margin-before:0em;
	-webkit-margin-after:0em;
	padding:0px;
}

.footer_top ul li{
	display:block;
	padding:0 0 20px 0;
	word-wrap: break-word;
}

footer .footer_top .bottom{
	width:20%;
	padding:0 4%;
	float:left;
}

footer .footer_top .bottom:first-child{
	padding:0 4% 0 0;
}

footer .footer_top .bottom:last-child{
	padding:0 0 0 4%;
}

footer .footer_title{
	color:#FFFFFF;
	/* font-size:15px; */
	font-size:0.9375em;
	font-weight:bold;
	padding:30px 0 15px 0;
}

footer .footer_title a{
    color: #FFFFFF;
    text-decoration: none;
}

footer .footer_content, footer .footer_bottom{
	/* font-size:14px; */
	font-size:0.875em;
}

footer hr{
	max-width:1240px;
	margin: 0px auto;
}

/* footer bottom */
footer #footerb_content{
	padding:27px 0 24px 0;
}

footer #copyright{
	float:right;
}


/* Layout Medium Screens */
@media screen and (min-width: 1001px) and (max-width: 1300px){
	h2{
		/* font-size:34px; */
		font-size:2.125em;
	}

	h3{
		/* font-size:20px; */
		font-size:1.250em;
		font-family:Arial , Verdana;
		font-weight:normal;
	}

	.content{
		padding:0 2%;
		font-family:Arial, Verdana;
	}

	.content .content_partition{
		margin-top: 50px;
	}

	/* header */
	header{
		margin:0 2%;
	}

	.tool_bar .tool_bar_main > li:nth-child(5){
		right:10px;
	}

	.donate_subMenu{
		right:10px;
	}
	
	/* nav */
	nav{
		margin:0 2%;
	}

	
		.menu > li{
			margin: 0% 2.7%;
		}

		.menu > li:first-child{
			margin:0% 2.7% 0% 0%;
		}

		.menu > li:last-child{
			margin:0% 0% 0% 2.7%;
		}

		
	@media screen and (max-width: 1208px) {
		.menu > li{
			margin:0% 2.2%;
		}

		.menu > li:first-child{
			margin:0% 2.2% 0% 0%;
		}
		
		.menu > li:last-child{
			margin:0% 0% 0% 2.2%;
		}
	}
	
	@media screen and (max-width: 1132px) {
		.menu > li {
			margin:0% 1.7%;
		}

		.menu > li:first-child{
			margin:0% 1.7% 0% 0%;
		}
		
		.menu > li:last-child{
			margin:0% 0% 0% 1.7%;
		}
		
	}

	@media screen and (max-width: 1065px) {
		.menu > li {
			margin:0% 1.1%;
		}

		.menu > li:first-child{
			margin:0% 1.1% 0% 0%;
		}
		
		.menu > li:last-child{
			margin:0% 0% 0% 1.1%;
		}
	}

	/* bubble_learn */
		.bubble_learn_container {
	    position: relative;
	    margin: 0;
	}

	#bubble_learn{
		width:51%;
		margin:0px 0px 0px 63px;
		padding:19px 0 16px 25px;
	}
	@media screen and (max-width: 950px) {
		#bubble_learn #bubble_text{
			font-size:1.313rem;
		}
		
		#bubble_learn a{
			font-size:0.813rem;
		}
	}

	/* slide show */
	.slideshow-container img{
		width: 100%;
	}

	/* Slide show dots */
	/*.dot {
		margin:12px 0 10px 14.4px;
	}*/


	/* section - area_support */
	.support_text{
		/*font-size:20px;*/
		font-size:1.250rem;
		font-family:Arial , Verdana;
	}

	/* news */
	#news{
		font-family:Arial , Verdana;
	}

	.article{
		width:32.33%;
		display:inline-block;
		border:1px solid #CACACA;
		margin:0 0.5%;
		position:relative;
		/*height:520px;*/
	}

	.news_title{
		top:-9px;
		/* font-size:24px;*/
		font-size:1.5rem;
		margin:2% 3% auto 3%;
		min-height:120px;
	}

	.info{
		font-size: 0.875rem;
	}

	#news .article.four{
		display:none;
	}

	.content p{
		font-size: 1rem;
	}

	.priorities_img_box {
	    width: 31%;
	    margin-right: 2%;
	}

	.priorities_img_box:last-child {
    	width: 31%;
	}	

	.priorities_img_inside{
		width:initial;
	}

	.priorities_img_inside img {
   		width: 100%;
	}

	.donor_box {
	    width: 100%;
	    margin: 20px 0 90px 0;
	}

	.donor_more{
		font-size:0.938rem;
	}

	.thanks_table {
	    width: 100%;
	    margin: 0;
	    padding: 50px 0 50px 0;
	}

	.thanks_table_item_name {
    	width: 49%;
		vertical-align: top;
	}

	.news_box .article {
	    width: 32.3%;
	}
	
	/* footer */
	footer{
		margin-top:145px;
	}
	footer .footer_top{
		margin:0 2%;
	}

	footer hr{
		width:96%;
		margin:0 2%;
	}

	footer #footerb_content{
		padding:27px 0 24px 2%;
	}

	footer #copyright{
		padding-right:2%;
	}
	
	.news_back {
		padding-top:20px;
		display: block; 
	}
}

/* Layout Small Screens */
@media screen and (max-width: 1000px){
	.content{
		padding:0 4%;
		font-family:Arial, Verdana;
	}
	
	/* page */
	#page{
		transition: margin-left .5s;
	}

	/* header */
	header{
		margin:0 0 0 5%;
		position:relative;
		/* header-logo */
   		margin-left: 15px;
	}

	#cityu_logo{
		width: 26%;
   		margin-top: 2%;
	}


	header #header_name{
	/* 	font-size:30px; 
		font-size:1.875em;  
		font-size:8.5vw;  */
		top:0px;  
	}

	#header_name img{
		width:65%;
	}

	/* tool bar */
	.tool_bar{
		position:absolute;
		top:0;
		right:0;
		width:50%;
		text-align: right;
	}

	.tool_bar .tool_bar_main > li{
	    margin-left: -5px;
		width:25%;
	}

	.tool_bar img{
		margin-top: 0px;
		width:100%;
	    position: relative;
	}

	.tool_bar .tool_bar_main > li:nth-child(2),.tool_bar .tool_bar_main > li:nth-child(4){
		display:none;
	}

	.tool_bar .tool_bar_main > li:nth-child(3){
		padding-right:0px;
	}

/* 	.tool_bar .tool_bar_main > li:nth-child(5){
		content:url(../img/mobile_donate_logo.png);
		width:25%;
		display:inline-block; */
		
		/* background: url('../img/mobile_donate_logo.png') no-repeat; */
		/* -webkit-background-size: contain; */
		/* moz-background-size: contain; */
		/* -o-background-size: contain; */
		/* background-size: contain; */
/* 	} */

	.donate_subMenu_mobile{
		/*display:block;*/
	}

	.tool_bar #desktop_donate{
		display:none;
	}

	.tool_bar #menu_btn, .tool_bar #search_btn, .tool_bar #language_btn, .tool_bar #mobile_donate {
		display:inline-block;
		vertical-align:top;
	}

	.tool_bar .tool_bar_main {
	    margin-right: 0px;
	}

	.tool_bar .tool_bar_main > li:nth-child(5) {
	    position: initial;
	    top:5px;
	    right: 0;
	}

	.tool_bar .tool_bar_main > li:nth-child(5):hover > .donate_subMenu{
		visibility: hidden;
		opacity: 0;
	}

	.tool_bar .tool_bar_main > li:nth-child(5):hover > .donate_subMenu_mobile{
		visibility: visible;
		opacity: 1;
	}

	/* nav */
	nav{
		display:none;
	}

	/* Slide show dots */
	#slideshow_dots{
		text-align:center;
		margin-top:120px;
		float:none;
	}

	

	/* bubble_learn */
	.bubble_learn_container {
	   top:-215px;
	    width:100%;
	}
	

	#bubble_learn{
		display:inline-block;
		/* font-size:1.5vw; */
		margin: 0px 0px 0px 25px;
		width:70%;
		padding:15px 20px 16px 20px;
	}

	#bubble_learn #bubble_text{
		display:block;
	}

	#bubble_learn a{
		font-size:1rem;
	}
	
	@media screen and (max-width:560px){ 
		#bubble_learn #bubble_text{
			font-size:1.563rem;
		}
	
	}
	
	@media screen and (max-width:505px){ 
	
		.cycle-slideshow img {
			width: 160%;
			left: -123px!important;
		}
		#bubble_learn #bubble_text{
			font-size:1.250rem;
		}
		#slideshow_bottom{
			/* margin-bottom:70px!important;  */
		}
	}
	
	@media screen and (max-width:420px){ 
		#bubble_learn #bubble_text{
			font-size:1rem;
		}
		
		#bubble_learn a{
			font-size:0.875rem;
		}
		
	}
		
	@media screen and (max-width:420px){ 
		#bubble_learn #bubble_text{
			font-size:0.875rem;
		}
		
		#bubble_learn a{
			font-size:0.75rem;
		}
	
	}

	/* section */


	/* section - area_support */
	.support_img {
		display:block;
		width:100%;
		padding: 0 5% 27px 5%;
	}

	.support_img:first-child {
		padding: 0 5% 27px 5%;
	}

	.support_text{
		color:white;
		/*font-size:40px;*/
		font-size:1rem;
		width:50%;
		top:-25px;
	}

	.support_img:nth-child(5){
		display:none;
	}

	.support_img:nth-child(6){
		display:none;
	}

	.support_more,.donor_more_box,.news_more_box{
		display:block;
		/* font-size:32px; */
		font-size:1.5rem;
		font-family:Roboto, Arial , Verdana;
		color:#85065F;
		text-align: center;
	}
	.support_more2{
		display:block;
	}
	#triangle{
		display:block;
		height: 0;
		border-left: 14px solid transparent; 
		border-right: 14px solid transparent; 
		border-top: 17px solid #85065F;
		margin:5px auto 0 auto;
		width:1%;
		padding-bottom:100px;
	}

	/* section_border */
	.section_border{
		width:30vw;
		margin-bottom:40px;
	}

	/* section - community */
	#community{
		margin:0 5%;
	}

	#community .section_content img{
		display:block;
		width: 90%;
		margin: 0 auto 50px auto;
	}

	/* section - news */
	#news{
		margin:0 5%;
	}

	#news .section_content {
		display: block;
	}

	.article,.news_box .article{
		display:block;
		width:100%;
		height:750px;
		/* min-height:500px; */
		margin-bottom:5%;
	}

	@media screen and (min-width: 670px) and (max-width:870px){ 
		.article,.news_box .article{
			height:650px;
		}
		.mobile_banner{
		display:block;
		}
		.d_banner{
			display:none;
		}
		.bxslider_banner img {
			width: 192%;
			left: -43%!important;
			position: relative!important;
		}
		#slideshow_dots2{
			display:block;
		}
		#slideshow_dots{
			display:none!important;
		}
		#slideshow_dots2 {
			text-align: center;
			margin-top: 120px;
			float: none;
		}
	}

	@media screen and (min-width: 530px) and (max-width:670px){ 
		.article,.news_box .article{
			height:550px;
		}
		.mobile_banner{
		display:block;
		}
		.d_banner{
			display:none;
		}
		.bxslider_banner img {
			width: 192%;
			left: -43%!important;
			position: relative!important;
		}
		#slideshow_dots2{
			display:block;
		}
		#slideshow_dots{
			display:none!important;
		}
		#slideshow_dots2 {
			text-align: center;
			margin-top: 120px;
			float: none;
		}
	}

	@media only screen and (max-width:530px){
		.article,.news_box .article{
			height:450px;
		}
		.mobile_banner{
		display:block;
		}
		.d_banner{
			display:none;
		}
		.bxslider_banner img {
			width: 192%;
			left: -43%!important;
			position: relative!important;
		}
		#slideshow_dots2{
			display:block;
		}
		#slideshow_dots{
			display:none!important;
		}
		#slideshow_dots2 {
			text-align: center;
			margin-top: 120px;
			float: none;
		}
	}


	.news_title{
		top:-9px;
		/* font-size:36px;*/
		font-size:1.563rem;
		margin:2% 3% 2% 3%;
		min-height:0px;
	}

	.info{
		/* font-size:24px;*/
		/* font-size:1.5em; */
		/* font-size:3vw; */
		font-size:0.875rem;
	}

	.more{
		/* font-size:4vw; */
		font-size:1.063rem;
	}

	.description{
		display:none;
	}

	#news .article.three{
		display:none;
	}

	#news .article.four{
		display:none;
	}

	.priorities_img_box{
	    width: 100%;
    	display: block;
    	margin-bottom: 15%;
	}

	.priorities_img_inside{
		width:initial;
	}

	.priorities_img_inside img{
		width:100%;
	}

	.priorities_img_box:last-child{
		width:100%;
	}

	.academic_list_content {
	    width: 100%;
	    display: block;
	}

	.academic_list_detail .t_image {
	    width: 100%;
	    display: block;
    	margin-left: 0;
	margin-bottom: 10px;
    }

    .type_gift_item img {
		width: 40%;
	}

	.how2give_item{
		margin-right: 0;
		width: 49%;
	}

	.how2give_item img{
		width:52%;
	}

	.arrow_top{
		position: relative;
	    bottom: 14px;
    	left: -8px;
	}

	.how2give_item .bot{
	    top: -1px;
	}

	.how2give_item .top{
		top:0px;
	}

	.dialog-box{
		margin:0px 0 30px 0;
	}

    .donor_box:nth-child(n+4) {
    	display: none; 
	}

    .donor_box.style1 .donor_left{
	    width: 75%;
	    display: block;
	    vertical-align: initial;
        margin: 0 10%;
    }

    .donor_box.style1 .donor_left img {
	    width: 100%;
	}

	.donor_box.style1 .donor_left_border{
	    width: 100%;
    	height: 100%;
        left: 15%;
    	top: 13%;
	}

	.donor_box.style1 .donor_right{
		width:100%;
		display: block;
	}

	.donor_box.style2 .donor_left{
		width:100%;
		display: block;
	}


    .donor_box.style2 .donor_right{
	    width: 75%;
	    display: block;
	    vertical-align: initial;
	    margin: 0 10%;
    }

    .donor_box.style2 .donor_right img {
	    width: 100%;
        float: initial;
	}

	.donor_box.style2 .donor_right_border{
	    width: 100%;
    	height: 100%;
	    left: 15%;
    	top: 13%;
    	right:0;
	}

	.donor_date{
		margin:15% 0 20px 0;
	}

	.donor_inside h3 {
        margin-bottom: 8%;
	}

	.thanks_table{
		width:100%;
	}

	.thanks_table_topic{
		width:100%;
	    margin-bottom: 20px;
	}

	.thanks_table_btnmore {
	    display: inline-block;
	}

	.thanks_table_item{
		display: none;
	}

	.thanks_table_item_name {
	    display: block;
    	width: 100%;
	}

	.news_top select{
	    float: initial;
		padding: 3px 0 5px 30px;
		display: block;
   		width: 100%;
   		margin-top:35px;
	}

	.news_box .article {
	    width: 100%;
	    vertical-align: top;
	    margin-bottom: 35px;
	}

	.news_box .article:last-child {
	    margin-bottom: 35px;
	}

	.news_box:nth-child(n+4) {
    	/* display: none; */
	}

	.contact_item_topic {
	    width: 18%;
	    margin-bottom: 3%;
	}


	/* footer top */
	.footer_top{
		display:none;
	}

	footer .footer_bottom{
		padding:0 5%;
		font-size:0.875rem;
		border-top:2px solid #BF2269;
		border-bottom:30px solid #BF2269;
	}

	footer hr{
		display:none;
	}

	footer #copyright{
		margin-top:1%;
		float:none;
	}

	@media screen and (max-width: 410px){
		h2{
			/*font-size:25px;*/
			font-size:1.563rem;
		}

		.content p{
			/*font-size:16px;*/
			font-size:1rem;
		}

		h3{
			/*font-size:16px;*/
			font-size:1.125rem;
		}

		.news_title{
			/*font-size:18px;*/
			font-size:1.250rem;
		}
		
		.news_back {
			padding-top:20px;
			display: block; 
		}

		.info{
			/*font-size:12px;*/
			font-size:0.750rem;
		}

		.support_more, .donor_more_box, .news_more_box{
			/*font-size:25px;*/
			font-size:1.563rem;
		}
	}
}

#slideshow_dots.slideshow_dots2 {
   top: 0px;
}

#learn_link{
    color: white;
    text-decoration: none;	
}

.support_text a{
	text-decoration: none;	
	 color: white;
}	

/* header-logo */
#cityu-header-local {
    margin: 0;
    padding: 30px 0 20px;
    width: 100%;
    min-height: 0;
    display: table;
}
#cityu-header-local #cityu-desktop-cityulogo {
    display: table-cell;
    float: none;
    padding-right: 17px;
    width: 125px;
}
#cityu-header-local #cityu-desktop-cityulogo img {
    height: 80px;
    vertical-align: middle;
}
#cityu-header-local #cityu-mobile-cityulogo {
    display: none;
}
#cityu-header-local #cityu-header-deptname, #cityu-header-local #cityu-header-deptnames {
    float: none;
    padding: 10px 5px 10px 5px;
    vertical-align: bottom;
    display: table-cell;
    height: 100%;
    font-size: 28px;
}
#cityu-header-local .cityu-wrapper.cityu-no-parent {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-left: 1px solid #040505;
    padding-left: 17px;
}
#cityu-header-deptname {
    clear: both;
    font-family: Ubuntu, Helvetica, Arial, sans-serif;
    text-shadow: 0px 1px 0px #fafafa;
    letter-spacing: 0;
}
#cityu-header-deptname, #cityu-header-deptname a {
    color: #444;
    text-decoration: none;
}
#cityu-header-local #cityu-header-deptname, #cityu-header-local #cityu-header-deptnames {
	display: none;
}

@media screen and (max-width: 840px){
	header{
	margin: 0;
	}
	#cityu-header-local {
		margin: 0;
		padding: 0;
	}

	#cityu-header-local #cityu-mobile-cityulogo{
	    display: block;
	    padding: 5px 8px;
	}
	#cityu-header-local #cityu-header-deptname, #cityu-header-local #cityu-header-deptnames {
		display: block;
	}	
	#cityu-header-local .cityu-wrapper.cityu-no-parent{
	    border-left: none;
	    padding: 5px 8px;
	}
	#cityu-header-local #cityu-desktop-cityulogo {
	    display: none;
	}
	.correctmenu{
	    display: none;		
	}	
}