html,body,h1,h3,.txt-h1,.txt-h1-alt,.card--large .card__title,.txt-h2-alt,.blockquote figcaption,.card--event__link,.nav-group--consistent a,.nav-group--callouts a {
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft YaHei" , "微软雅黑" !important;
	font-weight: 300;
	font-style: normal; color:#666; background-color:#f8f8f8; font-size:12px
}
.scroll_qq_1 img{ display:inline;}
.scroll_title_1{ height:34px}
.top ul {
    float: right;
}
.top_bg {
    background: rgba(0, 0, 0, 0) url("../top_bg.png") repeat-x scroll 0 0;
    height: 30px;
    width: 100%;
}
.top ul li {
    float: left;
    height: 30px;
    margin-left: 15px;
    text-indent: 20px;
}
.top {
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1000px; width:100%
}
.top ul li a {
    color: #5a5a5a;
    line-height: 35px;
}
.top ul li a:hover {
    color: #f00;
}
.logo {
    background: rgba(0, 0, 0, 0) url("../top.jpg") no-repeat scroll center center;
    height: 110px;
    margin: 1px auto 0;
    width: 100%;
}
.nav1 ul {
    height: 48px;
    margin: 0 auto; max-width:1050px;
    width: 100%;
}
.nav1 {
    background: rgba(0, 0, 0, 0) url("../nav_bg.png") repeat-x scroll 0 0;
    height: 48px;
    margin: 0 auto;
    width: 100%;
}
.nav1 ul li {
    background: rgba(0, 0, 0, 0) url("../nav_li.png") no-repeat scroll right center;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 48px;
    line-height: 50px;
    text-align: center;
    width: 136px;
}

.nav1 ul li a {
    color: #fff;
    float: left;
    height: 48px;
    text-decoration: none;
    width: 136px;
}
.navdown a {
    background: rgba(0, 0, 0, 0) url("../nav.png") no-repeat scroll center center;
}
.line{ display:none}
.w-333 dd img{ display:none}
.flash{ max-width:1682px; margin:0 auto;}
.banner dd {
    color: #6d6d6d;
    line-height: 25px;
    margin-top: 6px; padding:0 25px;
}
.banner dl {
    float: left;
    height:100%; overflow:hidden;
}
.w-333.ng-scope img {
    width: 100%;
}
.banner ul li {  margin-top: 14px;}
.cut {
    background: rgba(0, 0, 0, 0) url("../cut.png") repeat-x scroll 0 0;
    height: 17px;
    margin: 3px auto 0;
    width: 100%;
}
.case {
    background: rgba(0, 0, 0, 0) url("../case_bg.jpg") no-repeat scroll center center;
    height: 542px;
    width: 100%;
}
.case_ul {
    height: 435px;max-width: 1050px; margin: 0 auto;
   
    
}
.case_ul ul {
  float:left; max-width: 1050px;
}


