@charset "UTF-8";
body { margin: 0; padding-bottom: 20px; font-family: "微軟正黑體", arial; background-color: #F7F8F8; }
.btn-primary { background-color:#FA6F07; border-color: #FA6F07; }
.btn-primary:hover {
    background-color: #77bdb4;
    border-color: #77bdb4;
}

a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.header {
	background-color: #94580d;
}
.header .hd .logo { max-width: 100%; max-height: 69px; margin: .5em 0; }
::-ms-backdrop, .header .hd .logo { width: 100%; height:auto; margin-top: 1em; margin-bottom: 1em; } /*For IE 11, logo會放大的處理*/
.header .hd h1 { margin: 0; padding: 0; font-size: 1em; }
.header .hd h1 a { display: inline-block; }
.header #AU { color: #fff; }
.header .link,.header .link2 { font-size: .9em;  }
.header .link { text-align: right; }
.header .link ul li a:link { color: #000 !important; }
.header .link ul li a:visited { color: #000 !important; }
.header .link2 a:link { color: #333;  }
.header .link2 a:visited { color: #333;  }
.header .t-link::before {
	content: '';
	border-width: 2.5rem 1.5rem 0 0;
	border-style: solid;
	border-color: transparent #89bb40 transparent transparent;
	width: 0; height: 0;
}
.header .top .t-link { 
	position: absolute; top: 1rem; right: 0; z-index:1; width: 39%; height: 2.5rem;
}
.header .top .t-link .t1 { background-color: #89bb40; height: 2.5rem; width: 100%; }
.header .top .dropdown-menu { width: 14rem; }
.header .top ul { text-align:center; margin-bottom: 0; }
.header .top ul li { display: inline; padding-right: .5em; line-height: 2rem;  }
.header .top .form-inline { padding-top: 0; padding-bottom: 0; }
abbr { font-size: 1.1em; font-weight: 600; text-decoration: none !important; margin-left: .1em; margin-right: .1em; }

.btn-success:link, .btn-success:visited { background-color: #41B588; border-color: #41B588; color: #fff; }
.btn-primary:link, .btn-primary:visited { background-color: #ed641e; border-color: #ed641e; color: #fff; }

h2 { font-size: 2em; font-weight: 600; }
h2 a:link, h2 a:visited { font-size: .8em; }
h2.s-tit span { background-color: #935719; display: inline-block; height:100%; width: 5px; margin-right: .5rem; }
h2.s-tit { color: #935719; /*de637a*/}

.breadcrumb { background-color: transparent; }

/*消息區*/
.news a:hover { opacity: .9; }
.news p { margin-bottom: 0;}
.news .date { color: #ff4800; }
.news .tit { color:#377797; font-weight:600; margin-bottom: .5rem; min-height: 4.5rem; }
.news .txt { color: #000; font-size:.9rem  }
.news .tt {  }

/*特約店家*/
.store a:hover { opacity: .9; }
.store p { margin-bottom: 0;}
.store .tit2 { color: #ff4800; font-size:1rem; font-weight:600; margin-bottom: .5rem; }
.store .tit1 {font-size:.9rem; font-weight:600; margin-bottom: .5rem; }
.store .tit { color:#434343; font-weight:600; font-size:1.2rem; margin-bottom: .5rem; min-height: 2rem; }
.store .txt { color:#434343; font-size:.9rem  }
.store .v_txt1 { color:#434343; font-weight:600; font-size:.9rem  }
.store .v_txt2 { color:#ff4800; }
.store iframe{	width:100%; max-height:300px;}



.main-content {
    min-height: 500px;
	background-color: #fff; 
	margin-bottom: 1rem;
	padding: .5em;
}

.main-content:not(.index) {
    /*background-image:url(../images/BG-photo_0.jpg)*/
}

.main-content .wrapper {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%
}

.main-content img { max-width: 100%; height:auto; }

.quick-link-block {
    text-align: center;
    position: relative
}

.quick-link-block .header {
	background: none;
    display: inline-block;
	border-bottom: #b7b7b7 1px solid;
    font-weight: 700
}
.quick-link-block .header i { color: #c30d23; }

.quick-link-block a:link, .quick-link-block a:visited {
    color: #fff;
	text-decoration: none;
}
.quick-link-block .to-top {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 40px;
	width: 40px;
	height: 40px;
	background-color: #FFCC00;
	vertical-align: central;
}

.privacy-policy {
    margin: 30px auto;
    max-width: 1170px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 1.1em;
}

.privacy-policy li {
    display: inline
}

.privacy-policy li:not(:last-of-type):after {
    color: #666;
    content: "|";
    padding: 0 10px
}

.privacy-policy li a {
    color: #666
}

/*footer*/
#footer { background-color: #351506; color:#fff; padding: 1.5rem 0 1rem 0; text-align: left; }
#footer a:link, #footer a:visited { color: #fff; }
#footer .nt { width: 40%; height:auto; }
#footer p { margin-bottom: .5rem; }
#footer .logo { max-width: 100%; height:auto; }

.footer {
    margin: 10px auto;
    max-width: 1170px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 1em;
    line-height: 20px
}

.footer img {
    height: 40px;
    margin: 0 10px 20px
}

.footer span {
    color: #0062C4;
}


a {
    text-decoration: none
}
.footer, .header,.marketing { padding-right:0; padding-left: 0 }
/*分頁*/
/*
#pagenav .pg { display: inline-block; }
.pagination { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.pagination a { display: inline; }
.pagination .actpage { font-size: 1.2em; }
*/

.rotate {
	width: 30px; height: 30px;
	display: block;
  	animation: rotation 2s infinite linear;
	-webkit-animation: rotation 2s linear infinite;
	color: #888585;
}
.color1{
	color:#643016; /*#1198d0;*/}
.bg01{
	background-color:#eae2ef;
	padding:10px;}
.bt_c{
	  border-radius: 25px;
    background: #11b8d6;
	padding:10px;
	color:#FFF;	
	}	
.coupon_content_c{
	  border-radius: 15px;
    background: #FFF;
	padding:10px;

	}	
@-webkit-keyframes rotation {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
#minvno, #inv_no { text-transform: uppercase; }

@media screen and (min-width: 1170px) {

    .jumbotron {
        border-bottom: 0
    }
}

@media (max-width: 991px) {
	.header .top .t-link {  width: 60%; }
}
.news .rt { background-color: #fff; }
@media (min-width: 993px) {
	.news .rt { padding-left: 0; }
	.news a:hover .rt { background-color: #f2f8f8; }
	.news .lt { padding-right: 0; }
	.news .tt { margin: .5rem; }
}
@media (max-width: 576px) {
	.header .top .dropdown { display: none; }
	.header .top .t-link .t1 { font-size: .9em; }
}