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

/* menu color */
.navbar-inverse {
	background:transparent !important;
	position: relative;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus
{
	color: #666;
    background-color: rgba( 255 , 255 , 255 , 0.5 );
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
{
	color: #ffffff;
	background: rgba( 255 , 255 , 255 , 0.5 );
}
.navbar-inverse .navbar-nav>li>a
{
	color: #ffffff;
	padding:7px 15px;
	background: transparent; 
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
{
	color: #ffffff;
	background-color: rgba( 255 , 255 , 255 , 0.5 );
}

/* nav button color (toggle) */
.navbar-inverse .navbar-toggle
{
	border-color: #ffffff;
}

.navbar-inverse .navbar-toggle .icon-bar
{
	border-color: #ffffff;
}

/* nav button hover color (toggle) */
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus
{
	background-color: rgba( 255 , 255 , 255 , 0.3 );
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus
{
	color: #ffffff;
	background-color: rgba( 255 , 255 , 255 , 0.5 );
	padding:3%;
}
#foot
{
	background: #ff882c; /* Old browsers */
}

/* menu center */
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.navbar .navbar-collapse {
  text-align: center;
}

/* menu not top */
.navbar-fixed-top {
	/* top:45px; */
}

.dropdown-menu
{
	color: #0c4c38;
	background-color:#4C8155;
	font-size:18px;
	min-width: 250px;
}
.dropdown-menu>li>a
{
	padding:3%;
	color:#ffffff;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse
{
	max-height: 450px;
}

/* cancel nav bottom blank */
.navbar {
  margin-bottom: 0px !important;
}


@media screen and (max-width: 767px)
{
	.navbar .navbar-nav
	{
		width:100%;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a
	{
		background: rgba( 255 , 255 , 255 , 0.2 );
		color: #ffffff;
		padding: 5%;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus
	{
		background: rgba( 255 , 255 , 255 , 0.5 );
		padding:5%;
	}
	
	.navbar-nav .open .dropdown-menu
	{
		border-bottom: 1px dashed #647B5E;
	}
	
	.nav>li
	{
		width:100% !important;
	}
	


	.navbar-nav>li:first-child>a
	{
		border-radius: 5px 5px 0 0;
	}

	.navbar-nav>li:last-child>a
	{
		border-radius: 0 0 5px 5px;
	}
	
	
	#topLineBgDiv
	{
		display:none;
	}
}

@media screen and (max-width: 613px)
{
	#contentPadding
	{
		padding:0 30px;
	}
}

.bottomMargin
{
	margin-bottom: 20px;
}


/*頁碼*/
/* .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #33431c;
    border-color: #33431c;
}
bootstrap.min.css:5
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
bootstrap.min.css:5
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #33431c;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #33431c;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
} */

/*prod css*/
@media screen and (min-width: 976px)
{
	.prod_outbox
	{
		height:330px;
	}
	.prod_inbox
	{
		height:330px;
	}
	.prod_picbox
	{
		height:255px;
		line-height:255px;
	}
	.prod_pic
	{
		width:100%;
		margin-top:15px;
		max-height:235px;
	}
}

@media screen and (max-width: 976px)
{
	.prod_outbox
	{
		height:340px;
	}
	.prod_inbox
	{
		height:340px;
	}
	.prod_picbox
	{
		height:255px;
		line-height:255px;
	}
	.prod_pic
	{
		width:100%;
		margin-top:15px;
		max-height:235px;
	}

	#contain_box table
	{
		width:100%;
	}
}

@media screen and (min-width: 663px) and (max-width: 809px)
{
	.prod_outbox
	{
		height:400px;
	}
	.prod_inbox
	{
		height:400px;
	}
	.prod_picbox
	{
		height:300px;
		line-height:300px;
	}
	.prod_pic
	{
		width:100%;
		margin-top:15px;
		max-height:300px;
	}
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #C79C5C;
    border-color: #C79C5C;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #C79C5C;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #C79C5C;
    background-color: #eee;
    border-color: #ddd;
}