/*
font-family:'Frutiger LT W01_55 Roma1475738';
font-family:'Frutiger LT W01_65 Bold1475746';
font-family:'MHei HK Medium';
font-family:'MHei HK Bold';
font-family:'MHei HK Heavy';
font-family:'MHei HK Xbold';
*/


/*jquery mobile css*/
.ui-loading .ui-loader { display:block; }
.ui-loader { display:none; position:absolute; opacity:.85; z-index:100; left:50%; width:200px; margin-left:-130px; margin-top:-35px; padding:10px 30px; }



/*override bootstrap styles*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position:relative;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
}
.col-xs-15 {
	width:25%;
	float:left;
}
.img-rounded {
	border-radius:15px;
}
@media (min-width:768px) {
	.col-sm-15 {
		width:20%;
		float:left;
	}
}
@media (min-width:992px) {
	.col-md-15 {
		width:20%;
		float:left;
	}
}
@media (min-width:1200px) {
	.col-lg-15 {
		width:20%;
		float:left;
	}
}




/*override bxSlider styles*/
.bx-wrapper .bx-pager.bx-default-pager a {
	background:rgba(102,102,102,0.6);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#38c493;
}
.bx-wrapper .bx-viewport {
	left:0;
}


/*base styles*/
html, body {
	height:100%;
}
body {
	font-family:"MHei HK Medium", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.875em;
	/*font-weight:100%;*/
}
.wrapper {
	position:relative;
	min-height:100%;
	padding-bottom:50px;
}
.clear {
	clear:both;
}
.clearfix {
	overflow:auto;
}
.eng {
	font-family:"Frutiger LT W01_55 Roma1475738", Arial, Helvetica, sans-serif;
}
@media (min-width:768px) {
	body {
		padding-top:232px;
	}
}
@media (min-width:992px) {
	body {
		padding-top:300px;
	}
}
@media (min-width:1200px) {
	
}



/*header styles*/
header {
	background-image:url(../images/banner_bg.gif);
	background-size:cover;
	background-position:top;
	text-align:center;
	max-height:300px;
	width:100%;
}
header .oxford-img {
	padding:10px 0 0 5px;
}
header .title-img {
	/*padding:20px 0 10px 0;*/
}
.haeder div.container {
	margin:0 auto;
	max-width:1200px;
	width:75%;
}
@media (min-width:768px) {
	header {
		position:fixed;
		top:0;
		height:232px;
	}
	header .oxford-img {
		padding:20px 0 0 10px;
	}
}
@media (min-width:992px) {
	header {
		height:300px;
	}
	header .oxford-img {
		padding:20px 0 0 50px;
	}
}
@media (min-width:1200px) {
	header .oxford-img {
		padding:20px 0 0 100px;
	}
}



/* nav styles */
nav div.col-15a {
	width:20%;
	float:left;
	position:relative;
	min-height:1px;
}
nav div.col-15b {
	width:20%;
	float:left;
	position:relative;
	min-height:1px;
}
nav div.col-xs-15 {
	padding-right:5px;
	padding-left:5px;
}
.nav-wrapper {
	background-color:#ef622b;
	height:85px;
}
.nav {
	height:inherit;
	padding:10px 0;
	background-color:#ef622b;
}
.nav .container a.navBtn {
	background-image:none;
}
nav {
	z-index:1100;
	width:100%;
	background:rgba(239,98,43,1);
	transition:all 1s;
	-webkit-transition:all 1s;
	   -moz-transition:all 1s;
}
nav.navScroll {
	position:fixed;
	top:0;
	background:rgba(239,98,43,0.7);
	transition:all 1s;
	-webkit-transition:all 1s;
	   -moz-transition:all 1s;
}

