body {
	font-family:sans-serif, Arial, Helvetica, "微軟正黑體";
	margin:0;
	padding:0;
	height:100%;
	position:relative;
	z-index:0;
	overflow-y: scroll;
}
body.page {
	background:#f4bc00;
}
#wrapper {
	width:100%;
	position:relative;
	overflow:hidden;
}
#language {
	position:absolute;
	top:0;
	right:0;
	height:60px;
	z-index:8000;
	padding:10px;
}
#main-nav {
	position:fixed;
	top:190px;
	left:10px;
	z-index:9999;
}
#main-nav ul {
}
#main-nav ul li {
	margin:0 0 25px 0;
}
#main-nav ul li a {
	width:26px;
	height:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(img/main-nav-bgs.png) no-repeat 0 -24px scroll;
}
#main-nav ul li a:hover {
	background-position:-26px -24px;
}
#main-nav ul li a.home {
	background-position:0 0;
}
#main-nav ul li a.home:hover {
	background-position:-26px 0;
}
#main-nav ul li.active a {
	width:26px;
	height:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(img/main-nav-bgs.png) no-repeat -52px -24px scroll;
}
#main-nav ul li.active a.home {
	width:26px;
	height:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(img/main-nav-bgs.png) no-repeat -52px 0 scroll;
}
.btn-quotation {
	display:inline-block;
	background:#fff;
	padding:5px 10px;
	margin:5px;
	position:relative;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	color:#000;
	margin:0 10px;
}
.btn-quotation:hover{
	color:#f4bc00;
}
.btn-quotation:hover:before {
	content:' ';
	height:0;
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:-5;
	width:0;
	border:7px solid #000;
}
.btn-quotation:hover:after {
	content:' ';
	height:0;
	position:absolute;
	bottom:-4px;
	right:-4px;
	z-index:-5;
	width:0;
	border:7px solid #000;
}
.btn-quotation.active{
	color:#f4bc00;
}
.btn-quotation.active:before {
	content:' ';
	height:0;
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:-5;
	width:0;
	border:7px solid #000;
}
.btn-quotation.active:after {
	content:' ';
	height:0;
	position:absolute;
	bottom:-4px;
	right:-4px;
	z-index:-5;
	width:0;
	border:7px solid #000;
}

/*--------------共用--------------*/
.inner{
	width:880px;
	margin:0 auto;
	position:relative;
	z-index:10;
	padding:0 20px;
}
.block {
	width:100%;
	height:100%;
	height:1000px \9;
	min-height:1000px;
	padding:0;
	margin:0 auto 100px auto;
	position:relative;
	z-index:0;
}
.head-group{
	width:960px;
	position:relative;
	margin:0 auto;
}
.hide-text{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.fancybox-close{
	background:url(img/fancy-close.png) no-repeat 0 0 scroll;
	width:84px;
	height:84px;
	top:-24px;
	right:-24px;	
}
/*--------------共用--------------*/
/*--------------home--------------*/
#home{

}
#head-home{
	height:265px;
	position:relative;
}
#home h1{
	background:url(img/home-title-1.png) no-repeat 0 0 scroll;
	width:256px;
	height:67px;
	position:relative;
	left:367px;
	top:375px;
}
#home h2{
	background:url(img/home-title-2.png) no-repeat 0 0 scroll;
	width:368px;
	height:99px;
	position:relative;
	left:295px;
	top:2000px;
}
#home h3{
	background:url(img/home-title-3.png) no-repeat 0 0 scroll;
	width:484px;
	height:47px;
	position:relative;
	left:240px;
	top:2005px;
}
/*--------------home--------------*/
/*--------------news--------------*/
#news{}
#news-control{
	position:absolute;
	width:80px;
	height:80px;
	top:0px;
	right:90px;
}
.arrowPrev{
	background:url(img/new-control-bgs.png) no-repeat -38px 0 scroll;
	position:absolute;
	width:38px;
	height:24px;
	left:38px;
	cursor:pointer;
}
.arrowPrev.jp-disabled{
	background-position:-38px -24px;
}
.arrowNext{
	background:url(img/new-control-bgs.png) no-repeat 0 0 scroll;
	position:absolute;
	width:38px;
	height:24px;
	top:24px;
	cursor:pointer;
}
.arrowNext.jp-disabled{
	background-position:0 -24px;
}
#news-list{
	position: relative;
	left: 10px;
	top: 60px;
}
#news h2{
	background:url(img/news-title-1.png) no-repeat 0 0 scroll;
	width:358px;
	height:81px;
	position:relative;
	top:30px;
	left:30px;
}
#news h3{
	background:url(img/news-title-2.png) no-repeat 0 0 scroll;
	width:267px;
	height:22px;
	position:relative;
	top:40px;
	left:60px;
}
.news-item{
	background-color:#fff;
	width:220px;
	height:220px;
	display:block;
	text-decoration:none;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	-moz-box-shadow:0px 5px 15px #e6e6e6;
	-webkit-box-shadow:0px 5px 15px #e6e6e6;
	box-shadow:0px 5px 15px #e6e6e6;
	overflow:hidden;
	float:left;
	margin:0 25px 5px 25px;
	position:relative;
}
.news-item img{
	position:relative;
	top:-30px;
}
.news-item h5{
	color:#f2ad0a;
	margin:5px auto 0 auto;
	font-size:15px;
	text-align:center;
	width:160px;
	line-height:150%;
	position:relative;
	overflow:hidden;
	top:-30px;
}
.news-item p{
	color:#969696;
	font-size:13px;
	text-align:center;
	line-height:160%;
	position:relative;
	top:-30px;
}
/*--------------news--------------*/
/*--------------client--------------*/
#client{
	height:1700px;
}
#head-client{
	height:430px;
	position:relative;
}
#client h2{
	background:url(img/client-title-1.png) no-repeat 0 0 scroll;
	width:280px;
	height:82px;
	position:relative;
	left:160px;
	top:30px;
}
#client h3{
	background:url(img/client-title-2.png) no-repeat 0 0 scroll;
	width:400px;
	height:54px;
	position:relative;
	left:108px;
	top:30px;
}
#client h4{
	background:url(img/client-title-3.png) no-repeat 0 0 scroll;
	width:390px;
	height:63px;
	position:relative;
	left:108px;
	top:30px;
}
#client-list{
	position:relative;
	overflow:hidden;
}
#client-list li{
	width:140px;
	height:80px;
	float:left;
	margin:0 15px 22px 15px;
	text-align:center;
	vertical-align:middle;
	position:relative;
	background-color:#fff;
}
#client-list li img{
	max-width:75%;
	display:block;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*--------------client--------------*/