.case_ul img { max-height:145px;max-width: 226px;
    float: left;
    margin: 2px;
}
.case_ul ul li span {
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
.case_ul ul li{background: rgba(0, 0, 0, 0) url("../case_d.png") no-repeat scroll center center;
    float: left;
    height: 198px;
    margin: 16px 0 0 27px;
    width: 230px;}
	
.main {
    margin: 0 auto;
    max-width: 1000px;
}
.new {
    float: left;
    height: 245px;
    margin-top: 25px;
    width: 56%;
}
.new_t {
    background: rgba(0, 0, 0, 0) url("../news.jpg") no-repeat scroll top left;
    float: left;
    height: 38px;
    width: 100%;
}
.new_t span {
    float: right;
    margin-top: 21px;
}
.new_t span a {
    color: #6d6d6d;
}
.new_t span a:hover {
    color: #f00;
}
.new_pic {
    border: 1px solid #dcdcdc;
    float: left;
    height: 188px;
    margin-top: 17px;
    padding: 1px;
    width: 44%;
}
.newsli ul {
    float: left;
    height: 199px;overflow:hidden;
    margin: 10px 0 0 14px;
    width: 52%;
}
.newsli ul li {
    background: rgba(0, 0, 0, 0) url("../li.png") no-repeat scroll 8px center;
    border-bottom: 1px dashed #dcdcdc;
    height: 33px;
    line-height: 34px;
    text-indent: 18px; overflow:hidden
}
.polo {
    float: left;
    height: 245px;
    margin: 25px 0 0 36px;
    width: 40%;
}
.polo_t {
    background: rgba(0, 0, 0, 0) url("../polo.png") no-repeat scroll center center;
    float: left;
    height: 39px;
    width: 404px;
}
.polo_t span {
    float: right;
    margin-top: 21px;
}
.polo_t span a {
    color: #6d6d6d;
}
.polo_t span a:hover {
    color: #f00;
}
.honor {
    float: left;
    height: 190px;
    margin-top: 18px;
    width: 404px;
}
.partner {
    background: rgba(0, 0, 0, 0) url("../partner.jpg") no-repeat scroll center center;
    float: left;
    height: 284px;
    margin-top: 36px;
    width: 100%;
}
.partner ul {
    height: 181px;
    margin: 81px auto 0;
    width: 1058px;
}
.partner ul li {
    border: 1px solid #dadada;overflow: hidden;
    float: left;
    height: 51px;
    margin: 25px 0 0 29px;
    width: 116px;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.productlistx {
    height: 190px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 404px;
}
.blkproductlistx {
    border: 0 none;
    clear: both;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.LeftButton {
    background: rgba(0, 0, 0, 0) url("../pic_left.png") no-repeat scroll center center;
    cursor: pointer;
    float: left;
    height: 190px;
    width: 18px;
}
.RightButton {
    background: rgba(0, 0, 0, 0) url("../pic_right.png") no-repeat scroll center center;
    cursor: pointer;
    float: right;
    height: 190px;
    width: 18px;
}
.box {
    border: 1px solid #dddddd;
    float: left;
    height: 186px;
    margin-left: 24px;
    padding: 1px;
    width: 136px;
}
.Cont {
    float: left;
    height: 190px;
    margin-left: 3px;
    overflow: hidden;
    width: 328px;
}
div.box a.prodtitle {
    color: #505050;
    font: 12px/36px SimSun,Arial,sans-serif;
    text-decoration: none;
}
div.box a.prodtitle:hover {
    color: #ff6600;
    text-decoration: underline;
}
.foot {
    background: #3d3d3d none repeat scroll 0 0;
    border-top: 3px solid #1e1e1e;
    float: left;
    height: 170px;
    width: 100%;
}
.wei {
    float: left;
    height: 165px;
    width: 160px;
}
.ma {
    float: left;
    height: 125px;
    width: 160px;
}.cutt {
    background: rgba(0, 0, 0, 0) url("../cutt.png") no-repeat scroll center center;
    float: left;
    height: 165px;
    width: 5px;
}
.dh {
    float: left;
    height: 165px;
    width: 41%;
}
.dh_t {
    float: left;
    height: 78px;
    width: 100%;
}
.dh_t dt {
    background: rgba(0, 0, 0, 0) url("../dh.png") no-repeat scroll left center;
    height: 40px;
    width: 100%;
}
.dh_t dd {
    color: #b9b8b8;
    float: left;
    line-height: 12px;
    margin-left: 7px;
}
.dh_t dd a {
    color: #b9b8b8;
    margin: 0 8px; line-height:30px;
}

.link_t {
    float: left;
    height: 85px;
    width: 100%;
}
.link_t dt {
    background: rgba(0, 0, 0, 0) url("../link.png") no-repeat scroll left center; border-top:1px solid #010101;
    height: 48px;
    width: 100%;
}
.link_t li {
    color: #b9b8b8;
    float: left;
    line-height: 12px;
    margin-left: 7px;
}
.link_t li a {
    color: #b9b8b8;
    margin: 0 4px;
}
.contact {
   
    float: right;
    height: 185px;
    width: 415px;
}
.contact dl dt {
   
    float: left;
    height: 117px;
    margin-top: 20px;
    width: 200px;
}
.contact dl li {
    color: #b9b8b8;
    float: right;
    line-height: 28px;
    margin-top: 20px;
    width: 210px;
}
.contact dl li a{ color: #b9b8b8;}

.left {
    float: left;
    margin-top: 11px;
    width: 231px;
}
.left_t {
    background: rgba(0, 0, 0, 0) url("../left_t.png") no-repeat scroll center center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 43px;
    line-height: 43px;
    margin: 0 auto;
    text-indent: 22px;
    width: 231px;
}
.left ul {
    border-left: 8px solid #ff8c00;
    border-right: 7px solid #ff8c00;
    float: left;
    min-height: 250px;
    width: 231px;
}
.left ul li {
    background: rgba(0, 0, 0, 0) url("../left_li.png") no-repeat scroll center center;
    float: left;
    height: 32px;
    line-height: 34px;
    margin: 9px 0 0 11px;
    text-indent: 30px;
    width: 194px;
}
.left ul span li {
    border-bottom: 1px dashed #dcdcdc;
    color: #ff7800;
    float: left;
    height: 32px;
    line-height: 34px;
    margin: 2px 4px 0 11px; background:none;
    width: 190px;
}
.left ul_lis {
    background: rgba(0, 0, 0, 0) url("../left_li.png") no-repeat scroll center center;
    color: #ff7800;
    float: left;
    font-weight: bold;
    height: 32px;
    line-height: 34px;
    margin: 9px 0 0 11px;
    text-indent: 10px;
    width: 194px;
}
.left_ul li b {
    background: rgba(0, 0, 0, 0) url("../lis.png") repeat scroll 0 0;
    float: left;
    height: 16px;
    margin: 8px 0 0 14px;
    width: 6px;
}
.left_d {
    background: rgba(0, 0, 0, 0) url("../left_d.png") no-repeat scroll center center;
    float: left;
    height: 11px;
    width: 231px;
}
.left_ul span {
    border-bottom: 1px dashed #dcdcdc;
    color: #ff7800;
    float: left;
    height: 32px;
    line-height: 34px;
    margin: 2px 4px 0 11px;
    text-align: center;
    width: 190px;
}
.right {
    float: right;
    margin-bottom: 20px;
 
    margin-top: 11px;
    width: 75%;
}
.right_t {
    background: rgba(0, 0, 0, 0) url("../right_t.png") no-repeat scroll center center;
    height: 40px;
    line-height: 40px;
    width: 100%;
}
.right_t strong {
    color: #3c3c3c;
    float: left;
    font-size: 14px;
    margin-left: 36px;
}
.right_t span {
    background: rgba(0, 0, 0, 0) url("../home.png") no-repeat scroll left center;
    color: #696969;
    float: right;
    margin-right: 10px;
    text-indent: 19px;
}
.right_t span a {
    color: #696969;
}
.right_t ul {
    float: right;
    margin-right: 10px;
}
.right_t ul li {
    float: left;
    font-weight: bold;
    margin-left: 10px;
}
.right_c {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    float: left;
    line-height: 22px;
    min-height: 520px;
    padding: 8px;
    width: 100%;
}
.right_d {
    background: rgba(0, 0, 0, 0) url("../right_d.png") no-repeat scroll center center;
    float: left;
    height: 3px;
    width: 100%;
}
.right_main_T {
    height: 75px;
    margin: 0 auto;
    width: 95%;
}
.right_main_T h3 {
    border-bottom: 1px dashed #dfdfdf;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 95%;
}
.right_main_T h2 {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 95%;
}
.news-link{ margin:20px 0}
.right_c li .info_img{ float:none}
@media all and (max-width: 968px){.case{ display:none}}
/*左右翻页箭头*/
.viewArrows{display:block;width:50px;height:50px;line-height:50px;cursor:pointer;text-indent:-99999999px;position:absolute;top:269px;}
.prev{left:200px;background:url(../images/prev.png) center center no-repeat;}
.next{right:200px;background:url(../images/next.png) center center no-repeat;}

.ps_box .pics_switch_clients{display:;width:100%;height:80px;position:absolute;left:0;bottom:0;overflow:hidden;}
.ps_box .pics_switch_clients ul{margin:20px auto 0;width:100px;height:auto;overflow:hidden;}
.ps_box .pics_switch_clients ul li{float:left;padding:20px 0;cursor:pointer;}
.ps_box .pics_switch_clients ul li span{display:block;margin-right:5px;width:20px;height:1px;text-indent:-999999px;background:#FFF;}

/******************** 响应式 ********************/
@media all and (max-width: 1030px){}
/* Default wide-screen styles */
@media all and (max-width: 1024px){
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:1024px;}
	.prev{left:25px;}
	.next{right:25px;}
}
@media all and (max-width: 960px){ .contact{ display:none} #content .right{ width:70%}}
@media all and (min-width: 960px){ .c-bg-blue-dark{ display:none} }
@media all and (min-width: 760px){ #headerArea{ display:none;}}
@media all and (min-width: 760px){.w-333{ width:100%}.w-333{
    width: 33.3333%;
    float: left;padding-left: 1.25em;}}


@media all and (max-width: 760px){#index .banner{ height:740px}
#content .right{ width:65%}
.nav1{ display:none}
	.ps_box{overflow:hidden;}
	.partner{ display:none}
	.pics_switch{height:400px;}
	.pics_switch .pb{height:400px;}
	.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:960px;}
	.logo{ display:none;}
}
@media all and (max-width: 768px){
	.ps_box{overflow:hidden;}
	.pics_switch{height:400px;}
	.pics_switch .pb{height:400px;}
	.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:768px;}
	.case_ul ul li{ width:50%; margin:0 }
}
@media all and (max-width: 640px){
	#content .right{ width:99%}
	.new{ width:100%; margin-bottom:20px}
	.polo{ width:100%; margin:30px 0 0 }
	.dh{ width:100%}
	.cutt{ display:none}
	.wei{ display:none}
	.foot{ margin-top:30px}
	.prev{left:40px;}
	.next{right:40px;}
	.ps_box{margin-bottom:30px;overflow:hidden;}
	.pics_switch{height:400px;}
	.pics_switch .pb{height:400px;}
	.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:640px;}
	.btn.btn--reverse{ color:#ff8c00 ; font-weight:bold; font-size:16px}
	.right_c{ min-height:350px}
}
@media all and (max-width: 480px){
	.left ul{ border:none; width:100%}
	.left ul li{ background:rgba(0, 0, 0, 0) url("../leftli.jpg") repeat scroll center center; width:100%}
	.left_d{ display:none}
	.left{ width:100%}
	.left_t{ background:none; width:100%; color:#ff8c00; font-size:18px; font-weight:bold;}
	.new{ height:445px}
	.new_pic{ width:100%}
	.newsli ul{ width:96%; margin-top:30px}
	.new_t span{ display:none}
	.polo{ display:none}
	.prev{left:10px;}
	.next{right:10px;}
	.ps_box{margin-bottom:25px;overflow:hidden;}
	.ps_box .pics_switch_clients{height:30px;}
	.ps_box .pics_switch_clients ul{margin:0 auto;}
	.ps_box .pics_switch_clients ul li{padding:15px 0;}
	.pics_switch{width:480px;height:200px;}
	.pics_switch .pb{height:250px;}
	.pics_switch .pic_box a{height:200px;background-size:630px 218px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:480px;}
}
@media all and (max-width: 320px){
	.prev{left:10px;}
	.next{right:10px;}
	.ps_box{margin-bottom:15px;overflow:hidden;}
	.ps_box .pics_switch_clients{height:30px;}
	.ps_box .pics_switch_clients ul{margin:0 auto;}
	.ps_box .pics_switch_clients ul li{padding:15px 0;}
	.pics_switch{width:320px;height:200px;}
	.pics_switch .pb{height:200px;}
	.pics_switch .pic_box a{height:200px;background-size:568px 200px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:320px;}
}
@media all and (max-width: 240px){
	body{}
}

div {
    transition: all -2.7s;
}

html,body,fieldset,table {
	margin: 0;
	padding: 0
}

fieldset,table,img {
	border: 0;
	outline: 0
}

.list-clean{ background-image: url("../top_bg.png"); 
    background-repeat: repeat-x; width:100%}
.floatr{ float:right; width:300px}
nav ul,nav ol,.list-clean,.nav-crumbs {
	list-style: none;
	padding: 0
}

ol,ul,dl,dd {
	margin: 0 0 0.875em;
	list-style:none;
}

nav ul,nav ol,address {
	margin-bottom: 0.875em
}

.clearfix:after,.grid:after {
	clear: both;
	content: '';
	display: table
}

html {
	box-sizing: border-box;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

*,*:before,*:after {
	box-sizing: inherit
}



::-moz-selection {
	background: #a51c30;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #a51c30;
	color: #fff;
	text-shadow: none
}

a {
	background-color: transparent;
	color: #222;
   /* line-height: 24px;*/
    text-decoration: inherit;
}


a:hover,a:active,a:focus {
	
	outline: 0;
	text-decoration: none
}

a>img {
	display: block;
	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/*a>img:hover{	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}*/
}
.u-content img{		margin-bottom:10px;	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}
.u-content img:hover{	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}




/*返回首页*/
.menua {
	width: 80px;
	height: 80px;
	position: fixed;
	top: 20%;
	left: 90%;
	background: url(../menu.png) no-repeat;
	cursor: move;
	z-index: 9999;
}

.menua .box {
	width: 200px;
	height: 253px;
	position: absolute;
	top: -88px;
	left: -30px;
	display: none;
}

.menua .box a{
	background: url(../m1.png) no-repeat;
	position: absolute;
}



.menua .box .t1 {
	background-position: 0px 0px;
	width: 49px;
	height: 59px;
	left: 34px;
	top: 8px;
}

.menua .box .t2 {
	background-position: 0px -80px;
	width: 49px;
	height: 52px;
	left: 104px;
	top: 24px;
}

.menua .box .t3 {
	background-position: 0px -160px;
	width: 58px;
	height: 50px;
	left: 134px;
	top: 84px;
}

.menua .box .t4 {
	background-position: 0px -240px;
	width: 54px;
	height: 49px;
	left: 126px;
	top: 154px;
}

.menua .box .t5 {
	background-position: 0px -320px;
	width: 50px;
	height: 57px;
	left: 74px;
	top: 189px;
}

.menua .box .t6 {
	background-position: 0px -400px;
	width: 50px;
	height: 54px;
	left: 3px;
	top: 185px;
}

.menua .box .t1:hover {
	background-position: 0px 0px;
}

.menua .box .t2:hover {
	background-position: 0px -80px;
}

.menua .box .t3:hover {
	background-position: 0px -160px;
}

.menua .box .t4:hover {
	background-position: 0px -240px;
}

.menua .box .t5:hover {
	background-position: 0px -320px;
}

.menua .box .t6:hover {
	background-position: 0px -400px;
}





/*顶部*/
#flashcontent01{ margin:0 auto; max-width:1680px}

.page {
	
	min-height: 820px
}




.harvard-heading {
	background-image: url("../background.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	left: 50px;
	margin: auto;
	padding: 0;
	position: fixed;
	
	-webkit-transition: top .2s;
	transition: top .2s;
	z-index: 15
}

.harvard-heading__link {
	
	background-size: cover;
	color: transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.is-visually-hidden {
	border: 0 !important;
	color: transparent;
	height: 1px !important;
	left: -999999px !important;
	position: absolute !important;
	width: 1px !important
}



.btn--menu {
	border: none;
	color: rgba(255,255,255,0.9);
	line-height: 1;
	margin: auto;
	max-width: 200px;
	min-width: 106px;
	padding: 14px 50px 14px 12px;
	position: fixed;
	right: 0px;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	-webkit-transition: padding .2s .4s, text-indent .2s .4s, color .2s .4s, max-width .2s .4s, min-width .2s .4s;
	transition: padding .2s .4s, text-indent .2s .4s, color .2s .4s, max-width .2s .4s, min-width .2s .4s;
	z-index: 11
}


.banner{ max-width:1000px ; margin:0 auto; height:310px}




.txt-up-1,.card__outro__cta-1 a {
	font-size: 12px;
}

.txt-up-1--vm,h4,.txt-h4 {
	font-size: 1.125em;
	line-height: 1.56;
	padding: .72222em 0 .05556em 0
}

.txt-up-2 {
	font-size: 1.3125em
}

.txt-up-2--vm,h3,.txt-h3 {
	font-size: 1.3125em;
	line-height: 1.35;
	padding: .57143em 0 .09524em 0
}

.txt-up-3,blockquote,.card-callout__link,.card--news-signup p {
	font-size: 1.5em
}

.txt-up-3--vm {
	font-size: 1.5em;
	line-height: 1.17;
	padding: .45em 0 .125em 0
}

.txt-up-4 {
	font-size: 1.75em
}

.txt-up-4--vm,.txt-h2-alt {
	font-size: 1.75em;
	line-height: 1.5;
	padding: .07143em 0 .42857em 0
}

.txt-up-5 {
	font-size: 2em
}

.txt-up-5--vm,h2,.txt-h2 {
	font-size: 2em;
	line-height: 1.3125;
	padding: .03125em 0 .40625em 0
}

.txt-up-6 {
	font-size: 2.25em
}

.txt-up-6--vm,.txt-h1-alt,.card--large .card__title {
	font-size: 2.25em;
	line-height: 1.16667;
	padding: 0 0 .38889em 0
}

.txt-up-7 {
	font-size: 2.625em
}

.txt-up-7--vm {
	font-size: 2.625em;
	line-height: 1;
	padding: .28571em 0 .38095em 0
}

.txt-up-8 {
	font-size: 3em
}

.txt-up-8--vm,h1,.txt-h1 {
	font-size: 3em;
	line-height: 1.17;
	padding: .0625em 0 .22917em 0
}

.txt-up-9 {
	font-size: 3.4375em
}

.txt-up-9--vm {
	font-size: 3.4375em;
	line-height: 1.02;
	padding: 0 0 .2545em 0
}

.txt-up-10 {
	font-size: 3.9375em
}

.txt-up-10--vm {
	font-size: 3.9375em;
	line-height: 1.12;
	padding: .06349em 0 .15873em 0
}

.txt-up-11 {
	font-size: 4.8125em
}

.txt-up-11--vm {
	font-size: 4.8125em;
	line-height: 1.1;
	padding: .07792em 0 .1039em 0
}

.txt-up-12 {
	font-size: 5.25em
}

.txt-up-12--vm {
	font-size: 5.25em;
	line-height: 1;
	padding: .04762em 0 .11905em 0
}

.txt-base {
	font-size: 1em
}

.txt-base--vm,h5,.txt-h5,h6,.txt-h6,p,.txt-label,label {
	font-size: 1em;
	
	padding: 0
}

.txt-down-1 {
	font-size: 0.875em
}

.txt-down-1--vm,.card__outro__cta-2 a {
	font-size: 0.875em;
	line-height: 2;
	padding: 0
}

.txt-down-2,.blockquote figcaption {
	font-size: 0.75em
}

.txt-down-2--vm {
	font-size: 0.75em;
	line-height: 2.35;
	padding: .08333em 0 0 0;
	margin-bottom: -.08333em
}

h1,.txt-h1,.txt-h1-alt,.card--large .card__title,h2,.txt-h2,.txt-h2-alt,h3,.txt-h3,h4,.txt-h4,h5,.txt-h5,h6,.txt-h6 {
	color: #414141;
	margin: 0
}

.txt-uppercase,h5,.txt-h5,h6,.txt-h6,.card__outro__cta-2 a {
	text-transform: uppercase;
	letter-spacing: 0.03em
}

p {
	margin: 0;
	padding:0;
}

small {
	font-size: 0.875em;
	line-height: 2;
	padding: 0
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,p small,li small {
	display: inline;
	margin: 0
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #414141;
	cursor: help
}

sub,sup {
	font-size: 0.875em;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

blockquote {
	margin: 0;
	position: relative;
	padding: 0.54167em 0 0.58333em .75em
}

blockquote:before {
	color: #bac5c6;
	content: '\0022';
	font-size: 36px;
	height: 20px;
	left: 0;
	position: absolute;
	top: -.5em;
	width: 24px
}

.blockquote {
	margin: 0;
	padding-bottom: .875em;
	padding-top: .25em;
	position: relative
}

.blockquote blockquote {
	line-height: 1.75;
	margin: 0
}

.blockquote figcaption {
	padding: 0.55556em 0 1em 0
}

.blockquote figcaption:before,.blockquote figcaption:after {
	content: '\2014'
}

.txt-serif {
	font-family: "Merriweather Regular","Times New Roman",serif !important;
	font-weight: 400 !important;
	font-style: normal !important
}

ol,ul {
	padding-left: 1.5em
}

ol ol,ol ul,ul ol,ul ul {
	margin-top: .5em
}

ol ol {
	list-style-type: lower-alpha
}

ol ol ol {
	list-style-type: lower-roman
}

li {
	line-height: 1.75em
}

dd {
	padding-left: 1em
}

nav ul,nav ol {
	padding: 0
}

nav ul a:focus,nav ol a:focus {
	box-shadow: none !important
}

nav li {
	margin: 0 0 .5em
}

form,fieldset,input,textarea,button,select {
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	margin-top: 0;
	text-transform: none
}

::-moz-placeholder {
	color: #8996a0;
	font-style: italic
}

:-ms-input-placeholder {
	color: #8996a0;
	font-style: italic
}

::webkit-input-placeholder {
	color: #8996a0;
	font-style: italic
}

input[disabled] {
	background-color: #eef0f1 !important;
	border-color: #bac5c6;
	color: #bac5c6;
	cursor: not-allowed !important
}

input[readonly],input[readonly]:focus {
	background-color: #eef0f1;
	pointer-events: none
}

input[type="search"] {
	-webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

input[type="radio"],input[type="checkbox"] {
	padding: 0
}

input[type="radio"][disabled]+label,input[type="checkbox"][disabled]+label {
	opacity: .5
}

input[type="radio"]:focus,input[type="checkbox"]:focus {
	outline: none
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

textarea {
	display: block;
	min-height: 56px;
	min-width: 3.75em;
	overflow: auto;
	resize: vertical;
	vertical-align: top;
	width: 100%
}

button,[type="reset"],[type="submit"],html [type="button"] {
	cursor: pointer;
	-webkit-appearance: button
}

input[type="submit"]::-moz-focus-inner,button[type="submit"]::-moz-focus-inner {
	outline: 0
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

select {
	margin: 0;
	width: 100%
}

.txt-label,label {
	display: inline-block
}

.txt-label[for],label[for] {
	cursor: pointer
}

legend {
	display: inline-block;
	font-size: 1.3125em;
	margin-left: -.25em;
	margin-bottom: 0;
	padding: 0 .25em
}

legend.txt-label {
	margin: 0
}

figure {
	margin: .25em
}

figcaption {
	font-size: 0.875em;
	padding: 1em
}

.figure-no-margin {
	margin: 0
}

.figure-no-margin>* {
	margin: auto
}

.figure-no-margin figcaption {
	padding-top: .5em
}

.figure-no-margin .fig-title,.figure-no-margin .fig-text {
	font-size: 0.875em;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	margin-bottom: 0;
	width: 100%
}

th,td {
	padding: .25em .5em;
	text-align: left;
	vertical-align: top
}

caption {
	caption-side: top;
	font-size: 1em;
	text-align: left
}

embed,object,audio,video {
	display: inline-block;
	max-width: 100%
}

img {
	color: #d41934;
	max-width: 100%;
	width:100%
}


.feedback.webbox{border:1px solid #ddd; padding:20px;}


svg:not(:root) {
	overflow: hidden
}

audio:not([controls]) {
	display: none;
	height: 0
}

hr {
	border: 0;
	border-top: 1px solid rgba(65,65,65,0.4);
	border-bottom: 1px solid transparent;
	margin: 2.875em 0 2.25em 0
}

.card {
	background: #fff;
	position: relative;
	overflow: hidden
}

.card.c-txt-dark .card__title a,.card.c-txt-dark .card__title a:hover {
	color: #414141;
	text-decoration: none;
	font-family: inherit
}

.card h2 a {
	text-decoration: none;
	font-family: inherit
}

.card--media-swap iframe {
	display: none
}

.card--facebook {
	border-top: 4px solid #3a5795
}

.card--facebook .card-gallery__list li {
	margin-top: 1.25em
}

.card--facebook.card--media-left .card__content,.card--facebook.card--media-top .card__content {
	border-top: 4px solid #3a5795
}

.card--flickr {
	border-top: 4px solid #ff0084
}

.card--flickr .card-gallery__list li {
	margin-top: 1.25em
}

.card--flickr.card--media-left .card__content,.card--flickr.card--media-top .card__content {
	border-top: 4px solid #ff0084
}

.card--gplus {
	border-top: 4px solid #dd4b39
}

.card--gplus .card-gallery__list li {
	margin-top: 1.25em
}

.card--gplus.card--media-left .card__content,.card--gplus.card--media-top .card__content {
	border-top: 4px solid #dd4b39
}

.card--instagram {
	border-top: 4px solid #517fa4
}

.card--instagram .card-gallery__list li {
	margin-top: 1.25em;
	text-align: center
}

.card--instagram .card-gallery__list li a>img {
	display: inline
}

.card--instagram.card--media-left .card__content,.card--instagram.card--media-top .card__content {
	border-top: 4px solid #517fa4
}

.card--itunes {
	border-top: 4px solid #a51c30
}

.card--itunes .card-gallery__list li {
	margin-top: 1.25em
}

.card--itunes.card--media-left .card__content,.card--itunes.card--media-top .card__content {
	border-top: 4px solid #a51c30
}

.card--linkedin {
	border-top: 4px solid #0076b4
}

.card--linkedin .card-gallery__list li {
	margin-top: 1.25em
}

.card--linkedin.card--media-left .card__content,.card--linkedin.card--media-top .card__content {
	border-top: 4px solid #0076b4
}

.card--soundcloud {
	border-top: 4px solid red
}

.card--soundcloud .card-gallery__list li {
	margin-top: 1.25em
}

.card--soundcloud.card--media-left .card__content,.card--soundcloud.card--media-top .card__content {
	border-top: 4px solid red
}

.card--twitter {
	border-top: 4px solid #55acee
}

.card--twitter .card-gallery__list li {
	margin-top: 1.25em
}

.card--twitter.card--media-left .card__content,.card--twitter.card--media-top .card__content {
	border-top: 4px solid #55acee
}

.card--twitter.card--3a a {
	word-break: break-word
}

.card--youtube {
	border-top: 4px solid #cc181e
}

.card--youtube .card-gallery__list li {
	margin-top: 1.25em
}

.card--youtube.card--media-left .card__content,.card--youtube.card--media-top .card__content {
	border-top: 4px solid #cc181e
}

.card--event.card--media-left .card__content,.card--event.card--media-top .card__content {
	border-top: 4px solid #4e84c4
}

.card--event.card--media-left .card__media--img,.card--event.card--media-top .card__media--img {
	max-height: 200px;
	overflow: hidden
}

.card--event.card--homepage-grid .card__media {
	max-height: 200px;
	overflow: hidden
}



.card--gazette,.card--news {
	border-top: 4px solid #a51c30
}

.card--gazette .card-gallery__list li,.card--news .card-gallery__list li {
	margin-top: 1.25em
}

.card--gazette.card--media-left .card__content,.card--gazette.card--media-top .card__content,.card--news.card--media-left .card__content,.card--news.card--media-top .card__content {
	border-top: 4px solid #a51c30
}

.card--media-top-2 .card__content{
	border-top: 4px solid #b1ad0d
}
.card--media-top-3 .card__content{
	border-top: 4px solid #e19100
}
.card--media-top-4 .card__content{
	border-top: 4px solid #d870b8
}




.card--gazette.gz_art,.card--news.gz_art {
	border-color: #d870b8
}

.card--gazette.gz_art.card--media-left .card__content,.card--gazette.gz_art.card--media-top .card__content,.card--news.gz_art.card--media-left .card__content,.card--news.gz_art.card--media-top .card__content {
	border-color: #d870b8
}

.card--gazette.gz_science,.card--news.gz_science {
	border-color: #e19100;
	border: 5px solid rgb(255, 255, 255);
	background: #fff;
	margin: 0px 20px 0px 15px;
}




.card--gazette.gz_science.card--media-left .card__content,.card--gazette.gz_science.card--media-top .card__content,.card--news.gz_science.card--media-left .card__content,.card--news.gz_science.card--media-top .card__content {
	border-color: #e19100
}




.card--gazette.gz_athletics,.card--news.gz_athletics {
	border-color: #cc0033
}

.card--gazette.gz_athletics.card--media-left .card__content,.card--gazette.gz_athletics.card--media-top .card__content,.card--news.gz_athletics.card--media-left .card__content,.card--news.gz_athletics.card--media-top .card__content {
	border-color: #cc0033
}

.card--gazette.gz_national,.card--news.gz_national {
	border-color: #1c64e7
}

.card--gazette.gz_national.card--media-left .card__content,.card--gazette.gz_national.card--media-top .card__content,.card--news.gz_national.card--media-left .card__content,.card--news.gz_national.card--media-top .card__content {
	border-color: #1c64e7
}

.card--gazette.gz_campus,.card--news.gz_campus {
	border-color: #b1ad0d
}

.card--gazette.gz_campus.card--media-left .card__content,.card--gazette.gz_campus.card--media-top .card__content,.card--news.gz_campus.card--media-left .card__content,.card--news.gz_campus.card--media-top .card__content {
	border-color: #b1ad0d
}

.card--h-online {
	border-top: 4px solid #a51c30
}

.card--h-online .card-gallery__list li {
	margin-top: 1.25em
}

.card--h-online.card--media-left .card__content,.card--h-online.card--media-top .card__content {
	border-top: 4px solid #a51c30
}

.card--h-online[max-width="234px"] {
	padding-top: 58px
}

.card--harvardx {
	border-top: 4px solid #a51c30
}

.card--harvardx .card-gallery__list li {
	margin-top: 1.25em
}

.card--harvardx.card--media-left .card__content,.card--harvardx.card--media-top .card__content {
	border-top: 4px solid #a51c30
}

.card--edx {
	border-top: 4px solid #51b5f8
}

.card--edx .card-gallery__list li {
	margin-top: 1.25em
}

.card--edx.card--media-left .card__content,.card--edx.card--media-top .card__content {
	border-top: 4px solid #51b5f8
}

.card--president {
	border-top: 4px solid #c4961a
}

.card--president .card-gallery__list li {
	margin-top: 1.25em
}

.card--president.card--media-left .card__content,.card--president.card--media-top .card__content {
	border-top: 4px solid #c4961a
}

.card--media-left,.card--media-top {
	border-top: 0 !important
}


.newItem .card__outro__cta-btn{    text-align: center;
    display: block;}
 .newItem .card__outro__cta-btn .btn{    padding: 6px; font-size: 12px;    color: #4E84C4;} 
    
.card__content__source h3{
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow : hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;}

.card__content__source {
	padding: 1.5em 1.5em;
}

.card__title {
	font-size: 18px;
	padding-top: 0
}

.card__timestamp {
	font-size: 0.875em;
	padding-bottom: 0
}

.card__text {
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow : hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	     padding-top: .75em;
	     height: 120px;
}

.card__text p,.event-link-desc{
	padding: 0;
	color: #7C7D7A !important;
		line-height: 1.75em;
}

.card__media>*,.card__media>a>* {
	display: block;
	height: 160px;
	width: 100%
}



.class1 .list--drop-nav{ margin:0}



.card__outro {
	padding: 0 1.25em
}

.card__outro__cta-1,.card__outro__cta-2,.card__outro__cta-btn {
	display: inline-block;
	margin: 10px;
	vertical-align: middle
}
.card__outro__cta-1 .btn--reverse { padding: 6px;}
.card__outro__cta-1 {
	text-align: center;
}

.card__outro__cta-1+.card__outro__cta-2 {
	margin-left: 40px
}

.card__outro[max-width^="550px"] .card__outro__cta-1,.card__outro[max-width^="550px"] .card__outro__cta-2 {
	display: block;

}

.card__outro__cta-1 a {
	display: inline-block;
	position: relative
}




.card__outro__cta-1 a.c-txt-white:after {
	background-image: url("../icon-goto-white.png");
	background-repeat: no-repeat;
	background-position: center center
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.card__outro__cta-1 a.c-txt-white:after {
		background-image: url("../icon-goto-white@2x.png");
		background-size: 20px 20px
	}
}

.card--16-9 {
	height: 0;
	padding-bottom: 56.25%;
	width: 100%
}

.card--16-9.kaltura-video {
	padding-bottom: 64.75%
}

.card--16-9.kaltura-video.in-content {
	padding-bottom: 61.75%
}

.card--16-9 video,.card--16-9 iframe,.card--16-9 .embed-container>* {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important
}

.card .inline-card-edit-link {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: block;
	font-size: 12px;
	z-index: 1
}

.embed-container {
	position: relative
}

.card--large .card__title[max-width="500px"] {
	font-family: 'Merriweather Regular';
	font-size: 1.3125em
}









@media screen and (min-width: 1050px) {
.case_ul img{ width:226px; height:145px}
.info_img img {
    height: 145px;
    width: 224px;
}
.img_list12 ul li {padding: 10px 8px 10px 9px;}
}






@media screen and (max-width: 749px) {
	.card--large .card__title {
		font-family: 'Merriweather Regular';
		font-size: 1.3125em
	}
}

@media screen and (min-width: 749px) {
	.card--large {
		text-align: center
	}
#flashcontent01{ width:900px; height:250px}
	.card--large .card__content__heading,.card--large .card__content__source {
		margin: auto;
		padding-left: 2.5em;
		padding-right: 2.5em
	}
}

.w-25 .card__outro__cta-1,.w-25 .card__outro__cta-2,.w-33 .card__outro__cta-1,.w-33 .card__outro__cta-2,.w-20 .card__outro__cta-1,.w-20 .card__outro__cta-2 {
	display: block;

}

.card--no-border {
	border: none
}

.card--media-left {
	padding-left: 310px
}

@media screen and (max-width: 749px) {
	.card--media-left {
	
	}
}



.card--media-left.card--media-left--narrow {
	padding-left: 200px;
	min-height: 200px
}

@media screen and (max-width: 659px) {
	.card--media-left.card--media-left--narrow {
		
	}
}

.card--media-left.card--media-left--narrow .card__media {
	width: 200px
}

@media screen and (max-width: 749px) {
	.card--media-left.card--media-left--narrow .card__media {
		position: absolute
	}
}

.card--media-left .card__media {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 310px
}

@media screen and (max-width: 749px) {
	.card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

.card--media-left .card__text {
	font-size: 0.875em
}

.w-25 .card--media-left.card--media-left--narrow,.w-33 .card--media-left.card--media-left--narrow,.w-50 .card--media-left.card--media-left--narrow {
	padding-left: 120px
}

.w-25 .card--media-left.card--media-left--narrow .card__media>a>img,.w-33 .card--media-left.card--media-left--narrow .card__media>a>img,.w-50 .card--media-left.card--media-left--narrow .card__media>a>img {
	width: 120px
}

@media screen and (max-width: 500px) {
	.w-25 .card--media-left.card--media-left--narrow,.w-33 .card--media-left.card--media-left--narrow,.w-50 .card--media-left.card--media-left--narrow {
		padding-left: 0
	}

	.w-25 .card--media-left.card--media-left--narrow .card__media,.w-33 .card--media-left.card--media-left--narrow .card__media,.w-50 .card--media-left.card--media-left--narrow .card__media {
		display: none
	}
}

@media screen and (max-width: 659px) {
	.card--media-left.card--media-left--narrow {
		padding-left: 120px;
		min-height: 120px
	}

	.card--media-left.card--media-left--narrow .card__media>a>img {
		width: 120px
	}
}

@media screen and (max-width: 500px) {
	.card--media-left.card--media-left--narrow {
		padding-left: 0px
	}

	.card--media-left.card--media-left--narrow .card__media {
		display: none
	}
}

.card--media-left.card--soundcloud .card__media>iframe {
	height: 100%;
	max-height: 200px
}

.card--media-inner,.card--media-only {
	padding-top: 44px
}

.card--media-inner .card__content__heading,.card--media-only .card__content__heading {
	left: 0;
	position: absolute;
	top: 0
}

.card--media-only .card__outro {
	padding: .25em 1.25em 0
}

.card__timestamp+.card__outro,.card__content__heading+.card__outro {
	padding-top: 1.25em
}

.card--media-thumb .card__title {
	font-size: 1.125em
}

.card--media-thumb[max-width="280px"] .card__thumb {
	float: none
}

.card__thumb {
	float: left;
	margin: 0 0.75em 1.25em 0;
	max-width: 80px;
	width: 30%
}

.card__thumb a,.card__thumb img {
	display: block
}

.img-sm,.img-lg {
	display: none
}

.no-js .img-sm {
	display: none
}

.no-js .img-lg {
	display: block
}



.card__media--img[max-width="310px"] .img-sm {
	display: block
}

.card__media--img[min-width="311px"] .img-lg {
	display: block
}

.card__media--img[min-width="311px"] .img-sm {
	display: none
}


.card--background-img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: auto;
	max-width: 310px;
	position: relative;
	text-align: center
}

.card--background-img__scale {
	height: 0;
	padding-bottom: 100%;
	width: 100%
}

.card--background-img .card__outro {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0
}

@media screen and (max-width: 768px) {
	.wrapper.wrapper--carousel {
		padding: 2.5em 1.25em
	}

	.wrapper.wrapper--carousel .card-callout-bg-img__content {
		padding-left: 15px;
		padding-right: 15px
	}

	.card-callout-media .wrapper.carousel.wrapper--carousel {
		padding: 0 1.25em
	}
}

.card-callout {
	padding: 120px 40px;
	position: relative;
	text-align: center
}

@media screen and (max-width: 700px) {
	.card-callout {
		font-size: .85em;
		padding: 80px 20px
	}
}

.card-callout__content {
	background: rgba(0,0,0,0.1);
	margin: auto;
	max-width: 940px;
	padding: 3.75em;
	position: relative;
	z-index: 2
}

@media screen and (max-width: 600px) {
	.card-callout__content {
		padding: 2.25em
	}

	.card-callout__content[class*="w-"] {
		width: 100%
	}
}

.card-callout__content:before,.card-callout__content:after {
	background: #414141;
	content: '';
	height: 1px;
	left: 20px;
	margin: 0 auto;
	position: absolute;
	right: 20px;
	z-index: 3
}

.card-callout__content:before {
	top: -20px
}

.card-callout__content:after {
	bottom: -20px
}

.card-callout__content-outro {
	padding-top: 5em;
	position: relative;
	z-index: 2
}

.card-callout__link {
	text-decoration: none
}

.card-callout__link img {
	margin-right: .5em
}

.card-callout__link:hover span,.card-callout__link:focus span {
	text-decoration: underline
}

.card-callout--reverse .card-callout__text,.card-callout--reverse .card-callout__link {
	color: #fff
}

.card-callout--reverse .card-callout__content:before,.card-callout--reverse .card-callout__content:after {
	background: #fff
}





@media screen and (max-width: 900px) {
	.card-callout-bg-img__content {
		width: 66%
	}
}

@media screen and (max-width: 660px) {
	.card-callout-bg-img__content {
		width: 100%
	}
}

.card.c-txt-dark .card-callout-bg-img__content h1,.card.c-txt-dark .card-callout-bg-img__content h2,.card.c-txt-dark .card-callout-bg-img__content h3,.card.c-txt-dark .card-callout-bg-img__content h4,.card.c-txt-dark .card-callout-bg-img__content p,.card.c-txt-dark .card-callout-bg-img__content a,.card.c-txt-dark .card-callout-bg-img__content a:hover,.card.c-txt-dark .card-callout-bg-img__content a:visited {
	color: #fff
}

.card-callout-media {
	padding: 60px 0;
	position: relative
}

.card-callout-media .wrapper {
	padding: 2.5em
}

.card-callout-media .wrapper.wrapper--carousel {
	padding: 2.5em 3.625em
}

.card-callout-media__media a,.card-callout-media__media--right a {
	max-width: 100%
}

.card-callout-media__text,.card-callout-media__media,.card-callout-media__media--right {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

.card-callout-media__text {
	padding-left: 1.25em;
	width: 53%;
}






/*bannar切换*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../themes.png") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
    
.main-base .card {overflow: hidden; }








/*校园新闻标签切换*/


.outer li{ 
    float: left;
    margin-right: 10px;
    line-height: 90px;
    font-size: 20px;
    cursor:pointer;}
#current{border-bottom: 2px solid #fff;    padding-bottom: 2px;cursor:pointer;} 
.outer{ float: left;}
#tabs{float: left;padding-left:1em;}
.news .btn--reverse{ float: right;    margin-top: 25px;}
#content{ max-width:1000px; width: 100%; margin:0 auto}
#content ul{padding:0px;}
.classnow a{ color: #ff7800; font-weight:bold}
.right_c li span{ float:right}
.right_c .metlist li {
    background: rgba(0, 0, 0, 0) url("../li.png") no-repeat scroll left center;
    border-bottom: 1px dashed #dcdcdc;
    line-height: 30px; height:30px; overflow:hidden;
    margin: 0 auto;
    text-indent: 8px;
    width: 98%;
}
#flip{ margin:30px 0 20px}
.right_c li .info_title{ text-align:center ; float:none}

/*校园新闻*/
.news{    float: left;
    width: 100%;}
.xyxw{ float: left;}
.xyxw .title,u,i{
	padding: 0px;
	margin: 0px;
    color: #fff;
    margin-right: 8px;
    font-weight: 200;
    font-size: 28px;
    line-height: 90px;
    text-decoration:none;
    font-style:normal;
    float: left;}
.card-callout-media__media .img-callout-wide{    box-shadow: 0px 0px 15px rgba(41, 41, 41, 0.56);
    border: 2px solid rgb(255, 255, 255); max-width: 510px;    height: 340px;}


.card-callout-media__text h2{ font-size: 25px;     margin-top: 20px;}
.card-callout-media__text h2 a{ display: -webkit-box;
     height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
    .card-callout-media__text p{
	height: 52px;
    padding: 0px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.card-callout-media__text  .news-ul{    padding-top: 15px;}
.card-callout-media__text  .news-ul ul{padding: 0px; margin: 0px;}
.card-callout-media__text  .news-ul ul li{line-height: 35px;height: 35px;padding-left: 25px; background: url(../nw.png)  left center no-repeat;}
.card-callout-media__text  .news-ul ul li p{ 
	height: 35px;
	line-height: 35px;
	display: inline-flex;
    width: 65%;}
.card-callout-media__text  .news-ul ul li a{
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  
  
  
  
.card-callout-media__text  .news-ul span{float: right;}
    
    

    
    
    
    /*校务公开*/
.xwgk{ float: left; width: 23%;margin-left: 20px;margin-bottom:0em;}
.carde__text ul{ padding: 0px; margin: 0px;} 
.carde__text ul li{
	line-height:30px;
    padding-left: 15px;
    background: url(../xwgk.png) left center no-repeat;}
.carde__text ul li a{color: #414141 !important;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.carde__text ul li p{display: inline-flex;
    font-size: 14px;
    padding:0px;
    width: 65%;}
.carde__text{    margin-top: 10px;}
.carde__text ul span{float: right;font-size: 14px;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

.card-callout-media__media {
	float: left;
	padding-right: 1.25em;
	overflow: hidden;
}

.card-callout-media--right .card-callout-media__text {
	padding-right: 1.25em;
	padding-left: 0
}

.card-callout-media--right .card-callout-media__media--right {
	padding-left: 1.25em;
	padding-right: 0
}

.card-callout-media--right .card-callout-media__media--right>* {
	float: right
}

.card-callout-media .img-callout-narrow {
	display: none
}

@media screen and (max-width: 768px) {
	.nav-group--callouts{ position:relative;}
	.card-callout-media {
		padding: 0
	}

	.card-callout-media .wrapper {
		padding: 0
	}

	.card-callout-media .img-callout-narrow {
		display: block;
		width: 100%
	}

	.card-callout-media .img-callout-wide {
		display: none
	}

	.card-callout-media__media,.card-callout-media__text {
		max-width: 100%;
		position: relative;
		width: 100%;
		z-index: 2
	}

	.card-callout-media--right .card-callout-media__text {
		padding: 3em 2em
	}

	.card-callout-media--right .card-callout-media__media--right {
		display: none
	}

	.card-callout-media__media {
		padding: 0
	}
}

.event-mdt {
	border-bottom: 1px solid #bac5c6;
	margin-bottom: 0.5em;
	padding-bottom: .5em
}

.card--event__link {
	display: block;
	line-height: 1.4;
	margin-bottom: 0.5em
}

/*教师风采*/
.card--event__time span{ width: 100%;}
.card--event__time {
	line-height: 1.4;
	text-transform: none;
	padding: 0
}

.card--event__media {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 51.25%
}

@media screen and (max-width: 480px) {
	.card--event__media {
		position: static;
		width: auto;
		height: 160px
	}
}

.card--event--media {
	padding-left: 51.25%
}

@media screen and (max-width: 480px) {
	.card--event--media {
		padding-left: 0
	}
}

.event-link-title {
	display: block
}

.event-feature {
	text-transform: uppercase;
	color: #D16103;
	font-family: 'Merriweather Sans Bold', Arial, sans-serif;
	letter-spacing: 0.03em
}

.card--video-bg__video-wrap,.card--video-bg__video-wrap img,.card--video-bg__video-wrap video {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.card--video-bg {
	background: url("http://www.freshtilledsoil.com/wp-content/themes/fresh-phase-3-1/images/home-poster-fallback.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-bottom: 48.6%;
	height: 0
}

.card--video-bg__content {
	left: 0;
	padding: 10% 0 0;
	position: absolute;
	right: 0;
	z-index: 3
}

@media screen and (min-width: 700px) {
	.card--video-bg__content {
		padding: 8.5% 0 0
	}
}

@media screen and (min-width: 900px) {
	.card--video-bg__content {
		padding: 10% 0 0
	}
	#flashcontent01{ width:1100px; height:250px}
}

@media screen and (min-width: 1100px) {
	.card--video-bg__content {
		padding: 15% 0 0
	}
	#flashcontent01{ width:1300px; height:280px}
}

@media screen and (min-width: 1300px) {#flashcontent01{ width:1400px; height:300px}
}
@media screen and (min-width: 1500px) {#flashcontent01{ width:1550px; height:350px}
}
@media screen and (min-width: 1700px) {#flashcontent01{ width:1680px; height:400px}
}


.card--video-bg__video-wrap video {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3)
}




@media screen and (max-width: 699px) {
	.card--video-bg {
		height: auto;
		padding: 54px 0
	}

	.card--video-bg__video-wrap {
		display: none
	}

	.card--video-bg__content {
		position: relative

	}

	.card--video-bg__content .card-callout__content {
		width: 90% !important
	}
}

.card--video-bg .card-callout__content {
	background: rgba(0,0,0,0.25);
	padding: 2em 3em;
	font-size: .75em
}

@media screen and (min-width: 800px) {
	.card--video-bg .card-callout__content {
		font-size: .8em
	}
}

@media screen and (min-width: 1000px) {
	.card--video-bg .card-callout__content {
		font-size: 1em
	}
}

@media screen and (max-width: 800px) {
	.card--video-bg .card-callout__content-outro {
		padding-top: 3em
	}
}

@media screen and (max-width: 600px) {
	.card--video-bg .card-callout__content-outro {
		padding-top: 4em
	}
}

.ie-8 .card--video-bg__video-wrap,.is-touch-device .card--video-bg__video-wrap {
	display: none
}

.itunes-list {
	position: relative;
	padding-left: 80px
}

.itunes-list .txt-down-1 {
	min-height: 72px
}

.itunes-thumb {
	left: 0;
	position: absolute;
	top: 0;
	width: 72px
}

.itunes-title {
	padding-bottom: 0
}

@media screen and (max-width: 700px) {
	.card--news-signup {
		font-size: 0.875em
	}
}

.card--news-signup p {
	margin-bottom: .75em;
	padding-bottom: 0
}

#newspaper_signup_form .display-inline-block {
	position: relative
}

@media screen and (max-width: 660px) {
	#newspaper_signup_form .display-inline-block {
		display: block !important
	}
}

#newspaper_signup_btn {
	margin: 0 1em
}

@media screen and (max-width: 660px) {
	#newspaper_signup_btn {
		margin: auto;
		width: 100%
	}
}

#newspaper_email {
	width: 300px
}

@media screen and (max-width: 660px) {
	#newspaper_email {
		margin-bottom: 1.25em;
		width: 100%
	}
}

@media screen and (min-width: 601px) {
	.card--title-callout {
		padding-bottom: 1em;
		padding-top: 1em
	}
}

.card--title-callout__heading {
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle
}

@media screen and (max-width: 800px) {
	.card--title-callout__heading {
		display: block;
		margin-right: 0;
		text-align: center
	}
}

@media screen and (min-width: 601px) {
	.card--title-callout__heading {
		padding: .875em 0
	}
}

.card--title-callout .btn {
	margin-bottom: 2em;
	margin-left: .5em
}

@media screen and (max-width: 800px) {
	.card--title-callout .btn {
		margin: 0
	}
}

.card--breaking-news-callout .content-area {
	margin: auto;
	max-width: 600px;
	padding: 1.5em
}

.video-close {
	display: none
}

.video-close>* {
	visibility: hidden
}

.video-close.show-expanded>* {
	visibility: visible
}



.display-inline {
	display: inline !important;
	margin: 0 !important;
	width: auto !important
}

.display-inline-all>* {
	display: inline-block !important;
	margin-bottom: 0 !important;
	vertical-align: middle;
	width: auto !important
}

.display-inline-block {
	display: inline-block !important;
	vertical-align: middle;
	width: auto !important
}

.display-block {
	display: block !important
}

.display-none {
	display: none !important
}

.wrapper.wrapper--alert {
	padding: 72px 0 60px
}

@media screen and (max-width: 800px) {
	.wrapper.wrapper--alert {
		padding: 40px 0
	}
}

.alert-container {
	margin: auto;
	max-width: 660px;
	position: relative
}

@media screen and (max-width: 800px) {
	.alert-container {
		padding: 0 1.25em
	}
}

.alert-container .btn--close {
	position: absolute;
	right: 0;
	top: 0
}

.alert-block {
	border-radius: 1px
}

.alert-block--warning {
	border: 1px solid #d16103
}

.alert-block--information {
	border: 1px solid #4e84c4
}

.alert-block--success {
	border: 1px solid #52854c
}

.alert-heading__text.alert-icon {
	padding-left: 40px;
	position: relative
}

.alert-heading__text.alert-icon:before {
	background-repeat: no-repeat;
	bottom: 0;
	content: '';
	left: 0;
	margin: auto;
	position: absolute;
	speech: none;
	top: 0
}

.alert-icon--weather:before {
	background-image: url("../weather-icon.png");
	height: 36px;
	width: 36px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.alert-icon--weather:before {
		background-image: url("../weather-icon@2x.png");
		background-size: 32px 32px
	}
}

.alert-icon--warning:before {
	background-image: url("../alert-icon.png");
	height: 27px;
	width: 31px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.alert-icon--warning:before {
		background-image: url("../alert-icon@2x.png");
		background-size: 31px 27px
	}
}

.alert__content__message {
	padding-bottom: 0
}

@media screen and (max-width: 800px) {
	#closeAlert {
		right: 20px
	}
}



.social-link.with-label {
	display: inline-block;
	vertical-align: middle
}

.social-link.with-label+span {
	vertical-align: middle
}

.social-link:hover,.social-link:focus {
	opacity: 1
}

.social-link--youtube {
	background-position: 0 0
}


.sidebar-card .list-social-share {
	margin-bottom: 0;
	padding-top: .5em
}

.sidebar-card .list-social-share li {
	margin-bottom: .5em
}

.sidebar-card .list-social-share li:last-child {
	margin-bottom: 0
}

.sidebar-card .list-social-share a {
	text-decoration: none
}

.sidebar-card .list-social-share a:hover .social-link,.sidebar-card .list-social-share a:focus .social-link {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.sidebar-card .list-social-share a:hover .social-label,.sidebar-card .list-social-share a:focus .social-label {
	text-decoration: underline
}

.sidebar-card .list-social-share .social-label {
	margin-left: .5em
}




.card .social-icon:before {
	top: -1px
}

.card--youtube .social-icon:before,.social-icon--youtube:before {
	background-position: -40px 0
}

.card--twitter .social-icon:before,.social-icon--twitter:before {
	background-position: -60px 0
}

.card--soundcloud .social-icon:before,.social-icon--soundcloud:before {
	background-position: -120px 0
}

.social-icon--rss:before {
	background-position: -80px 0
}

.card--linkedin .social-icon:before,.social-icon--linkedin:before {
	background-position: -100px 0
}

.card--instagram .social-icon:before,.social-icon--instagram:before {
	background-position: -160px 0
}

.card--flickr .social-icon:before,.social-icon--flickr:before {
	background-position: -200px 0
}

.card--itunes .social-icon:before,.social-icon--itunes:before {
	background-position: -180px 0
}

.card--google-plus .social-icon:before,.social-icon--google-plus:before {
	background-position: -140px 0
}

.card--facebook .social-icon:before,.social-icon--facebook:before {
	background-position: 0 0
}

.social-icon--email:before {
	background-position: -20px 0
}

.card--gazette .social-icon:before,.social-icon--gazette:before {
	background-position: -220px 0
}

.card--tumblr .social-icon:before,.social-icon--tumblr:before {
	background-position: -240px 0
}

.card--news .social-icon:before,.social-icon--news:before {
	background-position: -260px 0
}

.article-callout {
	margin-bottom: .5em;
	margin-top: .5em
}

.article-callout--pull {
	float: right;
	margin: .5em -110px 2.5em 1.5em;
	width: 310px
}

.nav-group ul {
	max-width: 1250px
}

.nav-group li {
	line-height: 1; width:16%;
	margin-bottom: 0;
	position: relative;
	z-index: 3;
	text-align: center; float:left;
}
.nav-group--top-bar li {
	display: block;
    /*width: 1300px;*/
    margin: auto;
    text-align: left;
}

.nav-group a {
	display: block;
	position: relative;
	text-decoration: none;
	-webkit-transition: padding .2s, font-size .2s;
	transition: padding .2s, font-size .2s;
	white-space: nowrap;
	letter-spacing: 1px;
	font-size: 16px;
}
.nav-group span{font-size:12px;}

.nav-group a:before {
	content: '';
	height: 4px;
	left: 0;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	-webkit-transition: width .45s, opacity .1s;
	transition: width .45s, opacity .1s;
	width: 0%
}

@media screen and (max-width: 1300px) {
	.article-callout--pull {
		margin-right: -5%
	}

	
	
	
	
}




@media screen and (max-width: 1180px) {
	.article-callout--pull {
		margin-right: 0
	}
}

@media screen and (min-width: 769px) and (max-width: 960px) {
	.article-callout--pull {
		width: 100%
	}
}

@media screen and (max-width: 600px) {
	.article-callout--pull {
		margin-bottom: 2.25em;
		margin-top: .75em;
		width: 100%
	}
}

.advert {
	margin: 1em auto;
	max-width: 210px;
	padding-left: 1.25em;
	padding-right: 1.25em
}

@media screen and (min-width: 769px) and (max-width: 960px) {
	.advert {
		max-width: 100%
	}
}

@media screen and (min-width: 320px) and (max-width: 600px) {
	.advert {
		max-width: 100%
	}
}

.advert__intro {
	padding-top: 2.625em
}

.advert__intro__label {
	margin-bottom: .5em;
	padding-bottom: 0
}

.advert__message {
	padding: 1em 0 2em
}

.advert__outro {
	padding-bottom: 2.625em
}

.advert.card--gazette {
	padding-left: 0;
	padding-right: 0;
	border-top: 0
}

.advert.card--gazette .card__content__heading {
	background-color: #a51c30;
	color: white;
	padding: 1em;
	display: block;
	width: 100%;
	text-align: center
}

.advert.card--gazette .card-gallery__list a {
	color: #5e5e5e
}

.advert.card--gazette .card-gallery__list li {
	margin-top: 0.5em
}

.c-bg-green {
	background-color: #52854c
}

.c-bg-green--tint {
	background-color: rgba(82,133,76,0.75)
}

.c-bg-blue-dark {
	background:#e9e9e9 url(../gj.png) center bottom no-repeat;
 
	
}

.c-bg-blue-dark--tint {
	background-color: rgba(41,51,82,0.75)
}

.c-bg-orange {
	background-color: #d16103
}

.c-bg-orange--tint {
	background-color: rgba(209,97,3,0.75)
}

.c-bg-crimson {
	background-color: #a51c30
}

.c-bg-crimson--tint {
	background-color: rgba(165,28,48,0.75)
}

.c-bg-blue {
	background-color: #4e84c4
}

.c-bg-blue--tint {
	background-color: rgba(78,132,196,0.75)
}

.c-bg-gold {
	background-color: #c4961a
}

.c-bg-gold--tint {
	background-color: rgba(196,150,26,0.75)
}

.c-bg-green-light {
	background-color: #f8ec73
}

.c-bg-green-light--tint {
	background-color: rgba(195,215,164,0.75)
}

.c-bg-white {
	background-color: #fff
}

.c-bg-white--tint {
	background-color: rgba(255,255,255,0.75)
}

.c-bg-dark {
	background-color: #414141
}

.c-bg-dark--tint {
	background-color: rgba(65,65,65,0.75)
}

.c-bg-grey {
	background-color: #bac5c6
}

.c-bg-grey--tint {
	background-color: rgba(186,197,198,0.75)
}

.c-border-green {
	border-color: #52854c
}

.c-border-blue-dark {
	border-color: #293352
}

.c-border-orange {
	border-color: #d16103
}

.c-border-crimson {
	border-color: #a51c30
}

.c-border-blue {
	border-color: #4e84c4
}

.c-border-gold {
	border-color: #c4961a
}

.c-border-green-light {
	border-color: #c3d7a4
}

.c-border-white {
	border-color: #fff
}

.c-border-dark {
	border-color: #414141
}

.c-border-grey {
	border-color: #bac5c6
}

.c-txt-green {
	color: #52854c
}

.c-txt-blue-dark {
	color: #293352
}

.c-txt-orange {
	color: #d16103
}

.c-txt-crimson {
	color: #a51c30
}

.c-txt-blue {
	color: #4e84c4
}

.c-txt-gold {
	color: #c4961a
}

.c-txt-green-light {
	color: #c3d7a4
}

.c-txt-white {
	color: #fff
}

.c-txt-dark {
	color: #414141
}

.c-txt-grey {
	color: #bac5c6
}

.c-txt-white h1,.c-txt-white h2,.c-txt-white h3,.c-txt-white h4,.c-txt-white h5,.c-txt-white h6,.c-txt-white p,.c-txt-white a,.c-txt-white a:hover,.c-txt-white a:focus,.card.c-txt-white h1,.card.c-txt-white h2,.card.c-txt-white h3,.card.c-txt-white h4,.card.c-txt-white h5,.card.c-txt-white h6,.card.c-txt-white p,.card.c-txt-white a,.card.c-txt-white a:hover,.card.c-txt-white a:focus {
	color: #fff;font-size: 16px;
    font-weight: bold;
}

.c-txt-dark h1,.c-txt-dark h2,.c-txt-dark h3,.c-txt-dark h4,.c-txt-dark h5,.c-txt-dark h6,.c-txt-dark p,.card.c-txt-dark h1,.card.c-txt-dark h2,.card.c-txt-dark h3,.card.c-txt-dark h4,.card.c-txt-dark h5,.card.c-txt-dark h6,.card.c-txt-dark p {
	color: #666
}

.ng-binding > span{ font-size:14px;font-weight: normal;}
.c-txt-dark a,.c-txt-dark a:hover,.c-txt-dark a:focus,.card.c-txt-dark a,.card.c-txt-dark a:hover,.card.c-txt-dark a:focus {
	color: #a51c30
}

.c-txt-dark h1 a,.c-txt-dark h1 a:hover,.c-txt-dark h1 a:focus,.c-txt-dark h2 a,.c-txt-dark h2 a:hover,.c-txt-dark h2 a:focus,.c-txt-dark h3 a,.c-txt-dark h3 a:hover,.c-txt-dark h3 a:focus,.c-txt-dark h4 a,.c-txt-dark h4 a:hover,.c-txt-dark h4 a:focus,.c-txt-dark h5 a,.c-txt-dark h5 a:hover,.c-txt-dark h5 a:focus,.c-txt-dark h6 a,.c-txt-dark h6 a:hover,.c-txt-dark h6 a:focus,.card.c-txt-dark h1 a,.card.c-txt-dark h1 a:hover,.card.c-txt-dark h1 a:focus,.card.c-txt-dark h2 a,.card.c-txt-dark h2 a:hover,.card.c-txt-dark h2 a:focus,.card.c-txt-dark h3 a,.card.c-txt-dark h3 a:hover,.card.c-txt-dark h3 a:focus,.card.c-txt-dark h4 a,.card.c-txt-dark h4 a:hover,.card.c-txt-dark h4 a:focus,.card.c-txt-dark h5 a,.card.c-txt-dark h5 a:hover,.card.c-txt-dark h5 a:focus,.card.c-txt-dark h6 a,.card.c-txt-dark h6 a:hover,.card.c-txt-dark h6 a:focus {
	color: #414141
}

.c-txt-dark .card--background-img .c-txt-white h1,.c-txt-dark .card--background-img .c-txt-white h2,.c-txt-dark .card--background-img .c-txt-white h3,.c-txt-dark .card--background-img .c-txt-white h4,.c-txt-dark .card--background-img .c-txt-white h5,.c-txt-dark .card--background-img .c-txt-white h6,.c-txt-dark .card--background-img .c-txt-white p,.c-txt-dark .card--background-img .c-txt-white a,.c-txt-dark .card--background-img .c-txt-white a:hover,.c-txt-dark .card--background-img .c-txt-white a:focus,.card.c-txt-dark .card--background-img .c-txt-white h1,.card.c-txt-dark .card--background-img .c-txt-white h2,.card.c-txt-dark .card--background-img .c-txt-white h3,.card.c-txt-dark .card--background-img .c-txt-white h4,.card.c-txt-dark .card--background-img .c-txt-white h5,.card.c-txt-dark .card--background-img .c-txt-white h6,.card.c-txt-dark .card--background-img .c-txt-white p,.card.c-txt-dark .card--background-img .c-txt-white a,.card.c-txt-dark .card--background-img .c-txt-white a:hover,.card.c-txt-dark .card--background-img .c-txt-white a:focus {
	color: #fff
}

a.c-txt-white,a.c-txt-white:hover,a.c-txt-white:focus {
	color: #fff
}

.bg-tint {
	background: #8d1829;
}

.bg-tint-reverse {
	background: rgba(255,255,255,0.15)
}


@media screen and (max-width: 660px) {
	.page {
		min-height: 1px
	}
}


.home_title{margin: 0 auto;
	max-width: 1340px;
	padding: 1.25em;
	position: relative;
	text-align: center;
	    margin-top: 1em;
	}

.wrapper {
	margin: 0 auto;
	max-width: 1340px;
	padding: 1.25em;
	position: relative;background: rgba(0, 0, 0, 0) url("../case_bg.jpg") no-repeat scroll center top;
}

.wrapper--1-down {
	max-width: 1300px
}

.wrapper--2-down {
	max-width: 900px
}

.wrapper--3-down {
	max-width: 680px
}

.wrapper--4-down {
	max-width: 460px
}

.wrapper>.grid:last-of-type {
	margin-bottom: 0
}

.wrapper--no-pad {
	padding: 0px 30px 30px 30px;
	max-width: 1300px;
	margin: 45px auto;
    border-radius: 3px;
}

.wrapper--no-pad--keep-w {
	padding: 0
}

.wrapper--no-pad--top {
	padding-top: 0
}

.wrapper--no-pad--bottom {
	padding-bottom: 0
}

.wrapper--carousel {
	padding-left: 3.625em;
	padding-right: 3.625em
}

.padding-xsm {
	padding: 2.5em 2em
}
.padding-sm_1{
	padding: 0em 2em 2em !important;
}
.padding-sm_1
.padding-sm {
	padding: 3.75em 2em
}

.padding-m {
	padding: 4.5em 2em
}

.padding-l {
	padding: 7.25em 2em
}

@media screen and (max-width: 660px) {
	.padding-xsm,.padding-sm,.padding-m,.padding-l {
		padding: 2.5em 1.25em
	}
}

.push-down--tiny {
	margin-bottom: 0.5em
}

.push-down--xxsm {
	margin-bottom: 1em
}

.push-down--xsm {
	margin-bottom: 2.5em
}

.push-down--sm {
	margin-bottom: 3.75em
}

.push-down--m {
	margin-bottom: 4.5em
}

.content-area {
	padding:0.8em
}

.deck {
	position: relative
}

.deck p:last-child,.deck p.last {
	padding-bottom: 0
}

@media screen and (max-width: 800px) {
	.deck .txt-h1-alt,.deck .card--large .card__title,.card--large .deck .card__title {
		font-size: 1.8em
	}
}

.deck__cta-area {
	padding-top: 2em;
	padding-bottom: 2em;
}

@media screen and (min-width: 960px) {
	.deck__cta-area {
		padding-top: 0;
		position: absolute;
		right: 25px;
		top: -5.5em
	}
	.nav li {
    float: left;
    height: 45px;
    position: relative; width:16%;
}
}

.deck--photography .link-img-wrap {
	margin-top: .625em
}

@media screen and (max-width: 660px) {
	.deck--photography {
		text-align: center
	}

	.deck--photography .grid>.w-50 {
		margin-bottom: 0
	}
}

.link-img-wrap {
	display: block
}

.link-img-wrap img {
	display: block;
	text-decoration: none;
	margin-bottom: 1em
}

@media screen and (max-width: 660px) {
	.link-img-wrap {
		text-align: center
	}

	.link-img-wrap img {
		margin-left: auto;
		margin-right: auto
	}
}

.deck--contact-mr-callout .grid>.w-25 {
	margin-bottom: 60px
}

@media screen and (max-width: 660px) {
	.deck--contact-mr-callout .grid>.w-25 {
		padding-bottom: 40px
	}

	.deck--contact-mr-callout .grid>.w-25:last-child {
		padding-bottom: 0
	}
}

.cmr-heading {
	margin-bottom: .5em
}

.float-right {
	float: right
}






.w-10 {
	width: 10%
}



.w-33--m p {
	height: 5px;
	border-bottom: 1px solid #929292;
	border-top: 1px solid #929292;
    max-width: 466px;
	margin: 10px auto 10px auto;
}


.w-33--l {
	width: 22%;
	text-align: left;
	margin-top: 3em;
	padding-bottom: 0.5em;
}
.w-33--m {
	width: 100%;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}

.w-33--ll {
    width: 22%;
    text-align: center;
    margin-top: 1.5em;
    padding-bottom: 0.5em;
    float: right !important;
}

.w-33--ll span {
	line-height: 50px;
}

.w-20 span{line-height:30px;}
.w-20 .img {
	background: url(../dh.png) left center no-repeat;
	padding-left: 15px;
}
.w-33--m span{line-height: 30px;}
.wrapper--1-down .w-33--l span {
	display: none;
}





.w-25 {
	width: 25%
}

.w-30 {
	width: 30%
}

.w-40 {
	width: 40%
}
/*教师风采*/
.w-50 {
	width: 50%;
}

.grid>[class*="w-"] {
    float: left;
    margin-bottom: 0;
    min-height: 1px;
    padding-left: 1.25em;
    position: relative;
}


.grid_a{    float: left;
    margin-bottom: 0;
    width: 50%;}




.w-60 {
	width: 60%
}

.w-70 {
	width: 70%
}

.w-75 {
	width: 75%
}

.w-80 {
	width: 80%
}

.w-90 {
	width: 90%
}

.w-100 {
	width: 100%
}

.w-33 {
	padding-left: 1.25em;
	width: 25%;
	float: left;
}

.w-66 {
	width: 66.66667%
}



@media screen and (max-width: 660px) {
	.grid [class*="w-"]:not(.w-force):not(.show-expanded) {
		margin-bottom: 1.25em;
		width: 100%
	}
}

.grid {
	margin-left: -1.25em; margin-top:97px
}

.grid+.grid {
	margin-top: 1.25em
}[class*="w-"]>.grid {
	margin-bottom: 0
}

.grid>[class*=" w-50--m"] {
float: left;
    margin-bottom: 0;
    min-height: 1px;
    padding-left: 1.25em;
    position: relative;
}



.grid>[class*="w-"].float-right {
	float: right
}

@media screen and (max-width: 800px) {
	.grid--2a .w-50 {
		width: 100%;
		margin-bottom: 1.25em
	}
}

@media screen and (max-width: 900px) {
	.grid--3b .w-33,.grid--3b .w-66,.grid--3b-mirror .w-33,.grid--3b-mirror .w-66 {
		width: 100%;
		margin-bottom: 1.25em
	}
}

.grid--3b .card,.grid--3b-mirror .card {
	margin-bottom: 0
}

@media screen and (max-width: 960px) {
	.grid--4a.grid>.w-50 {
		margin-bottom: 1.25em;
		width: 100%
	}
}

@media screen and (max-width: 660px) {
	.grid--4a.grid>.w-50 {
		margin-bottom: auto
	}
}

.grid--4b {
	padding-left: 330px;
	position: relative
}

.grid--4b .card-left .w-100 {
	margin-bottom: 1.25em
}

.grid--4b .pull-left .card-left {
	float: left;
	margin-left: -330px;
	width: 310px
}

.grid--4b .grid--nested {
	margin-top: 1.25em
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
	.grid--4b .card--media-left {
		padding-left: 0px
	}

	.grid--4b .card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

@media screen and (min-width: 661px) and (max-width: 900px) {
	.grid--4b .card--media-left {
		padding-left: 310px
	}

	.grid--4b .card--media-left .card__media {
		position: absolute;
		width: 310px
	}
}

@media screen and (max-width: 1000px) {
	.grid--4b {
		padding-left: 0
	}

	.grid--4b .w-50--m {
		width: 50%
	}

	.grid--4b .card-left .w-100 {
		margin-bottom: 0
	}

	.grid--4b .grid--nested {
		padding-left: 0
	}

	.grid--4b .card-left {
		margin-bottom: 1.25em
	}

	.grid--4b .pull-left .card-left {
		float: none;
		margin-left: 0;
		width: auto
	}
}

@media screen and (max-width: 660px) {
	.grid--4b .card-left {
		margin-bottom: 0
	}

	.grid--4b .card-left .w-100 {
		margin-bottom: 1.25em
	}

	.grid--4b .card--media-left {
		padding-left: 0px
	}

	.grid--4b .card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

.grid--4b-mirror {
	padding-right: 330px;
	position: relative
}

.grid--4b-mirror .card-right .w-100 {
	margin-bottom: 1.25em
}

.grid--4b-mirror .pull-right .card-right {
	float: right;
	margin-right: -330px;
	width: 310px
}

.grid--4b-mirror .grid--nested {
	margin-top: 1.25em
}

@media screen and (max-width: 1000px) {
	.grid--4b-mirror {
		padding-right: 0
	}

	.grid--4b-mirror .w-50--m {
		width: 50%
	}

	.grid--4b-mirror .card-right {
		margin-bottom: 1.25em
	}

	.grid--4b-mirror .card-right .w-100 {
		margin-bottom: 0
	}

	.grid--4b-mirror .grid--nested {
		padding-right: 0
	}

	.grid--4b-mirror .pull-right .card-right {
		float: none;
		margin-right: 0;
		width: auto
	}
}

@media screen and (max-width: 660px) {
	.grid--4b-mirror .card-right {
		margin-bottom: 0
	}

	.grid--4b-mirror .card-right .w-100 {
		margin-bottom: 1.25em
	}
}

.grid--4b-alt .card {
	margin-bottom: 1.25em
}

.grid--4b-alt .grid {
	margin-top: 0 !important
}

.grid--4b-alt__left {
	margin-bottom: 0 !important
}

@media screen and (max-width: 1024px) {
	.grid--4b-alt__left[class*="w-"],.grid--4b-alt__right[class*="w-"] {
		width: 50%
	}

	.grid--4b-alt__left[class*="w-"] .grid>[class*="w-"],.grid--4b-alt__right[class*="w-"] .grid>[class*="w-"] {
		width: 100%
	}

	.grid--4b-alt .card--media-left {
		padding-left: 0px
	}

	.grid--4b-alt .card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

@media screen and (max-width: 900px) {
	.grid--4b-alt__left[class*="w-"],.grid--4b-alt__right[class*="w-"] {
		float: none;
		width: 100%
	}

	.grid--4b-alt__left[class*="w-"] .grid>.w-50--sm,.grid--4b-alt__left[class*="w-"] .grid>.w-60,.grid--4b-alt__left[class*="w-"] .grid>.w-40,.grid--4b-alt__right[class*="w-"] .grid>.w-50--sm,.grid--4b-alt__right[class*="w-"] .grid>.w-60,.grid--4b-alt__right[class*="w-"] .grid>.w-40 {
		width: 50%
	}

	.grid--4b-alt .card--media-left {
		padding-left: 310px
	}

	.grid--4b-alt .card--media-left .card__media {
		position: absolute;
		width: 310px
	}
}

@media screen and (max-width: 620px) {
	.grid--4b-alt__left[class*="w-"] .grid>[class*="w-"],.grid--4b-alt__right[class*="w-"] .grid>[class*="w-"] {
		width: 100%
	}

	.grid--4b-alt .card--media-left {
		padding-left: 0px
	}

	.grid--4b-alt .card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

.grid--4c {
	padding-left: 660px
}

.grid--4c .fixed-2-col {
	margin-left: -660px;
	width: 660px
}

@media screen and (min-width: 1161px) and (max-width: 1320px) {
	.grid--4c .card--media-left {
		padding-left: 200px
	}

	.grid--4c .card--media-left .card__media {
		width: 200px
	}
}

@media screen and (min-width: 1001px) and (max-width: 1160px) {
	.grid--4c .card--media-left {
		padding-left: 0px
	}

	.grid--4c .card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

@media screen and (min-width: 661px) and (max-width: 1000px) {
	.grid--4c .card--media-left {
		padding-left: 310px
	}

	.grid--4c .card--media-left .card__media {
		position: absolute;
		width: 310px
	}
}

@media screen and (max-width: 1000px) {
	.grid--4c {
		padding: 0
	}

	.grid--4c .fixed-2-col {
		margin-bottom: 0 !important;
		margin-left: 0;
		width: 100%
	}

	.grid--4c .fixed-2-col+.w-100 {
		margin-top: 1.25em
	}

	.grid--4c .fixed-2-col .w-50 {
		width: 50%
	}
}

@media screen and (max-width: 660px) {
	.grid--4c .fixed-2-col .w-50 {
		width: 100%
	}

	.grid--4c .grid+.grid,.grid--4c .fixed-2-col+.w-100 {
		margin-top: 0
	}

	.grid--4c .card--media-left {
		padding-left: 0px
	}

	.grid--4c .card--media-left .card__media {
		position: relative;
		width: 100%
	}
}

.grid--4c-mirror {
	padding-right: 550px
}

.grid--4c-mirror .fixed-2-col {
	margin-right: -550px;
	width: 550px
}

@media screen and (max-width: 960px) {
	.grid--4c-mirror {
		padding: 0
	}

	.grid--4c-mirror .fixed-2-col {
		margin-bottom: 0 !important;
		margin-right: 0;
		margin-top: 1.25em;
		width: 100%
	}

	.grid--4c-mirror .fixed-2-col .w-50 {
		margin-bottom: 1.25em;
		width: 50%
	}
}

@media screen and (max-width: 660px) {
	.grid--4c-mirror .fixed-2-col {
		margin-top: 0
	}

	.grid--4c-mirror .fixed-2-col .w-50 {
		width: 100%
	}
}

@media screen and (max-width: 57.5em) {
	.grid--4d .card--media-left {
		padding-left: 0
	}
}

@media screen and (max-width: 57.5em) {
	.grid--4d .card--media-left .card__media {
		position: static;
		width: 100%
	}
}

@media screen and (max-width: 57.5em) {
	.grid--4d .w-25 {
		width: 33%
	}

	.grid--4d .w-75 {
		width: 66%
	}
}

.grid.grid--6>.w-50 {
	margin-bottom: 2em;
	padding-left: 0px;
}



@media screen and (max-width: 660px) {
	.grid.grid--6 .w-33,.grid.grid--6 .w-66 {
		float: none;
		margin-bottom: 1.25em;
		width: 100%
	}

	.grid.grid--6 .w-33:last-child,.grid.grid--6 .w-66:last-child {
		margin-bottom: 0
	}
}

@media screen and (min-width: 769px) {
	.grid-fixed-side {
		padding-left: 20.625em
	}

	.grid-fixed-side .fixed-side-col {
		float: left;
		margin-left: -20.625em;
		width: 19.375em
	}

	.grid-fixed-side .w-100 {
		float: right;
		padding-right: 30px
	}
}

.grid-fixed--right-side {
	padding-right: 125px
}

@media screen and (min-width: 960px) and (max-width: 1360px) {
	.grid-fixed--right-side .w-100 {
		float: left;
		padding-right: 0px;
		width: 80%
	}
}

@media screen and (max-width: 960px) {
	.grid-fixed--right-side {
		padding-right: 0
	}

	.grid-fixed--right-side .w-100 {
		float: none
	}
}

.fixed-right {
	position: absolute;
	right: -100px;
	top: 4px
}

@media screen and (min-width: 960px) {
	.fixed-right {
		width: 210px
	}
}

@media screen and (min-width: 960px) and (max-width: 1360px) {
	.fixed-right {
		right: 15px
	}
}

@media screen and (max-width: 960px) {
	.fixed-right {
		position: static
	}
}

.table__header {
	background: #640411;
	color: #fff
}

.table__footer {
	background: #eef0f1
}

.table--border {
	border-bottom: 1px solid #bac5c6;
	border-right: 1px solid #bac5c6
}

.table--border tr {
	border-top: 1px solid #bac5c6
}

.table--border th,.table--border td {
	border-left: 1px solid #bac5c6
}

.table--stripe tr:nth-child(2n) {
	background: #eef0f1
}

.table--row-stripe {
	background: #eef0f1
}

.table-container-mobile {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

@media screen and (max-width: 800px) {
	.table-container-mobile {
		border: 1px solid #bac5c6
	}

	.table-container-mobile table,.table-container-mobile th,.table-container-mobile td,.table-container-mobile tr {
		white-space: nowrap
	}
}

input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],.input-text,.select-container {
	background-color: #fdfdfd;
	border: 1px solid #8996a0;
	border-radius: 2px;
	font-family: inherit;
	margin-bottom: 0.5em;
	outline: 0;
	padding: 1em;
	width: 100%;
	-webkit-appearance: none
}

input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="url"]:focus,.input-text:focus,.select-container:focus {
	background-color: #fff;
	box-shadow: 0 0 3px #4e84c4
}

.form-row {
	padding: 0.25em 0;
	position: relative
}

input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],.input-text {
	position: relative;
	z-index: 2
}

.cb-active,.radio-active {
	display: inline-block;
	height: 20px;
	margin: 0 .25em 0 0;
	position: relative;
	vertical-align: sub;
	width: 20px
}

.cb-active:after,.radio-active:after {
	content: '';
	opacity: 0;
	speech: none
}

.cr-area {
	position: relative
}

.cr-area[disabled] {
	opacity: .4
}

.cr-area[disabled] .cb-active,.cr-area[disabled] .radio-active {
	background: #bac5c6
}

.cr-area input:checked+.cr:after,.cr-area input:checked+.cr:before {
	opacity: 1
}

.cr-area :focus+.cr {
	box-shadow: 0 0 3px #4e84c4
}

.cr-area input:checked+.radio-active:before,.cr-area input:checked+.radio-active:after {
	-webkit-animation: 0.5s radioed forwards;
	animation: 0.5s radioed forwards
}

.cb-active {
	background: #a51c30;
	border: 1px solid #640411;
	border-radius: 2px
}

.cb-active:after {
	background-image: url("../check.png");
	background-repeat: no-repeat;
	bottom: 0;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.cb-active:after {
		background-image: url("../check@2x.png");
		background-size: 20px 20px
	}
}

.radio-active {
	background: #a51c30;
	border: 1px solid #8996a0;
	border-radius: 200%
}

.radio-active:after {
	background: #fff;
	border-radius: 200%;
	bottom: 0;
	height: .375em;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: .375em
}

@-webkit-keyframes radioed {
	0% {
		height: 0em;
		width: 0em
	}

	50% {
		height: .5em;
		width: .5em
	}

	100% {
		height: .375em;
		width: .375em
	}
}

@keyframes radioed {
	0% {
		height: 0em;
		width: 0em
	}

	50% {
		height: .5em;
		width: .5em
	}

	100% {
		height: .375em;
		width: .375em
	}
}

.select-container {
	overflow: hidden;
	position: relative;
	padding: 0
}

.select-container:after {
	background-image: url("../down-arrow-icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	content: '';
	height: 14px;
	margin: auto;
	pointer-events: none;
	position: absolute;
	right: .5em;
	speech: none;
	top: 0;
	width: 23px;
	z-index: 1
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.select-container:after {
		background-image: url("../down-arrow-icon@2x.png");
		background-size: 23px 13px
	}
}

.select-container select {
	-webkit-appearance: textarea;
	-moz-appearance: window;
	-moz-appearance: none;
	background: none;
	border: 0;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	padding: 1em 34px 1em 1em;
	position: relative;
	width: 115%;
	width: 122% \9;
	z-index: 2
}

.select-container select::-ms-expand {
	display: none
}

.select-container select::-ms-value {
	background: none;
	color: #000
}

.input-error {
	border: 1px solid #d41934
}

.input-success {
	border: 1px solid #52854c
}

.input-warning {
	border: 1px solid #d16103
}

.label-reveal {
	bottom: 10%;
	font-size: 0.75em;
	left: 0;
	margin: 0;
	line-height: 1;
	opacity: 0;
	padding: .25em;
	position: absolute;
	-webkit-transition: bottom .2s, opacity .2s;
	transition: bottom .2s, opacity .2s;
	z-index: 1
}

input.input-reveal {
	margin-bottom: 0
}

input.input-reveal:focus ~ .label-reveal {
	bottom: 96%;
	opacity: 1
}

button,.btn {
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: inherit;
	line-height: normal;
	padding: 1em;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: background .2s;
	transition: background .2s;
	text-transform: uppercase
}

button:hover,.btn:hover,button:focus,.btn:focus {
	background: rgba(0,0,0,0.2);
	outline: 0
}

button,.btn {
	background: rgba(212,25,52,0);
	color: #a51c30
}

button:hover,button:focus,.btn:hover,.btn:focus {
	background: rgba(212,25,52,0.05);
	border-color: #d41934;
	color: #a51c30
}

button:active,.btn:active {
	background: rgba(165,28,48,0.1);
	box-shadow: inset 0 0 0 1px #d41934;
	color: #a51c30;
	border-color: #d41934
}

.btn--cta,.a-to-z__alphabet-filter input:checked+.btn,.btn--cta[role="button"],.a-to-z__alphabet-filter input:checked+[role="button"].btn {
	background: #a51c30;
	border-color: #7c0516;
	color: #fff
}

.btn--cta:hover,.a-to-z__alphabet-filter input:checked+.btn:hover,.btn--cta:focus,.a-to-z__alphabet-filter input:checked+.btn:focus,.btn--cta[role="button"]:hover,.a-to-z__alphabet-filter input:checked+[role="button"].btn:hover,.btn--cta[role="button"]:focus,.a-to-z__alphabet-filter input:checked+[role="button"].btn:focus {
	background: #95061a;
	color: #fff;
	border-color: #640411
}

.btn--cta:active,.a-to-z__alphabet-filter input:checked+.btn:active,.btn--cta[role="button"]:active,.a-to-z__alphabet-filter input:checked+[role="button"].btn:active {
	background: #770515;
	box-shadow: inset 0 0 0 1px #4b030d;
	color: #fff;
	border-color: #4b030d
}

.btn--reverse,.btn--reverse[role="button"] {
	background: rgba(255,255,255,0);
	color: #fff
}

.btn--reverse:hover,.btn--reverse:focus,.btn--reverse[role="button"]:hover,.btn--reverse[role="button"]:focus {
	background: rgba(255,255,255,0.1);
	color: #fff;
	border-color: rgba(179, 100, 112, 0.52);
}

.btn--reverse:active,.btn--reverse[role="button"]:active {
	background: rgba(255,255,255,0.15);
	color: #fff;
	box-shadow: inset 0 0 0 1px #fff;
	border-color: #fff
}

.btn[disabled],.btn--disabled,.a-to-z__alphabet-filter input[disabled]+.btn {
	background: #eef0f1;
	border-color: #8996a0;
	color: #bac5c6;
	pointer-events: none
}

.btn--small {
	font-size: 0.875em;
	padding: 0.75em
}

.btn--fat {
	padding: 0.75em 2em
}

.btn--wide {
	display: block;
	width: 100%
}

.btn--min-width {
	min-width: 160px
}

.btn--close {
	border-radius: 100%;
	border: 2px solid;
	border-color: #d16103;
	color: #d16103;
	display: block;
	font-size: 1.3125em;
	height: 26px;
	line-height: 26px;
	padding: 0 4px;
	text-align: center;
	text-decoration: none;
	text-indent: .04em;
	-webkit-transition: border-color .2s, color .2s;
	transition: border-color .2s, color .2s;
	width: 26px
}

.btn--close:hover,.btn--close:focus {
	border-color: #9f4a02;
	color: #9f4a02
}

.txt-center {
	text-align: center;
}

.txt-left {
	text-align: left
}

.txt-right {
	text-align: right
}

.txt-success {
	color: #52854c
}

.txt-warning {
	color: #d16103
}

.txt-error {
	color: #d41934
}

.txt-no-italic {
	font-style: normal
}

.txt-highlight {
	background: #a51c30;
	border-radius: .125em;
	color: #fff;
	display: inline-block;
	padding: .25em
}

.list-number {
	list-style-type: decimal
}

.list-inline li:first-child,.list-inline li .first {
	margin-left: 0
}

.list-inline li:last-child,.list-inline li .last {
	margin-right: 0
}

.list-inline>li {
	display: inline;
	margin-left: .5em;
	margin-right: .5em;
	vertical-align: auto;
	zoom: 1
}

.nav-crumbs {
	margin-bottom: 0
}

.nav-crumbs__list {
	margin-bottom: 0
}

.nav-crumbs a,.nav-crumbs li {
	display: inline-block
}

.nav-crumbs li {
	margin-bottom: 0
}

.nav-crumbs li:after {
	content: "/";
	display: inline-block;
	speech: none
}

.nav-crumbs a {
	text-decoration: none
}

.nav-crumbs a:hover,.nav-crumbs a:focus {
	text-decoration: underline
}

.nav-crumbs .current-page:after {
	content: '';
	display: none
}

.is-touch-device .jump-links,.is-touch-device .jump-to-nav {
	display: none
}

.jump-links {
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 9
}

.jump-links a {
	background: #a51c30;
	color: #fff;
	left: -999px;
	padding: 4px 8px;
	position: absolute;
	text-decoration: none;
	top: 0;
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
	white-space: nowrap
}

.jump-links a:focus {
	left: 0;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px)
}

@media screen and (max-width: 800px) {
	.jump-links {
		z-index: 14
	}

	.jump-links a:focus {
		-webkit-transform: translateY(44px);
		-ms-transform: translateY(44px);
		transform: translateY(44px)
	}
}

.jump-to-nav {
	color: #fff;
	font-size: .875em
}

@media screen and (max-width: 660px) {
	.jump-to-nav {
		display: none
	}
}

.footer-base .jump-to-nav--hidden {
	background: #a51c30;
	color: #fff;
	font-size: 1em;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	height: 1px;
	overflow: hidden;
	padding: 0;
	right: 0;
	text-decoration: none;
	top: -50px;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}

.footer-base .jump-to-nav--hidden:focus {
	height: auto;
	opacity: 1;
	padding: .5em;
	-webkit-transform: translateY(-0.5em);
	-ms-transform: translateY(-0.5em);
	transform: translateY(-0.5em);
	text-decoration: none
}

.main-nav {
	background: #fff;
	position: relative;
	z-index: 9
}

.main-nav ul {
	margin: 0 auto
}

@media screen and (max-width: 800px) {
	.main-nav {
		background: #222;
		box-shadow: 0 0 100px transparent;
		height: 100%;
		position: fixed;
		right: -100%;
		top: 0;
		-webkit-transition: right .2s, box-shadow .2s;
		transition: right .2s, box-shadow .2s;
		width: 96%;
		width: calc(100% - 1.75em);
		z-index: 9
	}

	.main-nav ul {
		position: relative;
		visibility: hidden
	}

	.main-nav ul a {
		background: transparent;
		font-size: 1.125em;
		padding-left: 20px;
		-webkit-transition: background .25s;
		transition: background .25s
	}

	.main-nav ul a:before {
		content: '';
		height: 100%;
		position: absolute;
		top: 0;
		-webkit-transition: width .1s;
		transition: width .1s;
		width: 0px
	}

	.main-nav ul a:hover,.main-nav ul a:focus,.main-nav ul a.selected {
		background: rgba(0,0,0,0.4)
	}

	.main-nav ul a:hover:before,.main-nav ul a:focus:before,.main-nav ul a.selected:before {
		width: 6px
	}

	.main-nav li {
		display: block;
		float: none;
		width: auto
	}

	.main-nav li ul li {
		border-bottom: 0;
		text-align: left;
	}
}

@media screen and (max-width: 800px) {
	.nav-drawer {
		background: #222;
		height: 100%;
		overflow-y: auto
	}

	.nav-drawer ul {
		overflow: hidden;
		padding: 0px;
		background: #30393A;
	}
	.nav-drawer .list--drop-nav{
		background: #444;
	    text-indent: 8px;
	}
	

	.main-nav {
		background: transparent
	}

	.header-base:before {
		background: #30393a;
		border-bottom: 1px solid #666;
		content: '';
		height: 44px;
		left: -50%;
		position: fixed;
		top: 0;
		width: 300%;
		z-index: 7
	}
}

.nav-left-half {
	float: left
}

@media screen and (min-width: 37.5625em) {
	.nav-left-half {
		padding-right: 51px
	}
}

@media screen and (min-width: 43.75em) {
	.nav-left-half {
		padding-right: 66px
	}
}

@media screen and (min-width: 50em) {
	.nav-left-half {
		padding-right: 94px
	}
}

@media screen and (min-width: 56.25em) {
	.nav-left-half {
		padding-right: 110px
	}
}

@media screen and (min-width: 64em) {
	.nav-left-half {
		padding-right: 118px
	}
}

.nav-right-half {
	float: right
}

@media screen and (min-width: 37.5625em) {
	.nav-right-half {
		padding-left: 51px
	}
}

@media screen and (min-width: 43.75em) {
	.nav-right-half {
		padding-left: 66px
	}
}

@media screen and (min-width: 50em) {
	.nav-right-half {
		padding-left: 94px
	}
}

@media screen and (min-width: 56.25em) {
	.nav-right-half {
		padding-left: 110px
	}
}

@media screen and (min-width: 64em) {
	.nav-right-half {
		padding-left: 118px
	}
}

.nav-left-half,.nav-right-half {
	width: 50%
}

.nav-left-half [role="presentation"] li,.nav-right-half [role="presentation"] li {
	float: left;
	margin-left: 4%;
	width: 28%
}

@media screen and (max-width: 800px) {
	.has-drop-nav,.nav-left-half,.nav-right-half,.nav-right-half [role="presentation"] li,.nav-left-half [role="presentation"] li {
		float: none;
		padding: 0;
		margin-left:0;
		width: auto
	}

	.nav-right-half li:last-child a:after {
		left: 0
	}
}

.nav-group--top-bar { 
	font-size: .75em;
	text-align: left; max-width:1300px; margin:0 auto;
	z-index: 3
}



.nav-group--top-bar a {
	color: #5a5a5a;
	padding: .8em;
	-webkit-transition: padding .2s; font-size:12px;
	transition: padding .2s
}

/*.nav-group--top-bar a:before {
	background: #fff;
	top: 0
}*/

@media screen and (max-width: 800px) {
	.nav-group--top-bar {
		background: none;
		padding-top: 20px;
		padding-bottom: 20px
	}

	.nav-group--top-bar li {
		display: block
	}

	.nav-group--top-bar a {
		font-size: 1em
	}
}

@media screen and (min-width: 37.5625em) {
	.nav-group--top-bar {
		position: fixed;
		top: 0;
		width: 100%
	}

	.nav-group--top-bar a {
		padding: 1em .65em
	}

	.nav-group--top-bar li:nth-child(2) a {
		padding-left: 20px
	}
}

@media screen and (min-width: 43.75em) {
	.nav-group--top-bar a {
		padding: 0.74em 1em;
	}
}

@media screen and (min-width: 50em) {
	.nav-group--top-bar {
		font-size: .85em;
		text-align: center
	}
}



@media screen and (max-width: 800px) {
	.nav-group a:before {
		left: auto;
		right: 0;
		width: 100%
	}
}

.nav-group a:hover:before,.nav-group a:focus:before,.nav-group a.selected:before {
	opacity: 1;
	text-decoration: none;
	width: 100%
}

.nav-group--consistent {
	font-size: 1.1em;
	text-align: center;
	-webkit-transition: top .2s;
	transition: top .2s;
	width: 100%;
	z-index: 2
}

.nav-group--consistent a {
	color: #a51c30;
	font-size: 18px;
		letter-spacing: 0px;
}

.nav-group--consistent a:before {
	background: #a51c30;
	bottom: 0
}

@media screen and (max-width: 800px) {
	.nav-group--consistent {
		font-size: 1em;
		text-align: left
	}

	.nav-group--consistent a {
		color: #fff;
		font-family: 'Merriweather Sans Light';
		padding: 1em 1em 1em 1.25em
	}

	.nav-group--consistent a:before {
		background: #fff
	}

	.nav-group--consistent a:after {
		background: #767676;
		bottom: 0;
		content: '';
		height: 1px;
		left: 0px;
		position: absolute;
		width: 100%
	}
}

@media screen and (min-width: 800px) {
	.nav-group--consistent {
		background: #fff;
		font-size: .9em;
		position: fixed;
		top: 36px
	}

.nav-group--callouts {
	background: #f3f3f1;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	z-index: 1;
	position: fixed; 
}
	.nav-group--consistent a {
		padding: .75em
	}
}

@media screen and (min-width: 43.75em) {
	.nav-group--consistent {
		font-size: 1.05em
	}
}

@media screen and (min-width: 50em) {
	.nav-group--consistent {
		font-size: 1.1em;
		top: 2.3em
	}
}

@media screen and (min-width: 64em) {
	.nav-group--consistent {
		font-size: 1.2em;
		top: 2.1em
	}

	.nav-group--consistent a {
		padding: .8em 0.25em
	}
}



.nav-group--callouts a {
	color: #a51c30;
	font-size: 13px;
	padding: .75em;
	position: relative;
	z-index: 2;
	    word-break:break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    	letter-spacing: 0px;
}

.nav-group--callouts a:before {
	background: #777;
	bottom: 0
}

@media screen and (max-width: 800px) {
	.nav-group--callouts {
		background: none;
		box-shadow: none;
		padding-top: 1px;
	}

	.nav-group--callouts a {
		color: #d41934
	}

	.nav-group--callouts a:hover {
		color: #e83852
	}

	.nav-group--callouts a:before {
		background: #d41934
	}
}

@media screen and (min-width: 800em) {
	.nav-group--callouts {
		font-size: .85em;
		position: relative;
		text-align: center;
		top: 2.35em;
		-webkit-transition: top .2s;
		transition: top .2s
	}

	.nav-group--callouts a {
		padding: .75em 0
	}
}

@media screen and (min-width: 43.75em) {
	.nav-group--callouts {
		top: 0em
	}

	.nav-group--callouts a {
		padding: 0.75em 0em;
	}
}

@media screen and (min-width: 50em) {
	.nav-group--callouts {
		font-size: 1em;
		top: 2.7em;top: 85px; width:100%;
	}
}

@media screen and (min-width: 64em) {
	.nav-group--callouts {
		font-size: 1.15em;
		top: 85px; width:100%;
	}
}

.scroll-link {
	opacity: 0;
	position: absolute;
	text-indent: -99999px;
	-webkit-transform: translateX(-99px);
	-ms-transform: translateX(-99px);
	transform: translateX(-99px);
	-webkit-transition: opacity .1s, -webkit-transform .1s;
	transition: opacity .1s, transform .1s;
	visibility: hidden
}

@media screen and (max-width: 800px) {
	.scroll-link {
		display: none !important
	}
}

.in-view .scroll-link {
	background: rgba(165,28,48,0.85);
	font-size: inherit;
	opacity: 1;
	position: relative;
	text-indent: 0;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	visibility: visible
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
	.lg-nav-txt {
		visibility: hidden;
		position: absolute
	}
}

/*.in-view .nav-left-half {
	padding-right: 50px
}

.in-view .nav-right-half {
	padding-left: 50px
}*/

@media screen and (min-width: 37.5625em) {
	.in-view .nav-group--consistent {
		box-shadow: 0 2px 3px rgba(0,0,0,0.25);
		font-size: .9em;
		top: 2.25em
	}
}

@media screen and (min-width: 700px) {
	.in-view .nav-group--consistent {
		font-size: 1em
	}

	.in-view .nav-group--consistent a {
		font-size: 18px;
	}

	.in-view .search-icon {
		height: 36px;
	}
}

@media screen and (min-width: 800px) {
	.in-view .nav-group--consistent {
		top: 2.4em
	}
}

.nav-open,.nav-open body {
	overflow: hidden;
	height: 100%
}

@media screen and (max-width: 800px) {
	.nav-open .main-nav,.nav-open body .main-nav {
		box-shadow: 0 0 100px rgb(45, 54, 55);
		overflow: auto;
		padding-top: 44px;
		right: 0%
	}

	.nav-open .main-nav ul,.nav-open body .main-nav ul {
		visibility: visible
	}
}

.is-touch-device .main-nav ul a:hover,.is-touch-device .main-nav ul a:focus {
	background: transparent
}

.is-touch-device .nav-group a:hover:before,.is-touch-device .nav-group a:focus:before {
	opacity: 0
}



.ie-8 .list--drop-nav {
	border: 1px solid #ccc
}

.list--drop-nav {
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	padding: 0px;
	box-shadow: 0 0 1px;
	min-width: 100%;
	opacity: 0;
	height: 1px;
	overflow: hidden;
	position: absolute;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	white-space: nowrap
}

@media screen and (max-width: 600px) {
	.list--drop-nav {
		display: block;
	}
}

.list--drop-nav li {
    float: none !important;
    padding: 0 !important;
    text-align: center;
    width: 100% !important;
    margin-left: 0px !important;
}

.list--drop-nav .first a {
	padding:10px;
		font-size: 16px;
}

.list--drop-nav .last a {
	padding-bottom: 12px
}

@media screen and (max-height: 666px) {
	.list--drop-nav .first a {
	}

	.list--drop-nav .last a {
		padding-bottom: 8px
	}
}

.list--drop-nav a {
	font-size: 16px;
	display: block;
	padding: 0;
	width: 100%
}

.list--drop-nav a:before {
	display: none
}

.list--drop-nav a:hover,.list--drop-nav a:focus {
	background: #a51c30;
	color: #fff
}

@media screen and (max-height: 666px) {
	.list--drop-nav a {
		font-size: 16px;
	}
}

.has-drop-nav:hover .list--drop-nav,.list--drop-nav:hover .list--drop-nav,.is-opened .list--drop-nav {
	height: auto;
	opacity: 1;
	visibility: visible
}

.list--drop-nav:before {
	background: #a51c30;
	content: '';
	display: none;
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.list--drop-nav:hover:before,.is-opened .list--drop-nav:before {
	display: block
}

.no-js .has-drop-nav:hover .list--drop-nav {
	display: block
}

@media screen and (max-height: 666px) {



	.in-view .list--drop-nav .last a {
		padding-bottom: 8px
	}
}


.main-nav .btn-mobile-nav {
	display: none
}



.btn--menu:active,.btn--menu:link,.btn--menu:visited {
	color: #fff
}

.btn--menu:hover,.btn--menu:link:hover,.btn--menu:focus {
	background: #222;
	box-shadow: inset 0 0 1px #ccc
}

.btn--menu[data-state="off"]:hover .btn--menu__icon {
	width: 22px
}

.btn--menu[data-state="off"]:hover .btn--menu__icon:before {
	top: -8px
}

.btn--menu[data-state="off"]:hover .btn--menu__icon:after {
	bottom: -8px
}

.btn--menu[data-state="on"] {
	color: rgba(255,255,255,0);
	max-width: 20px;
	min-width: 1px;
	padding-left: 24px;
	padding-right: 24px
}

.btn--menu[data-state="on"] .btn--menu__icon {
	background: transparent;
	bottom: 0;
	top: 0;
	-webkit-transition: -webkit-transform .2s .4s;
	transition: transform .2s .4s
}

.btn--menu[data-state="on"] .btn--menu__icon:before,.btn--menu[data-state="on"] .btn--menu__icon:after {
	background: #ccc;
	bottom: 0;
	top: 0
}

.btn--menu[data-state="on"] .btn--menu__icon:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.btn--menu[data-state="on"] .btn--menu__icon:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media screen and (max-width: 800px) {
	.btn--menu {
		border-left: 1px solid rgba(255,255,255,0.12);
		border-right: 1px solid rgba(255,255,255,0.12)
	}
}

@media screen and (min-width: 801px) {
	.btn--menu {
		display: none
	}
}

.btn--menu__icon {
	background: #fff;
	bottom: 0;
	height: 2px;
	right: 0;
	margin: auto 0 auto 2px !important;
	position: absolute;
	right: 14px;
	top: 0;
	-webkit-transition: .2s all;
	transition: .2s all;
	width: 20px
}

.btn--menu__icon:before,.btn--menu__icon:after {
	background: #fff;
	border-radius: 4px;
	content: '';
	height: 2px;
	left: 0;
	margin: auto;
	position: absolute;
	-webkit-transition: -webkit-transform .2s 0s, top .2s, bottom .2s;
	transition: transform .2s 0s, top .2s, bottom .2s;
	width: 100%
}

.btn--menu__icon:before {
	top: -6px
}

.btn--menu__icon:after {
	bottom: -6px
}

.is-touch-device .btn--menu:hover,.is-touch-device .btn--menu:link:hover,.is-touch-device .btn--menu:focus {
	background: transparent;
	box-shadow: none
}

.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon {
	right: 14px;
	width: 20px
}

.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon:before {
	top: -6px
}

.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon:after {
	bottom: -6px
}

.search-area {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

input.input-search {
	background: url("../search-icon.png") #fff no-repeat 14px center;
	padding-left: 44px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	input.input-search {
		background-image: url("../search-icon.png");
		background-size: 22px 21px
	}
}

.btn--mobile-site-search {
	border: 0;
	display: none;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	z-index: 4
}

.btn--mobile-site-search:active {
	box-shadow: none
}

.is-touch-device .btn--mobile-site-search {
	display: block
}

#searchArea input.input-search {
	background-color: transparent;
	height: 44px;
	border: none;
	color: #fff;
	font-size: .9em;
	max-width: 44px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-top: 2px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: width .3s, height .2s;
	transition: width .3s, height .2s;
	width: 44px;
	z-index: 1
}
/*搜索鼠标放上去后背景色*/
#searchArea input.input-search:hover,#searchArea input.input-search:focus {
	background-color: #A51C30;
	box-shadow: inset 0 0 1px #fff
}

#searchArea input.input-search:focus {
	max-width: 280px;
	padding-right: 16px;
	width: 100%
}

@media screen and (min-width: 801px) {
	#searchArea input.input-search {
		background-color: #A51C30;
		background-size: auto 18px;
		height: 36px;
		width: 40px
	}
}

@media screen and (min-width: 50em) {
	#searchArea input.input-search {
		height: 40px;
		width: 50px
	}
}

@media screen and (min-width: 56.25em) {
	#searchArea input.input-search {
		width: 3.75em
	}
}

@media screen and (min-width: 1201px) {
	#searchArea input.input-search {
		max-width: 280px;
		padding-right: 16px;
		width: 100%
	}
}

.btn--subnav span,.btn--subnav span:before,.btn--subnav span:after {
	height: 8px;
	width: 8px;
	background: #bac5c6;
	border-radius: 100px
}

.btn--subnav {
	border: 1px solid #bac5c6;
	bottom: -16px;
	display: none;
	overflow: hidden;
	position: relative;
	width: 50px
}

.btn--subnav span {
	display: block;
	margin: auto;
	position: relative;
	-webkit-transition: width .2s .5s, border-radius .2s .5s;
	transition: width .2s .5s, border-radius .2s .5s
}

.btn--subnav span:before,.btn--subnav span:after {
	content: '';
	position: absolute;
	top: 0;
	-webkit-transition: left .2s, right .2s;
	transition: left .2s, right .2s
}

.btn--subnav span:before {
	right: 150%
}

.btn--subnav span:after {
	left: 150%
}

.btn--subnav.sub-nav-opened span {
	border-radius: 4px;
	width: 100%
}

.btn--subnav.sub-nav-opened span:before {
	right: 0%
}

.btn--subnav.sub-nav-opened span:after {
	left: 0%
}

@media screen and (max-width: 768px) {
	.btn--subnav {
		display: block
	}
}

@media screen and (max-width: 768px) {
	.sub-nav {
		background: #f3f3f1;
		border-bottom: 1px solid #bac5c6;
		border-top: 1px solid #bac5c6;
		display: none;
		margin-bottom: 2.5em;
		margin-left: -1.25em;
		padding: 1.25em 1.25em .25em;
		position: relative;
		width: calc(100% + 2.5em)
	}
}

@media screen and (min-width: 769px) {
	.sub-nav {
		display: block !important;
		margin-top: .875em
	}
}

.sub-nav a {
	display: block;
	margin-bottom: .5em;
	overflow: hidden;
	padding-bottom: .25em;
	padding-top: .25em;
	text-decoration: none
}

.sub-nav a:focus,.sub-nav a:hover {
	text-decoration: underline
}

.sub-nav li {
	line-height: 1;
	margin-bottom: 0
}

.sub-nav li ul {
	margin: 0;
	position: relative
}

.sub-nav li ul:before {
	background: #e4e7e9;
	background: rgba(186,197,198,0.2);
	content: '';
	height: 96%;
	left: 0;
	position: absolute;
	width: 4px
}

.sub-nav li ul .first a {
	margin-top: 0
}

.sub-nav li ul .last a {
	margin-bottom: 10px
}

.sub-nav li ul li {
	line-height: 1.333;
	position: relative
}

.sub-nav li ul li a {
	padding-left: .875em
}

.sub-nav li ul li li a {
	padding-left: 1.75em
}

.sub-nav li ul a {
	font-size: 0.875em;
	position: relative
}

.sub-nav li ul .active {
	position: relative
}

.sub-nav li ul .active a:before {
	background: #bac5c6;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	width: 4px
}

.sub-nav-normal .active>a {
	color: #414141;
	text-decoration: none
}

.sub-nav--president {
	background: #293352;
	margin-bottom: 60px
}

@media screen and (max-width: 768px) {
	.sub-nav--president {
		margin-top: 32px
	}
}

.sub-nav--president .wrapper {
	padding: 0
}

.sub-nav--president li {
	float: left;
	margin: 0
}

.sub-nav--president .active a {
	color: #fff
}

.sub-nav--president .active a:after {
	width: 100%
}

.sub-nav--president a {
	color: #fff;
	display: block;
	margin: 0;
	padding: 1em 1.25em;
	position: relative;
	text-decoration: none
}

.sub-nav--president a:after {
	background: #4e84c4;
	bottom: 0;
	content: '';
	height: 4px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	-webkit-transition: width .2s;
	transition: width .2s;
	width: 0%
}

.sub-nav--president a:hover:after,.sub-nav--president a:focus:after,.sub-nav--president a.selected:after {
	width: 100%
}

.sub-nav--president a:hover,.sub-nav--president a:focus {
	text-decoration: none
}

@media screen and (max-width: 768px) {
	.sub-nav--president {
		padding: 4px 1.25em
	}

	.sub-nav--president li {
		float: none
	}

	.sub-nav--president a:after {
		content: '';
		height: 100%;
		left: auto;
		top: 0;
		width: 0px
	}

	.sub-nav--president a:hover:after,.sub-nav--president a:focus:after,.sub-nav--president a.selected:after {
		width: 4px
	}
}

.sub-nav--president .active a:after {
	width: 100%
}

@media screen and (max-width: 768px) {
	.sub-nav--president .active a:after {
		width: 4px
	}
}

.is-touch-device .sub-nav a:hover,.is-touch-device .sub-nav a:focus {
	color: #a51c30;
	outline: none;
	text-decoration: none
}

.is-touch-device .sub-nav a:hover:after,.is-touch-device .sub-nav a:focus:after {
	width: 0
}

.is-touch-device .sub-nav--president a:hover,.is-touch-device .sub-nav--president a:focus {
	color: #fff
}

.media-relations-nav {
	background: #293352;
	left: 0;
	padding: .75em 1.25em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 8
}

.media-relations-nav a {
	color: #fff;
	font-size: 0.875em;
	position: relative
}

.back-to-harvard {
	padding-left: 62px
}

.back-to-harvard:before {
	background-image: url("../logo-shield-only-small.png");
	background-repeat: no-repeat;
	background-position: center center;
	content: '';
	height: 58px;
	left: 0;
	position: absolute;
	top: -8px;
	width: 49px;
	z-index: 8
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.back-to-harvard:before {
		background-image: url("../logo-shield-only-small@2x.png");
		background-size: 49px 58px
	}
}

.tab-widget {
	position: relative
}

.tab-widget__list {
	border-bottom: 1px solid #bac5c6;
	margin-bottom: 0;
	white-space: nowrap
}

@media screen and (max-width: 500px) {
	.tab-widget__list {
		border: 1px solid #bac5c6;
		border-bottom: 0
	}
}

.tab-widget__item {
	display: inline-block
}

@media screen and (max-width: 500px) {
	.tab-widget__item {
		display: block;
		border-bottom: 1px solid #bac5c6
	}
}

.tab-widget__link {
	background-color: #fff;
	display: block;
	padding: 1em 1.25em;
	position: relative;
	text-decoration: none
}

.tab-widget__link:hover {
	text-decoration: underline
}

.tab-widget__link:focus {
	outline: none
}

.tab-widget__link:before {
	background: #bac5c6;
	content: '';
	height: 4px;
	left: 0;
	opacity: 0;
	position: absolute;
	speech: none;
	top: 0;
	width: 100%
}

.tab-widget__link--active {
	color: #414141;
	box-shadow: inset 0 2px 0 1px #bac5c6;
	border-bottom-color: transparent
}

@media screen and (max-width: 500px) {
	.tab-widget__link--active {
		box-shadow: none;
		border-bottom: 1px solid #bac5c6
	}
}

.tab-widget__link--active:after {
	background: #fff;
	bottom: -1px;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 2
}

.tab-widget__link--active:before {
	opacity: 1;
	background: #a51c30
}

.tab-widget__tabs {
	background: #fff;
	padding: 1.5em 0;
	position: relative;
	z-index: 1
}

.tab-widget__tab-content {
	display: none
}

.tab-widget__tab-content--active,.no-js .tab-widget__tab-content {
	display: block
}

.header-base {
	position: relative;
	z-index: 8
}

.header-base--has-photo {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 80px;
	min-height: 380px
}

.header-base--has-photo:after {
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.6));
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));
	bottom: 0;
	content: '';
	height: 20%;
	left: 0;
	position: absolute;
	width: 100%
}

.header-base--has-photo+.main-base {
	padding-top: 54px
}

@media screen and (max-width: 800px) {
	.header-base--has-photo {
		background-position: center 58px
	}
}

@media screen and (max-width: 800px) {
	.header-base--has-photo {
		background-position: center 0;
		min-height: 200px
	}
}

.header-base--photo-1 {
	background-image: url("../cropped/photo-1.jpg")
}

.header-base--photo-2 {
	background-image: url("../cropped/photo-2.jpg")
}

.header-base--photo-3 {
	background-image: url("../cropped/photo-3.jpg")
}

.header-base--photo-4 {
	background-image: url("../cropped/photo-4.jpg")
}

.header-base--photo-5 {
	background-image: url("../cropped/photo-5.jpg")
}



@media screen and (min-width: 801px) {
	.harvard-heading {
		background-position: center -13px;
		height: 76px;
		top: 48px;
		width: 110px;
	}
}



@media screen and (min-width: 801px) {
	.harvard-heading {
		background-position: center bottom;
		height: 124px;
		top: 41px;
		width: 132px
	}
}

@media screen and (min-width: 1100px) {
	.harvard-heading {
		height: 124px;
		width: 132px
	}
}



.harvard-heading__link:before {
	background: #a51c30;
	content: '';
	height: 4px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	top: 0;
	-webkit-transition: width .2s;
	transition: width .2s;
	width: 0%
}

.harvard-heading__link:hover:before,.harvard-heading__link:focus:before {
	width: 100%
}

@media screen and (max-width: 800px) {
	.harvard-heading__link {
		background: url("../logo.png") no-repeat center center;
	    background-size: auto 75%;
	    height: 44px;
	    left: 0;
	    position: fixed;
	    right: auto;
	    top: 0;
	    width: 240px;
	    z-index: 8;
	}
}

@media screen and (min-width: 801px) {
	.harvard-heading__link {
		background-position: center bottom;
		background-size: 114% auto;
		height: 49px
	}
}






@media screen and (min-width: 801px) {
	.harvard-heading__link {
		background-size: 85% auto;
		background-position: center center;
		margin: 0
	}

	.harvard-heading__link:before {
		top: 0
	}
}

@media screen and (min-width: 801px) {
	.harvard-heading__link {
		height: 100%;
		width: 100%
	}
}

.main-base {
	padding-top: 32px;
	position: relative
}

@media screen and (min-width: 37.5625em) {
	.main-base {
		padding-top: 52px
	}
}

@media screen and (min-width: 900px) {
	.main-base {
		padding-top: 80px
	}
}

article#mainContent {
	padding-bottom: 3em
}

.sidebar-card {
	border: 1px solid #bac5c6;
	margin-bottom: 1.25em;
	margin-right: 1.25em
}

.sidebar-card .content-area {
	padding: 1em 1.25em
}

.sidebar-card .content-area>h1,.sidebar-card .content-area>h2,.sidebar-card .content-area>h3,.sidebar-card .content-area>h4,.sidebar-card .content-area>h5,.sidebar-card .content-area>h6 {
	padding-top: 0
}

.sidebar-card:last-of-type {
	margin-bottom: 0
}

.sidebar-card img {
	width: 100%
}

@media screen and (max-width: 599px) {
	.sidebar-card {
		margin-right: 0
	}
}

@media screen and (max-width: 768px) {
	.sidebar-card .prez-side-photo {
		display: none
	}
}

.footer-base {
	background: #414141;
	color: #a9a9a9;
	min-height: 100px;
	padding: 0.25em 3em
}

.footer-base .w-20{    padding-left: 0em;}




.footer-base a,.footer-base .footer__heading {
	color: #a9a9a9
}

.footer-base a,.footer-base .footer__outro {
	font-size: 0.75em
}

.footer-base a {
	text-decoration: none
}

.footer-base a:focus,.footer-base a:hover {
	text-decoration: underline
}

.footer-base .footer__outro {
	border-top: 1px solid #a9a9a9;
	margin-top: 14px;
	padding-top: 4px
}

.list-social-links {
	margin-bottom: 0;
	text-align: center;
	width: 60%
}

.list-social-links+.other-apps {
	text-align: center
}

@media screen and (max-width: 57.5em) {
	.list-social-links {
		text-align: left;
		width: 80%
	}

	.list-social-links+.other-apps {
		text-align: left
	}
}

@media screen and (max-width: 800px) {
	.list-social-links {
		width: 60%
	}
}


.list-social-links li {
	display: inline-block;
	margin: 0 .125em .5em .125em
}

@media screen and (max-width: 57.5em) {
	.list-social-links li {
		margin: 0 .25em .5em 0
	}
}


@media screen and (max-width: 57.5em) {
	.w-footer-last {
		margin-top: 1.25em;
		padding-bottom: 1.25em;
		width: 100%
	}
}

.president-hp-content {
	background: url("../president-repeat.jpg") repeat-x;
	margin: -60px auto auto;
	max-width: 1300px;
	position: relative
}

.president-hp-content:after {
	background: url("../president.jpg") no-repeat right 0;
	content: '';
	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 0;
	speech: none;
	top: 0;
	width: 100%
}

@media screen and (max-width: 57.5em) {
	.president-hp-content {
		background: none;
		margin-top: 0;
		padding-top: 0
	}

	.president-hp-content:after {
		display: none
	}

	.president-hp-content .padding-m {
		padding: 0
	}
}

.president-home__morenews {
	margin: 50px 0
}

.president-home__morenews .card--media-left.card--media-left--narrow {
	padding-left: 100px;
	margin-top: 20px
}

.president-home__morenews .card--media-left.card--media-left--narrow .card__media {
	width: 100px
}

@media screen and (max-width: 500px) {
	.president-home__morenews .card--media-left.card--media-left--narrow {
		padding-left: 0px;
		margin-top: 20px
	}

	.president-home__morenews .card--media-left.card--media-left--narrow .card__media {
		display: none
	}
}

.president-home__morenews .card--president.card--media-left .card__content {
	border-top: 0
}

.president-home__morenews .card__content__heading {
	padding-top: 0
}

.president-home__morenews .card__title {
	font-size: 1.2em
}

.wrapper--president-hp {
	margin: 0 0 0 6.923%;
	max-width: 1210px;
	z-index: 1
}

.wrapper--president-hp .padding-m {
	padding-left: 0;
	padding-right: 0
}

@media screen and (max-width: 57.5em) {
	.wrapper--president-hp {
		margin: auto
	}
}

.grid>.w-president-message {
	width: 44.5%
}

.grid>.w-president-news {
	width: 55.5%
}

@media screen and (max-width: 57.5em) {
	.grid>.w-president-news,.grid>.w-president-message {
		width: auto
	}
}

.president-message__content {
	padding-left: 10.923%;
	padding-top: 330px
}

@media screen and (max-width: 57.5em) {
	.president-message__content {
		border-top: 1px solid #bac5c6;
		margin-top: 60px;
		padding: 52px 1.25em 1.25em
	}
}

.list-president-speeches li {
	margin-bottom: 2em
}

.list-president-speeches li:last-child {
	margin-bottom: 0
}

.president-speech-filter {
	margin-bottom: 3em
}

.president #current_page_title {
	padding-bottom: 0
}

.filter-media-area {
	bottom: 2.2em;
	height: 52px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 540px
}

.filter-media-area .txt-label {
	display: block;
	text-align: left;
	margin-left: 2em
}

@media screen and (max-width: 1300px) {
	.filter-media-area {
		right: 1.25em
	}
}

@media screen and (max-width: 900px) {
	.filter-media-area {
		width: 480px
	}

	.filter-media-area .grid .w-33 {
		width: 10.125em
	}

	.filter-media-area .txt-label {
		margin-left: .25em
	}
}

@media screen and (max-width: 800px) {
	.filter-media-area {
		width: 360px
	}

	.filter-media-area .grid .w-33 {
		width: 120px
	}

	.filter-media-area .filter-label {
		border: 0 !important;
		color: transparent;
		height: 1px !important;
		left: -999999px !important;
		position: absolute !important;
		width: 1px !important
	}

	.filter-media-area .txt-label {
		margin-left: 2.6em
	}
}

@media screen and (max-width: 670px) {
	.filter-media-area {
		width: auto;
		position: static;
		text-align: left
	}

	.filter-media-area .txt-label {
		margin-left: 0
	}

	.filter-media-area .grid .w-33 {
		width: 100px
	}
}

.filter-icon {
	color: #a51c30;
	padding-right: 40px;
	position: relative
}

.filter-icon:after {
	background: url("../filter-icons.png") no-repeat;
	background-size: 20px 91px;
	bottom: 1px;
	content: '';
	height: 20px;
	margin: auto;
	position: absolute;
	right: 0;
	speech: none;
	top: 0;
	width: 20px
}

.filter-icon--photos:after {
	background-position: 0 3px
}

.filter-icon--videos:after {
	background-position: 0 -35px
}

.filter-icon--audio:after {
	background-position: 0 -72px
}

.media-relations--interior .nav-crumbs {
	margin-top: -28px
}

.media-relations-nav .wrapper {
	padding: 0
}

.interior--live-stream #current_page_title {
	padding-bottom: 0
}

.interior--live-stream .main-base {
	padding-top: 2.75em
}

@media screen and (max-width: 800px) {
	.interior--live-stream .main-base {
		padding-top: 2.375em
	}
}

@media screen and (max-width: 800px) {
	.interior--live-stream .main-base {
		padding-top: .75em
	}
}

.live-stream-subscribe {
	bottom: 0;
	height: 1.25em;
	margin: auto;
	position: absolute;
	right: 1.25em;
	top: 0
}

@media screen and (max-width: 660px) {
	.live-stream-subscribe {
		margin: .5em 0;
		position: static
	}
}

.live-stream-header {
	padding-bottom: 32px;
	padding-top: 40px
}

@media screen and (max-width: 768px) {
	.live-stream-header {
		margin-top: -10px
	}
}

.off-air:after,.on-air:after {
	border: 1px solid #fff;
	color: #fff;
	content: 'on air';
	display: inline-block;
	font-size: 14px;
	padding: .5em;
	vertical-align: middle
}

.off-air:after {
	color: #bac5c6;
	content: 'off air';
	opacity: .75
}

.live-stream-video {
	background: #414141;
	position: relative
}

.live-stream-video .live-stream-wrapper {
	height: 0;
	padding-bottom: 56.25%;
	width: 100%;
	max-width: 100%;
	margin-bottom: 60px
}

@media screen and (max-height: 1100px) {
	.live-stream-video .live-stream-wrapper {
		padding-bottom: 40%;
		margin-bottom: 20px
	}
}

@media screen and (max-width: 768px) {
	.live-stream-video .live-stream-wrapper {
		padding-bottom: 56.25%;
		margin-bottom: 20px
	}
}

.live-stream-video .live-stream-wrapper embed,.live-stream-video .live-stream-wrapper video,.live-stream-video .live-stream-wrapper iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.interior--live-stream article#mainContent {
	padding-bottom: 0
}

.school-block {
	border: 1px solid #bac5c6;
	display: block;
	min-height: 160px;
	padding-left: 120px;
	padding-top: 2.5em;
	position: relative;
	text-decoration: none
}

.school-block .link-cta:after {
	display: none
}

@media screen and (max-width: 800px) {
	.school-block {
		padding: 1.25em;
		min-height: auto
	}
}

.school-block__logo,.school-block__title {
	display: inline-block;
	vertical-align: middle
}

.school-block__logo {
	float: left;
	margin-left: -100px;
	margin-top: -1.25em;
	width: 100px
}

@media screen and (max-width: 800px) {
	.school-block__logo {
		display: block;
		float: none;
		margin: auto;
		width: 50px
	}
}

@media screen and (min-width: 601px) and (max-width: 768px) {
	.school-block__logo {
		margin-top: -.5em;
		width: 80px
	}
}

.school-block__logo img {
	display: block
}

.school-block__title {
	padding: 0 0 0 20px
}

@media screen and (max-width: 800px) {
	.school-block__title {
		display: block;
		padding: 16px 0 0;
		text-align: center
	}
}

@media screen and (min-width: 601px) and (max-width: 768px) {
	.school-block__title {
		margin-top: -.5em;
		padding-left: 0
	}
}

@media screen and (min-width: 601px) and (max-width: 660px) {
	.school-block__title {
		margin-top: 1em
	}
}

.school-block .link-cta__text {
	text-decoration: none
}

.school-block .link-cta__text:hover {
	text-decoration: underline
}

.school-block:hover {
	text-decoration: underline
}

.school-block:hover .link-cta__text {
	text-decoration: underline
}

@media screen and (max-width: 800px) {
	.school-block {
		margin-bottom: 0
	}
}

.grid--school-blocks .w-50 {
	margin-bottom: 1.25em
}

.link-cta {
	font-size: 1.125em;
	position: relative;
	text-decoration: none
}

.link-cta__text {
	text-decoration: underline
}

.link-cta:hover .link-cta__text {
	text-decoration: none
}

.link-cta:after {
	background-image: url("../icon-goto.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	bottom: 0;
	content: '';
	height: auto;
	margin: auto;
	position: absolute;
	right: -32px;
	speech: none;
	top: 0;
	width: 20px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	.link-cta:after {
		background-image: url("../icon-goto@2x.png");
		background-size: 20px 20px
	}
}

@media screen and (min-width: 768px) and (max-width: 900px) {
	.harvard-social-leadin .grid--3 .w-33 {
		width: 100%
	}
}

.social-leadin-card {
	margin-bottom: 1.25em;
	min-height: 220px;
	padding-left: 200px;
	position: relative
}

.social-leadin-card__content {
	border-top: 4px solid #a51c30;
	padding-left: 1.25em
}

.social-leadin-card__title {
	margin-bottom: .5em
}

.social-leadin-card__shield {
	border: 1px solid #bac5c6;
	left: 0;
	position: absolute;
	top: 0;
	width: 200px
}

@media screen and (min-width: 769px) and (max-width: 920px) {
	.social-leadin-card {
		min-height: 140px;
		padding-left: 120px
	}

	.social-leadin-card__shield {
		width: 120px
	}
}

@media screen and (max-width: 600px) {
	.social-leadin-card {
		min-height: 1px;
		padding-left: 0
	}

	.social-leadin-card__shield {
		display: none
	}
}

@media screen and (max-width: 400px) {
	.social-leadin-card .w-50.w-force {
		width: 100%
	}
}

.a-to-z {
	margin-top: 60px;
	padding-top: 60px;
	position: relative
}

.a-to-z:before {
	background: #bac5c6;
	content: '';
	height: 1px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 90%
}

.a-to-z__alphabet-filter li {
	display: inline-block;
	margin-bottom: 6px
}

.a-to-z__alphabet-filter .btn {
	width: 44px
}

.a-to-z__results__block {
	margin-bottom: 60px;
	padding-bottom: 60px;
	position: relative
}

.a-to-z__results__block:after {
	background: #bac5c6;
	bottom: 0;
	content: '';
	height: 1px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	speech: none;
	width: 90%
}

.a-to-z__results__block__header {
	position: relative
}

.a-to-z__results__block__header .txt-h1-alt,.a-to-z__results__block__header .card--large .card__title,.card--large .a-to-z__results__block__header .card__title {
	padding-bottom: 4px
}

.a-to-z__results__block__header .jump-to-top {
	bottom: 4px;
	position: absolute;
	right: 0
}

.a-to-z__result {
	border-top: 4px solid #a51c30;
	padding-right: 110px;
	padding-top: .75em;
	margin: 1em 0 2em;
	position: relative
}

.a-to-z__result__title {
	padding-bottom: 0
}

.a-to-z__result__social li {
	margin-right: 1.5em
}

.a-to-z__result__img {
	position: absolute;
	right: 0;
	top: 0;
	width: 90px
}

.a-to-z__results__tags {
	color: #bac5c6;
	position: relative
}

.a-to-z__results__tags__label {
	left: 0;
	position: absolute;
	top: 0
}

.a-to-z__results__tags__listing {
	padding-left: 50px
}

.alphabet-search,.alphabet-choose {
	margin-bottom: 20px
}

.homepage .main-base {
	padding-top: 0px
}

@media screen and (max-width: 1016px) {
	.homepage .main-base {
		padding-top: 0px
	}
}

@media screen and (max-width: 900px) {
	.homepage .main-base {
		padding-top: 0px
	}
}

@media screen and (max-width: 800px) {
	.homepage .main-base {
		padding-top: 0px
	}
}

@media screen and (max-width: 660px) {
	.homepage .main-base {
		padding-top: 0
	}
}

article.search-results {
	min-height: 400px
}

article.search-results input.gsc-input {
	padding: 12px 20px;
	font-size: 16px;
	font-family: 'Merriweather Regular', Arial, sans-serif
}

article.search-results input.gsc-search-button {
	-webkit-appearance: none;
	background: rgba(212,25,52,0);
	font-family: 'Merriweather Sans Regular', Arial, sans-serif;
	color: #a51c30;
	border: 1px solid;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: inherit;
	line-height: normal;
	height: auto;
	padding: 1em;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: background .2s;
	transition: background .2s;
	text-transform: uppercase
}

article.search-results input.gsc-search-button:hover,article.search-results input.gsc-search-button:focus {
	background: rgba(212,25,52,0.05);
	border-color: #d41934;
	color: #a51c30;
	outline: 0
}

article.search-results strong,article.search-results b {
	font-family: 'Merriweather Bold', Arial, sans-serif
}

article.search-results em {
	font-family: inherit
}

article.search-results .gs-title strong,article.search-results .gs-title b {
	font-family: 'Merriweather Sans Bold', Arial, sans-serif
}

article.search-results .gsc-control-cse .gsc-table-result {
	font-family: 'Merriweather Sans Regular', Arial, sans-serif;
	line-height: 1.8em;
	font-size: inherit
}

article.search-results .cse .gsc-control-cse,article.search-results .gsc-control-cse {
	padding: 0
}

article.search-results h2.results-h2 {
	padding: 1em 0 0
}

article.search-results .gsc-control-cse .gs-spelling,article.search-results .gsc-control-cse .gs-result .gs-title,article.search-results .gsc-control-cse .gs-result .gs-title * {
	font-size: 1.1em;
	line-height: 1.8em;
	height: auto
}

article.search-results .gs-webResult.gs-result a.gs-title:visited,article.search-results .gs-webResult.gs-result a.gs-title,article.search-results .gs-webResult.gs-result a.gs-title:link,article.search-results .gs-promotion a.gs-title:visited,article.search-results .gs-promotion a.gs-title,article.search-results .gs-promotion a.gs-title:link {
	color: #a51c30;
	text-decoration: none
}

article.search-results .gs-webResult.gs-result a.gs-title *,article.search-results .gs-webResult.gs-result a.gs-title:visited *,article.search-results .gs-webResult.gs-result a.gs-title:link *,article.search-results .gs-promotion a.gs-title *,article.search-results .gs-promotion a.gs-title:visited *,article.search-results .gs-promotion a.gs-title:link * {
	color: #a51c30;
	font-family: inherit
}

article.search-results .gs-result .gs-title,article.search-results .gs-result .gs-title * {
	text-decoration: none
}

article.search-results .gs-webResult .gs-snippet,article.search-results .gs-imageResult .gs-snippet,article.search-results .gs-promotion .gs-snippet {
	font-family: 'Merriweather Light', 'Times New Roman', serif
}

article.search-results .gs-fileFormatType {
	font-family: 'Merriweather Light', 'Times New Roman', serif
}

article.search-results .gsc-webResult.gsc-result {
	padding: 0.8em;
	font-size: 1.2em;
	margin-bottom: 0.2em
}

article.search-results .gsc-webResult.gsc-result.gsc-promotion,article.search-results .gsc-webResult.gsc-result.gsc-promotion:hover {
	background: #f7f7f7;
	border-left: 5px solid #a51c30;
	line-height: 1.8em;
	font-size: 1.2em;
	margin-bottom: 1em
}

article.search-results .gsc-tabHeader {
	padding: 1em;
	font-family: 'Merriweather Light', 'Times New Roman', serif
}

article.search-results .gsc-tabHeader.gsc-tabhActive {
	background: #f7f7f7
}

article.search-results .gsc-above-wrapper-area {
	border-bottom: 0
}

article.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #a51c30;
	font-size: 1.2em
}

article.search-results .gsc-results .gsc-cursor-box {
	padding-left: 20px
}

article.search-results table.gsc-search-box td {
	vertical-align: top
}

article.search-results td.gsc-clear-button {
	display: none
}

article.search-results .gs-visibleUrl.gs-visibleUrl-long {
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	line-height: 1.2
}



@media screen and (min-width: 801px) {
	.in-view .harvard-heading {
		background-position: center bottom;
		height: 0px;
		top: 36px;
		width: 110px
	}

	.in-view .harvard-heading__link {
		background-position: center bottom;
		background-size: auto 148%;
		height: 50px;
	}

	.in-view .harvard-heading__link:before {
		top: 0
	}
}

@media screen and (min-width: 801px) {
	.in-view .harvard-heading {
		top: 41px;
		height: 53px;
	}
}






.input-mode {
	height: 100%;
	overflow: hidden
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	display: block;
	left: 0;
	position: relative;
	top: 0
}

@media screen and (max-width: 600px) {
	.slick-track .content-area {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0
	}

	.slick-track .card__content__source {
		font-size: .75em
	}
}

.slick-track:before,.slick-track:after {
	content: '';
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	margin: auto;
	height: 100%;}
[dir='rtl'] .slick-slide {
	float: right
}



.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
	float: left;
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	border: 1px solid transparent;
	display: block;
	height: auto
}

.slick-prev,.slick-next {
	background: transparent;
	border: none;
	color: #414141;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 50px;
	line-height: 0;
	margin-top: -10px;
	outline: none;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 44px
}

.slick-prev:before,.slick-next:before {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus,.slick-next:active,.slick-prev:active {
	background: transparent;
	outline: none;
	box-shadow: 0 0 0 1px rgba(165,28,48,0.1)
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
	opacity: 1
}

.slick-disabled {
	display: none !important
}

.slick-prev {
	left: -44px
}[dir='rtl'] .slick-prev {
	left: auto;
	right: -44px
}

.slick-next {
	right: -44px
}[dir='rtl'] .slick-next {
	right: auto;
	left: -44px
}[dir='rtl'] .slick-next:before,.slick-prev:before {
	content: '';
	background: url("../arrow-left.png");
	background-repeat: no-repeat;
	background-position: center top
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
[	dir='rtl'] .slick-next:before,.slick-prev:before {
		background-image: url("../arrow-left@2x.png");
		background-size: 44px 44px
	}
}[dir='rtl'] .slick-prev:before,.slick-next:before {
	content: '';
	background: url("../arrow-right.png");
	background-repeat: no-repeat;
	background-position: center top
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
[	dir='rtl'] .slick-prev:before,.slick-next:before {
		background-image: url("../arrow-right@2x.png");
		background-size: 44px 44px
	}
}

.is-touch-device .slick-prev:hover:before,.is-touch-device .slick-prev:focus:before,.is-touch-device .slick-next:hover:before,.is-touch-device .slick-next:focus:before {
	background-color: transparent
}

.element-invisible {
	display: none
}

form#user-login .description {
	display: none
}

.messages {
	padding: 1em;
	border: 1px solid #ccc;
	font-family: 'Merriweather Sans Regular', Arial, sans-serif
}

.messages.error {
	border-color: red
}

.webform-client-form .form-item {
	margin: 1em 0
}

.webform-client-form .form-item .description {
	font-size: 0.8em;
	font-family: 'Merriweather Sans Regular', Arial, sans-serif
}

.webform-client-form .form-radios .form-item {
	margin: 0
}

.module-status--draft {
	background-image: url("../text-draft.png")
}

a.anchor {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden
}

img.img-left,.img-left>img {
	float: left;
	margin: 3px 12px 12px 0
}

img.img-right,.img-right>img {
	float: right;
	margin: 3px 0 12px 12px
}

.rssfeed-module .card__title {
	font-size: 1.125em
}

input#edit-captcha-response {
	width: 60px
}

input.input-inline {
	width: auto;
	max-width: 100%
}

.webform-client-form.webform-client-form-60792 input#edit-submitted-attach-image-if-applicable-upload-button {
	display: none
}

.sub-nav li ul .active li a:before {
	width: 0
}

h1#current_page_title {
	font-size: 2.5em;
	line-height: 1.4em
}

@media screen and (max-width: 768px) {
	h1#current_page_title {
		font-size: 2em
	}
}

#breadcrumb-padding {
	margin-top: 30px
}

