body {
	margin: 0;
	padding: 0;
	font-family:  "微軟正黑體", "新細明體",Arial;   
	background-color: #fff; 
} 
.mobileonly{display: none;}
.layoutContainer{position: relative; background-image: url(images/grid_bg.jpg);	}
h1{margin: 0px;padding: 0px;display: inline-block;}
h2{font-size: 1.8em;font-weight: 600;padding: 10px;}
h3{color: #333;font-size: 1.2em;padding:5px 10px;margin: 0px; position: relative;}
h3.starRed::before{color: #F72D31;content: "*";position: absolute;top:1px;left: 0px;}
fieldset legend{color: #333;font-size: 1.2em;padding:5px 10px;margin: 0px; position: relative;}
fieldset legend.starRed::before{color: #F72D31;content: "*";position: absolute;top:1px;left: 0px;}
.resetbtnArea{padding-bottom: 15px;padding-left:15px;}
label .hed{display: inline-block;color: #333;font-size: 1.2em;padding:5px 10px;margin: 0px; position: relative;}
label .hed.starRed::before{color: #F72D31;content: "*";position: absolute;top:1px;left: 0px;}
ul.row li{padding: 5px;}
/*無障礙用*/
  
 /*   鍵盤跳耀區*/ 
#gotocenter{position: absolute;top: 0px;left: 0px;font-size: 0.7em;background-color: #207BDB;color: #fff;z-index: 10;	}
#goC{position: absolute;top: 0px;z-index: 10;} 
a.accesskeyStyle{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	color: #fff;
} 
a.accesskeyStyle:focus{color: #FF6600;}
.memuBar li a.accesskeyStyle{color: #fff;}
.memuBar li a.accesskeyStyle:focus{color: #FF6600;}
.AS_Top{ }  
.AS_Center{}  
.AS_footer{}

 /*   路徑導覽*/
ul.siteMap{background-color: #efefef;position: relative;width: 100%;padding: 5px 30px;margin-bottom: 5px;}
ul.siteMap li{display: inline-block;}
ul.siteMap li::before{ content: "＼";margin: 0px 5px; }
ul.siteMap li:nth-child(1){}
ul.siteMap li:nth-child(1)::before{ content: "";}
ul.siteMap li a{color: #000;}
ul.siteMap li a:hover, ul.siteMap li a:active, ul.siteMap li a:focus {
	text-decoration: none;
	color: #FF6600;
}
 /*   字體大小區*/
.fontchange{position: relative; backdisplay: inline-block;height: 25px; border-radius: 20px;line-height: 25px; vertical-align: top;margin: 0px 0px;}
.fontchange .tt{font-weight: 600;}
.fontchange a.txtchange{ 
	width: 25px;
	height: 25px;   
	display: inline-block; 
	cursor:pointer; color: #333; 
	background-color: #efefef;text-align: center;line-height: 25px;
}
.fontchange a.txtchange:hover{background-color: #3970b8;color: #fff;}
.fontchange a.txtchange:focus{background-color: #333;color: #fff;}
.fontchange a.txtchange.sel{background-color: #4d90fe;color: #fff;}
/*無障礙用 ---------------------------------------------END */

/* 版型*/
 

.header{ 
	width: 100%; 
	background-color:#fff;
	position: relative;   
	background-image: url(images/header_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 250px;
}
.header h1{display: inline-block;margin-top: 60px;margin-left: 10px;}

    /*
.header h1::after{display: inline-block;content: "";background-image: url(images/header_icon.png);width: 300px;height: 300px;position: absolute;left: 50%;top:50%;margin-left: -150px;margin-top: -150px;background-size: contain;transition: all 0.5s;}
*/

.header h1 img{transition: all 0.5s;}
.phone_menu{display:none;} 

.bodyContent{width: 100%;max-width: 1650px;margin: 0px auto;position: relative;padding-top: 10px;}

.topArea{display: inline-block;position: absolute;top:0px;right:0px;font-size: 0.8em;background-color: rgba(255,255,255,0.9);padding: 5px 10px;border-bottom-left-radius: 5px;}
.topArea a.btn_sitemap {line-height: 25px;color: #000;}
.topArea a.btn_sitemap::before{content: "｜";margin-left: 5px;padding-right: 5px;}

.topArea a.btn_sitemap:hover, .topArea a.btn_sitemap:active, .topArea a.btn_sitemap:focus {
	text-decoration: none;
	color: #FF6600;
}

.memuBar{display: inline-block;position: absolute;top:50px;right: 10px;z-index: 1;} 
.memuBar ul{  
	padding: 0px;
	list-style-type: none;
}
.memuBar ul li{ 
	margin: 0px 2px;
	padding: 0px;
	display: inline-block;
	position:relative;
}
.memuBar ul li a{background-color: rgba(0,0,0,0.7);border-radius: 10px; min-width: 128px;height:128px; display: block; font-size: 1.1em;font-weight: 600;color: #fff;text-align: center;transition: all 0.5s;}
.memuBar ul li a:hover , .memuBar li a:focus{text-decoration: none;background-color: #00dee7;}
.memuBar ul li a.selected{background-color: #006ada;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);}

.memuBar ul li a::before{content: "";display: block; width: 128px;height: 80px;} 
.memuBar ul li:nth-child(1) a::before{background-image: url(images/menu_icon01.png);} 
.memuBar ul li:nth-child(2) a::before{background-image: url(images/menu_icon02.png);}
.memuBar ul li:nth-child(3) a::before{background-image: url(images/menu_icon03.png);}
.memuBar ul li:nth-child(4) a::before{background-image: url(images/menu_icon04.png);}

.memuBar ul li ul.submenu{position: absolute;width: 100%;height: inherit;top: 70px;background-color: transparent;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;display: none;}
.memuBar ul li ul.submenu li {margin: 0px;display: block;}
.memuBar ul li ul.submenu li a{ min-width:auto;height: auto; display: block;background-color: rgba(0,0,0,0.9); border-radius: 0px; font-size: 1em;font-weight: 500;padding: 5px 10px;border-bottom: solid 1px #00dee7;}
.memuBar ul li ul.submenu li a:hover , .memuBar ul li ul.submenu li a:focus{text-decoration: none;background-color: #00dee7;}
.memuBar ul li ul.submenu li a::before{display: none;} 
.memuBar ul li ul.submenu li:last-child a{border-bottom-style: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.footer{position: relative; background-color: #fff;padding: 10px; position: relative;font-size: 0.9em;text-align: center;} 
ul.foot_list{display: inline-block; margin: 0px auto;position: relative;}  
ul.foot_list li{display: inline-block; margin: 5px;} 
ul.foot_list li img{height: 45px;}
 
 
.goTop{
	width: 30px;height: 30px;line-height: 30px; position: absolute;right: 20px;top:-10px;text-align: center;border-radius: 5px;background-color: rgba(0,0,0,0.8);z-index: 10; transition: all 0.5s;
}
.goTop span{display: none;}
.goTop i{color: #fff;font-size: 1.5em;}
.goTop:hover ,  .goTop:focus{
background-color: #00dee7;
}