body{
	background:url("../images/bg.png") 0 0 repeat-x #b9bec3;
    color: #333;
    padding: 0;
	}
.container{
	max-width:1100px;
	}
.cbp-panel{
	max-width:1000px;
	}
.wrapsemibox{
	max-width:1170px;
	margin:0 auto 100px;
	}
.cbp-filter-item a {
    color: #999;
}
.cbp-filter-item-active a {
	color: #fff;
}
.cbp-caption-wrap {
    text-algin:center;
	margin:0 auto;
}
.cbp-l-filters-button{
	padding-top: 30px;
	}
.cbp-wrapper-outer, .cbp-wrapper{	
	/**20161206 by kaka	畫面沒顯示型錄
	height:auto;**/
	padding:0;
	position:static;
	}
.cbp-wrapper{
	/**20161206 by kaka 型錄1排5本太擠, 但又不能控制只放4本
	background:url("../images/bookshelf.png") center 0 / contain repeat-y;**/
	margin-bottom:100px;
	overflow:hidden;
	zoom:1;
	}
.cbp .cbp-item{
	float:left;
	margin:0 0 74px;
	position: inherit;
	}
.cbp-l-grid-agency .cbp-caption-wrap{
	margin-bottom:10px;
	}
.cbp-l-grid-agency{
	margin:30px 0 50px;
	}
.cbp-item-wrapper{
	height:240px;
	display: flex;
	align-items: center;
	}
.pull-right{
	text-align:right;
	}
#footer-wrapper{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:9999;
	}
#footer-wrapper .copyright{
    background-color:#fff;
    color:#fac109;
    font-size:150%;
    font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:1.3em;
    padding:10px 0;
	}
.navbar{
    background: none;
	}
.navbar-brand{
	height:auto;
	}
.navbar-brand img{
	max-width:100%;
	}
.tips{
	text-align:right;
	padding-right:20px;
	}
.tips a{
	color:#fff;
	font-size:120%;
	display:inline-block;
	text-decoration:none;
	padding:10px 20px;
	background-color:#000;
	}
.cbp-l-grid-agency-title{
	font-size:14px;
	font-weight:normal;
	}
/**************************    教學頁 tab 頁籤   ***********************************/
.tabs{
	font-weight:bold;
	height:33px;
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
	}
.tabs li{
	float: left;
    width:250px;
	text-align:center;
	line-height:32px;
	overflow: hidden;
	position: relative;
	margin-right:5px;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #ddd;
	background-color:#ccc;
	-border-bottom:none;
  -webkit-border-radius:5px 5px 0 0;
     -moz-border-radius:5px 5px 0 0;
          border-radius:5px 5px 0 0;
	}
.tabs li a{
	display:block;
	padding:0 10px;	
	}
.tabs li.active, .tabs li.active:hover{
	background:#fff;
	border-bottom:1px solid #fff;
	}
/**************************    infoTab tab 頁籤 內容  ***********************************/
.infoTab{
	margin-top:15px;
	}
.tab_container{
	clear:both;
	width:auto;
	margin-top:20px;
	}
.tab_container p{
	line-height:normal;
	margin-bottom:20px;
	padding:0 8px;
	}
.tab_container ul{
	margin:25px 0 20px 0;
	}
.tab_container img{
	display:block;
	margin:5px 0 25px;
	}
ul.tabs{
	margin:0;
	padding:0;
	}
.tabs li{
	list-style-type:none;
	}
#tab1 img{
	width:100%;
	display:block;
	}
.toolsMenu{
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
	}
.toolsMenu li{
	float:left;
	width:45%;
	height:470px;
	list-style-type:none;
	margin:0 10px 25px 20px;
	}
.toolsMenu p{
	margin-bottom:5px;
	}
#tab3 li{
	list-style-type:none;
	}
.download a{
	text-decoration:underline;
	}
.download img{
	display:inline-block;
	margin:0;
	width:24px;
	height:24px;
	}
.hiddenIE{
	font-size:120%;
	text-align:center;
	max-width:1000px;
	padding:20px 0;
	margin:50px auto 20px;
	background-color:#fededd;
	border:2px dotted #f00;
	}
.hiddenIE img{
	display:inline-block;
	margin:30px 10px 0;
	}
.col-sm-8{
	float:left \9; /*IE8*/
	}
.col-sm-4{
	margin-top:10px  \9; /*IE8*/
	}
