@charset "utf-8";
@import url("style.css");
@import url("style2.css");

/**
	隱藏連結虛線
 */
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;
	position:relative;
}
header {
	display:block;
}
.main{
	width:594px;
	position: relative;
	background:url(../images/index/right_line.jpg) 0 bottom no-repeat;
	float:right;
	display:inline-block;
	padding:20px 0 0 0;
}

footer{
	clear:both;
	text-align:center;
	height:90px;
	padding-left: 369px;
    width: 645px;
}

 /*右上menu*/
.top_menu{
	float:left;
	display:inline;
	width:255px;
	padding-left:371px;
	height:27px;
	margin-left:342px;
	margin-top:15px;
	background:url(../images/index/top_menu.jpg) 371px 0 no-repeat;
	font-size:12px;
	color:#929292;
	line-height:21px;
	text-align:center;
}
.top_menu a{
	margin-left:4px;
	margin-right:4px;
	font-size:12px;
	color:#929292;
	text-decoration:none;
}
.top_menu a:hover{
	color:#ff7e00;
}
/**
 *	上方選單
 */
/*menu*/
.menu{
	float:left;
	display:inline;
	margin-left:30px;
	margin-top:14px;
	background:url(../images/index/menu_line.jpg) 371px bottom no-repeat;
	height:54px;
	padding-left:371px;
}
/* menu styles */
.jsddm {
	margin: 0;
	padding: 0;
}
.jsddm li {
	float: left;
	height:49px;
	display:inline;
	/*margin: 20px 0px 0px 0px;*/
}
.jsddm .mo1 a{
	background:url(../images/index/mo1.jpg) 0 no-repeat;
	width:101px;
	height:49px;
	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:101px;
	height:49px;
	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:101px;
	height:49px;
	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:101px;
	height:49px;
	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:101px;
	height:49px;
	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: 107px;
	height:49px;
	color:#000000;
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0px 0px 0px;
	font-family:"微軟正黑體","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4";
	white-space: nowrap;
}
.jsddm li a:link,.jsddm li a:visited,.jsddm li a:active {color:#000000; text-decoration:none;}
.jsddm li a:hover {
	color:#ff9227;
	font-size: 22px;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	background:url(../images/layout/bu_bg.png) no-repeat center bottom;
	font-family:"微軟正黑體","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4";
}

.jsddm li ul {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
.jsddm li ul li {
	clear:both;
	text-align:center;
}
/*.jsddm .liched {
	color:#f0f0f0!important;
}*/


/**
	換頁樣式
 */

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
}









/*footer*/
footer .logo_s{
	/*background:url(../images/index/logo_s.jpg) 0 0 no-repeat;*/
	width:146px;
	/*height:44px;*/
	float:left;
	display:inline;
	 margin-left: 18px;
    /*margin-top: 14px;*/
    }
	
footer .logo_s img{
	width:146px;
	/*height:30px;*/
	margin-top: 10px;
}

.footer_p{
	float:left;
	display:inline;
	background:url(../images/index/footer_bf.jpg) 0 0 no-repeat;
	padding-left:16px;
	height:53px;
	width: 458px;
	text-align:left;
	/*padding-top:10px;
	margin-top:14px;*/
	font-size: 12px;
}


/*左側banner*/
.banner{
	position:fixed;
	width:369px;
	height:831px;
	float:left;
	overflow: hidden;
	top:0px;
	*left: 50%;
	*margin-left: -500px;
	z-index: 111;
}
.banner #nav{
	position:absolute;
	margin-top:27px;
	margin-left:32px;
	z-index:99;
}


.banner #nav a{
	float:left;
	text-align:center;
	margin-right:4px;

	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background:#000;
	width:49px;
	height:13px;
	display:block;
	color:#FFF;
	font-size:9px;
	line-height:13px;
}
.banner #nav a:hover{
	color:#FFF;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	background: #E0AE10\9;
}

.banner #nav a.activeSlide{
	color:#FFF;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	background: #E0AE10\9;
}

/*logo**/
 .logo{
	width: 350px;
	height: 108px;
	padding-left: 15px;
	padding-top: 7px;
	z-index: 9999;
	position: fixed;
	top: 50px;
	*left: 50%;
	*margin-left: -500px;
}
.logo h1{
	clear: both;
	display: inline-block;
	background: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22ffffff,endColorstr=#22ffffff);
	}
.logo p{
	font-weight:bold;
	
}
.logo .p1{
	color:#483f35;
	font-size:20px;
	margin-top:13px;
	float:left;
	display:inline;
	margin-left:7px;
	width:343px;
	margin-bottom: 10px;
}
.logo .p2{
	color:#483f35;
	font-size:15px;
	letter-spacing:0.075px;
	white-space: nowrap;
	margin-left: 7px;
	line-height:25px;
}
.logo .p3{
	color:#008FFF;
	font-size:25px;
	letter-spacing:0.04px;
	margin-left:7px;
	line-height:25px;
} 


/*---Locations---*/

div.breadCrumbs {
	overflow: hidden;
	margin-bottom:10px;
	background: url("../images/layout/link_bg.jpg") no-repeat left top;
	width:100%;
	height:148px;
}

div.breadCrumbs div {
	float: left;
	line-height: 30px;
	color: #666666;
}

div.breadCrumbs .path.home {
	/*background-image: url(../images/breadCrumbs_home.png);*/
	margin-left: 2px;
	
}

div.breadCrumbs .home a,
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;	
	color:#2d0512;
}

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;
	position: absolute;
	left:0;
	}

div.breadCrumbs .focus {
	font-weight: bold;
	margin-left: 9px;
	padding-top:16px;
	clear:left;
	}

div.breadCrumbs div a:link,
div.breadCrumbs div a:active,
div.breadCrumbs div a:visited {
	color: #2d0512;
	font-size:30px;
	font-family:"微軟正黑體","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4";
	text-decoration:none;
}

div.breadCrumbs div.path  a:link,
div.breadCrumbs div.path  a:active,
div.breadCrumbs div.path  a:visited {
	color: #2d0512;
	font-size:15px;
	font-family:"微軟正黑體","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4";
	text-decoration:none;
}

div.breadCrumbs div a:hover {
	color: #666666;
	text-decoration: underline;
}

div.breadCrumbs div.en_linkname {
	clear:both;
	padding:5px 10px;
	font-size:15px;
	color:#b9b9b9;
	font-family:"Tahoma","Arial";
	letter-spacing:2px;
}

.top_box{
	padding-left: 380px;
}
.textedit{
	width:auto!important;
}