@charset "utf-8";
/* CSS Document */
.header ul#nav2, 
.header div.breadcrumb, 
.header div.ex1, 
.header div.ex2{
	display:none;
}
.header .title {
	
}
.header #nav1 {
	
}
.header #nav2 {
	display: none;
}
.header .breadcrumb {
	display: none;
}
.header .ex1, .header .ex2 {
	display: none;
}
.side2 {
	display: none;
}
#floating {
	display: none;
}
.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

body {
	background-color: #ffffff;
}

.header_bg {
    background-image: url("../images/bg/headerbg.jpg");
    background-repeat: repeat-x;
    height: 134px;
}
.header {
    height: 134px;
}

.header .title a {
    background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 83px;
    left: 0px;
    position: absolute;
    text-indent: -9999px;
    top: 5px;
    width: 244px;
    -webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.main_bg{
	background-image:url(../images/bg/mbg.jpg);
	background-repeat:repeat;	
}
.main {
    color: #616161;
    font-size: 13px;
    margin-top: 34px;
}
.side1 {
    float: left;
    margin-right: 20px;
    min-height: 420px;
    width: 210px;
	display:none;
}
.content {
    min-height: 420px;
    width: 1000px;
}
.content h1 {
    background-image: url("../images/title.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 40px;
    margin-left: 0px;
    text-indent: -9999px;
    width: 1000px;
}
body#t2 .content h1 {
	background-position: 0px -40px;
}
body#t3 .content h1 {
	background-position: 0px -203px;
}

body#t4 .content h1 {
	background-position: 0px -80px;
}
body#t5 .content h1 {
	background-position: 0px -121px;
}
body.home .content h1 {
	background-position: 0px -162px;
}

.content ul.breadcrumb {
    color: #616161;
    display: inline;
    font-size: 13px;
    letter-spacing: 2px;
    position: absolute;
    right: 0;
    top: 10px;
}
ul.breadcrumb li {
    display: inline;
    float: left;
    margin: 2px;
}
ul.breadcrumb li a {
    color: #a9a9a9;
	text-decoration:none;
}
ul.breadcrumb li a:hover {
	color: #5B9D45;
}
.footer_bg {
    border-top: 1px solid #d6d6d6;
    /* height: 112px; */
}
.footer {
    background-image: url("../images/bplogo.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #7b7b7b;
    font-size: 13px;
    height: 68px;
    line-height: 25px;
    padding-left: 195px;
    padding-top: 24px;
    width: 805px;
    -webkit-background-size: 170px auto;
    -moz-background-size: 170px auto;
    -o-background-size: 170px auto;
    background-size: 170px auto;
}
.copyright {
    float: left;
    width: 600px;
}
.sitemap {
    float: left;
    width: 625px;
}
.sitemap a {
    color: #646464;
    text-decoration: none;
}
.sitemap a:hover {
    color: #5C9D43;
    text-decoration: none;
}
.powered {
    display: none;
    float: left;
    text-decoration: none;
    width: 400px;
}
.powered a {
    color: #7b7b7b;
    display: none;
    text-decoration: none;
}
.powered a:hover {
    color: #00b4dc;
    text-decoration: none;
}
.siteinfo {
}
.siteinfo a {
	color: #5C9D43;
	text-decoration:none;
}
.siteinfo a:hover{
	text-decoration:underline;
}
.header .banner {
	display:none;
}
.search {
    width: 224px;
}
ul.page {
    color: #000000;
    font-size: 13px;
    margin: 0 auto;
    padding-left: 100px;
    padding-top: 5px;
    width: 620px;
}
ul.page li{
	line-height:30px;
	vertical-align:middle;	
}	
ul.page a{
	font-size:12px;
	width:65px;
	color:#476a32;
	text-decoration:none;
	background-repeat: no-repeat;
	display: block;
	text-indent:-9999px;
	margin-right:15px;	
	height:30px;
	background-position:left center;
}
ul.page a.picon1{ background-image:url(../images/page/L1.gif);}
ul.page a.picon2{background-image: url(../images/page/L2.gif);}
ul.page a.picon3{background-image: url(../images/page/R2.gif);}
ul.page a.picon4{background-image: url(../images/page/R1.gif);}

ul.page .picon5 {
    border: 1px solid #EFEFEF;
    vertical-align: middle;
    width: 50px;
}
ul.page .picon6{
	margin-left:10px;
}


.content .list {
    color: #476a32;
    font-size: 12px;
    margin: 0 auto 5px;
    padding: 0;
    width: 700px;
}
.content .list tr {
    border-bottom: 1px solid #b2deee;
    font-size: 12px;
    line-height: 30px;
}
.content .listtd1 {
    text-indent: 10px;
}
.content .listtd1 a {
    color: #000000;
    display: block;
    text-decoration: none;
}
.content .listtd1 a:hover {
    color: #476a32;

}
.date {
    clear: both;
    color: #5C9D43;
    font-size: 12px;
    font-weight: normal;
    margin-right: 0;
    text-align: center;
}

.input {
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
}
input.round {
    background-color: #EBF8FC;
    border: 1px solid;
    color: #1C8FB8;
    height: 23px;
    margin: 0 0 10px 5px;
    padding: 1px 10px;
    width: 160px;
}
input.button {
    background-color: #FFFFFF;
    background-image: url("../../webs/images/products/searchbut.png");
    background-repeat: no-repeat;
    border-radius: 20px 20px 20px 20px;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}



/*-----------------------------------選項CSS------------------------------------------------------------------*/
ul#nav1 {
    background-repeat: no-repeat;
    color: #000000;
    position: absolute;
    right: 0;
    top: 88px;
    width: 400px;
    z-index: 500;
}
ul#nav1 a {
    background-repeat: no-repeat;
    color: #fff;
    font-size: 13px;
    height: 46px;
    letter-spacing: 2px;
    line-height: 46px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
