/* CSS Document */
.headroom--pinned {
    display: block;
}
.headroom--unpinned {
    display: block;
	opacity: 1;
}

/**
 * Note: I have omitted any vendor-prefixes for clarity.
 * Adding them is left as an exercise for the reader.
 */
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-105%);
}

.main-connect{
	width:90%;
	margin:0 auto;
	height: 0px;
	padding-top: 0%;
	padding-bottom: 0%;
}

body{
	background-color: rgba(233,233,233,1.00);
}

#all-index{
	background-color:rgba(255,255,255,1.00);
	width:  1200px;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	overflow-x: hidden;
}
#all{
	background-color:rgba(255,255,255,1.00);
	width:  1200px;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	overflow-x: hidden;
}

    #computer{
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	background-image: url(../images/bimg2.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 1100px;
	background-attachment:scroll;
    }
   

    #nav1-index{
	width: 100%;
	background: rgba(255,255,255,1);
	float: left;
	margin:0 auto;
}
    #nav1-index #n1{
	padding-left: 25px;
	padding-right: 25px;
	display: block;
	width:20%;
	float: left;background: rgba(213,169,170,0);
    }   
    #nav1-index #n2{
	float: right;
	width: 64%;
	padding-top: 35px;
	background: rgba(219,133,135,0);
	display: block;
}
    #nav1-index  #n3{
	float: right;
	width:5%; 
	display: none;
}

    #nav1-index  #n2 li{
	float: left;
	font-size: 18px;
	color: #0D0D0D;
	background: rgba(87,53,53,0);
	list-style-type: none;
	display: block;
	padding-left: 30px;
	padding-right:30px;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: right;
}

	
    #nav1-index  #n2 li:hover{
	border-bottom: 7px solid rgba(31,121,158,1.00);
	padding-bottom: 15px;
	margin-top: -1px;
    }

    
    #nav1-index #n2 .l{
    float: left;
	width: 2px;
	height: 25px;
	background:#000;
     }
    .main-index{
	padding-top: 25%;
	
}
/*-------------------------------------*/
    .nav1-connect{
	position: fixed;
	width: 100%;
	min-width:1200px;
	left: 0;
	top: 0;
	z-index: 99;
	/*transition: all 0.1s ease;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: initial;*/
	background: rgba(255,255,255,1);
	float: left;
	-webkit-box-shadow: 0px 0px 5px 1px;
	box-shadow: 0px 0px 5px 1px;
	
}
    .nav1-connect #n1{
	padding-left: 25px;
	padding-right: 0px;
	height:73px;
	margin-left: 2%;
	margin-right: 0px;
	display: block;
	width: 170px;
	float: left;
	background-color: rgba(213,169,170,0);
	background-image: url(../images/blogo-long.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
    }
    .panel{
	display: none;
	box-shadow: 0 0 0 0;
    }
    .nav1-connect #n2{
	float: right;
	width: 860px;
	padding-top: 24px;
	background: rgba(219,133,135,0);
	display: block;
}
    .nav1-connect .panel {
	margin-bottom: 0;
}
    .fack-nav{
	height: 70px;
    }
    .nav1-connect #n3{
	float: right;
	display: none;
}

    .nav1-connect #n2 li{
	float: left;
	font-size: 18px;
	color: #0D0D0D;
	background: rgba(87,53,53,0);
	list-style-type: none;
	display: block;
	padding-left: 30px;
	padding-right:30px;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: right;
}

	
    .nav1-connect #n2 li:hover{
	border-bottom: 7px solid rgba(31,121,158,1.00);
	padding-bottom: 15px;
	margin-top: -1px;
    }

    
    .nav1-connect #n2 .l{
    float: left;
	width: 2px;
	height: 25px;
	background:#000;
     }

   

    #nav1{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
	transition: all 0.4s ease;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: initial;

		
	width: 100%;
	background: rgba(255,255,255,1);
	float: left;
	margin:0 auto;
}
    #nav1 #n1{
	padding-left: 25px;
	padding-right: 25px;
	display: block;
	width:260px;
	float: left;background: rgba(213,169,170,0);
    }
    .panel{
	display: none;
	box-shadow: 0 0 0 0 ;
    }

    #nav1 #n2{
	float: right;
	width: 64%;
	padding-top: 35px;
	background: rgba(219,133,135,0);
	display: block;
}
    #nav1 #n3{
	float: right;
	width:5%; 
	display: none;
}

    #nav1 #n2 li{
	float: left;
	font-size: 18px;
	color: #0D0D0D;
	background: rgba(87,53,53,0);
	list-style-type: none;
	display: block;
	padding-left: 30px;
	padding-right:30px;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: right;
}

	
    #nav1 #n2 li:hover{
	border-bottom: 7px solid rgba(31,121,158,1.00);
	padding-bottom: 15px;
	margin-top: -1px;
    }

    
    #nav1 #n2 .l{
    float: left;
	width: 2px;
	height: 25px;
	background:#000;
     }

.br{
	display:none;
}
	header{
	float: left;
	width:100%;
	max-width: 1300px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../images/header2.png);

	}

    header h1{
	
	color: rgba(255,255,255,1.00);
	font-size: 58px;
	font-weight: bolder;
	margin: 0 auto;
	text-indent: 0px;
	letter-spacing: 11px;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
	}
	



    /*表單-----------------------------------------*/

    .form{
	margin: 0 auto;
    background: rgba(255,255,255,0);
    }
    /*請輸入查詢條件字樣-----------------------------*/     
    .form-p{	
	width: 100%;
	float: left;
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: 500;
    margin-left: 15px;
    }
     
    .form-p-p-0{
    position:relative;
	display: block;
    text-align: left;
	width: 10px;
	height:11px;
	background:#000;
	bottom:-8px;
}
    .form-p-p-shock{
	display:none;
}
    .form-p-p{
	position:relative;
	bottom:0px;
    display: block;
	color: #000;
	margin-left: -10px;
}
.cross{
	margin-right:5px;
}
/*------------------------------------------*/  
 /*查詢按鈕-----------------------------------*/     
    .form-p1{
	float:left;
	position: relative;
	margin:0 auto;
    left:420px;
	top:30px;
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 2px;
    }

   .button {
	background-color: #FFFFFF; /*Green*/
	border: none;
	padding: 8px 23px 10px 38px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 2px;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
	border-radius: 5px;
	cursor: pointer;
	font-family: "微軟正黑體";
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 15px;
	color: rgba(250,250,250,1.00);

	
}  

    .button2 {
    background-color:rgba(255,100,40,1.00); 
    color: #fff;
    border: 2px solid rgba(255,255,255,1);
}

    .button2:hover {
    /*background-color: #008CBA;*/
	background-color:#fff;
	color: #5C5C5C;
	/*border: 0px solid rgba(20,100,132,1.00);*/
    }
