/*{
	border: solid 1px black;
}*/
.webgl-content * { margin: 0; padding: 0}
.webgl-content {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.webgl-content .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.webgl-content .logo {background: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/ntou.png") no-repeat center / contain; width: 154px; height: 130px;}
.webgl-content .progress {height: 18px; width: 141px; margin-top: 90px;}
.webgl-content .progress .empty {background: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/progressEmpty.Light.png") no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}
.webgl-content .progress .full {background: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/progressFull.Light.png") no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

.webgl-content .logo.Dark {background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/ntou_logo.png");width:300px;height:300px; contain;}
.webgl-content .progress.Dark .empty {background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/progressEmpty.Dark.png");margin-top: 50px;}
.webgl-content .progress.Dark .full {background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/progressFull.Dark.png");margin-top: 50px;}

.webgl-content .footer {margin-top: 5px;width:100%; height: 100px; line-height: 38px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px;display: inline-block;}

.webgl-content .footer .logos{width:405px;float: left;}
.webgl-content .footer .info{width:60%;float:right;display:block;color:black;font-weight: bolder;}

.webgl-content .footer .logos .webgl-logo {background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/ntou_logo2.png"); margin-top:12px;width:70px;height:70px;background-size: contain; float: left;}
.webgl-content .footer .logos .webgl-logo-label, .info {height: 100%; display: inline-block; background: transparent center no-repeat;}
.webgl-content .footer .logos .webgl-logo-label {background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/ntou_logo_label.png"); width:330px;margin-top:12px;height:70px;background-size: contain; float: right;}

.webgl-content .footer .info .up{width:100%;height:50%;float: right;display: inline-block;}
.webgl-content .footer .info .down{width:100%;height:50%;margin-top: 5px;}
.webgl-content .footer .info .up .title {margin-right: 10px; float: right;}
.webgl-content .footer .info .up .googleform {margin-top:10px;  padding-left: 20px;padding-right:20px; float: left;font-size: 25px;text-align: center; background-color:white;border-radius: 15px;}
.webgl-content  .footer .info .up .googleform a{margin-top:10%;color:black;text-align: center;text-decoration: none;font-weight: bolder;}
.webgl-content .footer .info .up .link{float: right;display: inline-block;}
.webgl-content .footer .info .up .link .campus_link {margin-top:10px;  padding-left: 20px;padding-right:20px; float: left;font-size: 25px;text-align: center; background-color:white;border-radius: 15px;}
.webgl-content  .footer .info .up .link .campus_link a{margin-top:10%;color:black;text-align: center;text-decoration: none;font-weight: bolder;}
.webgl-content .footer .info .up .link .ntou_web_link {margin-top:10px; margin-left: 20px; padding-left: 20px;padding-right:20px; float: right;font-size: 25px;text-align: center; background-color:white;border-radius: 15px;}
.webgl-content  .footer .info .up .link .ntou_web_link a{margin-top:10%;color:black;text-align: center;text-decoration: none;font-weight: bolder;}
.webgl-content .footer .info .up .fullscreen {background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/fullscreen.png"); width: 38px; float: right;height:38px;margin-top:10px;}
.webgl-content .footer .info .down .suggest{width:40%;vertical-align:top;float:left;}
.webgl-content .footer .info .down .suggest .title{height:100%;display: inline-block;vertical-align:top;}
.webgl-content .footer .info .down .suggest .browser{height:100%;display: inline-block;}
.webgl-content .footer .info .down .notice{width:400px;vertical-align:top;font-size: 17px;float:right;}
.webgl-content .footer .info .down .browser .edge{background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/edge_logo.png");padding:2px;width: 30px;height:30px;background-size: contain;display:inline-block;}
.webgl-content .footer .info .down .browser .firefox{background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/firefox_logo.png");padding:2px;width: 30px;height:30px;background-size: contain;display:inline-block;}
.webgl-content .footer .info .down .browser .chrome{background-image: url("https://www.aworthywalk.com/__xh__/3dcampusguide.ntou.edu.tw/TemplateData/chrome_logo.png");padding:2px;width: 30px;height:30px;background-size: contain;display:inline-block;}
@media only screen and (max-width: 1270px) {
	.webgl-content .footer .info {width:30%;}
	.webgl-content .footer .info .up .googleform{display: none}
}
@media only screen and (max-width: 1400px) {
	
	.webgl-content .footer .info .down{display: none}
	.webgl-content .footer .info .up .link .ntou_web_link {display: none}
}
@media only screen and (max-width: 1500px) {
	.webgl-content .footer .info .down .notice{width:300px;vertical-align:top;font-size: 12px;float:right;}
	.webgl-content .footer .info .down .suggest .title{height:100%;display: inline-block;vertical-align:top;font-size: 12px;}

}