@media (min-width:768px) {
	nav {
		position:relative;
		margin-bottom:-85px !important;
	}
	.nav {
		padding:0 0 10px 0;
	}
	.nav .container a.navBtn {
		display:block;
		background-image:url("../images/nav_btn_large.png");
		width:95px;
		height:67px;
		margin:8px auto 0 auto;
	}
	a.navBtn.btns1 {
		background-position:0 0;
	}
	a.navBtn.btns1:hover {
		background-position:0 -67px;
	}
	a.navBtn.btns1.selected {
		background-position:0 -67px;
	}
	a.navBtn.btns2 {
		background-position:-95px 0;
	}
	a.navBtn.btns2:hover {
		background-position:-95px -67px;
	}
	a.navBtn.btns2.selected {
		background-position:-95px -67px;
	}
	a.navBtn.btns3 {
		background-position:-190px 0;
	}
	a.navBtn.btns3:hover {
		background-position:-190px -67px;
	}
	a.navBtn.btns3.selected {
		background-position:-190px -67px;
	}
	a.navBtn.btns4 {
		background-position:-285px 0;
	}
	a.navBtn.btns4:hover {
		background-position:-285px -67px;
	}
	a.navBtn.btns4.selected {
		background-position:-285px -67px;
	}
}
@media (min-width:992px) {
	nav div.col-15a {
		width:15%;
	}
	nav div.col-xs-15 {
		width:17.5%;
	}
	nav div.col-15b {
		width:15%;
	}
}
@media (min-width:1200px) {
	nav div.col-15a {
		width:20%;
	}
	nav div.col-xs-15 {
		width:15%;
	}
	nav div.col-15b {
		width:20%;
	}
}



/*content styles*/
.content {
	position:relative;
	/*padding-top:100px;*/
	background:url("../images/bg.gif") center repeat-y #fff5e1;
}
.content .container {
	padding:40px;
}
.content .container.full {
	width:100%;
}
section {
	/*margin-bottom:100px;*/
}
hr {
	margin-bottom:20px;
	border:0;
}


/*content - landing styles*/
img.cover {
	margin-bottom:20px;
	/*box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	-webkit-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	   -moz-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	    -ms-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	     -o-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);*/
}
img.preview-btn {
	margin-bottom:50px;
}
#s1 p {
	margin-bottom:50px;
}
#s1 .event {
	color:#a0240c;
}
td.head {
	min-width:60px;
	vertical-align:top;
}
a.event-btn:link, a.event-btn:visited {
	margin-top: 10px;
	background-color:#23C68F;
	color:#fff;
}
a.event-btn:hover {
	background-color:#42a1e0;
}
span.title {
	color:#ef622b;
}

/*content - profile styles*/
img.profile {
	margin-bottom:40px;
	border:solid 6px #ef622b;
	/*box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	-webkit-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	   -moz-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	    -ms-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	     -o-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);*/
}


/*content - endorsement styles*/
#s2 h4 {
	color:#00ae9a;
}
.endorsement-block {
	margin-bottom:50px;
} 
img.endorsement {
	margin-bottom:40px;
	border:solid 4px #ef622b;
	/*box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	-webkit-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	   -moz-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	    -ms-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);
	     -o-box-shadow:0px 0px 15px 5px rgba(20,20,20,0.25);*/
}
h4.head {
	color:#00ae9a;
}