/*------------------------------------------*/    

    .dl{
	width: 1000px;
	margin: 0 auto;
	border: 1px solid  #FFFFFF;
	background: rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 6px 4px rgba(55,55,55,0.6);
	box-shadow: 0px 0px 6px 4px rgba(55,55,55,0.6);
    padding-top:18px;
	padding-bottom: 4px;
    }

    dl{
	width: 1000px;
	padding: 1px;
    } 
.dl-1{
	margin-bottom: 0;
	
}
    
    dl .div1{
	padding-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
    margin:5px 7px 3px 7px;
	border-radius: 4px;
	height:45px;
    }
    
    dl .div2{
	padding-top: 0px;
	padding-bottom: 55px;
	padding-left: 0px;
    padding-right: 0px;
    margin:7px;
	margin-top: 10px;
	border-radius: 4px;
	height: 45px;
    }
    
    dl .div1-1{
	margin-top:-7px;
    margin-bottom:-17px;
    margin-left: 0px;
    }
    .dt-0{
	width: 19.5%;
    float:left;    
    }
    .dt-0-biblesearch{
	width: 25%;
    float:left;    
    }
    .dt-a{
	width: 19.5%;
	height:44px;
	padding-right: 9px;
	text-align: right;
	background: rgba(20,100,132,1.00);
	color: rgba(255,255,255,1.00);	
	font-family: "微軟正黑體";
	font-size: 18px;
	border: 0 solid;
	border-radius: 2px;
	font-weight: 500;
	letter-spacing: 2px;
	display: table-cell;
    vertical-align: middle;
	}
    .dt-b{
	width: 19.5%;
	height:44px;
	padding-right: 9px;
	text-align: right;
	background: rgba(20,100,132,1.00);
	color: rgba(255,255,255,1.00);	
	font-family: "微軟正黑體";
	font-size: 18px;
	border: 0 solid;
	border-radius: 2px;
	font-weight: 500;
	letter-spacing: 2px;
	display: table-cell;
    vertical-align: middle;
	}
    
    .dt1{
	width: 19.5%;
	text-align: right;
	background: rgba(20,100,132,1.00);
	color: rgba(255,255,255,1.00);
	height: 61px;    
	padding-right: 9px;
	font-family: "微軟正黑體";
	font-size: 23px;
	border: 0 solid;
	font-weight: 500;
	letter-spacing: 5px;
	border-radius: 6px 0px 0px 6px;
	display: table-cell;
    vertical-align: middle;

}
    
    .dd-a{
	width: 80%;
	float: right;
	background:rgba(240,245,255,1);
	margin-left: 3px;
	border-radius: 2px;
	border: 0.5px solid rgba(240,245,255,1);

}
    .dd-b{
	width: 80%;
	float: right;
	margin-left: 3px;
	border-radius: 2px;	
	background:rgba(255,255,255,1);
	border: 0.5px dotted #5F5F5F;

	
}
    .dd-0{
	width: 75%;
	border-radius: 0px 6px 6px 0px;
	float:right;
	background: rgba(255,255,255,1);
	border-right: 0.3px dotted #5F5F5F;
	border-top: 0.3px dotted #5F5F5F;
	border-bottom: 0.3px dotted #5F5F5F;
     }
    .dd-0-1{
	width: 75%;
	border-radius: 0px 6px 6px 0px;
	float:right;
	background:rgba(240,245,255,1);
	border-right: 0.3px solid rgba(240,245,255,1);
	border-top: 0.3px solid rgba(240,245,255,1);
	border-bottom: 0.3px solid rgba(240,245,255,1);
     }
    .dd-1{
	margin-left: 0px;
	margin-bottom: 6px;
	padding-left: 10px;
	height: 59px;	
	display: table-cell;
    vertical-align: middle;

	
    }
    .dd-2{
	margin-left: 0px;
	margin-bottom: 6px;
	padding-left: 10px;
    height: 59px;
	display: table-cell;
    vertical-align: middle;

    }
/*表單dd顏色白色*/
    .dd2{	
	background:rgba(255,255,55,0);
	border-radius: 2px;
	height: 42px;
    display: table-cell;
    vertical-align: middle;
	} 
/*表單dd顏色灰色*/
    .dd1{
/*	border: 0.3px dotted #5F5F5F;*/
	background:rgba(255,255,55,0);
	border-radius: 2px;
	height: 42px;
	display: table-cell;
    vertical-align: middle;
	}

.dd1-1{
height: 0px;
padding-top: 0px;
padding-bottom: 0px;
display: table-cell;
vertical-align: middle;
width:150px;
}
.dd1-2{
height: 0px;
padding-top: 0px;
padding-bottom: 0px;
display: table-cell;
vertical-align: middle;
width:120px;
}
.dd1-3{
height: 0px;
padding-top: 0px;
padding-bottom: 0px;
display: table-cell;
vertical-align: middle;
width:120px;

}
.dd1-3-1{
height: auto;
padding-top: 0px;
padding-bottom: 0px;
width:120px;
display: block;
float: left;
}
.select-biblesearch{
margin-left:10px;
float:left;
}
    

 /*表單內容--------------------------------------*/
 /*書名、作者、收藏者----------------------------------*/
    dd .in1{
	width: 100%;
	padding-left: 5px;
	padding-right: 150px;
	height:30px;
    margin-left: 5px;
    float: left;
	font-size: 16px;
	font-family:"微軟正黑體 Light", sans-serif;
	border-radius: 3px;
	font-weight: 500;
	border:#A6A6A6 thin solid;
    }

 /*年代----------------------------------------*/
 /*核取方塊-------------------------------------*/
    dd .in2{
	background: #FFFFFF;
	float: left;
    width:16px;
    height:16px;
	margin-top: -0px;
    }
 
 /*年代整列----------------------------------------*/
     dd p span{
	 display:inline-block;
	 margin-left:2px;
	
	}

