@charset "utf-8";
/* CSS Document */

body {
	background-position:left -11px;
}
.container {
	width:460px;
	margin-right:auto;
	margin-left:auto;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
.bodyBg_top {
	background-position:center top;
	top:86px;
}
/*--------------------------------header-------------------------------------*/
.header {
	width:460px;
	height:86px;
	position:relative;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
/*----------------------logo--------------------------*/
.logo {
	width:150px;
	left:0px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
	
	transition:left 0.4s;
	-moz-transition:left 0.4s;
	-webkit-transition:left 0.4s;
	-o-transition:left 0.4s;
}
.logo h1 {}
.logo h1 a {
	width:150px;
	display:block;
	overflow:hidden;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
.logo h1 a img {
	width:100%;
}
/*--------------------nav------------------------*/
.nav {
	width:460px;
	height:26px;
	position:absolute;
	right:0px;
	bottom:2px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
.navBtn {
	width:290px;
	height:26px;
	display:block;
	background-image:url(../images/navBtn.png);
	background-repeat:no-repeat;
	background-position:center top;
	cursor:pointer;
	margin-left:auto;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
/*-------------------------------*/
.nav ul {
	width:100%;
	display:none;
	background-color:#b30739;
	position:absolute;
	z-index:99;
}
.nav ul:after {}
.nav li {
	float:none;
	background-image:none;
}
.nav a {
	text-align:center;
	background-image:none;
}
.nav a span {
	display:inline-block;
	background-position:center bottom;
	padding-left:5px;
	padding-right:5px;
}
.nav li:hover, .nav li.current {
	background-image:none;
	background-color:#8c042b;
}
.nav li:hover a, .nav li.current a {
	background-image:none;
}
.nav a:hover span, .nav .current a span {}
/*----------------------------------------*/
.nav .nav1 a span {}
/*----------------------------------------*/
.nav .nav2 a span {}
/*----------------------------------------*/
.nav .nav3 a span {}
/*----------------------------------------*/
.nav .nav4 a span {}
/*----------------------------------------*/
.nav .nav5 a span {}
/*----------------------------------------*/
.nav .nav6 a span {}
/*--------------------------------mainPage-------------------------------------*/
.mainPage {
	width:460px;
	background-color:#fff;
	position:static;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
/*---------------------------------------*/
.pageBanner {
	width:460px;
	height:150px;
	position:relative;
	top:0px;
	z-index:0;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
.pageBanner h2 {
	width:434px;
	height:36px;
	display:block;
	color:#fff;
	font-size:36px;
	line-height:36px;
	background-image:url(../images/mainPage_bg_460_01.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:34px;
	padding-bottom:30px;
	padding-top:84px;
	margin-left:-4px;
}
/*----------------------------麵包屑----------------------------*/
.pathBox {
	float:left;
	margin-top:-165px;
	position:relative;
}
.pathBox ul {}
.pathBox ul:after {}
.pathBox li {}
.pathBox li a {}
.pathBox li a:hover {}
/*---------------------------------------------------------------*/
.columnLeft {
	width:218px;
	float:none;
	background-image:none;
	background-repeat:repeat-y;
	background-position:left top;
	background-color:rgba(255,255,255,0.9);
	border-right:solid 2px #fff;;
	padding-right:0px;
	/*padding-top:10px;
	padding-bottom:10px;*/
	position:absolute;
	z-index:1;
	
	left:-227px;
	margin-top:-6px;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.3);
	
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	
	transition:left 0.4s;
	-moz-transition:left 0.4s;
	-webkit-transition:left 0.4s;
	-o-transition:left 0.4s;
}
.columnLeft.main {
	left:0px;
	
	transition:left 0.4s;
	-moz-transition:left 0.4s;
	-webkit-transition:left 0.4s;
	-o-transition:left 0.4s;
}
/*----------------------------*/
.columnLeftBtn {
	width:50px;
	height:41px;
	display:block;
	background-image:url(../images/menuBtn.png);
	background-repeat:no-repeat;
	background-position:right top;
	
	cursor:pointer;
	position:absolute;
	top:-3px;
	right:-52px;
}
.columnLeftBtn:hover {
	background-position:right bottom;
}
/*----------------------------*/
.columnRight {
	width:460px;
	float:none;
	background-image:url(../images/mainPage_bg_460_02.png);
	background-repeat:repeat-y;
	background-color:#fff;
	padding-left:4px;
	padding-right:4px;
	margin-left:-4px;
}
.pageBox {}
/*--------------------------------footer-------------------------------------*/
.footerBox {
	width:460px;
	
	transition:width 0.4s;
	-moz-transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-o-transition:width 0.4s;
}
.bodyBg_bottom {}
.footer {}
.footer address {}
.footer .address {}
.footer .address a {}
.footer .address a:hover {}
.footer .servicePhone {}
/*------------------iware-----------------------*/
.iware {
	float:none;
	text-align:right;
}
.iware a {}
.iware a:hover {}
/*--------------------------------------左欄分類----------------------------------------*/
.menuBox {}
.menuBox ul {}
.menuBox li {}
.menuBox li a {}
.menuBox li a:hover {}
.menuBox li .icon {}
.menuBox li.current a {}
.menuBox li.open .icon {}
/*---------------------------------------分頁----------------------------*/
.paginBox {
	margin-left:20px;
	margin-right:20px;
}
.paginBox ul {
	width:373px;
}
/*-------------------------------------公司簡介-------------------------------------------*/
.about .pageBanner {
	background-image:url(../images/pageBannerImg_about-700.jpg);
	background-position:-220px top;
}
/*-------------------------------------產品介紹-------------------------------------------*/
.products .pageBanner {
	background-image:url(../images/pageBannerImg_products-700.jpg);
	background-position:right top;
}
/*------------------------產品搜尋-------------------------------*/
.searchBox {}
.searchBox strong {
	width:55px;
	height:114px;
	text-align:right;
}
/*------------------------------------*/
.tch .searchBox strong {
	width:60px;
}
.sch .searchBox strong {
	width:60px;
}
/*------------------------------------*/
.searchBox label {
	display:inline-block;
	margin-right:0px;
}
.searchBox label.no_1 {}
.searchBox label.no_2 {}
.searchBox label.no_3 {
	float:none;
	margin-right:0px;
}
.searchBox select {
	width:280px;
}
/*-------------------------------------*/
.tch .searchBox select {
	width:275px;
}
.sch .searchBox select {
	width:275px;
}
/*-------------------------------------*/
.searchBox label.no_2 select {
	width:286px;
}
/*--------------------------------------*/
.tch .searchBox label.no_2 select {
	width:275px;
}
.sch .searchBox label.no_2 select {
	width:275px;
}
/*--------------------------------------*/
.searchBox input[type="text"] {
	width:222px;
}
/*--------------------------------------*/
.tch .searchBox input[type="text"] {
	width:260px;
}
.sch .searchBox input[type="text"] {
	width:260px;
}
/*--------------------------------------*/
.searchBox .baseBtn {
	float:none;
	text-align:center;
}
.searchBox .searchBtn {}
/*----------------------------------------------------*/
.products .itemAreaBox {
	padding-left:0px;
	padding-right:0px;
}
.itemBox_P {
	width:192px;
	height:273px;
}
.itemBox_P .imgBox {
	width:190px;
	height:190px;
}
/*-------------------------------------產品介紹 資料-------------------------------------------*/
.productsData .pageBanner {
	background-image:url(../images/pageBannerImg_products-700.jpg);
	background-position:right top;
}
/*--------------------------------------------------------------------*/
.dataBox_P {
	width:420px;
}
/*---------------------------*/
.dataBox_P .leftBox {
	width:420px;
	float:none;
	margin-bottom:30px;
}
.dataBox_P .leftBox .imgBox {
	width:418px;
	height:418px;
}
.dataBox_P .leftBox ul {
	pading-left:0px;
	padding-right:0px;
}
.dataBox_P .leftBox li {
	width:127px;
	height:127px;
}
/*---------------------------*/
.dataBox_P .rightBox {
	width:420px;
	float:none;
}
.dataBox_P .rightBox .productName {
	padding-left:10px;
}
.dataBox_P .rightBox .iconAreaBox {
	padding-left:10px;
}
.dataBox_P .rightBox .icon_new {}
.dataBox_P .rightBox .featuresBox {
	width:410px;
	margin-left:10px;
}
.dataBox_P .rightBox .featuresBox strong {}
.dataBox_P .rightBox .featuresBox .editorBox {
	height:auto;
	max-height:none;
	overflow-y:visible;
}
/*---------------------------*/
.dataBox_P .rightBox .baseBtn {
	margin-left:10px;
}
.dataBox_P .rightBox .baseBtn a {
	margin-right:10px;
}
.dataBox_P .baseBtn a.specificationBtn {
}
.dataBox_P .baseBtn .IWantToAsBtn {}
/*--------------------------------最新消息-----------------------------------*/
.news .pageBanner {
	background-image:url(../images/pageBannerImg_news-700.jpg);
	background-position:-150px top;
}
/*------------------------------------------*/
.news .pageBanner h2 {
	color:#1b3f94;
}
/*-----------------------------------------------*/
.itemBox_N {
	width:400px;
	margin-bottom:10px;
}
/*------------------------------------最新消息 資料----------------------------------------*/
.newData .pageBanner {
	background-image:url(../images/pageBannerImg_news-700.jpg);
	background-position:-150px top;
}
/*------------------------------------------*/
.newData .pageBanner h2 {
	color:#1b3f94;
}
/*------------------------------------下載---------------------------------------*/
.downloads .pageBanner {
	background-image:url(../images/pageBannerImg_downloads-700.jpg);
	background-position:-180px top;
}
/*------------------------------------------------------*/
.itemBox_D {
	width:400px;
}
/*----------------------------------------投資人-----------------------------------------*/
.investor .pageBanner {
	background-image:url(../images/pageBannerImg_investor-700.jpg);
	background-position:-225px top;
}
.investor .editorBox {
	overflow-x:auto;
}
/*-------------------------------------聯絡我們-----------------------------------------*/
.contact .pageBanner {
	background-image:url(../images/pageBannerImg_contact-700.jpg);
	background-position:-190px top;
}
.contact .pageBanner h2 {
	color:#1b3f94;
}
/*-------------------------------------------------*/
.contactForm {
	width:420px;
}
.contactForm .formSection {
	width:420px;
}
.contactForm .formLabel {
	width:100px;
}
.contactForm .formValue {
	width:310px;
}
/*-----------------------------------------------*/
.contactForm .no_01 {
	width:420px;
	float:none;
}
.contactForm .no_01 .formLabel {}
.contactForm .no_01 .formValue {
	width:310px;
}
/*-----------------------------------------------*/
.contactForm .no_02 {
	width:420px;
	float:none;
}
.contactForm .no_02 .formLabel {}
.contactForm .no_02 .formValue {
	width:310px;
}
/*-----------------------------------------------*/
.contactForm .no_03 {
	width:420px;
	float:none;
}
.contactForm .no_03 .formLabel {}
.contactForm .no_03 .formValue {
	width:310px;
}
/*-----------------------------------------------*/
.contactForm .no_04 {
	width:420px;
	float:none;
}
.contactForm .no_04 .formLabel {}
.contactForm .no_04 .formValue {
	width:310px;
}
/*-----------------------------------------------*/
.contactForm .no_05 {
	clear:both;
}
.contactForm .no_05 .formLabel {}
.contactForm .no_05 .formValue {}
/*-----------------------------------------------*/
.contactForm .no_06 .formValue input {
	width:302px;
}
/*-----------------------------------------------*/
.contactForm .no_07 .formValue textarea {
	width:300px;
	height:100px;
}
/*-----------------------------------------------*/
.contactForm .no_08 .formValue img {
	vertical-align:top;
}
/*----------------------------------------------*/
.contactForm .no_09 .formValue input {
	width:302px;
}
/*----------------------------------------------*/
.contact .baseBtn {}
.contact .baseBtn input {}
.contact .cancelBtn {}
.contact .sendBtn {}