@media screen and (max-width: 799px) {
	#breadcrumb-padding {
		margin-top: 0
	}
}

.body-header-base--has-photo #breadcrumb-padding {
	margin-top: 0
}

form.directory-search {
	margin-bottom: 30px
}

input.btn.search-directory-btn {
	margin-top: 27px
}

@media screen and (max-width: 980px) {
	input.btn.search-directory-btn {
		margin-top: 10px
	}
}

@media screen and (max-width: 768px) {
	.txt-up-8--vm,h1,.txt-h1,h1,.txt-h1,.txt-h1-alt,.card--large .card__title {
		font-size: 2.125em
	}

	.txt-up-5--vm,h2,.txt-h2,h2,.txt-h2,.txt-h2-alt {
		font-size: 2em
	}

	table {
		font-size: 14px
	}
}

@media screen and (max-width: 500px) {
	.txt-up-8--vm,h1,.txt-h1,h1,.txt-h1,.txt-h1-alt,.card--large .card__title {
		font-size: 2em
	}
}

@media screen and (max-width: 959px) {
	.slick-slide h2.txt-h1-alt,.slick-slide .card--large h2.card__title,.card--large .slick-slide h2.card__title {
		font-size: 1.75em
	}
}

@media screen and (min-width: 960px) {
	section.social-items .deck__cta-area {
		top: -5.8em
	}
}