/*年代左邊列----------------------------------------*/
    dd .p-1{
	float: none;
	text-align: left;
    margin-left:9px;
	margin-right:5px;
    display:inline-block;
    }
/*年代右邊列的左邊列----------------------------------------*/
    dd .p-2{
	float: none;
	text-align: left;
    margin-left:-7px;
	margin-right:0px;
    display:inline-block;
    }


/*年代右邊列-input--------------------------------*/ 
    dd .in2-1{
	width: 100px;
	float: none;
	padding-left: 5px;	
	height: 30px;
	margin-left: 8px;
	font-size: 16px;
	font-family: "微軟正黑體 Light", sans-serif;
    border-radius: 3px;
    font-weight: 500;
	border:#A6A6A6 thin solid;
    }

/*分類---------------------------------------*/
/*核取方塊-------------------------------------*/
    dd .in3{
	float: left;
    width:16px;
    height:16px;
	margin-top: 0.2px;
    }
/*分類整列-------------------------------------*/
    dd .p1-1{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:9px;
	margin-left:0.1%;
	padding-bottom:5%;
    }
    dd .p1-2{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:9px;
	margin-left:0.1%;
	padding-top: 0%;
	padding-bottom: 0%;
	width:100%;
    }

/*文體格式------------------------------------------*/
/*核取方塊-------------------------------------*/
    dd .in4{
	float: left;
    width:16px;
    height:16px;
	margin-top: 0.2px;
    }
/*文體格式整列-------------------------------------*/
dd .p2-1{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:9px;
    }
dd .p2-2{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:9px;
    }
/*select-biblesearch------------------------------*/
/*.select-biblesearch{
	margin-top: 0px;
}*/
/*聖經章節查詢-頁碼輸入--------------------------------*/
.changepage1{
	height: 40px;
	
}
/*聖經章節查詢-查詢按鈕--------------------------------*/
.button3{
	height: 40px;
	margin-left: -30px;
}
.button4{
	height: 34px; 
	margin-left: -30px;
}
/*輸入數字查詢input--------------------------------*/
.number-go{
	padding-left: 0px
}
.number-go-input{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 36px
}

.footer{
	background:rgba(0,140,170,1.00);
	color:aliceblue;
	width: 1300px;
	padding-top: 25px;
	padding-bottom: 25px;

}

/*connect page---------------------------------*/

.c1{
	background: rgba(255,103,105,1.00);
	height:70px;
}
.c2{
	padding-top: 13px;
	padding-bottom: 0px;
	margin-left: 225px;

}
.c3{
background:rgba(255,161,163,1.00);
}


.connect-form{
width:100%;
padding-top: 4px;
padding-bottom: 3px;
background:rgba(0,140,170,1.00);
float:left;
margin:0 auto;
}

.col-md-1-img{
float:left;
padding-top: 0.5px;
width:36px;
margin-right:15px;
	
}
.col-md-2-1{
width:10%;
margin-right:20px;
float:left;
padding-right: 15px;
padding-left: 15px;
display:block;
height: 39px;
}
select.bs-select-hidden, select.selectpicker{
	display:block!important;
}
.col-md-2-2{
width:40%;
margin-right:20px;
float:left;
padding-right: 15px;
padding-left: 15px;
}
.col-md-2-3{
width:10%;
margin-right:20px;
float:left;
padding-right: 15px;
padding-left: 15px;
}

.col-md-2-4{
width:5%;
float:left;
padding-right: 15px;
padding-left: 15px;
}

