@charset "big5";

/* --- GLOBAL --- */
#content-container .content{padding:0 10px;}
.homepage-top{height:254px; padding:28px 10px;}
.homepage-bottom{height:auto!important;min-height:350px;height:350px; padding:16px 10px;}
.homepage-center{float:left; width:400px; margin-left:25px;}

a.more{display:inline; font-weight:normal; color:#666; text-indent:0em;
	background:url(../images/btn-more.png) right 50% no-repeat; width:47px; height:19px;}
a.more:hover{color:#0499ef; text-decoration:none;}
/* --- ! --- */



/* --- TOP BANNER 
#top-banner figure{
	position:absolute; top:20px; left:50%; z-index:9999;
	background:url(../images/loading.gif) center 50% #fff no-repeat;
	box-shadow:0 0 8px rgba(0,0,0,.5);
	}
#top-banner .close{display:block; position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url(../images/icon-close.png) center 50% #fff no-repeat;
	text-align:center; text-indent:-9999em;}
#top-banner img{max-width:970px!important;height:auto!important;width:expression(this.width > 970 ? "970px" : this.width)!important;}
.mask{display:block; position:fixed; left:0; top:0; z-index:8888; width:100%; height:100%; background:rgba(0,0,0,0.6); }
 */


/* --- TOP BANNER (new) --- */
#top-ban-block{width:980px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-490px; z-index:0;}
#top-ban-block div{position:absolute; left:10px; z-index:9999;}
#top-ban-block figure{
	border:3px solid #fff;
	background:url(../images/loading.gif) center 50% #fff no-repeat;
	box-shadow:0 0 8px rgba(0,0,0,.7);}
#top-ban-block figure img{max-width:960px!important;height:auto!important;width:expression(this.width > 960 ? "960px" : this.width)!important;}
#top-ban-block .close{display:block; position:absolute; bottom:-25px; right:0; width:20px; height:20px; 
	background:url(../images/icon-close.png) center 50% #c00 no-repeat;
	text-align:center; text-indent:-9999em;}
/* --- ! --- */



/* --- Friendship Link --- */
.friendship-link{float:left; width:247px;}
.friendship-link a{width:247px; height:244px; overflow:hidden; display:block;}
.friendship-link img{border-radius:5px; width:247px;}


/* --- Hot Videos --- */
#feature-list{float:right; width:685px;}
#feature-list .more-videos{position:absolute; top:240px; right:0; z-index:10;}
#feature-list .more-videos .more{float:right; text-indent:-9999em; text-align:left; margin-right:0px;}


/* --- Videos --- */
.latest-videos{float:left; width:247px; height:325px; overflow:hidden;
	background:#fff;
	padding-top:13px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 2px 3px rgba(0,0,0,.2); -moz-box-shadow:0 2px 3px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);}
.latest-videos h3{margin:0; background:url(../images/home-title-video.png) 16px 0 no-repeat; height:18px; 
	text-indent:-9999em; margin-bottom:15px;}
.latest-videos h3 small{float:right; text-align:left; margin-right:10px;}
.latest-videos h3 small a{display:block; width:47px; height:19px; text-indent:-9999em;}
.latest-videos ul{margin:0; padding:0 15px; list-style:none; height:270px; width:220px;}
.latest-videos ul li{padding-bottom:15px; padding-left:5px; font-size:12px;}
.latest-videos ul li a{color:#666;}
.latest-videos ul li a:hover{color:#2a72ee;}
.latest-videos figure{width:194px; height:110px; text-align:center;}
.latest-videos p{width:194px; text-align:left; margin:0; padding:3px 0; line-height:1.2em; font-size:12px;}


/* --- Article --- */
.latest-article{width:400px; height:215px; 
	background:#fff;
	padding-top:13px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 2px 3px rgba(0,0,0,.2); -moz-box-shadow:0 2px 3px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);}
.latest-article h3{margin:0; background:url(../images/home-title-article.png) 16px 0 no-repeat; height:18px; 
	text-indent:-9999em; margin-bottom:15px;}
.latest-article h3 small{float:right; text-align:left; margin-right:10px;}
.latest-article h3 small a{display:block; width:47px; height:19px; text-indent:-9999em;}
.latest-article ul{margin:0; padding:0 15px; list-style:none; width:365px }
.latest-article ul li{padding-bottom:15px;; border-bottom:1px dotted #aaa; padding:7px 0; clear:both; font-size:12px;}
.latest-article ul li time{margin-right:5px; color:#777; font-size:12px;}
.latest-article ul li a{display:block; width:360px; line-height:18px; height:18px; color:#026e4d; overflow:hidden;}
.latest-article ul li a:hover{color:#2a72ee;}

.publications-link{width:400px; margin-top:10px;}


/* --- Teacher Search --- */	
.teacher-search{float:right; width:265px; height:auto!important;min-height:350px;height:350px; font-size:12px;}
.teacher-search h3{margin:0; background:url(../images/home-title-search.png?20151215) no-repeat; height:18px; 
	text-indent:-9999em; margin-bottom:15px;}
.teacher-search h3 small{float:left; text-align:left; text-indent:0; margin-left:100px; color:#c57840; font-weight:normal;}
.teacher-search .Zip-Code, .teacher-search .City, .teacher-search .Area{float:left; margin-bottom:10px; margin-right:2px;}
.teacher-search .Zip-Code input{width:45px; margin-right:5px;}
.teacher-search .City select{width:85px;}
.teacher-search .Area select{width:112px;}
.teacher-search .Name input{width:96%;}
.teacher-search .btn-search{width:100%; margin-top:10px; padding:6px 0;}
.teacher-search select{padding:5px 3px; border:1px solid #ccc;}

.activity-link{margin-top:18px; text-align:center;}
.activity-link img{width:260px; margin:0 auto;}


/* --- Banners --- */	
.bans{background:url(../images/bans-shadow.png) center 0 no-repeat; padding:20px 0 30px;}
.bans ul{margin:0; padding:0; list-style:none;}
.bans ul li{float:left; width:20%; text-align:center;}
.bans ul li figure{margin:0 auto; width:165px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.bans ul li figure img{width:165px;}
.bans ul li.col2{width:40%;}
.bans ul li.col2 figure{width:330px; height:65px; overflow:hidden;}
.bans ul li.col2 figure img{width:auto;}