/************All css************/
html,body {height:100%;}
body{
	width: 100%;
	background: #d3ccc6;
	color: #6e6e6e;
	font-family: 'Microsoft JhengHei', 微軟正黑體,sans-serif;
	padding: 0;
	font-size: 100%;
	}
#clear{clear: both;}
img{border: none;}
a, button, input, textarea, submit, reset{
	font-family: 'Microsoft JhengHei', 微軟正黑體,sans-serif;
	text-decoration:none;
	}
select:focus, input[type='text']:focus, textarea:focus{
	outline: 1px solid #269A22;
	box-shadow: none;
	}
a{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	}
::selection{background: #000; color: #FFF; text-shadow: none;}
.scrollup{
	width: 20px;
	height: 20px;			
	text-indent: 99px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: none;			
	background: url(../images/backtop.png) no-repeat;
	z-index: 9999;
}
.index_logo{
	float: left;
	width: 230px;
	padding: 10px 0 0 10px;
	}
.index_logo img{
	display: block;
	float: left;
	}
a .logo_text{
	float: right;
	font-size: 12px;
	color: #FFF;
	margin-top: 45px;
	line-height: 20px;
	}
/************right/navi css************/
.picnavi{
	float: right;
	height: 100%;
	width: 55%;
	position: relative;
	}
.picnavi_in{
	float: right;
	height: 100%;
	width: 45%;
	position: relative;
	}
.breads{
	font-size: 13px;
	color: #b2b2b2;
	position: absolute;
	left: 20px;
	bottom: 200px;
	}
.bread{
	font-size: 13px;
	color: #b2b2b2;
	position: absolute;
	left: 20px;
	bottom: 200px;
	}
nav{
	width: 100%;
	}
a .sublogo{color: #6e6e6e;}
.sublogo{
	font-size: 26px;
	line-height: 22px;
    margin: 30px 0 70px;
	}
.sublogo span{font-size: 14px;}
.navi{
	color: #b0b0b0;
	font-size: 16px;
	list-style: none;
	line-height: 18px;
	width: 100%;
	font-family: 'UniversNextPro-Light', "微軟正黑體";
	}
.navi a{font-family: inherit;}
.navi_en{display: block;}
.navi_cn{display: none;}
.navi a{color: #eae5e1;}
.navi a:hover{color: #F5F5F5;}
.navi a:hover .navi_en{display: none;}
.navi a:hover .navi_cn{display: block;}
/************project css************/
/*.pro_right{
	background-image: url(../images/down.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}*/
.pro_navi{
	float: right;
	width: 136px;
	height: 100%;
	overflow: auto;
	}
.pro_navi::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(228,228,228,0.6);
	background-color: #FFF;
	border-radius: 3px;
	}
.pro_navi::-webkit-scrollbar{
	width: 6px;
	background-color: #FFF;
	border-radius: 3px;
	}
.pro_navi::-webkit-scrollbar-thumb{
	background-color: #e4e4e4;
	border-radius: 3px;
	}
/************about css************/
.aboutbg{
	background-image: url(../images/about.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	}
.lan{
	position: absolute;
	top: 10px;
	right: 10px;
	}
.about_text{
	padding: 20px 20px 30px;
	margin: 0 0 30px;
	border-bottom: 1px #8b8b8b solid;
	text-align: justify;
	text-justify: inter-ideograph;
	}
.about_text .title{
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 20px
	}
.about_text .title span{font-size: 20px;}
.about_content{
	font-size: 13px;
	line-height: 20px;
	padding: 25px 0 0;
	}
.subtitle{font-size: 14px;}
.text_s{font-size: 12px;}
/************contact css************/
.address{
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #797878;
	}
.address a{color: #797878;}
.address a:hover{text-decoration: underline;}
.contactbox{
	float: right;
	width: 50%;
	height: -moz-calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
    height: calc(100% - 110px);
	margin: 90px 20px 20px 10px;
	border-left: 1px solid #cccccc;
	}
.cont_title{
	color: #323232;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 10px 20px;
	border-bottom: 1px solid #c5bbbc;
	}
.cont_table{
	color: #323232;
	font-size: 12px;
	padding: 10px;
	}
.cont_table td{
	line-height: 20px;
	padding: 5px;
	}
.cont_table label{margin-right: 3px;}
.cont_table input[type="radio"]{vertical-align: middle;}
.cont_table input[type="submit"],
.cont_table input[type="reset"]{margin: 0 10px;}
/************project_in css************/
.pro_l{position: relative;}
.pro_in{margin-top: 50px;}
.pro_box{
	padding: 5px 30px 30px;
	margin: 0 0 25px;
	border-bottom: 1px #8b8b8b solid;
	}
.pro_name{
	color: #727272;
	font-size: 13px;
	line-height: 28px;
	margin-bottom: 40px;
	}
.pro_name span{
	font-size: 25px;
	font-family: 'UniversNextPro-Light', "微軟正黑體";
	font-weight: bold;
	}
.pro_info{
	color: #b2b2b2;
	font-size: 12px;
	line-height: 18px;
	}
.pro_box img{
	max-width: 100%;
	height: auto;
	opacity: 1;
	display: block;
	margin: 0 auto;
	}
.pro_box img:hover{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	opacity: 1;
	}
.pro_box iframe{width: 100%;}
.liu_qr{
	margin-top:10px;
	}
.bread a{    color: inherit;}
.breads a{    color: inherit;}
.bmnone{ border-bottom:none;}
.bmnone{ border-bottom:none;border-bottom: none;margin-bottom: 0;}
/*IE
:root .contact_left { overflow:hidden;}*/