.navbar-collapse.in
{
	overflow-y:inherit;
}

.navbar{
	margin-bottom:0;
}

.navbar-default{
	border:0;
	background:#000;

}

body, html{
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	-webkit-font-smoothing: antialiased;
}

body{
}

a, a *{
	color:inherit;
	font-size:inherit;
	text-decoration:none;		
}

a:hover, a:hover *, a:focus{
	text-decoration:none;
	color:inherit;
	outline:0;
}

a:focus{
	border:0;
}

.img-full{
	width:100%;
	height:auto;
	max-width:600px;
	display:block;
	margin:0 auto;
}

#owl-slider.main_banner{
	max-width:auto;
	margin:0px auto;
	max-width:100%;
}


/*.owl-carousel .owl-wrapper-outer{ margin-top:-15px;}*/


.container{
	position:relative;
}

.table{
	position:absolute;
	width:100%;
	height:100%;
	display:table;
}

.cell{
	display:table-cell;
	vertical-align:middle;
}

.for_pc{
	display:block;
}

.for_mobile{
	display:none;
}

.fl_right{
	float:right !important;
}


/*--------------button------------------------*/
.button{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.button:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#toTop{
	display: none;
	position:fixed;
	bottom:7px;
	right:15px;
	width:30px;
	height:30px;
	background:url(../images/share/btn_top.png) no-repeat;
	background-size:cover;
	z-index:20;
	cursor:pointer;
}
	
/*--------------button------------------------*/
.navbar-nav{
	margin-top:43px;
	float:right;
	font-size:12px;	
}

.navbar-brand{
}

.navbar-nav > li{		
	position:relative;
}

.navbar-nav > li > a{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	

	padding:0px 10px;
	display:inline-block;
	border-left:1px solid #a8a8a8;
}

.navbar-nav > li:first-child > a{
	border-left:0;
}


.navbar-default .navbar-nav > li > a{
	color:#A8A8A8;
	font-weight:bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.current{
	color:#fff;
}

.navbar-brand{
		width:70%;
	}
	
	.logo-img{
		width:100%;
	}



/*--------------#footer------------------------*/

#foo{
	margin-top:0px;
}

#foo .container{
	color:#000000;
	/*width:768px;*/
	margin:0 auto;
	position:relative;
	font-size:12px;
	line-height:40px;
	color:#828282; 
	font-size:12px;
}

/*--------------#footer------------------------*/
/*--------------#main------------------------*/
.main_banner .owl-pagination{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:10px;
	z-index:9999;
}

.main_banner .owl-controls .owl-page span{
	background:#24325e;
	background:url(../images/banner/pager.png) no-repeat;
	width:14px;
	height:14px;
	opacity:1;
}

.main_banner .owl-controls .owl-page.active span{
	background:url(../images/banner/pager_active.png) no-repeat;
}

.main_banner_img{
	 height:472px; 
	 width:100%; 
	 background-size:auto 100%;
	 background-repeat:no-repeat;
	 background-position:center top;
}


.main_banner_para{
	min-width:438px;
	max-width:438px;
	position:absolute;
	background:url(../images/banner/banner_text_bg.png) no-repeat;
	background-size:cover;
	right:3.5%;
	top:50%;
	color:#551900;
	font-size:14px;
	line-height:24px;
	display:table;
	padding:0 40px;
	min-height:353px;
	margin-top:-180px;
	text-align:justify;
}

@media (max-width:940px){

.main_banner_para{
	position:relative;
	top:0;
	left:0;
	width:100%;
	min-height:initial;
	background-position:right top;
	background-size:contain;
	padding-top:20px;
	padding-bottom:20px;
	max-width:initial;
	min-width:initial;
	margin:0;	
}
}

.about_bg{
	background:url(../images/aboutus_bg.jpg) no-repeat top center; 
	width:100%; 
	min-height:650px;
	background-size:auto 100%;
}

#mainBottom{
	list-style:none;
	margin:0;
	padding:0;
}

#mainBottom li{
	float:left;
}

.about_con{
	font-size:12px;
	padding-top:70px;
	padding-bottom:70px; 
	text-align:justify;
}

.about_con strong{
	font-size:14px;
	font-style:italic;
	text-decoration:underline;
}

