/*-----------------------------------------------------------------------全域---*/
html, body {
	font:normal 15px/normal Helvetica,Arial,'LiHei Pro',"微軟正黑體",sans-serif;
	height: 100%;
}

body {
    padding-top: 0px; /*.navbar-fixed-top使用50px; Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

img {border:0;}
form {margin:0;}

p {
    margin: 0 0 10px;
}
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

a {color:#000;text-decoration: none;}
a:link,a:visited {text-decoration:none;} 
a:hover{text-decoration:none}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.taj {text-align: justify;}
.fwb{font-weight:bold;}
.fk{clear:both;}
.fl {float:left;}
.fr {float:right;}
.ccenter {margin:0 auto 0 auto;}
.f000 {color:#000;}
.fc60 {color:#c60;}
.ff00 {color:#f00;}
.f_center {text-align:center;}
/*.padding-left { padding :0 14px 0 13px;}*/
.padding-left { padding :0 0px 0 0px;}

/*-----------------------------------------------------------------------頁首---*/
#wrap{
	min-height:100%;
	height:auto;
	margin:0 auto -60px;
	padding:0 0 60px;
}

/*  Carousel */
header.carousel {
    height: 40%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}
header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.logo_img{position:absolute; top:0px; width:95%; text-align:center;}

.cart_boot{position:relative;top:15px;right:50px;}
.count_bg{ color:#FF0000; position:absolute;top:-10px;right:-60px;background:url(../images/count.png) 0 0 no-repeat;
width:68px;height:28px;font-size:.8em;text-align:center;line-height:1em;padding:6px 0 0 0;}
.count_bg:hover a{color:#ff0000;}
.count_bg a{color:#ffff00;}

.b379 { background-color:#3b77a9;}

/*搜尋*/
.search_bar {width:100%; text-align:center; padding:0px 0; margin-bottom:5px;}

/*-----------------------------------------------------------------------頁身---*/
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
.inside-page {
    background: #fff;
	min-height:533px;
	margin-top: 20px;
}
.title-text {
    width: 100%;
    color: #69b40f;
    padding-bottom: 10px;
    border-bottom: 1px solid #ecebe9;
}
.title-text h4 {
    border-left: 4px solid #69b40f;
    padding-top: 2px;
    text-indent: 10px;
    font-size: 20px;
    margin: 0;
    line-height: 20px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.fix-padding5 {
    padding: 0 5px;
}
.fix-padding10 {
    padding: 0 10px;
}
.hover-logo {
}
.hover-logo a{ color:#69b40f; text-decoration:none;}
.hover-logo a:link,.hover-logo a:visited {text-decoration:none;} 
.hover-logo a:hover{color: #cc9900; text-decoration:none;}

.error {color:#f00;}

/*-----------------------------------------------------------------------頁尾---*/
.footer{
	padding:5px 5px;
	color:#9d9d9d;
	background-color:#222222;
}
.footer a{ color:#9d9d9d; text-decoration:none;}
.footer a:link,.footer a:visited {text-decoration:none;} 
.footer a:hover{color: #eee; text-decoration:none;}

.footer_3{
	color:#9d9d9d;
	background-color:#222222;
}
.footer_3 a{ color:#9d9d9d; text-decoration:none;}
.footer_3 a:link,.footer_2 a:visited {text-decoration:none;} 
.footer_3 a:hover{color: #eee; text-decoration:none;}

.footer_2{
	color:#9d9d9d;
	background-color:#222222;
	padding-bottom:7px;
}
.footer_2 a{ color:#9d9d9d; text-decoration:none;}
.footer_2 a:link,.footer_2 a:visited {text-decoration:none;} 
.footer_2 a:hover{color: #eee; text-decoration:none;}
/*-----------------------------------------------------------------------其他---*/
/*頁數*/
.make_page {
	margin:0 auto;width:100%;text-align:center;
	padding-top:30px;
}
.make_page img {
	vertical-align:middle;
}
.make_page a.bpl,
.make_page a.bpl:visited,
.make_page b.bb {
	text-decoration:none;
	color:#669900;
	font-size:20px;
	padding:0 2px;
}
.make_page a.pl,
.make_page a.pl:visited {
	background:#f5f8fa;
}
.make_page a.pl:hover {
	background:#669900;
	color:#fff;
}

/*-----------------------------------------------------------------------bootstrap---*/
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #ff0;
}
.nav > li > a {
    padding: 15px 9px 15px 9px;
}
.navbar-brand {
     padding: 0; 
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
     max-height: 90%;
}
.navbar-toggle {
     float: left;
}

.navbar-fixed-top, .navbar-fixed-bottom {
     z-index: 500;
}


@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    header.carousel .carousel {
        height: 70%;
    }
	.title-text {
		margin-left:10px;
	}
	header.carousel {
   	 height: 25%;
	}
}

@media(min-width: 767px) and (max-width: 991px) {
	.sel_margin {
    	margin-top: 70px;
	}
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media (min-width:1280px){
	.container{max-width:1260px}
}