@charset "utf-8";
/* CSS Document */

/*最頂部橫槓*/
.title{
	font-family: "微軟正黑體";
}
.container {
    margin-top: 10px;
}
.logoelse {
    margin-top: -10px;
    z-index: 999;
    position: relative;
}
@media (min-width: 1025px) {
    .logoelse {
        float: left;
    }
}
@media (max-width: 630px) {
    .numList {
        left: 30%;
        width: 40%;
    }
}
@media (max-width: 500px) {
    .members {
        width: 300px;
    }
}
@media (max-width: 450px) {
    .logo > a > img  {
        width: 90px;
        top: 10px
    }
}
@media (max-width: 450px) {
    .logoelse > a > img {
        width: 90px;
        top: 10px
    }
}
@media (max-width: 450px) {
    .members {
        width: 200px;
        top: 10px
    }
}
/*目錄*/
.navbar-inverse .navbar-nav > li > a {
	color: #dbf5f6;	
}

/*滑鼠移到目錄，底部與字體變色*/
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #63cee6;
}

/*嘉藥生技logo*/
.navbar-brand {
	width:300px;
	height:60px;
	margin:-18px;
}
.members {
    margin-right: 15px;
    float: right;
}
.logo{
	float:left;
}
/*關於嘉藥生技 大標題*/
.h1, h1 {
    font-size: 35px;
	font-family: "微軟正黑體";
	font-weight: bolder;
}

/*關於嘉藥生技 內容*/
p {
    margin: 0 0 10px;
	font-size: 17px;
	font-family: "微軟正黑體";
	text-align:justify;
	text-justify:inter-ideograph;
}

/*關於嘉藥生技 內容框*/
.panel {
	margin-top: 30px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/*關於嘉藥生技 內容外框(下)*/
.panel-body {
    padding: 20px;
    /*height: 180px;*/
	/*margin-top:10px;*/
}

/*關於嘉藥生技 內容外框(上面標題)*/
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*關於嘉藥生技 內容外框(上面標題底部)*/
.panel-default {
    border-color: #ddd;
    /*border-color:rgba(221, 221, 221, 0);}*/
}

.panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
		font-size: 20px;
	    font-family: "微軟正黑體";
		text-align:center;
}

/*產品介紹 大標題*/
.h2, h2 {
	font-size: 28px;
	font-family: "微軟正黑體";
	font-weight: bolder;	
}

/*產品介紹標題*/
a {
    color: #5F91DC;
    text-decoration: none;
    font-family: "微軟正黑體";
    font-weight: bold;
}

/*看更多產品按鈕*/
.button
{
	margin: -60px 0px 10px 0px;
	font-size: 16px;
	font-family: "微軟正黑體";
	color: #fff;
	background: #3E454D;
	padding: 0.2em 0.8em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	float: right;
}
.button:hover{
	background: #22B4B8;
}
	
b {
    text-decoration: none;
}

