@charset "utf-8";
/* 基本定義 */
body,div,dl,dt,dd,ul,ol,li,h6,h5,h4,h3,h2,h1,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h6,h5,h4,h3,h2,h1{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table {font-size:inherit;font:100%;}
body{text-align:center;}
img { -ms-interpolation-mode: bicubic; /* Internet Explorer 7.0+ */ } 
a, a:link, a:visited, a:active, a:hover {text-decoration: none; cursor:pointer;}
.clear{ clear:both;}
/* 參考樣板， 瀏覽器分類(css hack) */
/* 順序為FF IE8(後面加\9) IE7(前面加*) IE6(前面加_) 專用，順序不能改變 */
.hack {
	background:orange;
	background:red \9;
	*background:green;
	_background:blue; 
}                 
@media all and (min-width:0px){
/* Opera、Safari 、Chrome專用 */
.hack {
	background:orange;
}
}
/* 反白顏色(FF需另外定義'::-moz-selection') */
::selection {background: #3b1614; color:#fff;}
::-moz-selection {background: #3b1614; color:#fff;}

/* 中文字 */
.samplechinesetext{font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;}

/* 預設輸入文字, IE需另外加jQuery修復程式 */
.inputplaceholder::-webkit-input-placeholder { color: black;}
.inputplaceholder:-moz-placeholder { color: black;}
.inputplaceholder:-ms-input-placeholder { color: black;}​

/* 圓角 */
.sampleroundborder{
	/* 全套 比較完整 */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	/* 全套 */
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	/*依序為：左上角、右上角、右下角、左下角*/
	-webkit-border-radius:15px 0px 15px 0px;
	-moz-border-radius:15px 0px 15px 0px;
	border-radius: 15px 0px 15px 0px;
}
/* 陰影 box-shadow: x y blur spread color inset */
.sampleshadow{
	-moz-box-shadow: 	2px 2px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
	box-shadow: 		2px 2px 2px rgba(0,0,0,.4);
}
/* div透明 */
.sampleopacity {
	filter:alpha(opacity=50);       /* IE */
	-moz-opacity:0.5;              /* Moz + FF */
	opacity: 0.5;           /* 其他 */
}
/* 背景透明 */
.sampleBGopacity {
	background-color:rgba(255, 0, 0, 0.6); /* 不透明度 60% 紅色*/
}
/* CSS3漸變 */
.sampletrans{
	transition: background-color .5s;
	-moz-transition: background-color .5s;	/* Firefox 4 */
	-webkit-transition: background-color .5s;	/* Safari 和 Chrome */
	-o-transition: background-color .5s;	/* Opera */
}
/* 漸層 http://www.colorzilla.com/gradient-editor/ */