/*底部链接*/	

.content-operation{background: #fff url(../lj_bg.png) center  bottom no-repeat;}

.content-index {
	min-width: 100%;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: auto;
}	

.BG-gjll {
	height: 30px;
	background: url(../gj.png) 0 0 repeat-x;
}

.content-index .content{max-width: 1340px; margin:auto;}
.content-operation .content{height: 315px;}
.content-index .content{min-height: 0;
    position: relative;
    padding: 0;}
    
    /*.to-down{position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    top: -25px;
    z-index: 999;}*/
.content-index .content .mooc-model{padding-top: 6em;display: inline-block;width: 100%;}
.content-index .content .mooc-model ul{ padding: 0px;margin: 0px;}
.content-index .content .mooc-model ul li{ float: left;  text-align:center;width: 16%;}
.content-index .content .mooc-model .mooc-title{ font-weight:100;    font-size: 18px;    line-height: 2em;}
.content-index .content .mooc-model ul li img{-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
    width: 52%;
    margin: auto;
}

.content-index .content .mooc-model ul li img:hover{     -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
    }   




/*校务公开*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}





/*国际交流*/
.grid--6{margin-left:-20px;}
.grid--6 .grid{ margin-left: 0px;}
.grid--6 .c-txt-dark{    overflow: hidden; max-height:455px;
    border-color: #e19100;
    border: 5px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(170, 170, 170, 0.43);
    background: #fff;}


.owl-theme .owl-controls{
	margin-top: 15px;
	text-align: center;
	padding-bottom: 15px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-page{
	display: none;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
#scroll {
	width: 100%;
	margin: 0 auto;
}
#scroll .owl-wrapper-outer {
	margin: 0 auto;
}
#scroll .item {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#scroll .shd {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#scroll .shd a {
	display: block;
	width: 100px;
	height: 239px;
	*background-image: url(about:blank);
	background-image: url(about:blank)\0;
}
#scroll .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 27;
	padding: 0 12px;
	color: #888;
	background-color: #e4e9ee\9;
	background-color: rgba(228, 233, 238, 0.95);
}
#scroll h3 {
	width: 226px;
	height: 25px;
	margin-bottom: 6px;
	padding-top: 6px;
	font: 700 18px/25px arial, "Microsoft Yahei";
	overflow: hidden;
}
#scroll h3 a {
	color: #333;
	text-decoration: none;
}
#scroll h3 a:hover {
	color: #338de6;
}
#scroll p {
	width: 226px;
	height: 54px;
	line-height: 18px;
	font-size: 12px;
}
#scroll .item:hover .shd {
	background-color: rgba(0, 0, 0, 0);
}
#scroll .item:hover .txt {
	background-color: #fff\9;
	background-color: rgba(248, 249, 249, 0.95);
}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	font-size: 28px;
	border-radius: 0;
	overflow: hidden;
	_display: none;
	-moz-transition:all .2s;