/*content - video styles*/
#s4 .row {
	margin-left:0px;
	margin-right:0px
}
#s4 .row .col-xs-12, #s4 .row .col-sm-4 {
	padding-left:0;
	padding-right:0;
	margin-bottom:50px;
}
#s4 figure {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	/*min-width:280px;*/
	/*min-height:148px;*/
	max-width:500px;
	max-height:265px;
	text-align:center;
	background-color:rgba(0,0,0,1);
	cursor:pointer;
}
#s4 figure img {
	position:relative;
	display:block;
	min-height:100%;
	max-width:100%;
	opacity:0.5;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
	    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
	     -o-transition:opacity 0.35s, -o-transform 0.35s;
}
#s4 figure figcaption {
	display:block;
	padding:2em 0;
	color:#fff;
	font-size:1.25em;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	    -ms-backface-visibility:hidden;
	     -o-backface-visibility:hidden;
}
#s4 figure figcaption::before,
#s4 figure figcaption::after {
	pointer-events:none;
}
#s4 figure figcaption,
#s4 figure figcaption > a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#s4 figure figcaption > a {
	z-index:1000;
	text-indent:200%;
	white-space:nowrap;
	font-size:0;
	opacity:0;
}
#s4 figure h2 {
	word-spacing:-0.15em;
	font-size:2em;
	margin-top:0;
	margin-bottom:0;
	opacity:1;
}
#s4 figure h4 {
	font-family:"MHei HK Heavy", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	word-spacing:-0.15em;
	font-size:1em;
	margin-top:0;
	opacity:1;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
	    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
	     -o-transition:opacity 0.35s, -o-transform 0.35s;
	transform:translate3d(0,20px,0) scale(1.1);
	-webkit-transform:translate3d(0,20px,0) scale(1.1);
	   -moz-transform:translate3d(0,20px,0) scale(1.1);
	    -ms-transform:translate3d(0,20px,0) scale(1.1);
	     -o-transform:translate3d(0,20px,0) scale(1.1);
}
#s4 figure p {
	font-family:"MHei HK Heavy", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:1em;
	margin:10px 0 0;
	opacity:1;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
	    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
	     -o-transition:opacity 0.35s, -o-transform 0.35s;
	transform:translate3d(0,20px,0) scale(1.1);
	-webkit-transform:translate3d(0,20px,0) scale(1.1);
	   -moz-transform:translate3d(0,20px,0) scale(1.1);
	    -ms-transform:translate3d(0,20px,0) scale(1.1);
	     -o-transform:translate3d(0,20px,0) scale(1.1);
}
#s4 figure h2, #s4 figure h4, #s4 figure p {
	color:#75b843;
}
.video-container {
	position:relative;
	padding-bottom:28%;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}

