.stitle{
	height:20px;
	padding:13px 10px 15px 10px;
	clear:both;
	background-color:#7c7c7c;
	margin-bottom:10px;
	font-size:13px;
	color:#ffffff;
}


/* btn style ----------------------------------------------------*/



.sbtn{
	width:228px;
	padding:12px;
	padding:10px 10px 10px 10px\9\0;
	border: 1px #cccccc solid;
	margin-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 淡陰影 */
	box-shadow: 1px 1px 4px  2px #e5e5e5;
	-moz-box-shadow: 1px 1px 4px  2px #e5e5e5;
	text-align:center;
	cursor:pointer;
    	-moz-border-radius: 2px; 
    	border-radius: 2px; /* IE 6+  */
	-webkit-border-radius: 2px; /* 圓角設定*/
    	color:#1e1e1e;

}


.sbtn:hover{
	width:228px;
	padding:12px;
	padding:10px 10px 10px 10px\9\0;
	border: 1px #cccccc solid;
	margin-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 淡陰影 */
	box-shadow: 1px 1px 4px  2px #e5e5e5;
	-moz-box-shadow: 1px 1px 4px  2px #e5e5e5;
	text-align:center;
	cursor:pointer;
	*background-color:#ffffff;
    	-moz-border-radius: 2px; 
    	border-radius: 2px; /* IE 6+  */
	-webkit-border-radius: 2px; /* 圓角設定*/
    	color:#1e1e1e;
    	color:#324e97;
    	text-decoration:underline;

  

}


.sbtn:active{
	width:228px;
	padding:12px;
	padding:10px 10px 10px 10px\9\0;
	border: 1px #cccccc solid;
	margin-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 淡陰影 */
	box-shadow:inset 1px 1px 4px 2px rgba(0, 0, 0, 0.1);/* 內陰影 */
	text-align:center;
	cursor:pointer;
	-moz-border-radius: 2px; 
    	border-radius: 2px; /* IE 6+  */
	-webkit-border-radius: 2px; /* 圓角設定*/



}





.sbtn2{
	width:228px;
	padding:12px;
	padding:10px 10px 10px 10px\9\0;
	border: 1px #0070be solid;
	margin-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 淡陰影 */
	box-shadow: 1px 1px 4px  2px #e5e5e5;
	-moz-box-shadow: 1px 1px 4px  2px #e5e5e5;
	text-align:center;
	cursor:pointer;
    	-moz-border-radius: 2px; 
    	border-radius: 2px; /* IE 6+  */
	-webkit-border-radius: 2px; /* 圓角設定*/
    	color:#1e1e1e;

}


.sbtn2:hover{
	width:228px;
	padding:12px;
	padding:10px 10px 10px 10px\9\0;
	border: 1px #0070be solid;
	margin-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 淡陰影 */
	box-shadow: 1px 1px 4px  2px #e5e5e5;
	-moz-box-shadow: 1px 1px 4px  2px #e5e5e5;
	text-align:center;
	cursor:pointer;
	*background-color:#ffffff;
    	-moz-border-radius: 2px; 
    	border-radius: 2px; /* IE 6+  */
	-webkit-border-radius: 2px; /* 圓角設定*/
    	color:#1e1e1e;
    	color:#324e97;
    	text-decoration:underline;

  

}


.sbtn2:active{
	width:228px;
	padding:12px;
	padding:10px 10px 10px 10px\9\0;
	border: 1px #0070be solid;
	margin-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 淡陰影 */
	box-shadow:inset 1px 1px 4px 2px rgba(0, 0, 0, 0.1);/* 內陰影 */
	text-align:center;
	cursor:pointer;
	-moz-border-radius: 2px; 
    	border-radius: 2px; /* IE 6+  */
	-webkit-border-radius: 2px; /* 圓角設定*/



}














/* btn style end----------------------------------------------------*/




/* bsbok style end----------------------------------------------------*/