-o-transition:all .2s;
-webkit-transition:all .2s;
transition:all .2s;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{padding: 5px;
	box-shadow: 0 0 0 1px rgba(165,28,48,0.1);
	}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{padding: 5px;
	box-shadow: 0 0 0 1px rgba(165,28,48,0.1);
	}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -55px;
	background: url(../arrow-left.png);
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -55px;
	background: url(../arrow-right.png);
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before {
	content: "";
}
.owl-theme .owl-controls .owl-buttons .owl-next:before {
	content: "";
}

.card {
	position: relative;
	overflow: hidden
}
.newItem {
    padding: 1.5em;
    text-align: left;
}

.newItem .time {
height: 20px;
margin-bottom: 5px;
font-size: 12px;
color: #A9A9A9;
}
.newItem .t {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size:20px;
color: #4E84C4;
margin-bottom: 15px;
}
.newItem .img {
overflow: hidden;
margin-bottom: 5px;
}
.newItem .c {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 22px;
line-height: 30px;
}








	/*1300屏幕分辨率*/
@media screen and (max-width: 1600px) {
 .nav-group ul{ margin-left:200px}
 

	/*校务公开*/
	.xwgk {width: 22.9%;}
	/*校园连接*/
	.content-index .content {width: 96%;}
	
}



	/*1201屏幕分辨率*/