.about_img{
	padding-top:435px;
}

.about_img > div{
	text-align:center;	
}

.about_img img{
	display:inline-block;
}

.product_row > div{
	padding:0;
}

.product_bg{
	background:url(../images/share/bg.jpg) repeat-x;
}

.product_con{
	padding:50px;
	color:#c8c8c8; 
	font-size:16px;
	line-height:18px;
	min-height:550px;
	text-align:justify;
}

@media (max-width:992px){
.product_con{
	min-height:250px;
}
}

@media (max-width:768px){
.product_con{
	padding:45px 25px;
}
}

.product_title{
	font-family:"Open Sans", Arial;
	font-size:50px;	
	text-transform:uppercase;
	line-height:55px;
	padding-bottom:20px;
	color:#c0348a;
}
@media (max-width:480px){
.product_title{
	font-size:30px;	
}
}

.product_pdf{
	padding-top:40px;
}

.architectural .product_title{
	font-size:40px;
	line-height:46px;
	color:#792c92;
}

@media (max-width:480px){
.architectural .product_title{
	font-size:35px;	
	line-height:40px;
}
}

.signage .product_title{
	color:#0585cc;
}

.contact_bg{	
	background:url(../images/contact/contactusBg.jpg) repeat-x #141414; 
}

.form_border{
	background:url(../images/contact/line.png) no-repeat left top;
	min-height:580px;
}

.contact_title{
	font-size:25px; color:#dcdcdc;
}

.contact_con{
	color:#828282;
	font-size:12px;
	line-height:20px; 
}

.contact_con .col-xs-3{
	max-width:99px;
	min-width:70px;
}

.contact_con strong{
	padding-bottom:10px;
	display:inline-block;
	font-size:15px;
}

.contact_con .row{
	padding-bottom:10px;
}

.contact_con a{
	color:#ea4498;
	text-decoration:underline;
}

.contact_box{
	padding-top:130px;
	padding-bottom:30px;
	
	padding-left:10%;
	padding-right:10%; 
}

.form_row{
	font-size:15px; 
	color:#b4b4b4;
	padding-top:4px;
	padding-bottom:4px;
}

.form_row .star:before{
	content:'*';
	color:#ea4498;
}

.form_ps{
	padding-top:10px;
}

.grey_button{
	font-size:12px;
	color:#323232;
	background:#cbcbcb;
	border-radius:5px;
	line-height:26px;
	padding:0 14px;
	display:inline-block;
	cursor:pointer;
	box-shadow:-1px -2px 5px #333 inset;
	margin-left:6px;
	text-align:center;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.grey_button:hover{
	box-shadow:1px 2px 5px #333 inset;
	color:#666;
}

.form_button{
	padding-top:10px;
	text-align:right;
}
	

#errMsg{
	color:red;
}

.project_bg{
	background-color:#323232;
}

.project_padding{
	padding:4%;
}

.project_box{
	margin-bottom:5%;
	text-align:center;
	color:#fff;
	vertical-align:top;
}

.project_box:nth-child(4n+1){

}

.project_img{
	width:100%;
	border:1px solid #fff;
	height:0;
	padding-bottom:65.57%;
	overflow:hidden;
	margin-bottom:12px;
	margin-top:12px;
}

.project_name{
	font-size:14px;
}

.project_cat{
	font-size:12px;
	height:38px;
}

.paging{
	font-size:18px;
	color:#141414;
	text-align:right;
	margin-bottom:4%;
}

.paging span{
	display:inline-block;
	padding:0 4px;
	color:#fff;
}
.paging .currentnum{
	text-decoration: underline;
	color:#eb4498;
}
.paging .current{
	color:#eb4498;
	
}

.video_btn{
	padding:0 0 15px 0;
}
.projectd_image{
display:block;
	overflow:hidden;
	margin:auto;
	max-width:800px;
}

#mainimageArea{
	width: 100%; background:#000; overflow:hidden;z-index: 1; 
	height:300px;
}

#maintextArea{	
	padding-top:10px; padding-bottom:10px; background-color:#000;width:100%;
	color:#ea4498; font-size:14px;
	text-align:center;
}

#owl-demo{
	padding-bottom:20px;
}

