@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display:none;}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0;}
a { background: transparent;}
a:focus { outline: thin dotted;}
a:active, a:hover { outline: 0;}
h1 { margin: .67em 0; font-size: 2em;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box;}
mark { color: #000; background: #ff0;}
code, kbd, pre, samp {  font-family: monospace, serif; font-size: 1em;}
pre { white-space: pre-wrap;}
q { quotes: "\201C" "\201D" "\2018" "\2019";}
small { font-size: 80%;}
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0;}
legend { padding: 0; border: 0;}
button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%;}
button, input { line-height: normal;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
button[disabled], html input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box;}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0;}
textarea { overflow: auto; vertical-align: top;}
table { border-collapse: collapse; border-spacing: 0;}
@media print {
* { color: #000!important; text-shadow: none!important; background: transparent!important; box-shadow: none!important;}
a, a:visited { text-decoration: underline;}
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")";}
a[href^="javascript:"]:after, a[href^="#"]:after { content: "";}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
thead { display: table-header-group;}
tr, img { page-break-inside: avoid;}
img { max-width: 100%!important;}
@page { margin:2cm .5cm;}
p, h2, h3 { orphans: 3; widows: 3;}
h2, h3 { page-break-after: avoid;}
select { background: #fff!important;}
}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body { font-family: Arial, "微軟正黑體", Helvetica, sans-serif; font-size: 15px; line-height: 1.428571429; color: #666; background-color: #fff;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}
a { color: #033566; text-decoration: none;}
a:hover, a:focus { color: #2a6496; text-decoration: underline;}
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
img { vertical-align: middle;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: #033566;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; 	line-height: 1; color: #999;}
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px;}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65%;}
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px;}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75%;}
h1, .h1 { font-size: 35px;}
h2, .h2 { font-size: 29px;}
h3, .h3 { font-size: 23px;}
h4, .h4 { font-size: 17px;}
h5, .h5 { font-size: 15px;}
h6, .h6 { font-size: 13px;}
p { margin: 0 0 10px;}
small, .small { font-size: 85%;}
cite { font-style: normal;}
ul, ol { margin-top: 0; margin-bottom: 10px;}
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0;}
dl { margin-top: 0; margin-bottom: 20px;}
dt, dd { line-height: 1.428571429;}
dt { font-weight: bold;}
dd { margin-left: 0;}
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999;}
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee;}
blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25;}
blockquote p:last-child { margin-bottom: 0;}
blockquote small, blockquote .small { display: block; line-height: 1.428571429; color: #999;}
blockquote small:before, blockquote .small:before { content: '\2014 \00A0';}
blockquote:before, blockquote:after { content: "";}
address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429;}
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px;}
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;}
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0;}
fieldset { padding: 0; margin: 0; border: 0;}
legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
label { display: inline-block; margin-bottom: 5px; font-weight: bold;}
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal;}
input[type="file"] { display: block;}
select[multiple], select[size] { height: auto;}
select optgroup { font-family: inherit; font-size: inherit; font-style: inherit;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height:auto;}
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle;}


/* GRID */
.container { margin-right: auto; margin-left: auto;}
.container:before, .container:after { display: table; content: " ";}
.container:after { clear: both;}
.row {}
.row:before, .row:after { display: table; content: " ";}
.row:after { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left;}
.col-12 { width: 100%;}
.col-11 { width: 91.66666666666666%;}
.col-10 { width: 83.33333333333334%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666666666666%;}
.col-7 { width: 58.33333333333336%;}
.col-6 { width: 50%;}
.col-5 { width: 41.66666666666667%;}
.col-4 { width: 33.33333333333333%;}
.col-3 { width: 25%;}
.col-2 { width: 16.666666666666664%;}
.col-1 { width:  8.333333333333332%;}

/* BUTTON */
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  -o-user-select: none; user-select: none;}
.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover, .btn:focus { color: #333; text-decoration: none;}
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}
.btn-default { color: #fff; background:url(../images/search_icon.png) no-repeat;height:30px;width:30px;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad;}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none;}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc;}