@import url(http://fonts.googleapis.com/css?family=Sarpanch:400,900);

* {
	margin: 0px; padding: 0px;
}
ul,ol,li {
	list-style: none;	
}
body {
	height: 100%;
	color: rgb(98, 98, 90);
	font-family: "微軟正黑體", "細明體", Arial;
	font-size: 13px;
	background-image:url(../images/footer3-2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}
h1 img {
	margin-top: 10px;
}
a {
	color: #000;
	text-decoration: none;
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover {
	text-decoration: none;
	border: 0;
	color: #000;
}
a:link {
	text-decoration:none;
    border: 0;
}
a:visited {
	text-decoration:none;
    border: 0;
}
a:active {
	text-decoration:none;
    border: 0;
}
img {
	border: 0px currentColor;
}
#container {
	margin: 0 auto; width: 1000px; padding-top: 10px;
}
#top {
	margin: 0 auto; width: 100%; height: 40px; background-color:rgba(255,255,255,1); border-bottom: 1px solid rgba(238,238,238,1);
}
#top-menu {
	margin: 0 auto; width: 990px; height: 40px;
	padding-right: 10px;
}
#top-menu i {
	line-height: 37px; font-size: 20px; 
}
#top-menu span {
	text-align:center; height: 37px; float: right; display: block; font-size: 16px;
	border-right: 1px solid rgba(238,238,238,1); border-bottom: 1px solid rgba(238,238,238,1);
	background-color:rgba(255,255,255,1);
}
.mail {
	color:rgba(0,217,217,1); border-top: 3px solid rgba(0,217,217,1);
}
.mail a {
	color:rgba(0,217,217,1); padding: 0 12px;
	display: block;
}
.mail a:hover {
	background-color:rgba(238,238,238,0.4);
}
.fb {
	color:rgba(71,99,158,1);
	border-top: 3px solid rgba(71,99,158,1);
	border-left: 1px solid rgba(238,238,238,1);
}
.fb a {
	color:rgba(71,99,158,1); padding: 0 15px; 
	display: block;
}
.fb a:hover {
	background-color:rgba(238,238,238,0.4);
}
.member {
	color:rgba(255,174,38,1);
	border-top: 3px solid rgba(255,174,38,1);
}
.member a {
	color:rgba(255,174,38,1); padding: 0 12px;
	display: block;
}
.member a:hover {
	background-color:rgba(238,238,238,0.4);
}
#header {
	height: 125px; margin-bottom: 10px;
}
#header h1 {
	width: 220px; float: left;
}
#header .nav {
	width: 728px; height: 55px; float: right;
}
.nav-li {
	padding: 1px 10px; font-size: 14px; margin-right: 1px; float: right; display: block; list-style-type: none;  border-right-color:#000; border-right-width: 1px; border-right-style: dotted; color:#000;
}
.nav-cart {
	font-size: 16px; float: right; display: block; list-style-type: none; height: 37px; 
	border-top: 3px solid rgba(255,0,0,1); background-color:rgba(255,255,255,1); color:rgba(255,0,0,1);
	border-right: 1px solid rgba(238,238,238,1);
}
.nav-cart a.a-cart {
	color: #f00; padding: 0 11px; display: block;
}
.nav-cart a.a-cart:hover {
	background-color:rgba(238,238,238,0.4);
}
.nav li ul {
	/* 預先隱藏第二層 */
	visibility:hidden;
}
.nav li:hover ul {
	/* 觸動第一層時，顯示第二層 */
	visibility:visible;
}
.nav li ul {
	/* 讓第二層ul跳脫文件流以利定位 */
	position:absolute;
	/* 避免出現捲軸 */
	overflow:visible;
	/* 讓ul與母階層li相同位置 */
	clear:left;
	border: 1px #ccc solid;
	background: #fff;
	opacity:1;
	border-radius:0 0 3px 3px;
	padding: 5px;
	left: -155px;
	top: 37px;
	z-index:20;
}
.nav-table-cart { 
  border-collapse: collapse;
  text-align: center;
  font-size: 12px;
}
th { 
  border-bottom:1px solid #ccc;
  line-height: 25px; 
}
td { 
  line-height: 35px;
}
.lastLi {
	position: relative;
}
.lastLi img {
	position: absolute;
	top: -4px;
	left: 69px;
}
.cart-pay {
    float: right;
	color: #fff;
	margin: 10px 0;
	opacity: 0.8;
	font-size: 12px;
}
.cart-pay a {
	color: #fff;
	background-color:rgba(255,0,0,1);
	padding: 4px 5px;
	display: block;
}
.cart-pay a:hover {
	color: #fff;
	background-color:rgba(255,0,0,0.8);
}
#menuarea {
	width: auto; height: 93px; display: block;
}

