body{
	font-family:Microsoft JhengHei;
	font-size:16px;
}
.left-pic {
	margin-top: -233px;
}

.left-pic > img{
}

.page-header{
    margin: 0;
    padding: 0;
    border-bottom: none;
    background: none;
    position: relative;;
    width: 100%;
    z-index: 10000;
    min-height: 150px;
	/*background:rgba(255, 255, 255, 0.6);
	position:fixed;
	left:0;
	top:0;*/
}
	.page-header h1{
	    margin:15px;
	    z-index: 10000;
	    position: relative;
        width: 100%;
		height:150px;
	}
    .page-header .logo a{
    	background: url(../images/logo.png) no-repeat left top;
    	font-size: 0px;
    	height: 150px;
    	width: 150px;
    	margin: 0 auto;
    	padding: 0;
    }
    .page-header .container{
		/*background: url(../images/page-header.png) no-repeat 98% 30%;*/
    }
.logo-title{
	text-align:right;
}
	.logo-title h1{
		margin:0;
		padding:2em 0 0 0;
		font-size:1.3em;
		height:1.2em;
	}
	.logo-title em{
		font-style:normal;
		font-size:0.8em;
	}
    .navbar-default{
        border: none;
		position:fixed;
		top:0;
		left:0;
		background:rgba(255,255,255,1);
    }
    .page-header .nav{
        padding: 20px 5em 0 0;
    }
	.page-header .nav li {
		background: url(../images/nav-li.png) no-repeat center right;
	}
	.page-header .nav li:last-child {
		background:none;
	}
	.page-header .nav li a{
    	font-size: 1em;
        color: #000000;
        padding:0.3em 0.8em;
		margin:0 0.5em;
    }
    .page-header .nav .active a{
    	color: #000000;
    	background: #ffe109;
    }
    .page-header .nav li a:hover{
    }
    .page-header .nav .dropdown-menu{
    }
    .page-header .nav .dropdown-menu li a,
    .page-header .nav .active .dropdown-menu li a{
    	height: auto;
    	line-height: 1.8;
    	background: #ffffff;
    	color: #666666;
    }
    .page-header .nav .dropdown-menu li a:hover,
    .page-header .nav .active .dropdown-menu li a:hover{
    	background: #e1e1e1;
    }
    .page-header .nav .dropdown-menu .arrow_t_int,
    .page-header .nav .active .dropdown-menu .arrow_t_int{
		width:0px;
		height:0px;
		border-width:10px;
		border-style:solid;
		border-color:transparent transparent #ffffff transparent ;
		position:absolute;
		top:-20px;
		left:15px;
	}
	.navbar-default-main{
		box-shadow: inset 0px 0px 10px #ededed;
	}
.navbar-pro{
    position: relative;
}
.nav-lang{
    position: absolute;
    right: 17px;
    top:110px;
}
    .nav-lang ul{
        list-style-type: none;
    }
    .nav-lang ul li{
        display: inline-block;
		background:none;
    }
    .nav-lang ul li.nav-chinese,
    .nav-lang ul li.nav-english{
		background:none;
	}
	.nav-lang ul li.nav-chinese a,
    .nav-lang ul li.nav-english a{
        padding: 0 0.3em;
        border: 1px solid #ffe109;
        line-height: 1em ;
        height: 1em;
		margin:0 0.1em;
    }
    .nav-lang .nav-chinese a:hover,
    .nav-lang .nav-english a:hover{
        background-color: #e1e1e1;
        text-decoration: none;
    }
.navbar-default .navbar-toggle{
	background:#ffe527;
	border:1px solid #ffe527;
	z-index:99999;
}
.navbar-default .navbar-toggle .icon-bar{
    background: #000000;
}
.navbar-toggle {
	margin: 38px 30px 0 0;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	border:none;
}
.carousel{
	border-bottom:7px solid #231816;
	padding:165px 0 0 0;
}
	.carousel-indicators{
		bottom: 0px;
	}
	.carousel-control.left,
	.carousel-control.right{
		width: 10%;
	}
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
        width: 100%;
    }
.footer{
	border-top:1px solid #dedede;
	padding: 1.5em 0;
}
.footer-1,
.footer-2{
	border-right:1px solid #dedede;
	margin-right:2em;
	min-height:6em;
}
	.footer-2{
		background: url(../images/footer-2.jpg) no-repeat 0px 15px;
		height:60px;
		line-height:60px;
		padding-left:60px;
	}
	.footer-3{
		/*background:url(../images/footer-3.jpg) no-repeat center right;*/
		height:60px;
		text-align:right;
		font-size:1.2em;
	}
	.footer-3 em{
		font-size:0.7em;
		font-style:normal;
	}
