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

body {
  background-color: #FFF;
  color: #454545;
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial, "LiHei Pro", "新細明體", sans-serif;
  font-size: 16px;
}

input, button {
	outline: 0 !important;
	box-shadow: none !important;
}

.blue {
	color: #00abfa;
}
.pink {
	color: #fc6592;
}
.yellow {
	color: #febe06;
}

.clear15 {
	clear: both;
	height: 15px;
}
.clear30 {
	clear: both;
	height: 30px;
}


.img-100 { max-width: 100%; }
.hr-dash {
	border-top: 1px dashed #dedede;
	margin: 5px 0;
}
.hr-2slash {
	height: 5px;
	background: url(../images/hr_2slash.png) repeat-x 0 0;
    border: 0;
	margin-bottom: 10px;
	margin-top: 0;
}
.hr-blue {
	border-top: 2px solid #00abfa;
	margin: 0;
}
.hr-pink {
	border-top: 2px solid #fc6592;
	margin: 0;
}
.para-general {
	font-size: 1.1em;
	line-height: 1.6em;
}

.main {
	margin-top: 65px;
}
.main-tit-yellow {
	font-size: 1.65em;
	color: #febe06;
}
.main-tit-blue {
	font-size: 1.65em;
	color: #00abfa;
}
.main-tit-pink {
	font-size: 1.65em;
	color: #fc6592;
}
.main-tit-yellow small, .main-tit-blue small, .main-tit-pink small {
	font-size: 0.6em;
}
.ico-tit {
	max-height: 32px;
	vertical-align:text-bottom;
	margin-right: 3px;
}

/* BTN SETTING */
.btn-main {
	background-color: #febe06;
	border: solid 1px #f3b400;
	color: #FFF;
}
.btn-main:hover, .btn-main:focus {
	background-color: #f3b400;
	border: solid 1px #f3b400;
	color: #FFF;
}
.btn-blue {
	background-color: #00abfa;
	border: solid 1px #009be3;
	color: #FFF;
}
.btn-blue:hover, .btn-blue:focus {
	background-color: #009be3;
	border: solid 1px #009be3;
	color: #FFF;
}
.btn-pink {
	background-color: #fc6592;
	border: solid 1px #f4467a;
	color: #FFF;
}
.btn-pink:hover, .btn-pink:focus {
	background-color: #f4467a;
	border: solid 1px #f4467a;
	color: #FFF;
}

.mysele .form-control {
    display: block;
    width: 100%;
    background-color: rgb(255, 255, 255);
    background-image: url(select_red.svg);
    background-size: 16px 12px;
    appearance: none;
    margin-top: 10px;
    padding: 5px 2rem 5px 5px;
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    border-width: 1px;
    border-style: solid;
    border-color: #ced4da;
    border-image: initial;
    border-radius: 0.25rem;
    color: red;
    font-weight: bold;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    outline: none;


}



/* NEWS SETTING */
.list-news {
	line-height: 1.6em;
	padding-bottom: 5px;
}
.list-news .label-store {
	background-color: #febe06;
	font-size: 0.9em;
}
.list-news a {
	color: #454545;
}
.list-news a:hover, .list-news a:focus {
	color: #febe06;
	text-decoration: none;
}
.news-tit {
	line-height: 1.7em;
	font-size: 1.4em
}

