@charset "utf-8";body{font:100% Verdana, Arial, Helvetica, sans-serif;background:#FFF;margin:0;padding:0;text-align:center;color:#000000;}
.twoColHybLt #container{width:100%;background:#FFFFFF;margin:0 auto;text-align:left;}
.twoColHybLt #header {
	font: 100% Kaushan Script;
	padding-left: 2em;
	padding-top: .7em;
	color: #000;
	background-color: #e6f0fa;
}
#headertxtN{font-size:28px;}
#headertxtD{font-size:17px;}
#headertxtDL{font-size:19px;}
#headertxtGS {
	font-size: 16px;
}
#menuR{float:right;color:#000;font:100% Verdana, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin-right:2em;}
#menuR:hover{cursor:pointer;color:#03F;text-decoration:none;}


.footer {
	/*position: fixed;*/
	left: 0;
	bottom: 0;
	width: 100%;
	/*background-color: red;
	color: white;*/
	text-align: center;
}



.twoColHybLt #sidebarL {
	float: left;
	width: 19em;
	margin: 1em 1em 1em 1em;
}
.twoColHybLt #sidebarL h3, .twoColHybLt #sidebarL p{margin-left:10px;margin-right:10px;}
.twoColHybLt #imgKnowL{margin-bottom:3em;margin-left:3em;margin-right:3em;margin-top:4em;background-color:#FFF;}
.twoColHybLt #imgContactL{margin-bottom:3em;margin-left:3em;margin-right:3em;margin-top:3em;background-color:#FFF;}
.twoColHybLt #imgScheduleL{margin-bottom:3em;margin-left:3em;margin-right:3em;margin-top:3em;background-color:#FFF;}
.twoColHybLt #imgRankL {margin-bottom: 4em;margin-left: 3em;margin-right: 3em;margin-top: 4em;background-color:#FFF;}
.twoColHybLt #lblL img:hover, #KnowL:hover, #ContactL:hover, #ScheduleL:hover, #RankL:hover {cursor:pointer;text-decoration:none;}
.twoColHybLt #lblL{margin-top:.1em;color:#FFF;background-color:#FFF;}
#lblL img{display:block;margin-left:auto;margin-right:auto;}
.twoColHybLt #lblC{margin-top:.1em;color:#FFF;background-color:#FFF;}
#lblC img{display:block;margin-left:3.7em;margin-right:auto;}
#lblC img:hover{cursor:pointer;text-decoration:none;}
.twoColHybLt #KnowL{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#FFF;background-color:#000;text-align:center;margin-left:1.1em;margin-right:1.1em;-webkit-border-radius:5px;border-radius:5px;}
.twoColHybLt #ContactL{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#FFF;background-color:#000;text-align:center;margin-left:2.5em;margin-right:2.5em;-webkit-border-radius:5px;border-radius:5px;}
.twoColHybLt #ScheduleL{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#FFF;background-color:red;text-align:center;margin-left:2.1em;margin-right:2.1em;-webkit-border-radius:5px;border-radius:5px;}
.twoColHybLt #RankL{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#FFF;background-color:#000;text-align:center;margin-left:1.1em;margin-right:1.1em;-webkit-border-radius:5px;border-radius:5px;}
.twoColHybLt #sidebarR{float:left;width:940px;margin:1em 1em 1em 1em;}
.twoColHybLt #sidebarR h3, .twoColHybLt #sidebarL p{margin-left:10px;margin-right:10px;}
.twoColHybLt #mainContent{margin:1em 1em 1em 1em;}
.twoColHybRt #container{width:100%;background:#FFFFFF;margin:1em auto;text-align:left;}
.twoColHybRt #sidebar1{float:right;width:26em;margin-top:1em;margin-right:3em;}
.twoColHybRt #pic1R{margin-bottom:5.5em;}
.twoColHybRt #pic2R{margin-top:5.5em;}
.twoColHybRt #sidebar1 h3, .twoColHybRt #sidebar1 p{margin-left:10px;margin-right:10px;}
.twoColHybRt #mainContent{font:100%;margin-top:1em;margin-left:3em;width:42em;padding-top:1.5em;font-family:"Times New Roman", Times, serif;}
.oneColLiqCtrHdr #mainContent{background:#FFFFFF;margin-left:3.2em;margin-right:3.2em;margin-bottom:2.2em;margin-top:2.2em;text-align:justify;}
.oneColLiqCtrHdr #imgContent{background:#FFF;margin:2.2em;text-align:center;}
.oneColLiqCtrHdr #imgMiddle{margin:2.1em;float:left;display:inline-block;}
.oneColLiqCtrHdr #imgTxt{margin-left:auto;margin-right:auto;margin-top:.5em;margin-bottom:.5em;text-align:left;width:18em;}
.oneColLiqCtrHdr #imgr1Content{background:#FFF;margin:2.2em;text-align:center;height:26em;}
.oneColLiqCtrHdr #imgr2Content{background:#FFF;margin:2.2em;text-align:center;height:20em;}
.oneColLiqCtrHdr #imgr3Content{background:#FFF;margin:2.2em;text-align:center;height:26em;}
.oneColLiqCtrHdr #imgpMiddle{margin:2em;float:left;display:inline-block;}
.oneColLiqCtrHdr #imgpTxt{margin-left:auto;margin-right:auto;margin-top:.5em;margin-bottom:.5em;text-align:left;width:18em;}
.oneColLiqCtrHdr #imgLocation{background:#FFF;margin:2.2em;text-align:center;}
.oneColLiqCtrHdr #locationDiv{margin:3.5em;float:left;display:inline-block;}
.oneColLiqCtrHdr #locationTxt{margin-left:1.1em;margin-right:1.1em;margin-top:1.5em;margin-bottom:1.6em;text-align:left;width:18em;min-height:5em;}
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.oneColLiqCtrHdr #appDiv{background:#FFFFFF;margin-left:4.5em;margin-top:1.8em;margin-bottom:1.5em;text-align:left;width:39em;-webkit-border-radius:5px;border-radius:5px;border:#000 1px solid;min-height:24em;float:left;}
.oneColLiqCtrHdr #appform{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;margin:.4em;float:inherit;text-align:left;display:inline-block;}
.oneColLiqCtrHdr #appformlbl{float:left;width:4em;margin-left:.2em;margin-right:.2em;}
.oneColLiqCtrHdr #appformfield{float:left;margin-left:.1em;margin-right:.1em;}
img{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#gobutton{cursor:pointer;margin-left:auto;margin-right:auto;padding:5px 25px;background:#000;border:1px solid #33842a;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 4px rgba(0,0,0, .75);-moz-box-shadow:0 0 4px rgba(0,0,0, .75);box-shadow:0 0 4px rgba(0,0,0, .75);color:#f3f3f3;font-size:1.1em;}
#gobutton:hover, #gobutton:focus{background-color:#ccc;color:#000;-webkit-box-shadow:0 0 1px rgba(0,0,0, .75);-moz-box-shadow:0 0 1px rgba(0,0,0, .75);box-shadow:0 0 1px rgba(0,0,0, .75);}
#myImg{border-radius:5px;cursor:pointer;transition:0.3s;}
#myImg:hover{opacity:0.7;}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);}
.modal-content{margin:auto;display:block;width:80%;max-width:700px;}
#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}
.modal-content, #caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
.bbmodal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);}
.bbmodal-content{margin:auto;display:block;width:90%;max-width:900px;}
#bbcaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}
.bbmodal-content, #bbcaption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
@keyframes zoom{from{transform:scale(0.1)}
to{transform:scale(1)}
}
.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}
.close:hover,
.close:focus{color:#bbb;text-decoration:none;cursor:pointer;}
.bbclose{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}
.bbclose:hover,
.bbclose:focus{color:#bbb;text-decoration:none;cursor:pointer;}
#map {width: 600px; height: 450px;}
@media only screen and (max-width:700px){.modal-content{width:100%;} .bbmodal-content{width:100%;}
}
#Movenext{background-color:#FFF;color:#03F;font:100% Verdana, Arial, Helvetica, sans-serif;font-weight:bold;float:right;margin-top:-2em;margin-right:2em;border-radius:2px;-webkit-box-shadow:0 0 1px rgba(0,0,0, .85);-moz-box-shadow:0 0 1px rgba(0,0,0, .85);box-shadow:0 0 1px rgba(0,0,0, .85);}
#Movenext:hover{cursor:pointer;background-color:#FFF;color:#39F;font-weight:bold;border-radius:2px;-webkit-box-shadow:0 0 1px rgba(0,0,0, .85);-moz-box-shadow:0 0 1px rgba(0,0,0, .85);box-shadow:0 0 1px rgba(0,0,0, .85);}
#name{width:520px;} #age{width:150px;} #sex{width:150px;} #phone{width:200px;} #email{width:230px;} #message{width:520px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	body{font:60% Verdana, Arial, Helvetica, sans-serif;}
	.twoColHybRt #mainContent {font:95% Times New Roman, Times, serif; }
	#headertxtN{font-size:20px;}
	#headertxtD{font-size:12px;}
	#headertxtDL{font-size:13px;}
	#headertxtGS{font-size:10px;}

	.twoColHybLt #KnowL{font-size:12px;text-align:center;}
	.twoColHybLt #ContactL{font-size:12px; text-align:center;}
	.twoColHybLt #ScheduleL{font-size:11px; text-align:center;}
	.twoColHybLt #RankL{font-size:12px;text-align:center;}
	#lblLimg { max-width: 30%; height:auto; }
	img { max-width: 80%; height:auto; }
	#menuR{font-size:12px;}
	.twoColHybLt #sidebarL{width: 500px; float:left; margin: 3em 0em 0em 2em;}
	.twoColHybLt #sidebarR{margin: 4em 1em 1em 1em;}
	.oneColLiqCtrHdr #imgTxt{width: 30em;}
	.oneColLiqCtrHdr #imgContent{margin: 2.5em;}
	#Movenext{margin-top: 2em; margin-right: 2em;}
	.oneColLiqCtrHdr #imgMiddle {margin: 2.1em; float:none; display:inline;}
	.oneColLiqCtrHdr #imgr1Content {text-align: center; width: 40em; height: 950px; margin-left: auto; margin-right: auto; float:none;}
	.oneColLiqCtrHdr #imgr2Content {text-align: center; width: 40em; height: 750px; margin-left: auto; margin-right: auto; float:none;}
	.oneColLiqCtrHdr #imgr3Content {text-align: center; width: 40em; height: 620px; margin-left: auto; margin-right: auto; float:none;}
	.oneColLiqCtrHdr #imgpMiddle {margin: 2em; float: none; display: inline;}
	.oneColLiqCtrHdr #locationDiv{width: 160px;}
	#map {width: 460px; height: 280px; margin-left: auto; margin-right: auto;}
	#name{width:520px;} #age{width:150px;} #sex{width:150px;} #phone{width:200px;} #email{width:230px;} #message{width:520px;}
	.oneColLiqCtrHdr #appDiv{width: 58em;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body{font:60% Verdana, Arial, Helvetica, sans-serif;}
	.twoColHybRt #mainContent {font:70% Times New Roman, Times, serif; }
	#headertxtN{font-size:18px;}
	#headertxtD{font-size:10px;}
	#headertxtDL{font-size:10px;}
#headertxtGS{font-size:8px;}
	.twoColHybLt #KnowL{font-size:10px;text-align:center;}
	.twoColHybLt #ContactL{font-size:10px; text-align:center;}
	.twoColHybLt #ScheduleL{font-size:9px; text-align:center;}
	.twoColHybLt #RankL{font-size:10px;text-align:center;}
	#lblLimg { max-width: 25%; height:auto; }
	img { max-width: 70%; height:auto; }
	#menuR{font-size:10px;}
	.twoColHybLt #sidebarL{width: 420px; float:none; margin:0;}
	.oneColLiqCtrHdr #locationDiv {margin:0; float:none; display: inline-block;}
	#map {width: 280px; height: 250px; float:none;}
	.modal-content {width: 90%;}	
	#Movenext{margin-top: .5em; margin-right: .5em;}
	.oneColLiqCtrHdr #imgTxt {width: 20em}
	.oneColLiqCtrHdr #mail{width:15%; height:auto; text:left;}
	.oneColLiqCtrHdr #appDiv{width:100%; margin-left:0;}
	#name{width:200px;} #age{width:150px;} #sex{width:150px} #phone{width:200px;} #email{width:200px;} #message{width:200px;}
	#gobutton{margin-left: 8em; margin-right: 8em;}
	
}