/*--------------project--------------*/
#project{}
#head-project{
	height:205px;
	position:relative;
}
#project h2{
	background:url(img/project-title-1.png) no-repeat 0 0 scroll;
	width:266px;
	height:58px;
	position:relative;
	left:116px;
	top:50px;
}
#project h3{
	background:url(img/project-title-2.png) no-repeat 0 0 scroll;
	width:320px;
	height:82px;
	position:relative;
	left:76px;
	top:50px;
}
#project h4{
	background:url(img/project-title-3.png) no-repeat 0 0 scroll;
	width:295px;
	height:22px;
	position:relative;
	left:46px;
	top:70px;
}
#project h6{
	background:url(img/project-title-4.png) no-repeat 0 0 scroll;
	width:37px;
	height:37px;
	position:relative;
	left:325px;
	top:-104px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:860px;
	padding:0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal{
	width:860px;
	height:320px;
	padding:150px 0 0 0;
}
.jcarousel-skin-tango .jcarousel-item {
	width:240px;
	height:300px;
	padding:0 20px;
}
.jcarousel-skin-tango .jcarousel-container {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	background:none;
	border:none;
	overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-next-horizontal{
	height:40px;
	right:30px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal{
	top:0;
	right:58px;
	height:40px;
}
.project-item{
	width:260px;
	display:block;
	text-decoration:none;
}
.project-item img{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0px 5px 15px #d9d9d9;
	-webkit-box-shadow:0px 5px 15px #d9d9d9;
	box-shadow:0px 5px 15px #d9d9d9;
}
.project-item h5{
	color: #f2ad0a;
	margin: 5px auto 0 auto;
	font-size: 15px;
	text-align: center;
	line-height: 160%;
}
.project-item p{
	color:#969696;
	font-size:15px;
	text-align:center;
	line-height: 160%;
}
/*--------------project--------------*/
/*--------------master--------------*/
#master{
	height:1500px;
}
#head-master{
	height:310px;
	position:relative;
}
#master h2{
	background:url(img/master-title-1.png) no-repeat 0 0 scroll;
	width:561px;
	height:156px;
	position:relative;
	left:70px;
	top:30px;
}
#master h3{
	background:url(img/master-title-2.png) no-repeat 0 0 scroll;
	width:839px;
	height:36px;
	position:relative;
	left:72px;
	top:43px;
}
#master-nav{
	margin:0 0 50px 0;
	overflow:hidden;
}
#master-nav li{
	float:left;
	padding:12px 0;
}
#master-nav li a{
	padding:5px 10px;
	margin:5px;
	position:relative;
	text-align:center;
	font-size:18px;
	text-decoration:none;
	color:#000;
	margin:5px 10px;
	height:30px;
}
#master-nav li a:hover{
	color:#fff;
	background:#f4bc00;
}
#master-nav li a:hover:before {
	content:' ';
	height:0;
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:-5;
	border:12px solid #000;
}
#master-nav li a:hover:after {
	content:' ';
	height:0;
	position:absolute;
	bottom:-4px;
	right:-4px;
	z-index:-5;
	border:12px solid #000;
}
#master-nav li.active a{
	color:#fff;
	background:#f4bc00;
}
#master-nav li.active a:before {
	content:' ';
	height:0;
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:-5;
	border:12px solid #000;
}
#master-nav li.active a:after {
	content:' ';
	height:0;
	position:absolute;
	bottom:-4px;
	right:-4px;
	z-index:-5;
	border:12px solid #000;
}
.master-content{
	width:900px;
	clear:both;
	overflow:hidden;
	padding:0 0 20px 0;
}
.master-content h5{
	font-size:30px;
	color:#f2ad0a;
	margin:0 0 30px 0;
}
.master-content .info{
	width:460px;
	float:left;
	margin:0 40px 0 0;
}
.master-content .info-rows{
	margin:0 0 30px 0;
}
.master-content .info h6{
	font-size:18px;
	color:#000;
	margin:0 0 15px 0;
}
.master-content .info p{
	font-size:15px;
	line-height:170%;
	color:#959595;
	margin:0 0 3px 0;
}
.master-content .info ul{
	margin:0;
}
.master-content .info ul li{
	font-size:15px;
	line-height:170%;
	color:#959595;
	margin:0 0 3px 0;
}
#tavtics-menu{
	height:47px;
	overflow:hidden;
	margin:0 0 30px 0;
}
#tavtics-menu a{
	color:#a0a0a0;
	font-size:20px;
	text-decoration:none;
	margin:0;
	line-height:47px;
	height:47px;
	display:block;
	float:left;
}
#tavtics-menu a.active{
	color:#f2ad0a;
	font-size:30px;
	text-decoration:none;
	margin:0;
	line-height:47px;
	height:47px;
	display:block;
	float:left;
}
.line{
	width:30px;
	height:47px;
	background:url(img/tavtics-menu-bgs.png) no-repeat 0 0 scroll;
	display:block;
	float:left;
}
.slider{
	float:left;
	width:400px;
	height:300px;
	background-color:#ccc;
}
#master .bx-wrapper .bx-viewport {
	background-color:#fff;
}
.master-btn-1{
	background:url(img/master-btn-1.png) no-repeat 0 0 scroll;
	width:309px;
	height:308px;
	display:block;
	position:absolute;
	left:83px;
	top:-1px;
}
.master-btn-1:hover{
	background-position:0 -308px;
}
.master-btn-1:active{
	background-position:0 -616px;
}
.master-btn-2{
	background:url(img/master-btn-2.png) no-repeat 0 0 scroll;
	width:265px;
	height:265px;
	display:block;
	position:absolute;
	left:459px;
	top:-46px;
}
.master-btn-2:hover{
	background-position:0 -265px;
}
.master-btn-2:active{
	background-position:0 -530px;
}
.master-btn-3{
	background:url(img/master-btn-3.png) no-repeat 0 0 scroll;
	width:201px;
	height:202px;
	display:block;
	position:absolute;
	left:728px;
	top:90px;
}
.master-btn-3:hover{
	background-position:0 -202px;
}
.master-btn-3:active{
	background-position:0 -404px;
}
.master-menu{
	position:absolute;
	left:574px;
	top:-130px;
	display:none;
}
.master-btn-2-a{
	background:url(img/master-btn-2-a.png) no-repeat 0 0 scroll;
	width:208px;
	height:76px;
	display:block;
}
.master-btn-2-a:hover{
	background-position:0 -76px;
}
.master-btn-2-a:active{
	background-position:0 -152px;
}
.master-btn-2-b{
	background:url(img/master-btn-2-b.png) no-repeat 0 0 scroll;
	width:208px;
	height:83px;
	display:block;
}
.master-btn-2-b:hover{
	background-position:0 -83px;
}
.master-btn-2-b:active{
	background-position:0 -166px;
}
/*--------------master--------------*/
/*--------------team--------------*/
#team{
	height:2000px;
}
#head-team{
	height:190px;
	position:relative;
}
#team h2{
	background:url(img/team-title-1.png) no-repeat 0 0 scroll;
	width:371px;
	height:82px;
	position:relative;
	left:56px;
	top:50px;
}
#team h3{
	background:url(img/team-title-2.png) no-repeat 0 0 scroll;
	width:189px;
	height:30px;
	position:relative;
	left:110px;
	top:65px;
}
#team-tab{
	position:relative;
}
#team-nav{
	overflow:hidden;
	position:relative;
	right:-570px;
	top:-130px;
}
#team-nav li{
	float:left;
	padding:12px 0;
}
#team-nav li a{
	padding:5px 10px;
	margin:5px;
	position:relative;
	text-align:center;
	font-size:18px;
	text-decoration:none;
	color:#000;
	margin:5px 10px;
	height:30px;
}
#team-nav li a:hover{
	color:#f4bc00;
	background:#fff;
}
#team-nav li a:hover:before {
	content:' ';
	height:0;
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:-5;
	border:12px solid #000;
}
#team-nav li a:hover:after {
	content:' ';
	height:0;
	position:absolute;
	bottom:-4px;
	right:-4px;
	z-index:-5;
	border:12px solid #000;
}
#team-nav li.active a{
	color:#f4bc00;
	background:#fff;
}
#team-nav li.active a:before {
	content:' ';
	height:0;
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:-5;
	border:12px solid #000;
}
#team-nav li.active a:after {
	content:' ';
	height:0;
	position:absolute;
	bottom:-4px;
	right:-4px;
	z-index:-5;
	border:12px solid #000;
}
.team-content{
	clear:both;
	overflow:hidden;
	position:relative;
	top:122px;
	left:0px;
}
.team-content h5{
	font-size:30px;
	color:#fff;
	margin:0 0 30px 0;
	padding:0 0 0 30px;
}
.team-content .info{
	width:460px;
	float:left;
	margin:0 40px 0 0;
}
.team-content .info h6{
	font-size:18px;
	color:#000;
	margin:0 0 25px 0;
}
.team-content .info p{
	font-size:15px;
	line-height:170%;
	color:#fff;
	margin:0 0 30px 0;
}
#member{
	text-align:center;
	overflow:hidden;
}
#member a{
	width:100px;
	height:160px;
	display:block;
	float:left;
	margin: 0 20px 30px 20px;
	text-decoration:none;
	padding:0 0 10px 0;
}
#member a img{
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	margin:0 0 10px 0;
}
#member a .name{
	font-size:15px;
	color:#2c2c2c;
	margin:0;
	line-height:160%;
}
#member a .title{
	font-size:13px;
	color:#fff;
	line-height:160%;
}
.team-btn-1{
	background:url(img/team-btn-1.png) no-repeat 0 0 scroll;
	width:254px;
	height:254px;
	display:block;
	position:absolute;
	right:222px;
	top:-168px;
	z-index:10;
}
.team-btn-1:hover{
	background-position:0 -254px;
}
.team-btn-1:active{
	background-position:0 -508px;
}
.team-btn-2{
	background:url(img/team-btn-2.png) no-repeat 0 0 scroll;
	width:199px;
	height:199px;
	display:block;
	position:absolute;
	right:-1px;
	top:-142px;
	z-index:5;
}
.team-btn-2:hover{
	background-position:0 -199px;
}
.team-btn-2:active{
	background-position:0 -398px;
}
/*--------------team--------------*/
/*--------------contact--------------*/
#contact{}
#head-contact{
	height:300px;
	position:relative;
}
#contact h2{
	background:url(img/contact-title-1.png) no-repeat 0 0 scroll;
	width:179px;
	height:90px;
	position:relative;
	left:180px;
	top:30px;
}
#contact h3{
	background:url(img/contact-title-2.png) no-repeat 0 0 scroll;
	width:351px;
	height:73px;
	position:relative;
	left:180px;
	top:30px;
}
#contact h4{
	background:url(img/contact-title-3.png) no-repeat 0 0 scroll;
	width:355px;
	height:30px;
	position:relative;
	left:180px;
	top:30px;
}
#contact-info{
	background:url(img/contact-info-bgs.png) no-repeat 0 0 scroll;
	width:370px;
	height:430px;
	padding:90px 120px 100px 120px;
	position:relative;
	left:270px;
	top:-90px;
	z-index:20;
}
#contact-info h5{
	font-size:30px;
	margin:0 0 20px 0;
	color:#fff;
	text-shadow:0px 2px 5px #ebb500;
}
#contact-info p{
	font-size:15px;
	margin:0 0 10px 0;
	color:#fff;
}
#contact-info p strong{
	margin:0 10px 0 0;
	color:#000;
}
#contact-info p a{
	text-decoration:none;
	color:#fff;
}
#contact-info p a:hover{
	border-bottom:solid 1px #fff;
	padding:4px 0;
}
#googlemap{
	width:290px;
	height:200px;
	padding:10px;
	-moz-box-shadow:0px 0px 10px #c39b15;
	-webkit-box-shadow:0px 0px 10px #c39b15;
	box-shadow:0px 0px 10px #c39b15;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#fff;
	border:solid 10px #fff;
}
#contact-form{
	background:url(img/contact-form-bgs.png) no-repeat 0 0 scroll;
	width:330px;
	height:494px;
	padding:90px 120px 100px 120px;
	position:relative;
	top:-270px;
	left:60px;
	z-index:10;
}
#contact-form h5{
	font-size:30px;
	margin:0 0 20px 0;
	color:#fff;
	text-shadow:0px 2px 5px #ebb500;
}
#contact-form form{}
#contact-form form .rows{
	margin:0 0 5px 0;
	position:relative;
}
#contact-form form .rows * {
	vertical-align:top;
}
#contact-form form .rows .title{
	font-size:15px;
	color:#fff;
	padding:0 10px 0 0;
	line-height:24px;
	display:inline-block;
	width:50px;
	position:relative;
	top:4px;
}
#contact-form form input[type=text],input[type=email],input[type=tel],textarea{
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	-moz-box-shadow:inset 0px 2px 5px #ccc;
	-webkit-box-shadow:inset 0px 2px 5px #ccc;
	box-shadow:inset 0px 2px 5px #ccc;
	padding:2px 5px;
	color:#333;
	line-height:26px;
	width:240px;
	font-family:"微軟正黑體".Arial, Helvetica, sans-serif;
}
.btn-submit{
	background:url(img/btn-submit.png) no-repeat 0 0 scroll;
	width:82px;
	height:82px;
	border:none;
	text-indent:9999px;
	cursor:pointer;
	margin:0 auto;
	display:block;
}
.btn-submit:hover{
	background-position:0 -82px;
}
.field-validation-error{
	color:#900;
	font-size:13px;
	padding:0 32px 0 0;
	line-height:20px;
	display:block !important;
	width:auto !important;
	text-align:right;
}
/*--------------contact--------------*/
/*--------------block---------------*/
#block-home{
	background:url(img/block-home-1.png) no-repeat 0 0 scroll;
	width:115px;
	height:116px;
	position:absolute;
	z-index:-9999;
	top:1600px;
	left:50%;
	margin:0 0 0 470px;
}
#block-home-2{
	background:url(img/block-home-2.png) no-repeat 0 0 scroll;
	width:700px;
	height:700px;
	position:absolute;
	z-index:-9999;
	top:-700px;
	left:50%;
	margin:0 0 0 -350px;
}
#block-news{
	background:url(img/block-news.png) no-repeat 0 0 scroll;
	width:2560px;
	height:1866px;
	position:absolute;
	z-index:-9999;
	top:260px;
	left:50%;
	margin:0 0 0 -1280px;
}
#block-client-1{
	background:url(img/block-client-1.png) no-repeat 0 0 scroll;
	width:487px;
	height:487px;
	position:absolute;
	z-index:-9999;
	top:-130px;
	left:50%;
	margin:0 0 0 -423px;
}
#block-client-2{
	background:url(img/block-client-2.png) no-repeat 0 0 scroll;
	width:351px;
	height:352px;
	position:absolute;
	z-index:-9999;
	top:-220px;
	left:50%;
	margin:0 0 0 360px;
}
#block-project{
	background:url(img/block-project.png) no-repeat 0 0 scroll;
	width:882px;
	height:425px;
	position:absolute;
	z-index:-9999;
	top:30px;
	left:50%;
	margin:0 0 0 -850px;
}
#block-master{
	background:url(img/block-master.png) no-repeat 0 0 scroll;
	width:2900px;
	height:535px;
	position:absolute;
	z-index:-9999;
	top:-150px;
	left:50%;
	margin:0 0 0 -1560px;
}
#block-team{
	background:url(img/block-team.png) no-repeat 0 0 scroll;
	width:2560px;
	height:1930px;
	position:absolute;
	z-index:-9999;
	top:-270px;
	left:50%;
	margin:0 0 0 -1280px;
}
#block-contact{
	background:url(img/block-contact.png) no-repeat 0 0 scroll;
	width:571px;
	height:514px;
	position:absolute;
	z-index:-9999;
	top:-90px;
	left:50%;
	margin:0 0 0 -410px;
}
#coner-top{
	background:url(img/project-coner-top.png) no-repeat 0 0 scroll;
	width:54px;
	height:54px;
	position:absolute;
	left:50%;
	margin:0 0 0 -425px;
	top:90px;
}
#coner-bottom{
	background:url(img/project-coner-bottom.png) no-repeat 0 0 scroll;
	width:54px;
	height:54px;
	position:absolute;
	margin:0 0 0 -125px;
	left:50%;
	top:150px;
}
/*--------------block---------------*/
/*--------------footer---------------*/
#footer{
	padding:15px 0;
	text-align:center;
}
#footer p{
	font-size:15px;
	color:#737373;
}
#footer p a{
	color:#f4bc00;
	text-decoration:none;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
	border-left:solid 1px #666;
}
#footer p a:hover{
}
/*--------------footer---------------*/


