@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);


/*!
 * Start Bootstrap - Shop Homepage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 35px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.slide-image {
    width: 100%;
}
.carousel-holder {
    margin-bottom: 30px;
}
.carousel-control,
.item {
    border-radius: 4px;
}
.caption {
    height: 130px;
    overflow: hidden;
}
.caption h4 {
    white-space: nowrap;
}
.thumbnail img {
    width: 100%;
}
.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}
.thumbnail {
    padding: 0;
}
.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}
footer {
    margin: 50px 0;
}

/*** Mamiya section ***/
/* Search Bar */
#custom-search-input{
    padding: 3px;
    border: solid 1px #c4c4c4;
    border-radius: 4px;
    background-color: #fff;
}
#custom-search-input input{
    border: 0;
    box-shadow: none;
    height: 38px;
    font-size: 18px;
}
#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}
#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}
#custom-search-input .glyphicon-search{
    font-size: 23px;
}

/* Select Bar */
select {
  margin: 0px;
  width: 100% !important;
}
select.custom {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 0px #c4c4c4;
  height: 45px;
  font-size: 18px;
}
select.custom::-ms-expand {
  display: none;
}

/* Button Momo */
/* F46A88 FF85B0 by 明芳 */
.btn-momo { 
  color: #ffffff; 
  background-color: #D6487E; 
  border-color: #D64870; 
} 
 
.btn-momo:hover, 
.btn-momo:focus, 
.btn-momo:active, 
.btn-momo.active, 
.open .dropdown-toggle.btn-momo { 
  color: #ffffff; 
  background-color: #D648B3; 
  border-color: #D64870; 
} 
 
.btn-momo:active, 
.btn-momo.active, 
.open .dropdown-toggle.btn-momo { 
  background-image: none; 
} 
 
.btn-momo.disabled, 
.btn-momo[disabled], 
fieldset[disabled] .btn-momo, 
.btn-momo.disabled:hover, 
.btn-momo[disabled]:hover, 
fieldset[disabled] .btn-momo:hover, 
.btn-momo.disabled:focus, 
.btn-momo[disabled]:focus, 
fieldset[disabled] .btn-momo:focus, 
.btn-momo.disabled:active, 
.btn-momo[disabled]:active, 
fieldset[disabled] .btn-momo:active, 
.btn-momo.disabled.active, 
.btn-momo[disabled].active, 
fieldset[disabled] .btn-momo.active { 
  background-color: #D6487E; 
  border-color: #D64870; 
} 
 
.btn-momo .badge { 
  color: #D6487E; 
  background-color: #ffffff; 
}

/* Navigation */
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(248, 248, 248, 1);
    border-width: 1px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
}

/* Font type */
/*.general-text a {display:inline; color:#797c80; font-size:14px; text-decoration:none; line-height:24px;}
.general-text a:hover {display:inline; color:#18a7e1; font-size:14px; georgia; line-height:24px;} 
#737881 #797c80 #626770 */
.general-text {font-family: "Verdana", "Arial"; font-size:14px; color:#626770;line-height:18px;}
.general-text a {text-decoration:none;}
.general-text a:hover {display:inline; color:#18a7e1; font-size:14px; line-height:18px;}
/*.general-text a {display:inline; color:#797c80; font:14px verdana; text-decoration:none; line-height:24px;}
.general-text a:hover {display:inline; color:#0C6185; font:14px georgia; line-height:24px;}*/
/* Privacy、... "georgia", */
.general02-text {font-family: "Verdana", "Arial"; font-size:16px; color:#626770;line-height:20px;}
.general02-text a {text-decoration:none;}
.general02-text a:hover {color:#18a7e1; font-size:16px; line-height:20px;}

.general03-text {font-family: "Verdana", "Arial"; font-size:18px; color:#626770;line-height:22px;}
.general03-text a {text-decoration:none;}
.general03-text a:hover {color:#18a7e1; font-size:18px; line-height:22px;}

.momo-text {font-family: "Verdana", "Arial"; font-size:14px; color:#D6487E;line-height:18px;}

/* Drop menu */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Input Textarea general01 */
.general01-input{
    padding: 0px;
    border: solid 1px #c4c4c4;
    border-radius: 4px;
    background-color: #fff;
    margin-left:0px;
}

.general01-input input{
    border: 0;
    box-shadow: none;
    height: 45px;
    font-size: 18px;
}

textarea.general01-textarea{
    border: 0;
    box-shadow: none;
    font-size: 16px;
    color : #000000;
}

/* Shadow Board Frame */
/*.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}*/
.card {
    background-color: #F3F3F3; /*#F7F7F7*/
    /* just in case there no content*/
    padding: 15px 18px 5px;
    margin: 0 auto 15px;
    margin-top: 10px;
    /* shadows and rounded borders */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

/* Porgress Bar */
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));
background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: -moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
}
.progress {
height: 6px;
background-color: #ebeef1;
background-image: none;
box-shadow: none;
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 40px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
.progress-bar {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}
.progress-bar {
box-shadow: none;
border-radius: 3px;
background-color: #0090D9;
background-image: none;
-webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.progress-bar-success {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));
background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}
.progress-bar-success {
background-color: #0AA699;
background-image: none;
}

/* Goods Images */
.imgCover {
top:0;
left:0;
z-index:998;
display:block;
}
.coverBtn {
position: absolute;
width: 27px;
background-color:#000;
z-index:999;
cursor: pointer;
display:block;
opacity: 0.9;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* Go Top Button # will always be at the top/bottom center*/
/* https://salomvary.github.io/examples/centerfixed.html */
#gotop {
position: fixed;    
display: none;
left: 0;
right: 0;
text-align: center;
/*top: 0;*/
bottom: 0px; 
color: white;
cursor: pointer;
z-index:999;
opacity: 0.8;
}

/* Go Left Button */
#goleft {
display: block;
position: fixed;
left: 0px;
top: 59px;    
padding: 0px 0px;    
color: white;
cursor: pointer;
z-index:999;
opacity: 0.8;
}

#hotright {
display: block;
left: 0px;
top: 59px;
padding: 0px 0px;
color: white;
float: right;
z-index:999;
opacity: 0.8;
}


/* glyphicon Icon Size */
/*.glyphicon {
    font-size: 50px;
}*/

/* Go Top Button Size */
#gotop .glyphicon.glyphicon-chevron-up {
font-size: 25px;
}

#gotop .btn {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

/* Go Left Button Size */
#goleft .glyphicon.glyphicon-chevron-left {
font-size: 25px;
}

#goleft .btn {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

/* All labels Font Size */
label {
    /*font: normal 16px courier !important;*/
    font-family: "Verdana", "Arial"; font-size:16px; color:#333; line-height:20px; font-weight: 100;
}

/* Goods Delivery Button Style */
#deliverway .btn span.glyphicon {         
  opacity: 0;       
}
#deliverway .btn.active span.glyphicon {        
  opacity: 1;       
}

