/**********Public style**********/
.picture_img {
	height:338px;
	width:100%;
	background-repeat:no-repeat;
	background-size:100% 100%;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='about-bg.jpg', sizingMethod='scale');
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-line-pack: center!important;
	align-content: center!important;
	-ms-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	position:relative;
}
.page_title h1 {
	display:inline-block;
	padding:0.35rem 1rem 0.25rem 1rem;
	font-size:3rem;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	font-weight:600;
	color:#fff;
	text-shadow:4px 2px 0px rgb(0, 0, 0, 0.36);
}
.page_nav {
	color:#fbf1e3;
	text-shadow:0px 1px 1px #333;
	font-size:1.15rem;
	font-weight:500;
	margin-bottom:1.15rem;
}
.page_nav a {
	color:#fff;
	padding-right:0.5rem;
}
.page_nav a:hover {
	color:#a7f3ff;
	text-decoration:none;
	padding-top:1px;
}
/** Footer**/ 
.footer {
	background-color:#017698;
	margin:0 auto;
}
.footer .container {
	padding-top: 2rem;
	padding-bottom:0.5rem;
}
.footer_text {
	text-align:center;
	color:#d1fbff;
}
/**********End Public style**********/ 
/**********About Us**********/
.about_picture {
	background-image:url(../images/subpage/about-bg.jpg);
}
/**Mission**/
 .mission {
}
.mission_left {
	padding:1.5rem;
	position:relative;
}
.mission_left .mission_img {
	background:url(../images/iscr-img.jpg) no-repeat center -50px;
	width:460px;
	height:380px;
	margin:0px auto;
	z-index:1;
	position:relative;
}
.mission_left .mission_bg {
	width:100%;
	height:310px;
	background-color:#c5e8ed;
	position:absolute;
	bottom:65px;
	z-index:0;
	left:0;
}
.mission_right .mission_strong {
	color:#1a7b87;
	display:inline-block;
	border-bottom:2px solid #1a7b87;
	font-size:2.5rem;
	font-weight:400;
	padding-right:2rem;
}
.mission_right .mission_txt {
	margin-top: 1.725rem;
}
.mission_right .mission_txt p {
	color:#555;
	margin-bottom:0.625rem;
	width:90%;
	font-size:1.15rem;
}
/*Vision*/
.vision {
	background-color:#19bed7;
	color:#fff;
	text-align:center;
}
.vision_nr strong {
	font-size: 3rem;
	display: inline-block;
	top: 12px;
	position: relative;
}
.vision_nr i {
	height:1px;
	background-color:#fff;
	width:12%;
	display: inline-block;
	margin:0 1.5rem;
}
.vision_nr p {
	font-size:1.725rem;
	margin:1rem auto;
}
/*Experts*/
.experts_txt strong {
	padding-right:2rem;
	color:#1a7b87;
	display:inline-block;
	border-bottom:2px solid #1a7b87;
	font-size:2.5rem;
	font-weight:400;
}
.experts_txt p {
	color:#5e5e5e;
	font-size:1.725rem;
	line-height:2;
}
.experts_a a {
	background-color:#19bed7;
	color:#fff;
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:50%;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	line-height: 32px;
	font-family: cursive;
}
.experts_a a:hover {
	background-color:#14d8f6;
	color:#bff7ff;
}
.experts_data {
	background-color:#f9f9f9;
	width:48%;
}
.exp_data_photo {
	height:100%;
}
.exp_photo_icon {
	position: relative;
	bottom: 28px;
	z-index:2;
}
.exp_photo_icon i {
	top: 46px;
	left: 16px;
	position: absolute;
	display: block;
	background-image: url(../images/icon-star.png);
	background-size: 100% 100%;
	width: 28px;
	height: 28px;
	z-index:2;
}
.exp_photo_icon:before {
	content:'';
	border-right: 102px solid transparent;
	border-top: 102px solid #19bed7;
	position: absolute;
	left: 0px;
	top: 28px;
}
.exp_photo_img {
	min-height:338px;
	height:100%;
	width:230px;
	background-color:#c4e5ec;
	position:relative;
}
.exp_photo_img img {
	margin-top:2px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
.exp_photo_img p {
	width: 100%;
	background-color: rgb(25, 190, 215, 0.85);
	text-align: center;
	color: #fff;
	font-size: 1.25rem;
	position: absolute;
	bottom: 0px;
	padding: 1rem 0;
	z-index: 1;
	margin: 0;
	line-height: 1.6;
}
.exp_data_txt {
	padding:1rem 0;
}
.exp_data_txt p {
	width:80%;
	margin:0.375rem auto 0 auto;
	color:#555;
	font-size:0.985rem;
	line-height:1.3;
}
#expertsDemo ul.carousel-indicators {
	bottom:-3.5rem;
}
#expertsDemo ul.carousel-indicators li {
	background-color:#19bed7;
}
/**********	Activities **********/
.activities_picture {
	background-image:url(../images/subpage/activities-bg.jpg);
}
.activities_left {
	width:70%;
	padding: 1rem 1.15rem;
}
.acti_item {
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.acti_thumb {
	position:relative;
}
.acti_thumb img {
	width:100%;
}
.acti_item > .acti_thumb::after {
 background: #ffffff none repeat scroll 0 0;
 bottom: -35px;
 content: "";
 height: 70px;
 left: 0;
 position: absolute;
 transform: skewY(-5deg);
 -webkit-transform: skewY(-5deg);
 -moz-transform: skewY(-5deg);
 -ms-transform: skewY(-5deg);
 -o-transform: skewY(-5deg);
 width: 100%;
 border-top: 6px solid #22c1d9;
}
.acti_info {
	position: relative;
}
.acti_info_icon {
	padding-right: 31px;
	margin-right: 1rem;
}
.acti_info_icon {
}
.acti_info_icon i {
	display: block;
	width: 98px;
	height: 106px;
	border-radius: 5px;
	position: absolute;
	top: -110px;
	right: 22%;
}
.acti_info_icon .icon_news {
	background: #22c1d9 url(../images/icon-news.png) no-repeat center center;
	background-size: 72px 72px;
}
.acti_info_icon .icon_education {
	background: #22c1d9 url(../images/icon-education.png) no-repeat center center;
	background-size: 62px 62px;
}
.acti_meta {
	width:80%;
	margin:0 auto;
	padding:2rem 0;
}
.meeting .acti_meta >p {
	font-size:1.5rem;
	color:#454545;
	font-family: auto;
}
.acti_meta .acti_icon {
	color:#484848;
	margin: 0.5rem 0 1rem 0;
}
.acti_meta .acti_icon span {
	line-height:2rem;
	padding:0 1.6rem;
	position:relative;
	display:inline-block;
}
.acti_meta .acti_icon span i {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	width:18px;
	height:18px;
	background-size:100% 100%;
	position: absolute;
	left: 0px;
	top:0.5rem;
}
.acti_icon span i.acti_icon_place {
	background-image:url(../images/icon-place.png);
}
.acti_icon span i.acti_icon_time {
	background-image:url(../images/icon-time.png);
}
.acti_meta >ul {
	list-style: square;
}
.acti_meta >ul>li {
	color:#19bed7;
	font-size: 1.5rem;
}
.acti_meta >ul>li p {
	color:#484848;
	font-size: 1.2rem;
	margin-bottom:0.5rem;
}
.activities_right {
	width:25%;
}
.acti_rt_strong {
	font-size:1.725rem;
	color:#3a3a3a;
	font-weight:300;
	display:block;
	line-height: 1.2;
}
.acti_rt_strong p {
	margin:0;
}
.acti_rt_strong>p>em {
	display:inline-block;
	background-color:#555;
	width:36px;
	height:2px;
	margin-bottom:4px;
	line-height: 1;
}
.acti_rt_strong >p>i {
	display:inline-block;
	background-color:#19bed7;
	width:10px;
	height:10px;
	border-radius: 50%;
	margin-left:0.375rem;
}
.activities_right ul {
	margin-top:1rem;
}
.activities_right ul li {
	border-bottom:1px dashed #ccc;
	font-size:1.25rem;
}
.activities_right ul li a {
	color:#3a3a3a;
	padding:1rem 0.725rem;
	display:block;
}
.activities_right ul li a:hover {
	background-color:#e8fcff;
	color:#07a3bb;
	font-weight:500;
}
/**********	Resources **********/

.resources_picture {
	background-image:url(../images/subpage/resources-bg.jpg);
}
.about_cancer {
	background-color:#19bed7;
}
.about_cancer_nr {
	padding:1.5rem 2rem;
	color:#fff;
}
.about_cancer_nr strong {
	font-size:2rem;
	font-weight:300;
	line-height:2;
}
.about_cancer_nr p {
	width:95%;
	font-size:1.05rem;
	margin-bottom:0.325rem;
}
.resources_cont {
}
.resources_cont .reso_strong strong {
	display:block;
	margin:2rem auto;
	font-size:1.825rem;
	font-weight:300;
}
.reso_strong em {
	display:inline-block;
	background-color:#19bed7;
	width:4px;
}
.reso_strong .st_em_c {
	height:16px;
	margin-bottom:0.2rem;
	margin-right:0.325rem;
}
.reso_strong .st_em_d {
	height:8px;
	margin-bottom:0.425rem;
	margin-right:1.05rem;
}
.reso_collapse {
	margin:1rem auto;
}
.reso_collapse_a {
	color:#353535;
	font-size:1.35rem;
	font-weight:500;
	display:block;
	width:100%;
	padding:0.825rem 1.25rem;
	border:1px solid #eee;
	background-position: 97% center;
	background-repeat:no-repeat;
	background-image:url(../images/icon-plus.png);
}
/*border:1px solid #109aaf;
	color:#fff;
	background:#19bed7 url(../images/icon-plus-a.png) no-repeat 97% center;*/
.coll_a, .reso_collapse_a:hover {
	background-image:url(../images/icon-plus-a.png);
	background-color:#19bed7;
	border:1px solid #109aaf;
	color:#fff;
}
.reso_coll_nr {
	border-color:#eee;
	border-width:0 1px 1px 1px;
	border-style:solid;
	padding:1.5rem 3rem;
}
.reso_coll_nr h4 {
	font-family: sans-serif;
	padding:1rem 0;
}
.reso_coll_nr p {
	margin-bottom:0.5rem;
}
/**********	 Groups & Committees **********/

.committees_data {
	background-color:#f9f9f9;
	width:48%;
}
.comm_data_photo {
	height:100%;
}
.comm_photo_icon {
	position: relative;
	bottom: 28px;
	z-index:2;
}
.comm_photo_icon i {
	top: 46px;
	left: 16px;
	position: absolute;
	display: block;
	background-image: url(../images/icon-star.png);
	background-size: 100% 100%;
	width: 28px;
	height: 28px;
	z-index:2;
}
.comm_photo_icon:before {
	content:'';
	border-right: 102px solid transparent;
	border-top: 102px solid #19bed7;
	position: absolute;
	left: 0px;
	top: 28px;
}
.comm_photo_img {
	min-height:338px;
	height:100%;
	width:230px;
	background-color:#c4e5ec;
	position:relative;
}
.comm_photo_img img {
	margin-top:2px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
.comm_photo_img p {
	width: 100%;
	background-color: rgb(25, 190, 215, 0.85);
	text-align: center;
	color: #fff;
	font-size: 1.25rem;
	position: absolute;
	bottom: 0px;
	padding: 1rem 0;
	z-index: 1;
	margin: 0;
	line-height: 1.6;
}
.comm_data_txt {
	padding:1rem 0;
}
.comm_data_txt p {
	width:80%;
	margin:0.375rem auto 0 auto;
	color:#555;
	font-size:0.985rem;
	line-height:1.3;
}
/**********	ISCR Publication **********/ 
.foundation {
}
.found_img {
	width:100%;
	height:338px;
	background:url(../images/subpage/publication-bg.png) no-repeat center center;
}


/**超小设备**/ 
@media (max-width:578px) {
.container {
 max-width: 100% !important;
}
 .page_title h1 {
 font-size: 2rem;
 letter-spacing: 2px;
 text-shadow: 3px 1px 0px rgb(0, 0, 0, 0.36);
 margin:0;
}
.page_nav {
 font-size: 1rem;
}
 .picture_img {
 height: 280px;
 width: 100%;
 background-size: auto 100%;
 background-position: center;
}
/**********About Us**********/
.about_picture {
 background-image:url(../images/subpage/about-bg.jpg);
}
/**Mission**/
 .mission >div.d-flex {
 display: block!important;
}
 .mission >div.mt-5 {
 margin-top: 0.25rem!important;
}
 .mission >div.mb-5 {
 margin-bottom: 0.725rem!important;
}
.mission_left {
 width: 100%;
}
.mission_left .mission_img {
 height: 270px;
background: url(../images/iscr-img.jpg) no-repeat center -72px;
 width: 100%;
}
.mission_left .mission_bg {
 height: 280px;
 bottom: 42px;
}
.mission_right.ml-5 {
 margin-left: auto!important;
 margin:0px auto;
 width: 96%;
}
 .mission_right .mission_txt p {
 width: 100%;
}
.mission_right .mission_txt {
 margin-top: 1.25rem;
}
.mission_right .mission_strong {
 font-size: 2rem;
}
/**Vision**/ 
 .vision .vision_nr {
 padding:3rem;
}
 .vision >div.mt-5 {
 margin-top: 0.725rem!important;
}
 .vision >div.mb-5 {
 margin-bottom: 0.725rem!important;
}
.vision_nr strong {
 font-size: 2.5rem;
}
.vision_nr p {
 font-size: 1.325rem;
}/**Experts **/
.experts .vision_nr {
 padding:3rem;
}
 .experts >div.mt-5 {
 margin-top: 0.725rem!important;
}
 .experts >div.mb-5 {
 margin-bottom: 0.725rem!important;
}
 .exp_data_txt {
 display:none;
}
.exp_data_photo {
 width: 100%;
}
.exp_photo_img {
 min-height: 236px;
 width:auto;
}
.experts_txt strong {
 font-size: 2rem;
}
.experts_txt p {
 font-size: 1.325rem;
}
 .experts .carousel-item >div.pb-4 {
 padding-bottom: 0rem!important;
}
#expertsDemo ul.carousel-indicators {
 bottom:-3rem;
}
.exp_photo_icon:before {
 border-right: 86px solid transparent;
 border-top: 86px solid #19bed7;
 top: 28px;
}
.exp_photo_icon i {
 top: 46px;
 left: 16px;
 width: 22px;
 height: 22px;
}
.exp_photo_img p {
 font-size: 1rem;
 padding:0.725rem 0;
}
/**********	Resources **********/
.about_cancer_nr strong {
 font-size: 1.725rem;
 font-weight: 400;
 margin-left:2%;
}
 .about_cancer_nr p {
 width: 95%;
 font-size: 0.975rem;
 margin-bottom: 0.325rem;
 margin: 0 auto;
}
.resources_cont .reso_strong strong {
 margin: 1.5rem auto;
 font-size: 1.5rem;
 font-weight: 400;
}
.reso_strong .st_em_d {
 margin-bottom: 0.325rem;
 margin-right: 0.5rem;
}
.reso_collapse_a {
 font-size: 1.15rem;
 font-weight: 400;
 padding: 0.625rem 1.25rem;
}
.reso_coll_nr {
 padding: 1.5rem 1.25rem;
}
.reso_coll_nr h4 {
 font-size: 1.15rem;
 padding: 0.5rem 0;
 color:#333;
}
.reso_coll_nr p {
 font-size: 0.975rem;
 color:#555;
}

/**********	Activities **********/ 
.activities >div.d-flex {
 display: block!important;
 position: relative;
 padding-top: 10rem;
}
 .activities >div.mt-5 {
 margin-top: 0.725rem!important;
}
 .activities >div.mb-5 {
 margin-bottom: 0.725rem!important;
}
.activities_left {
 width: 100%;
 padding: 1rem 0.5rem;
}
.acti_meta {
 width: 90%;
 margin: 0 auto;
 padding: 1rem 0;
}
.acti_meta >ul {
 margin-left: 5%;
}
.acti_meta >ul>li p {
 font-size: 1rem;
}
.acti_info_icon i {
 width: 72px;
 height: 72px;
 top: -76px;
}
.acti_info_icon .icon_education {
 background-size: 48px 48px;
}
.acti_info_icon .icon_news {
 background-size: 56px 56px;
}
.activities_right {
 width: 100%;
 position: absolute;
 top: 1px;
 left: 0;
}
.acti_rt_strong {
 text-align:center;
}
.activities_right ul {
 margin-top: 0rem;
 text-align: center;
}
.activities_right ul li {
 display: inline-block;
 border-bottom:0;
}
.activities_right ul li a {
 border-bottom: 1px dashed #ccc;
 border-left: 1px dashed #fff;
 border-top: 1px dashed #fff;
 border-right: 1px dashed #fff;
 padding: 0.5rem 0.725rem;
 margin: 0.725rem auto 0.325rem auto;
}
.activities_right ul li a:hover {
 border-bottom: 1px dashed #07a3bb;
 border-left: 1px dashed #07a3bb;
 border-top: 1px dashed #07a3bb;
 border-right: 1px dashed #07a3bb;
}
 .activities_left >.acti_item.mb-5 {
 margin-bottom: 0.725rem!important;
}
/**********	 Groups & Committees **********/
.committees .container>.d-flex {
 display: block!important;
}
.committees >div.mt-5 {
 margin-top: 0rem!important;
}
 .committees >div.mb-5 {
 margin-bottom: 0.725rem!important;
}
.committees .container>div.pb-4 {
 padding-bottom: 0rem!important;
}
.committees_data {
 width:100%;
 margin-bottom:1rem;
}
.comm_data_photo {
 width: 100%;
}
.comm_data_txt {
 width: 100%;
}
.comm_photo_img {
 width:auto;
}
 .comm_photo_img p {
 font-size:1rem;
}
.comm_photo_img img {
 bottom: 56px;
}
/**********	ISCR Publication **********/ 
.foundation {
}
.found_img {
 width: 100%;
 height: 100%;
 background: url(../images/foundation-img.jpg) no-repeat 26% center;
 background-size: auto 100%;
}
.footer .container {
 margin: 0 auto;
 padding: 1rem 0 0.15rem 0;
 font-size: 0.875rem;
}
}
@media (min-width:576px) and (max-width: 1000px) {
.container {
 max-width: 100% !important;
}
 
 
/**Mission**/
 .mission >div.d-flex {
 display: block!important;
}
 .mission >div.mt-5 {
 margin-top: 0.25rem!important;
}
 .mission >div.mb-5 {
 margin-bottom: 0.725rem!important;
}
.mission_left {
 width: 100%;
}
.mission_left .mission_img {
 height: 320px;
background: url(../images/iscr-img.jpg) no-repeat center -72px;
 width: 100%;
}
.mission_left .mission_bg {
 height: 280px;
 bottom: 42px;
}
.mission_right.ml-5 {
 margin-left: auto!important;
 margin:0px auto;
 width: 96%;
}
 .mission_right .mission_txt p {
 width: 100%;
}
.mission_right .mission_txt {
 margin-top: 1.25rem;
}
.mission_right .mission_strong {
 font-size: 2rem;
}
/**Vision**/ 
 .vision .vision_nr {
 padding:3rem;
}
 .vision >div.mt-5 {
 margin-top:2m!important;
}
 .vision >div.mb-5 {
 margin-bottom: 2!important;
}
.vision_nr strong {
 font-size: 2.725rem;
}
.vision_nr p {
 font-size: 1.325rem;
}
}
@media (min-width:576px) and (max-width: 768px) {
 
.exp_photo_img {
 min-height: 236px;
 width:auto;
 min-width: 156px;
} 
}