@import url("reset.css");

/*body 共用*/
html{scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-arrow-color:#999; scrollbar-base-color:#ddd;scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#999; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; }
body,td {font-size:15px;color:#555;	line-height:170%;font-family: "微軟正黑體", sans-serif, serif;color:#555;}
a {color:#555;text-decoration: none;}
a:hover{color: #ccc;}
.clear{ clear:both;}


/*png 圖片透明(共用)*/
.img {behavior: url("iepngfix.htc"); }



/*wrapper 主要框架(共用)*/
#wrapper{width:1200px;margin:0 auto; overflow:hidden;}
.wrapper_p1{ background:url(../images/header/p1.jpg) center no-repeat; height:360px;}
.wrapper_p2{ background:url(../images/header/p2.jpg) center no-repeat; height:360px;}
.wrapper_p3{ background:url(../images/header/p3.jpg) center no-repeat; height:360px;}
.wrapper_p4{ background:url(../images/header/p4.jpg) center no-repeat; height:360px;}
.mainContent{ width:910px; min-height:500px; float:right; overflow:hidden; margin:0 0 80px 0;}
.icon{ text-align:right; font-size:13px;}
.title{ background:url(../images/all/titleIcon.png) no-repeat #f1f1f1 15px 17px; height:38px; line-height:38px;  border:1px solid #cecece; margin:22px 0 45px 0; font-size:22px; padding:0 0 0 40px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

/*menu*/
.menuBg{ background: url(../images/menu/bg.png); height:171px;}
.menu{ width:958px; margin:0 auto;}

/*首頁形象_banner*/
.fullSlide {width:100%;position:relative;height:535px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:535px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:535px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

/*首頁*/
.indexContent{ height:215px;}
.indexContent01{ float:left;cursor:pointer;}
.indexContent02{ background:url(../images/index/pic02.png) no-repeat; width:349px; height:73px; float:left; padding:80px 20px 0px 20px; font-size:15px; cursor:pointer;}
.indexContent03{ background:url(../images/index/pic02.jpg) no-repeat; width:446px; height:73px; float:left; padding:80px 10px 0px 10px; font-size:15px;cursor:pointer;}

/*sidebar*/
.sidebar{ width:282px; min-height:300px; padding:19px 0 0 8px; overflow:hidden; float:left;}
.leftMenu{ overflow:hidden;}
.leftMenu li{ width:169px;}
.leftMenu li a{ width:169px; display:block; border-bottom:1px solid #CCC; background:url(../images/sidebar/icon.png) 20px 23px no-repeat; padding:10px 10px 10px 50px; font-size:16px;}
.leftMenu li a.on,.leftMenu li a:hover{background:url(../images/sidebar/icons.png) 20px 23px no-repeat; color:#9d0000;}
.leftMenu li:first-child{}
.leftMenu li:last-child{ margin:40px 0 40px 0; cursor:pointer; }

/*p1產品介紹*/
.productList li{ float:left; margin:0 12px 45px 12px; list-style:none; cursor:pointer;}
.productList li:hover img{opacity:0.4; filter:alpha(opacity=40); color:#9d0000}
.productList li:hover{ color:#9d0000}
.pic{ border:1px solid #e3e3e3; width:200px; height:185px; display: table-cell; vertical-align:middle; text-align:center; }
.line{ height:4px; border:1px solid #9d0000; background:#9d0000; width:200px;}
.prodcutName{ padding:3px 16px;  width:170px; text-align:center; line-height:20px;}
.detailTop{ padding:0 10px; overflow:hidden; margin:0 0 60px 0;}
.showbox{ border:1px solid #e8e8e8; width:405px; height:375px; float:left;}

.abgne-block {clear:both;}
.abgne-block a{
	float:left;
	margin:0px 13px 0 0;
	width:120px;
	height:111px;
	border:1px solid #e8e8e8;
	text-align:center;/*垂直置中的設定必設*/
	display:table-cell;/*垂直置中的設定必設*/
	vertical-align:middle;/*垂直置中的設定必設*/
}
/*.abgne-block a:last-child{ margin:0 0px 0 0;}*/
.abgne-block a:hover{ border:1px solid #9d0000;}

.detailBox{ width:405px; min-height:375px; float:left; padding:0 0 0 60px;}
.detailTxtTitle{ font-size:21px; color:#9d0000; border-bottom:1px solid #9d0000; line-height:30px; padding:0 0 10px 0;}
.detailTxtDescription{ overflow:hidden; margin:30px 0 0 0;}
.detailTxtDescription h1{ width:60px; height:28px; line-height:28px; font-size:17px; background:#343434; text-align:center;font-weight:normal; color:#FFF; float:left;}
.detailTxt{ width:325px;  min-height:175px; float: right; margin:0 0 15px 0; font-size:17px; color:#000;}
.detailDown{ padding:30px 30px 30px 30px;}
.back a{ width:90px; background:#535252; padding:2px 2px; display:block; text-align:center; color:#FFF; float:right;}
.back a:hover{ background:#999;}

/*編碼*/
.number { margin:20px 0 0px 0; text-align:center;}
.number a {border:#535252 1px solid;padding:1px 6px;margin:0 2px;}
.number_btn {background-color:#535252;border:#535252 1px solid;}
.number_on,.number a:hover {background-color:#535252;color:#fff;}

/*p2關於我們*/
.aboutContent{ overflow:hidden; padding:0 20px; line-height:35px;}

/*p3企業團體購買*/
/*form 表單(共用)*/
.page_form2 {overflow: hidden; border-bottom:1px dashed #CCC; padding:5px 10px 5px 10px; width:90%; margin:0 auto;}
.page_form2 .name{float: left;width: 180px;text-align: left;padding: 5px 5px 5px 30px; background:url(../images/all/icon.png) no-repeat 5px 12px; }
.page_form2 .text{overflow: hidden; padding: 5px;}


/*p4聯絡我們*/
.contactBtn{ text-align:center; margin:40px 0 0 0;}
.contactBtn span a{ text-align:center; width:90px; background:#535252; padding:2px 2px; display:inline-block; text-align:center; color:#FFF; margin:0 10px 0 0; }
.contactBtn span a:hover{background:#999;}
.red{ color:#9d0000;}
/*元件(共用)*/
.input1{color: #000;background-color: #FFF;border: 1px solid #ccc; padding:5px;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.contactDescription{ text-align:center; background-image:linear-gradient(90deg, #ffffff 0%, #9d0000 50%, #ffffff 100%); padding:10px 0; width:95%; margin:-20px auto 20px auto; overflow:hidden; color:#FFF;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

/*form 表單(共用)*/
.page_form {overflow: hidden; border-bottom:1px dashed #CCC; padding:5px 10px 5px 10px; width:90%; margin:0 auto;}
.page_form .name{float: left;width: 100px;text-align: left;padding: 5px 5px 5px 30px; background:url(../images/all/icon.png) no-repeat 5px 12px; }
.page_form .text{overflow: hidden; padding: 5px;}

/*footer*/
.footerBg{ height:166px; background:#9d0000; }
.footerTxt{ width:822px; float: right; color:#FFF; padding:25px 0 0 15px; font-size:14px;}
.footerTxt2{ width:750px; float: right; color:#FFF; padding:25px 0 0 15px; font-size:14px;}
.footerTxt a{color:#FFF;}
.footerTxt2 a{color:#FFF;}
.footerTxt a:hover{ text-decoration:underline;}
.footerTxt2 a:hover{ text-decoration:underline;}
.fbBtn a{ width:120px; padding:5px 5px; text-align:center; background:#3a5795; color:#FFF; display:block; margin:15px 0 0 0 ; font-weight:bold; font-size:17px; }
.fbBtn a:hover{ text-decoration:none; background:#466ab7;}