/*--------------page-wrapper---------------*/
#page-wrapper{
	background:#f4bc00;
	width:600px;
	margin:0 auto;
	position:relative;
	padding:40px 70px 80px 70px;
}
#page-news-head{
	background:url(img/page-news-head.png) no-repeat 0 0 scroll;
	width:184px;
	height:44px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#page-project-head{
	background:url(img/page-project-head.png) no-repeat 0 0 scroll;
	width:197px;
	height:65px;
	margin:0 0 5px 0;
	position:relative;
	z-index:10;
}
#page-team-head{
	background:url(img/page-team-head.png) no-repeat 0 0 scroll;
	width:219px;
	height:60px;
	margin:0 0 5px 0;
	position:relative;
	z-index:10;
}
#page-service-head-a{
	background:url(img/page-service-title-a.png) no-repeat 0 0 scroll;
	width:170px;
	height:46px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#page-service-head-b{
	background:url(img/page-service-title-b.png) no-repeat 0 0 scroll;
	width:253px;
	height:46px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#page-service-head-c{
	background:url(img/page-service-title-c.png) no-repeat 0 0 scroll;
	width:254px;
	height:46px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#page-service-head-d{
	background:url(img/page-service-title-d.png) no-repeat 0 0 scroll;
	width:296px;
	height:46px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#page-about-head-a{
	background:url(img/page-about-title-a.png) no-repeat 0 0 scroll;
	width:120px;
	height:46px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#page-about-head-b{
	background:url(img/page-about-title-b.png) no-repeat 0 0 scroll;
	width:199px;
	height:46px;
	margin:0 0 15px 0;
	position:relative;
	z-index:10;
}
#control{
	overflow:hidden;
	text-align:right;
	margin:0 0 10px 0;
	width:100px;
	float:right;
	position:relative;
	z-index:5000;
	top: 0;
}
#control a{
	width:42px;
	height:42px;
	position:relative;
	display:inline-block;
}
#control span{
	width:42px;
	height:42px;
	position:relative;
	display:inline-block;
}
.btn-prev{
	background:url(img/page-btn-bgs.png) no-repeat 0 0 scroll;
}
.btn-prev-disable{
	background:url(img/page-btn-bgs.png) no-repeat 0 -42px scroll;
}
.btn-next{
	background:url(img/page-btn-bgs.png) no-repeat -42px 0 scroll;
}
.btn-next-disable{
	background:url(img/page-btn-bgs.png) no-repeat -42px -42px scroll;
}
.con-video{
	width:600px;
	height:400px;
	-moz-box-shadow:0px 5px 15px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0,.3);
	box-shadow:0px 5px 15px rgba(0,0,0,.3);
	position:relative;
	z-index:10;
	margin:0 0 30px 0;
}
.con-youtube{
	width:600px;
	height:400px;
	-moz-box-shadow:0px 5px 15px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0,.3);
	box-shadow:0px 5px 15px rgba(0,0,0,.3);
	position:relative;
	z-index:10;
	margin:0 0 30px 0;
}
.con-slider{
	width:600px;
	height:400px;
	-moz-box-shadow:0px 5px 15px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0,.3);
	box-shadow:0px 5px 15px rgba(0,0,0,.3);
	position:relative;
	margin:0 0 30px 0;
	overflow:hidden;
}
.con-slider img{
	
}
.con-main{
	width:600px;
	margin:0 0 60px 0;
}
.con-main h2{
	font-size:30px;
	color:#fff;
	margin:0;
	text-shadow:0px 1px 5px #a57f00; 
	line-height:160%;
}
.con-main h3{
	font-size:18px;
	color:#000;
	margin:15px 0 5px 0;
	text-shadow:0px 1px 5px #a57f00; 
}
.con-main p{
	font-size:15px;
	color:#313131;
	margin:0 0 20px 0;
	line-height:170%;
	word-wrap: break-word;
	word-break: break-all;
}
#page-block{
	background:url(img/page-block-bgs.png) no-repeat 0 0 scroll;
	width:413px;
	height:412px;
	position:absolute;
	top:-210px;
	left:-10px;
	z-index:0;
}
#page-block-project{
	background:url(img/page-block-project-bgs.png) no-repeat 0 0 scroll;
	width:382px;
	height:384px;
	position:absolute;
	top:-30px;
	left:-50px;
	z-index:0;
}
#page-block-service{
	background:url(img/page-block-service-bgs.png) no-repeat 0 0 scroll;
	width:702px;
	height:459px;
	position:absolute;
	top:-260px;
	left:-110px;
	z-index:0;
}
#page-block-about{
	background:url(img/page-block-about-bgs.png) no-repeat 0 0 scroll;
	width:596px;
	height:725px;
	position:absolute;
	top:-430px;
	left:-30px;
	z-index:0;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	left:0;
	background-color:#f4bc00;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:10px;
	right:10px;
}
.bx-wrapper .bx-pager{
	text-align:right;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:#fff;
	width:16px;
	height:16px;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#f2ad0a;
}
.bx-wrapper{
	margin:0;
} 
.bx-controls{
	position:relative;
	z-index:9999;
}
.con-two-col{
	background:#333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:20px;
	overflow:hidden;
	margin:0 0 60px 0;
}
.con-two-col .bx-wrapper .bx-viewport {
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	border:none;
	left:0;
	background:#333;
}
.con-two-col img {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.con-two-slider{
	width:300px;
	float:left;
	margin:0 20px 0 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	background-color:#333;
}
.article{
	width:240px;
	float:left;
}
.article h4{
	font-size:20px;
	color:#f4bc00;
	margin:5px 0 24px 0;
	text-shadow:0px 2px 4px #000;
}
.article p{
	color:#b1b1b1;
	line-height:170%;
	font-size:15px;
}
.con-article{
	width:600px;
	margin:0 0 60px 0;
}
.con-article h3{
	font-size:18px;
	color:#000;
	margin:0 0 20px 0;
	text-shadow:0px 1px 5px #a57f00;
}
.con-article p{
	font-size:15px;
	color:#fff;
	margin:0 0 20px 0;
	line-height:170%;
}
.con-article table{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	clear:both;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.con-article table th{
	background-color:#f4db00;
	color:#333;
	padding:10px;
	border-right:solid 1px #676767;
}
.con-article table th:last-child{
	border-right:none;
}
.con-article table td{
	background-color:#333;
	color:#b1b1b1;
	padding:10px;
	font-size:13px;
	line-height:160%;
	text-align:center;
	border:solid 1px #676767;
	border-bottom:solid 1px #ffd800;
}
.con-article table tr:last-child td{
	border-bottom:none;
}
.con-article ol{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style:decimal outside;
}
.con-article ol li{
	margin:0;
	padding:0;
	text-align:left;
	line-height:160%;
}
.team-profile{
	width:580px;
	overflow:hidden;
	position:relative;
	padding:10px;
	margin:0 0 30px 0;
}
.team-profile-pic{
	float:left;
	margin:0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0px 5px 10px #a57f00;
	-webkit-box-shadow:0px 5px 10px #a57f00;
	box-shadow:0px 5px 10px #a57f00;
	overflow:hidden;
	width:300px;
	height:300px;
}
.team-profile-pic img{
	width:300px;
	height:300px;
}
.team-profile-info{
	width:240px;
	float:left;
	padding:0 0 0 40px;
	position:relative;
}
.team-profile-info h2{
	font-size:40px;
	color:#fff;
	margin:5px 0 24px 0;
	text-shadow:0px 2px 4px #d7a600;
}
.team-profile-info p{
	font-size:15px;
	color:#fff;
	margin:5px 0 15px 0;
	line-height:160%;
}
.team-profile-info p strong{
	margin:0;
}
.team-article{
	position:relative;
}
.team-article h3{
	font-size:18px;
	color:#fff;
	margin:0 0 20px 0;
	text-shadow:0px 1px 5px #a57f00;
	line-height:170%;
	padding:0 0 10px 0;
}
.team-article p{
	font-size:15px;
	color:#fff;
	margin:0 0 20px 0;
	line-height:170%;
}
.team-article pre{
	font-size:15px;
	color:#313131;
	margin:0 0 20px 0;
	line-height:170%;
}
.btn-fb{
	position:relative;
	background:url(img/team-fb.png) no-repeat 0 0 scroll;
	height:62px;
	display:block;
	text-indent:62px;
	line-height:46px;
	text-decoration:none;
	font-size:20px;
	color:#000;
	left:-12px;
}
/*--------------page-wrapper---------------*/
.holder {
	display:none;
    margin:15px 0;
}
.holder a {
    font-size:12px;
    cursor:pointer;
    margin:0 5px;
    color:#333;
}
.holder a:hover {
    background-color:#222;
    color:#fff;
}
.holder a.jp-previous {
    margin-right:15px;
}
.holder a.jp-next {
    margin-left:15px;
}
.holder a.jp-current,a.jp-current:hover {
    color:#FF4242;
    font-weight:bold;
	display:none;
}
.holder a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
    background:none;
}
.holder span {
    margin: 0 5px;
}

.team-holder {
	display:none;
    margin:15px 0;
}
.team-holder a {
    font-size:12px;
    cursor:pointer;
    margin:0 5px;
    color:#333;
}
.team-holder a:hover {
    background-color:#222;
    color:#fff;
}
.team-holder a.jp-previous {
    margin-right:15px;
}
.team-holder a.jp-next {
    margin-left:15px;
}
.team-holder a.jp-current,a.jp-current:hover {
    color:#FF4242;
    font-weight:bold;
	display:none;
}
.team-holder a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}
.team-holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
    background:none;
}
.team-holder span {
    margin: 0 5px;
}
#team-control{
	position:relative;
	width:900px;
	margin:0 auto;
	height:84px;
	top:130px;
}
.team-Prev {
	background: url(img/page-btn-bgs.png) no-repeat 0 0 scroll;
	position: absolute;
	width: 42px;
	height: 42px;
	left:50%;
	cursor: pointer;
	margin:0 0 0 -42px;
}
.team-Prev.jp-disabled{
	background-position:0 -42px;
	cursor: default;
}
.team-Next {
	background: url(img/page-btn-bgs.png) no-repeat -42px 0 scroll;
	position: absolute;
	width: 42px;
	height: 42px;
	left:50%;
	top:42px;
	cursor: pointer;
	margin:0 0 0 -16px;
}
.team-Next.jp-disabled{
	background-position:-42px -42px;
	cursor: default;
}
.client-holder {
	display:none;
    margin:15px 0;
}
.client-holder a {
    font-size:12px;
    cursor:pointer;
    margin:0 5px;
    color:#333;
}
.client-holder a:hover {
    background-color:#222;
    color:#fff;
}
.client-holder a.jp-previous {
    margin-right:15px;
}
.client-holder a.jp-next {
    margin-left:15px;
}
.client-holder a.jp-current,a.jp-current:hover {
    color:#FF4242;
    font-weight:bold;
	display:none;
}
.client-holder a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}
.client-holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
    cursor:default;
    background:none;
}
.client-holder span {
    margin: 0 5px;
}
#client-control{
	position:relative;
	width:900px;
	margin:0 auto;
	height:84px;
	top:0;
}
.client-Prev {
	background: url(img/page-btn-bgs.png) no-repeat 0 0 scroll;
	position: absolute;
	width: 42px;
	height: 42px;
	left:50%;
	cursor: pointer;
	margin:0 0 0 -42px;
}
.client-Prev.jp-disabled{
	background-position:0 -42px;
	cursor: default;
}
.client-Next {
	background: url(img/page-btn-bgs.png) no-repeat -42px 0 scroll;
	position: absolute;
	width: 42px;
	height: 42px;
	left:50%;
	top:42px;
	cursor: pointer;
	margin:0 0 0 -16px;
}
.client-Next.jp-disabled{
	background-position:-42px -42px;
	cursor: default;
}
#news-list { list-style: none; padding:0; margin:0;}
#news-list li { display: inline-block; margin: 5px; zoom: 1; *display:inline; }