#content {
	margin: 20px 0 10px 0;
	float: left;
}
#members {
	margin: 20px 0 10px 0;
	float: left;
}
#farmer-right {
	float: left;
	width: 760px;
}
#farmer-left {
	float: right;
	width: 200px;
	padding: 5px 10px 25px 10px;
	margin-top: 20px;
	margin-left: 14px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid rgba(204,204,204,0.4);
}
#farmer-detail-left {
	float: right;
	width: 200px;
	padding: 5px 10px 10px 10px;
	margin-left: 14px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid rgba(204,204,204,0.4);
}
ul.classify {
	margin-top: 10px;
}
ul.classify li {
	line-height: 42px;
	font-size: 17px;
	margin-left: 0px;
	padding-left: 10px;
	border-bottom: 1px dotted rgba(0,0,0,1);
}
ul.classify li:hover {
	background-color: rgba(238,238,238,0.7);
}
ul.classify li a {
	display:block;
}
ul.classify li:last-child { border-bottom: none; }

.traffic {
	font-size: 18px;
    line-height: 60px;
    text-align: center;
}
.traffic a:hover {
	background-color: rgba(204,153,0,1);
	color: rgba(255,255,255,1);
}
.traffic a {
	display:block;
	background-color: rgba(204,153,0,0.7);
	color: rgba(255,255,255,1);
}
.hr { height: 1px; border-top: 3px solid rgba(204,204,204,0.4); padding-bottom: 10px;}
.here {
	background-color: rgba(153,229,255,1);
	color: rgba(255,255,255,1);
}
.here a {
	color: rgba(0,0,0,1);
	font-weight:900;
}
#slideBox2 { 
  width: 1000px;
  margin: 0 auto;
  float: left;
}
#content-auto {
	margin: 20px 0 10px 0;
	height: auto;
	position:relative;
	float: left;
	width: 754px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid rgba(204,204,204,0.4);
}
#pro-detail-content {
	margin: 0 0 10px 0;
	height: auto;
	position:relative;
	float: left;
	width: 754px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid rgba(204,204,204,0.4);
}
.product-bigimg {
	width: 740px;
	padding: 6px;
	float: left;
}
/* 首頁嚴選產品css */
#farm-produce {
	width: 754px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid rgba(204,204,204,0.4);
	margin: 0px 5px 5px 0px;
	float: left;
}
.produce-row-index { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding: 5px 0px;
  float:left;
  text-align: center;
  width: 100%;
}
.produce-row { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding: 5px;
  float:left;
  text-align: center;
  width: 744px;
}
.contact-row { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding: 5px 0;
  float:left;
  text-align: center;
  width: 100%;
}
.password-row { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding: 5px 0;
  float:left;
  width: 100%;
}
.produce-words { 
  width: 160px;
  padding: 10px 0;
  margin: 0 auto;
  color: #f00;
}
.produce { 
  width: 182px;
  cursor: pointer;
  float:left;
  margin: 3px;
  position:relative;
}
.produce:hover { 
  background-color: rgba(141,172,203,0.7);
  border-radius:2px;
}
.produce a:hover { 
  color: rgba(255,255,255,1);
}
.produce-img { 
  width: 160px;
  height: 170px;
  margin: 0 auto;
  padding: 5px 0;
}
.index_hot{
	width:65px;
	height:65px;
	position:absolute;
	z-index:999;
	background:url(../images/hoticon.png);
	background-repeat: no-repeat;
	left: 112px;
	top: -4px;
}
/* 首頁最新文章css */
#farm-news {
	width: 220px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid rgba(204,204,204,0.4);
	margin: 0px 0px 5px 9px;
    float: right; 
}
.index-news {
	border-top: 1px #666 dotted;
	width: 220px;
}
.index-news:hover{
	background-color: rgba(238,238,238,0.5);
}
.index-news-title {
	margin: 5px;
	font-size:15px;
	font-weight: bold;
	color: #C60;
}
.index-news-date {
	margin: 0 5px;
	color: #630;
}
.index-news-words {
	padding: 5px;
	color: #333;
	line-height: 145%;
}
.index-news-words a {
	color: #333;
}
/* 頁尾css */
#footer {
	width: 100%;
	margin: 0 auto;
	min-height: 300px;
	background-image: url(../images/footer2.gif);
	background-repeat: repeat-x;
	float:left;
}
#copyright {
	width: 1000px;
	min-height: 140px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px;
	background-image: url(../images/footer-img.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto;
	position:relative; 
    top:60px;
}
green {
    color: #59b200;
}
red {
    color: #f00;
}
#web-design {
	width: 980px;
	margin: 0 auto;
	position:relative;
    top:70px;
	text-align:right;
}
.contact-us {
    color: rgb(0,0,0);
	margin: 0px 10px; 
	padding: 10px;
}
.contact-us p {
    line-height: 22px;
}
/* 關於我們 */
#brand_story_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#brand-story {
	width: 720px;
	border-top: 2px #666 solid;
	margin: 5px 5px 5px 10px;
	float: left;
}
.brand-story-row { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding-top: 20px;
  float:left;
  width: 725px;
}
/* 常見問題 */
#qa {}
.qa_one_article {
    margin: 10px 15px;
	border-bottom: 1px dotted #000;
	float: left;
	width: 720px;
}
.qa_one_article_title {
	width: 500px;
	line-height:30px;
	margin: 5px;
	float: left;
	color: rgba(204,51,0,0.8);
	font-size:22px;
}
.qa_one_article_title a:hover {
	color: rgba(204,51,0,1);
}
.qa_one_article_title a {
	color: rgba(204,51,0,0.8);
}
.qa_one_article_words {
	width: 500px;
	height: 90px;
	margin: 5px;
	float: left;
	font-size:14px;
	letter-spacing:1px;
	color: rgba(68,68,68,0.8);
}
.qa_one_article_words a:hover {
	color: rgba(68,68,68,1);
}
.qa_one_article_words a {
	color: rgba(68,68,68,0.8);
}
.qa_one_article_more{
	font-size:14px;
	margin: 15px 35px;
	float: right;
}
.qa_one_article_more a {
	background-color:rgba(204,51,0,0.8);	
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	border-radius: 60px;
	padding: 5px;
}
.qa_one_article_more a:hover {
	background-color:rgba(204,51,0,1);	
}
.qa_keynote {
	color:#F00;
}
.qa_answer {
	margin: 5px;
}

