@charset \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"UTF-8\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
/* CSS Document */

#pageLoading {width:100%; height:100%; position:fixed; left:0px; top:0px; background-position:center center; background-repeat:no-repeat; z-index:9999;}
.pageLoading-complete { opacity:0 !important; transition:.3s;}
#page { opacity:0;}
.page-complete { opacity:1 !important; transition:.6s;}

#main img {display:none;}

/********** Language **********/
.language {overflow:hidden}
.language a {float:left; overflow:hidden; padding:0; margin:0 5px 0 0; border:1px solid #666; transition:.3s;}
.language a:hover,
.language a.active {border-color:#f15f4c; transition:.3s}
.language a img {float:left; border:none; height:16px; width:auto;}


/********** Social Links **********/
.social-links {}
.social-links a i {}
.social-links a:hover {color:#bdec22; transition:.3s}

/*page*/
#page {
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 2px #afac8e;
}
.container {
    max-width: 900px;
}

/********** Navigation **********/
#navigation {font-family: cwTeXHei, sans-serif;}
#navbar .navbar-brand a { text-decoration:none;}
#navbar .navbar-brand a img {border:none; max-height:40px; width:auto;}
small cite {margin-left:5px; color:#f15f4c;}
@media (min-width:991px) and (max-width:1200px){.panel-heading h1 {font-size:24px;}}
@media (min-width:1201px){.panel-heading h1 {font-size:26px;}}
@media (max-width:991px){#navbar .navbar-brand a img {max-height:45px;}}
@media (min-width: 992px) {.navbar-nav.navbar-right:last-child { margin-right: 0px;}}
.g-recaptcha {display:inline-block !important;}
#gb em {font-style:normal; color:#F30;}
#gb .col-sm-12 em {display:block;}


.site-topbar {
    background-image: url(http://web999.com.tw/_D00002/S00063/images/%E7%9A%87%E5%93%81bg_20160805174341.jpg);
    padding: 5px 0;
    color: #999;
}

@media (min-width: 992px) {
.site-navbar .navbar-nav a {
    padding: 3px 15px;
    border-radius: 0px;
    margin: 0 0 0 10px;
    border-left: 2px solid transparent;
}
}

.nav>li>a:hover, .nav>li>a:focus {
    background: transparent;
    color: #000;
    border-left:2px solid rgba(170,212,32,1);
}

.site-navbar .navbar-nav .active a, .site-navbar .navbar-nav a:active {
    background: transparent;
    color: #000;
    border-left:2px solid rgba(170,212,32,1);
}

.site-navbar .navbar-nav {
    margin: 30px 0;
}

.site-navbar .navbar-brand a {
	display: inline-block;
	line-height: 40px;
	font-size: 24px;
	color: #e5b742;
	font-family: cwTeXHei,Helvetica Neue,Helvetica,Arial,sans-serif;
}

@media (min-width: 992px) {
#navbar .navbar-brand a img {
    max-height: 80px;
    position: relative;
    bottom: 18px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: auto;
    margin-top: 10px;
}

}


.site-header {
    max-width: 900px;
}
.site-navbar {
    max-width: 900px;
    margin: 0 auto;
}


/********** Slider **********/
.site-main {
    padding-top: 120px;
}

@media (max-width: 991px) {
.site-main {
    padding-top: 70px;
}
}

#slide {margin:0 0 30px 0;}
#slide .container {margin:0; padding:0;}
#slide .container a img {border:0; width:100%;}
@media (max-width:550px){
	#slide {margin-bottom:15px;}
	#slide .container,
	#slide .bx-controls {}
	#slide .bx-wrapper {}
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgba(170,212,32,1);
}
/********** Featured **********/
#featured .row {border-bottom:1px solid #e6e6e6; padding-bottom:5px; margin-bottom:15px;}
#featured .col-md-6 {list-style:none;}
#featured img {width:100%; height:auto;}
#featured a {width:100%;}
#featured a h3 {width:100%; position:absolute; left:0px; top:55%; text-align:center; color:#FFF; text-decoration:none; opacity:0; transition:.3s;}
#featured a:hover h3 {top:40%; opacity:1; transition:.3s;}
#featured .bx-controls-direction {position:absolute !important; right:0px; bottom:0px; z-index:99;}
#featured .bx-controls-direction>a {width:20px !important; height:20px !important; display:inline-block; text-align:center; line-height:20px; color:#FFF; text-indent:0; position:static !important; background:rgba(241, 95, 76, 0.6); transition:.3s;}
#featured .bx-controls-direction>a:hover {background:rgba(241, 95, 76, 1); transition:.3s;}

#featured .bx-pager, #spread .bx-pager {display:none !important;}
#featured .bx-wrapper, #spread .bx-wrapper {margin-bottom:0 !important;}

/********** Spread **********/
#spread {margin-bottom:30px;}
#spread .col-md-4 {list-style:none;}
#spread img {width:100%; height:auto;}
#spread a {width:100%;}
#spread a h3 {width:100%; position:absolute; left:0px; top:55%; text-align:center; color:#FFF; text-decoration:none; opacity:0; transition:.3s;}
#spread a:hover h3 {top:50%; opacity:1; transition:.3s;}
@media (max-width:991px){
	#featured .row {border-bottom:none; padding-bottom:0; margin-bottom:0;}
	#featured .col-md-6,
	#spread .col-md-4 {border-bottom:1px solid #e6e6e6; padding-bottom:15px; margin-bottom:15px;}
	#spread .col-md-4:nth-child(3) {border:none; padding-bottom:0; margin-bottom:0;}
}
@media (max-width:550px){
	#featured a h3 {font-size:1.33333333em;}
	#spread h4 {text-align:center;}
}
#spread .bx-controls-direction {position:absolute !important; right:0px; top:0px; z-index:99;}
#spread .bx-controls-direction>a {width:20px !important; height:20px !important; display:inline-block; text-align:center; line-height:20px; color:#FFF; text-indent:0; position:static !important; background:rgba(241, 95, 76, 0.6); transition:.3s;}
#spread .bx-controls-direction>a:hover {background:rgba(241, 95, 76, 1); transition:.3s;}

@media (min-width: 992px){
#spread .col-md-4 {
    width: 50%;
}
}
#spread .col-md-4 {
    float: right;
}

#spread .col-md-4 li div a {
    background: #fff;
    text-align: center;
    border: 10px solid #eee;
    box-shadow: 3px 3px 6px 1px #999;
}

#spread .row {
    padding-bottom: 5px;
    margin-bottom: 15px;
}