.prompt{
	background:#2c2c2c;
	width:160px;
	height:160px;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	-moz-box-shadow:0px 5px 15px rgba(0,0,0,.2);
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0,.2);
	box-shadow:0px 5px 15px rgba(0,0,0,.2);
	position:absolute;
	z-index:8000;
	display:none;
}
.prompt img{
 	position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}
#prompt-menu{
	top:125px;
	left:50px;
	width:150px;
	height:150px;
}
#prompt-scroll{
	margin:0 0 0 250px;
	top:510px;
	left:50%;
	width:200px;
	height:200px;
}
/*-------fb-------*/
.fb-like{
	position:relative;
	left:50%;
	margin:0 0 0 -115px;
	top:600px;
}
.btn-shareFB{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0 0 15px 0;
	background-color:#fff;
	color:#f4bc00;
	line-height:24px;
	font-size:13px;
	padding:5px 10px;
	text-decoration:none;
	display:inline-block;
}
.btn-shareFB:hover{
	color:#333;
}

/*-------pop-------*/
#back_fader {
	background:url(img/back-fader-bg.png) repeat 0 0 scroll;
	display: none;
	bottom: 0;
	left: 0;
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}
.popup_content {
	min-height:auto;
	margin: 40px auto;
	position: static;
	z-index: 10;
	/*display: none;*/
	box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
	padding: 0;
	width: 740px;
	overflow:hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.btn-close{
	background:url(img/fancy-close.png) no-repeat 0 0 scroll;
	width:84px;
	height:84px;
	display:block;
	color:#fff;
	text-align:center;
	line-height:30px;
	position:absolute;
	left:50%;
	top:20px;
	margin:0 0 0 310px;
	z-index: 20;
}
.noScroll {
	overflow: hidden;
	*overflow:auto;
	*overflow-y:hidden;
}
/*-------pop-------*/
.btn-gotop{
	background:url(img/new-control-bgs.png) no-repeat -38px 0 scroll;
	width:38px;
	height:24px;
	display:block;
	float:right;
}