/* 聯絡我們 */
#contact_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#farm-contact {
	width: 754px;
	background-color: rgba(255,255,255,0.7);
	border: 3px solid rgba(204,204,204,0.4);
	margin: 0px 5px 5px 0px;
	float: left;
}
.input_text{
height: 20px; 
padding: 3px 3px 1px 5px;
font-size:1.1em;
margin: 5px 0 5px 0;
}
.input_textarea{
padding: 3px 3px 1px 5px;
font-size:1.1em;
margin: 5px 0 5px 0;
}
.input_select{
height: 28px;
padding: 4px 5px 3px 2px;
font-size:1em;
margin: 5px 0 5px 0;
}
.form_text{
font-size:1.1em;
}
.form_text_2{
font-size:1.1em;
padding-top: 5px;
}
.form_text_red{
font-size:1.2em;
padding-top: 5px;
color:#C00;
}
/* 會員專區 */
#login_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#login {
	width: 990px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
}
.loginbox_1 {
	width: 300px;
	margin: 20px 5px 20px 165px;
	height: 250px;
	float: left;
	border: 1px #666 solid;
	padding: 10px;
}
.loginbox_2 {
	width: 300px;
	margin: 20px 165px 20px 5px;
	height: 250px;
	float: right;
	border: 1px #666 solid;
	padding: 10px;
}
.loginwords {
	line-height: 25px;
}
.loginwords4 {
	line-height: 36px;
	margin-bottom: 10px;
}
.loginwords2 {
	line-height: 25px;
	font-size: 16px;
}
.loginwords3 {
	line-height: 28px;
	font-size: 16px;
	background-color: #630;
	color: #FFF;
	text-align:	center;
}
.loginwords3:hover {
	background-color:#C90;
	color: #FFF;
}
.logintitle {
	font-weight: bold;
}
/* 忘記密碼 */
.forget_password {
	width: 400px;
	margin: 20px auto;
	border: 1px #666 solid;
	padding: 10px;
}
.loginline {
    width: 398px;
	margin: 0 auto;
	height: 1px;
	border-top: 1px #666 dashed;
}
/* 尚水活動 */
#article {

}
.all_article {
	float: left;
	border-top: 1px dotted #000;
}
.one_article {
    margin: 10px 15px;
	border-bottom: 1px dotted #000;
	float: left;
	width: 720px;
}
.one_article_img {
	width: 250px;
	height:200px;
	margin: 5px;
	float: left;
}
.one_article .one_article_img {
	overflow: hidden; display: block;
}
.one_article .one_article_img img {
	transition:0.5s; width: 250px; height: 200px; overflow: hidden;
}
.one_article .one_article_img img:hover {
	transform: scale(1.1);
}
.one_article_title {
	width: 440px;
	line-height:30px;
	margin: 5px;
	float: right;
	color: #C30;
	font-size:22px;
}
.one_article_title a {
	color: rgba(204,51,0,0.8);
}
.one_article_title a:hover {
	color: rgba(204,51,0,1);
}
.one_article_words{
	width: 440px;
	height:125px;
	margin: 5px;
	float: right;
	font-size:14px;
	letter-spacing:1px;
}
.one_article_words a {
	color: rgba(68,68,68,0.8);
}
.one_article_words a:hover {
	color: rgba(68,68,68,1);
}
.one_article_date{
	width: 120px;
	line-height: 24px;
	text-align: center;
	margin: 5px 5px 5px 10px;
	float: left;
}
.one_article_more{
	width: 80px;
	line-height: 24px;
	text-align: center;
	margin: 0 5px 5px 5px;
	padding: 5px 0;
	float: right;
	background-color:#C30;
	color:#fff;
}
.one_article_more a {
	color:#fff;
}
/* 尚水活動-單一文章 */
#one_article_page_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#one_article_page {
	width: 720px;
	border-top: 2px #666 solid;
	margin: 5px 10px;
	float: left;
}
.one_article_page {
    margin: 10px auto;
	border-bottom: 1px dotted #000;
	float: left;
	width: 710px;
}
.one_article_page_img {
	width: 250px;
	height:200px;
	margin: 5px auto;
	clear: left;
}
.one_article_page_title {
	width: 420px;
	line-height:30px;
	margin: 5px 5px 25px 5px;
	float: left;
	color: #C30;
	font-size:22px;
}
.one_article_page_words{
	width: 690px;
	height: auto;
	margin: 10px;
	float: left;
}
.one_article_page_date {
	width: 120px;
	line-height: 24px;
	text-align: center;
	margin: 5px 5px 5px 10px;
	float: right;
}
.home {
    width: 120px;
	line-height: 30px;
	text-align: center;
	margin: 5px 5px 5px 10px;
	float: left;
	font-size: 1.1em;
	background-color:#C00;
    color:#fff;
}
.back_page {
	width: 130px;
	line-height: 30px;
	text-align: center;
	margin: 5px 5px 5px 10px;
	float: left;
	font-size: 1.1em;
    background-color:#C00;
    color:#fff;
}
/* 尚水產品 */
.product-row { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding: 5px;
  float:left;
  text-align: center;
  width: 744px;
}
.product-img { 
  width: 200px;
  margin: 0 auto;
  text-align: left;
}
.product-img img { 
  width: 200px;
}
.product-words { 
  width: 190px;
  margin: 0 auto;
  padding: 8px 5px 0px 5px;
  text-align: left;
}
.product { 
  width: 247px;
  cursor: pointer;
  margin: 0 auto;
  padding: 15px 0 0 0;
  float:left;
  position:relative;
}
.product:hover { 
  width: 247px;
  background-color:#ffffd0;
}
.product-br {
  border-right: 1px dotted #000;
}
.product-right { 
  width: 240px;
  cursor: pointer;
  margin: 0 auto;
  padding: 15px 0 0 0;
  float:left;
}
.product-right:hover { 
  width: 240px;
  background-color:#ffffd0;
}
.product-price {
  width: 190px;
  margin: 0 auto;
  padding: 0 5px;
  text-align: left;
  line-height: 25px;
  color:#C00;
  font-weight:900;
}
.hot{
	width:65px;
	height:65px;
	position:absolute;
	z-index:999;
	background:url(../images/hoticon.png);
	background-repeat: no-repeat;
	left: 165px;
	top: 5px;
}
/* 產品介紹 */
#productdetail_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#productdetail {
	width: 980px;
	border-top: 2px #666 solid;
	margin: 5px 10px;
	float: left;
}
.pro-detail-img , .pro-detail-img-2 {
	float: left;
}
.pro-detail-img img {
	width: 500px;
}
.pro-detail-img-2 img {
	width: 740px;
}
.productdetail { 
  width: 230px;
  margin: 0 auto;
  float: right;
}
.productdetail-words-title { 
  width: 224px;
  margin: 0 0 5px 0;
  padding: 0px 1px;
  font-size: 20px;
  font-weight:bold;
  color:rgba(255,38,38,0.8);
  border-bottom: 2px solid rgba(204,204,204,0.4);
}
.productdetail-words { 
  width: 230px;
  margin: 0 0 5px 0;
  height: 70px;
  overflow: hidden;
}
.productdetail-words-long { 
  width: 230px;
  margin: 0 0 5px 0;
  height: 50px;
  overflow: hidden;
}
.productdetail-price {
  margin: 0 0 10px 0;
  line-height: 25px;
  color:#C00;
}
.amount {
  margin: 0 0 10px 0;
  line-height: 25px;
}
.detail-left {
  width: 100px;
  font-size: 14px;
  float:left;
}
.detail-right {
  width: 120px;
  font-size: 14px;
  float:right;
  margin: 32px 0 0 10px;
}
.detail-right-long {
  width: 120px;
  font-size: 14px;
  float:right;
  margin: 10px 0 0 10px;
}
.detail-right span {
  line-height: 21px;
}
.detail-left-long {
  width: 230px;
  font-size: 14px;
  float:left;
}
.pro-buy {
	display:block;
	width: 120px;
	height:35px;
	background-color:rgba(0,153,255,1);
	box-shadow:2px 2px 6px -2px rgba(20%,20%,40%,0.5);
}
.pro-introduce {
  line-height: 22px;
  float: left;
  margin: 6px;
  padding: 6px 0;
  width: 742px;
  border-top: 2px solid rgba(204,204,204,0.4);
}
.pro-footer {
  float: left;
  margin: 6px;
  padding: 16px 0;
  width: 742px;
  border-top: 2px solid rgba(204,204,204,0.4);
}
.pro-center {
  margin: 0 auto;
  width: 350px;
}
.back-page {
  float: left;
  width: 160px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgba(89,178,0,0.7);
  margin-right: 30px;
}
.back-page:hover {
  background-color: rgba(89,178,0,1);
}
.back-page a {
  color: rgba(255,255,255,1);
  font-size: 18px;
  display:block;
}
.send-pass {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: rgba(255,0,0,0.7);
  margin-left: 80px;
}
.send-pass:hover {
  background-color: rgba(255,0,0,1);
}
.send-pass a {
  color: rgba(255,255,255,1);
  font-size: 18px;
  display:block;
}
.join-member {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: rgba(255,0,0,0.7);
  margin: 10px 0;
}
.join-member:hover {
  background-color: rgba(255,0,0,1);
}
.join-member a {
  color: rgba(255,255,255,1);
  font-size: 18px;
  display:block;
}
.settle-accounts {
  float: left;
  width: 160px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgba(255,0,0,0.7);
}
.settle-accounts:hover {
  background-color: rgba(255,0,0,1);
}
.settle-accounts a {
  color: rgba(255,255,255,1);
  font-size: 18px;
  display:block;
}
.c-white { color: rgba(255,255,255,1);}
.c-green { color: rgba(89,178,0,0.9);}
.c-red { color: rgba(255,0,0,0.9);}
.c-brown { color: rgba(204,153,0,0.9);}
.bg-red { background-color: rgba(255,0,0,0.9);}
.traffic li.c-white a { color: rgba(255,255,255,1);}
.traffic li.c-white a:hover { color: rgba(0,0,0,1);}
.productdetail-row { 
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  font-size: 15px;
  padding: 10px 0;
  float:left;
}
.productdetail-row img { 
  float:left;
}
.addcart {
	width:166px;
	height:30px;
	background:url(../images/pr_buy.png);
	background-repeat: no-repeat;
	margin: 28px 0 10px 0;

}
.productdetail-contents {
	line-height: 22px;
	font-size: 15px;
	margin: 10px;
	float:left;
	width: 960px;
}
/* 聯絡我們 */
#contact_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#contact {
	width: 719px;
	border-top: 2px #666 solid;
	margin: 5px 5px 5px 10px;
	float: left;
}
/* 長期供米產品介紹 */
#long-productdetail_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#long-productdetail {
	width: 990px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
}
.long-productdetail { 
  width: 250px;
  margin: 0 auto;
  float:right;
  height: 288px;
  position:relative;
}
.long-productdetail-words-title { 
  width: 230px;
  margin: 0 0 10px 20px;
  font-size: 20px;
  font-weight:bold;
}
.long-productdetail-words { 
  width: 230px;
  margin: 0 0 10px 20px;
  height: 70px;
}
.long-productdetail-specifications {
  width: 230px;
  margin: 0 0 10px 20px;
  line-height: 25px;
  color:#C00;
}
.long-plan {
  width: 230px;
  margin: 0 0 5px 0;
  line-height: 25px;
}
.long-productdetail-row { 
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  font-size: 15px;
  padding: 10px auto;
  float:left;
}
.long-productdetail-row img { 
  float:left;
}
.long-addcart {
	width:166px;
	height:30px;
	background:url(../images/pr_buy.png);
	background-repeat: no-repeat;
	margin: 15px 0 10px 20px;
	position: absolute;
	top: 240px;
}
.long-productdetail-contents {
	line-height: 22px;
	font-size: 15px;
	margin: 10px;
	float:left;
	width: 960px;
}
.long-plan select{
   width: 227px;
   height: 28px;
   font-size:0.9em;
   margin: 5px 0 5px 0;
}
.long-mm {
	width: 250px;
	margin: 0 0 5px 0;
	line-height: 25px;
}
.long-mm select {
   width: 73px;
   height: 28px;
   font-size:0.8em;
   margin: 5px 0 5px 0;
}
.long-mm input_select_mm {
   width: 77px;
   height: 28px;
   font-size:0.8em;
}
/* 購物明細 */
#detailexplain_buy_detail {
	border-top: 1px dotted #000;
	padding-bottom: 10px;
}
#buy_detail_tab {
	padding: 20px 0 0 30px;
}
#buy_detail_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#buy_detail {
	width: 990px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
}
#buy_detail_row { 
  border-top: 1px dotted #000;
  font-size: 15px;
  padding-top: 20px;
  float:left;
  width: 980px;
}
.buy_detail_h2 { 
  background-color:#333;
  color:#FFF;
  padding: 2px 18px 2px 18px;
}
.buy_images{
	padding: 3px;
	text-align:center;
	}