#spread .col-md-4 h4 {
    text-align:center;
    margin-top:15px;
}

.hover-effect:hover .overlay {
    background: rgba(247,246,25,.5);
}

/********** News **********/
#news {padding-bottom:50px;}
#news .post {margin-bottom:50px !important; padding-top:15px !important;}
#news>.container>.row>.col-md-6 {}
#news>.container>.row>.col-md-6:hover { background:#e5e5e5; transition:.1s;}
@media (max-width:767px){
	#news>.container>.row>.col-md-6 {width:100%;}
	#news .entry-thumbnail {max-width:450px !important;}
}
.modal-dialog {margin:0 !important; padding:0 !important;}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 0px solid #840000;
	
}

.btn-primary {
    background-color: #607743;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #aad420;
    border-color: #aad420;
}

.section.section-hilite {
    background: #f4ffd0;
}

.section.section-hilite .section-title span {
    background: #e0f1a8;
}

.section.section-hilite .section-title:after {
    background: #e0f1a8;
}

.section.section-testimonial .carousel-indicators li.active:before {
    content: url(http://www.web999.com.tw/_D00002/S00063/profile/icon-1478141147.png);
    border-bottom-color: transparent;
    position: absolute;
    top: -18px;
    left: -5px;
    margin-left: -10px;
}

.section.section-testimonial .carousel-indicators li {
    background: transparent;
}

.section.section-testimonial .carousel-indicators li.active {
    background: transparent;
}

/********** Product **********/
#catalog {margin:0 0 50px 0; padding:0; list-style:none; text-align:center;}
#catalog li {display:inline-block; margin:0 5px 5px; padding:0; overflow:hidden; border-top: 1px solid;}
#catalog li a {min-width:80px; height:25px; line-height:30px !important; font-size:17px !important; font-weight:bold; padding:0!important; text-align:center; text-decoration:none; border:0px; background-color:transparent; background-position:top right; display:block; float:left; position:relative; transition:.6s;}
#catalog li a.current,
#catalog li a:hover {color:#000; background:url(http://www.web999.com.tw/user/editor/uploadfile/20161103111207709.png) no-repeat bottom right; border:0px;}
#catalog li a img {position:absolute; right:0px; bottom:0px; opacity:0;}
#catalog li a.current img { opacity:0;}

#products {padding:0 0 50px 0; margin:0; background-color: #f4ffd0;}
#products h3 {font-size:1.2em;}
#products span {color:#f15f4c; margin-left:5px;}
#products ul {margin:0 auto 50px auto; padding:0; list-style:none; overflow:hidden; width:auto;}
#products ul li {width:262px; display:inline-block; margin:0 15px 30px 15px; float:left; overflow:hidden;}
#products ul li a {width:260px; height:auto; max-height:260px; border:1px solid #EEE; display:inline-block; margin:0 0 10px 0; float:left; overflow:hidden; position:relative; transition:.6s;}
#products ul li a img {width:100%; height:auto; border:0; margin:0; padding:0; float:left;}
#products ul li a div {width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; background: #5f7126; opacity:0; transition:.6s;}
#products ul li a h3 {width:100%; margin:0; padding:0; position:absolute; color:#FFF; text-align:center; text-decoration:none; left:0px; top:60%; opacity:0; transition:.6s;}
#products ul li a:hover {border-color: #37440d; transition:.3s;}
#products ul li a:hover div {opacity:0.8; transition:.3s;}
#products ul li a:hover h3 {opacity:1; top:50%; transition:.3s;}
#fbcomments {width:100%; border:none; overflow:hidden; min-height:300px;}

@media (max-width:1200px){
	#products ul {width:auto; text-align: center;}
	#products ul li {width:224px; margin-left:12px; margin-right:12px;}
	#products ul li a {width:222px; max-height:222px;}
}
@media (max-width:992px){
	#products ul {width:auto; }
	#products ul li {width:354px; margin-left:15px; margin-right:15px;}
	#products ul li a {width:352px; max-height:352px;}
}
@media (max-width:783px){
	#products ul {width:auto; }
	#products ul li {width:296px; margin-left:12px; margin-right:12px;}
	#products ul li a {width:294px; max-height:294px;}
}
@media (max-width:660px){
	#products ul {width:480px;}
	#products ul li {width:480px; margin-left:0; margin-right:0;}
	#products ul li a {width:478px; max-height:478px;}
}
@media (max-width:500px){
	#products ul {width:320px;}
	#products ul li {width:320px;}
	#products ul li a {width:318px; max-height:318px;}
}
.cutitle {font-style:normal; color:#666; margin-right:5px;}

#products ul li {
    float: none;
    position: relative!important;
    left: auto!important;
    top: auto!important;
}
.fancybox-inner {
    overflow: hidden !important;
    height: auto !important;
    background-color: rgba(255,255,255,.15);
    padding-bottom: 20px;
}

/********** FancyBox **********/




/********** Contact **********/
.btn-danger {
    background-color: #607743;
    border-color: #607743;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #aad420;
    border-color: #aad420;
}

/********** FAQ **********/
#faq {margin:0; padding:0 0 50px 0; list-style:none; text-align:center;}
#faq ul {margin-left:auto; margin-right:auto; padding:0; list-style:none;}
#faq ul li {margin:0 0 20px 0; padding:10px; list-style:none; border:1px solid #d7d7d7; border-radius:5px; cursor:pointer; transition:.6s;}
#faq ul li h3 {font-size:1.2em; word-wrap: break-word; word-break: normal; }
#faq ul li p {border-top:1px solid #d7d7d7; padding-top:10px; display:none; word-wrap: break-word; word-break: normal; }
#faq ul li:hover { background-color:#e5e5e5; transition:.3s;}
#faq ul li.active {border-color:#b5b5b5; background:#FFF; transition:.3s;}
#faq ul li.active h3 {color:#f15f4c; transition:.3s;}



/********** Cart **********/
.table { text-align:left;}
.table .img-thumbnail {width:120px; height:auto;}
.table tr>:nth-child(1) {width:120px;}
.table tr>:nth-child(3) {text-align:right;}
.table tr>:nth-child(4) {text-align:center; width:142px !important;}
.table tr>:nth-child(5) {text-align:right; color:#f15f4c;}
.table tr>:nth-child(6) {text-align:center; width:80px !important;}
.table tr>:nth-child(6) a {width:28px; height:28px; font-size:15px; line-height:28px; color:#555; border:1px solid #999; background:#999; display:inline-block; border-radius: 2px; transition:.3s;}
.table tr>:nth-child(6) a:hover {border-color:#f15f4c; color:#fff; background:#f15f4c; transition:.1s;}
.table tr td .cart-cunt {width:60px !important; text-align:center !important; display:none;}
.table tr td a.cart-save {margin-right:5px;}
.table tr td a.cart-change {margin-right:5px;}
@media (max-width:660px){
	.table tr>:nth-child(1) {display:none;}
}

.cartset {margin-bottom:30px; padding:10px; border:1px solid #f15f4c; overflow:hidden; background:#e5e5e5;}
.cartset>ul {padding:10px; list-style:none; display:inline-block; background:#FFF; float:left; width:366px; margin:0 10px 0 0;}
.cartset>ul:last-child {margin-right:0;}
.cartset .shipping h4 em {font-style:normal; margin-left:5px; margin-right:5px; font-weight:bold; color:#f15f4c;}
.cartset .shipping .note {margin-top:15px; padding:10px; background:#eee; border:1px solid #e5e5e5; border-radius:5px;}
.cartset .payment a {padding:10px; margin-top:5px; border:1px solid #e5e5e5; border-radius:5px; text-decoration:none; display:block; overflow:hidden; text-align:left; color:#555; transition:.6s; position:relative;}
.cartset .payment a:hover {border-color:#f15f4c; transition:.3s;}
.cartset .payment a.active {border-color:#f15f4c; background:#FFC; color:#000;}
.cartset .payment a i {width:30px; text-align:center; display:inline-block; margin-right:5px; float:left;}
.cartset .payment em {font-style:normal; margin-left:5px; margin-right:5px; font-weight:bold; color:#f15f4c;}
.cartset .payment a .note {display:block; padding:5px; background:#eee; border:1px solid #e5e5e5; border-radius:5px;}
.cartset .payment a img {position:absolute; right:0px; bottom:0px; opacity:0;}
.cartset .payment a.active img { opacity:1;}
.cartset .total li {overflow:hidden;}
.cartset .total .price {text-align:right; color:#f15f4c; padding-left:20px; padding-right:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
.cartset .total li em {float:left; color:#000; font-style:normal;}
.cartset .total .price-total {margin-bottom:0; padding-bottom:0; border-bottom:0;}
@media (max-width:1199px){
	.cartset>ul {width:299px;}
}
@media (max-width:991px){
	.cartset>ul {width:100%; margin:0 0 10px 0}
	.cartset .payment a { text-align:center;}
	.cartset .payment a i {float:none; display:block; width:auto; margin-bottom:10px; font-size:20px;}
	.cartset .total {margin-bottom:0;}
}


.inquiry .table tr>:nth-child(3),
.inquiry .table tr>:nth-child(5) {display:none;}
.inquiry .table tr>:nth-child(4) {width:200px !important;}
.inquiry .table tr td .cart-cunt {width:118px !important;}



/********** Page Number Nav **********/
div.pnn {margin:50px 0 0 0; padding:0; width:100%; border:none; background:none; display:block; overflow:hidden; text-align:center; clear:both;}
div.pnn a {min-width:40px; height:40px; display:inline-block; font-size:17px; line-height:40px; padding:0 5px 0; margin:0 1px 0 1px; border:1px solid #999; color:#555; background:#999; overflow:hidden; text-decoration:none; transition:.3s;border-radius: 4px;}
div.pnn a:active,
div.pnn a:hover {border-color:#787878; background:#4b494f; color:#ccc;}
div.pnn a.current {border-color:#8aab1e; color:#fff; background:#aad420; transition:.3s;}
div.pnn a.disabled {border-color:#999; color:#999; background:#ccc; cursor:default;}



/********** Google Map **********/
.google-maps {position: relative; height:500px; overflow: hidden; }
.google-maps #map {position: absolute; top: 0; left: 0; width: 100% !important; height:500px !important;}

/********** footer **********/

.site-footer {
	text-align: center;
	background-image: url(http://web999.com.tw/_D00002/S00063/images/%E7%9A%87%E5%93%81bg_20160805174341.jpg) ;
	color: rgba(247,246,25,1);
	padding: 30px 0 0;
}

.site-footer .copyright {
    border-top: 5px solid rgba(247,246,25,1);
    font-size: 12px;
    padding: 20px 0 10px;
}


.site-footer .widget-title {
    color: rgba(247,246,25,1);
    margin: 0 0 15px;
}

.site-footer a {
    color: rgba(247,246,25,1);}

.site-footer .widget {
    margin: 0 0 30px;
}