@charset "UTF-8";
/* CSS Document */

/* This file is used to reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: middle;}
span, b{vertical-align: top;}
body {
  font-family: 'Open Sans', sans-serif, 微軟正黑體;
  font-size: 16px;
  line-height: 20px;
  width:100%;
  background-color:#FFF;
  vertical-align: baseline; width:100%;
  color: #5a5a5a;
}

html {
  line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: 'Open Sans', sans-serif, 微軟正黑體;
	line-height: 22px;
	color:#555;
}

h1 { font-size: 3em;line-height: 1.5em;font-weight:bold;text-shadow: 0 1px 0 #fff;}

h2 {font-size: 2.5em;line-height: 1.4em;}

h3 {font-size: 2.1em;line-height: 1.4em;}

h4 {font-size: 2.2em;line-height: 1.4em;}

h5 {font-size: 1.6em;line-height: 1.45em;}

h6 {font-size: 1.3em;line-height: 1.5em;}

p {line-height: 1.9em;font-size: 1.2em; margin:0;}

p, li, li a {
  font-family: 'Open Sans', sans-serif, 微軟正黑體;
  color: #555;
  list-style: none;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7em;
}



ul li{ list-style:none;}
a{color: #333;text-decoration:none !important;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;transition: all 0.1s linear; text-decoration:none;}
a:hover, a:active{ color:#333; text-decoration: underline;}
.black{ color:#3D3C3F;}
.yellow{color:#BA8C63;}

.form-control {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
    padding: 15px 15px;   
    min-height: 50px;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.form-margin textarea {
    min-height: 120px;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

a.blue-btn, .blue-btn{ 
	letter-spacing:0.1em; 
	font-size:15px; 
	margin:8px 20px; 
	padding: 6px 18px;
 	background: #227bbb; /* Old browsers */
  	background: -moz-linear-gradient(top, rgba(0, 160, 233, 1) 0%, rgba(0, 121, 192, 1) 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 160, 233, 1)), color-stop(100%, rgba(0, 121, 192, 1))); /* Chrome, Safari4+ */
  	background: -webkit-linear-gradient(top, rgba(0, 160, 233, 1) 0%, rgba(0, 121, 192, 1) 100%); /* Chrome10+, Safari5.1+ */
  	background: -o-linear-gradient(top, rgba(0, 160, 233, 1) 0%, rgba(0, 121, 192, 1) 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top, rgba(0, 160, 233, 1) 0%, rgba(0, 121, 192, 1) 100%); /* IE10+ */
  	background: linear-gradient(to bottom, rgba(0, 160, 233, 1) 0%, rgba(0, 121, 192, 1) 100%); /* W3C */
  	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A0E9', endColorstr='#0079C0', GradientType='0' );  IE6-9 */
	border-radius:50px;
  border-color: #0079C0 #004986 #004B77;
  -webkit-box-shadow: 0 1px #00AEFF inset;
     -moz-box-shadow: 0 1px #00AEFF inset;
          box-shadow: 0 1px #00AEFF inset;
}
a.blue-btn:hover, .blue-btn:hover {
  color:#fff;
  background: #004980; /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 119, 208, 1) 0%, rgba(0, 73, 128, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 119, 208, 1)), color-stop(100%, rgba(0, 73, 128, 1))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 119, 208, 1) 0%, rgba(0, 73, 128, 1) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 119, 208, 1) 0%, rgba(0, 73, 128, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 119, 208, 1) 0%, rgba(0, 73, 128, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 119, 208, 1) 0%, rgba(0, 73, 128, 1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077D0', endColorstr='#004980', GradientType=0 ); /* IE6-9 */
  border-color: #004980 #004870 #003B5D;
  -webkit-box-shadow: 0 1px #1794DD inset;
     -moz-box-shadow: 0 1px #1794DD inset;
          box-shadow: 0 1px #1794DD inset;
}
a.blue-white { letter-spacing:0.1em; margin:8px 20px; padding: 6px 18px;
color:#555;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
  border-color: #666 #666 #555;
}
a.blue-white:hover {
  color:#555;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,dbdbdb+100 */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efefef 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efefef 0%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efefef 0%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efefef 0%,#dbdbdb 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
border-color: #666 #666 #555;}

section{ margin:70px auto 70px;}
.div-centered {float: none;margin: 0 auto;}
.btn{ padding-right: 5px; color:#FFF;}
.fixed {position: fixed;}
.block {display: block;}
.inline-block {display: inline-block !important;}
.inline {display: inline;}
.relative { position: relative;}
.absolute {position: absolute;}
.fl{float:left;}
.fr{float:right;}
.al_c{text-align:center!important;}
.al_l{text-align:left!important;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.red{color:#F00;}
.red_d{color:#993333;}
.yellow{color:#FF0!important;}
.blue{color:#227bbb;}
.blue_l{color:#C1FCFF;}
.black{color:#333!important;}
.gray_d{color:#555!important;}
a.blue_l:hover{color:#0CF;}
.white{color:#fff !important;}
.bg_blue_m{background-color: #308cc5;}
.bg_blue_l{ background-color: #EBF5FF;}
.bg_blue{ background-color: #227bbb;}
.bg-blue-d{background-color: #fff;}
.bg_pink{ background-color: #f9e4e4;}
.bg_green{background-color:#e2fdd5;}
.bg_red_d{background-color: #993333;}
.bg_gray_d{background-color: #555;}
.bg_gray_m{background-color: #999;}
.bg-yellow{background-color: #ffba13;}
.border_b{ border-bottom:3px #ccc dashed;}
.bg-paper{ background:url(../images/fabric_plaid.png) repeat; }
.v_al_t{ vertical-align:top;}
.m0{margin:0;}