.buy_detail_table { 
  border-bottom:1px dashed #000;
  text-align:center;
}
.one_price{ 
  font-size:1.3em;
  font-weight:bold;
  color:#F00;
}
.freight_price{ 
  font-size:1.5em;
  font-weight:bold;
  color:#F00;
}
.all_price{ 
  font-size:1.8em;
  font-weight:bold;
  color:#F00;
}
.freight_price_text{ 
  font-size:1.1em;
  font-weight:bold;
  float:right;
  line-height:45px;
}
.all_price_text{ 
  font-size:1.1em;
  font-weight:bold;
  float:right;
  line-height:45px;
}
.ship_time{
	margin: 25px 0 0 5px;
	height: 52px;
	width: 500px;
}
.ship_time_text{
	font-size:1.3em;
	line-height:45px;
	float:left;
	font-weight:bold;
	width: 90px;
	padding-left: 8px;
}
.buy_amount{
    height: 27px;
    padding: 4px 4px 4px 1px;
    font-size:1em;
}
.ship_time_title {
	background-repeat: no-repeat;
	height: 35px;
	width: 900px;
	background-image: url(../images/buy_detail_payment.png);
	margin: 55px 0 0 5px;
}
.ship_time_select {
   height: 45px;
   padding: 4px 4px 4px 1px;
   font-size:1.2em;
   float:left;
}
.buy_payment_title {
	background-repeat: no-repeat;
	height: 35px;
	width: 900px;
	background-image: url(../images/buy_detail_payment_1.png);
	margin: 30px 0 0 5px;
}