/* Goods Notice Button Style */
#noticeway .btn span.glyphicon {         
  opacity: 0;       
}
#noticeway .btn.active span.glyphicon {        
  opacity: 1;       
}

/* Goods List Style */
.goods-border {
  height: 325px;
  display: block;
  padding: 0px;
  padding-bottom: 0px;
  margin-bottom: 18px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
} 

.goods-border .caption {
  padding-left: 6px;
  padding-right: 6px;
  color: #000;
} 

/* Goods Amount Badge */
.badge {text-shadow: none;
font-size: 16px;
padding: 3px 8px;
font-weight: normal;
line-height: 15px;
background-color: #ABBAC3!important; }
.badge-warning { background-color: #f89406!important }
.badge-success { background-color: #5cb85c!important }

/* Goods Detail */
.clickable{
    cursor: pointer;   
}

.panel-heading span {
  margin-top: -18px;
  /*font-size: 15px;*/
}

div.msgboard-hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc; /* ccc #337ab7*/
margin: 1em 0;
padding: 0;   
}

div.msgboard-hr hr {
  display: none;
}

/* Go Add Goods Button */
#goadd {
display: block;
position: fixed;
right: 1px;
bottom: 1px;    
padding: 0px 0px;    
color: white;
cursor: pointer;
z-index:1000;
opacity: 0.8;
}

/* Go Add Goods Button Size */
#goadd .glyphicon.glyphicon-plus {
font-size: 25px;
}

#goadd .btn {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}

/* Go Add Goods Button */
#gofb {
display: block;
position: fixed;
right: 1px;
bottom: 1px;
padding: 50px 7px;
color: white;
cursor: pointer;
z-index:1000;
opacity: 0.8;
}

/* Go line Goods Button Size */
#gofb .glyphicon.glyphicon-plus {
font-size: 25px;
}


#gofb .btn {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}


/* Go Add Goods Button */
#goline {
display: block;
position: fixed;
left: 1px;
bottom: 1px;
padding: 0px 0px;
color: white;
cursor: pointer;
z-index:1000;
opacity: 0.8;
}

/* Go line Goods Button Size */
#goline .glyphicon.glyphicon-plus {
font-size: 25px;
}


#goline .btn {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}

/* Thumb goods image in front, http://jsfiddle.net/samliew/tx7sf/, http://stackoverflow.com/questions/16310918/css-scale-and-square-center-crop-image */
.thumb-goods {
    display: inline-block;
    width: 350px;
    height: 250px;
    /*margin: 5px;
    border: 3px solid #c99;*/
    background-position: center center;
    background-size: cover;
}
h1, h2 , h3 , h4 ,h5 , h6 , p , div ,span {
	
/*	font-family:微軟正黑體; */
    font-family: 'Noto Sans TC', sans-serif;

}