@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 **********/

.modal-content{position:static; }article.single-project{ float:left;}

#catalog {display:none;}

#products {padding: 20px 0;background: url(http://web-zoom.net/site/_D00001/S00071/images/bg_20170104165427.jpg)bottom repeat-x #fff;}

#products ul {width: auto;text-align:center;height: auto !important;}

#products ul li {width: 262px; float: none;position: relative!important;left:auto!important; top:auto!important;text-align:justify;margin: 10px;}

#products ul li a img {border: 1px solid #fff; padding: 10px;background: #eee;}

#products ul li a div { background: rgba(39,158,216,.5);}


@media (max-width: 550px){

.modal-content {width: 80%;}
article.single-project {float: none !important;}.col-md-12 div hr { width: auto !important;}}
div.pnn a.current { border-color: #028ed9;background: #66b9e3;}

@media (max-width: 991px){button.close { top: -10px; right: 20px;}.modal-content
 {width: 90%;margin: 0px auto;}}button.close {padding-bottom: 6px;font-size: 28px;}

#products ul li a { width: 260px;max-height: initial;}




/********** 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;
}