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: 990px){
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */

	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.subtitle01 img{width: 30%;max-width:280px;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headline{width:100%; margin:0px auto;}
	.headtext{width:100%; }
	#logo {float:left; margin:0px 0 0 10px;width:100%; }
	.wrap-header{width:100%;height: 100%; background:url("../images/head_back01.jpg")no-repeat; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.subnav{width:100%;background:#666666 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	.headbtn{width:98%;height:50px; margin:0px auto; padding-top:0px;	background: #FFFFFF;float:right;overflow: hidden;}
	.wrap-header2 {display:none;}
	#cont0x { width: 100%; height:100%;}
	#topbtn{ width: 90%; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;}
	#topbtn ul li a{ margin:2px;}
	#topbtn ul li img{ margin-left:0px;background-color: none; }
	.headbtnon {	position: 0 bottom;	margin-top:-55px;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#contm1 {width: 100%; height: 100%;overflow:hidden; margin-left:auto; margin-right: auto;background-color: #FFFFFF;background: url("../images/topbg02.jpg") no-repeat;background-position:center top;}
	#cont01 {width: 100%;}
	#topbtn2 {width: 55%; margin:10px 20px 0 10px;padding-left:7px;padding:0;float:right; text-align:center;}
	#topcontent {width:60%;height:100%; float:right; margin:10px 20px 0 0;}
	.staffmain02{display:block;}
	.staffmain{display:none;}
	.zu06{width:100%;}
	#cont0x2 { width: 90%; padding:5px;}
	#topmain { width: 100%; height: 100%;	background-color: none;}
	.subtitle01 img{width: 30%;max-width:280px;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	.footcont01{width:30%; height:40px;float: left; padding:20px 0 0 10px; overflow: hidden;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}


@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headline{width:100%; margin:0px auto;}
	.headtext{width:100%; }
	#logo {float:left; margin:0px 0 0 10px;width:100%; }
	.headbtn{width:98%;height:50px; margin:0px auto; padding-top:0px;	background: #FFFFFF;float:right;overflow: hidden;}
	.wrap-header{width:100%;height: 100%; background:url("../images/head_back01.jpg")no-repeat; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.subnav{width:100%;background:#666666 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.wrap-header2 {display:none;}
	#logo02{display:none;}
	#cont0x { width: 100%; height:100%;}
	#topbtn{ width: 70%; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;}
	#topbtn ul li a{ margin-left:0px;background-color: #F2668F;	height: 100%;width: 70%; }
	.headbtnon {	position: 0 bottom;	margin-top:-55px;}
	/* -------------------------------------------- */

	/* ------------------Content------------------- */
	#contm0 { display:none;}
	#contm1 { display:block;height:100%;}
	#contm2 { display:block;}
	#cont01 {width: 100%;}
	.contbox { display:none;}
	.contboxmob { display:block;}
	.profleft{ width: 25%;float:left; line-height: 1.5; FONT-WEIGHT: bold;}
	.profright{ width: 72%;float:left;  border-left:5px solid #66AAAF;line-height: 1.5; padding-left:5px;}
	.prcont{ overflow:hidden;margin-bottom:10px;}
	#news {width:96%; margin-top:10px;margin-bottom:10px;margin-left: 5px;}
	body{width:100%;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0px 0 0;}
	#topbtn2 {display:none;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0 0 0;}
	.zu06{width:100%;}
	#cont0x2 { width: 100%;}
	.subtitle01 img{width: 30%;max-width:280px;}
	/* ------------------Footer-------------------- */
	.footcont01{width:30%; height:40px;float: left; padding:20px 0 0 10px; overflow: hidden;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headline{width:100%; margin:0px auto;}
	.headtext{width:100%; }
	#logo {float:left; margin:0px 0 0 10px;width:100%; }
	.headbtn{width:100%;height:50px; margin:0px auto; padding-top:0px;	background: #FFFFFF;float:right;overflow: hidden;}
	.headbtn .links ul li{width:90px;float:right; padding-left:0px; margin:5px;}
	.wrap-header{width:100%;height: 100%; background:none; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.subnav{width:100%;background:#666666 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	#tel	{display:block;}
	.wrap-header #logo02{display:none;}
	.wrap-header2 {display:block;}
	#logo {float:left; margin-top:10px;width:90%; }
	.headbtnon {	position: 0 bottom;	margin-top:-55px;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#contm0 { display:none;}
	#contm1 { display:block;height:100%;}
	#contm2 { display:block;}
	#cont01 {width: 100%;}
	.contbox { display:none;}
	.contboxmob { display:block;}
	.profleft{ width: 100%;float:left; line-height: 1.5; FONT-WEIGHT: bold;}
	.profright{ width: 100%;float:left;  border-left:5px solid #66AAAF;line-height: 1.5; padding-left:5px;}
	.prcont{ overflow:hidden;margin-bottom:10px;}
	.wrap-col{ width:94%;overflow : hidden;margin-left: auto;margin-right: auto;text-align:center;}
	#topbtn{ width: 100%; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;}
	.zu06{width:100%;}
	#acrhoto{ width: 90%; margin-left: auto;margin-right: auto;line-height: 1.5; font-size: 15px;}
	#cont0x2 { width: 100%;}
	.ph01{ display:none;}
	.ph02{ display:block;}

	#topcontent {width:100%;height:100%; float:right; margin:10px 0 0 0;}
	#topbtn2 {width:100%; margin:10px 20px 0 10px;padding-left:0px;padding:0;float:right; text-align:center;}
	.contbox01{		width:100%;}
	.contbox02{		width:100%;}
	.subtitle01 img{width: 45%;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	.footcont01{width:30%; height:30px;float: left; padding:20px 0 0 10px; overflow: hidden;}
	#fcbox	{width:100%;margin:0 auto;overflow: hidden; margin-bottom:10px;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headline{width:100%; margin:0px auto;}
	.headtext{width:100%; }
	#logo {float:left; margin:0px 0 0 10px;width:100%; }
	.headbtn{width:98%;height:50px; margin:0px auto; padding-top:0px;	background: #FFFFFF;overflow: hidden;}
	.headbtn .links ul li{width:80px;float:right; padding-left:0px; margin:0;}
	.headbtnon {	position: 0 bottom;	margin-top:-50px;}
	.wrap-header{width:100%;height: 100%; background:none; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.subnav{width:100%;background:#666666 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	.wrap-header #logo02{display:none;}
	.wrap-header2 {display:block;}
	#logo {float:left; margin-top:10px;width:90%; }
	#cont0x { width: 100%; height:100%;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#contm0 { display:none;}
	#contm1 { display:block;height:100%;}
	#contm2 { display:block;}
	#cont01 {width: 100%;}
	.contbox { display:none;}
	.contboxmob { display:block;}
	.profleft{ width: 100%;float:left; line-height: 1.5; FONT-WEIGHT: bold;}
	.profright{ width: 100%;float:left;  border-left:5px solid #66AAAF;line-height: 1.5; padding-left:5px;}
	.prcont{ overflow:hidden;margin-bottom:10px;}
	.wrap-col{ width:94%;overflow : hidden;margin-left: auto;margin-right: auto;text-align:center;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0px 0 0;}
	#topbtn2 {width:100%; margin:10px 0 0 10px;padding-left:0px;padding:0;float:right; text-align:center;}
	#sch{background:#FFFFFF; overflow : hidden; margin-bottom:3px}
	#news {width:92%; margin-top:10px;margin-bottom:10px;margin-left: 5px;}
	#topbtn{ width: 100%; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;}
	#acrhoto{ width: 98%; margin-left: auto;margin-right: auto;line-height: 1.5; font-size: 14px;}
	#cont0x2 { width: 100%;}
	.ph01{ display:none;}
	.ph02{ display:block;}
	.subtitle01 img{width: 50%;}
	/* ------------------Footer-------------------- */
	.footcont01{width:30%; height:30px;float: left; padding:20px 0 0 10px; overflow: hidden;}
	#fcbox	{width:100%;margin:0 auto;overflow: hidden; margin-bottom:10px;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}