/* RWD IMAGES*/
.product-item {
	border: solid 1px #ddd;
	padding: 15px 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.hot-item {
	border: solid 1px #ddd;
	padding: 8px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.rwd-imgglobal {
	width: 100%;
	padding: 0;
	margin: 0 0 2em 0;
}
.rwd-imgglobal img
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.imgglobal-box {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 0.5em 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.imgglobal-box span {
	display: block;
	width: 100%;
	overflow: hidden;
}
.rwd-imgglobal .imgglobal-box .rwd-product {
	position: relative;
	height: 0;
	padding-top: 69.27%;
}
.prod-img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

/* PRODUCT SETTING*/
.rent-label h4 {
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 1em;
}
.rent-label a, .rent-label a:focus {
	text-decoration: none;
}
.rent-label a h4, .rent-label a .price-note, .rent-label a .price-note-hot {
	color: #454545;
}
.rent-label a h5 {
	color: #454545;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 0.8em;
}
.tag-rent {
	background-color: #00abfa;
	color: #FFF;
	display: table-cell;
	padding: 5px 10px;
	vertical-align: middle;
}
.price-blue {
	color: #00abfa;
	display: table-cell;
	font-size: 1.6em;
	vertical-align: middle;
}
.price-note {
	padding-right: 10px;
	padding-top: 10px;
}
.price-note-hot {
	padding-right: 5px;
}
.tag-second {
	background-color: #fc6592;
	color: #FFF;
	display: table-cell;
	padding: 5px 10px;
	vertical-align: middle;
}
.price-pink {
	color: #fc6592;
	display: table-cell;
	font-size: 1.6em;
	vertical-align: middle;
}

.rent-descript {
	border: solid 1px #009be3;
	border-top: solid 1px #00abfa;
}
.rent-descript h4 {
	background: #00abfa;
	color: #FFF;
	margin-top: 0;
	line-height: 2.3em;
	text-align: center;
}
.rent-descript p, .second-descript p {
	padding: 15px;
}
.rent-descript img, .second-descript {
	max-width: 100%;
}
.second-descript {
	border: solid 1px #fc6592;
}
.second-descript h4 {
	background: #fc6592;
	color: #FFF;
	margin-top: 0;
	line-height: 2.3em;
	text-align: center;
}

.detail-price {
	color: #fc6592;
	font-size: 1.3em;
	font-weight: bold;
}
.detail-amount, .detail-btn {
	padding: 15px 0; 
}

.price-blue-hot {
	color: #00abfa;
	font-size: 1.1em;
}
.price-pink-hot {
	color: #fc6592;
	font-size: 1.1em;
}

.hot-tit {
	height: 7em;
}


/* GUESTBOOK SETTING */
.item-guest {
	border: solid 1px #ddd;
	border-top: solid 2px #febe06;
	padding: 15px;
	margin-bottom: 20px;
}
.guest-info {
	color: #febe06;
}
.reply-block {
	background-color: #f1f1f1;
	border-top: dashed 1px #cccccc;
	padding: 15px;
}

/* STORE SETTING */
.store-item {
	border: solid 1px #ddd;
	border-top: solid 2px #febe06;
	padding: 15px;
	margin-bottom: 1.7em;
}
.store-txt {
	margin-top: 1em;
	padding-left: 0;
}
.store-txt li {
	font-size: 1.1em;
	line-height: 1.8em;
	list-style: none;
}

/* MEMBER SETTING */
.member-item {
	border: solid 1px #ddd;
	border-top: solid 2px #febe06;
	padding: 15px;
	margin-bottom: 1.7em;
}
.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(254, 190, 6);
    border-color: rgb(221, 221, 221);
}
.input-group-addon.login {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 171, 250);
    border-color: rgb(221, 221, 221);
}

.panel-default .phyellow {
	background-color: #febe06;
	color: #FFF;
}

.panel-blue {
	border: solid 1px #ddd;
	border-top: solid 2px #00abfa;
	padding: 15px;
	margin-top: 1em;
}

.login-tit {
	color: #00abfa;
	margin: 1.3em 0;
}
.login-tit .small {
	color: #00abfa;
	font-size: 0.8em;
}
.login-subtit {
	font-weight: bold;
	margin: -1em 0 1.5em 0;
}
.login-note {
	text-align: justify;
}
.login-link a, .login-link a:focus {
	color: #00abfa;
}
.login-btn {
	margin: 1.5em 0;
}

.list-order a {
	color: #febe06;
}


/*INFO SETTING*/
.list-info ol {
	list-style-position: outside;
	padding-left: 20px;
}
.list-info ol li {
	font-size: 1.1em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;

}
.sub-tit-pink {
	color: #fc6592;
	font-size: 1.4em;
}
.process-item {
	border: solid 1px #ccc;
	padding: 5px;
}


/* CONTACT SETTING */
.contact-tit {
	color: #febe06;
	font-size: 1.1em;
	margin: 0.3em 0;
}


.qtyminus, .qtyplus {
	border:solid 1px #ccc;
	height:30px;
}
.qty {
	border:solid 1px #ccc;
	width:100px;
	text-align: center;
}

.tb-saleinfo {
	 border-top:solid 1px #FFCC33; 
	 border-left:solid 1px #FFCC33;
}
.tb-saleinfo tr td {
	 border-bottom:solid 1px #FFCC33; 
	 border-right:solid 1px #FFCC33;
	 padding: 5px;
	 line-height: 2em;
}

.store-detail-tit {
	line-height: 1.5em;
	padding-right: 0;
	text-align: right;
}
.store-detail {
	line-height: 1.5em;
	padding-left: 0
}



.footer-copy {
	background-color: #555;
	border-top: solid 2px #00abfa;
	color: #FFF;
	font-size: 1em;
	line-height: 2em;
	text-align: center;
}

@media (max-width: 450px) {
	.main-tit-yellow, .main-tit-blue, .main-tit-pink {
		font-size: 1.5em;
	}
}