@media (max-width:479px) {
	/*content - footage styles*/
	#s4 figure figcaption {
		padding:1em 0;
	}
	#s4 figure h2 {
		font-size:1.5em;
		margin-top:0;
		margin-bottom:0;
	}
	#s4 figure h4 {
		font-size:0.75em;
		margin-top:0;
	}
	#s4 figure p {
		font-size:0.75em;
		margin:10px 0 0;
	}
}
@media (min-width:768px) {
	/*content - landing styles*/
	img.cover {
		margin-bottom:20px;
	}
	#s1 .landing {
		padding-left:80px;
	}
	/*content styles*/
	.content .container {
		padding:40px 10px;;
	}
	/*content - endorsement styles*/
	.endorsement-block {
		margin-bottom:0;
	}
	/*content - footage styles*/
}
@media (min-width:992px) {
	/*content styles*/
	.content {
		/*padding-top:100px;*/
	}
	.content .container {
		padding:40px 20px;
	}
	/*content - footage styles*/
	#s4 .row .col-xs-12, #s4 .row .col-sm-4 {
		margin-bottom:0;
	}
	#s4 .row {
		margin-left:-20px;
		margin-right:-20px
	}
	#s4 figure {
		position:relative;
		float:left;
		overflow:hidden;
		min-width:320px;
		max-width:500px;
		max-height:265px;
		text-align:center;
		background-color:rgba(0,0,0,1);
		cursor:pointer;
	}
	#s4 figure img {
		position:relative;
		display:block;
		min-height:100%;
		max-width:100%;
		opacity:1;
		transition:opacity 0.35s, transform 0.35s;
		-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
		   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
		    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
		     -o-transition:opacity 0.35s, -o-transform 0.35s;
	}
	#s4 figure figcaption {
		display:block;
		padding:1em 2em;
		color:#fff;
		font-size:1.25em;
		backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
		   -moz-backface-visibility:hidden;
		    -ms-backface-visibility:hidden;
		     -o-backface-visibility:hidden;
	}
	#s4 figure figcaption::before,
	#s4 figure figcaption::after {
		pointer-events:none;
	}
	#s4 figure figcaption,
	#s4 figure figcaption > a {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#s4 figure figcaption > a {
		z-index:1000;
		text-indent:200%;
		white-space:nowrap;
		font-size:0;
		opacity:0;
	}
	#s4 figure h2 {
		font-size:1.5em;
		/*margin-top:5%;*/
		opacity:0;
		transition:opacity 0.35s, transform 0.35s;
		-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
		   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
		    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
		     -o-transition:opacity 0.35s, -o-transform 0.35s;
		transform:translate3d(0,20px,0) scale(1.1);
		-webkit-transform:translate3d(0,20px,0) scale(1.1);
		   -moz-transform:translate3d(0,20px,0) scale(1.1);
		    -ms-transform:translate3d(0,20px,0) scale(1.1);
		     -o-transform:translate3d(0,20px,0) scale(1.1);
	}
	#s4 figure h4 {
		word-spacing:-0.15em;
		font-size:1.15em;
		margin-top:10px;
		opacity:0;
		transition:opacity 0.35s, transform 0.35s;
		-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
		   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
		    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
		     -o-transition:opacity 0.35s, -o-transform 0.35s;
		transform:translate3d(0,20px,0) scale(1.1);
		-webkit-transform:translate3d(0,20px,0) scale(1.1);
		   -moz-transform:translate3d(0,20px,0) scale(1.1);
		    -ms-transform:translate3d(0,20px,0) scale(1.1);
		     -o-transform:translate3d(0,20px,0) scale(1.1);
	}
	#s4 figure p {
		letter-spacing:1px;
		font-size:1em;
		margin:10px 0 0;
		opacity:0;
		transition:opacity 0.35s, transform 0.35s;
		-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
		   -moz-transition:opacity 0.35s, -moz-transform 0.35s;
		    -ms-transition:opacity 0.35s, -ms-transform 0.35s;
		     -o-transition:opacity 0.35s, -o-transform 0.35s;
		transform:translate3d(0,20px,0) scale(1.1);
		-webkit-transform:translate3d(0,20px,0) scale(1.1);
		   -moz-transform:translate3d(0,20px,0) scale(1.1);
		    -ms-transform:translate3d(0,20px,0) scale(1.1);
		     -o-transform:translate3d(0,20px,0) scale(1.1);
	}
	#s4 figure h2, #s4 figure h4, #s4 figure p {
		text-align:left;
		color:#75b843;
	}
	#s4 figure:hover img {
		opacity:0.4;
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		   -moz-transform:scale(1.1);
		    -ms-transform:scale(1.1);
		     -o-transform:scale(1.1);
	}
	#s4 figure:hover h2 {
		opacity:1;
		transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		   -moz-transform:translate3d(0,0,0);
		    -ms-transform:translate3d(0,0,0);
		     -o-transform:translate3d(0,0,0);
	}
	#s4 figure:hover h4 {
		opacity:1;
		transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		   -moz-transform:translate3d(0,0,0);
		    -ms-transform:translate3d(0,0,0);
		     -o-transform:translate3d(0,0,0);
	}
	#s4 figure:hover p {
		opacity:1;
		transform:translate3d(0,0,0) scale(1);
		-webkit-transform:translate3d(0,0,0) scale(1);
		   -moz-transform:translate3d(0,0,0) scale(1);
		    -ms-transform:translate3d(0,0,0) scale(1);
		     -o-transform:translate3d(0,0,0) scale(1);
	}
}
@media (min-width:1200px) {
	/*content styles*/
	.content .container {
		padding:40px 100px;
	}
	.content .container.full {
		max-width:1500px;
	}
	/*content - footage styles*/
	#s4 .row {
		margin-left:-100px;
		margin-right:-100px
	}
	#s4 figure figcaption {
		padding:2em;
	}
}



/*footer styles*/
.footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background-color:#ef622b;
	font-size:0.75em;
	color:#fff5e1;
}
.footer a {
	color:#fff5e1;
}
.footer a:hover {
	color:#fec00f;
}
.footer .copyright, .footer .disclaimer {
	margin:15px 0 0 0;
	float:none;
	text-align:center;
}
.footer .disclaimer {
	margin:5px 0 0 0;
}
@media (max-width:374px) {
	.footer {
		height:100px;
	}
}
@media (min-width:768px) {
	.footer {
		/* Set the fixed height of the footer here */
		height:50px;
	}
	.footer .copyright {
		margin:20px 0 0 0;
		float:left;
	}

	.footer .disclaimer {
		margin:20px 0 0 0;
		float:right;
	}
}