/*
 Project:
 vision: V1.0.0
 Program:

 Creat Date:
 Release Date:
 Aauthor: MKTsai
 E-mail: mktsai@sweea.com

 history:

 Copyright (c) 2013 Sweea.com All rights reserved.
 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* reset css start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,textarea{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
	outline: 0;
}
/* reset css end*/

/*General*/
html {
	height:100%;
}
body {
	font: 10pt Verdana,"微軟正黑體","Microsoft JhengHei",'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	color:#333;
	height:100%;
}
img {
	border: 0;
	vertical-align: middle;
}
b,strong,caption,th,thead,dt,legend {
	font-weight:bold;
}
a {
	color:#2366ff;
	text-decoration: none;
}
a:hover{
	color:#2b7cdf;
}
input,textarea{
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	margin-top:0;
	margin-bottom:0;
}
h1{
	font-size:18pt;
}
h2{
	font-size:16pt;
}
h3{
	font-size:14pt;
}
h4{
	font-size:12pt;
}
h5,h6{
	font-size:10pt;
}


fieldset{
	padding:10px;
	margin:2px;
}
legend{
	
}
input,textarea{
	border:1px solid #aaa;
	text-shadow: 1px 1px 1px #fff;
}
input:hover,textarea:hover{
	border:#da4500 solid 1px;
}
input:active,textarea:active{
	border:#c9a42a solid 1px;
}
input:focus,textarea:focus{
	
}
button{
	background-image: -webkit-linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
	color: #444;
	font: inherit;
	margin: 0 1px 0 0;
	padding:3px 10px;
	cursor:pointer;
}
button:hover{
	border: 1px solid rgba(0, 0, 0, 0.5);
	color: #000;
}
button:active{
	background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
	background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
	box-shadow: inset 0 1px 1px rgba(33, 33, 33, 0.75);
}
button.green{
	background-image: linear-gradient(#3cb05e, #3cb05e 38%, #3cb05e);
	background-image: -webkit-linear-gradient(#3cb05e, #3cb05e 38%, #3cb05e);
	background:#3cb05e;
	color: #fff;
}

button.green:active{
	
	background-image: linear-gradient(#2d9143, #2d9143 38%, #2d9143);
	background-image: -webkit-linear-gradient(#2d9143, #2d9143 38%, #2d9143);
	background:#2d9143;
}
button.red{
	background-image: linear-gradient(#c51700, #c51700 38%, #c51700);
	background-image: -webkit-linear-gradient(#c51700, #c51700 38%, #c51700);
	background:#c51700;
	color: #fff;
}
button.red:active{
	background-image: linear-gradient(#9b0106, #9b0106 38%, #9b0106);
	background-image: -webkit-linear-gradient(#9b0106, #9b0106 38%, #9b0106);
	background:#9b0106;
}
button.blue{
	background-image: linear-gradient(#005bb5, #005bb5 38%, #005bb5);
	background-image: -webkit-linear-gradient(#005bb5, #005bb5 38%, #005bb5);
	background:#005bb5;
	color: #fff;
}
button.blue:active{
	background-image: linear-gradient(#04398d, #04398d 38%, #04398d);
	background-image: -webkit-linear-gradient(#04398d, #04398d 38%, #04398d);
	background:#04398d;
}
button.green:hover,button.red:hover,button.blue:hover{
	border: 1px solid rgba(0, 0, 0, 0.9);
}
label{
	padding-right:5px;
}
label.required:before {
	content:"*";
	color:red;
}
.red{
	color: red;
}
.orange{
	color: #f98239;
}
.green{
	color: green;
}
.blue{
	color: blue;
}
.note{
	color: #777;
}
.darkgray{
	color: #666;
}
.darkbg{
	background-color: #ddd;
}
.font10px{
	font-size: 10px;
}
.font12px{
	font-size: 12px;
}
.font14px{
	font-size: 14px;
}
.font16px{
	font-size: 16px;
}
.font20px{
	font-size: 20px;
}
.bold{
	font-weight: bold;
}
.opacity50{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
.left{
	float: left;
}
.right{
	float: right;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.center{
	text-align: center;
}
.marginCenter{
	margin:0 auto;
}
.block{
	display: block;
}
.clear{
	clear: both;
}
.width15{
	width:15%;
}
.width25{
	width:25%;
}
.width30{
	width:30%;
}
.width33{
	width:33%;
}
.width40{
	width:40%;
}
.width45{
	width:45%;
}
.width46{
	width:46%;
}
.width47{
	width:47%;
}
.width50{
	width:50%;
}
.width60{
	width:60%;
}
.width75{
	width:75%;
}
.width80{
	width:80%;
}
.width98{
	width:98%;
}
.width100{
	width:100%;
}

.clearfix:after {
    clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;zoom: 1;}
/* End hide from IE-mac */
/*blocks*/

/*基本*/
div.wrapper{
	margin:0 auto;
	width: 970px;
	position:relative;
}
fieldset{
	border:1px solid #ddd;
}
legend{
	color:#333;
	font-weight:800; 
	background:#fff;
	font-size:16pt;
}
/* a element Buttons
---------------------------------------------------------------------*/

.btn {
	display: inline-block;
	padding: 5px 10px;
	color: #777 !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
	position: relative;
	cursor: pointer;
	border:1px solid #ccc !important;
	background:#fff url("../images/btn-overlay.png") repeat-x !important;
}
.btn:hover, .btn:focus, .btn:active {
	outline:medium none;
	border:1px solid #329ECC !important;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}

.btn-green {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border:1px solid #749217 !important;
	background-color: #6AB620 !important;
}
.btn-green:hover, .btn-green:focus, .btn-green:active {
	-moz-box-shadow:0 0 5px rgba(116, 146, 23, 0.9);
	-webkit-box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
	box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
	border:1px solid #749217 !important;
}

.btn-blue {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border:1px solid #2D69AC !important;
	background-color: #3C6ED1 !important;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	-moz-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);
	-webkit-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);
	box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);
	border:1px solid #2D69AC !important;
}

.btn-red {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border:1px solid #AE2B2B !important;
	background-color: #D22A2A !important;
}
.btn-red:hover, .btn-red:focus, .btn-red:active {
	-moz-box-shadow:0 0 5px rgba(174, 43, 43, 0.9);
	-webkit-box-shadow:0 0 5px rgba(174, 43, 43, 0.9);
	box-shadow: 0 0 5px rgba(174, 43, 43, 0.9);
	border:1px solid #AE2B2B !important;
}