body {color: #5a5a5a;font-family: "微軟正黑體","蘋果儷中黑","黑體",Hiragino Sans GB,"儷黑 Pro",Myriad Pro;background:#fdfaf3;margin:0;padding:0;background-color: #fdf8ef;}
.navbar {margin-bottom:5px;}
.navbar-wrapper {position: absolute;top: 0;left: 0;right: 0;z-index: 20;}
.navbar-wrapper .container {padding-left: 0;padding-right: 0;}
.navbar-wrapper .navbar {padding:0;border-radius:0;}
.navbar-header {position: relative; width:100%;}
.navbar-header .navbar-collapse{position: absolute;bottom: -5px; right:0; padding:0; margin-right:-12px; width:616px \9; border:none \9;}
:root .navbar-header .navbar-collapse{width:auto \9;}
.navbar-inverse .navbar-nav > li{float:left \9;}
.navbar-inverse .navbar-nav > li > a{ color:#962c2c; font-size:15px;padding: 15px; line-height:15px;background:url(../img/bg.png) 0 -545px no-repeat;}
.navbar-inverse .navbar-nav > li:first-child > a{ background: none;}
.navbar-inverse .navbar-nav > li > a:hover{ color:#e72e35;}
.navbar-inverse .navbar-nav > li > a:hover:before{ color:#a0a0a0;}
.navbar-inverse {background-color: transparent;border-color: transparent;}
.container {width: 960px;padding:0;}
.brand {width: 209px; height:60px; background:url(../img/logo.png) 0 0 no-repeat; display:block; font-size:0;padding:0; margin-top:30px;}
.brand-line {width: 1px; height:60px; background:url(../img/bg.png) 0 -442px no-repeat; display:block; position:absolute; top:30px;left:225px;}
.gogo1 {width: 36px; height:58px; background:url(../img/GOGO1.gif) 0 0 no-repeat; display:block; position:absolute; top:30px;left:225px;}
.gogo2 {width: 50px; height:41px; background:url(../img/GOGO2.gif) 0 0 no-repeat; display:block; position:absolute; top:-13px;left:-50px;}
.gogo3 {width: 55px; height:52px; background:url(../img/GOGO3.gif) 0 0 no-repeat; display:block; position:absolute; top:-36px;left:15px;}
.navbar-toplink{ position:absolute; right:0; top:12px;}
.navbar-toplink a{ color:#5a5754; font-size:12px; font-weight:normal; font-family:"新細明體";}
.navbar-toplink a b{ font-weight:normal;padding: 0 5px 0 10px;}
.navbar-toplink a:hover{ color:#e72e35; text-decoration:none;}
.navbar-toplink a:before{ content:'|';}
.navbar-toplink a:hover:before{ color:#5a5754;}
.navbar-toplink a.facebook{ background:url(../img/bg.png) -8px -7px no-repeat;display: inline-block;font-size: 0;height: 22px;width: 112px;margin-right: 7px;position: absolute;top: 0;left:-122px;}
.navbar-toplink a.facebook:before{ content:'';}
.home .carousel {height: 405px;margin-bottom: 2px;}
.home .carousel-caption {z-index: 10;}
.home .carousel-top {background:url(../img/bg.png) 0 -990px repeat-x;display: block;height: 5px;position: absolute;top: 0;width: 100%;}
.home .carousel .item {height: 405px;background-color: transparent;}
.home .carousel .item a {height: 405px;width: 100%;max-width: 1200px;display: block; margin:0 auto; text-align:center;}
.home .carousel-inner > .item > img {top: 0;max-width: 1200px;height: 405px; margin:0 auto;}
.home .carousel-control.left, .home .carousel-control.right{ background:none;}
.home .carousel-control.left:hover{ background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}
.home .carousel-control.right:hover{ background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}
.home .glyphicon-chevron-left{background:url(../img/bg.png) -9px -49px no-repeat; font-size:0; width:38px;height:38px;}
.home .glyphicon-chevron-right{background:url(../img/bg.png) -68px -49px no-repeat; font-size:0; width:38px;height:38px;}
.home .carousel-indicators li{ width:12px; height:12px; background-color:#FFF; border:1px solid #FFF; margin:1px 7px;}
.home .carousel-indicators li.active{ margin:1px 7px; background-color:#f7d008;}

.home .container.pic-menu{ width:100%; background-color:#df1010; padding:0; margin:0;}
.home .container.pic-menu .row{ width:960px; padding:0; margin:0 auto;}
.home .container.pic-menu .col-xs-6.col-sm-3{padding:0; margin:0; background-color:#000; width:25% \9;}
.home .container .ads .col-xs-6.col-sm-3{width:25% \9;}
.home .container.pic-menu a:hover{ opacity:0.75;}
.home .col-md-6 h2{ font-size:0; width:78px;height:20px;margin: 15px 0 3px;}
.home .col-md-6.news h2{ background:url(../img/bg.png) -20px -118px no-repeat;}
.home .col-md-6 ul{ padding:5px 1px; border-top:2px solid #ac2020;}
.home .col-md-6 ul li{ padding: 5px 0 5px 20px; margin:0; list-style:none; background:url(../img/bg.png) -171px 13px no-repeat;}
.home .col-md-6 ul li a{ color:#4e4b4b; font-size:13px; text-decoration:none;}
.home .col-md-6 ul li a i{ color:#696969; margin:0 15px 0 0; font-style:normal;}
.home .col-md-6 ul li a:hover{ color:#e72e35;}
.home .col-md-6 ul li a:hover i{ color:#350608;}

.home .prods{ padding:0 12px; width:100%; overflow:hidden; height:195px; position:relative;}
.home .prods div{ padding:0; width:100%; overflow:hidden; height:195px; position:relative;}
.home .prods ul{ margin:0; padding:0 30px;}
.home .prods ul li{ padding: 0; margin:0 10px; list-style:none; background:none;max-width:160px;height:175px; overflow:hidden; display:inline-block;*display: inline; zoom: 1;}
.home .prods ul li a{ text-decoration:none; position:relative;display: block;height: 185px;}
.home .prods ul li a img{ float:left;}
.home .prods ul li a h5{ color:#771313; font-size:13px; position:absolute; bottom:0; width:100%; overflow:hidden;height: 30px;line-height: 30px;letter-spacing: normal;word-spacing: normal; text-align:center;}
.home .prods ul li a:hover h5{ background-color:#e72e35; opacity:1; color:#FFF;}
.home .prods div.left, .home .prods div.right{ border-top: none; width:30px; height:40px; position:absolute; top:80px; background-image:url(../img/bg.png); background-repeat:no-repeat; cursor:pointer;}
.home .prods div.left{ background-position:-10px -241px; left:10px;}
.home .prods div.right{ background-position:-80px -241px; right:5px;}
.home .prods div.left:hover{ background-position:-18px -241px;}
.home .prods div.right:hover{ background-position:-72px -241px;}

.home .col-md-6.promo{ width:50% \9; float:right \9;}
.home .col-md-6.news{ width:50% \9; float:left \9;}
.home .col-md-6.promo h2{ background:url(../img/bg.png) -20px -163px no-repeat;}
/*.home .col-md-6.promo div{ padding:0 12px; border-top:2px solid #ac2020; width:100%; overflow:hidden; height:195px; position:relative;}
.home .col-md-6.promo ul{  padding:15px 0 0 10px;width:auto; border:none; height:205px; position:absolute;white-space: nowrap; left:4px;letter-spacing: -4px;word-spacing: -4px;font-size:0;}*/
.home .col-md-6.promo ul li{ padding: 0; margin:0 5px; list-style:none; background:none;max-width:210px;height:175px; overflow:hidden; display:inline-block;*display: inline; zoom: 1;}
.home .col-md-6.promo ul li a{ text-decoration:none; position:relative;display: block;height: 185px;}
.home .col-md-6.promo ul li a img{ float:left; text-align:center;}
.home .col-md-6.promo ul li a h5{ color:#FFF; font-size:13px; position:absolute; bottom:0; width:100%; max-width:210px; overflow:hidden; background-color:#413d3d; opacity:0.8;height: 30px;line-height: 30px; text-indent:10px;letter-spacing: normal;word-spacing: normal; text-align:center;}
.home .col-md-6.promo ul li a:hover h5{ background-color:#e72e35; opacity:1;}
.home .col-md-6.promo div.left, .home .col-md-6.promo div.right{ border-top: none; width:30px; height:30px; position:absolute; top:118px; background-image:url(../img/bg.png); background-repeat:no-repeat; cursor:pointer;}
.home .col-md-6.promo div.left{ background-position:12px -288px; left:-16px;}
.home .col-md-6.promo div.right{ background-position:-58px -288px; right:-16px;}
.home .col-md-6.promo div.left:hover{ background-position:-82px -288px;}
.home .col-md-6.promo div.right:hover{ background-position:-152px -288px;}
.home .col-md-6 span.more a{ background:url(../img/bg.png) -119px -126px no-repeat; font-size:0; width:36px;height:20px; display:block;position: absolute;right: 15px;top: 21px;}

.home .ads{padding:0; margin:30px 0 20px;}
.home .ads .ad{ width:24.7%; text-align:center; display:inline-block; white-space:nowrap; font-size:0; padding:0; margin:0;}

.featurette-divider {margin: 80px 0;}
.featurette-heading {font-weight: 300;line-height: 1;letter-spacing: -1px;}

.bmenu{margin: 10px auto;text-align: center;width: 100%; background-color:#c11920;text-align: center; padding:10px 0;}
.bmenu .nav{margin: 0 auto;width: 960px; padding:0;}
.bmenu .nav > li{padding:0; display:inline-block;vertical-align: top;width: 110px; margin:0;}
.bmenu .nav > li a{padding: 0 0 10px 0; color:#350608; font-size:15px;text-align: left;}
.bmenu .nav > li a:hover{ background-color:transparent; color:#FFF;}
.bmenu .nav li > ul{ margin:0;padding:0;}
.bmenu .nav li > ul > li{ list-style:none; margin:0;padding:0;text-align: left;}
.bmenu .nav > li > ul > li a{padding:0; color:#FFF; font-size:12px; font-family:"新細明體";}

footer{ width:100%; margin:0 auto; height:48px; text-align:center; color:#454341; font-size:12px; line-height:20px; display:none \9;}
footer .phone{ margin:0 0 0 40px;}
footer .copy{ display:block;}
#mobilebtn{ width:60px; height:64px;background:#FBF6DC url(../img/bg.png) -65px -1111px no-repeat;border: 2px solid #D5CFB3; border-bottom:none;position: absolute;right: 15px;top: 28px; cursor:pointer; display:none;}
.home .film_roll_prev, .home .film_roll_next {background: none;border: none;border-radius:0;color: #FFFFFF;font-size: 0;font-weight: normal;height: 40px;left: 15px;line-height: 30px;margin: -20px 0 0;opacity: 1;padding: 0;position: absolute;text-align: center;top: 48%;width: 40px; display:none;}
.home .film_roll_prev {left: 15px;right: auto;background:url(../img/bg.png) 4px -827px no-repeat;}
.home .film_roll_next {left: auto;right: 15px;background:url(../img/bg.png) -143px -827px no-repeat;}
.navbar-toggle{ display:none \9;}

@media (max-width: 1200px) {
	.home .carousel{ height:auto;margin: 0 0 40px;}
	.home .carousel .item, .home .carousel .item a{ height:auto;}
	.carousel-indicators{bottom: -40px;}
	.home .carousel-indicators li{ border:1px solid #C00;}
	.home .carousel-indicators li.active{ background-color:#C00;}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:40%;}
	.container{width: 100%;}
	.navbar-header .navbar-collapse{ margin:0;}
	.bmenu .nav{width: 100%;}
	.home .container.pic-menu .row {width: 100%;}
	.home .prods{ padding:0;}
	.home .prods ul{ padding:0;}
	.home .row{ margin:0 auto;}
	.navbar-nav{ margin:0 auto;}
	.home .col-md-6 span.more a{top:7px;}
	.col-xs-6 {text-align: center;margin: 15px 0 10px;min-width: 240px;}
	.container .col-xs-6 { min-width: 50px;padding: 0 10px;}
	.container .col-xs-6 img{ width:100%;max-width: 240px;}
	.home .container.pic-menu .col-xs-6.col-sm-3{background-color: transparent;}
}
@media (max-width: 768px) {
	.container > .navbar-header, .container > .navbar-collapse{ margin:0;}
 	.brand {width: 100px; height:80px;background:url(../img/80x80_logo.png) 0 0 no-repeat; display:block; font-size:0;padding:0; margin-top:15px;} 
	.navbar-toplink a{ display:none;}
	.navbar-toplink a.facebook{ background:url(../img/bg.png) -1px -1113px no-repeat;height: 59px;width: 56px;top: -35px;left: -144px;}
	.navbar-header .navbar-collapse{top:-2px; bottom:none; position:static;}
	.navbar-inverse .navbar-nav > li{ display:inline-block;width: 49%;text-align: center;}
	.navbar-inverse .navbar-nav > li:first-child > a, .navbar-inverse .navbar-nav > li > a{background: none; font-size:20px; font-weight:bold; color:#3d0709;}
	.navbar-inverse .navbar-nav > li:last-child > a{background:none;}
	.navbar-toggle{ border:0;margin: 28px 15px 0 0;padding: 1px 8px;}
	.navbar-inverse .navbar-toggle .icon-bar{ background-color:#8F1919;border-radius: 7px;height: 8px;width: 40px;margin: 7px 0;}
	.navbar-inverse .navbar-toggle:hover {background-color: #E6CCCD;}
	.navbar-inverse .navbar-toggle:focus {background-color: transparent;}
	.navbar-header .navbar-collapse{ background-color:#FFF; display:none;}
	.navbar-header .navbar-collapse.in{ margin:0 15px;height: 1px;overflow: hidden;border:2px solid #d5cfb3; background-color:#fbf6dc; display:block; padding:5px;}
	.navbar-toplink{ top:62px;}
	.home .container.pic-menu { background-color:transparent; padding:0 5px;}
	.home .container.pic-menu .col-xs-6.col-sm-3 img{border: 1px solid #F8B61C;width: 95%;}
	.home .container.pic-menu .col-xs-6.col-sm-3{background-color: transparent; text-align:center;margin: 0 0 8px;overflow:hidden; width:50%; min-width:50px;}
	.bmenu .nav > li{width: 30%;}
	.gogo1, .gogo2, .gogo3 { display:none;}
	.bmenu .nav > li a{ font-size:18px;padding: 10px 0;}
	.bmenu .nav > li > ul > li a{ font-size:15px;line-height: 30px;}
	footer span, footer .phone{ font-size:16px; margin:10px 0; display:block;}
	.home .prods div{ padding:0 12px;}
	.home .col-md-6.promo ul li{width: auto; margin:0 10px;}
	.home .prods div.left, .home .prods div.left:hover{ background:url(../img/bg.png) 4px -1202px no-repeat; left:9px;height: 40px; width:40px;}
	.home .prods div.right, .home .prods div.right:hover{ background:url(../img/bg.png) -143px -1202px no-repeat; right:12px;height: 40px; width:40px;}
	.home .col-md-6.promo div.left, .home .col-md-6.promo div.left:hover{ background:url(../img/bg.png) 4px -1202px no-repeat; left:9px;height: 40px;top: 103px; width:40px;}
	.home .col-md-6.promo div.right, .home .col-md-6.promo div.right:hover{ background:url(../img/bg.png) -143px -1202px no-repeat; right:12px;height: 40px;top: 103px; width:40px;}
	.film_roll_child{ opacity:0.15;}
	.film_roll_child.active{ opacity:1;}
}
@media (max-width: 400px) {
.brand {width: 100px; height:80px;background:url(../img/80x80_logo.png) 0 0 no-repeat; display:block; font-size:0;padding:0; margin-top:15px;} 
	.bmenu .nav > li{width: 44%;}
	.bmenu .nav > li.right {padding: 0 20px; width: 100%;}
}