@charset "utf-8";

/*----------------------------------------
  Basic
----------------------------------------*/

body {
	font-family: Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
	
}


a img {
	border: none;
}

a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
}


br {
	height: 1px;
	font-size: 1px;
}

.clear {
	clear: both;
}

.more{
	display:block;
	float:right;
	margin:0px 5px 0px 0;
	}


* a {
	color:#004280;
}




/* HEADER
----------------------------------------------------------- */
	
/**/
.breadcrumb:before,
.breadcrumb:after{
	content: " ";
    display: table;
}
.breadcrumb:after{
	clear: both;
}
/**/

.ez-header {
	width: 960px;
	height:46px;
	margin:0 auto;
	padding:30px 0 0 0;
	/* for reset bootstrap box-sizing*/
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; 	
}

/**/
.header-link:before,
.header-link:after{
	content: " ";
    display: table;
}
.header-link:after{
	clear: both;
}
/**/

.logo{
	float:left;
	padding:0px 0 10px 0;
	 
}
.Log-out{
	float:right;
	padding:10px 0 0 0;
}

.Log-out span{
	padding:0px 0 0 10px;
}

.ez-nav-bg{
	background:#e5e5e5;
	height:30px;
	margin-bottom:20px;
	/* for reset bootstrap box-sizing*/
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.ez-nav{
	width: 960px;
	margin:0 auto;
	padding:0px 0 0 0;
}

.ez-nav ul{
	float:left;
}
.ez-nav li{
	float:left;
	display:block;
	padding:8px 20px 8px 0;
	color:#747474;
}

.ez-nav li a:link{
	color:#747474;
}

.ez-nav li a:hover{
	color:#004280;
}

/**/
.ez-nav:before,
.ez-nav:after{
	content: " ";
    display: table;
}
.ez-nav:after{
	clear: both;
}
/**/
.search-box{
	float:right;
	padding:6px 0 0 0;
	display:table-cell;
}

/**/
.search-box:before,
.search-box:after{
	content: " ";
    display: table;
}
.search-box:after{
	clear: both;
}
/**/

.search-box input{
	vertical-align:middle;
}

.search-box input:first-child{
	height:21px;
}

.btn-Top{
	position:fixed;
	z-index:9999;
	bottom:55px;
	left:25px;
}




/*----------------------------------------
  main-menu
----------------------------------------*/
.ez-main-content-wrapper{
	display:block;
	width:100%;
	height:100%;

}
.ez-main-menu{
	position:absolute;
	width:210px;
	height:auto;
	display:block;
	

}

.main-menu-title{
	font-size:20px;
	color:#555555 ;
	padding:10px 0 10px 20px;
	background:#efedee url(../images/main-menu-title.jpg) bottom repeat-x;
}

.main-menu-title a{
	color:#555555 ;
	text-decoration:none;
}

.main-menu-title a:hover{
	text-decoration:none !important;
}

.main-content{
	position:relative;
	width:960px;
	margin:0 auto 10px auto;
	display:block;
}
.main-content-2{
	position:relative;
	 
	margin:0 auto 10px auto;
	display:block;
}


/*----------------------------------------
  Content
----------------------------------------*/


.web-title{
	font-size:24px;
	line-height:24px;
	color:#333333;
	border-left:8px solid #004280;
	padding:0px 0 0 20px ;
	margin-bottom:30px;
	
}


.page-title{
	font-size:18px;
	line-height:18px;
	color:#555555;
	padding:0px 0 0 0px ;
	margin:12px 0;
	
}

.side-title{
	font-size:15px;
	font-weight:normal;
	line-height:15px;
	color:#555555;
	border-bottom:3px solid #004280;
	padding:0px 0 10px 0px ;
	margin:40px 0 10px 0;
	
}
.side-title-top {
    font-weight: normal;
    line-height: 15px;
    color: #555555;
    border-top: 3px solid #004280;
    padding: 0px 0 10px 0px;
    margin: 40px 0 10px 0;
}

	


/*----------------------------------------
  Footer
----------------------------------------*/

.ez-footer-bg{
	clear:both;
	height:35px;
	display:block;
	background:#e5e5e5;
	margin-top:30px;
	margin-bottom:20px;
}

.ez-footer{
	height:35px;
	width:960px;
	display:block;
	margin:0 auto;
	padding:10px 5px 0 5px;
}

.Copyright{
	float:left;
}
.footer-nav{
	float:right;
}

.footer-nav span{
	padding:0px 0 0 10px;
}



/*----------------------------------------
  Main-menu Slide Panel for JQ
----------------------------------------*/
.slide-out-div {
	background: #efeeee;
	border-right:5px solid #4071a0;/*#8297b3*/
	display:block;
	/*height:auto;*/
	height:inherit;
	z-index:999;
}

.slide-out-div a {
	text-decoration: none;
	outline: none;
	font-weight: normal;
}
.slide-out-div a:hover, .slide-out-div a:active, .slide-out-div a:focus {
	color: #004280;
	text-decoration: underline;
}
/*.slide-out-div br {
	height: 1px;
	font-size: 1px;
}*/
.slide-out-div .clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*----------------------------------------
  Main-menu Slide Panel for JQ
----------------------------------------*/
.slide-out-div {
	width: 210px;
	background: #efeeee;
}
.slide-out-div .handle {
	/*
	margin-top: -5px;
	margin-left: -5px;
	/*	
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
	
	width: 155px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	margin-top: 62px;
	margin-left: 63px;
	
	background-color: #18548b;
	color: #fff;
	font-size: 15px;
    font-family: inherit;
    */
}
/*
.handle:hover, .handle:active, .handle:focus {
	text-decoration: none;
}
*/

.slide-out-div .panel-left ul,
.slide-out-div .panel-left li,
.slide-out-div .panel-left a,
.slide-out-div .panel-left .sub-menu ul,
.slide-out-div .panel-left .sub-menu li,
.slide-out-div .panel-left .sub-menu a{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}/* for reset bootstrap box-sizing*/


.slide-out-div .panel-left {
	background: #efeeee;
	border-right:5px solid #4071a0;
	display:block;
	float: left;
	width:210px;
   /* height:inherit;*/
	padding: 0px 0 0 0;
	/*overflow-y:auto; 
	overflow-x:hidden;	*/
	
}

.slide-out-div .panel-left ul,
.slide-out-div .panel-left ul li{
	margin: 0;	
	display:block;
}


.slide-out-div .panel-left > ul > li{
	list-style: none;
	line-height:30px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #dddddd;

}

.slide-out-div .panel-left > ul > li > a:link{
	display:block;
	padding-left:20px;
	color: #004280;
	font-size: 13px;
	font-weight:bold;
	height:30px;
	width:190px;
	/*if for  box-sizing: border-box; 
	width:205px;*/
}

.slide-out-div .panel-left > ul > li > a:hover{
	color: #fff;
	background:#004280;
	text-decoration:none;
}

.slide-out-div .panel-left .sub-menu {
	background:url(../images/menu-arrow-3.png) 180px 10px no-repeat;

}

.slide-out-div .panel-left .sub-menu > a:hover {
	background:#004280 url(../images/menu-arrow-4.png) 180px 10px no-repeat;

}

.slide-out-div .panel-left .sub-menu-item{
	padding:5px 0;
	list-style-type: none;
	background:#f6f5f5;
	border-top:1px solid #dddddd;
}

.slide-out-div .panel-left .sub-menu-item li a{
	margin-left:30px;
	color: #333333;
	font-size: 12px;
}


/*----------------------------------------
  Main-menu submenu accordion for JQ
----------------------------------------*/
#accordion .ui-state-active{
	color: #fff ;
	text-decoration:none;
	background:#004280 url(../images/menu-arrow-2.png) 180px 10px no-repeat !important ;
	
}
/* style for  .sub-menu-link */
#accordion .ui-state-active-2{
	color:#fff;
	background:#004280 !important ;
}



