/*------共通的CSS寫在這---------------------------------------*/

.f-left{ float:left;}
.t-center{ text-align:center;} 
.t-left{ text-align:left;} 
#go-top{display:block;width:50px; height:47px; position:fixed;right:10px; bottom: 62px;
     background:url(../images/go-top.png) no-repeat; cursor:pointer; z-index:9001; }

#go-f-menu{display:block;width:50px; height:47px; position:fixed;right:10px; top:70px;
	background:url(../images/go-menu.png) no-repeat; cursor:pointer; z-index:9001;}
  
body{
	font-size: 16px;
	color:#030303;
	font-family: "微軟正黑體",Verdana, Geneva, sans-serif;
	
	/*background-attachment: fixed;*/
	bottom:0;
	background: url(../images/bg01.jpg) repeat-x left top, url(../images/bg03.jpg) repeat-x left bottom, url(../images/bg02.jpg) repeat left top;
	background-color:#f2eee7;
	
}

.head {	
	height:64px;
	width:100%;
	background-color:#fff;
	min-width:1180px;
	position:relative; 
	
}


.wrapper {
	margin: 0 auto;
	position:relative;
	width:1180px;
	z-index:1;
	/*display:block;*/
	
	
}
/*---給上方MENU的----*/
.wrapper-forMenu{
	margin: 0 auto;
	position:relative;
	min-width:100%;
	width:100%;
	
	
}


/*---給會計作業用的----*/
.wrapper90{
	margin: 0 auto;
	position:relative;
	width:100%;
	z-index:1;
	}

