body { padding-top: 70px;background-color: #fff;}

.menu-opener{display: none;}

.navMenu{
	background-color:transparent;
	position: fixed;
	height: auto;
	width: auto;  
	left:auto;
	top: 30px;
	right: 10px; 
	overflow: visible;
}

.navMenu ul{
	margin: 0px;
	}
.navMenu li{ 
	line-height: normal;
	border-bottom-style: none;
	padding: 5px;
	letter-spacing: 2px;display: inline-block;vertical-align: middle;
}
.navMenu li a, .navMenu li a:visited{
 color: #fff;font-size: 1em;
}
.navMenu li a:hover{color: #8bfeff;}
.navMenu li a i{display: none;}
.navMenu li.mobileshow{display: none;} 

.person_data{display: none;}
.person_pic_desktop{display: inline-block;position: relative;}
.person_pic_desktop .person_pic{border-radius: 50%;background-color: #fff;background-position: center 5px;background-repeat: no-repeat;width: 30px;height: 30px;border: solid 1px #FF8535;display: inline-block; background-size: contain; }  
.person_pic_desktop .sub{position: absolute; background-color: aqua;line-height: normal;width: 100px;right: -20px;border:solid 1px #ccc;background-color: #fff;padding: 5px;margin-top: 3px;display: none;}
.person_pic_desktop .sub a{display: block;position: relative;text-align: center;border-bottom: dashed 1px #ccc;line-height: 25px;}
 

.header{padding-left: 5px;height: 70px;}
.header .logo{}

.topmenu{display: inline-block;float: right;margin-top: 3px;margin-right: 10px;}
.topmenu a , .topmenu a:visited{color: #c6edf5;}
.topmenu a:hover{color: #fff;}
/* .topmenu a:nth-child(1) , .topmenu a:nth-child(2) , .topmenu a:nth-child(3){border-right: solid 1px #efefef;} */
.topmenu .changeFont{font-size: 0.8em;vertical-align: middle;display: inline-block;color: #fff;}
.topmenu .changeFont a , .changeFont a:visited{display: inline-block;border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height:18px; border:solid 1px #c6edf5;margin: 0px 2px;transition: all 0.5s;}
.topmenu .changeFont a:hover{color: #0099cb;}
.topmenu .changeFont a.sel{background-color: #0099cb;color: #fff;border:solid 1px #0099cb;}


.headerLink{
	display: inline-block;
    margin-left:10px;margin-top: 15px;   
	position: relative; float: none;
} 	
.headerLink a span{display: inline-block;}
.headerLink a , .headerLink a:visited{
	display: inline-block;
	color: #ccc;padding: 5px 10px;
	border-bottom: solid 0px #efefef;
	position: relative; 
	transition: all 0.5s; 
}
.headerLink a:hover{color: #4285f4;border-bottom: solid 1px #efefef;}
.headerLink a.selected , .headerLink a.selected:hover{color: #4285f4;border-bottom: solid 2px #4285f4;}
.headerLink a:nth-child(1){padding-left: 15px;}
.headerLink a:nth-child(1)::after{
	display: inline-block;position: absolute;top:8px;right: 0px;; background-color: aqua;width: 1px;height: 20px;
	background-color: #ccc;
	background-image: linear-gradient(to bottom, #fff 10% , #ccc 50%, #fff);
	content: " ";vertical-align: middle;}
.headerLink a:nth-child(2){padding-right: 15px;} 

.headerbell{position: absolute;top:35px;right: 10px;}
.headerbell  i{display: inline-block;font-size: 1.5em;color:#666;}
.headerbell span{background-color: #666;width: 10px;height: 10px;border-radius: 50%;display: block;position: absolute;top:5px;right: 5px;border:solid 2px #fff;}
.headerbell  span.on{background-color: #FB4346;}

/*左側選單*/
.navbar-nav , .btn-left-nav{ display: block;}

 /*情境*/
.box_situation{height:500px;}
.box_situation .person {width: 400px;left: 50%;margin-left: -200px;bottom: -250px;} 
.box_situation .popmeg {margin-left: -200px;} 

.box_situation .pos{width: auto;left: auto;margin-left: 0px;top:10px;left: 1%;}
.box_situation .pos li{font-size: 1.8em;}
.box_situation .pos li:nth-child(2){font-size: 1em;}
.box_situation .pos li:nth-child(4){font-size: 3em;}

/*籃框小資訊*/ 
.blue_infoBOX  {display: inline-block;position: absolute;right: 10px;top:480px;}
.blue_infoBOX ul li  span.name{color: #000;}


/*footer選單*/
.footerMenu{display: block;
	background-color: #4e73df;/*rgba(78,115,223,.35) #efefef #3673ce;*/
	text-align: center; width: 100%;
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding: 10px 0;
	box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.3);
}

.footerMenu .onoff{border-style: none;background-color: transparent; color: #fff; font-weight: 600; padding: 10px 10px 0 10px}
.footerMenu .onoff.active i{transform: rotate(180deg);}

.footerMenu ul{ margin:0;}
.footerMenu ul li{display: inline-block;margin: 10px;}
.footerMenu ul li a , .footerMenu ul li a:visited {color: #fff;display: block;vertical-align: top;}
.footerMenu ul.sub{display: block;float: left;}
.footerMenu ul.sub li{display: block;} 
.footerMenu ul.sub li a , .footerMenu ul.sub li a:visited{color: #333;}

/*footer*/
.footer{ padding:0 0  10px 0; }
.footer .ft_box{ display: flex; margin: 0 auto;}
.footer .ft_logo{display: block;width: 100px;margin-right: 20px;}
.footer ul.ft_list{text-align: left; color:rgba(255,255,255,.65)}
.footer ul.ft_list li{}
.footer .ft_right{display: inline-block;float: right;}

 
 /*   鍵盤跳耀區*/ 
#gotocenter{position: absolute;top: 0px;left: 0px;font-size: 0.7em;background-color: #e02602;color: #fff;z-index: 1000;	}

a.accesskeyStyle{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;display: inline-block;
} 
a.accesskeyStyle:focus{color: #e02602;}


/*----------------------------------------------layout 到此-------------------------------------------------*/
/*----------------------------------------------layout 到此-------------------------------------------------*/
/*----------------------------------------------layout 到此-------------------------------------------------*/
/*----------------------------------------------layout 到此-------------------------------------------------*/
/*----------------------------------------------layout 到此-------------------------------------------------*/


/*版面樣式 */ 
.site_root{ padding: 10px;}


.pageBar  {height:auto; background-color: transparent;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0);position: relative;width: 100%;top:auto;z-index:auto;max-width: 1140px;margin: 10px auto;}
.pageBar  h2.title{padding: 10px;border-bottom: solid 3px #666;color: #333;}  
.pageBar a , .pageBar a:visited{display: none;}



.img-70{max-width: 70%;}