html, body { height:100%;}
html { margin:0; padding:0; border:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased;}
body { margin:0; padding:0; font-family:"Roboto Condensed", "微軟正黑體", Microsoft JhengHei, "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", 新細明體 ,san-serif; font-size:15px; line-height:22px; color:#666; width:100%; background:url('../img/bg.png') no-repeat center top;}
a, a:hover, a:active, a:link, a:focus { cursor:pointer;}
a img { border:none;}
img { width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
/*:focus { outline:none;}*/
table { border-collapse:collapse; border-spacing: 0;}
th, td { text-align:left; vertical-align:top;}
ol, ul { list-style:none;}
sub, sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline;}
sub { /*vertical-align: sub;*/ bottom:-0.25em;}
sup { /*vertical-align: super;*/ top:-0.5em;}
div.clear, span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0;}
strong { font-weight:bold;}
em { font-style:italic}

/* --------------------Clearfix--------------------*/
.clearfix:before,
.clearfix:after { content:" "; display:table;}
.clearfix:after { clear:both;}
.clearfix { *zoom:1;}

/* --------------------common--------------------*/
a { color: #333; text-decoration: none;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color .3s linear;}
a:focus { text-decoration: none;}
a:hover { color:#888; text-decoration:none;}

p { margin:0 0 10px; line-height:26px;}
p a { color:#333; text-decoration: none; border-bottom:1px solid #138331; padding-bottom:1px;}
p a:focus { text-decoration:none;}
p a:hover { color:#888; text-decoration:none; border-bottom:1px solid #888;}

h1 { margin:5px 0 15px; font-size:26px; line-height:32px; font-weight:normal; display:block; color:#ed1a3b;}
h2 { margin:0 0 6px; font-size:22px; line-height:30px; font-weight:300; display:block; color:#333;}
h3 { margin:0 0 10px; font-size:18px; line-height:22px; font-weight:normal; display:block; color:#ed1a3b;}
hr { margin:10px 0; border:0; border-top:1px solid #DDD; border-bottom:1px solid #ffffff; clear:both}

.droidSerif { font-family:'Droid Serif', serif;}
.italic { font-style:italic;}
.fontSize13px { font-size:13px;}
.fontSize14px { font-size:14px;}

.red { color:#ed1a3b;}
.pstn-abslt { position:absolute;}
.mrgn-L { margin-left:20px !important;}
.mrgn-R { margin-right:10px !important;}
.mrgn-btm { margin-bottom:15px !important;}
.mrgn-top { margin-top:15px !important;}
.dspl-blck { display:inline-block;}
.fLeft { float:left;}
.fRight { float:right;}
.txt-ctr { text-align:center;}
.txt-lft { text-align:left;}
.txt-rgt { text-align:right;}


/* --------------------CSS button--------------------*/
.btn { padding:0; margin:0px; border:none; -webkit-font-smoothing:antialiased; /*width:150px;*/ text-align:center; line-height:26px; font-size:14px}
.btn.light a { display:block; text-decoration:none; color:#fff; padding:0 16px; margin:0 0 0 10px; border: 1px solid #DDD; color:#666;
background: #f5f5f5 url('../img/overlay.png') repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-shadow:1px 1px 1px #CCC;
float:right; -webkit-box-shadow: #eee 1px 1px 1px; -moz-box-shadow: #eee 1px 1px 1px; box-shadow: #eee 1px 1px 1px;}
.btn.light a:hover { background: #FFF url('../img/overlay.png') repeat-x; text-decoration:none; border: 1px solid #DDD; color:#0066cc;}
.btn.light a.selected { background: #01afc8 url('../img/overlay.png') repeat-x; text-shadow:0px -1px 1px #2287c7; color:#FFF;} 

.btn.brown a { display:block; text-decoration:none; color:#fff; padding:0 20px; margin:0 10px 0 0; border:1px solid #ed1a3b; background:#ed1a3b url('../img/overlay.png') repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-shadow:1px 1px 1px #ed1a3b;}
.btn.brown a:hover { background:#cd112e url('../img/overlay.png') repeat-x; text-decoration:none; border: 1px solid #cd112e; color:#FFF;}
.btn.grey a { display:block; text-decoration:none; color:#fff; padding:0 20px; margin:0 auto; border:1px solid #a5a5a5; background:#888 url('../img/overlay.png') repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-shadow:1px 1px 1px #333;}
.btn.grey a:hover { background:#666 url('../img/overlay.png') repeat-x; text-decoration:none; border: 1px solid #a5a5a5; color:#FFF;}