hr{ 
	width:100%;
	color: black;
}
.nav5{
	width:100%;
}
.main-connect{
	width:90%;
	margin:0 auto;
	
}
/*分類方式------------------------------------------*/
.bar-class{
	display:block;
	float:left;
	margin-right:20px;
}
.lab1{
	width:auto;
	padding-top: 8px;
	font-size: 18px;
	float:left;
	text-align: left;
}
.form-control-bar-class{
	width:auto;
	float:left;
}
/*數字搜尋------------------------------------------*/
.connect-number	{
	width:auto;
	float:left;
}
.connect-number-bottom{
	padding-top:15px;
}
/*檢視方式------------------------------------------*/
.bar-view{
	width:auto;
	display:block;
	float:right;
	margin-left:20px;
}
.top-bar .btn{
	padding-top:4.5px;
	padding-bottom:4.5px;
}
.bottom-bar .btn{
	padding-top:4.5px;
	padding-bottom:4.5px;
}
.top-bar{
margin:0 auto;
width:100%;
float:left;
display: block;
margin-top: 10px;	
margin-bottom: 10px;	
}
.page-range{
display:none;
}
.top-bar-c{
margin:0 auto;
width:100%;
float:left;
display: block;
margin-top: 10px;	
margin-bottom: 5px;	
}
.bottom-bar{
margin:0 auto;
width:100%;
float:left;
display: block;
margin-top: 5px;	
margin-bottom: 10px;		
}
/*底線-----------------------------------------*/
.hr-contect-bottom{
	display: block;
	float: left;
margin-top: 20px;
}
/*搜尋結果字樣-----------------------------------------*/
.search-result-connect{
	diplay:block;
	float:left;
	text-align: left;
	width:100%;
	padding-top: 40px;
	padding-bottom: 20px;
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-weight: 600;

}
/*搜尋結果字樣-----------------------------------------*/
.search-result{
	diplay:block;
	float:left;
	text-align: left;
	width:100%;
	padding-top: 40px;
	padding-bottom: 20px;
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-weight: 600;

}
/*表格-----------------------------------------*/
.table1{
margin-bottom: 10px;
}
th{
	font-weight: 600;
	text-align: center;
}
tr th+td{
	text-align: justify;
}
tr th img{
	width:100px;
}
.number{
	min-width: 30px;
}
.bookname{
	overflow-x: hidden;
	overflow-y: hidden;

}
.classfile{
	min-width: 90px;
}
.year{
	min-width: 90px;
}
.cyear{
	min-width: 90px;
}
.writter{
	min-width: 110px;
}
.lang{
	min-width: 90px;
}
.lang-form{
	min-width: 90px;
}
.note{
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	margin-top:8px;
	margin-bottom: 25px;
}
tr th+td p{
height:18px;
line-height:18px;
width:330px;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;	
}
/*----------------------*/
.content-title{
font-size:30px;
text-align: left;
margin-bottom: 5px;
margin-top: 20px;
}
.content-img{
	text-align: left;
}
.dropdown-menu,.dropdown-backdrop, .filter-option, .form-control {
	font-size:18px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
.form-control-1{
width:100%;
padding-top:0px;
padding-bottom: 0px;
margin-right:20px;
font-size: 18px;
height:39px;
}
.form-control-2{
width:100%;
padding-top:10px;
padding-bottom: 9px;
margin-right:20px;
}
/*聖經章節-搜尋按鈕*/
.btn-warning1-index {
	color: #fff;
	background-color: rgba(255,100,40,1.00);
	border-color: #FFFFFF;
	border-width: 0px;
	font-size:18px;
	padding-top: 8px;
	padding-bottom: 31px;
	width:80px;
	-moz-box-shadow:inset 0px 0px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fff;
	box-shadow:inset 0px 0px 0px 0px #fff;
	

}
.btn-warning1-content {
	color: #fff;
	background-color: rgba(255,100,40,1.00);
	border-color: #FFFFFF;
	border-width: 0px;
	font-size:18px;
	padding-top: 0px;
	padding-bottom: 0px;
	width:80px;
	-moz-box-shadow:inset 0px 0px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fff;
	box-shadow:inset 0px 0px 0px 0px #fff;
	

}

.btn-warning1-index:focus,
.btn-warning1-index.focus {
	color: #fff;
	background-color: #EC841F;
	border-color: #FFFFFF;
}
.btn-warning1-index:hover {
	color: #fff;
	background-color: #D46C11;
	border-color: rgba(255,255,255,0.73);
}
.btn-warning1-index:active,
.btn-warning1-index.active{
  color: #fff;
  background-color: #ec971f;
  

}
.btn-warning1-index:active:hover,
.btn-warning1-index.active:hover,
.open > .dropdown-toggle.btn-warning1-index:hover,
.btn-warning1-index:active:focus,
.btn-warning1-index.active:focus,
.open > .dropdown-toggle.btn-warning1-index:focus,
.btn-warning1-index:active.focus
 {
	color: #DFDFDF;
	background-color: #d58512;
	border-color: #985f0d;
}
/*----------------------------------*/
.btn-warning1 {
	color: #fff;
	background-color: rgba(255,100,40,1.00);
	border-color: #FFFFFF;
	border-width: 0px;
	font-size:18px;
	padding-top: 8px;
	padding-bottom: 31px;
	width:80px;
	-moz-box-shadow:inset 0px 0px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fff;
	box-shadow:inset 0px 0px 0px 0px #fff;
	

}

.btn-warning1:focus,
.btn-warning1.focus {
	color: #fff;
	background-color: #EC841F;
	border-color: #FFFFFF;
}
.btn-warning1:hover {
	color: #fff;
	background-color: #D46C11;
	border-color: rgba(255,255,255,0.73);
}
.btn-warning1:active,
.btn-warning1.active{
  color: #fff;
  background-color: #ec971f;
  

}
.btn-warning1:active:hover,
.btn-warning1.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning1:active:focus,
.btn-warning1.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus
 {
	color: #DFDFDF;
	background-color: #d58512;
	border-color: #985f0d;
}




/*.table-discript{
margin-top: 65px;	
}*/

.lb-close{
	z-index: 9999;

}
/*表單下背景--------------------------------*/
.tab-content{
	background: rgba(255,255,255,2);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: 7px;
	
	
}
.nav-item1{
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	margin-right: 8px;
}

.nav-tabs{
	border-bottom: 1px solid rgba(255,255,255,1.00);

}
.nav-item1 a{
	color: rgba(255,255,255,1.00);
	text-shadow: 0px 0px 8px rgba(0,0,0,1.00);
	letter-spacing: 5px;
	text-indent: 4px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #515151;
	cursor: default;
	background-color: #fff;
	border: 1px solid #fff;
	text-shadow: 0px 0px 0px rgba(0,0,0,1.00);
	
}
.nav-tabs > li.active > a,
.nav-tabs a:hover,
.nav-tabs > li.active > a:focus {
	color: #1F7FA6;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #fff;
	text-shadow: 0px 0px 0px rgba(0,0,0,1.00);
	-webkit-box-shadow: 0px 0px 6px 4px rgba(55,55,55,0.6);
	box-shadow: 0px 0px 6px 2px rgba(55,55,55,0.6);
}
/*一般查詢標籤大背景--------------------------------*/
.row-nav-tabs{
	height: 51px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: hidden;
	width:1000px;
	margin:0 auto;
}



/*手機板-----------------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:800px) {
.container{
width: 100%;
}
.container-fluid{
width: 100%;		
}
#all{
width:100%;
}
#all-index{
	background-color:rgba(255,255,255,1.00);
	width:  1200px;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	overflow-x: hidden;
}
/*top*/
/*top排*/
#nav1{
	width:100%;
	padding-top: 2%;
	padding-bottom: 1.1%;
	background: rgba(255,255,255,0.95);
	z-index: 999
}
/*top-信望愛LOGO*/	
#nav1 #n1{
	width:40%;
	display: block;
	float: left;
	padding-top: 0%;
	padding-bottom: 0%;
    padding-left: 0%;
	padding-right: 0%;
	margin-left: 29%;
    margin-top:-2%;
	margin-bottom:-2%;
}
/*fhl-content--------------------------------------------------------*/
	.content-number-top{
		margin-bottom:0px;
		padding-bottom:0px;
	}
	.content-number-bottom{
		margin-top:0px;
		padding-top:0px;
		
	}
	.content-lightbox{
    width:100%;
	margin:0 auto;
	}
	.table-discript{
	width:100%;
	margin:0 auto;	
	padding-right: 15px;
	}
	.table-discript tr th{
	width: 30%;
	text-align: right;
	}
	.table-discript tr td{
	width:70%;	
	}
/*fhl-index----------------------------------------------------------------*/
/*top-nav排*/
#nav1-index #n2{
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 2%;
	background: rgba(219,133,135,0);
	display: none;
	border-bottom: 1px solid;
	}