#owl-demo .images{
	overflow:hidden;
	height:0;
	padding-bottom:67%;
	margin-right:5%;
	text-align:center;
	background-color:#333;
}

#owl-demo .images img{
	width:100%;	
	height:auto;
	min-height:191px;
}

@media (max-width:1204px){
#owl-demo .images img{
	width:100%;	
	height:auto;
	min-height:213px;
}
}

@media (max-width:780px){
#owl-demo .images img{
	width:100%;	
	height:auto;
	min-height:273px;
}
}
@media (max-width:480px){
#owl-demo .images img{
	width:100%;	
	height:auto;
	min-height:121px;
}
}

@media (max-width:320px){
#owl-demo .images img{
	width:100%;	
	height:auto;
	min-height:111px;
}
}

.owl-buttons{
	position:absolute;
	width:100%;
	top:35%;
	margin-top:-13px;
}

.owl-prev{
	position:absolute;
	left:-30px;
	background:url(../images/project/leftArrow.png) no-repeat !important;
	width:15px;
	height:26px;
	-webkit-border-radius:0 !important;
	border:0 !important;
	opacity:1 !important;
}
.owl-next{
	position:absolute;
	right:-30px;
	background:url(../images/project/rightArrow.png) no-repeat !important;
	width:15px;
	height:26px;
	-webkit-border-radius:0 !important;
	border:0 !important;
	opacity:1 !important;
}

.btn_back{
	display:inline-block;
	padding:2% 15px;
	font-size:16px;
	color:#fff;
}

.btn_back:before{
	content:"< Back";
}
.btn_back2{
	display:inline-block;
	padding:2% 15px;
	font-size:16px;
	color:#fff;
}

.btn_back2:before{
	content:"< 返回";
}
/*now*/


/*--------------#main------------------------*/


/*--------------editor------------------------*/
.for_editor p{
	margin:0 0 3% 0;
}

.for_editor p:last-child{
	margin-bottom:0;
}

.for_editor ul, ol{
	margin:0 0 3% 0;
	margin-left:-24px;
}

.for_editor img{
	max-width:100%;
	height:auto;
	display:inline-block;
}

@media (max-width:767px){
.for_editor p{
	margin:0 0 20px 0;
}

.for_editor ul, ol{
	margin:0 0 20px 0;
	margin-left:-24px;
}

#playbutton{
	display:none;
}
}

/*--------------editor------------------------*/


@media (min-width:768px) and (max-width:1114px){
	.navbar-nav{
		
		margin-left:auto;
		margin-right:auto;
		display:table;
		margin-top:36px;
	}
	
	.logo-img{
		padding-top:0;
	}
	
	.navbar .container{
		margin-top:0px !important;
		margin-bottom:10px !important;
	}
}

	

