/*頁面頂部區塊*/
.page_header {
	background-image: url('../images/per_page/header_bg_01.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	height: 140px;
	padding-top: 0;
	margin-top: 90px;
	background-color: #707070;
}

.page_header h1 {
	font-size: 2.1em;
	color: #FFF;
	margin-top: 55px;
	margin-bottom: 0px;
	white-space: nowrap;
	max-width: 100%;
    overflow: hidden;
    margin-left: 44px;
}
.page_header .breadcrumb{
	position: absolute;
	right: 0;
	background-color: transparent;
    border-radius: 0;
    padding-right: 23px;
    margin-top: 51px;
}
.page_header .breadcrumb a,
.page_header .breadcrumb a:hover,
.page_header .breadcrumb a:visited,
.page_header .breadcrumb a:active,
.page_header .breadcrumb a:focus {
	color: #f3f3f3;
}
.page_header .breadcrumb > .active {
	color: #cbcbcb;
}

.mobile_top_height {
	height: 50px;
}

/*主要內容區塊*/
.main_content_type_3to9 {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 60px;
}
.main_content_type_3to9 .content_item {
	float: left;
	position: relative;
}
.main_content_type_3to9 .left_menu {
	width: 21.31944444%;
}
.main_content_type_3to9 .right_main {
	width: 78.68055555%;
}


.main_content_type_5to5 {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 60px;
	margin-top: 60px;
}


.right_main > h3 {
	margin-top: 0;
    font-size: 1.8em;
    margin-bottom: 0;
    padding: 55px 0px 44px;
    font-weight: bold;
}
@media (max-width: 767px) {
	.right_main > h3 {
		margin-top: 0;
	    font-size: 1.8em;
	    margin-bottom: 0;
	    padding: 35px 0px 10px;
	    font-weight: bold;
	    text-align: center;
	}
}
.right_main > h3.normal {
	color: #E50017;
}

.left_menu_type_b {
	padding-top: 54px;
}
.left_menu_type_b ul,
.left_menu_type_b li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.left_menu_type_b li > a,
.left_menu_type_b li > a:visited{
	font-size: 1.2em;
    padding: 0 0 12px;
    display: block;
    color: #000;
}
.left_menu_type_b li > a:hover,
.left_menu_type_b li > a:active,
.left_menu_type_b li > a:focus {
	color: #E50017;
}
@media (max-width: 767px) {
	.main_content_type_3to9 .left_menu {
		width: 0%;
		display: none;
	}
	.main_content_type_3to9 .right_main {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}



.pagination > li > a,
.pagination > li > span,
.pagination > li > a .fa,
.pagination > li > span .fa {
	border: 1px solid transparent;
	color: #707070;
	background-color: transparent;
}.pagination > li > a,
.pagination > li > span {
	font-size: 1.35em;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:hover .fa,
.pagination > li > span:hover .fa,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:focus .fa,
.pagination > li > span:focus .fa {
	color: #FFF;
	background-color: #E70111;
    border-color: transparent;
}

.pagination > .disabled > a:hover .fa,
.pagination > .disabled > span:hover .fa,
.pagination > .disabled > a:focus .fa,
.pagination > .disabled > span:focus .fa {
	color: #707070;
	background-color: #FFF;
    border-color: transparent;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #707070;
	background-color: transparent;
    border-color: transparent;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #FFF;
	background-color: #E70111;
    border-color: transparent;
}
.biostar_page_block {
	height: 81px;
	position: relative;
}
.biostar_page_block .biostar_page {
	position: absolute;
	right: 0px;
}


@media (max-width: 767px) {
	.biostar_page_block {
		position: relative;
		margin-right: -15px;
		margin-left: -15px;
	}
	.biostar_page_block .biostar_page {
		position: static;
		margin-left: auto;
	    margin-right: auto;
	    display: table;
	}
	.pagination > li > a,
	.pagination > li > span {
		padding: 3.5px 11px;
	}
}




/*search bar*/
.inputs {
	border: 1px solid #E5E5E5;
	padding: 7px 14px;
	font-size: 1.2em;
	color: #cbcbcb;
	margin-right: 6px;
}
.inputs_small {
	border: 1px solid #C9C9C9;
    padding: 3.5px 11px;
    font-size: 1.1em;
    color: #cbcbcb;
    margin-right: 6px;
}
.btns {
	padding: 8px 14px;
	font-size: 1.2em;
	border: 0 solid transparent;
	background-color: #707070;
	color: #FFF;
}
.btns:hover,
.btns:active,
.btns:focus {
	background-color: #E60012;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #cbcbcb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #cbcbcb;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cbcbcb;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
.center_btn {
	padding:10px 63px;
	font-size: 1.2em;
	border: 0 solid transparent;
	background-color: #707070;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.center_btn:hover,
.center_btn:active,
.center_btn:focus {
	background-color: #E60012;
}



@media (min-width: 1440px) {

}
@media (min-width: 992px) and (max-width: 1439px)  {

}
@media (min-width: 768px) and (max-width: 991px)  {

}
@media (min-width: 480px) and (max-width: 767px) {

}
@media (min-width: 10px) and (max-width: 479px) {

}