/*-----------------------------------------------------------
  EZ Component
------------------------------------------------------------*/

.title {
	font-weight: bold;
	background-color: #efeeee;
}

.center {
	text-align: center;
}


.full {
	width: 100%;
}


.list{ display:list-item;
}


/*----------------------------------------
  Basic-layout
----------------------------------------*/

.list-2col div{
	float:left;
	width:50%;
}

.list-2col div:first-child{
	width:49%;
	padding-right:1%;
}
/**/
.list-2col:before,
.list-2col:after{
	content: " ";
    display: table;
}
.list-2col:after{
	clear: both;
}
/**/

.list-3col div{
	float:left;
	width:32.3%;
	padding-right:1%;
}


.list-3col div+div+div{
	width:33.3%;
	padding-right:0%;
}



/**/
.list-3col:before,
.list-3col:after{
	content: " ";
    display: table;
}
.list-3col:after{
	clear: both;
}
/**/

.list-group-item >.badge-date{
	float:right;
}
.badge-date{
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  color: #333;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border-radius: 0;
}



/*----------------------------------------
  List-side
----------------------------------------*/

.list-side{
	/* for reset bootstrap box-sizing*/
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	
}

.list-category{
	 padding:10px;
}

/*----------------------------------------
  Tab-side    for The third level
----------------------------------------*/

.tab-side{
	padding: 0 0 20px 0;
}

/**/
.tab-side:before,
.tab-side:after{
	content: " ";
    display: table;
}
.tab-side:after{
	clear: both;
}
/**/

.tab-group-item {
	width:19%;
	text-align:center;
	float:left;
	margin:0 1% 10px 0;
}

	 
.tab-group-item a{
	display:block;
	border:1px solid #cccacb;
	padding:8px 0px;
	list-style:none;
}

.tab-group-item a:hover{
	display:block;
	border:1px solid #004280;
	padding:8px 0px;
	list-style:none;
	background:#00427f;
	color:#fff;
}

.tab-side .current a{
	display:block;
	border:1px solid #004280;
	padding:8px 0px;
	list-style:none;
	background:#00427f;
	color:#fff;
}
.current a{
	display:block;
	border:1px solid #004280;
	padding:8px 0px;
	list-style:none;
	background:#00427f;
	color:#fff;
}


/*----------------------------------------
  Step 
----------------------------------------*/
.step-list{
	display:block;
	border:#CCC 1px solid;
	padding:10px;
	margin:20px 0;
}

.step-list-item {
	float:left;
	margin-right:20px;
	background:url(../images/menu-arrow-3.png) no-repeat right;
	padding-right:30px;
}


.step-list-item:last-child{
	background:none;
}

.step-list-item span{
	float:left;
	display:block;
	padding:1px 6px;
	margin-right:5px;
	background:#555;
	color:#fff;
}

.step-list-item.hight span{
	float:left;
	display:block;
	padding:1px 6px;
	margin-right:5px;
	background:#004280;
	color:#fff;
}

.step-list-item.hight{
	color:#004280;
}

/**/
.step-list:before,
.step-list:after{
	content: " ";
    display: table;
}
.step-list:after{
	clear: both;
}
/**/