ul#nav1 a:hover
{
	background-color: #5C9D43;
}
body#t1 .header ul#nav1 li a.b1-1,
body#t2 .header ul#nav1 li a.b1-2,
body#t3 .header ul#nav1 li a.b1-3,
body#t4 .header ul#nav1 li a.b1-4,
body#t5 .header ul#nav1 li a.b1-5{
	background-color: #5B9D45;
}
/*menu*/
ul.lau {
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #ededed;
    color: #808080;
    font-size: 12px;
    height: 53px;
    line-height: 25px;
    padding-top: 30px;
    position: absolute;
    right: 55px;
    top: 5px;
    z-index: 100;
}
ul.lau li{ 
	float:left;
	list-style:none;
}
ul.lau li a {
    background-image: url("../images/lau.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
	margin-right:16px;
	opacity:0.5;
}

ul.lau li a.l1-1 {
    background-position: 0 0;
	margin-left:16px;   
}
ul.lau li a.l1-1:hover{
	background-position:0 -24px;	
}
ul.lau li a.l1-2 {
    background-position: -40px 0;   
}
ul.lau li a.l1-2:hover{
	background-position:-40px -24px;	
}
ul.lau li a.l1-3 {
    background-position: -81px 0;   
}
ul.lau li a.l1-3:hover{
	background-position:-81px -24px;	
}
ul.lau li a.l1-4 {
    background-position: -121px 0;
}
ul.lau li a.l1-4:hover{
	background-position:-121px -24px;	
}

ul.sr {
    border-right: 1px solid #ededed;
    height: 53px;
    padding-top: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 39px;
    z-index: 100;
}
ul.sr li{ 
	float:left;
	list-style:none;
	width:39px;
}
ul.sr li a {
    background-image: url("../images/lau.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    text-indent: -9999px;
    margin-right:16px;
    opacity:0.5;
    width: 39px;
    background-position: -161px 0;	
}

ul.sr li a:hover{
	background-position:-161px -24px;	
}

body.member ul.sendclear {
    margin-left: 250px;

}
ul.sendclear {
    list-style: none outside none;
    margin-left: 200px;
    margin-top: 30px;
}
ul.sendclear li a {
    background-color: #5B9D45;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    float: left;
    height: 36px;
    list-style: none outside none;
    margin-left: 5px;
    text-align: center;
    text-decoration: none;
    width: 120px;
    border-radius: 5px;
    line-height:36px;
}
ul.sendclear li a:hover{
	background-color: #616161;
	
}
ul.sendclear li a.black{
	background-color: #616161;
	
}
.content .sec1 {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    line-height: 26px;
    margin-bottom: 44px;
    margin-top: 34px;
    min-height: 600px;
    padding: 40px 20px;
    width: 960px;
    position:relative;
}


/*product*/
body.products .content .sec1 {
	min-height: 680px;
}


/*about*/

body.about .content .sec1 .p01 {
	text-align:center;
	font-size:15px;
	color: #57861A;
	margin: 20px 0 0;
}
body.about .content .sec1 .pic {
	float:left;
	width: 283px;
	margin-left: 40px;
	margin-top: 50px;
}
body.about .content .sec1 .pt {
	width: 620px;
	margin-top: 40px;
	float: right;
}
body.about .content .sec1 .pt h2{
	font-size: 20px;
	color: #427500;
	font-weight: normal;
	border-bottom: 1px #DCDCDC solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-top: 20px;
}

/*contact*/
.cinto {
    float: left;
    margin: 35px 20px;
    width: 480px;
}
.cinto2 {
    float: left;
    margin: 35px 0;
    width: 420px;
}
.tblock{
	background-image:url(../images/contact/tw.png);
	background-repeat:no-repeat;
	background-position: left -5px;
	line-height: 24px;
	margin-top:20px;
	margin-bottom:20px;
}
.cblock{
	background-image:url(../images/contact/ch.png);
	background-repeat:no-repeat;
	background-position:left 30px;
	line-height:35px;
	margin-top:40px;
	margin-bottom:40px;
}
/*article*/
ul.artall {
	
}
ul.artall li {
	list-style:none;
	height:204px;
	border-bottom:1px solid #c2c2c2;
	margin-top:30px;
}
ul.artall li a {
	color:#616161;
	text-decoration:none;
	opacity:1;
	display:block;
}

ul.artall li a:hover{
	opacity:0.8;
}
ul.artall li a .img{
	border:1px solid #c2c2c2;
	float:left;
	margin-right:10px;
}
ul.artall li a .aword{
	width:695px;
	float:left;
	height:159px;
	
}

.atitle {
    color: #000;
    font-family: "微軟正黑體",sans-serif;
    font-size: 25px;
    margin-bottom: 15px;
}
.moretext {
    background-image: url("../images/arrow.png");
    background-position: right 10px;
    background-repeat: no-repeat;
    float: right;
    height: 30px;
    margin-right: 5px;
    width: 70px;
}
.atwo{
	font-size:20px;
	font-family:"微軟正黑體", sans-serif;
}
/*member*/
body.member .content .sec1 {
    
}
body.member a.loginbt {
    background: url("../images/member/btbg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    text-indent: -9999px;
    width: 100px;
}
body.member a.loginbt:hover {
    background: url("../images/member/btbg.png") no-repeat scroll 0 -80px rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    text-indent: -9999px;
    width: 100px;
}
.logincheck {
    background-color: #EFF3F5;
    height: 155px;
    margin: 0 auto;
    padding-left: 50px;
    width: 460px;
}
.login_bg {
    background-image: url("../images/member/pic1.png");
    background-repeat: no-repeat;
    line-height: 50px;
    margin: 0 auto;
    padding-left: 200px;
	position:relative;	
}
.loginout {
	height: 20px;
	width: 595px;
	text-align:right;	
}
.loginout a {
	color:#2192ba;	
}
.loginout a:hover {
	color:#88a226;}


.loginarea{
height: 33px; 
position: absolute;
top: 0px;
right:0px;
color:#363636;
min-width:180px;
z-index:999;
}
.textarea {
    background-color: transparent;
    border: 1px solid #a8a8a8;
    font-size: 13px;
    line-height: 25px;
    min-height: 530px;
    padding: 10px;
    width: 710px;
}

.mmenu{
	width:165px;
	position:absolute;
	left: 19px;
	top: 181px;
}
/*style*/
a.link1{
	color: #5B9D45;
	text-decoration: none;
}
a.link1:hover{
	text-decoration: underline;
}
a.link2{
	color: #616161;
	text-decoration: underline;
}
a.link2:hover{
    color: #5B9D45;
    text-decoration: none;
}
.blue{
	color: #5B9D45;
}
.grey{
	font-size:18px;
	font-weight:bold;
	font-family:"微軟正黑體", sans-serif;
	
}
.font_01{
	color:#F00;
	padding-right: 5px;
}
h2{font-family:"微軟正黑體", sans-serif;}

/*home*/
body.home .main{
	margin-top: 0;
	min-height:1248px;
} 
body.home .content ul.breadcrumb {
    top: 435px;
}
.hb{
	display: none;
	position:absolute;
	z-index:100;
	background-image:url(../images/hb.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:349px;
	height:67px;
	top:229px;
	padding-top:80px;
	padding-left:100px;
}
.hb ul {
    float: left;
    height: 50px;
    width: 240px;
}
.hb ul li {
    float: left;
    list-style: none outside none;
}
.hb ul li a {
    color: #fff;
    display: block;
    font-family: "微軟正黑體",sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #000000;
    width: 80px;
}
.hb ul li a:hover {
    opacity: 0.8;
}
.hb a:hover {
    opacity: 0.8;
}
.ltext{
	width:490px;
	height: 704px;
	float:left;
	margin-top:26px;
	background-color:#FFF;
	border:1px solid #d4d4d4;
	position:relative;
}
.ltext a{
	text-decoration:none;
}
.ltext a:hover{
	opacity:0.8;
}
.ltext .img {
	width:490px;
	height:309px;	
	border-bottom:1px solid #d4d4d4;
}
.s3 {
    height: 40px;
    left: 45%;
    position: absolute;
    top: 272px;
    width: 47px;
    z-index: 5;
}
a .hometitle{
	font-family:"微軟正黑體", sans-serif;
	font-size: 26px;
	text-align:center;
	line-height:35px;
	margin-top:40px;
	margin-bottom:10px;
	color:#000;
}
.line{
	width: 420px;
	height:1px;
	border-bottom:1px solid #5B9D45;
	margin:20px auto 10px;
}

a .htext {
	padding: 10px 35px 20px;
	line-height:30px;
	display:block;
	color:#616161;
}
.more {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position: right 7px;
	width: 440px;
	height: 25px;
	text-align:right;
	padding-right: 15px;
	/* border-top: 1px #d4d4d4 solid; */
	line-height: 25px;
}
.more a{
	color:#666;
	text-decoration:none;
}
.more a:hover{
	text-decoration:underline;}
.rtext{
	width:490px;
	height:705px;
	float:right;
	margin-top:26px;
}
.rtext a{
	text-decoration:none;
}
.rtext a:hover{
	opacity:0.8;
}
.rtext ul li {
    border: 1px solid #d4d4d4;
    height: 200px;
    list-style: none outside none;
    margin-bottom: 5px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background-color: #fff;
}
.rtext ul li a .img{
	width:154px;
	height:97px;
	border:1px solid #d4d4d4;
	float:left;
}
.rtext ul li a .date{
	float: left;
	margin-left: 9px;
	clear:none;
}
.rtext ul li a .twotitle {
    float: right;
    font-family: "微軟正黑體",sans-serif;
    font-size: 19px;
    /* font-weight: bold; */
    width: 285px;
    color:#000;
}
.rtext ul li a .sincew {
    float: right;
    font-family: "微軟正黑體",sans-serif;
    font-size: 13px;
    width: 326px;
	color:#a7a6a6;
	margin-top:5px
}
.rtext ul li a .rword{
	color:#616161;
	/* width:490px; */
	line-height: 24px;
	height:70px;
	margin-top: 10px;
	}

.searchbar {
    border-bottom: 1px solid #c2c2c2;
    height: 80px;
    line-height: 40px;
}
.searchbar form{
	display: inline-block;
}
.searchbar ul.sendclear {
    list-style: outside none none;
    margin-left: 0px;
    margin-top: 0px;
    float:right;
}
.searchbar .blue{
	font-size:20px;
}