@charset "UTF-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif, Microsoft JhengHei;
	color:#999;
}

ul { margin:0; padding:0;}
li { list-style:none; }
a:link,  a:visited { color:#999; }
a:hover, a:active  { color:#999; }

/* COLOR */
.color-red       { color:#ff5f5f; }
.color-navy   	 { color:#003fcf; }
.color-green   	 { color:#4da03d; }
.color-white     { color:#FFFFFF; }
.color-black     { color:#000000; }

.color-red     a { color:#ff5f5f; }
.color-navy    a { color:#003fcf; }
.color-green   a { color:#4da03d; }
.color-white   a { color:#FFFFFF; }

.color-red     a:link, .color-red    a:visited { color:#ff5f5f; } 
.color-navy    a:link, .color-navy   a:visited { color:#003fcf; }
.color-green   a:link, .color-green  a:visited { color:#4da03d; }
.color-white   a:link, .color-white  a:visited { color:#FFFFFF; }
 
.color-pink         { background-color:#f2a0c8; }
.color-orange       { background-color:#f5a52f; }
.color-tiffany-blue { background-color:#5ebeb6; }
.color-blue         { background-color:#4fc3de; }
.color-blue-light   { background-color:#bde0f4; }
.color-purple       { background-color:#9390c7; }
.color-light-yellow { background-color:#ffe7a1; }
 
.bar-orange { background-color:#f6871e; }
.bar-blue   { background-color:#86c7ed; }
 
.border-orange { border:3px solid #fb927f; margin:8px; padding:0px; }

.bg-white        { background-color:#FFFFFF; }
.bg-blue-light   { background-color:#bde0f4; }
.bg-blue-purple  { background-color:#4d67be; }
.bg-tiffany-blue { background-color:#8bd4c9; }  

/* TABLE */
.wrapper-table      { display:table; width:100%; height:100%; }
.wrapper-table-cell { display:table-cell; vertical-align:middle; }

.width-100        { width:100%; }

.radius-form      { border-radius:20px; overflow:hidden; }
.form-height      { height:50px; }