/*首頁嚴選佳品-滑出產品名稱*/
.text {
    width: 100%;
    height: auto;
    background-color: #000;
    FILTER: alpha(opacity=50);
    opacity: 0.4;
    -moz-opacity: 0.6;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.imgtext { 
	text-align: center; 
	padding: 8px; 
	color: #fff; 
	font-size: 16px;
	font-family:"微軟正黑體"; 
}
.imgbox { 
	 position:relative;
	 /*width: 360px;
	 height: 230px;
	 overflow:hidden;*/
	 margin-bottom: 30px; 
}

/*專家團隊照片*/
.expertpic{
	margin-left:auto;
	margin-right:auto;
}

/*技術研發內容*/	
li {
	font-family: "微軟正黑體";
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 26px;   
}	

/*研發產品大標題*/
.page-header {
	font-family: "微軟正黑體";
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}	

/*研發產品 介紹內容*/
.introduce {
	width: 100%;
    font-size: 16px;
	font-family: "微軟正黑體";
	text-align:justify;
	text-justify:inter-ideograph;
    height: 4em; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

/*產品綠標題、商品特色標題*/
.h3, h3{
	font-size: 23px;
	font-family: "微軟正黑體";
	font-weight: bold;
}
/*專家團隊 博士名稱*/
.h4, h4{
    font-size: 23px;
	font-family: "微軟正黑體";
	font-weight: bold;
	text-align:center;
	letter-spacing: 1.2px;
}

/*專家團隊 博士專長*/
p1 {
    margin: 0px 0px 20px 0px;
	font-size: 18px;
	font-family: "微軟正黑體";
}

/*商品特色區塊*/
.col-lg-14{
	margin-top:60px;
}

/*產品介紹 小標題*/
.h5, h5{
    font-size: 23px;
	font-family: "微軟正黑體";
	font-weight: bold;
	color:#C00;
	margin-top: 37px;
}

/*實體商店 標題、產品介紹 小標題*/
.h6, h6 {
    font-size: 23px;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #5F91DC;
}

/*產品介紹 內容*/
p2 {
    font-size: 18px;
	font-family: "微軟正黑體";
	text-align: justify;
}

/*產品系列介紹*/
p4{
	font-size: 20px;
	font-family: "微軟正黑體";
	text-align:justify;
	text-justify:inter-ideograph;
}

/*寄信按鈕*/
.btn-send{
	font-size: 16px;
	font-family: "微軟正黑體";
	color: #fff;
	background: #3E454D;
	padding: 0.2em 0.8em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.btn-send:hover{
	background: #22B4B8;	
}

/*BIO CNU介紹頁面產品連結按鈕*/
.seepro{
  background: #d7edf5;
  background-image: -webkit-linear-gradient(top, #d7edf5, #a5dbed);
  background-image: -moz-linear-gradient(top, #d7edf5, #a5dbed);
  background-image: -ms-linear-gradient(top, #d7edf5, #a5dbed);
  background-image: -o-linear-gradient(top, #d7edf5, #a5dbed);
  background-image: linear-gradient(to bottom, #d7edf5, #a5dbed);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #000000;
  font-size: 18px;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
}
.seepro:hover{
  background: #b5e3ff;
  background-image: -webkit-linear-gradient(top, #b5e3ff, #94c3e3);
  background-image: -moz-linear-gradient(top, #b5e3ff, #94c3e3);
  background-image: -ms-linear-gradient(top, #b5e3ff, #94c3e3);
  background-image: -o-linear-gradient(top, #b5e3ff, #94c3e3);
  background-image: linear-gradient(to bottom, #b5e3ff, #94c3e3);
  text-decoration: none;
}

/*購買按鈕*/
.buybutton{
	padding-top: 17px;
	cursor:pointer;
}

/*copyright 連絡資訊小字*/
p3{
	font-size: 15px;
	font-family: "微軟正黑體";
	/*margin-left: 10px;*/
}

/*qrcode框框*/
.qrcode{
	width: 250px;
	height: 250px;
}

/*產品價格*/
.price{
	font-size: 20px;
	font-family: "微軟正黑體";
	color:#ec2020;
}

.money {
    text-align: center;
    font-size: 18px;
    font-family: "微軟正黑體";
    color: #ec2020;
}

/*舊價格*/
.oldmoney{
	float:right;
	font-size: 17px;
	font-family: "微軟正黑體";
	color:#5c5c5c;
	margin-top: 4px;
	margin-bottom: -18px;
	width:25%;
	text-align:right;
	text-decoration:line-through;
}

/*舊價格(介紹頁裡面)*/
.oldmoney2{
	font-size: 16px;
	font-family: "微軟正黑體";
	color:#5c5c5c;
	text-decoration:line-through;
}
.proname {
    width: 100%;
    text-align: center;
}

.chose{
	margin-top: 15px;
}

.type{
	width: 150px;
	margin-left: 10px;
}

/*版畫注意事項文字*/
p7{
	font-size: 17px;
	font-family: "微軟正黑體";
	text-align: justify;
	color: #039;
	/*font-weight: bold;*/
}

/*購物須知 標題*/
.noticetitle{
	font-family: "微軟正黑體";
	padding: 10px;
	line-height: 35px;
	border-bottom: 1px dashed #bbb;
}

/*運費說明框*/
.noticecost{
	text-align:center;
	font-family: "微軟正黑體";
	margin-top: 20px;
	padding: 10px;
	line-height: 35px;
	background-color: #f5f5f5;
	border-radius: 7px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*退貨流程框*/
.noticereturn{
	margin-top: 20px;
	padding: 10px;
}


/*購物須知 內容*/
p5{
    font-size: 18px;
	font-family: "微軟正黑體";
	padding-left: 70px;
}
p6{
	font-size: 19px;
	color: #5b2e00;
	padding-left: 10px;
}


/*產品介紹頁上面重點文字*/
.introductpoint{
	margin-top: 4px;
}

/*最新消息列表文字*/
.newscontent{
	height: 7em;
	overflow:hidden;
	font-size: 17px;
	font-family: "微軟正黑體";
	text-align: justify;
	margin-bottom: 8px;
}

/*箭頭往上移*/
#gotop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 29px;
	right: 3%;
	overflow: hidden;
	width:38px;
	height:25px;
	border: none;
	text-indent: 100%;
	background: url("../images/move-up.png") no-repeat 0px 0px;
	cursor: pointer;
}
#gotopHover {
	width:38px;
	height:25px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


/*申請廠商資料表格*/
.TableApplyCompany {
    width: 100%;
    border-collapse: collapse; /*讓格與格中間沒有間距*/
}

/*表格-長項目名稱*/
.tItem {
	height: 20px;
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 18px;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px dotted #999999;
	table-layout: fixed;
	text-overflow:ellipsis; /*產生省略記號*/
}
/*主題名稱*/
.plan{
    /*width: 22em; 
    overflow: hidden;*/
    float:left;
	padding-right: 8px;
	text-overflow:ellipsis; /*產生省略記號*/ 
}
.plan a:hover{
	color: #e74c3c;
	text-decoration: underline;
}

.rightbox{
	float:left;
	margin-top: 20px;
	padding-left: 15px;
}

/*表格-購物須知(匯款)*/
.tItem2 {
	height: 20px;
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 18px;
	padding: 10px 0px 10px 0px;

}

/*匯款通知單 發送郵件*/
#sendmailresult{
	font-family: "微軟正黑體";
	font-size: 17px;
	color:#A80206;
	margin-left: 10px;
	padding-top: 100px;
}
#sendmailresult2{
	font-family: "微軟正黑體";
	font-size: 17px;
	color:#A80206;
	padding-top: 20px;
}

/*註冊表格*/
.registertable{
	font-family: "微軟正黑體";
}
.registertitle {
	font-size: 16px;
	padding: 4px 0px 4px 0px;
    font-weight: bold;
}
.tItem3 {
	font-size: 16px;
	padding: 4px 0px 4px 0px;
}
.notes {
	font-size: 12px;
	padding-left: 7px;
	color:#666;
}

.bootbox-body{
	font-size: 18px;
}

/*首頁廣告輪播圖片*/
.slider{width: 100%;margin-top: 50px;position: relative;height: 250px;overflow: hidden;}
.slider li{list-style: none;position: absolute;left: 0;top: 0;}
.slider img{border: none; /*height: 250px;*/width: 100%;}
.slider .slider_btn{position: absolute;height: 25px;width: 100%;bottom: 0;text-align: right;}
.slider .slider_btn span{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;margin-right: 3px;cursor: pointer;background: #999;color: #FFFFEF;border-radius: 15px;font-size: 12px}
.slider .slider_btn .cur{background: #E4393C;}