/*top-nav排-選項*/
#nav1-index #n2 li{
	width: 100%;
	float: left;
	font-size: 150%;
	padding-top: 2%;
	text-align: left;
	letter-spacing: 50px;
	border-top:1px solid rgba(50,50,50,1.00);
	
}
#nav1-index #n2 li:hover{
	border-bottom: none;
	padding-bottom: 10px;
	padding-top:10px;
	margin-top: 0px;
	background: rgba(166,166,166,1.00);
	color:#fff;
}
/*top-nav分隔條*/
#nav1-index #n2 div{
	display: none;
}
/*top-漢堡ICON*/
#nav1-index #n3{
	float: right;
	width:10%;
	display: block;
	margin-top: 1.1%;
    margin-bottom: 1%;
	margin-right:2%;
}
/*聖經章節-搜尋按鈕*/
.btn-warning1-index {
	color: #fff!important;
	background-color: rgba(255,100,40,1.00);
	border-color: #000;
	border-width: 0px;
	font-size:25px;
	padding-bottom: 45px;
	width:100%;
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5);
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5);
	border-radius: 10px	;
}	
/*index區----------------------------------------------*/
#computer{
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	background-image: url(../images/bimg2.png);
	background-repeat: repeat;
	background-size: cover;
	position: relative;
	background-attachment:scroll;
	float:left;
    height:auto;
    padding-bottom:0px;
	 }
.main-index{
padding-top:10px;
}
/*index表格----------------------------------------------------------------------------------*/
	
/*表單下背景--------------------------------*/
.tab-content{
	background: rgba(255,255,255,1);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0px;
	
}
/*一般查詢&聖經章節查詢標籤*/
.nav-item1{
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	float:none;
	margin-right: auto;
	margin-left:3%;
	width:47%;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(54,54,53,0);
	box-shadow: 0px 0px 3px 0px rgba(54,54,53,0);
}
.nav-item2{
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	float:none;
	margin-right: 3%;
	margin-left:auto;
	width:47%;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(54,54,53,0);
	box-shadow: 0px 0px 3px 0px rgba(54,54,53,0);
}
.nav-link{
width:100%		
}
/*一般查詢&聖經章節查詢標籤底下的線*/
.nav-tabs{
	border-bottom: 3px solid rgba(0,200,215,1);
	
}
/*標籤內字樣*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #515151;
	cursor: default;
	background-color: rgba(00,200,215,1);
	border: 1px solid rgba(00,200,215,1);
	text-shadow: 0px 0px 0px rgba(0,0,0,1.00);
	z-index: 99	
}

.nav-tabs > li.active > a,
.nav-tabs a:hover,
.nav-tabs > li.active > a:focus {
	color: #404040;
	cursor: pointer;
	background-color: rgba(00,200,215,1);
	border: 1px solid rgba(00,200,215,1);
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 3px 0px 3px 0px rgba(54,54,53,0.00);
	box-shadow: 3px 0px 3px 0px rgba(54,54,53,0.00);

}
	.nav-item1 a{
	color: rgba(255,255,255,1.00);
	text-shadow: 0px 0px 8px rgba(0,0,0,0.00);
	text-indent: 0px;
}
.nav-item1 a:hover{
	color: #515151;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.00);
	text-indent: 0px;
}
	.nav-item2 a{
	color: rgba(255,255,255,1.00);
	text-shadow: 0px 0px 8px rgba(0,0,0,0.00);
	text-indent: 0px;
}
.nav-item2 a:hover{
	color: #515151;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.00);
	text-indent: 0px;
}
/*包住:一般查詢標籤&聖經章節查詢之背景--------------------------------*/
.row-nav-tabs{
	height: 51px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: hidden;
	width:100%;

}

.dl{
	width: 100%;
	border: 0px solid  #FFFFFF;
	background: rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 6px 4px rgba(55,55,55,0.6);
	box-shadow: 0px 0px 6px 4px rgba(55,55,55,0);
    padding-top:0px;
	padding-bottom: 50px;
	float:left;
	margin-left:0%;
	margin-right:0%;
	height:auto;

    }  
/*    一般查詢每一列*/
    dl .div1{
	float: left;
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
    padding-right: 30px;
    margin:0px 0px 0px 0px;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
	border-radius: 0px;
	height:auto;
	background: rgba(201,180,181,0.00);
	border-bottom: 1px solid rgba(0,255,255,0.3);
    }
	.bible-old{
	width:auto;
		
	}
	
 /*    經文查詢每一列*/   
    dl .div2{
	float: left;
	width:100%;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 30px;
    padding-right: 30px;
    margin:0px 0px 0px 0px;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
	border-radius: 0px;
	height:auto;
	background: rgba(201,180,181,0.00);
	border-bottom: 1px solid rgba(0,255,255,0.3);
    }
	dl .div2-old-bible{
	border-bottom: 0px solid rgba(0,255,255,0.3);	
	padding-bottom: 50px;
	}
/* 一般查詢&經文查詢最後一列*/   
	dl .div-form{
	border-bottom: 0px solid rgba(0,255,255,0.3);
	}
 /**請輸入查詢條件(無勾選代表搜尋全部)註解*/ 
	.cross{
		font-size:20px;
		float:left;
		margin-top:-1px;
		margin-right:0px;
	}
	.form-p-p-0{
		background: #fff;
		display: none;
	}
	
	.form-p-p{
		color:rgba(00,200,215,0.8);
		/*margin-right:14px;*/
		float:left;
		display: inline-block;
		padding-left: 0px;
		margin-left:0px;
	}
	
    dl .div1-1{
	margin-top:5px;
    margin-bottom:-5px;
	float:right;
	border-bottom: 0px solid rgba(0,255,255,1);
    }
	.form-p{	
	width: 100%;
	float: left;
	text-align: right;
	font-family: "微軟正黑體";
	font-size: 15px;
    margin-left: 0px;
	background: rgba(0,0,0,0.00);
	margin-bottom:-10px;
		
    }
