

/**
	隱藏連結虛線
 */
a{hidefocus:expression(this.onFocus=this.blur());outline:none;}


/**
 *	共用佈局
 */
.clear{
	clear:both;
}

.hide{
	display:none;
}

.float_left {
	float:left;
}
.fontsize0{
	font-size:0px;
}

/**
 *	滑鼠移入/移出效果
 */
.mouseover {
	cursor : pointer ;
	/*background-color:#d5f8fb;
	color:#21959e;*/
}
.mouseout {
	cursor : auto ;
}


/**
	主架構設定
 */
.layout{
	width:1000px;
	margin:0 auto;
	behavior: url(js/css3/PIE1.0/PIE.htc);
}
header {
	height:499px;
	background:url(../images/index/header_bf.jpg) 0 0 no-repeat;
	width:1000px;
	
}
.main{
	width:908px;
	margin:0 auto;
	margin-top:9px;
	margin-bottom:20px;
}
footer{
	clear:both;
	height:67px;
	width:903px;
	border-top:1px solid #d2d2d2;
	margin:0 auto;
}


/*右上menu*/
.topmenu{
	float:left;
	display:inline;
}
.top_menu{
	float:right;
	/*width:230px;*/
	height:12px;
	/*margin-left:370px;*/
	margin-top:15px;
	font-size:11px;
	color:#fff;
	line-height:12px;
	padding-right: 17px;
}
.top_menu a{
	margin-right:14px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
.top_menu a:hover{
	color:#ff0;
}
/*menu*/
.menu{
	margin-left:42px;
	margin-top:53px;
	height:53px;
	width:568px;
}
/**
 *	上方選單
 */
/* menu styles */
.jsddm {
	margin: 0;
	padding: 0;
}
.jsddm li {
	float: left;
	height:49px;
	width:90px;
	background:url(../images/index/menu_line.jpg) left 0 no-repeat;
	display:inline;
	padding: 0px 11px 0px 11px;
}
.jsddm li.noline{
	float: left;
	height:49px;
	width:90px;
	background:url(../images/index/menu_line.jpg) left 0 no-repeat;
	display:inline;
	padding-left:22px;
}

li.mo1{
	background:none;
}
.jsddm .mo1 a{
	background:url(../images/index/mo1.jpg) 0 no-repeat;
	width:69px;
	height:17px;
	text-indent:-9998px;
	display:block;
}
.jsddm .mo1 a:hover{
	background:url(../images/index/mo1_on.jpg) 0 no-repeat;
}
.jsddm .mo2 a{
	background:url(../images/index/mo2.jpg) 0 no-repeat;
	width:69px;
	height:17px;
	text-indent:-9998px;
	display:block;
}
.jsddm .mo2 a:hover{
	background:url(../images/index/mo2_on.jpg) 0 no-repeat;
}
.jsddm .mo3 a{
	background:url(../images/index/mo3.jpg) 0 no-repeat;
	width:69px;
	height:17px;
	text-indent:-9998px;
	display:block;
}
.jsddm .mo3 a:hover{
	background:url(../images/index/mo3_on.jpg) 0 no-repeat;
}
.jsddm .mo4 a{
	background:url(../images/index/mo4.jpg) 0 no-repeat;
	width:69px;
	height:17px;
	text-indent:-9998px;
	display:block;
}
.jsddm .mo4 a:hover{
	background:url(../images/index/mo4_on.jpg) 0 no-repeat;
}
.jsddm .mo5 a{
	background:url(../images/index/mo5.jpg) 0 no-repeat;
	width:69px;
	height:17px;
	text-indent:-9998px;
	display:block;
}
.jsddm .mo5 a:hover{
	background:url(../images/index/mo5_on.jpg) 0 no-repeat;
}
.jsddm li a {
	text-align:center;
	display: block;
	padding: 0px 5px 0px 5px;
	/*text-indent:-9999px;*/
	width: 75px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 17px;
}
.jsddm li a:link,.jsddm li a:visited,.jsddm li a:active {color:#FFFFFF; text-decoration:none;}
.jsddm li a:hover {
	color:#FF0;
}


.jsddm li ul {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
.jsddm li ul li {
	clear:both;
	text-align:center;
}
/*
.jsddm .liched {
	color:#F5BB40!important;
}
*/

.top_box{
	float: left;
	width: 650px;
}

/*logo*/
.logo{
	/*background:url(../images/index/logo.jpg) 0 0 no-repeat;*/
	width:330px;
	height:98px;
	/*text-indent:-9998px;*/
	float:left;
	display:inline;
	margin-top:5px;
	margin-left:44px;
}
.logo .logo_img{
	padding: 7px 0px 0px 0px;
	float: left;
    width: 195px;
	height: 90px;
}
.p_all{
	width: 956px;
	float: left;
}

.logo .p1{
	color:#FFF;
    float: left;
    font-size: 17px;
    font-weight: bold;
    }
.logo .p2{
	color:#FFF;
    float: left;
    font-size: 15px;
    padding: 0 0px 0px 15px;
	font-weight: bold;
}
.logo .p3{
	color: #FFFFFF;
    float: left;
    font-size: 25px;
    padding: 0 0 0 15px;
	font-weight: bold;
	margin-top: -6px;
	*margin-top: -10px;
}

/*---Locations---*/


div.breadCrumbs {
	width:100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 20px;
}

div.breadCrumbs div {
	line-height: 28px;
	color: #666666;
}

.Lmain_title{
	float:left;
}

.Rmain_title{
	float:right;
}

div.breadCrumbs .path.home {
	/*background-image: url(../images/breadCrumbs_home.png);*/
	margin-left: 2px;
	
}
div.breadCrumbs .path  a:link,
div.breadCrumbs .path  a:active,
div.breadCrumbs .path  a:visited{
	text-decoration: none;
	font-size: 11px;
	color: #a9a9a9;
	text-decoration:underline;
	font-weight:bold;
}

div.breadCrumbs .home a:link,
div.breadCrumbs .home a:active,
div.breadCrumbs .home a:visited {
	background-image: url(../images/layout/home.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 17px;	
	text-decoration:none;
	font-size:11px;
	color:#a9a9a9;
}

div.breadCrumbs .home a:hover {
	
}

div.breadCrumbs .path {
	background-image: url(../images/layout/breadCrumbs_icon.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 9px;
	padding-right: 12px;
	float:left;
}

div.breadCrumbs .focus {
	margin-left: 9px;
	float:left;
}

.focus a:link,.focus a:visited,.focus a:active{
	text-decoration:none;
	font-size:11px;
	color:#a9a9a9;
}

.focus02 a:link,.focus02 a:visited,.focus02 a:active{
	text-decoration:none;
	font-size:24px;
	font-family:"微軟正黑體","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4";
	color:#000000;
	font-weight:bold;
	letter-spacing:3px;
}

.focus02 a:hover{
	color:#000;
}


/**
	換頁樣式
 */

DIV.msdn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center;vertical-align:middle;
}
DIV.msdn A {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}



/*左側banner*/
.banner{
	position:relative;
	width:893px;
	height:294px;
	clear:both;
	margin-left:53px;
}
.bannerpage{
	margin-top:37px;
	position:absolute;
	z-index:99;
	width:893px;
	height:294px;
}
.bannerpage ul{
	margin:0;
	padding:0;
	
}
.bannerpage li{
	float:left;
	display:inline;
	margin-left:40px;
	border:5px solid #fff;
	width:174px;
	height:245px;
	padding-top:39px;
	padding-left:9px;
	
}
.bannerpage li li{
	margin-left:0;
	border:0;
	width: 170px;
	height:auto;
	padding-top:10px;
	padding-left:0;
}

.bannerpage li li a{
	text-shadow: 1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 1px #FFFFFF, 0 1px 1px #FFFFFF, 0 -1px 1px #FFFFFF, -1px 0 3px #FFFFFF;
	font-size:11px;
	color:#191c1f;
	/*filter：shadow（Color=顏色值,Direction=數值,Strength=數值）
filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,strength=80, direction=45);*/
background: none repeat scroll 0 0 #FFFFFF\9;

}
.shadow { 
	/*zoom:1; 
	position:relative;  
	left:-2px;top:-2px;
	filter:
		progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=5)
		progid:DXImageTransform.Microsoft.blur(pixelradius=0, enabled='true') 
    ;
	
	text-shadow:0px 0px 5px #FFFFFF\9;
    behavior:url(/templates/y41/js/css3/ie-css3.htc);*/
}
.bannerpage li ul{
/*margin-top: -30px\9;*/
	
}

li.h2img1{
	margin-left:0;
}
.h2img1{
	background:url(../images/index/photo01.jpg) 0 0 no-repeat;
}
.h2img1 h2{
	background:url(../images/index/photo_title1.png) 0 0 no-repeat;
	width:148px;
	height:37px;
	text-indent:-9998px;
}
.h2img2{
	background:url(../images/index/photo02.jpg) 0 0 no-repeat;
}
.h2img2 h2{
	background:url(../images/index/photo_title2.png) 0 0 no-repeat;
	width:148px;
	height:37px;
	text-indent:-9998px;
}
.h2img3{
	background:url(../images/index/photo03.jpg) 0 0 no-repeat;
}
.h2img3 h2{
	background:url(../images/index/photo_title3.png) 0 0 no-repeat;
	width:148px;
	height:37px;
	text-indent:-9998px;
}
.h2img4{
	background:url(../images/index/photo04.jpg) 0 0 no-repeat;
}
.h2img4 h2{
	background:url(../images/index/photo_title4.png) 0 0 no-repeat;
	width:148px;
	height:37px;
	text-indent:-9998px;
}


/*footer*/
footer .logo_s{
	/*background:url(../images/index/logo_s.jpg) 0 0 no-repeat;*/
	width:160px;
	height:34px;
	float:left;
	display:inline;
	margin-left:17px;
	margin-top:5px;
}
footer .logo_s img{
	width:160px;
}

.footer_p{
	color: #6B6B6B;
    display: inline;
    float: left;
    font-size: 12px;
    height: 53px;
    margin-left: 225px;
    /*margin-top: 10px;*/
    text-align: left;
    width: 500px;
	
}


/*left*/

#wrapperL {
    float: left;
    width: 202px;
	min-height: 798px;
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	behavior: url(templates/y01/js/css3/PIE1.0/PIE.htc);
}

.main_right {
    float: right;
    width: 688px;
}