.payment_select { 
  background-color:#FFF;
  color:#333;
  padding: 2px 18px 2px 18px;
  border-bottom:1px dashed #000;
}
.buy_payment{
	margin: 25px 0 15px 5px;
	width: 600px;
}
.gray{
	  border-bottom:1px dashed #000;
	  padding: 5px 0 5px 0;
	  text-align:left;
}
.reminder{
	  padding: 0 0 0 5px;
}
.buy_ok{
	font-size:1.8em;
	font-weight:bold;
    width:130px;
	height:130px;
	line-height:130px;
	border-radius:130px;
    margin: 25px auto;
	letter-spacing:2px;
	text-align:center;
	background-color:rgba(255,204,51,0.8);
	color:#fff;
}
.buy_ok a {
	color:#fff;
	display:block;
	border-radius:130px;
}
.buy_ok:hover {
	color:#fff;
	background-color:rgba(255,204,51,1);
}
.premium_title {
	background-repeat: no-repeat;
	height: 35px;
	width: 900px;
	background-image: url(../images/premium_title.png);
	margin: 30px 0 0 5px;
}
.premium_detail {
	margin: 25px 0 0 5px;
	height: 52px;
	width: 850px;
}
.long_rice_title {
	background-repeat: no-repeat;
	height: 35px;
	width: 900px;
	background-image: url(../images/buy_detail_payment_3.png);
	margin: 30px 0 0 5px;
}
.long_rice_title2 {
	background-repeat: no-repeat;
	height: 35px;
	width: 900px;
	background-image: url(../images/buy_detail_payment_4.png);
	margin: 30px 0 0 5px;
}
.long_rice_time{
	margin: 25px 0 0 5px;
	height: 52px;
	width: 850px;
}
.buy_detail_select_mm {
   width: 90px;
   height: 28px;
   font-size:1.2em;
   margin: 5px 0 5px 0;
}
.long_rice_time span {
	font-size:16px;
	font-weight:bold;
	margin: 5px 0 5px 10px;
}
/* 會員註冊 */
#join_member_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#join_member {
	width: 1000px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
}
.join_member_box {
	width: 600px;
	margin: 20px auto;
	border: 1px #666 solid;
	padding: 10px;
}
.join_member_title {
	font-weight: bold;
	font-size:16px;
}
#farm-member {
	width: 994px;
	background-color: rgba(255,255,255,0.7);
	border: 3px solid rgba(204,204,204,0.4);
	margin: 0;
	float: left;
}
.member-row { 
  border-top: 1px dotted #000;
  padding: 5px;
  float:left;
}
.member-row-2 { 
  border-top: 1px dotted #000;
  padding: 5px;
  float:left;
  width: 984px;
}
/* 會員管理系統 */
#member_admin_top {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
#member_admin {
	width: 990px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
	height: 360px;
}
#member_admin_1 {
	width: 990px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
	height: 780px;
}
#member_admin_2 {
	width: 990px;
	border-top: 2px #666 solid;
	margin: 5px;
	float: left;
	height: auto;
}
.member_admin_box {
	width: 230px;
	line-height: 80px;
	margin: 80px 5px 50px 170px;
	float: left;
	padding: 10px;
	text-align:center;
	background-color:#C90;
    color:#fff;
	font-weight: bold;
	font-size:22px;
	border: 1px #fff solid;
}
#member_admin_account {
	width: 675px;
	margin: 15px 5px 25px 170px;
	float: left;
}
.order_numbers_title{
	font-size:1em;
	line-height:40px;
	font-weight:bold;
	width: atuo;
	padding-left: 3px;
}
.order_numbers_ps{
	font-size:0.9em;
	line-height:20px;
	font-weight:bold;
	color:#C00;
	width: atuo;
	padding-left: 3px;
}
.order_numbers_2{
	margin: 15px 0 0 0;
	height: auto;
	width: 600px;
}
.order_numbers{
	margin: 15px 0 0 0;
	height: 40px;
	width: 640px;
}
.order_numbers_text{
	font-size:1em;
	line-height:40px;
	float:left;
	font-weight:bold;
	width: atuo;
	padding-left: 3px;
}
.order_numbers_status{
	font-size:1em;
	line-height:40px;
	float:left;
	font-weight:bold;
	width: atuo;
	padding-left: 25px;
}
.order_numbers_bank{
	font-size:1em;
	line-height:40px;
	float:left;
	font-weight:bold;
	width: atuo;
	padding-left: 25px;
}
/*產品頁面的數字頁碼*/
.page {
    margin: 20px 0 20px 20px;
}
nav.pagination {
    float: right;
    margin: 20px 0 20px 10px;
    width: 100%;
}
.paviinfo {
    border: 1px solid #666 !important;
    border-radius: 8px 8px 8px 8px;
    float: left;
    font-size: 13px;
    margin: 2px;
    padding: 5px 10px !important;
}
.spagenum a {
    font-size: 14px !important;
}
.spagenum a:hover, .spagenum a.current {
    background-color: #333 !important;
	color: #FFF !important;
}
nav.pagination a {
    border: 1px solid #666 !important;
    border-radius: 8px 8px 8px 8px;
    color: #1D1D1D !important;
    float: left;
    font-family: 'Kreon',Arial,sans-serif;
    font-size: 13px;
    font-weight: lighter !important;
    margin: 2px;
    padding: 5px 10px !important;
    text-decoration: none;
}
/*產品頁面的數字頁碼-結束*/