/*--------------------------------------*/
    .dt-0{
	width: 35%;
    float:left; 
		
    }
    .dt-0-biblesearch{
	width: 35%;
    float:left;    
    }
	/*一般查詢-dt*/
    .dt-a{
    width: 100%;
	height: auto;
	float:left;
	text-align: right;
	background: rgba(20,100,132,0.00);
	color: rgba(0,210,215,1);
	font-family: "微軟正黑體";
	font-size: 23px;
	text-shadow: 0 0 5px #000;
	border-radius: 0px;
	letter-spacing: 0px;
	padding-right: 10px;
	padding-top:0px;
	margin-top:0px;
	}
	.dt-mobo{
	width: 100%;
	height:auto;
	float:left;
	text-align: right;
	background: rgba(20,0,132,0.00);	
	border: 0 solid;
	border-radius: 0px;
	letter-spacing: 0px;
	padding-right: 10px;
	padding-top:0px;
	margin-top:0px;
	}
    .dt-b{
	width: 35%;
	height: 40px;
	text-align: right;
	background: rgba(20,100,132,0.00);
	color: rgba(0,210,215,1);
	font-family: "微軟正黑體";
	font-size: 20px;
	text-shadow: 0 0 5px #000;
	border: 0 solid;
	border-radius: 0px 0px 0px 0px;
	letter-spacing: 0px;
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	}
 /*經文查詢-dt*/
	.dt-0-biblesearch{
	width: 100%;
	height:auto;
	float:left;
	}
    .dt1{
	width: 100%;
	height: 40px;
	text-align: left;
	background: rgba(20,100,132,0.00);
	color: rgba(0,210,215,1);
	font-family: "微軟正黑體";
	font-size: 23px;
	text-shadow: 0 0 5px #000;
	border: 0 solid;
	border-radius: 0px 0px 0px 0px;
	letter-spacing: 0px;
	padding-left: 10px;
	float:left;

}
 /*   一般查詢-dd背景1*/
    .dd-a{
	width: 65%;
	float: right;
	background:rgba(240,245,255,0);
	margin-left: 0px;
	border-radius: 0px;
	border: 0px solid rgba(240,245,255,1);
	height: auto;
	
}
/*   一般查詢-dd背景2*/
    .dd-b{
	width: 65%;
	float: right;
	margin-left: 0px;
	border-radius: 0px;	
	background:rgba(255,255,255,0);
	border: 0px dotted #5F5F5F;
	height: auto;	
}
/*   經文查詢-dd背景1*/
    .dd-0{
	width: 100%;
	float: left;
	background:rgba(240,245,255,0);
	margin-left: 0px;
	border-radius: 0px;
	border: 0px solid rgba(240,245,255,1);
	height: auto;
     }
/*   經文查詢-dd背景1*/
    .dd-0-1{
	width: 100%;
	float: left;
	background:rgba(240,245,255,0);
	margin-right: 0px;
	border-radius: 0px;
	border: 0px solid rgba(240,245,255,1);
	height: auto;
     }
    .dd-1{
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	height: auto;	
	float:left;
	width:100%;

    }
    .dd-2{
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	height: auto;	
	float:left;
	width:100%;
    }
	
/*表單dd顏色白色*/
    .dd2{	
	background:rgba(255,255,55,0);
	border-radius: 0px;
	height: auto;
	width:100%;
	float:left;
	
	} 
/*表單dd顏色灰色*/
    .dd1{
/*	border: 0.3px dotted #5F5F5F;*/
	background:rgba(255,255,55,0);
	border-radius: 0px;
	height: auto;
	width:100%;
	float:left;
	}

.dd1-1{
height: 30px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right:10px;
margin-top:0px;
margin-bottom:20px;
width:100%;
float:left;
}
.dd1-2{
height: 30px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right:10px;
margin-top:0px;
margin-bottom:20px;
width:100%;
float:left;
}
.select-biblesearch{
margin-left:0px;
width:100%;
float:left;
height: 30px;
padding-top: 0px;
padding-bottom: 0px;
margin-top:0px;
margin-bottom:20px;
}
	
/*聖經章節查詢-頁碼輸入--------------------------------*/
.changepage1{
height: 40px;
float:left;
width:100%;
font-size:23px; 

}
/*聖經章節查詢-查詢按鈕--------------------------------*/
.button3{
	height: 60px;
	margin-left: 0px;
	float:left;
	}
/*輸入數字查詢input--------------------------------*/
.number-go1{
width:100%;
float:left;
height: 40px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:0px;
padding-right: 0px;
margin-top:0px;
margin-bottom:0px;
font-size:20px; 
}
.number-go2{
width:100%;
float:left;
height: 40px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:0px;
padding-right: 0px;
margin-top:0px;
margin-bottom:0px;
font-size:20px; 
}
.number-go-input{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 40px;
	float:left;
    font-size:18;
	font-size: 16px;
}
.bible-btn-search-input{
	margin-left:0%;
	width:88%;
	height: 40px;
	marging:0;
}
.number-go1-word{
padding-top:5px;
padding-left:5px;
font-size:25px;
color:#fff;
float:left;
}
/*聖經章節-搜尋按鈕*/

.btn-warning1-index {
	color: #fff!important;
	background-color: rgba(255,100,40,1.00);
	border-color: #000;
	border-width: 0px;
	font-size:20px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 50px;
	border-radius: 3px;
	width:33.3%;
	float:left;
	margin:10px 33.3%;
	}
    

 /*表單內容--------------------------------------*/
 /*書名、作者、收藏者----------------------------------*/
    dd .in1{
	width: 95%;
	height: 30px;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	float: left;
	font-size: 16px;
	font-family: "微軟正黑體 Light", sans-serif;
	border-radius: 0px 0px 0px 0px;
	font-weight: 500;
	border: #A6A6A6 thin none;
    }

 /*年代----------------------------------------*/
	.dt-mobo-0{
	width: 35%;
	height:40px;
	float:left;
	text-align: right;
	background: rgba(20,100,132,0.00);
	color: rgba(255,255,255,1.00);	
	font-family: "微軟正黑體";
	font-size: 20px;
	border: 0 solid;
	border-radius: 0px;
	letter-spacing: 0px;
	padding-right: 0px;
	padding-top:0px;
	margin-top:0px;
	}

	
 /*核取方塊-------------------------------------*/
    dd .in2{
	background: #FFFFFF;
	float: left;
    width:20px;
    height:20px;
	margin-top: 0.5%;
    }
 
 /*年代整列----------------------------------------*/
     dd p span{
	 display:inline-block;
	 margin-left:2px;
	 margin-top:0px;
	 height: 0px;
	 color: #fff;
	 text-shadow: 0 0 5px #000;
	 font-size:20px;
	}

