html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 960px){
	/* -------------------------------------------- */
	content {display:block;}
	.telicon {display:none;}
	/* ------------------Header-------------------- */
  nav {}
	nav img {float:left; height: 115px;}
	.headtxt {display:block;top: 40px;}
	.clogo {width:26%;}
	.headright {display:block;}
	.mobbana {display:none;}
	.hdparts {width:35%;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.subject h1{font-size: 26pt;}
	.daylist2{display:none;}
	.undercont01 {width:80%;}
	.undercont01c {width:60%;}
	.undercont02 {width:65%;}
	.undercont02 img{width:60%;}
	.undercont03 {width:65%;}
	.undercont05 {width:65%;}
	.undercont06 {width:62%;}
	.undercont07 {width:62%;}
	.undercont08 {width:65%;}
	table th img {display:none;}
	.undebox {display:none;}
	.rbana{display:none;}
	.anbox{width:60%;}
	.anbox02{width:60%;}
	.anbox03{width:60%;}
	.incont05{width:33%;}
	#albox03{width:48%;}
	#albox04{width:48%;}
	#box01{width: 33%;float:left;}
	#box02{width: 33%;float:left;}
	#box03{width: 33%;float:left;}
	.box02 {width: 16%;}
	.ucbox08{ width: 90%;}
	.uparts09{ width: 60%;}
	.uparts10{ width: 60%;}
	.uparts11{ width: 60%;}
	.ucbox19 img{ width: 25%;}
	.undercont03{	padding:80px 0 40px 0;}
	.ucbox02{ margin-top:30px;}
	.ucbox03{ margin-top:30px; font-size:1.5em;}
	.ucbox03ir{ margin-top:30px; font-size:1.5em;}
	.ucbox05{ font-size:1.5em;}
	.ucbox18{ font-size:1.2em;}
	.ucbox22{ width: 48%;float:left; margin-left:1%;}
	.ucbox23{ width: 48%;float:right; margin-right:1%;}
	.ucbox28{ width: 50%;}
	.moviebox {	width: 60%; }
	.uparts01{ width: 33%;}
	.uparts05{ width: 50%;float:left; height:100%;}
	.uparts06{ width: 50%;float:left; height:138px;}
	.undertitle03{margin-bottom:-80px;}
	.boxleft02{ width: 25%;}
	.boxright02{ width: 75%;}
	/* ------------------Footer-------------------- */
	.underbtn{display:none;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.font15 { font-size:2.5em;}
	.font16 { font-size:2.5em;}
	.font17 { font-size:2.5em;}
	.font22 { font-size:2em;}
	.font23 { font-size:2em;}
	.content-wrapper {  width: 80%;	margin-top:120px;}
	.box{width: 31%; float:left;text-align:center; margin:10px;box-sizing:border-box;border:1px solid #333FFF;}
	.box02{width: 16.5%; }
	.btnbox{width: 20%; float:left;text-align:center; box-sizing:border-box;border:1px solid #333FFF;}
	#brbox02{width:70%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:block;top: 40px;}
	content {margin:0px auto; padding:20px 0px;}
	.telicon {display:none;}
  nav {  background: none;}
	.clogo {width:45%;}
	.headright {display:none;}
	.mobbana {display:block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.hero {
	  position: relative;
	  width: 90%;
	  height: 700px;
	  background-color:#363636;
		margin-left: auto;
		margin-right: auto;
		margin-top:130px;
		padding:0px;
		background: url("../images/headbg.jpg") no-repeat; background-position:center top;background-size:contain;
		box-sizing:border-box;
	}
	.catch { 
		width: 86px; 
		height:220px;   
		background: rgba(0, 120, 178 ,0.8);
		float:left;
		margin-top:100px;
		margin-left:-20px;
		  -webkit-writing-mode: vertical-rl;
		  -ms-writing-mode: tb-rl;
		  -o-writing-mode: vertical-rl;
		  writing-mode: vertical-rl;
		FONT-SIZE: 14pt;
		padding:10px;
		font-family: ,;
		color:white;
		position: absolute;
		display:block;
	}
	.topmenu {display:none;}
	.subject h1{font-size: 26pt;}
	.daylist{display:block;}
	.daylist2{display:none;}
	.hero img {float:right;margin-top:60%;	position: absolute; bottom: 30px; right: 0;}
	.undercont01 {width:80%;}
	.undercont01c {width:80%;}
	.undercont02 {width:75%;}
	.undercont02 img{width:70%;}
	.undercont03 {width:80%;}
	.undercont05 {width:80%;}
	.undercont06 {width:80%;}
	.undercont07 {width:80%;}
	.undercont08 {width:80%;}
	.undebox {display:none;}
	.rbana{display:none;}
	.incont05{width:50%;}
	#albox03{width:48%;}
	#albox04{width:48%;}
	#box01{width: 33%;float:left;}
	#box02{width: 33%;float:left;}
	#box03{width: 33%;float:left;}
	.box02 {width: 16%;}
	.uparts09{ width: 60%;}
	.uparts10{ width: 60%;}
	.uparts11{ width: 60%;}
	.ucbox19 img{ width: 40%;}
	.undercont03{	padding:60px 0 40px 0;}
	.ucbox02{ margin-top:20px;}
	.ucbox03{ margin-top:20px; font-size:1.5em;}
	.ucbox03ir{ margin-top:20px; font-size:1.5em;}
	.ucbox05{ font-size:1.4em;}
	.ucbox18{ font-size:1.2em;}
	.ucbox22{ width: 48%;float:left;margin-left:1%;}
	.ucbox23{ width: 48%;float:right;margin-right:1%;}
	.ucbox28{ width: 60%;}
	.moviebox {	width: 60%; }
	.uparts01{ width: 33%;}
	.uparts05{ width: 100%;float:left; height:100%;}
	.uparts06{ width: 100%;float:left; height:138px;}
	.undertitle03{margin-bottom:-60px;}
	.boxleft02{ width: 25%;}
	.boxright02{ width: 75%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	.underbtn{display:none;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.font15 { font-size:2em;}
	.font16 { font-size:2em;}
	.font17 { font-size:2em;}
	.hero {  height: 500px;}
	.font22 { font-size:2em;}
	.font23 { font-size:2em;}
	.content-wrapper {  width: 80%;	margin-top:100px;}
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}



@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none}
	#headline {display:none;}
  nav {  background: none;}
	nav img {padding-top:0px;}
	.clogo {width:45%;}
	.headright {display:none;}
	.mobbana {display:block;}
	.hdparts {width:45%;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topmenu {display:none;}
	.daylist{display:none;}
	.daylist2{display:block;}
	.undercont01 {width:90%;}
	.undercont01c {width:90%;}
	.undercont02 {width:80%;}
	.undercont03 {width:90%;}
	.undercont04 {width:90%;}
	.undercont05 {width:90%;}
	.undercont06 {width:80%;}
	.undercont07 {width:80%;}
	.undercont08 {width:90%;}
	.subject h1{font-size: 20pt;}
	table th img {display:block;}
	.undebox {display:none;}
	.rbana{display:none;}
	.anbox{width:96%;}
	.anbox02{width:96%;}
	.anbox03{width:96%;}
	#brbox02{width:94%;}
	.incont05{width:50%;}
	#albox03{width:100%;}
	#albox04{width:100%;}
	#box01{width: 33%;float:left; background-color:none;}
	#box02{width: 33%;float:left; background-color:none;}
	#box03{width: 33%;float:left; background-color:none;}
	.box02 {width: 16%;}
	.uparts09{ width: 80%;}
	.uparts10{ width: 80%;}
	.uparts11{ width: 80%;}
	.ucbox19 img{ width: 50%;}
	.undercont03{	padding:40px 0 40px 0;}
	.ucbox02{ margin-top:10px;}
	.ucbox03{ margin-top:10px; font-size:1.2em;}
	.ucbox03ir{ margin-top:10px; font-size:1.2em;}
	.ucbox05{ font-size:1.2em;}
	.ucbox18{ font-size:1.2em;}
	.ucbox22{ width: 48%;float:left;margin-left:1%;}
	.ucbox23{ width: 48%;float:right;margin-right:1%;}
	.ucbox28{ width: 70%;}
	.moviebox {	width: 70%; }
	.uparts01{ width: 33%;}
	.uparts05{ width: 100%;float:left; height:100%;}
	.uparts06{ width: 100%;float:left; height:138px;}
	.undertitle03{margin-bottom:-40px;}
	.boxleft02{ width: 25%;}
	.boxright02{ width: 75%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	.underbtn{display:block;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.font15 { font-size:2em;}
	.font16 { font-size:2em;}
	.font17 { font-size:2em;}
	.font22 { font-size:1.5em;}
	.font23 { font-size:1.5em;}
	.hero {
	  position: relative;
	  width: 90%;
	  height: 300px;
	  background-color:#363636;
		margin-left: auto;
		margin-right: auto;
		margin-top:130px;
		padding:0px;
		background: url("../images/headbg.jpg") no-repeat; background-position:center top;background-size:contain;
		box-sizing:border-box;
	}
	.catch { 
		width: 86px; 
		height:220px;   
		background: rgba(0, 120, 178 ,0.8);
		float:left;
		margin-top:60px;
		margin-left:-20px;
		  -webkit-writing-mode: vertical-rl;
		  -ms-writing-mode: tb-rl;
		  -o-writing-mode: vertical-rl;
		  writing-mode: vertical-rl;
		FONT-SIZE: 14pt;
		padding:10px;
		font-family: ,;
		color:white;
		position: absolute;
		display:block;
	}

	.content-wrapper {  width: 90%;	margin-top:80px;}
	.box{width: 31%; float:left;text-align:center; margin:10px;}

}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	#headline {display:none;}
  nav {  background:none;}
	.clogo {width:76%;}
	.headright {display:none;}
	.mobbana {display:block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.topmenu {display:none;}
	.hero {
	  position: relative;
	  width: 100%;
	  height: 200px;
	  background-color:#363636;
		margin-left: auto;
		margin-right: auto;
		margin-top:130px;
		padding:0px;
		background: url("../images/headbg02.jpg") no-repeat; background-position:center top;background-size:contain;
		box-sizing:border-box;
	}
	.catch { display:none;}
	.hero img {width:99%;margin-top:0px;	position: absolute; bottom: 00px; right: 0;}
	.daylist{display:none;}
	.daylist2{display:block;}
	.undercont01 {width:96%;}
	.undercont01c {width:90%;}
	.undercont02 {width:100%;}
	.undercont02 img{width:96%;}
	.undercont03 {width:96%;}
	.undercont04 {width:90%;}
	.undercont05 {width:90%;}
	.undercont06 {width:86%;}
	.undercont07 {width:86%;}
	.undercont08 {width:90%;}
	.hero h1{
		  position: absolute;
		  left: 0;
		  width: 100%;
		  padding: .4em;
		  font-weight: lighter;
			color:#FFFFFF;
			font-size: 18pt;
		}
	table th img {display:block;}
	.rbana{display:block;}
	.anbox{width:86%;}
	.anbox02{width:86%;}
	.anbox03{width:86%;}
	#brbox02{width:94%;}
	.incont05{width:50%;}
	#albox03{width:100%;}
	#albox04{width:100%;}
	#box01{width: 90%; margin-left: auto;	margin-right: auto;	background-color:#FFE9D2;	border:2px solid #FF9326;}
	#box02{width: 90%; margin-left: auto;	margin-right: auto;	background-color:#B9EEFF;	border:2px solid #4DA6FF;}
	#box03{width: 90%; margin-left: auto;	margin-right: auto;	background-color:#EFFFBF;	border:2px solid #80FF00;}
	.box02 {width: 33%;}
	.ucbox08{ width: 98%;}
	.uparts09{ width: 98%;}
	.uparts10{ width: 98%;}
	.uparts11{ width: 98%;}
	.ucbox19 img{ width: 65%;}
	.undercont03{	padding:0px 0 40px 0;}
	.ucbox02{ margin-top:10px;}
	.ucbox03{ margin-top:10px; font-size:1.2em;}
	.ucbox03ir{ margin-top:10px; font-size:1.2em;}
	.ucbox05{ font-size:1.2em;}
	.ucbox18{ font-size:1em;}
	.ucbox22{ width: 94%; margin-left: auto; margin-right: auto;float:none;}
	.ucbox23{ width: 94%; margin-left: auto; margin-right: auto; float:none;}
	.ucbox28{ width: 86%;}
	.moviebox {	width: 80%; }
	.uparts01{ width: 50%;}
	.uparts05{ width: 100%;float:left; height:100%;}
	.uparts06{ width: 100%;float:left; height:138px;}
	.undertitle03{margin-bottom:-30px;}
	.boxleft02{ width: 100%;}
	.boxright02{ width: 100%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	.underbtn{display:block;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.font15 { font-size:2em;}
	.font16 { font-size:2em;}
	.font17 { font-size:2em;}
	.font22 { font-size:1.2em;}
	.font23 { font-size:1.5em;}
	.hero {	height:300px;}	
	.content-wrapper {  width: 90%;	margin-top:30px;}
	.box{width: 96%; float:left;text-align:center; margin:10px;}
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	#headline {display:none;}
	nav img {float:left; width:100%;}
  nav {  background: none;}
	.clogo {width:75%;}
	.headright {display:none;}
	.mobbana {display:block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.hero {
	  position: relative;
	  width: 100%;
	  height: 200px;
	  background-color:#363636;
		margin-left: auto;
		margin-right: auto;
		margin-top:130px;
		padding:0px;
		background: url("../images/headbg02.jpg") no-repeat; background-position:center top;background-size:contain;
		box-sizing:border-box;
	}
	.catch { display:none;}
	.hero img {width:99%;margin-top:0px;	position: absolute; bottom: 00px; right: 0;}
	.daylist{display:none;}
	.daylist2{display:block;}
	.topmenu {display:none;}
	.undercont01 {width:96%;}
	.undercont01c {width:90%;}
	.undercont02 {width:100%;}
	.undercont02 img{width:90%;}
	.undercont03 {width:96%;}
	.undercont04 {width:90%;}
	.undercont05 {width:90%;}
	.undercont06 {width:86%;}
	.undercont07 {width:86%;}
	.undercont08 {width:90%;}
	.subject h1{font-size: 18pt;}
	table th img {display:block;}
	.rbana{display:block;}
	.anbox{width:90%;}
	.anbox02{width:90%;}
	.anbox03{width:90%;}
	#brbox02{width:96%;}
	.incont05{width:100%;}
	#albox03{width:100%;}
	#albox04{width:100%;}
	#box01{width: 90%; margin-left: auto;	margin-right: auto;	background-color:#FFE9D2;	border:2px solid #FF9326;}
	#box02{width: 90%; margin-left: auto;	margin-right: auto;	background-color:#B9EEFF;	border:2px solid #4DA6FF;}
	#box03{width: 90%; margin-left: auto;	margin-right: auto;	background-color:#EFFFBF;	border:2px solid #80FF00;}
	.box02 {width: 33%;}
	.ucbox08{ width: 98%;}
	.uparts09{ width: 98%;}
	.uparts10{ width: 98%;}
	.uparts11{ width: 98%;}
	.ucbox19 img{ width: 65%;}
	.undercont03{	padding:0px 0 40px 0;}
	.ucbox02{ margin-top:0px;}
	.ucbox03{ margin-top:0px; font-size:1em;}
	.ucbox03ir{ margin-top:0px; font-size:1em;}
	.ucbox05{ font-size:1.2em;}
	.ucbox18{ font-size:1em;}
	.ucbox22{ width: 94%; margin-left: auto; margin-right: auto;float:none;}
	.ucbox23{ width: 94%; margin-left: auto; margin-right: auto; float:none;}
	.ucbox28{ width: 94%;}
	.moviebox {	width: 86%; }
	.uparts01{ width: 50%;}
	.uparts05{ width: 50%;float:left; height:100%;}
	.uparts06{ width: 50%;float:left; height:138px;}
	.undertitle03{margin-bottom:-20px;}
	.boxleft02{ width: 100%;}
	.boxright02{ width: 100%;}
	/* ------------------Footer-------------------- */
	.underbtn{display:block;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.font15 { font-size:2em;}
	.font16 { font-size:2em;}
	.font17 { font-size:2em;}
	.font22 { font-size:1em;}
	.hero {	height:200px;}
	.hero h1{
		  position: absolute;
		  left: 0;
		  width: 100%;
		  padding: .4em;
		  font-weight: lighter;
			color:#FFFFFF;
			font-size: 18pt;
		}
	.content-wrapper {  width: 90%;	margin-top:20px;}
	.box{width: 96%; float:left;text-align:center; margin:10px;}

}