@media only screen and (min-width:960px) and (max-width:1200px) {
	.tabs li{
		width:25%;
		}
	.download img{
		display:inline-block;
		margin:0;
		width:24px;
		height:24px;
		}
}
@media screen and (max-width:960px) {
	.container{
		width:100%;
		}
	}
@media only screen and (min-width:768px) and (max-width:959px) {
	.toolsMenu li{
		width:45%;
		}
	.navbar-header{
		margin-bottom:20px;
		}
	.pull-right{
		float:none !important;
		display:none;
		}
	.navbar{
		padding-left:0;
		padding-right:0
		}
	.cbp-wrapper{
		background:none;
		}
	.cbp-item{
		
		}
	.cbp .cbp-item{
		margin:0 5px 25px;
		height:315px;
		background-color:#fff;
		}
	.tabs li{
		width:30%;
		}
	.tab_content img{
		max-width:95%;
		display:block;
		}
	.download img{
		display:inline-block;
		margin:0;
		width:24px;
		height:24px;
		}
}
@media only screen and (max-width:768px) {
	.pull-right{
		display:none;
		}
	.cbp-wrapper{
		background:none;
		}
	.cbp-item{
		background-color:#fff;
		}
	.cbp-item-wrapper{
		height:auto;
		}
	.tab_content img{
		max-width:95%;
		display:block;
		}
	.download img{
		display:inline-block;
		margin:0;
		width:24px;
		height:24px;
		}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container, .cbp-panel, .wrapsemibox{
		width:94%;
		}
	.toolsMenu li{
		width:95%;
		padding:0 10px 25px 0;
		}
	.navbar{
		padding-left:0;
		padding-right:0;
		}
	.navbar-header{
		margin-bottom:20px;
		}
	.navbar > .container .navbar-brand{
		margin:0 15px;
		}
	.container{
		padding-left:0;
		padding-right:0
		}
	.cbp-wrapper{
		background:none;
		}
	.cbp-item{		
		background-color:#fff;
		}
	.cbp .cbp-item{
		margin-left:0;
		margin-bottom:25px;
		}
	.cbp-l-grid-agency-title{
		padding-bottom:20px;
		}
	.cbp-l-filters-button .cbp-filter-item{
		margin:10px 5px 0 0;
		padding:0 10px;
		}
	.tabs{
		height:auto;
		overflow:hidden;
		zoom:1;
		}
	.tabs li{
		width:100%;
		}
	.tab_content img{
		max-width:95%;
		display:block;
		}
	.tab_container{
		margin-top:20px;
		}
	.tab_container ul{
		padding:0 0 0 15px;
		}
	.download img{
		display:inline-block;
		margin:0;
		width:24px;
		height:24px;
		}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .container, .cbp-panel, .wrapsemibox{
		width:94%;
		}
	.navbar > .container .navbar-brand{
		margin-top:0;
		}
	.toolsMenu li{
		width:99%;
		margin:0 0 25px 0;
		padding:0;
		}
	.cbp-wrapper{
		background:none;
		}
	.cbp-item{
		background-color:#fff;
		}
	.cbp .cbp-item{
		margin-left:0;
		margin-bottom:25px;
		}
	.cbp-l-filters-button .cbp-filter-item{
		margin:0;
		padding:0 10px;
		}
	.cbp-l-filters-button{
		padding-top:10px;
		margin-bottom:10px;
		}
	.cbp-l-grid-agency{
		margin-top:0;
		}
	.tabs{
		height:auto;
		overflow:hidden;
		zoom:1;
		}
	.tabs li{
		width:100%;
		}
	.tab_content img{
		max-width:95%;
		display:block;
		}
	.tab_container{
		margin-top:20px;
		}
	.tab_container ul{
		margin:0 0 20px;
		padding:0 0 0 15px;
		}
	.download img{
		display:inline-block;
		margin:0;
		width:24px;
		height:24px;
		}
	#footer-wrapper .copyright, .tips a{
		font-size:100%;
		}
}
@media only screen (min-width: 240px){
	.cbp .cbp-item{
		margin-left:0;
		}
	.navbar{
		padding:10px 0;
		}
	.navbar > .container .navbar-brand{
		margin-top:0;
		}
	.cbp-l-filters-button .cbp-filter-item{
		margin:0;
		}
	.cbp-l-filters-button{
		padding-top:10px;
		margin-bottom:10px;
		}
	.cbp-l-grid-agency{
		margin-top:10px;
		}
	#footer-wrapper .copyright, .tips a{
		font-size:100%;
		}
	}