.head .logo {
	float: left;
	z-index:100;
}
/*---頂端 通知 公告-------*/
.notice-wrapper, .news-wrapper{
	position:absolute;
	width:720px;
    z-index:150; 
	right:0;
	padding:5px;
	background-color:#fff;
    -moz-box-shadow: -1px 2px 10px #B5ADB5;
    -webkit-box-shadow: -1px 2px 10px #B5ADB5;
    box-shadow: -1px 2px 10px #B5ADB5;
	/*border-top:2px solid #CBAC76;*/
}
.notice-box{
overflow-y:auto;
max-height:412px;

}
/*---3角形--*/
.notice-dot{
	display:inline-block;
	content:"";
	/* border-top: 25px solid white;
    border-right: 25px solid #2D89EF;
    border-bottom: 25px solid white;
    display: inline-block;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #CBAC76 transparent;
	position: absolute;
	right: 180px;
	top: -10px;		
}
.news-dot{
	display:inline-block;
	content:"";	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #CBAC76 transparent;
	position: absolute;
	right: 85px;
	top: -10px;		
}


.notice-box p{position: absolute;
	right: 180px;
	top: -10px;z-index:100;}

.notice-read{ color:#9a7947; }

.notice-read-all{ 
width:100%;
text-align:center;
display:block; 
font-size:13px; 
height:26px; 
line-height:26px;
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#e5e9ef;
color:#999;
margin-top:10px;
}


.notice-read-all:hover{background-color:#D7DBE2;color:#666;}

/*----下拉選單--要改MENU高度:在CSS-common.css的.expand .download以及 top-menu.JS----*/
.top-nav .navlist-wrap{width:100%;margin:0 auto;position:relative; font-size:18px; height:64px;}
.top-nav .navlist{ margin:0 10px;position:relative; padding-left:30%; } /*--定義menu字樣的出現位置20170406修正改善因螢幕縮放無法置中問題---*/
.top-nav .navlist .nav-btn{
	float: left;
	vertical-align: middle;
	background: url(../images/menu.png) 0 0 no-repeat;	
	font-size:0;
	width:95px;
	height:64px;
	display:block;
	margin-right:8px;

	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.top-nav .navlist .nav-btn:hover{
	background: url(../images/menu.png) 0 -62px no-repeat;
	
}


.top-nav .expand{
	height:0px;
   -moz-box-shadow: -1px 0px 5px #dce0ed;
	-webkit-box-shadow: -1px 0px 5px #dce0ed;
	box-shadow: -1px 0px 5px #dce0ed;
	background-image: url(../images/download-list-bg.png);
	background-color:#e7e1d7;
	background-repeat: repeat-x;
    overflow:hidden;
	position:relative;
	width:100%;
	z-index:800;
	
	}
.top-nav .expand:after{content:""; height:1px; background-color:#ee5625; display:block; width:100%;}	
		
.expand .download{height:520px;width:600%;left:100px; }
.expand .download .item{float:left;width:20%}
.expand .download .item-active{display:block}
.expand .close-btn{width:120px;height:20px;background:url(../images/broswer_home.png) no-repeat -13px -117px;position:absolute;left:40%;bottom:-2px;cursor:pointer;}
.download .download-list{
	height: 56px;
	padding: 13px 0 33px 0;
	text-align:center;
}


/*----*/
/*--------------------------------------*/
.part01{text-align:left; margin-right:7px; display:inline-block;padding-right:10px;/*width:380px;*/}
.part02{text-align:left; margin-right:7px; display:inline-block;padding-right:10px; width:500px;}
.part03{text-align:left; display:inline-block; padding-right:10px;}


.download-list h1{
	background-color: #d9d2c8;
	width: 100%;
	font-size: 18px;
	color: #524029;
	padding-left: 48px;
	padding-right:10px;
	height: 40px;
	line-height: 40px;
	background-image: url(../images/icon01.png);
	background-repeat: no-repeat;
	background-position: 12px center;
}

.download-list .part02 h1{
	background-image: url(../images/icon02.png);	
}
.download-list .part03 h1{
	background-image: url(../images/icon04.png);	
}

.m-list{color:#3b3f4d; font-size:16px; margin:8px 0 0 18px; line-height:1.8em; float:left;}

.m-list a{color:#3b3f4d;  display:block; 
-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.m-list a:hover{color:#a57c29; }
/*-------------*/

.user, .my-calendar, .btn-logout, .news-hint{ display:inline-block; height:64px; line-height:64px;}
.btn-logout{ margin:0 5px;}
.user img, .my-calendar img{ vertical-align:middle; margin-right:5px;}
.user img{ 
border-radius:50%; 
-moz-border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
}
.user{ margin-right:16px;}
.my-calendar{ padding-right:5px;  border-right:1px solid #eee;}

.user a, .my-calendar a, .btn-logout a{ color:#403539; border-bottom:2px solid transparent; display:block;
-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.user a:hover, .my-calendar a:hover, .btn-logout:hover a, .news-hint a:hover{ color:#a57c29;}
.my-calendar a{ padding-right:6px;}
.news-hint{-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;border-right:1px solid #eee;}
.news-hint a{ padding: 0 12px; color:#1E1A16; }



/*----個人管理區 下拉選單--------*/

	#jsddm li
	{	display:inline-block;
		list-style: none;
		}

	#jsddm li a
	{	display: block;
		}

	#jsddm li a:hover
	{	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			z-index:900;/*20160928修正到最上層*/
			/*visibility: hidden;*/
			display:none;
			margin-top:-5px;
			border:1px solid #ccc;
			-moz-box-shadow: 0px 4px 5px #c2c2c2;
            -webkit-box-shadow: 0px 4px 5px #c2c2c2;
             box-shadow: 0px 4px 5px #c2c2c2;

			border-radius: 0 0 5px 5px;
			-o-border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			-webkit-border-radius: 0 0 5px 5px;
			}
		
			#jsddm li ul li
			{	
				display: inline; line-height:1.4em;}
			
			#jsddm li ul li a
			{	font-size:15px;
				background: #fff;
				color: #547c1b;
				padding:5px 10px;
				width: auto;}
			
			#jsddm li ul li a:hover
			{	background: #8EA344;
			    color:#fff;
			
			}
			
			


/*-----底部-----20160914修正底部對齊問題---*/
.foot{ 
    clear:both;
    float:unset;
    width:100%;
    padding:16px 0 14px 0;
    min-height:110px;
    z-index:500;/*-----底部-----20160925追加---*/
    /*margin-top:110px;
    _top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*/
    background-color:#d6bb92;
       /* '定位類型為絕對位置
     position: fixed;
    _position: absolute;*/
    bottom: 0;/* '定位距離底邊0圖元*/
 

/*background: #d6bb92 url(../images/footer-bg.jpg) repeat-x;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b5a40+0,9e8767+79,d5b991+99 */
background: rgb(107,90,64); /* Old browsers */
background: -moz-linear-gradient(top, rgba(107,90,64,1) 0%, rgba(158,135,103,1) 79%, rgba(213,185,145,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(107,90,64,1) 0%,rgba(158,135,103,1) 79%,rgba(213,185,145,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(107,90,64,1) 0%,rgba(158,135,103,1) 79%,rgba(213,185,145,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5a40', endColorstr='#d5b991',GradientType=0 ); /* IE6-9 */
}



/*.top-nav .nav-bottom-bg{height:7px;_font-size:1px;background-color:#fff}*/
/*--20160816修正--
.foot-part01{ width:170px; margin-right:18px; float:left;}
.foot-part02{ width:382px; margin-right:18px; float:left;}
.foot-part03{ width:170px; margin-right:78px; float:left;}
.foot-part04{ width:150px; float:left; }*/
/*---
.foot-list{
	float:left;
	padding: 13px 0 33px 0;
	
}
.foot-list h1{
	
	width: 100%;
	font-size: 16px;
	color: #fff;
	padding-left: 48px;
	height: 40px;
	line-height: 40px;
	background-image: url(../images/icon01.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	border-bottom:1px solid #d1c0a5;
}

.foot-part02 h1{
	background-image: url(../images/icon02.png);	
}
.foot-part03 h1{
	background-image: url(../images/icon03.png);	
}
.foot-part04 h1{
	background-image: url(../images/icon04.png);	
}
.foot-m-list{color:#d7cec0; font-size:14px; margin:8px 0 0 18px; line-height:1.8em; float:left;}

.foot-m-list a{color:#d7cec0;  display:block; 
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.foot-m-list a:hover{color:#fff; }
----------*/

.btn-default-small-yellow {
	color: #1a1111;
	background-image: url(../images/btn-default-small-bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #fff;
	border: 1px solid #adadad;
	padding: 3px 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	cursor: pointer;
	min-width: 42px;
}

	.btn-default-small-yellow:hover {
		background-image: none;
		border: 1px solid #9f7ca4;
		color: brown;
		background-color: lightyellow;
	}



.copyright{ clear:both; font-size:13px; text-align:center; width:100%; border-top:1px solid #6f5c43; padding:14px 0 0;}