@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 共用設定 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear { clear:both;} /* 清除浮動繼承 */
.clearfloat { clear:both; height:0; line-height:0; font-size:0;} /* 清除浮動繼承;這個類別可放置在 <br/> 或空白的 Div 上，如：<br class="clearfloat" /> or <div class="clearfloat"></div> */
.left { float:left;} /* 浮動置左 */
.right { float:right;} /* 浮動置右 */
.center { margin:0 auto; text-align:center;} /*置中*/
.IB{ display:inline-block;}
.block { display:block;}
.hide{ display:none;}

/*分隔線樣式*/
.hr {height:0; font-size:0; line-height:0; margin:5px auto;} /*利用空白div來做分隔線，如：<br class="clearfloat" /> or <div class="clearfloat"></div> */
.solid {border-bottom: solid 1px #ccc;} /*分隔線-實線*/
.dashed {border-bottom: dashed 1px;} /*分隔線-虛線*/
.dotted {border-bottom: dotted 1px;} /*分隔線-圓點*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 圓角&陰影 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.rel { position:relative; zoom:1;/*IE6*/}/*加在 shadow & radius的上個div */
	
/*圓角樣式*/
.radius{
	position:relative;
	-moz-border-radius:5px; /*Firefox*/
	-webkit-border-radius:5px; /*非IE6的其它值的大小可改变角弧度的大小*/ /*Safari and Chrome*/
	border-radius:5px; /*IE6+，值的大小可改变角弧度的大小*/
	behavior:url(ie-css3.htc); /* This lets IE know to call the script */
/*
問題與解決辦法
可能在使用z-index屬性的時候遇到不正常顯示的問題，
尤其是將一個套用了IE-CSS3的元素放在另一個之內的時候，
以下有兩個方法解決：
．將內部的元素z-index值設定的比外圍的大。
．將內部的元素套用position屬性。ex:position:relative; 或position:absolute;
*/
}

/*陰影樣式*/
.shadow {
	position:relative;
	-moz-box-shadow:#ccc 0px 1px 2px; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-webkit-box-shadow:#ccc 0px 1px 2px; /* Safari and Chrome */
	box-shadow:#ccc 0px 1px 2px; /* Firefox */
	behavior:url(ie-css3.htc); /* This lets IE know to call the script */
	border:#eee 1px solid;
}
.shadow2 {
	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE6*/
	background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);  /*非IE6的其它*/
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8)); /*非IE6的其它*/
}

/*半透明背景樣式*/
.translucent{background-color:#ffffff; background-color:rgba(0,0,0,0.1); filter:alpha(opacity=40); *background:#ffffff; *filter:alpha(opacity=40);}
:root .rgba{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#44333333', EndColorStr='#22333333');}
.rgba{background:rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66333333', EndColorStr='#66333333');}

/*JS-滑鼠移入移出效果*/
.mouseover {cursor:pointer; /* background-color:#d5f8fb; color:#21959e; */}
.mouseout {cursor:auto;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 特定樣式 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*頁碼樣式*/
.msdn {padding:0px 0px; line-height:26px; color:#666; text-align:center; font-size:11px; position: relative; z-index: 1;}
.msdn a, .msdn a:link, .msdn a:visited { margin:0px 2px; padding:3px 10px; color:#999; text-decoration:none; border:#ddd 1px solid;}
.msdn A:hover { color:#666; border:#aaa 1px solid; background:#eee;}
.msdn A:active { color: #0066a7; background:#d2eaf6;}
.msdn span.current { margin:0px 3px; padding:5px 6px 4px 5px; font-weight:bold; color:#666;}
.msdn span.disabled { display:none;}

.btn-danger {
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	cursor: pointer;
}