.height {height: 20px;}

/*選單-開始*/

.menu{
	width: 100%;
	min-width: 980px;
	height: 120px;
	margin: 0 auto;
	background: rgba(255,255,255,1);
	border-bottom: 1px solid rgba(238,238,238,1);
}
.access {
	margin: 0 auto;
	width: 980px;
	display: block;
	position: relative;
}
ul.m {
	list-style: none; margin: 0px; padding-left: 0px;
}
ul.m > li {
	width: 140px;
	height: 120px;
	float: left;
	position: relative;
	letter-spacing:1px;
}

ul.m li a {
	text-decoration: none;
	display: block;
	text-align: center;
}
ul.m > li > a {
	line-height: 120px;
	padding: 0px;
}
ul.m > li > a:hover {

}
.m1 span,.m2 span,.m3 span {
	font-size: 11px;
	display: block;
	border-left: 1px dotted #59b200;
	height: 35px;
	width: 140px;
	position: absolute;
	z-index: 10;
	top: 36px;
	line-height: 14px;
	color:#000;
	font-family: 'Sarpanch', sans-serif;
}
.m4 span,.m5 span,.m6 span {
	font-size: 11px;
	display: block;
	border-right:1px dotted #FEA406;
	height: 35px;
	width:140px;
	position:absolute;
	z-index:10;
	top: 36px;
	line-height: 14px;
	color:#000;
	font-family: 'Sarpanch', sans-serif;
}
ul.m li.m1 a {
	background-image:url(../images/menu-a1.png);
	text-indent:-999999px;
}
ul.m li.m1 a:hover {
	background-image:url(../images/menu-a.png);
	border-bottom: 2px solid #59b200;
}
ul.m li.m2 a {
	background-image:url(../images/menu-b1.png);
	text-indent:-999999px;
}
ul.m li.m2 a:hover {
	background-image:url(../images/menu-b.png);
	border-bottom: 2px solid #59b200;
}
ul.m li.m3 a {
	background-image:url(../images/menu-c1.png);
	text-indent:-999999px;
}
ul.m li.m3 a:hover {
	background-image:url(../images/menu-c.png);
	border-bottom: 2px solid #59b200;
}
ul.m li.m4 a {
	background-image:url(../images/menu-d1.png);
	text-indent:-999999px;
}
ul.m li.m4 a:hover {
	background-image:url(../images/menu-d.png);
	border-bottom: 2px solid #FEA406;
}
ul.m li.m5 a {
	background-image:url(../images/menu-e1.png);
	text-indent:-999999px;
}
ul.m li.m5 a:hover {
	background-image:url(../images/menu-e.png);
	border-bottom: 2px solid #FEA406;
}
ul.m li.m6 a {
	background-image:url(../images/menu-f1.png);
	text-indent:-999999px;
}
ul.m li.m6 a:hover {
	background-image:url(../images/menu-f.png);
	border-bottom: 2px solid #FEA406;
}