.list,
.tab-pane{
	margin: 0 0 1em 0;
}
    .list ul,
    .tab-pane ul{
    	list-style-type: none;
    	margin: 0 0 0.8em 0;
    	padding: 0;
    }
    .list li,
    .tab-pane li{
    	padding: 0.8em 0;
    	border-bottom:1px solid #ececec;
        color: #b7b7b7;
    }
    .tab-pane i{
    	margin: 0 0.3em;
        color: #b7b7b7;
    }
    .list a,
    .tab-pane a{
    	color: #262626;
    	padding: 0 0.8em;
    }
.list-more{
	color: #9d0809;
}
    .list-more a{
    	width: auto;
    	padding: 0.3em 0.8em;
    	border: 3px solid #ff7300;
    	color: #ff7300;
    	display: inline-block;
    }
.wrapper{
	border-top:55px solid #ffe200;
}
.main{
	min-height:40em;
}
.main-wrapper{
	border-left:3px solid #ffe200;
	margin-bottom:0.5em;
	position: relative;
}
.index{
	height:450px;
	background:url(../images/index.jpg) no-repeat right bottom;
}
.photo-group{
	box-shadow:5px 5px 13px #999999;
	margin:2em 1em;
}
	.photo-group h2{
		font-size:1.2em;
		text-align:center;
		padding:0.8em 1em;
		border:1px solid #b7b3b2;
		margin:0;
	}
	.photo-group .photo-img{
		height:150px;
		overflow:hidden;
	}
	.photo-group img{
		width:100%;
	}
	.photo-group a{
		color:#000;
		text-decoration:none;
	}
	.photo-group:hover{
		opacity:0.8;
	}
.input-group-btn .btn-default{
    width: 100%;
    text-align: left;
    border-radius: 5px;
    position: relative;
}
.input-group-btn button{
    border-radius: 5px;
}
.input-group-btn .btn-default span{
    position: absolute;
    right: 0.5em;
    top: 1em;
}
.dropdown-menu{
    width: 100%;
}
.carousel-control.left,
.carousel-control.right{
	background:none;
}
.index-about{
	padding:3em 0;
}
.index-about h2{
	padding:1em 0 0.5em 0;
	margin:0;
	font-weight:normal;
}
.box-shadow{
	/*box-shadow: 0px 4px 10px #999999;*/
}
.page-title{
	background:#ffe200;
	height:80px;
	line-height:85px;
	margin-top:150px;
	text-align:right;
}
.box-shadow .logo-title{
	text-indent:-9999px;
	text-align:left;
}
.box-shadow .logo-title em{
	font-size:0px;
}
.second-menu{
	/*border-left:3px solid #ffe200;*/
	min-height:45em;
	/*background:url(../images/second-menu-bg.png) no-repeat left bottom;*/
}
	.second-menu ul{
		list-style-type:none;
		padding:5em 0 0 1.5em;
	}
	.second-menu li a{
		padding:0.8em 0 0.5em 1.5em;
		display:block;
		text-decoration:none;
		color:#000;
		font-size:1.2em;
		background:url(../images/second-menu.png) no-repeat center left;
	}
	.second-menu li a:hover,
	.second-menu .active a{
		background:url(../images/second-menu-hover.png) no-repeat center left;
	}
.btn-home{
	margin:-3.2em -3.5em 1.3em 0;
	text-align:right;
	height:27px;
	/*background:url(../images/btn-home.png) no-repeat 150px 0;*/
}
	.btn-home i{
		background:url(../images/btn-home.png) no-repeat center;
		background-size:contain;
		height:2em;
		width:2em;
		display:inline-block;
		position:relative;
		top:0.5em;
		margin-right:0.5em;
	}
.lang-en .btn-home{
	/*background:url(../images/btn-home.png) no-repeat 110px 0;*/
}
	.btn-home a{
		border:1px solid #3b3b3b;
		color:#3b3b3b;
		text-decoration:none;
		padding:0.1em 1em;
		border-radius:25px;
		display:inline-block;
	}
	.btn-home a:hover{
		background:#e5e5e5;
	}
.product{
	padding-top:5em;
}
.product-group{
	border:1px solid #ffe200;
	border-radius:20px;
	margin-bottom:5em;
}
	.product-group .product-img{
		border-radius:50%;
		overflow:hidden;
		width:60%;
		height:150px;
		margin:40px auto;
		box-shadow:5px 5px 10px #999999;
	}
	.product-group .product-img img{
		width:180%;
	}
	.product-group .product-titile{
		background:#ffe200;
		border-radius:0 0 20px 20px;
		padding:1em 2.5em;
		min-height:6.5em;
	}
	.product-group a{
		color:#000;
		text-decoration:none;
	}
	.product-group:hover{
		opacity:0.8;
	}
.product-main{
	margin:5em 0;
}
	.product-main .product-title{
		margin:1.5em 1em;
		letter-spacing:0.15em;
	}
	.product-main .product-text{
		margin:0 1em 2em 1em;
		letter-spacing:0.15em;
		font-size:1.1em;
	}