@media (min-width:768px){
	.navbar .container{
		margin-top:75px;
		margin-bottom:30px;
	}
	
	.navbar-brand{
		width:auto;
	}

	ul.sub_menu{
		list-style:none;
		font-size:12px;
		line-height:15px;
		color:#ccc;
		position:absolute;
		top:20px;
		left:0px;	
		display:none;
		padding:0;
		text-align:left;
		background:rgba(120,120,120,0.8);
		padding:4px 0;
		text-transform:uppercase;		
	}	
	
	.navbar-nav > li:hover > ul.sub_menu{
		display:block;
	}
	
	ul.sub_menu li{	
		width:223px;
		padding:0 10px;
		line-height:24px;
	}
	
	ul.sub_menu li a{
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	ul.sub_menu li a:hover, ul.sub_menu li a.current{
		color:#fff;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.main_group01 .row > div:nth-child(2n+1){
		clear:both;
	}

	
}


@media (max-width: 1199px){
	.product_list li{
		float:left;
		display:inline-block;
		width:33.33333%;
		height:290px;
		overflow:hidden;
		
	}
	.product_list li .item{
		position:relative;
		padding:0px 10px;
	
	}
	.product_list li .item a{
		width:100%;
		height:210px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}
	.mask{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000;}
	.zoomContainer{ display:none; visibility:hidden; position:absolute; top:0px; left:0px; width:0px; height:0px; }
	
	.about_img{
		padding-top:0;
		padding-bottom:20px; 
	}
}




@media (max-width: 991px){
	.contact_box{
		padding-top:40px;
		padding-bottom:30px;
	}
	
	.form_border{
		min-height:initial;
		
	}
	
	.form_border .contact_box{
		border-top:1px solid #fff;
	}
	
	.contact_con{
		font-size:14px;
		line-height:24px;
	}
	
	.form_row{
		font-size:16px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.contact_con strong{
		font-size:18px;
		padding-bottom:15px;
	}
	
	.grey_button{
		width:40%;
		margin:5% 5%;
		margin-bottom:0;
		line-height:40px;
		font-size:16px;
	}
	
	
	

}


@media (max-width: 767px){
	
.for_pc{
	display:none;
}

.for_mobile{
	display:block;
}

.footer_row{
	text-align:center;
}


.owl-carousel .owl-wrapper-outer {
	margin-top: 0px;
}

.navbar-nav{
	margin-top:0px;
	margin-bottom:0;
	float:none;
}

.navbar-brand{
	padding:10px;
	display:table;
}

.navbar-brand > a{
	display:table-cell;
	vertical-align:middle;
}

.navbar-default .navbar-nav li {
}

.navbar-default .navbar-nav li a{
	line-height:20px;
	font-size:14px;
	border:0;
	border-bottom:1px solid #333;
	display:block;
	padding:10px 20px;
}


.logo-img{
	max-width:383px;
	width:100%;
	
}

ul.sub_menu{
	margin-left:0px;
	background:rgba(150,150,150,0.3);
	list-style:none;
	padding:0;

}


ul.sub_menu li a{
	padding-left:38px;
	border-bottom:1px solid #666666 !important;
	color:#c9c9c9;
	position:relative;	
	text-transform:uppercase;
	
	-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
}

ul.sub_menu li a:hover, ul.sub_menu li a.current{
	color:#fff;
}

ul.sub_menu li a:before, ul.sub_menu li a.current:before{
	
}

ul.sub_menu li a:hover:before, ul.sub_menu li a.current:before{
	position:absolute;
	left:0px;
	width:5px;
	height:100%;
	content:'';
	top:0;
	background:#c0348a;
	content:'';
	
	-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
}

.contact_box{
	padding-left:15px;
	padding-right:15px;	
}

.form_border{
	background:none;
}

.project_box:nth-child(2n+1){
	clear:both;
}

.about_con{
	padding-top:20px;
	padding-bottom:30px;
}

.about_bg{
	background:url(../images/aboutus_bg.jpg) no-repeat top left 60%; 
	width:100%; 
	min-height:650px;
	background-size:auto 100%;
}
}

@media (min-width: 1200px){
	#foo-bottom {
		min-width:1170px;
	}	
}


/*field*/
input:focus{
	outline:0;
	box-shadow:0px 0px 5px #fff;
}

.field01{
	line-height:22px;
	border:#CCCCCC 1px solid;
	background-color:#646464;
	height:22px;
	color:#FFF;
	width:100%;
	padding-left:2%;
}

textarea.field01{
	height:80px;
}

select.field01{
	padding:0px;
	font-size:inherit;
}
select option{
	padding:5px 0;
}
.diary_archive_select{
	margin:3% 0;
}

.diary_archive_select optgroup > optgroup{
	margin-left:20px !important;
	color:#fff;
}

.diary_archive_select:focus{
	box-shadow:0px 0px 4px #551900;
	outline:0;
}

@media (max-width:991px){
	
	.field01{
		height:30px;
		line-height:30px;
	}
}

@media (max-width:767px){
	
	.field01{
		margin-top:6px;
	}
}


/*font*/
.white { color:#fff !important;}

.black {color:#000 !important;}

.brown{ color:#551900 !important;}

.ctext{ font-size:18px;}
.cctext{ font-size:15px;}

.mainc{ margin-top:300px;}

@media (max-width:1180px){
.mainc{ margin-top:0px;}
}

.chtitle{ font-family: "Open Sans","微軟正黑體","Apple LiGothic Medium","蘋果儷中黑","Lucida Grande","Lucida Sans Unicode",Helvetica !important;}
.chtt{line-height:21px;}

.crop{
    width: 171px;
    height: 123px;
    overflow: hidden;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;

}

@media (max-width:768px){
.crop{
	width:100%;
}
}