body {
	margin: 0;
	font-family: Arial, "微軟正黑體", "新細明體";
	background-attachment: fixed;
	padding: 0;
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181030175114/https://alerts.ncdr.nat.gov.tw/CSS/images/body_pixel01.png);
}

/*無障礙區--------------------------*/
#gotocenter{position: absolute;top: 0px;left: 0px;font-size: 0.7em;background-color: #207BDB;color: #fff;}
.accesskeyStyle, .accesskeyStyleCon, .accesskeyStyleTop {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 25px;
}

.accesskeyStyleTop {
    position: absolute;
    left: 0px;
    top: 0px;
}	

.fontchange{display: inline-block;position: relative;} 
.fontchange a.fontTitle{display: inline-block;color: #333;padding: 5px;}
.fontchange .fontclose{display: none;}
.fontchange ul{margin: 0px;padding: 0px;display: inline-block;}
.fontchange ul li{display: inline-block;}

    .fontchange a.txtchange {
        color: #FFF;
        background-color: #CCCCCC;
        line-height: 20px;
        height: 25px;
        width: 25px;
        padding: 3px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        border-style: none;
        cursor: pointer;
        border-radius: 3px;
    }
.fontchange a.txtchange:hover , .topmenu a.txtchange:focus{background-color: #248ce9;}
.fontchange a.txtchange.sel{background-color: #005bac;}

.fontchange a.btn_sitemap{color: #333;}

#goU[accesskey]{color: #fff;}
#goU:focus{color: #01cef3;}
#goM[accesskey]{color: #fff;}
#goM:focus{color: #01cef3;}
#goC[accesskey]{color: #fff;}
#goC:focus{color: #01cef3;}
#goT[accesskey]{color: #fff;}
#goT:focus{color: #293b8a;}


/*無障礙區--------------------------*/

.header {
	background-color: #FFF;
	border-bottom: solid 1px #36ccf2; 
	/*height: 90px;*/
	width:100%; 
	position: fixed;z-index: 999;top: 0px;
}
.header h1{margin: 0px;padding: 0px;display: inline-block;}
.titleLogo{
	float: left; margin-right:50px;
}

@media only screen and (max-width: 980px){	
 .titleLogo img{height: 70px;margin-top: 10px;}
	 }

.titleLogo h1{ display:none; }
 
.phone_menu{display:none;}
.phone_menu_close{display:none;}

.menuArea{float: right;text-align: right;margin-right: 20px;}
.topArea{margin-top: 5px;}
.topArea a{border-radius: 30px;color: #fff;padding: 5px 15px;}
.topArea a.serviceononlineBox{background-color: #05705a;}
.topArea a.serviceononlineBox:hover{background-color: #2da88f;}
.topArea a.messageBox{background-color: #146aa8;}
.topArea a.messageBox:hover{background-color: #2399EF;}
.topArea a.calendarBox{background-color:#F5B221;}
.topArea a.calendarBox:hover{background-color:#DF9408;}

.topArea .memberInfo{color: #ba5800;margin-left: 10px;}
 
  
 
.CAP_memuBar{text-align: left;margin-top: 5px;}

.CAP_memuBar ul{ 
	margin-top: 10px;
	padding: 0px;
	list-style-type: none;
}
.CAP_memuBar li{
	margin: 0px 5px;
	padding: 0px;
	display: inline-block;
	position:relative;
}
.CAP_memuBar .CAP_menu_title{
	font-size: 1.2em;
	font-weight: bold;
	color: #333; 
}
.CAP_memuBar .CAP_menu_title i{
	font-size: 0.8em;
	font-weight: 100;
	margin: 5px 3px;
}

@media only screen and (max-width: 1250px){	
	.CAP_memuBar ul{}
   .CAP_memuBar .CAP_menu_title{font-size: 1em;}
	.CAP_memuBar .CAP_menu_title i{display:none;}
	 }
@media only screen and (max-width: 905px){	
	.CAP_memuBar ul{width: 500px;} 
	 }




.CAP_memuBar .CAP_menu_title:hover , .CAP_memuBar .CAP_menu_title:focus{
	color: #F60;
}
.CAP_memuBar .CAP_menu_sub{
	display: none;
	background-color: rgba(255,255,255,0.9);
	padding:10px;
	position: absolute;
	left: 0px;
	z-index: 999;
	border: 1px solid #efefef;
}

.CAP_menu_sub.memArea{left: auto;right:0px;}

.CAP_memuBar .CAP_menu_sub a , .CAP_memuBar .CAP_menu_sub a:visited{
	display: block;
	word-break: keep-all;
	font-size: 1em;
	line-height: 20px;
	padding: 8px; 
	color: #333; 
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.CAP_memuBar .CAP_menu_sub a:hover , .CAP_memuBar .CAP_menu_sub a:focus{
	border-bottom: 1px solid #0CF;
}
.CAP_memuBar .CAP_menu_sub a.logout{border-bottom: 1px solid #FFA1A3;}

 
.CAP_body{
	max-width: 1280px;
	margin: 0px auto;
	padding:10px;  
	min-height:600px;
	padding-top: 90px;
}

.footer{
	font-size: 0.8em;line-height: 18px;
	/*background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181030175114/https://alerts.ncdr.nat.gov.tw/CSS/images/index_alertArea_clound.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-image: linear-gradient(to right , rgba(8,150,225,1) 30% , rgba(25,70,125,1));
}
.footer_pixel{padding: 20px 0px;background-repeat: repeat;background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181030175114/https://alerts.ncdr.nat.gov.tw/CSS/images/footer_pixel.png);}
.footer .footercon{max-width: 1280px;margin: 0px auto;position: relative;}

 
.footer_memuBar{background-color: rgba(255,255,255,0.95);padding: 20px;}
.footer_memuBar ul{}
.footer_memuBar ul li{display:inline-block;margin: 10px 20px;vertical-align: top;}
.footer_memuBar h3{font-size: 1.2em;font-weight: 600;border-bottom: solid 1px #9a9999;padding: 5px;margin-bottom: 20px;color: #1043ab;}
.footer_memuBar ul.menu_sub li{display: block;margin: 5px;line-height: 24px;}
.footer_memuBar ul.menu_sub li a{color: #333;}
.footer_memuBar ul.menu_sub li a:hover{color: #F8595C;}

.foot_copyright{background-color: rgba(255,255,255,0.95);padding:10px;margin-top: 1px;}

.foot_copyright .mailArea{margin-bottom: 5px;padding-left: 195px;}
.foot_copyright .mailArea img{height: 70px;}

.footer_logo{margin:0px 20px;float: left;padding-bottom: 100px;}
.foot_copyright ul{color: #102a56;}
 
.footer .count{
	color: #7c6901;
}
#goTop{
	cursor: pointer;
	height: 50px;
	width: 50px;
	float: right;
	text-align: center;
	font-size: 2em;
	line-height: 55px;
	color: #fff;
	background-color: #333;
	transition: all 0.5s;
	margin-top: -20px;
	margin-right: 20px;
    position: absolute;top: 0px;right: 0px;
}
#goTop:hover , #goTop:focus {
background-color: #0CF;
	line-height: 45px;
}

.message{border-radius: 10px;background-color: #efefef;padding: 10px;} 
.message h4{padding: 5px;margin: 3px;} 
.message p {padding: 0px 10px;padding-bottom: 5px; word-break: break-all;border-bottom: solid 1px #ccc;} 
.message input[type="text"] , .message select {width: 100%;}
.message textarea{width: 100%;height: 80px;}
 





/*
     FILE ARCHIVED ON 17:51:14 十月 30, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 20:18:24 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/