/* Put your custom css here */
body {
	background:url("../images/bg_image_1.jpg") repeat-x center top ;
	background-size: cover;
  /*background: #d9edf4; 
	background: -webkit-linear-gradient(left, #d9edf4 0%,#c3e2e9 100%);*/
}

/* pre header */
#preHeader, footer{
	display:none;
}

/* MAIN MENU */
#mainHeader{
	background:transparent;
	box-shadow:0 0 0 transparent;
}

/* header */
header {
	background:rgba(0,0,0,0.1);
	-webkit-background-size: cover;
	background-size: cover;
}

/* Logo */
.navbar-header img{
	max-height:50px;
}

.navbar-default .navbar-nav > li > a {
	font-weight:500;
	color:#FFF;
}

.navbar-default .navbar-nav > li > a:hover{
	color:#ccc;
}

#jscommon-user-id > a{
	color:#ffde00 !important;
}

#jscommon-user-id > a > div{
	color:#c5c5c5 !important;
}

#bootstrap_content{
	margin:0 !important;
}

.newsText{
	border-radius:0 0 10px 10px;
	padding:15px;
}

.newsText h3{
	text-align:center;
	border-bottom:1px solid #c5c5c5;
}

.newsText p a{
	font-size:15px;
}

.btn{
	font-size:14px;
	padding:5px 10px;
}

input[type=button]{
	font-size:14px !important;
	line-height:1.5em !important;
}

.searcha, .table-rwd, .php-orderhistory input[type=text].hasDatepicker, .pageulcss, .php-custom-prod-addcart, .php-custom-prod-text, .php-custom-prod-list-price, .alert-link, #memaccount{
	font-size:14px;	
	text-shadow:none;
}

#php-custom-prod-menu li, .php-custom-prod-page-content{
	font-size:14px !important;
	text-shadow:none !important;
}

.php-sf-menu{
	float:right !important;
}

.php-custom-prod-page-content{
	background:#fffbf0;
	padding:20px 15px;
}

ul.breadcrumb{
	background:transparent;
	border-radius:0;
	border-top:0;
	border-bottom:1px solid #c5c5c5;
	border-left:0;
	border-right:0;
	margin-bottom:10px;
}

.breadcrumb>.active{
	color:#000;
	padding: 0 15px;
}

.custprod-title{
	text-shadow:none !important;
	color:#000 !important;
}

.php-custom-prod-topright-inner-price b{
	color:#e60012;
}

.php-custom-prod-info{
	margin:20px -15px 0 -15px !important;
}

.panel-title{
	color:#FFF;
	text-align:center;
}

/*產品*/
.searcha{
	color:#FFF;
	text-shadow:none;
	margin:15px 0 0 0 !important;
}

.php-orderhistory input[type=text].hasDatepicker{
	color:#000;
	width:94px !important;
	padding:5px !important;
}

.php-custom-prod-text{
	color:#000;
}

.php-custom-prod-list-price{
	color:#0052ae !important;
	font-weight:700;
}

.table-rwd{
	background:#FFF;	
	color:#000;	
}

.table-rwd th{
	text-align:center;
}

/*會員資料*/
h1{
	color:#FFF;
	font-weight:700;
	padding:0 0 10px 0;
}

.form-style{
	margin:0 15px;
	padding:0 15px;
}

.group-style{
	background:rgba(255,255,255,0.6);
	border-top:1px solid #FFF;	
	border-bottom:1px solid #c6c6c6;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	margin-bottom:0;
}

.label-style{
	background:#878787;
	color:#FFF;
	margin:0;
	padding:11px 15px 12px 0 !important;
}

.label-address{
	height:102px;
}

.form-control{
	margin:5px 0;
}

#memaccount{
	color:#0051ac;
	padding-top:10px;
}

#memberAdd3{
	margin-top:10px;
}

/*商品訂購*/
.panel{
	border:none;
	border-radius: 10px 10px 0 0;
}

.panel-heading{
	background:#eb7f37 !important;
	border:1px solid #eb7f37 !important;
	border-radius:10px 10px 0 0;
	color:#FFF !important;
}

.panel-body{
	background:#fffbf0;
	color:#000;
}

.panel-footer{
	border-top:1px solid #ccc;
	color:#0052ae;
}

.order-title{
	color:#FFF;
}

.delorder{
	color:#e60012 !important;
	padding:0 0 0 5px;
}

.order2-form-row, .sl-productinfor{
	color:#000;
}

.alert-danger{
	color:#e60012;
	padding:10px;
}

.alert-primary{
	padding:10px;
}

.pisprice{
	text-align:left;
}

.buy_rule{
	color:#000;
	padding:0 15px;
}

#igotit{
	margin:0 5px 0 0;
}

a.buy_rule_link{
	color:#e60012;
}

.order-fee{
	border-bottom:1px solid #ff6874 !important;
}

/*分頁*/
.pageulcss{
	
}

/*color*/
.light-blue{
	color:#e5f9fe;
}

.gary{
	color:#333;
}

.red{
	color:#60012;
}

/* footer */
footer{
	background: transparent;
	padding:65px 0 0 0;
}

@media screen and (min-width:768px) and (max-width:1024px){
	.container{
		width:100vw !important;
	}

	#mainHeader{
		height:70px;
	}

	.navbar-nav.navbar-right:last-child{
		margin-right:80px;
	}

	.row{
		overflow:hidden;
	}

	.newsText{
		float:left;
		margin-bottom:-9999px;
		padding-bottom:9999px;
	}

	/* Logo */
	.navbar-header img{
		max-height:40px;
	}

	.btn-sm{
		margin-bottom:10px;
	}
}

@media screen and (min-width:480px) and (max-width:767px){
	.container{
		width:100vw !important;
	}

	#mainHeader{
		height:70px;
	}

	/* Logo */
	.navbar-header img{
		max-height:35px;
	}

	.navbar-default .navbar-toggle{
		background:#33b9d5;
		border:0;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background:#FFF;
	}

	.navbar-default .navbar-nav > li > a {
		padding:5px;
	}

	.navbar-nav{
		background:#33b9d5;
		height:160px;
	}

	#mainMenu .navbar-nav li{
		border-bottom:1px solid #c5c5c5;
	}

	/* 修改會員資料 */
	.label-style{
		padding:5px 15px 5px 0 !important;
	}

	.label-address{
		height:inherit;
	}
}

@media screen and (max-width:479px){
	#mainHeader{
		height:70px;
	}

	/* Logo */
	.navbar-header img{
		max-height:30px;
	}

	.navbar-default .navbar-toggle{
		background:#33b9d5;
		border:0;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background:#FFF;
	}

	.navbar-default .navbar-nav > li > a {
		padding:5px;
	}

	.navbar-nav{
		background:#33b9d5;
		height:160px;
	}

	#mainMenu .navbar-nav li{
		border-bottom:1px solid #c5c5c5;
	}

	/* 修改會員資料 */
	.label-style{
		padding:5px 15px 5px 0 !important;
	}

	.label-address{
		height:inherit;
	}
}