/*
.tophead{
	height:110px;
	clear:both;
	background-color:#00a804;
	background-image:url('img/bg2.png');
	border-bottom:2px #7c7c7c solid;
	padding-top:10px;
	
}


.headbs{
	width:1000px;
	height:100px;
	margin:0 auto;
	clear:both;
	background-image:url('img/headbgbs.png');
	background-repeat:no-repeat;
}



.logobs{
	width:450px;
	height:80px;
	padding:10px 0px;
	float:left;
}


.headr{
	width:540px;
	height:100px;
	background-image:url('img/headrtopbg.png');
	background-repeat:no-repeat;
	float:right;
}



.headrtopbs{
	width:540px;
	height:20px;
	padding:70px 0px 10px 0px;
	clear:both;
	text-align:right;

}


*/



.wrapperbs{
	width:1004px;
	min-height:100px;
	height:100% !important;
	clear:both;
	margin:10px auto 20px auto;
	border:1px #cccccc solid;
	background-color:#ffffff;

}


.wrapbody{
	width:1000px;
	min-height:100px;
	height:100% !important;
	clear:both;
	margin:0 auto;
	margin:2px;
	background-color:#f6f6f6;

}

.bannerbox{
	width:1000px;
	height:250px;
	clear:both;
	margin-bottom:10px;
}


.bannerboxbs{
	width:1000px;
	height:150px;
	clear:both;
	margin-bottom:10px;
}


.insbnrpic{
	width:1000px;
	height:250px;
	clear:both;
	overflow:hidden;
}


.conl{
	width:230px;
	min-height:100px;
	margin:0px 10px 0px 10px;
	float:left;
}


.bsmubox{
	min-height:100px;
	margin:10px 0px;
}


.conltitle{
	width:220px;
	height:20px;
	padding:5px 10px 35px 10px;
	background-image:url('img/conltitle.png');
	background-repeat:no-repeat;
	clear:both;
	font-size:13px;
	color:#ffffff;
}



.conr{
	width:740px;
	min-height:100px;
	margin-right:10px;
	float:right;
}



.con{
	width:740px;
	min-height:100px;
	clear:both;
	margin-right:10px;
}


.vpic{
	width:30px;
	height:30px;
	position:relative;
	cursor:pointer;
}


.vpic img{
	width:30px;
	height:30px;
	cursor:pointer;
}


.vpic:hover img{
	width:190px;
	height:190px;
	z-index:100;
	position:absolute;
	cursor:pointer;
	right:0;
	bottom:-23px;
}


.vpic2{
	width:30px;
	height:12px;
	position:relative;
	cursor:pointer;
}


.vpic2 img{
	width:30px;
	height:12px;
	cursor:pointer;
}


.vpic2:hover img{
	width:200px;
	height:80px;
	z-index:100;
	position:absolute;
	cursor:pointer;
	right:0;
	bottom:-23px;
}



.vpic3{
	width:30px;
	height:8px;
	position:relative;
	cursor:pointer;
}


.vpic3 img{
	width:30px;
	height:8px;
	cursor:pointer;
}


.vpic3:hover img{
	width:200px;
	height:50px;
	z-index:100;
	position:absolute;
	cursor:pointer;
	right:0;
	bottom:-23px;
}





.vpic4{
	width:16px;
	height:16px;
	position:relative;
	cursor:pointer;
}


.vpic4 img{
	width:16px;
	height:16px;
	cursor:pointer;
}


.vpic4:hover img{
	width:30px;
	height:30px;
	z-index:100;
	position:absolute;
	cursor:pointer;
	right:-5px;
	top:-5px;
}



.vpic5{
	width:57px;
	height:20px;
	position:relative;
	cursor:pointer;
}


.vpic5 img{
	width:57px;
	height:20px;
	cursor:pointer;
}


.vpic5:hover img{
	width:200px;
	height:70px;
	z-index:100;
	position:absolute;
	cursor:pointer;
	right:-5px;
	top:-25px;
}