ul.m li.f1 a:hover {
	background-image:url(../images/menu-a.png);
	color: rgba(255,255,255,1);
}
ul.m li.f2 a:hover {
	background-color: rgba(254,164,6,0.5);
	color: rgba(255,255,255,1);
}
.f1 {
	color:#59b200;
	font-size: 16px;
}
.f1 a {
	color:#59b200;
}
.f1 span {
	font-size: 11px;
	display: block;
	border-left: 1px dotted #59b200;
	height: 35px;
	width: 140px;
	position: absolute;
	z-index: 10;
	top: 36px;
	line-height: 14px;
	color:#000;
	font-family: 'Sarpanch', sans-serif;
}
.f2 {
	color:#00a3d8;
	font-size: 16px;
}
.f2 a {
	color:#FEA406;
}
.f2 span {
	font-size: 11px;
	display: block;
	border-right:1px dotted #FEA406;
	height: 35px;
	width:140px;
	position:absolute;
	z-index:10;
	top: 36px;
	line-height: 14px;
	color:#000;
	font-family: 'Sarpanch', sans-serif;
}
.mhere {
	border-bottom: 2px solid #59b200;
}
.mhere2 {
	border-bottom: 2px solid #FEA406;
}
.mlogo:hover {
	opacity:0.8;
}
/*選單-結束*/


/*諮詢表單css*/
.form {
   padding-top: 15px;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
}
.form-control {

  height: 16px;
  padding: 5px 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:-moz-placeholder {
  color: #999;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 205px;
	float: left;
}
.form-group-2 {
	margin-bottom: 15px;
	width: 205px;
	float: left;
}
.form-group-3 {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 450px;
	float: left;
}
.form-textarea {
	margin-bottom: 15px;
	margin-right: 40px;
	width: 450px;
	float: left;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}