@media screen and (max-width: 1201px) {
	/*校园新闻*/
.card-callout-media__media .img-callout-wide{    max-width: 100%;}


	/*校务公开*/
	.xwgk {width: 23%;}
	.carde__text ul li p{    width: 60%;}
	/*校园连接*/
	.content-index .content {width: 92%;}
}


	/*1200屏幕分辨率*/
@media screen and (max-width: 1200px) {
	/*校园新闻*/
.card-callout-media__media .img-callout-wide{    max-width: 100%;}


	/*校务公开*/
	.xwgk {width: 23%;}
	/*校园连接*/
	.content-index .content {width: 98%;}
}



/*1050屏幕分辨率*/
@media screen and (max-width: 1050px) {
	
	/*导航*/
	.nav-group ul{ font-size: 14px; margin-left:200px}
	.nav-group--consistent a{    padding: .8em 0.25em;}
	
	/*校园新闻*/
.card-callout-media__text,.card-callout-media__media,.card-callout-media__media--right {    width: 50%;}
.card-callout-media__media .img-callout-wide{    max-width: 100%;}
.card--event__link{margin-bottom: 0em;}
.card-callout-media__text h2{margin-top: 10px;}
.card-callout-media__text .news-ul{    padding-top: 30px;}
	
	/*学生成长*/
.card--gazette.gz_science,.card--news.gz_science {margin: 0px 0px 0px 0px;}

	
	
	/*校务公开*/
	.xwgk {width: 22%;}
	.card__content__source {padding: 1em 1em;}
	.carde__text ul li p{    width: 60%;}
	
	.grid_a{    width: 100%;
    float: left;
    margin-bottom: 1.5em;}
/*国际交流*/
	.card__media>*,.card__media>a>* {
	height: 100%;
	width: 100%
}
	
	/*校园连接*/
	.content-index .content {width: 98%;}

}

	


	/*1024屏幕分辨率*/