/*年代左邊列----------------------------------------*/
    dd .p-1{
	float: left;
	text-align: left;
	display:inline-block;
    margin-left:0.1%;
	margin-right:5px;
    padding-bottom: 3.5%;
	padding-top: 0%;
	width:100%;
    }
	

/*年代右邊列-左邊列----------------------------------------*/
	.year-comma{
	display:none;
	}
    dd .p-2{
	float: left;
	text-align: left;
	display:inline-block;
    margin-left:0%;
	margin-right:0px;
	padding-top: 0%;
	padding-bottom: 0%;
	width:100%;
    }
	dd .p-2 .or{
	float: left;
	height: 30px;
	margin-right:2%;
	padding-top: 5px;
	padding-bottom: 0%;
    }
/*年代右邊列-input--------------------------------*/ 
    dd .in2-1{
	width: 100px;
	float:left;
	height: 30px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 0.2%;
	padding-left: 5px;	
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	font-family: "微軟正黑體 Light", sans-serif;
    border-radius: 0px;
    font-weight: 500;
	border:#A6A6A6 thin none;
    }

/*分類---------------------------------------*/
/*核取方塊-------------------------------------*/
    dd .in3{
	float: left;
    width:20px;
    height:20px;
	margin-top:0.5%;
    }
/*分類整列-------------------------------------*/
    dd .p1-1{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:0.1%;
	padding-top: 0%;
	padding-bottom: 5%;
	width:100%;
    }

/*文體格式------------------------------------------*/
/*核取方塊-------------------------------------*/
    dd .in4{
	float: left;
    width:20px;
    height:20px;
	margin-top: 0.5%;
    }
/*文體格式整列-------------------------------------*/
dd .p2-1{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:0.1%;
	padding-top: 0%;
	padding-bottom: 3.5%;
	width:100%;
    }
dd .p2-2{
	float: left;
	text-align: left;
	display:inline-block;
	margin-right:10px;
	margin-left:0.1%;
	padding-top: 0%;
	padding-bottom: 0%;
	width:100%;
    }
	
.form-p1{
	float:left;
	width:90%;
	margin-left:5%;
    margin-right:5%;
	margin-top:20px;
	margin-bottom:20px;
    left:0px;
	top:0px;
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0px;
    }

   .button {

	background-color: #FFFFFF; /*Green*/
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 0px 0px;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
	border-radius: 5px;
	cursor: pointer;
	font-family: "微軟正黑體";
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0px;
	color: rgba(250,250,250,1.00);

	
}  

    .button2 {
	width:80%;
	padding: 12px 0px 12px 0px;
    background-color:rgba(255,100,40,1.00); 
    color: #fff;
	-moz-box-shadow:inset 0px 0px 1px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
    border: 1px solid rgba(0,0,0,0.3);
	margin:0 auto;
}

   /* .button2:hover {
	background-color:#fff;
	color: #5C5C5C;
    }
	*/
	.button2:focus,
.button2.focus {
	color: #fff;
	background-color: #EC841F;
	border-color: #FFFFFF;
}
.button2:hover {
	color: #fff;
	background-color: #D46C11;
	border-color: rgba(255,255,255,0.73);
}
.button2:active,
.button2.active{
  color: #fff;
  background-color: #ec971f;
  

}
.button2:active:hover,
.button2.active:hover,
.open > .dropdown-toggle.button2:hover,
.button2:active:focus,
.button2 .active:focus,
.open > .dropdown-toggle.button2:focus,
.button2:active.focus
 {
	color: #DFDFDF;
	background-color: #d58512;
	border-color: #985f0d;
}

/*select-biblesearch------------------------------*/
/*.select-biblesearch{
	margin-top: 0px;
}*/



	
/*-------------------------------------------------------------------------------connect頁*/
/*top排*/
.fack-nav{
height:54px;
    }
.nav1-connect{
	width:100%;
	height:55px;
	padding-top: 8px;
	padding-bottom:8px ;
	background: rgba(255,255,255,1);
	z-index: 999;
	display:block;
	position: fixed;
	min-width: 100%;
	float: left;
	margin:0 auto;
}
/*top-信望愛LOGO*/	
.nav1-connect #n1{

	display: block;
	padding-top: 0%;
	padding-bottom: 0%;
    padding-left: 0%;
	padding-right: 0%;
	margin-left: auto;
	margin-right: auto;
    margin-top:-6px;
	margin-bottom:0%;
    float:none;
	height:50px;
	width: 210px;
	background-color: rgba(213,169,170,0);
	background-image: url(../images/blogo-long.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
/*top-nav排*/
.nav1-connect #n2{
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 2%;
	display: none;
	border-bottom: 1px solid;
	border: 1px solid rgba(100,100,100,1.00);
	background: rgba(255,255,255,1.00);
	}
/*top-nav排-選項*/
.nav1-connect #n2 li{
	width: 100%;
	float: left;
	font-size: 100%;
	padding-top: 2%;
	text-align: left;
	letter-spacing: 5px;
	border-top:0px solid rgba(50,50,50,1.00);
	background: rgba(255,255,255,1.00);
	
}
.nav1-connect #n2 li:hover{
	border-bottom: none;
	padding-bottom: 10px;
	padding-top:10px;
	margin-top: 0px;
	background: rgba(166,166,166,1.00);
	color:#fff;
}
/*top-nav分隔條*/
.nav1-connect #n2 div{
	display: none;
}
/*top-漢堡ICON*/
.nav1-connect #n3{
	float: right;
	width:35px;
	display: block;
	margin-right:2%;
	margin-top:0px;
	position:absolute;
	top:10px;
	right:0;
	

}

header{
display:none;
}
	
.c2{
	padding-top: 0%!important;
    padding-bottom: 0%;
	margin-left: 4%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	}
/*藍色搜尋條*/
.connect-form{
height: 50%!important;
margin-top: 0%;
margin-bottom: 0%;
padding-top: 10px;
padding-bottom: 10px;
width:100%;

}
	