/*產品圖片切換*/
#product-list{display:block;}
	#product-list ul li{font-size:1.2em; line-height:2;}
	#product-list ul li:hover{cursor:pointer;}
	#product-list ul li > span{padding-left:25px;}
	.prodact{padding-left:20px; background:url("../images/second-menu.png")no-repeat left center; font-weight:bold;}
#product-pics{display:block;}
	#product-pics ul{display:bolck; position:relative;}
	#product-pics ul li{display:none; position:relative;}
	#product-pics ul li:first-child{display:block; }
	#product-pics ul li>img{width:100%; height:auto;}
	#product-pics ul li>div{display:block; width:100%; position:absolute; top:0px; color:#fff;}
	#product-pics ul li>div>span.pic_title{display:block; width:100%; padding:10px; position:relative; top:0px; color:#fff; background-color:#000; opacity:0.75;}
	#product-pics ul li>div>span.pic_intro{display:block; width:100%; padding:5px 10px; color:#000;}
#product-ctl{display:block; height:22px; margin-bottom:10px;}
	.product-ctl-pre{display:block; width:18px; height:22px; margin-right:15px; background:url("../images/ctl-preN.png") no-repeat; font-size:0px; float:right;}
	.product-ctl-pre:hover{background:url("../images/ctl-preH.png") no-repeat; cursor:pointer;}
	.product-ctl-next{display:block; width:18px; height:22px; margin-right:15px; background:url("../images/ctl-nextN.png") no-repeat; font-size:0px; float:right;}
	.product-ctl-next:hover{background:url("../images/ctl-nextH.png") no-repeat; cursor:pointer;}

.servic{
	margin:5em 0;
	font-size:1.1em;
}
	.servic .servic-info{
		text-align:center;
		letter-spacing:0.15em;
	}
.form{
	background:#f3f3f3;
	padding:1em;
}
.form-group {
	padding:0.8em 0;
	border-bottom:1px #FFFFFF solid;
}
.form-group input,
.form-group textarea{
	width:100%;
	padding:0.4em 0.5em;
	border:#f7e019 1px solid;
	border-radius:5px;
	background:#ffffff;
}
	.form-group textarea{
		min-height:10em;
	}
.form-btn{
	text-align:center;
}
	.form-btn input{
		width:60%;
		font-size:1.2em;
		background:#f7e019;
		border:none;
		text-align:center;
		padding:0.8em 0;
		cursor:pointer;
	}
	.form-btn input:hover{
		opacity:0.8;
	}


@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	.page-header .logo a{
    	background: url(../images/logo@2x.png) no-repeat left top;
		background-size: 100%;
	}
	.page-header .container{
		/*background: url(../images/page-header@2x.png) no-repeat 99% 13%;*/
    }
}
.navbar-default-main .container{
		background:none;
	}

@media (max-width: 767px) {

.page-header{
		min-height:70px;
		box-shadow:0px 3px 8px #CCCCCC;
  }
.page-header h1{
		/*height:70px;*/
	}
	.page-header .logo{
	}
	.page-header .logo a{
		height:70px;
		width: 70px;
		background-size:contain;
	}
    .page-header .nav li{
		width:30%;
		display: inline-block;
	}
	.page-header .nav li a {
    	height: auto;
    	line-height: 1.5;
		text-align:center;
    }
    .page-header .nav{
        padding:0.5em 0;
    }
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form{
	background:#FFF;
	}
.navbar-header{
	position: relative;
	background: url(../images/page-header-2.png) no-repeat 75px 7px;
}
.logo-title {
	display: none;
}
.logo-title h1 {
    font-size: 1em;
    margin: 0;
    padding: 5px 0 0 0;
}
.logo-title em {
    font-size: 0.7em ;
}
.btn-home {
    margin:-1em 0 1em 0;
    text-align: left;
    height: 27px;
    display: inline-block;
 }
 .nav-lang {
    position: relative;
    left: -1em;
    top: 0px;
    margin: 1em 0;
}
.navbar-toggle {
    margin: 1em 1em 0 0;
}
    .nav-lang{
        position: relative;
        left: 0;
        top: 0;
        margin: 1em;
    }
    .nav-lang ul{
		margin: 0;
		padding: 0;
    }
	.nav-lang ul li.nav-chinese,
    .nav-lang ul li.nav-english{
		width:2em;
	}
	.carousel{
		padding:70px 0 0 0;}

	.index{
		height:250px;
		background-size:contain;
	}
	.page-title{
		margin-top:70px;}

	.second-menu{
		border-left:none;
		min-height:0;
		background:url(../images/second-menu-bg.png) no-repeat left bottom;
	}

	.second-menu ul{
		list-style-type:none;
		padding:1em 0 0 0em;}

	.second-menu li{
		margin-right:0.8em;
		float:left;}

	.second-menu li a{
		padding-left:20px;
}
#product-list{
	display:none;
}
.btn-home{
	display: none;
}
.left-pic{
	margin: 0;
}

}