@media screen and (max-width: 1024px) {
	/*校园新闻*/
.card-callout-media__text,.card-callout-media__media,.card-callout-media__media--right {    width: 50%;}
.card-callout-media__media .img-callout-wide{    max-width: 100%; height: 340px;}
.card--event__link{margin-bottom: 0em;}
.card-callout-media__text h2{margin-top: 10px;}
.card-callout-media__text .news-ul{    padding-top: 30px;}

    /*学生成长*/
.card--gazette.gz_science,.card--news.gz_science {margin: 0px 0px 0px 0px;}


	/*校务公开*/
	.xwgk {width: 22.8%;}
	.card__content__source {padding: 1em 1em;}
	.carde__text ul li p{    width: 60%;}
	
	/*校园连接*/
	.content-index .content {width: 98%;}

}


/*960屏幕分辨率*/
@media screen and (max-width: 960px) {
	/*校园新闻*/
.card-callout-media__text,.card-callout-media__media,.card-callout-media__media--right {    width: 50%;}

.card-callout-media__media .img-callout-wide{    max-width: 100%; height: auto;}
.card--event__link{margin-bottom: 0em;}
.card-callout-media__text h2{margin-top: 0px;}
.card-callout-media__text .news-ul{    padding-top: 20px;}

	/*学生成长*/
	.grid>[class*="w-50--m"]{    margin-left: 0em;    margin-bottom: 1.25em;}
	.w-33 {width: 50%;}
	.card__media>*,.card__media>a>* {height: 100%;}
	
	/*国际交流*/
.w-50 {width: 100%;}

	/*校务公开*/
	.xwgk {width:47.2%;    margin-bottom: 1em;}
	.card__content__source {padding: 1em 1em;}
	.carde__text ul li p{    width: 70%;}
	
	/*校园连接*/
	.content-index {display: none;}
	.BG-gjll{display: none;}
	
	/*版权*/
	.w-20{width: 100% !important;text-align: center;margin-bottom: 0px !important;margin-top: 0px;}
	.wrapper--1-down{margin: 0em 1.8em 0em 1.8em;}
	
}