/*搜尋ICON--------------------------------------*/
.col-md-1-img{
/*display:none;*/
float:left;
padding-top: 6px;
width:30px;
margin-left:-2px;
margin-right:0px;
padding-right:5px;

	}
/*分類*/
.col-md-2-1{
width:25% !important;
float:left;
margin: 0px;
display:none;
}
/*輸入關鍵字*/
.col-md-2-2{
width:89% !important;
float:right;
height: 39px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
	
.form-group1{
margin-top: 0px!important;
margin-bottom: 0px;

}
/*檢視方式*/
.col-md-2-3{
display:none;
width:100% !important;
float:left;
margin-top: 0px;
margin-bottom: 0px;
}
/*搜尋紐*/
.col-md-2-4{
display:none;
width:100% !important;
float:left;
margin-top: 10px;

}


/*---------------------------*/
.btn-warning1 {
	display:none;
	color: #fff!important;
	background-color: rgba(255,100,40,1.00);
	border-color: #000;
	border-width: 0px;
	font-size:25px;
	padding-bottom: 45px;
	width:100%;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	border-radius: 10px	;

}	
.btn-default{
float:left;
width:100% !important;
color: #333;
background-color: #fff;
border: 1px solid rgba(200,200,200,1.00);
-moz-box-shadow: inset 0px 1px 0px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
box-shadow: inset 0px 1px 0px 0px #fff;

}
/*,.dropdown-backdrop, .dropdown-menu*/ .c2 .filter-option{
font-size:25px;
}

.form-control-1{
width:100%;
}

/*搜尋結果顯示字樣*/
.search-result-connect{
	diplay:block;
	float:left;
	text-align: center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color:rgba(0,0,0,1.00);
	font-size: 12px;
	font-weight: 600;
	}
/*---------------------------------------------------------------------------------------------------------main-connect區*/	
.main-connect{
width:96%!important;
margin-left:2%;
margin-right:2%;
}
/*top-bar*/
.top-bar{
margin:0 auto;
text-align: center;
width:100%;
display: block;
margin-top: 0px;	
margin-bottom: 5px;	
background: rgba(172,102,103,0.00);
}

/*bottom-bar*/
.bottom-bar{
margin:0 auto;
width:100%;
float:left;
display: block;
margin-top: 0px;	
margin-bottom: 5px;	
}
/*分類方式*/
.bar-class{
display:none;
}
/*檢視方式-*/
.bar-view{
display:none;
}
/*數字搜尋*/
.connect-number	{
width:100%;
padding-top:0px;
margin-left:0px;
margin-right:0px;
float:left;
background: rgba(235,146,148,0);
}
.number-top{
width:100%;
}

.number-go{
width:200px;
padding-left:0px;
float:left;
display:none;
}
.pagination li a{
font-size: 12px;
padding-left:6px;
padding-right:6px;
padding-top:5px;
padding-bottom:5px;
}

/*--------------------------------------------------------------------------------------------------------表格	*/
.table-responsive{
white-space:normal;
overflow:hidden;
}
.table-layout{

}
table {
border: 0px solid #ddd !important;
width:100%!important;
}
table thead {
/*display: none;*/
}
	
.classfile, .year, .cyear, .writter, .lang, .lang-form{
display: none;		
}
/*表格每行------------------------*/
table tr {
padding-top: 0%;
padding-bottom: 0%;
border-bottom: 1px solid #ddd !important;
display: block;
width:100%;
float:left;

}
/*內容(分類、年代...)	-----------------------------*/
table td {
width:95%;
display: block;
height: 26px;
text-align: left;
border: 0px solid #000!important;
white-space:normal;
float:left;
margin-left:5%;
/*white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;	*/
}	
.forst-class{
margin-top: -2%;		
}
.last-class{
margin-bottom: 3%;
}

/*表格-第一行-號-*/
.number{
display: block;
min-width: 5%;
width:5%;
float:left;
text-align: left;
padding-right: 0%;
padding-left: 0%;

}			
/*表格-第一行-書名	*/
.bookname{
display: block;	
width:95%;
float:right;
text-align: left;	
white-space:nowrap;
padding-left: 0%;
padding-right:0%;

}
/*表格-每一行-號-號碼*/
tr>th{
display: block;	
width:5%;
float:left;
text-align: left;
border: 0px none #fff !important;
height: auto;
}	
/*表格-每一行-書名------------------------------*/	
	
tr th+td {
display: block;	
width:95%;
margin-left:0%;
margin-bottom:0%;
border: 0px none #fff;
float:left;
height: auto;
}

	
tr th+td p{
width: 100%;
height: auto;
white-space:normal;
/*text-overflow: ellipsis;*/
font-size:110% ;
line-height: 24px;
}

.note{
	font-size:70%;
	line-height: 110%;
	padding-left: 10px;
	padding-right:10px;
}
.footer{
	background:rgba(0,140,170,1.00);
	color:aliceblue;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	float:left;
}
.headroom--pinned {
    display: block;
}
.headroom--unpinned {
    display: none;
	opacity: 1;
}
/*connet-photo版本------------------------------------------*/
.table-connect-photo tr th+td {
display: block;	
width:95%;
margin-left:5%;
margin-bottom:0%;
border: 0px none #fff;
float:left;
height: auto;
} 
.table-connect-photo tr th img {
padding-top: 4px;
margin-bottom: -8px;
} 
/*table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}*/
}

/*平板板-----------------------------------------------------------*/
@media screen and (min-width:400px) and (max-width:600px) {
.c2{
	padding-top: 0%!important;
    padding-bottom: 0%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	
	}
/*藍色搜尋條*/
.connect-form{
height: 0%!important;
margin-top: 0%;
margin-bottom: 0%;
padding-top: 10px;
padding-bottom: 10px;
width:100%;
}	
.col-md-1-img{
/*display:none;*/
float:left;
padding-top: 6px;
width:30px;
margin-left:-2px;
margin-right:0px;
padding-right:5px;
}
/*分類*/
.col-md-2-1{
width:25% !important;
float:left;
margin: 0px;
display:none;

}
/*輸入關鍵字*/
.col-md-2-2{
width:92% !important;
float:right;
height: 39px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}	
	

}

/*@media (min-width: 768px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}*/