/*768屏幕分辨率*/
@media screen and (max-width: 768px) {
.nav-group ul{ margin:0;}
.nav-group li{ text-align:left;}	
	/*返回首页*/
	.menu{display: none;}
	
	/* logo*/
	.harvard-heading{top: 40px;}
	
	/*校园新闻*/
.card-callout-media__text,.card-callout-media__media,.card-callout-media__media--right {    width: 100%;    padding-left: 0em;}

.card-callout-media__media .img-callout-wide{    max-width: 100%;}
.card--event__link{margin-bottom: 0em;}
.card-callout-media__text h2{margin-top: 20px;}
.card-callout-media__text .news-ul{    padding-top: 20px;}

	/*学生成长*/
	.grid>[class*="w-50--m"]{    margin-left: 0em;    margin-bottom: 1.25em;}
	.w-33 {width: 50%;}
	.padding-sm_1{padding:0px !important;}
	.card__media>*,.card__media>a>* {height: 100%;}
	
	
	/*校务公开*/
	.xwgk {width:47.2%;    margin-bottom: 1em;}
	.card__content__source {padding: 1em 1em;}
	.carde__text ul li p{    width: 70%;}
	
	
}

/*767屏幕分辨率*/
@media screen and (max-width: 767px) {
		.w-50 .w-333 {margin-left:0em;}
		.xwgk {width:100%;    margin-left: 0em;}
		.grid--4a{margin-left:0px;}
		.app{ display: block;}
		
}



/*480屏幕分辨率*/
@media screen and (max-width: 480px) {
	/*校园新闻*/
#tabs{float: left;padding-left:0em;}
.news .btn--reverse{    margin-top: 25px;
    margin-bottom: 25px;
    padding: 5px;
    font-size: 10px;}
.outer li {line-height: 75px;}    
.xyxw .title, u, i{    line-height: 75px;}
    
.card-callout-media__text,.card-callout-media__media,.card-callout-media__media--right {    width: 100%;    padding-left: 0em;}

.card-callout-media__media .img-callout-wide{    max-width: 100%;}
.card--event__link{margin-bottom: 0em;}
.card-callout-media__text h2{margin-top: 20px;}
.card-callout-media__text .news-ul{    padding-top: 20px;}

	/*学生成长*/
	.grid>[class*="w-50--m"]{    margin-left: 0em;    margin-bottom: 1.25em;}
	.w-33 {width: 50%;}
	.padding-sm_1{padding:0px !important;}
	.card__media>*,.card__media>a>* {height: 100%;}
	

	/*校务公开*/
	.xwgk {width:100%;    margin-bottom: 1em;margin-left:0px;}
	.grid--4a{margin-left:0px;}
	.card__content__source {padding: 1em 1em;}
	.carde__text ul li p{    width: 56%;}
	#widgetplace5{display: none;}
	
		/*版权*/
	.w-33--l{display: none;}


}

/*320屏幕分辨率*/
@media screen and (max-width: 320px) {
	
	.news .btn--reverse{    margin-top: 3px;
    margin-bottom: 25px;
    padding: 5px;
    font-size: 10px;}
.outer li {line-height: 30px;}    
.xyxw .title, u, i{    line-height: 75px;}
	
}



/*内容页附件下载*/
.fujian{    border: 5px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(170, 170, 170);
    float: left;
    overflow: hidden;
   
}