html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.row {
margin-left: -15px;
margin-right: -15px;
clear: both;
zoom: 1
}
.row:before,
.row:after {
content: "";
display: table
}
.row:after {
clear: both
}
.row>div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.container {
position: relative;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
clear: both;
zoom: 1
}
.container:before,
.container:after {
content: "";
display: table
}
.container:after {
clear: both
}
.container {
max-width: 1200px
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
clear: both;
zoom: 1
}
.container-fluid:before,
.container-fluid:after {
content: "";
display: table
}
.container-fluid:after {
clear: both
}
.row {
margin-left: -15px;
margin-right: -15px;
clear: both;
zoom: 1
}
.row:before,
.row:after {
content: "";
display: table
}
.row:after {
clear: both
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0%
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0%
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0%
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1000px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0%
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
.breadcrumb ul li:before {
content: " / ";
display: inline-block;
padding: 0px 4px;
margin: 0px 5px 0px 5px;
color: #CCC
}
html {
font-size: 100%;
line-height: 1em
}
.vertical_rhythm {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(187, 187, 187, 0.4)), color-stop(5%, rgba(187, 187, 187, 0)));
background-image: -moz-linear-gradient(bottom, rgba(187, 187, 187, 0.4) 5%, rgba(187, 187, 187, 0) 5%);
background-image: -webkit-linear-gradient(bottom, rgba(187, 187, 187, 0.4) 5%, rgba(187, 187, 187, 0) 5%);
background-image: linear-gradient(to top, rgba(187, 187, 187, 0.4) 5%, rgba(187, 187, 187, 0) 5%);
-moz-background-size: 100% 2em;
-o-background-size: 100% 2em;
-webkit-background-size: 100% 2em;
background-size: 100% 2em;
background-position: left top
}
.vertical_rhythm img {
float: left;
margin: 0 16px 0 0
}
.cp h1 {
font-size: 2em;
line-height: 1.5em;
margin-top: .5em;
margin-bottom: .5em
}
.cp h2 {
font-size: 1.5em;
line-height: 2em;
margin-top: .5em;
margin-bottom: .6666em
}
.cp h3 {
font-size: 1.5em;
line-height: 2em;
margin-top: .5em;
margin-bottom: .6666em
}
.cp h4 {
font-size: 1.25em;
line-height: 1.6em;
margin-top: .5em;
margin-bottom: 1.6em
}
.cp h5 {
font-size: 1.125em;
line-height: 2.22222em;
margin-top: .5em;
margin-bottom: 1.5em
}
.cp h6 {
font-size: 1em;
line-height: 2em;
margin-top: 0em;
margin-bottom: 0em
}
.cp blockquote {
background: #f2f2f2;
font-style: normal;
display: block;
font-size: 1em;
line-height: 2em;
border-left: 5px solid #0870b6;
padding: 32px;
box-sizing: border-box;
margin-left: .5em;
margin-right: .5em
}
.cp ul,
.cp ol,
.cp article,
.cp p,
.cp dd,
.cp figure {
font-size: 1em;
line-height: 2em;
margin-top: 0em;
margin-bottom: 2em
}
.cp ul {
padding-left: 2em;
list-style: disc
}
.cp ol {
padding-left: 2em;
list-style: decimal
}
.cp img {
max-width: 100%
}
@media (max-width: 767px) {
.cp img {
width: 100%;
overflow: hidden;
*zoom: 1
}
}
body {
font-size: 1em;
font-weight: normal;
color: #333;
line-height: 1.45em;
font-family: Lato, "PingFang TC", "Helvetica Neue", Helvetica, 微軟正黑體, Arial, sans-serif;
-webkit-text-size-adjust: none;
color: #333
}
@media print {
body {
font-size: .75em
}
}
a {
color: #0870b6;
text-decoration: none
}
a:hover,
a:focus {
color: #169bf5;
cursor: pointer
}
.breadcrumb {
background: none;
border-bottom: 1px solid #EEE;
padding: .1em 0em .1em;
font-size: .813em !important;
margin: 0px auto 5px
}
.breadcrumb ul {
padding: 0;
margin: 0
}
.breadcrumb ul li {
display: inline-block;
margin: 0px .1em .1em 0px
}
.breadcrumb ul li:first-child:before {
content: "";
display: inline-block;
color: #666;
margin-left: 0;
padding: 0
}
.breadcrumb a {
color: #333;
text-decoration: none
}
.breadcrumb a:hover,
.breadcrumb a:focus {
color: #169bf5;
cursor: pointer
}
.divider,
.divider-vertical {
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
font-size: .813em;
color: grey;
text-shadow: 0 1px 1px #fff;
cursor: default;
display: block;
overflow: hidden;
*zoom: 1
}
.divider {
display: table;
line-height: 1;
margin: 20px 0
}
.divider:after,
.divider:before {
content: '';
display: table-cell;
position: relative;
top: 50%;
width: 50%;
background-repeat: no-repeat;
background-image: url("../images/basic/divider.jpg")
}
.divider:before {
background-position: right 1em top 50%
}
.divider:after {
background-position: left 1em top 50%
}
.divider-vertical {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: auto;
height: 50%;
line-height: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.divider-vertical:after,
.divider-vertical:before {
content: '';
position: absolute;
left: 50%;
z-index: 3;
width: 0;
height: calc(100% - 1.2rem);
border-left: 1px solid #cfcfcf;
border-right: 1px solid rgba(255, 255, 255, 0.05)
}
.divider-vertical:before {
top: -100%
}
.divider-vertical:after {
bottom: 0
}
.btn_grp {
text-align: center;
padding: .3em 0
}
.btn,
.category a,
.btn-green,
.btn-blue,
.btn-yellow,
.btn-orange,
.btn-red,
.btn-purple,
.btn-primary,
.form_grid .form_content.hasBtn button,
.form_grid .form_content.hasBtn a,
.form_grid .form_content.hasBtn input[type="button"],
.form_grid .form_content_th.hasBtn button,
.form_grid .form_content_th.hasBtn a,
.form_grid .form_content_th.hasBtn input[type="button"],
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.upload_grp .upload_btn {
font-size: 1em;
background-image: none;
display: inline-block;
text-align: center;
vertical-align: middle;
text-decoration: none;
white-space: nowrap;
line-height: normal;
width: auto;
min-width: 4em;
margin: .25em .1em
}
.btn,
.category a {
padding: 0.4em 1.5em;
touch-action: manipulation;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #EEE;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFEEEEEE');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee));
background-image: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
background-image: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
background-image: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
border: 1px solid #eee;
border-bottom: 2px solid #c8c8c8;
color: #333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6);
text-shadow: RGBA(0, 0, 0, 0.3) 0px 0px 0px
}
.btn:hover,
.category a:hover,
.btn:focus,
.category a:focus {
background-color: #e1e1e1;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE1E1E1', endColorstr='#FFE1E1E1');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(100%, #e1e1e1));
background-image: -moz-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #e1e1e1 100%);
background-image: linear-gradient(to bottom, #e1e1e1 0%, #e1e1e1 100%);
border: 1px solid #d5d5d5 !important;
border-bottom: 2px solid #d5d5d5 !important;
cursor: pointer;
color: #FFF
}
.btn:active,
.category a:active {
transform: translateY(3px)
}
.btn.active,
.category a.active {
background: #e1e1e1;
cursor: pointer
}
.btn i,
.category a i {
margin-right: .3em;
margin-left: .3em
}
.btn:hover,
.category a:hover,
.btn:focus,
.category a:focus {
color: #333;
background-color: #e6e6e6;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEAEAEA', endColorstr='#FFEAEAEA');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(100%, #eaeaea));
background-image: -moz-linear-gradient(top, #eaeaea 0%, #eaeaea 100%);
background-image: -webkit-linear-gradient(top, #eaeaea 0%, #eaeaea 100%);
background-image: linear-gradient(to bottom, #eaeaea 0%, #eaeaea 100%);
outline: none
}
.btn-green {
background-color: #5CB85C;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5CB85C', endColorstr='#FF5CB85C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjYjg1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjYjg1YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5cb85c), color-stop(100%, #5cb85c));
background-image: -moz-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%);
border: 1px solid #5cb85c;
border-bottom: 2px solid #3d8b3d;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-green:hover,
.btn-green:focus {
background-color: #4cae4c;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4CAE4C', endColorstr='#FF4CAE4C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYWU0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjYWU0YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4cae4c), color-stop(100%, #4cae4c));
background-image: -moz-linear-gradient(top, #4cae4c 0%, #4cae4c 100%);
background-image: -webkit-linear-gradient(top, #4cae4c 0%, #4cae4c 100%);
background-image: linear-gradient(to bottom, #4cae4c 0%, #4cae4c 100%);
border: 1px solid #449d44 !important;
border-bottom: 2px solid #449d44 !important;
cursor: pointer;
color: #FFF
}
.btn-green:active {
transform: translateY(3px)
}
.btn-green.active {
background: #4cae4c;
cursor: pointer
}
.btn-blue {
background-color: #21BAFF;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF21BAFF', endColorstr='#FF21BAFF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21baff), color-stop(100%, #21baff));
background-image: -moz-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: -webkit-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: linear-gradient(to bottom, #21baff 0%, #21baff 100%);
border: 1px solid #21baff;
border-bottom: 2px solid #0092d4;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-blue:hover,
.btn-blue:focus {
background-color: #08b2ff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF08B2FF', endColorstr='#FF08B2FF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #08b2ff), color-stop(100%, #08b2ff));
background-image: -moz-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: -webkit-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: linear-gradient(to bottom, #08b2ff 0%, #08b2ff 100%);
border: 1px solid #00a3ed !important;
border-bottom: 2px solid #00a3ed !important;
cursor: pointer;
color: #FFF
}
.btn-blue:active {
transform: translateY(3px)
}
.btn-blue.active {
background: #08b2ff;
cursor: pointer
}
.btn-yellow {
background-color: #FCC211;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCC211', endColorstr='#FFFCC211');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYzIxMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjYzIxMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcc211), color-stop(100%, #fcc211));
background-image: -moz-linear-gradient(top, #fcc211 0%, #fcc211 100%);
background-image: -webkit-linear-gradient(top, #fcc211 0%, #fcc211 100%);
background-image: linear-gradient(to bottom, #fcc211 0%, #fcc211 100%);
border: 1px solid #fcc211;
border-bottom: 2px solid #be9002;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-yellow:hover,
.btn-yellow:focus {
background-color: #f0b603;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0B603', endColorstr='#FFF0B603');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjYwMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwYjYwMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0b603), color-stop(100%, #f0b603));
background-image: -moz-linear-gradient(top, #f0b603 0%, #f0b603 100%);
background-image: -webkit-linear-gradient(top, #f0b603 0%, #f0b603 100%);
background-image: linear-gradient(to bottom, #f0b603 0%, #f0b603 100%);
border: 1px solid #d7a303 !important;
border-bottom: 2px solid #d7a303 !important;
cursor: pointer;
color: #FFF
}
.btn-yellow:active {
transform: translateY(3px)
}
.btn-yellow.active {
background: #f0b603;
cursor: pointer
}
.btn-orange {
background-color: #f88629;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF88629', endColorstr='#FFF88629');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ODYyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ODYyOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f88629), color-stop(100%, #f88629));
background-image: -moz-linear-gradient(top, #f88629 0%, #f88629 100%);
background-image: -webkit-linear-gradient(top, #f88629 0%, #f88629 100%);
background-image: linear-gradient(to bottom, #f88629 0%, #f88629 100%);
border: 1px solid #f88629;
border-bottom: 2px solid #cd6007;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-orange:hover,
.btn-orange:focus {
background-color: #f77810;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF77810', endColorstr='#FFF77810');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3NzgxMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3NzgxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f77810), color-stop(100%, #f77810));
background-image: -moz-linear-gradient(top, #f77810 0%, #f77810 100%);
background-image: -webkit-linear-gradient(top, #f77810 0%, #f77810 100%);
background-image: linear-gradient(to bottom, #f77810 0%, #f77810 100%);
border: 1px solid #e66c08 !important;
border-bottom: 2px solid #e66c08 !important;
cursor: pointer;
color: #FFF
}
.btn-orange:active {
transform: translateY(3px)
}
.btn-orange.active {
background: #f77810;
cursor: pointer
}
.btn-red {
background-color: #FF3E4D;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF3E4D', endColorstr='#FFFF3E4D');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmM2U0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmM2U0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3e4d), color-stop(100%, #ff3e4d));
background-image: -moz-linear-gradient(top, #ff3e4d 0%, #ff3e4d 100%);
background-image: -webkit-linear-gradient(top, #ff3e4d 0%, #ff3e4d 100%);
background-image: linear-gradient(to bottom, #ff3e4d 0%, #ff3e4d 100%);
border: 1px solid #ff3e4d;
border-bottom: 2px solid #f10013;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-red:hover,
.btn-red:focus {
background-color: #ff2535;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF2535', endColorstr='#FFFF2535');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMjUzNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMjUzNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff2535), color-stop(100%, #ff2535));
background-image: -moz-linear-gradient(top, #ff2535 0%, #ff2535 100%);
background-image: -webkit-linear-gradient(top, #ff2535 0%, #ff2535 100%);
background-image: linear-gradient(to bottom, #ff2535 0%, #ff2535 100%);
border: 1px solid #ff0b1e !important;
border-bottom: 2px solid #ff0b1e !important;
cursor: pointer;
color: #FFF
}
.btn-red:active {
transform: translateY(3px)
}
.btn-red.active {
background: #ff2535;
cursor: pointer
}
.btn-purple {
background-color: #AA5AC5;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAA5AC5', endColorstr='#FFAA5AC5');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhNWFjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhNWFjNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa5ac5), color-stop(100%, #aa5ac5));
background-image: -moz-linear-gradient(top, #aa5ac5 0%, #aa5ac5 100%);
background-image: -webkit-linear-gradient(top, #aa5ac5 0%, #aa5ac5 100%);
background-image: linear-gradient(to bottom, #aa5ac5 0%, #aa5ac5 100%);
border: 1px solid #aa5ac5;
border-bottom: 2px solid #82379c;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-purple:hover,
.btn-purple:focus {
background-color: #a047be;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA047BE', endColorstr='#FFA047BE');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwNDdiZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EwNDdiZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a047be), color-stop(100%, #a047be));
background-image: -moz-linear-gradient(top, #a047be 0%, #a047be 100%);
background-image: -webkit-linear-gradient(top, #a047be 0%, #a047be 100%);
background-image: linear-gradient(to bottom, #a047be 0%, #a047be 100%);
border: 1px solid #923daf !important;
border-bottom: 2px solid #923daf !important;
cursor: pointer;
color: #FFF
}
.btn-purple:active {
transform: translateY(3px)
}
.btn-purple.active {
background: #a047be;
cursor: pointer
}
.btn-primary {
background-color: #00a3ed;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00A3ED', endColorstr='#FF00A3ED');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTNlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTNlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a3ed), color-stop(100%, #00a3ed));
background-image: -moz-linear-gradient(top, #00a3ed 0%, #00a3ed 100%);
background-image: -webkit-linear-gradient(top, #00a3ed 0%, #00a3ed 100%);
background-image: linear-gradient(to bottom, #00a3ed 0%, #00a3ed 100%);
border: 1px solid #00a3ed;
border-bottom: 2px solid #006fa1;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #0092d4;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0092D4', endColorstr='#FF0092D4');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTJkNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTJkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0092d4), color-stop(100%, #0092d4));
background-image: -moz-linear-gradient(top, #0092d4 0%, #0092d4 100%);
background-image: -webkit-linear-gradient(top, #0092d4 0%, #0092d4 100%);
background-image: linear-gradient(to bottom, #0092d4 0%, #0092d4 100%);
border: 1px solid #0080ba !important;
border-bottom: 2px solid #0080ba !important;
cursor: pointer;
color: #FFF
}
.btn-primary:active {
transform: translateY(3px)
}
.btn-primary.active {
background: #0092d4;
cursor: pointer
}
.btn-xl {
font-size: 1.5em
}
.btn-lg {
font-size: 1.25em
}
.btn-sm {
font-size: .938em
}
.btn-xs {
font-size: .75em
}
hr {
margin: 1em 0px;
display: block;
border: none;
clear: both
}
hr {
border-top: 1px solid #666
}
hr.hr1 {
border-top: 3px double #666
}
hr.hr2 {
border-top: 1px dashed #666
}
hr.hr3 {
border-top: 1px dotted #666
}
hr.hr4 {
background-color: #fff;
border-top: 2px dashed #666
}
hr.hr5 {
background-color: #fff;
border-top: 2px dotted #666
}
hr.hr6 {
border-top: 1px solid #666;
border-bottom: 1px solid #fff
}
hr.hr7 {
border-top: 1px solid #666;
border-bottom: 1px solid #fff
}
[class^="col"] .btn_grp {
padding: 0
}
[class^="col"] .btn_grp .btn,
[class^="col"] .btn_grp .category a,
.category [class^="col"] .btn_grp a {
margin-top: 0
}
@media screen and (max-width: 575px) {
[class^="col"] .btn_grp {
max-width: 100%;
width: 100%
}
[class^="col"] .btn_grp .btn,
[class^="col"] .btn_grp .category a,
.category [class^="col"] .btn_grp a {
max-width: 100%;
width: 100%
}
}
.form_6_6 {
width: auto !important
}
.form_6_6 .btn_grp {
clear: both
}
.form_6_6 .form_grp {
width: 48%;
float: none;
display: inline-block;
vertical-align: top;
max-width: 100em;
border-bottom: none !important
}
.form_6_6 .form_grp .form_title {
width: 100px;
font-weight: bold
}
@media screen and (max-width: 767px) {
.form_6_6 .form_grp .form_title {
width: 100%
}
}
.form_6_6 .form_grp .form_content {
width: calc(100% - 110px);
float: right
}
@media screen and (max-width: 767px) {
.form_6_6 .form_grp .form_content {
width: 100%
}
}
.form_6_6 .form_grp:nth-child(odd):last-child {
width: 100% !important;
float: none
}
.full .container {
max-width: 100% !important
}
.col-6-6 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-6-6 .col {
float: left;
width: 50%
}
}
@media (min-width: 992px) {
.col-6-6 .col {
float: left;
width: 50%
}
}
@media (min-width: 1000px) {
.col-6-6 .col {
float: left;
width: 50%
}
}
.col-4-4-4 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-4-4-4 .col {
float: left;
width: 33.33333%
}
}
@media (min-width: 992px) {
.col-4-4-4 .col {
float: left;
width: 33.33333%
}
}
@media (min-width: 1000px) {
.col-4-4-4 .col {
float: left;
width: 33.33333%
}
}
.col-3-3-3-3 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-3-3-3-3 .col {
float: left;
width: 50%
}
}
@media (min-width: 992px) {
.col-3-3-3-3 .col {
float: left;
width: 25%
}
}
@media (min-width: 1000px) {
.col-3-3-3-3 .col {
float: left;
width: 25%
}
}
.col-8-4 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-8-4 .col {
float: left;
width: 66.66667%
}
}
@media (min-width: 992px) {
.col-8-4 .col {
float: left;
width: 66.66667%
}
}
@media (min-width: 1000px) {
.col-8-4 .col {
float: left;
width: 66.66667%
}
}
.col-8-4 .col:nth-child(odd) {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-8-4 .col:nth-child(odd) {
float: left;
width: 33.33333%
}
}
@media (min-width: 992px) {
.col-8-4 .col:nth-child(odd) {
float: left;
width: 33.33333%
}
}
@media (min-width: 1000px) {
.col-8-4 .col:nth-child(odd) {
float: left;
width: 33.33333%
}
}
.col-4-8 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-4-8 .col {
float: left;
width: 33.33333%
}
}
@media (min-width: 992px) {
.col-4-8 .col {
float: left;
width: 33.33333%
}
}
@media (min-width: 1000px) {
.col-4-8 .col {
float: left;
width: 33.33333%
}
}
.col-4-8 .col:nth-child(odd) {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-4-8 .col:nth-child(odd) {
float: left;
width: 66.66667%
}
}
@media (min-width: 992px) {
.col-4-8 .col:nth-child(odd) {
float: left;
width: 66.66667%
}
}
@media (min-width: 1000px) {
.col-4-8 .col:nth-child(odd) {
float: left;
width: 66.66667%
}
}
.col-5-7 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-5-7 .col {
float: left;
width: 41.66667%
}
}
@media (min-width: 992px) {
.col-5-7 .col {
float: left;
width: 41.66667%
}
}
@media (min-width: 1000px) {
.col-5-7 .col {
float: left;
width: 41.66667%
}
}
.col-5-7 .col:nth-child(odd) {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-5-7 .col:nth-child(odd) {
float: left;
width: 58.33333%
}
}
@media (min-width: 992px) {
.col-5-7 .col:nth-child(odd) {
float: left;
width: 58.33333%
}
}
@media (min-width: 1000px) {
.col-5-7 .col:nth-child(odd) {
float: left;
width: 58.33333%
}
}
.col-2-2-2-2-2-2 .col {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-2-2-2-2-2-2 .col {
float: left;
width: 16.66667%
}
}
@media (min-width: 992px) {
.col-2-2-2-2-2-2 .col {
float: left;
width: 16.66667%
}
}
@media (min-width: 1000px) {
.col-2-2-2-2-2-2 .col {
float: left;
width: 16.66667%
}
}
.cssname .news {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.cssname .news {
float: left;
width: 66.66667%
}
}
@media (min-width: 992px) {
.cssname .news {
float: left;
width: 66.66667%
}
}
@media (min-width: 1000px) {
.cssname .news {
float: left;
width: 66.66667%
}
}
.cssname .video {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.cssname .video {
float: left;
width: 33.33333%
}
}
@media (min-width: 992px) {
.cssname .video {
float: left;
width: 33.33333%
}
}
@media (min-width: 1000px) {
.cssname .video {
float: left;
width: 33.33333%
}
}
.col-3-6-3 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-3-6-3 .col {
float: left;
width: 25%
}
}
@media (min-width: 992px) {
.col-3-6-3 .col {
float: left;
width: 25%
}
}
@media (min-width: 1000px) {
.col-3-6-3 .col {
float: left;
width: 25%
}
}
.col-3-6-3 .col:nth-child(2) {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-3-6-3 .col:nth-child(2) {
float: left;
width: 50%
}
}
@media (min-width: 992px) {
.col-3-6-3 .col:nth-child(2) {
float: left;
width: 50%
}
}
@media (min-width: 1000px) {
.col-3-6-3 .col:nth-child(2) {
float: left;
width: 50%
}
}
.col-5 .col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.col-5 .col {
float: left;
width: 16.66667%
}
}
@media (min-width: 992px) {
.col-5 .col {
float: left;
width: 16.66667%
}
}
@media (min-width: 1000px) {
.col-5 .col {
float: left;
width: 16.66667%
}
}
.col-5 .col:first-child {
margin-left: 0%
}
@media (min-width: 768px) {
.col-5 .col:first-child {
margin-left: 8.33333%
}
}
@media (min-width: 992px) {
.col-5 .col:first-child {
margin-left: 8.33333%
}
}
@media (min-width: 1000px) {
.col-5 .col:first-child {
margin-left: 8.33333%
}
}
[tooltip] {
position: relative
}
[tooltip]::before,
[tooltip]::after {
text-transform: none;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0
}
[tooltip]::before {
content: '';
border: 5px solid transparent;
z-index: 1001
}
[tooltip]::after {
content: attr(tooltip);
text-align: left;
min-width: 8em;
line-height: 1.5em;
max-width: 300px;
font-size: .813em;
text-align: center;
max-height: 5.18288em;
overflow: hidden;
padding: .5em;
border-radius: 4px;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block
}
[tooltip='']::before,
[tooltip='']::after {
display: none !important
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px)
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -0.5em)
}
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px)
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, 0.5em)
}
[tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-0.5em, -50%)
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-0.5em, -50%)
}
[tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(0.5em, -50%)
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(0.5em, -50%)
}
@keyframes tooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0)
}
}
@keyframes tooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%)
}
}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards
}
.tabSet {
max-width: 100%;
margin: 0px auto;
background: #f3f3f3;
overflow: hidden;
overflow: hidden;
*zoom: 1;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 12px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 12px
}
@media screen and (max-width: 767px) {
.tabSet {
max-width: 100%;
width: auto;
height: auto !important
}
}
.tabs {
position: relative
}
@media screen and (max-width: 767px) {
.tabs {
position: relative
}
}
.tabs>.tabItem {
float: left;
font-size: 1em;
margin: 0;
padding: 0;
line-height: 1;
font-weight: normal
}
.tabs>.tabItem.active>a {
background-color: #F77810;
color: #FFF
}
@media screen and (max-width: 767px) {
.tabs>.tabItem {
float: none
}
.tabs>.tabItem>a {
width: 100% !important
}
.tabs>.tabItem.active>a {
border-color: #F77810
}
}
.tabs>.tabItem>a {
display: block;
padding: 16px 0 14px;
text-align: center;
background-color: #DDD;
color: #333;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tabs>.tabItem>a:hover {
color: #FFF;
background: #e66c08
}
.example-2 .tabItem>a:hover {
background: #009a61
}
.example-2 .tabItem.active>a {
background: #009a61
}
.active+.tabContent {
display: block
}
.tabContent {
position: absolute;
top: auto;
left: 0;
right: 0;
clear: both;
padding: 30px 20px;
display: none;
overflow: hidden
}
@media screen and (max-width: 767px) {
.tabContent {
position: static
}
}
.tabContent ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1.6
}
.tabContent li {
margin: 0 0 1.3em 0;
padding: 0;
border-bottom: 1px #999 dashed
}
@media screen and (max-width: 767px) {
.tabContent li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
}
.tabContent li span {
display: inline-block;
margin: 0 0 0 1em;
font-size: .813em;
color: #666
}
.tabContent .more {
text-align: right
}
@media screen and (max-width: 767px) {
.tabContent .more {
text-align: center
}
}
.tabContent .more a {
display: inline-block;
background: #CCC;
color: #FFF;
width: auto;
font-size: .813em;
padding: .5em 2em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-transition: all, .3s, ease-out;
-o-transition: all, .3s, ease-out;
-webkit-transition: all, .3s, ease-out;
transition: all, .3s, ease-out
}
.tabContent .more a:hover,
.tabContent .more a:focus {
background: #b3b3b3
}
table {
width: 100%;
border-collapse: collapse
}
@media screen and (max-width: 575px) {
table {
width: 100%;
position: relative
}
}
table tr {
border-left: 3px solid transparent
}
table tr:hover {
border-left: 3px solid #0870b6
}
table th,
table td {
padding: .25em .5em;
text-align: left;
font-size: .938em
}
table th .btn,
table th .category a,
.category table th a,
table th input[type="button"],
table th input[type="submit"],
table td .btn,
table td .category a,
.category table td a,
table td input[type="button"],
table td input[type="submit"] {
padding: .2em !important
}
table th .btn i,
table th .category a i,
.category table th a i,
table th input[type="button"] i,
table th input[type="submit"] i,
table td .btn i,
table td .category a i,
.category table td a i,
table td input[type="button"] i,
table td input[type="submit"] i {
margin: 0
}
table th .btn:hover,
table th .category a:hover,
.category table th a:hover,
table th .btn:focus,
table th .category a:focus,
.category table th a:focus,
table th input[type="button"]:hover,
table th input[type="button"]:focus,
table th input[type="submit"]:hover,
table th input[type="submit"]:focus,
table td .btn:hover,
table td .category a:hover,
.category table td a:hover,
table td .btn:focus,
table td .category a:focus,
.category table td a:focus,
table td input[type="button"]:hover,
table td input[type="button"]:focus,
table td input[type="submit"]:hover,
table td input[type="submit"]:focus {
border: 1px solid #169bf5;
background: #FFF
}
table th img,
table td img {
width: 80px;
display: block
}
table td {
border: #EDEEF3 1px solid;
word-break: break-all;
border-width: 1px 0;
color: #333
}
table td span {
display: inline-block;
vertical-align: middle;
border-radius: .2em;
text-align: center;
margin-right: .5em
}
table td span.green {
color: #FFF;
margin: 0 .2em 0em;
padding: .3em .5em;
min-width: 5em;
background: #5CB85C
}
table td span.red {
color: #FFF;
margin: 0 .2em .2em;
padding: .3em .5em;
min-width: 5em;
background: #FF3E4D
}
table td span.blue {
color: #FFF;
margin: 0 .2em .2em;
padding: .3em .5em;
min-width: 5em;
background: #21BAFF
}
table td span.orange {
color: #FFF;
margin: 0 .2em .2em;
padding: .3em .5em;
min-width: 5em;
background: #F77810
}
table td a {
word-break: break-all;
color: #0870b6
}
table td a:hover,
table td a:focus {
color: #169bf5
}
table th {
background-color: #F5F5F5;
color: #333;
border: #DEDEDE 1px solid;
border-width: 1px 0;
text-align: left;
white-space: nowrap
}
table th .i_sort {
font-size: .75em;
margin-left: .2em;
opacity: .45
}
table th a {
color: #222
}
table.table_hover tr:hover {
background: #F7F7F7
}
table.table_sprite tr:nth-child(even) {
background: #F7F7F7
}
table tbody th,
table tbody td {
background: transparent;
text-align: left;
white-space: normal
}
table tbody th {
width: 20%
}
.table_list th:last-child {
min-width: 10em
}
@media screen and (max-width: 575px) {
.table_list {
background-color: transparent !important
}
.table_list thead,
.table_list tbody,
.table_list th,
.table_list td,
.table_list tr {
display: block
}
.table_list thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.table_list tr {
border: 1px solid #ccc;
margin-bottom: 10px
}
.table_list th {
display: block;
border: none;
width: 100%
}
.table_list td {
border: none !important;
border-bottom: 1px solid #eee !important;
position: relative;
white-space: normal;
text-align: left;
display: block
}
}
@media screen and (max-width: 575px) and (max-width: 767px) {
.table_list td {
text-align: left !important
}
}
@media screen and (max-width: 575px) {
.table_list td:before {
content: attr(data-title);
position: absolute;
top: 0em;
left: .5em;
width: 100%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
color: #000;
display: none
}
}
@media screen and (max-width: 767px) {
.table_wrapper {
width: 100%;
display: block;
overflow: hidden;
*zoom: 1;
overflow: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0)
}
.table_wrapper table {
width: 100%;
min-width: 545px
}
}
div.tag {
clear: both;
padding: .5em 0;
margin-bottom: .5em
}
div.tag:before {
display: inline-block;
content: "";
width: 16px;
height: 16px;
position: relative;
top: .2em;
background: url(../images/basic/icon_tag.png) no-repeat center center;
background-size: 16px
}
div.tag ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none
}
div.tag ul li {
display: inline-block;
margin: 0 .2em .2em 0
}
div.tag ul li a {
display: block;
font-size: .813em;
color: #222;
border-radius: 4px;
border: 1px solid #DDD;
padding: .2em .5em
}
div.tag ul li a:hover,
div.tag ul li a:focus {
border: 1px solid #169bf5;
background: #169bf5;
color: #FFF
}
select::-ms-expand {
display: none
}
.form_grid {
margin: .5em
}
@media screen and (min-width: 1400px) {
.form_grid {
margin: .5em auto .5em 1em;
min-width: 500px
}
}
@media screen and (max-width: 767px) {
.form_grid {
margin: .2em;
width: 100%;
min-width: 1em
}
}
.form_grid .form_grp {
border-bottom: 1px dashed #EDEEF3;
overflow: hidden;
padding: .2em 0
}
.form_grid .form_grp.col-12 {
clear: both;
width: 100% !important;
display: block
}
.form_grid .form_title_th,
.form_grid .form_content_th {
text-align: center;
font-weight: bold;
border-bottom: 1px solid #DDD;
padding: .2em 0 1.5em;
font-size: .938em;
height: 3em;
line-height: 3em
}
@media screen and (max-width: 767px) {
.form_grid .form_title_th,
.form_grid .form_content_th {
display: none
}
}
.form_grid .form_title,
.form_grid .form_title_th {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 130px;
display: table-cell;
vertical-align: middle;
line-height: 1.35em;
font-weight: bold;
min-height: 2em;
position: relative;
min-height: 1px;
padding-left: 2px;
padding-right: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: .2em;
word-break: break-all
}
.form_grid .form_content,
.form_grid .form_content_th {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 2px;
padding-right: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 140px)
}
.form_grid .form_content p.notice,
.form_grid .form_content_th p.notice {
font-size: .875em;
display: block;
margin: 0;
color: #999;
background: none;
padding: 0;
border: none
}
.form_grid .form_content.hastel input[type="text"]:first-child,
.form_grid .form_content_th.hastel input[type="text"]:first-child {
width: 6em;
min-width: 1em;
margin-right: .5em
}
.form_grid .form_content.hastel input[type="text"]:last-child,
.form_grid .form_content_th.hastel input[type="text"]:last-child {
width: 6em;
min-width: 1em;
margin-left: .5em
}
.form_grid .form_content .form_grp,
.form_grid .form_content_th .form_grp {
border-bottom: none
}
.form_grid .form_content .info,
.form_grid .form_content_th .info {
margin: .3em 0
}
.form_grid .form_content .info span,
.form_grid .form_content_th .info span {
display: inline-block;
margin-right: .3em;
color: #4cae4c
}
.form_grid .form_content .sub_form_content,
.form_grid .form_content_th .sub_form_content {
margin-bottom: .3em
}
.form_grid .form_content .sub_form_content.hasBtn,
.form_grid .form_content_th .sub_form_content.hasBtn {
position: relative
}
.form_grid .form_content .sub_form_content.hasBtn button,
.form_grid .form_content .sub_form_content.hasBtn a,
.form_grid .form_content .sub_form_content.hasBtn input[type="button"],
.form_grid .form_content_th .sub_form_content.hasBtn button,
.form_grid .form_content_th .sub_form_content.hasBtn a,
.form_grid .form_content_th .sub_form_content.hasBtn input[type="button"] {
padding: .5em 1em !important;
right: 0;
top: 0;
font-size: 1em;
margin: 0;
width: 7.5em;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: #FFF;
background: -webkit-linear-gradient(top, #FFF, #EEE);
background: linear-gradient(to bottom, #ffffff, #eeeeee);
border: 1px solid #CCC
}
.form_grid .form_content .sub_form_content.hasBtn button:hover,
.form_grid .form_content .sub_form_content.hasBtn button:focus,
.form_grid .form_content .sub_form_content.hasBtn a:hover,
.form_grid .form_content .sub_form_content.hasBtn a:focus,
.form_grid .form_content .sub_form_content.hasBtn input[type="button"]:hover,
.form_grid .form_content .sub_form_content.hasBtn input[type="button"]:focus,
.form_grid .form_content_th .sub_form_content.hasBtn button:hover,
.form_grid .form_content_th .sub_form_content.hasBtn button:focus,
.form_grid .form_content_th .sub_form_content.hasBtn a:hover,
.form_grid .form_content_th .sub_form_content.hasBtn a:focus,
.form_grid .form_content_th .sub_form_content.hasBtn input[type="button"]:hover,
.form_grid .form_content_th .sub_form_content.hasBtn input[type="button"]:focus {
background: #FFF;
border: 1px solid #169bf5 !important
}
.form_grid .form_content .sub_form_content.hasBtn>input[type="text"],
.form_grid .form_content_th .sub_form_content.hasBtn>input[type="text"] {
width: calc(100% - 8em)
}
.form_grid .form_content.hasIcon,
.form_grid .form_content.hasBtn,
.form_grid .form_content_th.hasIcon,
.form_grid .form_content_th.hasBtn {
padding-right: 4.5em
}
.form_grid .form_content.hasIcon button,
.form_grid .form_content.hasIcon a,
.form_grid .form_content.hasIcon input[type="button"],
.form_grid .form_content.hasBtn button,
.form_grid .form_content.hasBtn a,
.form_grid .form_content.hasBtn input[type="button"],
.form_grid .form_content_th.hasIcon button,
.form_grid .form_content_th.hasIcon a,
.form_grid .form_content_th.hasIcon input[type="button"],
.form_grid .form_content_th.hasBtn button,
.form_grid .form_content_th.hasBtn a,
.form_grid .form_content_th.hasBtn input[type="button"] {
position: absolute;
top: -.22em;
right: .5em;
padding: .5em !important;
min-width: 1em;
width: auto;
background: #FFF;
background: -webkit-linear-gradient(top, #FFF, #EEE);
background: linear-gradient(to bottom, #ffffff, #eeeeee);
border: 1px solid #CCC
}
.form_grid .form_content.hasIcon button:hover,
.form_grid .form_content.hasIcon button:focus,
.form_grid .form_content.hasIcon a:hover,
.form_grid .form_content.hasIcon a:focus,
.form_grid .form_content.hasIcon input[type="button"]:hover,
.form_grid .form_content.hasIcon input[type="button"]:focus,
.form_grid .form_content.hasBtn button:hover,
.form_grid .form_content.hasBtn button:focus,
.form_grid .form_content.hasBtn a:hover,
.form_grid .form_content.hasBtn a:focus,
.form_grid .form_content.hasBtn input[type="button"]:hover,
.form_grid .form_content.hasBtn input[type="button"]:focus,
.form_grid .form_content_th.hasIcon button:hover,
.form_grid .form_content_th.hasIcon button:focus,
.form_grid .form_content_th.hasIcon a:hover,
.form_grid .form_content_th.hasIcon a:focus,
.form_grid .form_content_th.hasIcon input[type="button"]:hover,
.form_grid .form_content_th.hasIcon input[type="button"]:focus,
.form_grid .form_content_th.hasBtn button:hover,
.form_grid .form_content_th.hasBtn button:focus,
.form_grid .form_content_th.hasBtn a:hover,
.form_grid .form_content_th.hasBtn a:focus,
.form_grid .form_content_th.hasBtn input[type="button"]:hover,
.form_grid .form_content_th.hasBtn input[type="button"]:focus {
background: #FFF;
border: 1px solid #169bf5 !important
}
.form_grid .form_content.hasIcon a,
.form_grid .form_content.hasBtn a,
.form_grid .form_content_th.hasIcon a,
.form_grid .form_content_th.hasBtn a {
color: #169bf5
}
.form_grid .form_content.hasIcon a:hover,
.form_grid .form_content.hasIcon a:focus,
.form_grid .form_content.hasBtn a:hover,
.form_grid .form_content.hasBtn a:focus,
.form_grid .form_content_th.hasIcon a:hover,
.form_grid .form_content_th.hasIcon a:focus,
.form_grid .form_content_th.hasBtn a:hover,
.form_grid .form_content_th.hasBtn a:focus {
color: #47b0f7
}
.form_grid .form_content.hasBtn,
.form_grid .form_content_th.hasBtn {
padding-right: 1em;
position: relative
}
.form_grid .form_content.hasBtn button,
.form_grid .form_content.hasBtn a,
.form_grid .form_content.hasBtn input[type="button"],
.form_grid .form_content_th.hasBtn button,
.form_grid .form_content_th.hasBtn a,
.form_grid .form_content_th.hasBtn input[type="button"] {
background-color: #21BAFF;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF21BAFF', endColorstr='#FF21BAFF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21baff), color-stop(100%, #21baff));
background-image: -moz-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: -webkit-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: linear-gradient(to bottom, #21baff 0%, #21baff 100%);
border: 1px solid #21baff;
border-bottom: 2px solid #0092d4;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.form_grid .form_content.hasBtn button:hover,
.form_grid .form_content.hasBtn button:focus,
.form_grid .form_content.hasBtn a:hover,
.form_grid .form_content.hasBtn a:focus,
.form_grid .form_content.hasBtn input[type="button"]:hover,
.form_grid .form_content.hasBtn input[type="button"]:focus,
.form_grid .form_content_th.hasBtn button:hover,
.form_grid .form_content_th.hasBtn button:focus,
.form_grid .form_content_th.hasBtn a:hover,
.form_grid .form_content_th.hasBtn a:focus,
.form_grid .form_content_th.hasBtn input[type="button"]:hover,
.form_grid .form_content_th.hasBtn input[type="button"]:focus {
background-color: #08b2ff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF08B2FF', endColorstr='#FF08B2FF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #08b2ff), color-stop(100%, #08b2ff));
background-image: -moz-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: -webkit-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: linear-gradient(to bottom, #08b2ff 0%, #08b2ff 100%);
border: 1px solid #00a3ed !important;
border-bottom: 2px solid #00a3ed !important;
cursor: pointer;
color: #FFF
}
.form_grid .form_content.hasBtn button:active,
.form_grid .form_content.hasBtn a:active,
.form_grid .form_content.hasBtn input[type="button"]:active,
.form_grid .form_content_th.hasBtn button:active,
.form_grid .form_content_th.hasBtn a:active,
.form_grid .form_content_th.hasBtn input[type="button"]:active {
transform: translateY(3px)
}
.form_grid .form_content.hasBtn button.active,
.form_grid .form_content.hasBtn a.active,
.form_grid .form_content.hasBtn input[type="button"].active,
.form_grid .form_content_th.hasBtn button.active,
.form_grid .form_content_th.hasBtn a.active,
.form_grid .form_content_th.hasBtn input[type="button"].active {
background: #08b2ff;
cursor: pointer
}
.form_grid .form_content.hasBtn>input[type="text"],
.form_grid .form_content_th.hasBtn>input[type="text"] {
width: calc(100% - 8em)
}
.form_grid .form_content.hasDot,
.form_grid .form_content_th.hasDot {
padding-right: 1em;
position: relative
}
.form_grid .form_content.hasDot button,
.form_grid .form_content.hasDot a,
.form_grid .form_content.hasDot input[type="button"],
.form_grid .form_content_th.hasDot button,
.form_grid .form_content_th.hasDot a,
.form_grid .form_content_th.hasDot input[type="button"] {
padding: .5em !important;
right: 1.1em;
top: 0em;
font-size: 1em;
margin: 0;
width: 3em;
min-width: 3em;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: #FFF;
background: -webkit-linear-gradient(top, #FFF, #EEE);
background: linear-gradient(to bottom, #ffffff, #eeeeee);
border: 1px solid #CCC
}
.form_grid .form_content.hasDot button:hover,
.form_grid .form_content.hasDot button:focus,
.form_grid .form_content.hasDot a:hover,
.form_grid .form_content.hasDot a:focus,
.form_grid .form_content.hasDot input[type="button"]:hover,
.form_grid .form_content.hasDot input[type="button"]:focus,
.form_grid .form_content_th.hasDot button:hover,
.form_grid .form_content_th.hasDot button:focus,
.form_grid .form_content_th.hasDot a:hover,
.form_grid .form_content_th.hasDot a:focus,
.form_grid .form_content_th.hasDot input[type="button"]:hover,
.form_grid .form_content_th.hasDot input[type="button"]:focus {
background: #FFF;
border: 1px solid #169bf5 !important
}
.form_grid .form_content.hasDot>input[type="text"],
.form_grid .form_content_th.hasDot>input[type="text"] {
width: calc(100% - 3.5em)
}
.form_grid .form_content .datepick,
.form_grid .form_content .select,
.form_grid .form_content_th .datepick,
.form_grid .form_content_th .select {
padding-right: 24px;
position: relative;
display: inline-block
}
.form_grid .form_content .datepick+.datepick,
.form_grid .form_content .select+.datepick,
.form_grid .form_content_th .datepick+.datepick,
.form_grid .form_content_th .select+.datepick {
margin-left: .3em;
margin-right: 0;
padding-right: 0
}
@media screen and (max-width: 991px) {
.form_grid .form_content .datepick+.datepick,
.form_grid .form_content .select+.datepick,
.form_grid .form_content_th .datepick+.datepick,
.form_grid .form_content_th .select+.datepick {
margin-left: 0em;
display: block
}
}
.form_grid .form_content .datepick+.datepick:before,
.form_grid .form_content .select+.datepick:before,
.form_grid .form_content_th .datepick+.datepick:before,
.form_grid .form_content_th .select+.datepick:before {
content: "-";
font-size: 1.5em;
display: inline-block;
position: absolute;
left: -.65em;
top: .3em
}
.form_grid .form_content .datepick+.datepick button,
.form_grid .form_content .datepick+.datepick a,
.form_grid .form_content .datepick+.datepick input[type="button"],
.form_grid .form_content .select+.datepick button,
.form_grid .form_content .select+.datepick a,
.form_grid .form_content .select+.datepick input[type="button"],
.form_grid .form_content_th .datepick+.datepick button,
.form_grid .form_content_th .datepick+.datepick a,
.form_grid .form_content_th .datepick+.datepick input[type="button"],
.form_grid .form_content_th .select+.datepick button,
.form_grid .form_content_th .select+.datepick a,
.form_grid .form_content_th .select+.datepick input[type="button"] {
right: 0
}
.form_grid .form_content .datepick+.select,
.form_grid .form_content .select+.select,
.form_grid .form_content_th .datepick+.select,
.form_grid .form_content_th .select+.select {
margin-left: 0em;
margin-right: 0;
padding-right: 0
}
.form_grid .form_content .datepick+.select:before,
.form_grid .form_content .select+.select:before,
.form_grid .form_content_th .datepick+.select:before,
.form_grid .form_content_th .select+.select:before {
display: none
}
.form_grid .form_content .datepick+.select button,
.form_grid .form_content .datepick+.select a,
.form_grid .form_content .datepick+.select input[type="button"],
.form_grid .form_content .select+.select button,
.form_grid .form_content .select+.select a,
.form_grid .form_content .select+.select input[type="button"],
.form_grid .form_content_th .datepick+.select button,
.form_grid .form_content_th .datepick+.select a,
.form_grid .form_content_th .datepick+.select input[type="button"],
.form_grid .form_content_th .select+.select button,
.form_grid .form_content_th .select+.select a,
.form_grid .form_content_th .select+.select input[type="button"] {
right: 0
}
@media screen and (max-width: 991px) {
.form_grid .form_content .datepick,
.form_grid .form_content .select,
.form_grid .form_content_th .datepick,
.form_grid .form_content_th .select {
display: block;
padding-right: 0em
}
}
.form_grid .form_content .datepick button,
.form_grid .form_content .datepick a,
.form_grid .form_content .datepick input[type="button"],
.form_grid .form_content .select button,
.form_grid .form_content .select a,
.form_grid .form_content .select input[type="button"],
.form_grid .form_content_th .datepick button,
.form_grid .form_content_th .datepick a,
.form_grid .form_content_th .datepick input[type="button"],
.form_grid .form_content_th .select button,
.form_grid .form_content_th .select a,
.form_grid .form_content_th .select input[type="button"] {
position: absolute;
padding: .37em .1em !important;
right: .5em;
top: -.1em;
min-width: 1em;
background: none;
border: none;
width: auto;
pointer-events: none
}
.form_grid .form_content .datepick button i:before,
.form_grid .form_content .datepick a i:before,
.form_grid .form_content .datepick input[type="button"] i:before,
.form_grid .form_content .select button i:before,
.form_grid .form_content .select a i:before,
.form_grid .form_content .select input[type="button"] i:before,
.form_grid .form_content_th .datepick button i:before,
.form_grid .form_content_th .datepick a i:before,
.form_grid .form_content_th .datepick input[type="button"] i:before,
.form_grid .form_content_th .select button i:before,
.form_grid .form_content_th .select a i:before,
.form_grid .form_content_th .select input[type="button"] i:before {
width: 1.75em;
height: 1.75em
}
.form_grid .form_content .datepick button:hover,
.form_grid .form_content .datepick button:focus,
.form_grid .form_content .datepick a:hover,
.form_grid .form_content .datepick a:focus,
.form_grid .form_content .datepick input[type="button"]:hover,
.form_grid .form_content .datepick input[type="button"]:focus,
.form_grid .form_content .select button:hover,
.form_grid .form_content .select button:focus,
.form_grid .form_content .select a:hover,
.form_grid .form_content .select a:focus,
.form_grid .form_content .select input[type="button"]:hover,
.form_grid .form_content .select input[type="button"]:focus,
.form_grid .form_content_th .datepick button:hover,
.form_grid .form_content_th .datepick button:focus,
.form_grid .form_content_th .datepick a:hover,
.form_grid .form_content_th .datepick a:focus,
.form_grid .form_content_th .datepick input[type="button"]:hover,
.form_grid .form_content_th .datepick input[type="button"]:focus,
.form_grid .form_content_th .select button:hover,
.form_grid .form_content_th .select button:focus,
.form_grid .form_content_th .select a:hover,
.form_grid .form_content_th .select a:focus,
.form_grid .form_content_th .select input[type="button"]:hover,
.form_grid .form_content_th .select input[type="button"]:focus {
box-shadow: none;
border: none !important
}
.form_grid .form_content .datepick>input[type="text"],
.form_grid .form_content .select>input[type="text"],
.form_grid .form_content_th .datepick>input[type="text"],
.form_grid .form_content_th .select>input[type="text"] {
width: auto;
min-width: 4em;
padding-right: 3em
}
form .form_grp,
form .check_grp,
form .radio_grp,
form .btn_grp,
form .upload_grp,
div .form_grp,
div .check_grp,
div .radio_grp,
div .btn_grp,
div .upload_grp {
margin: .2em auto .2em
}
form .check_grp label,
form .radio_grp label,
div .check_grp label,
div .radio_grp label {
display: block
}
form .check_grp.form_inline label,
form .radio_grp.form_inline label,
div .check_grp.form_inline label,
div .radio_grp.form_inline label {
display: inline-block;
margin: .2em .5em 0 0;
vertical-align: middle
}
form .form_grp.form_inline label,
form .upload_grp.form_inline label,
div .form_grp.form_inline label,
div .upload_grp.form_inline label {
display: inline-block;
margin-right: .5em
}
form .form_grp.form_inline input,
form .form_grp.form_inline textarea,
form .form_grp.form_inline select,
form .upload_grp.form_inline input,
form .upload_grp.form_inline textarea,
form .upload_grp.form_inline select,
div .form_grp.form_inline input,
div .form_grp.form_inline textarea,
div .form_grp.form_inline select,
div .upload_grp.form_inline input,
div .upload_grp.form_inline textarea,
div .upload_grp.form_inline select {
width: auto
}
form .form_grp.form_inline input[type="radio"],
form .upload_grp.form_inline input[type="radio"],
div .form_grp.form_inline input[type="radio"],
div .upload_grp.form_inline input[type="radio"] {
width: 1em
}
form.form_inline label,
div.form_inline label {
display: inline-block;
vertical-align: middle;
margin-right: .5em
}
form.form_inline label~input,
form.form_inline label~textarea,
div.form_inline label~input,
div.form_inline label~textarea {
display: inline-block;
width: auto;
vertical-align: middle
}
form.form_inline input[type="text"],
form.form_inline input[type="password"],
form.form_inline select,
form.form_inline textarea,
div.form_inline input[type="text"],
div.form_inline input[type="password"],
div.form_inline select,
div.form_inline textarea {
width: auto;
display: inline-block;
min-width: 20em
}
@media screen and (max-width: 767px) {
form.form_inline input[type="text"],
form.form_inline input[type="password"],
form.form_inline select,
form.form_inline textarea,
div.form_inline input[type="text"],
div.form_inline input[type="password"],
div.form_inline select,
div.form_inline textarea {
min-width: 10em
}
}
form.form_inline .form_grp,
form.form_inline .check_grp,
form.form_inline .radio_grp,
form.form_inline .btn_grp,
form.form_inline .upload_grp,
div.form_inline .form_grp,
div.form_inline .check_grp,
div.form_inline .radio_grp,
div.form_inline .btn_grp,
div.form_inline .upload_grp {
display: inline-block;
margin-right: .5em
}
form.form_inline .btn_grp .btn,
form.form_inline .btn_grp .category a,
.category form.form_inline .btn_grp a,
form.form_inline .btn_grp input[type="submit"],
form.form_inline .btn_grp input[type="reset"],
form.form_inline .btn_grp input[type="button"],
form.form_inline .btn_grp input[type="search"],
div.form_inline .btn_grp .btn,
div.form_inline .btn_grp .category a,
.category div.form_inline .btn_grp a,
div.form_inline .btn_grp input[type="submit"],
div.form_inline .btn_grp input[type="reset"],
div.form_inline .btn_grp input[type="button"],
div.form_inline .btn_grp input[type="search"] {
margin-top: -2px;
padding: .45em 1em
}
form.form_inline select,
form.form_inline textarea,
div.form_inline select,
div.form_inline textarea {
width: auto
}
form.form_inline select,
div.form_inline select {
min-width: 4em
}
label,
legend {
display: inline-block;
margin: 0 0 .5em 0
}
@media screen and (max-width: 575px) {
label,
legend {
display: block
}
}
label.inline input,
label.inline select,
label.inline textarea,
legend.inline input,
legend.inline select,
legend.inline textarea {
width: auto
}
fieldset {
border: none;
padding: 0;
margin: 0
}
input,
textarea,
select,
button {
color: #333;
font-size: 1em;
border: 1px solid transparent;
padding: .5em;
background: #F8F8F8;
vertical-align: middle;
margin-bottom: .2em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
transition: .3s ease-out
}
input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
button:hover,
button:focus {
outline: none
}
input.error,
textarea.error,
select.error,
.chosen-single.error,
.chosen-choices.error,
button.error {
border: 1px solid #FF3E4D !important;
box-shadow: 0px 0px 0px 1px #FF3E4D !important;
color: red !important;
}
input.error+.notice_warning,
textarea.error+.notice_warning,
select.error+.notice_warning,
button.error+.notice_warning {
border: none;
background: none;
color: #FF3E4D;
font-size: 1em;
margin: 0;
padding-left: 25px
border: none;
color: #CE5605;
background-color: #FEEFB3;
border-left: .5em solid #FEEFB3;
}
input,
select,
textarea {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select {
transition: none !important
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder {
color: #999
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="file"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #999
}
button,
input[type="button"] {
background-color: #21BAFF;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF21BAFF', endColorstr='#FF21BAFF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21baff), color-stop(100%, #21baff));
background-image: -moz-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: -webkit-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: linear-gradient(to bottom, #21baff 0%, #21baff 100%);
border: 1px solid #21baff;
border-bottom: 2px solid #0092d4;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6);
text-shadow: none !important
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus {
background-color: #08b2ff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF08B2FF', endColorstr='#FF08B2FF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #08b2ff), color-stop(100%, #08b2ff));
background-image: -moz-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: -webkit-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: linear-gradient(to bottom, #08b2ff 0%, #08b2ff 100%);
border: 1px solid #00a3ed !important;
border-bottom: 2px solid #00a3ed !important;
cursor: pointer;
color: #FFF
}
button:active,
input[type="button"]:active {
transform: translateY(3px)
}
button.active,
input[type="button"].active {
background: #08b2ff;
cursor: pointer
}
input[type="submit"] {
background-color: #21BAFF;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF21BAFF', endColorstr='#FF21BAFF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21baff), color-stop(100%, #21baff));
background-image: -moz-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: -webkit-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: linear-gradient(to bottom, #21baff 0%, #21baff 100%);
border: 1px solid #21baff;
border-bottom: 2px solid #0092d4;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
input[type="submit"]:hover,
input[type="submit"]:focus {
background-color: #08b2ff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF08B2FF', endColorstr='#FF08B2FF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #08b2ff), color-stop(100%, #08b2ff));
background-image: -moz-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: -webkit-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: linear-gradient(to bottom, #08b2ff 0%, #08b2ff 100%);
border: 1px solid #00a3ed !important;
border-bottom: 2px solid #00a3ed !important;
cursor: pointer;
color: #FFF
}
input[type="submit"]:active {
transform: translateY(3px)
}
input[type="submit"].active {
background: #08b2ff;
cursor: pointer
}
textarea {
color: #333;
font-size: 1em;
border: 1px solid transparent;
padding: .5em;
background: #F8F8F8;
vertical-align: middle;
margin-bottom: .2em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
transition: .3s ease-out;
height: 5em;
overflow-y: scroll
}
textarea:hover,
textarea:focus {
outline: none
}
@media screen and (max-width: 575px) {
textarea {
width: 100%
}
}
input[type="text"]:focus,
input[type="reset"]:focus,
input[type="file"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid transparent !important;
-moz-box-shadow: 0px 0px 0px 1px transparent;
-webkit-box-shadow: 0px 0px 0px 1px transparent;
box-shadow: 0px 0px 0px 1px transparent;
outline: none;
background: #f1f1f1
}
select:focus {
background: #F4F4F4 url(../images/basic/icon_select_arrow.svg) no-repeat right center;
background-size: 20px
}
select {
line-height: 2.4em;
height: 2.4em;
padding: 0 24px 0 .5em;
border: 1px solid transparent;
background: #F4F4F4 url(../images/basic/icon_select_arrow.svg) no-repeat right center;
background-size: 20px
}
select option {
outline: none;
border: none
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000
}
input[type="reset"] {
background-color: #999;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF999999', endColorstr='#FF999999');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #999999));
background-image: -moz-linear-gradient(top, #999999 0%, #999999 100%);
background-image: -webkit-linear-gradient(top, #999999 0%, #999999 100%);
background-image: linear-gradient(to bottom, #999999 0%, #999999 100%);
border: 1px solid #999;
border-bottom: 2px solid #737373;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6);
text-shadow: none
}
input[type="reset"]:hover,
input[type="reset"]:focus {
background-color: #8c8c8c;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8C8C8C', endColorstr='#FF8C8C8C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c8c8c), color-stop(100%, #8c8c8c));
background-image: -moz-linear-gradient(top, #8c8c8c 0%, #8c8c8c 100%);
background-image: -webkit-linear-gradient(top, #8c8c8c 0%, #8c8c8c 100%);
background-image: linear-gradient(to bottom, #8c8c8c 0%, #8c8c8c 100%);
border: 1px solid gray !important;
border-bottom: 2px solid gray !important;
cursor: pointer;
color: #FFF
}
input[type="reset"]:active {
transform: translateY(3px)
}
input[type="reset"].active {
background: #8c8c8c;
cursor: pointer
}
input[type="checkbox"],
input[type="radio"] {
font-size: 1em;
margin: -4px .2em 0 0;
width: 1em;
height: 1em;
background-color: #f7f6ee;
border: 2px solid #CCC
}
input[type="radio"] {
border-radius: 50%
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
border-color: #21BAFF;
background-color: #21BAFF;
outline: none
}
input[type="checkbox"]:checked {
background-image: url(../images/basic/icon_checked.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 98%;
box-shadow: #21BAFF 0 0 0 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
input[type="radio"]:checked {
box-shadow: #fff 0 0 0 2px inset, #21BAFF 0 0 0 1px
}
input[readonly],
input[disabled] {
background: #EAEAEA !important;
color: #888
}
input[readonly]~label,
input[disabled]~label {
color: #888
}
input[readonly]:hover,
input[readonly]:focus,
input[disabled]:hover,
input[disabled]:focus {
cursor: not-allowed
}
.upload_grp {
position: relative
}
.upload_grp input[readonly],
.upload_grp input[disable] {
background: transparent;
color: #666
}
.upload_grp .upload_btn {
position: absolute;
overflow: hidden;
top: 0px;
right: 2px;
background-color: #21BAFF;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF21BAFF', endColorstr='#FF21BAFF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxYmFmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21baff), color-stop(100%, #21baff));
background-image: -moz-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: -webkit-linear-gradient(top, #21baff 0%, #21baff 100%);
background-image: linear-gradient(to bottom, #21baff 0%, #21baff 100%);
border: 1px solid #21baff;
border-bottom: 2px solid #0092d4;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6);
padding: .2em 1em !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.upload_grp .upload_btn:hover,
.upload_grp .upload_btn:focus {
background-color: #08b2ff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF08B2FF', endColorstr='#FF08B2FF');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YjJmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #08b2ff), color-stop(100%, #08b2ff));
background-image: -moz-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: -webkit-linear-gradient(top, #08b2ff 0%, #08b2ff 100%);
background-image: linear-gradient(to bottom, #08b2ff 0%, #08b2ff 100%);
border: 1px solid #00a3ed !important;
border-bottom: 2px solid #00a3ed !important;
cursor: pointer;
color: #FFF
}
.upload_grp .upload_btn:active {
transform: translateY(3px)
}
.upload_grp .upload_btn.active {
background: #08b2ff;
cursor: pointer
}
.upload_grp .upload_btn:hover,
.upload_grp .upload_btn:focus {
cursor: pointer !important
}
input[type="file"] {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 1.25em;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
img.captcha {
display: inline-block;
vertical-align: middle;
height: 2.5em;
width: auto;
margin-bottom: .5em
}
img.captcha+input {
display: inline-block;
width: auto;
vertical-align: middle
}
img.captcha~img {
display: inline-block;
vertical-align: middle;
height: 2.5em;
margin-bottom: .5em
}
abbr[title] {
border-bottom: none;
text-decoration: none
}
.form-control-danger .notice_warning {
border: none;
background: none;
color: #FF3E4D;
font-size: 1em;
margin: 0;
padding-left: 25px
}
.has-error .form_title {
color: #FF3E4D
}
.has-error .form-control-danger+.notice_warning {
border: none;
background: none;
color: #FF3E4D;
font-size: 1em;
margin: 0;
padding-left: 25px
}
.has-error .form-control-danger input,
.has-error .form-control-danger textarea,
.has-error .form-control-danger select {
border: none;
outline: none;
border: 1px solid #FF3E4D;
box-shadow: 0 0 0 1px #FF3E4D inset
}
.has-error .form-control-danger input:focus,
.has-error .form-control-danger textarea:focus,
.has-error .form-control-danger select:focus {
border: 1px solid transparent !important;
-moz-box-shadow: 0px 0px 0px 2px transparent;
-webkit-box-shadow: 0px 0px 0px 2px transparent;
box-shadow: 0px 0px 0px 2px transparent
}
.has-error .form-control-danger .form-control-feedback {
color: #FF3E4D
}
.form-control-danger .check_grp,
.form-control-danger .radio_grp,
.form-control-danger .fr-box,
.form-control-danger .upload_area {
border: 1px solid #FF3E4D;
box-shadow: 0 0 0 1px #FF3E4D inset;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
[class^="i_"]:before {
content: "";
display: inline-block;
height: 1em;
width: 1em;
vertical-align: middle;
speak: none
}
.invert:before {
-webkit-filter: invert(100%);
filter: invert(100%)
}
.i_add:before {
background-image: url(../images/icon/icon_add.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_apple:before {
background-image: url(../images/icon/icon_apple.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_arrow_left:before {
background-image: url(../images/icon/icon_arrow_left.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_arrow_right:before {
background-image: url(../images/icon/icon_arrow_right.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_arrow_up:before {
background-image: url(../images/icon/icon_arrow_up.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_arrow_down:before {
background-image: url(../images/icon/icon_arrow_down.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_bookmark:before {
background-image: url(../images/icon/icon_bookmark.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_chat:before {
background-image: url(../images/icon/icon_chat.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_check:before {
background-image: url(../images/icon/icon_check.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_clock:before {
background-image: url(../images/icon/icon_clock.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_close:before {
background-image: url(../images/icon/icon_close.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_edit:before {
background-image: url(../images/icon/icon_edit.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_facebook:before {
background-image: url(../images/icon/icon_facebook.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_googleplus:before {
background-image: url(../images/icon/icon_googleplus.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_grid:before {
background-image: url(../images/icon/icon_grid.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_heart:before {
background-image: url(../images/icon/icon_heart.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_home:before {
background-image: url(../images/icon/icon_home.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_info:before {
background-image: url(../images/icon/icon_info.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_link:before {
background-image: url(../images/icon/icon_link.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_linkedin:before {
background-image: url(../images/icon/icon_linkedin.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_lock:before {
background-image: url(../images/icon/icon_lock.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_mail:before {
background-image: url(../images/icon/icon_mail.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_rss:before {
background-image: url(../images/icon/icon_rss.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_setting:before {
background-image: url(../images/icon/icon_setting.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_star:before {
background-image: url(../images/icon/icon_star.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_twitter:before {
background-image: url(../images/icon/icon_twitter.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_video:before {
background-image: url(../images/icon/icon_video.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_vimeo:before {
background-image: url(../images/icon/icon_vimeo.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_youtube:before {
background-image: url(../images/icon/icon_youtube.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_global:before {
background-image: url(../images/icon/icon_global.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_trash:before {
background-image: url(../images/icon/icon_trash.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_sort:before {
background-image: url(../images/icon/icon_sort.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_move:before {
background-image: url(../images/icon/icon_move.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_layout:before {
background-image: url(../images/icon/icon_layout.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_copy:before {
background-image: url(../images/icon/icon_copy.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_view:before {
background-image: url(../images/icon/icon_view.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_man:before {
background-image: url(../images/icon/icon_man.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_calendar:before {
background-image: url(../images/icon/icon_calendar.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_search:before {
background-image: url(../images/icon/icon_search.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_pick:before {
background-image: url(../images/icon/icon_pick.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_calendar_color:before {
background-image: url(../images/icon/icon_calendar_color.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_dot:before {
background-image: url(../images/icon/icon_dot.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_photo:before {
background-image: url(../images/icon/icon_photo.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_order:before {
background-image: url(../images/icon/icon_order.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_top:before {
background-image: url(../images/icon/icon_top.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_minus:before {
background-image: url(../images/icon/icon_minus.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_export:before {
background-image: url(../images/icon/icon_export.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_import:before {
background-image: url(../images/icon/icon_import.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
.i_award-list:before {
background-image: url(../images/icon/icon_layout.svg);
background-size: cover;
margin-top: -0.1em;
margin-bottom: .1em
}
body {
-webkit-text-size-adjust: none
}
.accesskey {
position: absolute;
top: 5px;
left: 5px;
z-index: 9;
color: #333;
font-size: 1em
}
@media screen and (max-width: 767px) {
.accesskey {
display: none
}
}
a.more {
display: block;
width: 10em;
text-align: center;
height: 2.5em;
margin: .5em auto .5em;
line-height: 2.5;
color: #0870b6;
border: 1px solid #0870b6;
text-align: center;
overflow: hidden;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s
}
a.more:after {
content: "";
width: 12px;
height: 12px;
border: 2px solid #FFF;
transform: rotate(45deg);
position: absolute;
right: -10px;
top: 14px;
border-left: none;
border-bottom: none;
transition: .3s ease-out
}
a.more:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #0870b6;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
a.more:hover,
a.more:focus,
a.more.active {
color: white
}
a.more:hover:before,
a.more:focus:before,
a.more.active:before {
-webkit-transform: scale(1);
transform: scale(1)
}
a.more:hover:after,
a.more:focus:after,
a.more.active:after {
right: 15px
}
.scrollToTop {
width: 50px;
height: 50px;
border-radius: 50%;
background: url(../images/basic/top.png) no-repeat center top rgba(0, 0, 0, 0.4);
text-align: center;
color: #FFF;
line-height: 50px;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
transition: .3s ease-out;
display: none;
z-index: 99999999;
text-indent: -999999px
}
.scrollToTop:hover {
background: url(../images/basic/top.png) no-repeat center top rgba(0, 0, 0, 0.8)
}
img.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.necessary_lang,
.necessary {
color: red;
margin: 0px .2em
}
.tooltip {
text-align: center;
padding: 40px 0
}
.tooltip span {
display: inline-block;
background: #DEDEDE;
text-align: center;
padding: 10px;
width: 100px;
height: 20px;
line-height: 20px;
vertical-align: baseline
}
.tooltip p>em {
color: red
}
.hr_block {
text-align: left
}
.hr_block span {
font-size: .75em
}
.hr_block hr {
margin: 10px 0 !important
}
.file_download {
width: 100%;
margin: 0 auto;
overflow: hidden;
*zoom: 1
}
.file_download h3 {
font-size: 1.5em;
padding: 12px 0px 15px 0px;
margin: 0.5em 0px 0.2em;
border-bottom: 1px solid #0870b6
}
.file_download ul {
counter-reset: counter;
list-style-type: none;
padding: 0;
margin-left: 1em
}
@media screen and (max-width: 767px) {
.file_download ul {
margin-left: 0
}
}
.file_download li {
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid #EEE
}
.file_download li .update,
.file_download li .file_view {
font-size: .813em;
color: #AAA;
width: 100px;
float: right;
margin-top: 5px
}
@media screen and (max-width: 767px) {
.file_download li .update,
.file_download li .file_view {
display: inline-block;
float: none;
width: auto;
margin-top: 0
}
}
@media screen and (max-width: 575px) {
.file_download li .update,
.file_download li .file_view {
display: none
}
}
.file_download li .update {
width: 150px
}
@media screen and (max-width: 767px) {
.file_download li .update {
margin-left: 5px
}
}
.file_download li a {
padding: .2em 0px .2em 65px;
position: relative;
height: auto;
line-height: 1.45em;
display: inline-block;
width: 45%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.file_download li a:before {
position: absolute;
top: 5px;
left: 0px;
text-align: right;
width: 30px;
counter-increment: counter;
content: counters(counter, ".") " . "
}
@media screen and (max-width: 767px) {
.file_download li a {
margin-right: 0px;
width: 85%
}
}
.file_download li a .kb {
font-size: .75em;
color: #666;
display: inline-block;
margin: 0px .5em
}
.file_download li a:after {
content: "";
background: url(../images/basic/icon_other.jpg);
width: 21px;
height: 24px;
position: absolute;
top: 2px;
left: 35px;
text-align: right
}
.file_download li a[href$="doc"]:after {
background: url(../images/basic/icon_doc.jpg)
}
.file_download li a[href$="odf"]:after {
background: url(../images/basic/icon_odf.jpg)
}
.file_download li a[href$="pdf"]:after {
background: url(../images/basic/icon_pdf.jpg)
}
.file_download li a[href$="xls"]:after {
background: url(../images/basic/icon_xls.jpg)
}
.file_download li a[href$="ppt"]:after {
background: url(../images/basic/icon_ppt.jpg)
}
.file_download li a[href$="jpg"]:after {
background: url(../images/basic/icon_jpg.jpg)
}
.file_download li a[href$="mp3"]:after {
background: url(../images/basic/icon_mp3.jpg)
}
.file_download li a[href$="mov"]:after {
background: url(../images/basic/icon_mov.jpg)
}
.file_download li a[href$="txt"]:after {
background: url(../images/basic/icon_txt.jpg)
}
.file_download li a[href$="dot"]:after {
background: url(../images/basic/icon_doc.jpg)
}
.file_download li a[href$="zip"]:after {
background: url(../images/basic/icon_zip.jpg)
}
.file_download li a:hover,
.file_download li a:focus {
color: #169bf5 !important
}
.web_link {
width: 100%;
margin: 0 auto;
overflow: hidden;
*zoom: 1
}
.web_link h3 {
font-size: 1.5em;
padding: 12px 0px 15px 0px;
margin: 0.5em 0px 0.2em;
border-bottom: 1px solid #0870b6
}
.web_link ol,
.web_link ul {
counter-reset: counter;
list-style-type: none;
padding: 0;
margin-left: 1em
}
@media screen and (max-width: 767px) {
.web_link ol,
.web_link ul {
margin-left: 0
}
}
.web_link li {
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid #EEE
}
.web_link li a {
padding: .2em 0px .2em 35px;
position: relative;
height: auto;
line-height: 1.45em;
display: block
}
.web_link li a:before {
position: absolute;
top: 5px;
left: 0px;
text-align: right;
width: 30px;
counter-increment: counter;
content: counters(counter, ".") " . "
}
.pills {
padding: .2em 0;
margin-bottom: .5em;
overflow: hidden;
*zoom: 1
}
.pills ul {
margin: 0;
padding: 0;
list-style: none
}
.pills ul li {
display: block;
float: left;
margin: 0 .2em .2em 0
}
.pills ul li.active a {
color: #FFF;
background: #0870b6;
border: 1px solid #0870b6 !important
}
.pills ul li a {
border-radius: .5em;
text-align: center;
background: #FFF;
color: #555;
display: block;
padding: .5em .8em;
font-size: .938em;
position: relative;
border: 1px solid #AAA
}
.pills ul li a.active,
.pills ul li a:hover,
.pills ul li a:focus {
color: #FFF;
background: #0870b6;
border: 1px solid #0870b6 !important
}
.pills ul li a i {
position: absolute;
width: 1.3em;
height: 1.3em;
bottom: -.2em;
right: -.2em;
border-radius: 50%;
z-index: 9
}
.pills ul li a .i_check {
background: #5CB85C
}
.pills ul li a .i_check:before {
width: .8em;
height: .8em;
filter: invert(100%);
margin-top: -.2em
}
.pills ul li a .i_close {
background: #FF3E4D
}
.pills ul li a .i_close:before {
width: .7em;
height: .7em;
filter: invert(100%);
margin-top: -.3em;
margin-left: 0px
}
.step ul {
margin: 0;
padding: 0;
list-style: none
}
.step ul li {
display: inline-block;
width: 10em;
height: 5em;
margin: 0 .3em .3em 0;
background: #AAA;
background: -webkit-linear-gradient(to bottom right, #AAA, #888);
background: linear-gradient(to bottom right, #aaaaaa, #888888);
border-radius: .5em;
padding: .4em .5em;
color: #FFF;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.75)
}
.step ul li span {
font-weight: bold;
display: block
}
.step ul li span.num {
font-size: .75em
}
.step ul li span.num em {
font-size: 2em
}
.step ul li.done {
background: #008151;
background: -webkit-linear-gradient(top, #008151, #00b471);
background: linear-gradient(to bottom, #008151, #00b471)
}
.dropdown {
position: relative
}
.dropdown-btn {
position: relative;
padding-left: .5em;
padding-right: .5em
}
.dropdown-btn:before {
content: "";
width: 4px;
height: 4px;
border: 2px solid #333;
transform: rotate(45deg);
border-left: none;
border-top: none;
position: absolute;
top: .9em;
right: .7em
}
.dropdown-btn.open:before {
top: .55em;
transform: rotate(-135deg)
}
.dropdown-content {
position: absolute;
left: auto;
right: 0;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
padding: 1em;
min-width: 2em;
background: #FFF;
color: #333;
background: #fff;
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.75);
display: none;
z-index: 9999;
top: 3em
}
.dropdown-content:before {
position: absolute;
top: -6px;
left: 5%;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 3px 6px 3px;
border-color: transparent transparent #ffffff transparent
}
.dropdown-content ul {
margin: 0;
padding: 0;
list-style: none
}
.dropdown-content ul li {
border-bottom: 1px dashed #DDD
}
.editer {
background: #F1F1F1;
box-shadow: 2px 2px 4px RGBA(0, 0, 0, 0.35) inset;
min-height: 500px
}
.treeview_block,
.menu_setting {
width: 230px;
float: left;
overflow: hidden;
padding: 1em;
background: #FFF;
margin: 0 1em 0 0;
font-size: .938em;
min-height: 100%;
position: relative;
min-height: 550px
}
.treeview {
margin: 0;
padding: 0;
list-style: none
}
.treeview ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 4px
}
.treeview .hitarea {
background: url(../images/treeview/treeview-default.gif) -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer
}
.treeview li {
margin: 0;
padding: 3px 0pt 3px 16px;
line-height: 1em;
font-size: 1em
}
.treeview li.last {
background-position: 0 -1766px
}
.treeview a {
color: #333;
text-decoration: none
}
.treeview a:hover,
.treeview a:focus {
color: #169bf5;
cursor: pointer
}
.treeview a.selected {
background-color: #eee
}
.treeview .hover {
color: #169bf5;
cursor: pointer
}
.treeview li {
background: url(../images/treeview/treeview-default-line.gif) 0 0 no-repeat
}
.treeview li.collapsable,
.treeview li.expandable {
background-position: 0 -176px
}
.treeview .expandable-hitarea {
background-position: -80px -3px
}
#treecontrol {
margin: 1em 0;
display: none
}
.treeview li .treeview li.lastCollapsable,
.treeview li.lastExpandable {
background-image: url(../images/treeview/treeview-default.gif)
}
.treeview li.lastCollapsable {
background-position: 0 -111px
}
.treeview li.lastExpandable {
background-position: -32px -67px
}
.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea {
background-position: 0
}
.treeview-red li {
background-image: url(../images/treeview/treeview-red-line.gif)
}
.treeview-red .hitarea,
.treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable {
background-image: url(../images/treeview/treeview-red.gif)
}
.treeview-black li {
background-image: url(../images/treeview/treeview-black-line.gif)
}
.treeview-black .hitarea,
.treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable {
background-image: url(../images/treeview/treeview-black.gif)
}
.treeview-gray li {
background-image: url(../images/treeview/treeview-gray-line.gif)
}
.treeview-gray .hitarea,
.treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable {
background-image: url(../images/treeview/treeview-gray.gif)
}
.treeview-famfamfam li {
background-image: url(../images/treeview/treeview-famfamfam-line.gif)
}
.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {
background-image: url(../images/treeview/treeview-famfamfam.gif)
}
.treeview .placeholder {
background: url(../images/treeview/ajax-loader.gif) 0 0 no-repeat;
height: 16px;
width: 16px;
display: block
}
.treeview li {
padding: 3px 0 2px 16px
}
.treeview span.folder,
.treeview span.file {
padding: 1px 0 1px 1.5em;
display: block
}
.treeview span.folder {
background: url(../images/treeview/folder.gif) 0 0 no-repeat
}
.treeview li.expandable span.folder {
background: url(../images/treeview/folder-closed.gif) 0 0 no-repeat
}
.treeview span.file {
background: url(../images/treeview/file.gif) 0 0 no-repeat
}
.show_list {
position: fixed;
z-index: 99;
background: RGBA(0, 0, 0, 0.85);
top: 3em;
left: -400px;
width: 400px;
height: 100%;
background: #FFF;
box-shadow: 0px 5px 5px RGBA(0, 0, 0, 0.4);
padding: 3.5em 1em 4em;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0)
}
.show_list .form_grid {
margin: 0 auto !important;
min-width: 100%
}
.show_list .form_grid .form_grp {
border-bottom: none
}
.show_list .form_grid .form_title {
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none
}
.show_list .form_grid .form_content {
padding-left: 0;
float: none;
width: 100% !important
}
.show_list h3 {
position: absolute;
width: 100%;
height: 2.5em;
line-height: 1.5em;
background: #07619e;
background: -webkit-linear-gradient(left, #07619e, #00b471);
background: linear-gradient(to right, #07619e, #00b471);
color: #FFF;
padding: .5em 1em;
top: 0;
left: 0;
margin: 0
}
.show_list h3 a.close_btn {
position: absolute;
width: 2.5em;
height: 2.5em;
top: 0;
right: 0
}
.show_list h3 a.close_btn:hover,
.show_list h3 a.close_btn:focus {
background: #0870b6
}
.show_list h3 a.close_btn:before {
position: absolute;
width: 12px;
height: 12px;
border: 2px solid #FFF;
content: "";
left: 40%;
top: 32%;
border-left: none;
border-bottom: none;
transform: rotate(-135deg);
z-index: 1;
display: block
}
.show_list h4 {
color: #0870b6;
margin-top: 0
}
.show_list ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
padding-left: 1em
}
.show_list ul.tts_show {
border-left: 2px solid #0870b6
}
.show_list ul.not_tts_show {
border-left: 2px solid #AAA
}
.show_list ul li {
display: block;
border-bottom: 1px dashed #DDD;
margin-bottom: .3em
}
.show_list ul li a {
padding: .2em;
display: block;
color: #666
}
.show_list ul li a:hover,
.show_list ul li a:focus {
color: #169bf5
}
.show_list ul li img {
width: 1em;
height: 1em;
margin-right: .3em
}
.menu_setting {
width: 300px;
padding-top: 3em !important
}
.menu_setting .title {
position: absolute;
width: 100%;
height: 2.5em;
line-height: 1.5em;
background: #07619e;
background: -webkit-linear-gradient(left, #07619e, #00b471);
background: linear-gradient(to right, #07619e, #00b471);
color: #FFF;
padding: .5em 1em;
top: 0;
left: 0
}
.menu_setting .title .btn,
.menu_setting .title .category a,
.category .menu_setting .title a {
background: transparent;
border: 1px solid #EEE;
color: #FFF;
padding: .2em 1em;
position: absolute;
right: .5em;
top: .4em;
font-size: .75em
}
.menu_setting .title .btn:hover,
.menu_setting .title .category a:hover,
.category .menu_setting .title a:hover,
.menu_setting .title .btn:focus,
.menu_setting .title .category a:focus,
.category .menu_setting .title a:focus {
background: rgba(0, 0, 0, 0.4)
}
.menu_setting h3 {
top: 0;
left: 0;
margin: 0 0 .5em;
padding-bottom: .3em;
border-bottom: 2px solid #DDD
}
.menu_setting .btn_grp {
margin: 0 0 .2em;
padding: 0
}
.menu_setting .menu_tree {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: .3em
}
.menu_setting .menu_tree>li:first-child>span {
background: #E1E1E1;
border-bottom: 2px solid #BBB
}
.menu_setting .menu_tree ul {
margin: 0;
padding: 0;
list-style: none
}
.menu_setting .menu_tree li {
margin: 0;
display: block;
padding-bottom: .1em
}
.menu_setting .menu_tree li span {
display: block;
background: #F1F1F1;
border-bottom: 2px solid #DDD;
padding: .4em .4em .4em 1em;
padding-right: 90px;
position: relative;
overflow: hidden
}
.menu_setting .menu_tree li span a {
color: #222
}
.menu_setting .menu_tree li span a:hover,
.menu_setting .menu_tree li span a:focus {
opacity: 1
}
.menu_setting .menu_tree li span .i_add {
position: absolute;
right: .5em;
top: .5em;
background: #FFF;
border-radius: 4px;
width: 1.5em;
text-align: center
}
.menu_setting .menu_tree li span .i_edit {
position: absolute;
right: 4em;
top: .4em
}
.menu_setting .menu_tree li span .i_trash {
position: absolute;
right: 2.4em;
top: .4em
}
.menu_setting .menu_tree li li {
background: url(../images/menu_tree_line_li.gif) no-repeat left top;
padding-left: 1em;
padding-top: .2em;
position: relative
}
.menu_setting .menu_tree li li span:before {
position: absolute;
width: 10px;
height: 100%;
background: url(../images/icon/icon_dot.svg) center center no-repeat transparent;
background-size: 20px;
content: "";
top: 0;
left: 2px;
opacity: .5
}
.menu_setting .menu_tree li li:hover {
cursor: move
}
.menu_setting .menu_tree li li:focus {
opacity: .9
}
.menu_setting .menu_tree li li.last {
background: url(../images/menu_tree_line_li_last.gif) no-repeat left top;
padding-bottom: 0
}
.editor_area {
height: 200px
}
.card.dragable ul li:hover {
cursor: move
}
.slider_imgs {
overflow: hidden;
font-size: .875em
}
.slider_imgs.dragable ul li:hover {
cursor: move
}
.slider_imgs ul {
list-style: none;
padding: 0
}
.slider_imgs ul li {
width: 22.25%;
display: inline-block;
vertical-align: top;
overflow: hidden;
margin-left: 2%;
margin-bottom: 1em;
border-radius: .4em
}
@media screen and (max-width: 991px) {
.slider_imgs ul li {
width: 30.5%
}
}
@media screen and (max-width: 767px) {
.slider_imgs ul li {
width: 47%
}
}
@media screen and (max-width: 575px) {
.slider_imgs ul li {
width: 90%;
display: block;
margin: 0 auto 1em;
float: none
}
}
.slider_imgs ul li:hover {
-moz-box-shadow: 0px 1px 6px 1px RGBA(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 1px 6px 1px RGBA(0, 0, 0, 0.25);
box-shadow: 0px 1px 6px 1px RGBA(0, 0, 0, 0.25)
}
.slider_imgs ul li:hover .main_title {
color: #009a61
}
.slider_imgs ul li:hover .img_wrap {
border: 1px solid #FFF
}
.slider_imgs ul li:hover .order_num {
background: #F77810
}
.slider_imgs ul li:hover .tag_grp .tag {
background: RGBA(0, 0, 0, 0.75);
color: #FFF
}
.slider_imgs ul li .img_wrap {
position: relative;
border: 1px solid #dedede;
padding: .5em;
border-radius: .4em;
background: #fff
}
.slider_imgs ul li .img_wrap label {
position: absolute;
top: .8em;
right: .6em;
z-index: 2
}
.slider_imgs ul li .img_wrap label input {
width: 1.5em;
height: 1.5em
}
.slider_imgs ul li .img_wrap .img-container {
position: relative;
overflow: hidden;
background: #DEDEDE;
position: relative
}
.slider_imgs ul li .img_wrap .img-container:before {
display: block;
content: "";
padding-top: 75%
}
.slider_imgs ul li .img_wrap .img-container img {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto
}
.slider_imgs ul li .img_wrap .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.slider_imgs ul li .img_wrap .main_title {
line-height: 1.5;
font-size: 1.125em;
font-weight: bold;
padding: .5em 2.5em .5em 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.slider_imgs ul li .img_wrap>button {
position: absolute;
right: .5em;
bottom: .5em;
z-index: 10
}
.slider_imgs ul li .img_wrap .btn,
.slider_imgs ul li .img_wrap .category a,
.category .slider_imgs ul li .img_wrap a {
border: 1px solid #DDD;
border-radius: 50%
}
.slider_imgs ul li .img_wrap .btn i,
.slider_imgs ul li .img_wrap .category a i,
.category .slider_imgs ul li .img_wrap a i {
margin-left: 0.25em
}
.slider_imgs ul li .img_wrap .btn:hover,
.slider_imgs ul li .img_wrap .category a:hover,
.category .slider_imgs ul li .img_wrap a:hover,
.slider_imgs ul li .img_wrap .btn:focus,
.slider_imgs ul li .img_wrap .category a:focus,
.category .slider_imgs ul li .img_wrap a:focus {
background: #169bf5;
border: 1px solid #169bf5 !important
}
.slider_imgs ul li .img_wrap .btn:hover i,
.slider_imgs ul li .img_wrap .category a:hover i,
.category .slider_imgs ul li .img_wrap a:hover i,
.slider_imgs ul li .img_wrap .btn:focus i,
.slider_imgs ul li .img_wrap .category a:focus i,
.category .slider_imgs ul li .img_wrap a:focus i {
filter: invert(100%)
}
.order_num {
position: absolute;
top: .8em;
left: .8em;
width: 2.5em;
height: 2.5em;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
line-height: 2.5em;
text-align: center;
color: #fff;
font-size: 1em;
font-weight: bold
}
.gra_item {
position: relative;
background-color: #fff;
background-clip: border-box;
border: 1px solid #dedede;
border-radius: .4em;
transition: all .2s
}
.gra_item label {
position: absolute;
top: .5em;
right: .5em;
z-index: 2
}
.gra_item label input {
width: 1.25em;
height: 1.25em
}
.gra_item .order_num {
top: .4em;
left: .4em
}
.gra_item .gra_img {
position: relative;
height: auto;
border-radius: 6px 6px 0 0;
position: relative;
overflow: hidden;
background: #DEDEDE
}
.gra_item .gra_img:before {
display: block;
content: "";
padding-top: 75%
}
.gra_item .gra_img img {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto
}
.gra_item .gra_img:hover:after {
background: rgba(0, 0, 0, 0.25)
}
.gra_item .gra_img:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: transparent;
transition: .3s ease
}
.gra_item .gra_img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover
}
.gra_item .gra_img input[type="checkbox"],
.gra_item .gra_img input[type="radio"] {
position: absolute;
top: .8em;
right: .4em;
z-index: 10
}
.gra_item .gra_img .tag_grp {
position: absolute;
text-align: center;
right: .4em;
bottom: .4em;
z-index: 2
}
.gra_item .gra_img .tag_grp .tag {
font-size: .8em;
padding: .2em 1em;
border-radius: 30px;
background: rgba(255, 255, 255, 0.8);
color: #169bf5;
display: inline-block
}
.gra_item .btn_grp {
padding: 0;
margin-bottom: .6em
}
.gra_item .btn_grp .btn,
.gra_item .btn_grp .category a,
.category .gra_item .btn_grp a {
border: 1px solid #DDD;
border-radius: 50%;
height: 2em
}
.gra_item .btn_grp .btn i,
.gra_item .btn_grp .category a i,
.category .gra_item .btn_grp a i {
margin-left: 0.25em
}
.gra_item .btn_grp .btn:hover,
.gra_item .btn_grp .category a:hover,
.category .gra_item .btn_grp a:hover,
.gra_item .btn_grp .btn:focus,
.gra_item .btn_grp .category a:focus,
.category .gra_item .btn_grp a:focus {
background: #169bf5;
border: 1px solid #169bf5 !important
}
.gra_item .btn_grp .btn:hover i,
.gra_item .btn_grp .category a:hover i,
.category .gra_item .btn_grp a:hover i,
.gra_item .btn_grp .btn:focus i,
.gra_item .btn_grp .category a:focus i,
.category .gra_item .btn_grp a:focus i {
filter: invert(100%)
}
.gra_item .main_title {
font-size: 1.25em;
text-align: left;
line-height: 1.5;
font-weight: bold;
margin: .5em;
color: #555;
height: 3em;
line-height: 1.5em;
overflow: hidden
}
.gra_item .gra_text {
padding: 0 1em;
color: #333;
margin: .5em .2em;
font-size: .938em;
text-align: left;
color: #666
}
.gra_item .gra_text li {
border-bottom: 1px dashed #DDD;
margin-bottom: .2em;
padding-right: 1em;
position: relative
}
.gra_item .gra_text li .i_trash {
position: absolute;
right: .4em;
top: .1em;
opacity: .5
}
.gra_item .gra_text li .i_trash:hover,
.gra_item .gra_text li .i_trash:focus {
opacity: 1;
cursor: pointer
}
.gra_item .gra_text li .i_edit {
position: absolute;
right: 1.8em;
top: .1em;
opacity: .5
}
.gra_item .gra_text li .i_edit:hover,
.gra_item .gra_text li .i_edit:focus {
opacity: 1;
cursor: pointer
}
.gra_item .gra_text p {
margin: 0;
line-height: 1.8em
}
.gra_item .gra_text p span {
display: block
}
.gra_item .gra_text time {
color: #F77810
}
.gra_item:hover {
-moz-box-shadow: 0px 1px 6px 1px RGBA(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 1px 6px 1px RGBA(0, 0, 0, 0.25);
box-shadow: 0px 1px 6px 1px RGBA(0, 0, 0, 0.25)
}
.gra_item:hover .main_title {
color: #169bf5
}
.gra_item:hover .order_num {
background: #F77810
}
.gra_item:hover .tag_grp .tag {
background: RGBA(0, 0, 0, 0.75);
color: #FFF
}
.icon_demo {
clear: both;
zoom: 1
}
.icon_demo>ul {
margin: 0;
padding: 0;
list-style: none
}
.icon_demo>ul li {
float: left;
background: #fff;
padding: .5em;
font-size: 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
outline: 1px solid #f1f1f1;
line-height: 1em;
position: relative
}
.col-12 .form_grid {
width: 100%;
margin: 0 auto
}
.col-6-6 .btn_grp {
margin-top: 1em;
padding: .5em
}
.col-6-6 .form_grid {
width: 100%;
margin: 0 auto
}
.col-6-6 .form_grid .form_grp {
border-bottom: none;
display: inline-block;
vertical-align: top;
width: 48%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width: 767px) {
.col-6-6 .form_grid .form_grp {
width: 100%;
display: block
}
}
.col-6-6 .form_grid .form_grp.has_chosen{
overflow: visible !important
}
.col-6-6 .form_grid .form_title {
text-align: left;
font-size: .938em
}
@media screen and (max-width: 767px) {
.col-6-6 .form_grid .form_title {
text-align: left
}
}
.col-6-6 .form_grid .form_content {
position: relative;
min-height: 1px;
padding-left: 2px;
padding-right: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.col-6-6 .form_grid .form_content.hasBtn {
padding-right: 0
}
.col-6-6 .form_grid .form_content.hasBtn button,
.col-6-6 .form_grid .form_content.hasBtn a,
.col-6-6 .form_grid .form_content.hasBtn input[type="button"] {
right: .2em
}
.col-6-6 .form_grid .form_content .datepick {
width: 48%;
display: inline-block;
vertical-align: top
}
.col-6-6 .form_grid .form_content .datepick>input[type="text"] {
width: 100%;
min-width: 1em;
padding-right: 2em
}
.col-6-6 .form_grid .form_content .datepick button,
.col-6-6 .form_grid .form_content .datepick a,
.col-6-6 .form_grid .form_content .datepick input[type="button"] {
right: 1.5em
}
.col-6-6 .form_grid .form_content .datepick .btn,
.col-6-6 .form_grid .form_content .datepick .category a,
.category .col-6-6 .form_grid .form_content .datepick a {
top: -.2em
}
.col-6-6 .form_grid .form_content+.datepick {
padding-right: 0;
margin-left: -4px
}
.col-6-6 .form_grid .form_content+.datepick button,
.col-6-6 .form_grid .form_content+.datepick a,
.col-6-6 .form_grid .form_content+.datepick input[type="button"] {
right: .2em
}
.col-6-6 .form_grid .form_content+.datepick:before {
content: "~";
display: inline-block;
position: absolute;
left: -.6em;
top: .3em
}
.photo_library {
overflow: hidden;
margin-right: 260px
}
.photo_library .pills {
font-size: .8em;
margin-left: 15px;
height:auto;
overflow:visible !important;
}
.photo_library .pills ul {
height:auto;
overflow:visible !important;
}
.photo_library .pills ul li{
display:inline-block;
}
.photo_library .pills ul li a {
padding: .3em 1em
}
.photo_library .pick {
/* display: flex;
position: absolute;
flex-flow: row wrap;
right: 260px;
left: 15px;
bottom: 15px;
top: auto;
*/
display:block;
height: 320px;
width: 100%;
padding: 1em;
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
background: rgba(0, 0, 0, 0.2)
}
.photo_library .pick h3 {
display: flex;
flex: 1 1 100%;
justify-content: flex-start;
margin: .2em .4em .5em
}
.photo_library .pick ul {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: row wrap;
align-content: flex-start;
margin: 0;
padding: 0;
list-style: none;
flex: 1 1 100%;
margin-bottom: 1em
}
.photo_library .pick~.fix_btngrp {
top: 1.2em !important
}
.photo_library .pick li {
width: 100px;
height: 100px;
display: flex;
flex: 0 0 100px;
margin: 0 4px 6px 4px;
box-sizing: border-box;
position: relative;
align-self: flex-start
}
.photo_library .pick li:before {
content: "";
top: 0;
left: 0;
position: absolute;
box-shadow: 0px 0px 0px 5px #FFF inset;
width: 100px;
height: 100px;
z-index: 9
}
.photo_library .pick li:hover,
.photo_library .pick li:focus,
.photo_library .pick li.active {
cursor: pointer
}
.photo_library .pick li:hover img,
.photo_library .pick li:focus img,
.photo_library .pick li.active img {
opacity: 1
}
.photo_library .pick li:hover:before,
.photo_library .pick li:focus:before,
.photo_library .pick li.active:before {
box-shadow: 0px 0px 0px 5px #fdcf43 inset
}
.photo_library .pick li.active a img {
opacity: 1
}
.photo_library .pick li.active a:before {
content: "";
top: 0;
left: 0;
position: absolute;
background: #000;
width: 100px;
height: 100px;
z-index: 8;
opacity: .15
}
.photo_library .pick li a {
display: block;
width: 100px;
height: 100px;
position: relative;
background: #FFF
}
.photo_library .pick li img {
width: 100px;
height: 100px;
position: absolute;
top: 0;
left: 0;
opacity: .75;
margin: 0 !important;
object-fit: cover
}
.style_choose .btn_grp {
background: #F1F1F1;
border: 1px solid #CCC;
padding: 1em
}
.style_choose .btn_grp img {
margin-bottom: 1em
}
.style_choose .btn_grp button {
width: 200px
}
.template_content {
position: fixed;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.85) !important;
border-radius: 0em !important;
top: 0;
right: 0;
background: #FFF;
z-index: 9999;
padding: 4em 2em 1em !important;
top: 0%;
width: 360px;
height: 100%;
right: 0%;
margin-left: 0%;
overflow: hidden;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0)
}
.template_content .color_choose .radio_grp label {
float: left;
width: 50%
}
.template_content:before {
content: "";
position: absolute;
height: 48px;
width: 100%;
top: 0;
left: 0;
height: 2.5em;
line-height: 1.5em;
background: #07619e;
background: -webkit-linear-gradient(left, #07619e, #00b471);
background: linear-gradient(to right, #07619e, #00b471);
color: #FFF;
padding: .5em 1em
}
.template_content a.close {
position: absolute;
top: 15px;
right: 15px;
width: 20px !important;
min-width: auto;
height: 20px;
font-size: 0em;
border: none;
display: block;
padding: 0;
background: url(../images/basic/icon_close.svg) no-repeat center center;
background-size: contain;
filter: invert(70%);
filter: brightness(30)
}
.template_content a.close:hover,
.template_content a.close:focus {
cursor: pointer;
border: none !important;
filter: invert(100%);
filter: brightness(30)
}
.template_content h3 {
margin-bottom: .5em !important
}
.template_content .col {
margin-bottom: 1em;
clear: both;
float: none
}
.template_choose {
position: relative;
padding-right: 7em
}
.template_choose .btn-tpl {
position: absolute;
top: -.25em;
right: 0em;
padding-left: 1.5em;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC
}
.template_choose .btn-tpl:hover,
.template_choose .btn-tpl:focus {
border: 1px solid #AAA !important;
border-bottom: 2px solid #AAA !important
}
.template_choose .btn-tpl:before {
left: .5em;
transform: rotate(-45deg);
content: ""
}
.template_choose .btn-tpl:active {
transform: translateY(0px)
}
.template_choose .form_grp h3,
.template_choose .form_grp select,
.template_choose .form_grp button {
display: inline-block;
width: auto;
vertical-align: top
}
.template_choose .form_grp button {
margin: 0 .2em;
top: -.1em;
padding-left: .5em;
padding-right: .5em
}
.template_choose .form_grp h3 {
margin-right: .5em
}
.template_choose .form_grp h3:after {
content: ":";
display: inline-block;
margin-left: .3em
}
.template_choose .form_grp select {
min-width: 8em
}
.template_choose .radio_grp {
vertical-align: top;
margin-top: 1em
}
.template_choose .radio_grp label:nth-child(2) {
display: block
}
.template_choose .radio_grp label:nth-child(2)>* {
display: inline-block
}
.template_choose .radio_grp label:nth-child(2) select {
margin-left: .5em;
margin-right: .5em
}
.template_choose .radio_grp h3 {
display: inline-block;
width: auto;
margin-right: .5em
}
.template_choose .radio_grp h3:after {
content: ":";
display: inline-block;
margin-left: .3em
}
.template_choose .radio_grp select {
min-width: 10em;
margin-left: .3em
}
.chosen-container-single .chosen-single {
height: 30px;
line-height: 30px
}
.chosen-container .chosen-results li.highlighted {
background: #0870b6;
background: -webkit-linear-gradient(top, #0870b6, #097fce);
background: linear-gradient(to bottom, #0870b6, #097fce)
}
.chosen-container-multi .chosen-choices .chosen-results {
position: absolute;
width: 100%;
background: #FFF
}
.chosen-container .chosen-results {
position: absolute !important;
width: 100% !important;
background: #FFF !important
}
h3,
h4 {
margin: .3em 0
}
code {
font-family: arial
}
.window_open {
padding-top: 3em
}
.window_open .modal_title {
background: #05436d;
background: -webkit-linear-gradient(left, #05436d, #0870b6);
background: linear-gradient(to right, #05436d, #0870b6);
color: #FFF;
text-shadow: 2px 2px 0px 4px rgba(0, 0, 0, 0.75);
font-size: 1em;
font-weight: bold;
padding: .45em 1em 0;
margin: 0 0 1em;
border-bottom: 3px solid #BBB;
position: fixed;
width: 100%;
top: 0;
height: 2.5em;
z-index: 99
}
.window_open .btn_grp {
width: 96%;
margin: 2em auto 0;
border-top: 1px solid #BBB
}
span.info_blue {
color: #00a3ed
}
span.info_red {
color: #FF3E4D
}
span.info_orange {
color: #F77810
}
span.info_green {
color: #5CB85C
}
.text-right {
text-align: right
}
@media screen and (max-width: 767px) {
.text-right {
text-align: center
}
}
.text-left {
text-align: left
}
@media screen and (max-width: 767px) {
.text-left {
text-align: center
}
}
.sort .btn_grp:first-child {
float: left
}
@media screen and (max-width: 767px) {
.sort .btn_grp:first-child {
float: none;
display: block
}
}
.sort .btn_grp:first-child .btn,
.sort .btn_grp:first-child .category a,
.category .sort .btn_grp:first-child a {
background-color: #666;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF666666', endColorstr='#FF666666');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #666666));
background-image: -moz-linear-gradient(top, #666666 0%, #666666 100%);
background-image: -webkit-linear-gradient(top, #666666 0%, #666666 100%);
background-image: linear-gradient(to bottom, #666666 0%, #666666 100%);
border: 1px solid #666;
border-bottom: 2px solid #404040;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.sort .btn_grp:first-child .btn:hover,
.sort .btn_grp:first-child .category a:hover,
.category .sort .btn_grp:first-child a:hover,
.sort .btn_grp:first-child .btn:focus,
.sort .btn_grp:first-child .category a:focus,
.category .sort .btn_grp:first-child a:focus {
background-color: #595959;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF595959', endColorstr='#FF595959');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #595959));
background-image: -moz-linear-gradient(top, #595959 0%, #595959 100%);
background-image: -webkit-linear-gradient(top, #595959 0%, #595959 100%);
background-image: linear-gradient(to bottom, #595959 0%, #595959 100%);
border: 1px solid #4d4d4d !important;
border-bottom: 2px solid #4d4d4d !important;
cursor: pointer;
color: #FFF
}
.sort .btn_grp:first-child .btn:active,
.sort .btn_grp:first-child .category a:active,
.category .sort .btn_grp:first-child a:active {
transform: translateY(3px)
}
.sort .btn_grp:first-child .btn.active,
.sort .btn_grp:first-child .category a.active,
.category .sort .btn_grp:first-child a.active {
background: #595959;
cursor: pointer
}
.control_panel,
.sort {
overflow: hidden;
margin: 0 0 .5em;
padding-bottom: .3em;
border-bottom: 2px solid #AAA;
text-align: right
}
.control_panel .btn_grp,
.sort .btn_grp {
padding: .2em 0
}
.control_panel span,
.sort span {
float: left;
display: block;
margin: .5em .5em .5em 0
}
.control_panel .info,
.sort .info {
margin-right: 2em
}
@media screen and (max-width: 767px) {
.control_panel .info,
.sort .info {
display: block;
margin: 0 0 .5em
}
}
.control_panel .btn,
.control_panel .category a,
.category .control_panel a,
.sort .btn,
.sort .category a,
.category .sort a {
padding-left: .8em;
padding-right: 1.2em;
font-size: .875em;
background: #FFF;
border-radius: 1.5em;
border: 2px solid #DDD
}
.control_panel .btn:hover,
.control_panel .category a:hover,
.category .control_panel a:hover,
.control_panel .btn:focus,
.control_panel .category a:focus,
.category .control_panel a:focus,
.sort .btn:hover,
.sort .category a:hover,
.category .sort a:hover,
.sort .btn:focus,
.sort .category a:focus,
.category .sort a:focus {
border: 2px solid #169bf5 !important
}
.control_panel .btn .i_sort,
.control_panel .category a .i_sort,
.category .control_panel a .i_sort,
.sort .btn .i_sort,
.sort .category a .i_sort,
.category .sort a .i_sort {
font-size: .75em
}
.control_panel .btn:hover,
.control_panel .category a:hover,
.category .control_panel a:hover,
.control_panel .btn:focus,
.control_panel .category a:focus,
.category .control_panel a:focus,
.sort .btn:hover,
.sort .category a:hover,
.category .sort a:hover,
.sort .btn:focus,
.sort .category a:focus,
.category .sort a:focus {
background: #169bf5;
color: #FFF;
border: 2px solid #169bf5
}
.control_panel .btn:hover i,
.control_panel .category a:hover i,
.category .control_panel a:hover i,
.control_panel .btn:focus i,
.control_panel .category a:focus i,
.category .control_panel a:focus i,
.sort .btn:hover i,
.sort .category a:hover i,
.category .sort a:hover i,
.sort .btn:focus i,
.sort .category a:focus i,
.category .sort a:focus i {
filter: invert(100%)
}
.control_panel .btn-red,
.sort .btn-red {
background: #FF3E4D;
color: #FFF;
border: 2px solid #FF3E4D
}
.control_panel .btn-red:hover,
.control_panel .btn-red:focus,
.sort .btn-red:hover,
.sort .btn-red:focus {
background: #ff0b1e;
border: 2px solid #ff0b1e !important
}
.control_panel .btn-red:hover i,
.control_panel .btn-red:focus i,
.sort .btn-red:hover i,
.sort .btn-red:focus i {
filter: invert(0%)
}
.radio_grp img {
display: inline-block;
vertical-align: middle;
margin-left: .5em;
margin-top: -.2em;
position: relative
}
.btn_grp img {
max-width: 200px;
margin: 0 auto .4em;
display: block;
border: 1px solid #DDD
}
.finder_block {
background: #FFF;
margin-bottom: 1em;
border: 1px solid #DDD;
border-bottom: 3px solid #BBB;
padding: 1em;
font-size: .938em
}
.finder_block .form_grp {
//overflow: visible !important;
overflow: hidden !important;
}
.hy_block,
.template_content,
.fix_block,
.fix_btngrp {
background: #FFF;
margin-bottom: 1em;
font-size: .938em;
border-radius: .5em;
padding: 1em;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)
}
.hy_block h3,
.template_content h3,
.fix_block h3,
.fix_btngrp h3 {
margin: .2em 0 1em;
font-size: 1.125em;
color: #07619e;
color: #333;
font-weight: bold
}
.hy_block .info,
.template_content .info,
.fix_block .info,
.fix_btngrp .info {
margin: 1em 0;
display: block;
padding: 1em;
border-radius: .5em;
background: #F1F1F1
}
.hy_block .info span,
.template_content .info span,
.fix_block .info span,
.fix_btngrp .info span {
font-size: 1.5em;
font-weight: bold;
color: #FF3E4D
}
.status_block {
text-align: left
}
.main_zone {
position: relative;
padding: 4em 1em 6em 225px
}
.main_zone.closed {
padding: 4em 1em 6em 4em
}
@media screen and (max-width: 991px) {
.main_zone {
padding: 3em 1em 1em
}
}
.main_zone .content {
display: block;
overflow: hidden;
min-height: 500px;
width: 100%;
max-width: 1400px;
padding-bottom: 12em
}
.main_zone .content.has_fixblock {
width: calc(100% - 250px)
}
.main_zone .content.has_tree {
width: calc(100% - 320px) !important
}
.main_zone .ss .hy_block,
.main_zone .ss .template_content,
.main_zone .ss .fix_block,
.main_zone .ss .fix_btngrp {
font-size: .875em
}
.main_zone h2 {
position: relative;
padding: 0em .5em 0em .5em;
line-height: 1.25em;
margin: .1em 0 .5em;
font-size: 1.25em
}
.main_zone h2 a.float_right {
float: right;
display: inline-block;
font-size: .875rem;
margin: 1.25em 0 0 .5em
}
.main_zone h2 .btn-show-list {
background: #FFF;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC;
color: #555;
font-size: .938rem;
display: inline-block;
vertical-align: middle;
margin-left: .5em
}
.main_zone h2 .btn-show-list:active {
transform: translateY(2px)
}
.main_zone h2 .btn-show-list:hover,
.main_zone h2 .btn-show-list:focus {
background: #0a8ee7 !important;
color: #FFF !important;
border: 1px solid #0a8ee7 !important;
border-bottom: 2px solid #0a8ee7 !important
}
.main_zone h2:before {
position: absolute;
width: 5px;
height: 100%;
content: "";
top: 0;
left: 0;
background: #097fce
}
.main_zone h2:after {
position: absolute;
width: 5px;
height: 50%;
content: "";
bottom: 0;
left: 0;
background: #00b471
}
.card {
margin-top: 1em;
overflow: hidden
}
.card ul {
margin: 0;
padding: 0;
list-style: none
}
.card>ul {
padding-left: 2%
}
@media screen and (max-width: 575px) {
.card>ul {
padding-left: 0%
}
}
.card>ul>li {
width: 23%;
float: left;
display: block;
margin-right: 2%;
margin-bottom: 1em
}
@media screen and (max-width: 1100px) {
.card>ul>li {
width: 32%;
margin-right: 1%
}
}
@media screen and (max-width: 767px) {
.card>ul>li {
width: 48%;
margin-right: 2%
}
}
@media screen and (max-width: 575px) {
.card>ul>li {
width: 90%;
float: none;
margin: 0px auto 1em
}
}
.card>ul>li .ex_item {
min-height: 20em;
position: relative;
background: #F5F5F5;
border: 1 solid #AAA;
padding: 12.5em 1em .5em;
-moz-box-shadow: 0px 1px 4px 1px RGBA(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 4px 1px RGBA(0, 0, 0, 0.15);
box-shadow: 0px 1px 4px 1px RGBA(0, 0, 0, 0.15);
margin-bottom: 1em;
transition: .3s ease-out;
border-radius: 6px
}
.card>ul>li .ex_item:hover {
-moz-box-shadow: 0px 1px 12px 1px RGBA(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 1px 12px 1px RGBA(0, 0, 0, 0.35);
box-shadow: 0px 1px 12px 1px RGBA(0, 0, 0, 0.35)
}
.card>ul>li .ex_item:hover .dropdown .dropdown-btn {
display: block
}
.card>ul>li .ex_item .btn_grp .btn,
.card>ul>li .ex_item .btn_grp .category a,
.category .card>ul>li .ex_item .btn_grp a {
width: 100%;
margin: 0 auto 0;
background-color: #5CB85C;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5CB85C', endColorstr='#FF5CB85C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjYjg1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjYjg1YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5cb85c), color-stop(100%, #5cb85c));
background-image: -moz-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%);
border: 1px solid #5cb85c;
border-bottom: 2px solid #3d8b3d;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.card>ul>li .ex_item .btn_grp .btn:hover,
.card>ul>li .ex_item .btn_grp .category a:hover,
.category .card>ul>li .ex_item .btn_grp a:hover,
.card>ul>li .ex_item .btn_grp .btn:focus,
.card>ul>li .ex_item .btn_grp .category a:focus,
.category .card>ul>li .ex_item .btn_grp a:focus {
background-color: #4cae4c;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4CAE4C', endColorstr='#FF4CAE4C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYWU0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjYWU0YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4cae4c), color-stop(100%, #4cae4c));
background-image: -moz-linear-gradient(top, #4cae4c 0%, #4cae4c 100%);
background-image: -webkit-linear-gradient(top, #4cae4c 0%, #4cae4c 100%);
background-image: linear-gradient(to bottom, #4cae4c 0%, #4cae4c 100%);
border: 1px solid #449d44 !important;
border-bottom: 2px solid #449d44 !important;
cursor: pointer;
color: #FFF
}
.card>ul>li .ex_item .btn_grp .btn:active,
.card>ul>li .ex_item .btn_grp .category a:active,
.category .card>ul>li .ex_item .btn_grp a:active {
transform: translateY(3px)
}
.card>ul>li .ex_item .btn_grp .btn.active,
.card>ul>li .ex_item .btn_grp .category a.active,
.category .card>ul>li .ex_item .btn_grp a.active {
background: #4cae4c;
cursor: pointer
}
.card>ul>li .ex_item .dropdown {
position: absolute;
top: 5px;
right: 5px
}
.card>ul>li .ex_item .dropdown .dropdown-btn {
display: none;
border-radius: 50%;
width: 3em;
height: 3em;
min-width: 3em;
border: 1px solid transparent
}
.card>ul>li .ex_item .dropdown .dropdown-btn:hover,
.card>ul>li .ex_item .dropdown .dropdown-btn:focus {
border: 1px solid #169bf5 !important;
background: #169bf5
}
.card>ul>li .ex_item .dropdown .dropdown-btn:hover i,
.card>ul>li .ex_item .dropdown .dropdown-btn:focus i {
filter: invert(100%)
}
.card>ul>li .ex_item .dropdown .dropdown-btn:before {
display: none
}
.card>ul>li .ex_item .dropdown .dropdown-content {
right: 0;
left: auto;
width: 200px;
background: #fff;
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.75)
}
.card>ul>li .ex_item .dropdown .dropdown-content:before {
right: 1.5em;
left: auto
}
.card>ul>li .ex_item .dropdown .dropdown-content li {
border-bottom: none
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn,
.card>ul>li .ex_item .dropdown .dropdown-content .category a,
.category .card>ul>li .ex_item .dropdown .dropdown-content a {
background: transparent;
font-size: .875em;
border: none;
width: 100%;
border: 1px solid #DDD;
text-align: left;
padding-left: .5em;
margin: 0 0 .2em
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn:active,
.card>ul>li .ex_item .dropdown .dropdown-content .category a:active,
.category .card>ul>li .ex_item .dropdown .dropdown-content a:active {
transform: translateY(0px)
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn:hover,
.card>ul>li .ex_item .dropdown .dropdown-content .category a:hover,
.category .card>ul>li .ex_item .dropdown .dropdown-content a:hover,
.card>ul>li .ex_item .dropdown .dropdown-content .btn:focus,
.card>ul>li .ex_item .dropdown .dropdown-content .category a:focus,
.category .card>ul>li .ex_item .dropdown .dropdown-content a:focus {
color: #169bf5;
background: #169bf5;
color: #FFF;
border: 1px solid #169bf5 !important
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn:hover i,
.card>ul>li .ex_item .dropdown .dropdown-content .category a:hover i,
.category .card>ul>li .ex_item .dropdown .dropdown-content a:hover i,
.card>ul>li .ex_item .dropdown .dropdown-content .btn:focus i,
.card>ul>li .ex_item .dropdown .dropdown-content .category a:focus i,
.category .card>ul>li .ex_item .dropdown .dropdown-content a:focus i {
filter: invert(100%)
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn.btn-red,
.card>ul>li .ex_item .dropdown .dropdown-content .category a.btn-red,
.category .card>ul>li .ex_item .dropdown .dropdown-content a.btn-red {
border: 1px solid #FF3E4D !important;
color: #FF3E4D
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn.btn-red:hover,
.card>ul>li .ex_item .dropdown .dropdown-content .category a.btn-red:hover,
.category .card>ul>li .ex_item .dropdown .dropdown-content a.btn-red:hover,
.card>ul>li .ex_item .dropdown .dropdown-content .btn.btn-red:focus,
.card>ul>li .ex_item .dropdown .dropdown-content .category a.btn-red:focus,
.category .card>ul>li .ex_item .dropdown .dropdown-content a.btn-red:focus {
background: #FF3E4D;
color: #FFF;
border: 1px solid #FF3E4D !important
}
.card>ul>li .ex_item .dropdown .dropdown-content .btn.btn-red:hover i:before,
.card>ul>li .ex_item .dropdown .dropdown-content .category a.btn-red:hover i:before,
.category .card>ul>li .ex_item .dropdown .dropdown-content a.btn-red:hover i:before,
.card>ul>li .ex_item .dropdown .dropdown-content .btn.btn-red:focus i:before,
.card>ul>li .ex_item .dropdown .dropdown-content .category a.btn-red:focus i:before,
.category .card>ul>li .ex_item .dropdown .dropdown-content a.btn-red:focus i:before {
filter: invert(0%)
}
.card>ul>li .ex_item .status {
position: absolute;
width: 100%;
font-size: .938em;
height: .3em;
line-height: .3em;
text-indent: -9999px;
top: 0;
left: 0;
text-align: center;
color: #FFF;
z-index: 3;
border-radius: 3px 3px 0 0
}
.card>ul>li .ex_item .status.red {
background: #07619e;
background: -webkit-linear-gradient(left, #07619e, #00b471);
background: linear-gradient(to right, #07619e, #00b471)
}
.card>ul>li .ex_item .status.green {
background: #89c900;
background: -webkit-linear-gradient(left, #89c900, #89c900);
background: linear-gradient(to right, #89c900, #89c900)
}
.card>ul>li .ex_item .ex_panel {
text-align: center
}
.card>ul>li .ex_item .ex_panel button {
padding: .2em !important;
min-width: 2em !important
}
.card>ul>li .ex_item .ex_time {
font-size: .813em;
text-align: center
}
.card>ul>li .ex_item .ex_time p {
margin: 0
}
.card>ul>li .ex_item .ex_time p span {
display: block
}
.card>ul>li .ex_item .ex_title {
background: #FFF;
clear: both;
overflow: hidden;
position: absolute;
top: .3em;
left: 0;
padding-top: .5em;
width: 100%;
height: 11em;
padding-bottom: 1em
}
.card>ul>li .ex_item .ex_title a {
display: block;
overflow: hidden;
width: 90%;
margin: 0px auto;
text-align: center
}
.card>ul>li .ex_item .ex_title .pic {
width: 100%;
height: 3em;
margin: 0 0 1em;
text-align: center
}
.card>ul>li .ex_item .ex_title .pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0px auto
}
.card>ul>li .ex_item .ex_title .main_title,
.card>ul>li .ex_item .ex_title .sub_title {
overflow: hidden;
width: auto;
font-weight: bold;
margin: .5em 0
}
.card>ul>li .ex_item .ex_title .main_title {
font-size: 1.25em;
height: 2.5em;
line-height: 1.25em;
overflow: hidden;
display: block
}
.card>ul>li .ex_item .ex_title .sub_title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #888
}
.layout {
float: left;
width: calc(100% - 270px);
padding-bottom: 5em;
margin-right: 1em
}
.layout .drag_area {
border: 1px solid #CCC;
padding: .5em;
background: #DEDEDE;
min-height: 10em
}
.layout .hy_block .layout_header .module,
.layout .template_content .layout_header .module,
.layout .fix_block .layout_header .module,
.layout .fix_btngrp .layout_header .module,
.layout .hy_block .layout_footer .module,
.layout .template_content .layout_footer .module,
.layout .fix_block .layout_footer .module,
.layout .fix_btngrp .layout_footer .module {
min-height: 6em;
border: 2px solid #CCC;
background: #e6e6e6;
position: relative;
padding: 1em
}
.layout .hy_block .layout_footer,
.layout .template_content .layout_footer,
.layout .fix_block .layout_footer,
.layout .fix_btngrp .layout_footer {
margin-bottom: 10em !important
}
.layout .hy_block [class^="col-"],
.layout .template_content [class^="col-"],
.layout .fix_block [class^="col-"],
.layout .fix_btngrp [class^="col-"] {
margin-bottom: 1em;
border: 2px solid #CCC;
padding: .5em;
background: #FFF
}
.layout .hy_block [class^="col-"]:hover,
.layout .template_content [class^="col-"]:hover,
.layout .fix_block [class^="col-"]:hover,
.layout .fix_btngrp [class^="col-"]:hover {
border: 2px solid #FF3E4D
}
.layout .hy_block [class^="col-"]:hover .col_control,
.layout .template_content [class^="col-"]:hover .col_control,
.layout .fix_block [class^="col-"]:hover .col_control,
.layout .fix_btngrp [class^="col-"]:hover .col_control {
opacity: 1
}
.layout .hy_block [class^="col-"] .container,
.layout .template_content [class^="col-"] .container,
.layout .fix_block [class^="col-"] .container,
.layout .fix_btngrp [class^="col-"] .container {
overflow: visible
}
.layout .hy_block [class^="col-"] .col_control,
.layout .template_content [class^="col-"] .col_control,
.layout .fix_block [class^="col-"] .col_control,
.layout .fix_btngrp [class^="col-"] .col_control {
text-align: right;
opacity: 0
}
.layout .hy_block [class^="col-"] .col_control .col_name,
.layout .template_content [class^="col-"] .col_control .col_name,
.layout .fix_block [class^="col-"] .col_control .col_name,
.layout .fix_btngrp [class^="col-"] .col_control .col_name {
float: left;
color: #FF3E4D;
font-weight: bold
}
.layout .hy_block [class^="col-"] .col_control .btn,
.layout .template_content [class^="col-"] .col_control .btn,
.layout .fix_block [class^="col-"] .col_control .btn,
.layout .fix_btngrp [class^="col-"] .col_control .btn,
.layout .hy_block [class^="col-"] .col_control .category a,
.category .layout .hy_block [class^="col-"] .col_control a,
.layout .template_content [class^="col-"] .col_control .category a,
.category .layout .template_content [class^="col-"] .col_control a,
.layout .fix_block [class^="col-"] .col_control .category a,
.category .layout .fix_block [class^="col-"] .col_control a,
.layout .fix_btngrp [class^="col-"] .col_control .category a,
.category .layout .fix_btngrp [class^="col-"] .col_control a {
padding: .2em !important
}
.layout .hy_block [class^="col-"] .col_control .btn i,
.layout .template_content [class^="col-"] .col_control .btn i,
.layout .fix_block [class^="col-"] .col_control .btn i,
.layout .fix_btngrp [class^="col-"] .col_control .btn i,
.layout .hy_block [class^="col-"] .col_control .category a i,
.category .layout .hy_block [class^="col-"] .col_control a i,
.layout .template_content [class^="col-"] .col_control .category a i,
.category .layout .template_content [class^="col-"] .col_control a i,
.layout .fix_block [class^="col-"] .col_control .category a i,
.category .layout .fix_block [class^="col-"] .col_control a i,
.layout .fix_btngrp [class^="col-"] .col_control .category a i,
.category .layout .fix_btngrp [class^="col-"] .col_control a i {
margin-right: .2em
}
.layout .hy_block [class^="col-"] .col,
.layout .template_content [class^="col-"] .col,
.layout .fix_block [class^="col-"] .col,
.layout .fix_btngrp [class^="col-"] .col {
border: 1px dashed #CCC;
padding: .5em;
min-height: 4em
}
.layout .hy_block [class^="col-"] .col .module,
.layout .template_content [class^="col-"] .col .module,
.layout .fix_block [class^="col-"] .col .module,
.layout .fix_btngrp [class^="col-"] .col .module {
min-height: 7em;
border: 2px dashed #21BAFF;
background: #baeaff;
position: relative;
padding: .5em 1em 1em
}
.layout .hy_block [class^="col-"] .col .module .module_info,
.layout .template_content [class^="col-"] .col .module .module_info,
.layout .fix_block [class^="col-"] .col .module .module_info,
.layout .fix_btngrp [class^="col-"] .col .module .module_info {
color: #0080ba
}
.layout .hy_block [class^="col-"] .col .module .module_info p,
.layout .template_content [class^="col-"] .col .module .module_info p,
.layout .fix_block [class^="col-"] .col .module .module_info p,
.layout .fix_btngrp [class^="col-"] .col .module .module_info p {
font-size: .813em;
margin: .2em 0
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"],
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"],
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"],
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"] {
width: calc(100% - 40px);
min-width: 100px;
background: none;
border: none;
box-shadow: none;
color: #0080ba;
margin-left: -.5em;
padding: .3em;
font-size: 1.25em;
font-weight: bold
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]::-webkit-input-placeholder,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]::-webkit-input-placeholder,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]::-webkit-input-placeholder,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]::-webkit-input-placeholder {
color: #0080ba
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]::-moz-placeholder,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]::-moz-placeholder,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]::-moz-placeholder,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]::-moz-placeholder {
color: #0080ba
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]:-ms-input-placeholder,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]:-ms-input-placeholder,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]:-ms-input-placeholder,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]:-ms-input-placeholder {
color: #0080ba
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]:-moz-placeholder,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]:-moz-placeholder,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]:-moz-placeholder,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]:-moz-placeholder {
color: #0080ba
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]:hover,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]:hover,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]:hover,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]:hover,
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]:focus,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]:focus,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]:focus,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]:focus {
outline: none !important;
border: none !important;
box-shadow: none !important
}
.layout .hy_block [class^="col-"] .col .module .module_info input[type="text"]:focus,
.layout .template_content [class^="col-"] .col .module .module_info input[type="text"]:focus,
.layout .fix_block [class^="col-"] .col .module .module_info input[type="text"]:focus,
.layout .fix_btngrp [class^="col-"] .col .module .module_info input[type="text"]:focus {
background: rgba(255, 255, 255, 0.5)
}
.layout .hy_block .col-12 .container,
.layout .template_content .col-12 .container,
.layout .fix_block .col-12 .container,
.layout .fix_btngrp .col-12 .container {
margin-left: 0;
margin-right: 0
}
.layout .setting {
position: absolute;
right: .3em;
top: .2em
}
.layout .setting>a {
min-width: 2em;
text-align: center;
font-size: .813em
}
.layout .setting>a:before {
display: none
}
.layout .setting .dropdown-btn {
font-size: .813em;
width: 3em;
height: 3em;
border-radius: 50%;
line-height: 1.9em;
vertical-align: middle;
padding: .5em;
background: rgba(255, 255, 255, 0.85);
border: 1px solid #CCC
}
.layout .setting .dropdown-btn:hover,
.layout .setting .dropdown-btn:focus {
border: 1px solid #169bf5 !important
}
.layout .setting .dropdown-btn i {
font-size: 1rem;
margin: 0
}
.layout .setting h3 {
margin: 0 0 .5em
}
.layout .setting i {
margin-right: .5em
}
.layout .setting .dropdown-content {
min-width: 15em;
right: 0;
left: auto
}
.layout .setting .dropdown-content:before {
right: 1.2em;
left: auto
}
.layout .setting .dropdown-content .btn,
.layout .setting .dropdown-content .category a,
.category .layout .setting .dropdown-content a {
padding-left: .5em;
padding-right: .5em;
width: 100%;
text-align: left;
background: #FFF !important;
border: 1px solid #DDD
}
.layout .setting .dropdown-content .btn:active,
.layout .setting .dropdown-content .category a:active,
.category .layout .setting .dropdown-content a:active {
transform: translateY(0px)
}
.layout .setting .dropdown-content .btn:hover,
.layout .setting .dropdown-content .category a:hover,
.category .layout .setting .dropdown-content a:hover,
.layout .setting .dropdown-content .btn:focus,
.layout .setting .dropdown-content .category a:focus,
.category .layout .setting .dropdown-content a:focus {
color: #FFF;
background: #169bf5 !important;
border: 1px solid #169bf5 !important;
box-shadow: none
}
.layout .setting .dropdown-content .btn:hover i,
.layout .setting .dropdown-content .category a:hover i,
.category .layout .setting .dropdown-content a:hover i,
.layout .setting .dropdown-content .btn:focus i,
.layout .setting .dropdown-content .category a:focus i,
.category .layout .setting .dropdown-content a:focus i {
filter: invert(100%)
}
.layout .setting .dropdown-content .btn.btn-red,
.layout .setting .dropdown-content .category a.btn-red,
.category .layout .setting .dropdown-content a.btn-red {
border: 1px solid #FF3E4D !important;
color: #FF3E4D !important
}
.layout .setting .dropdown-content .btn.btn-red:hover,
.layout .setting .dropdown-content .category a.btn-red:hover,
.category .layout .setting .dropdown-content a.btn-red:hover,
.layout .setting .dropdown-content .btn.btn-red:focus,
.layout .setting .dropdown-content .category a.btn-red:focus,
.category .layout .setting .dropdown-content a.btn-red:focus {
background: #FF3E4D !important;
color: #FFF !important
}
.layout .setting .dropdown-content .btn.btn-red:hover i,
.layout .setting .dropdown-content .category a.btn-red:hover i,
.category .layout .setting .dropdown-content a.btn-red:hover i,
.layout .setting .dropdown-content .btn.btn-red:focus i,
.layout .setting .dropdown-content .category a.btn-red:focus i,
.category .layout .setting .dropdown-content a.btn-red:focus i {
filter: invert(100%) !important
}
.library {
position: relative;
float: right;
width: 250px
}
.library.fixed {
position: fixed;
top: 3em;
width: 23%
}
.library .hy_block #right-events-module>div,
.library .template_content #right-events-module>div,
.library .fix_block #right-events-module>div,
.library .fix_btngrp #right-events-module>div {
border: 2px solid #CCC;
border-right: 2px solid #999;
border-bottom: 2px solid #777;
text-align: center;
background: #FFF;
padding: .5em 0 .3em;
color: #666
}
.library .hy_block #right-events-module>div:hover,
.library .template_content #right-events-module>div:hover,
.library .fix_block #right-events-module>div:hover,
.library .fix_btngrp #right-events-module>div:hover,
.library .hy_block #right-events-module>div:focus,
.library .template_content #right-events-module>div:focus,
.library .fix_block #right-events-module>div:focus,
.library .fix_btngrp #right-events-module>div:focus {
background: #d4f1ff;
border: 2px solid #21BAFF;
border-right: 2px solid #08b2ff;
border-bottom: 2px solid #00a3ed
}
.library .hy_block #right-events-module>div img,
.library .template_content #right-events-module>div img,
.library .fix_block #right-events-module>div img,
.library .fix_btngrp #right-events-module>div img {
object-fit: contain;
width: 65%;
margin: 0px auto;
opacity: .8
}
.library .hy_block>ul>li>a,
.library .template_content>ul>li>a,
.library .fix_block>ul>li>a,
.library .fix_btngrp>ul>li>a {
position: relative
}
.library .hy_block>ul>li>a.open:before,
.library .template_content>ul>li>a.open:before,
.library .fix_block>ul>li>a.open:before,
.library .fix_btngrp>ul>li>a.open:before {
transform: rotate(-135deg)
}
.library .hy_block>ul>li>a:before,
.library .template_content>ul>li>a:before,
.library .fix_block>ul>li>a:before,
.library .fix_btngrp>ul>li>a:before {
content: "";
width: 6px;
height: 6px;
border: 2px solid #999;
transform: rotate(45deg);
border-left: none;
border-top: none;
position: absolute;
top: 1.2em;
right: 5%
}
.library ul {
margin: 0;
padding: 0;
list-style: none
}
.library ul li {
overflow-y: hidden
}
.library ul li ul {
height: 320px;
overflow-y: auto;
margin-bottom: .5em;
background: #F1F1F1;
padding: .5em;
border: 1px solid #AAA;
box-shadow: 2px 2px 4px RGBA(0, 0, 0, 0.25) inset
}
.library ul li:nth-child(2) ul div {
border: 2px solid #CCC;
border-right: 2px solid #999;
border-bottom: 2px solid #777;
text-align: center;
background: none;
padding: .5em;
color: #666;
background: #FFF;
text-align: left
}
.library ul li:nth-child(2) ul div i {
float: left;
margin: 0px .5em
}
.library ul li:nth-child(2) ul div:focus {
border: 2px dashed #21BAFF
}
.library ul li a {
display: block;
border-bottom: 3px solid #888;
color: #222;
padding: .5em;
background: #F1F1F1;
text-align: center;
margin-bottom: .2em
}
.library ul li div a {
border: 2px solid #CCC;
border-right: 2px solid #999;
border-bottom: 2px solid #777;
text-align: center;
background: none;
padding: .5em 0 .3em;
color: #666;
background: #FFF
}
.library ul li div a span {
color: #333;
display: block
}
.library ul li div a img {
object-fit: contain;
width: 65%;
margin: 0px auto;
opacity: .8
}
.library ul li div a:focus {
border: 2px dashed #21BAFF;
background: #baeaff
}
.library ul li div a:focus img {
opacity: .6
}
.radio_rectangle input[type="radio"] {
display: none
}
.radio_rectangle input[type="radio"]+label {
cursor: pointer;
padding: .2em .5em;
background-color: #F9F9F9;
border: 1px solid #CCC;
border-radius: 4px;
background-image: linear-gradient(to bottom, #fcfcfc 0%, #e6e6e6 100%)
}
.radio_rectangle input[type="radio"]:checked+label {
background: #21BAFF;
color: #fff
}
.text-center {
text-align: center
}
.text-center td {
text-align: center
}
.table_general th {
background: #fff
}
.table_general td {
background: #f9f9f9
}
.search_account {
width: 60%;
margin: 1em 0
}
@media screen and (max-width: 767px) {
.search_account {
position: relative;
width: 100%
}
}
.search_account input[type="text"] {
margin-bottom: 0;
width: 65%
}
@media screen and (max-width: 575px) {
.search_account input[type="text"] {
width: 100%
}
}
.search_account input[type="submit"],
.search_account input[type="reset"] {
padding: 0.5em 2em
}
.icon_btn {
min-width: 2em;
width: 2em;
padding: .2em !important
}
.result_edit {
margin: .5em 0
}
.select_add_remove {
overflow: hidden;
max-width: 800px;
min-width: 320px;
margin: 0 auto;
width: 90%
}
.select_add_remove .grp_wrap {
min-height: 200px;
background: #FFF;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) inset;
padding: .5em 0;
float: left;
width: 44%;
text-align: left
}
.select_add_remove .grp_wrap h4 {
font-size: 1em;
margin: 0 .5em .5em;
border-bottom: 1px solid #DDD
}
.select_add_remove .grp_wrap .check_grp {
height: 150px;
min-width: 150px;
font-size: .875em;
overflow-y: auto;
padding: 0 .5em
}
.select_add_remove .grp_wrap .check_grp label {
margin-bottom: .1em
}
.select_add_remove .grp_wrap select {
width: 95%;
margin: 0 auto !important;
display: block
}
.select_add_remove .add_remove_btn_wrap {
float: left;
width: 12%;
background: none
}
.select_add_remove .add_remove_btn_wrap .btn_grp {
border: none;
margin: .2em auto 0em;
padding: .2em
}
.editor_area {
min-height: 300px;
border: 1px solid #CCC;
border-radius: 5px
}
.upload_area {
min-height: 100px;
border: 1px solid #CCC;
border-radius: 5px;
padding: 3.5em .5em 3em;
position: relative
}
.upload_area.working {
border: 1px solid #87daff;
box-shadow: 0px 0px 0px 2px #87daff inset
}
.upload_area p {
position: absolute;
bottom: .2em;
left: 1em;
font-size: .813em;
color: #BBB;
margin: 0;
line-height: 1.35em
}
.upload_area p.upload_notice {
top: .5em;
color: #555;
font-size: .938em
}
.upload_area p.upload_notice a {
margin: 0 .2em
}
.upload_area .file {
display: block;
margin: 0px 0 .5em;
border-radius: 4px;
padding: .5em 140px .5em 3.5em;
background: #F1F1F1;
position: relative
}
.upload_area .file>span {
font-size: .938em
}
.upload_area .file>span em {
color: #AAA;
font-size: 12px;
font-style: normal;
margin-left: .5em
}
.upload_area .file .pic {
width: 40px;
height: 30px;
margin: 0px .5em 0 0;
position: absolute;
top: .3em;
left: .3em;
border-radius: 4px;
background: #FFF
}
.upload_area .file .pic img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px
}
.upload_area .file.notice_error {
background: #FFD2D2;
border-left: none
}
.upload_area .file.notice_error .pic {
background: transparent
}
.upload_area .file.notice_error .pic img {
display: none
}
.upload_area .file.notice_error .progress_bar {
display: none
}
.upload_area .file.notice_error span {
color: #555
}
.upload_area .file.notice_error span em {
color: red
}
.upload_area .file .delete {
position: absolute;
font-size: .75em;
right: 10px;
top: 50%;
margin-top: -12px;
opacity: .3
}
.upload_area .file .delete:hover,
.upload_area .file .delete:focus {
opacity: 1
}
.upload_area .file .progress_bar {
position: absolute;
bottom: .2em;
background: #DDD;
border-radius: 3px;
height: 6px;
width: 100px;
right: 30px;
top: 50%;
margin-top: -2px
}
.upload_area .file .progress_bar span {
position: absolute;
height: 100%;
border-radius: 3px;
background: #21BAFF;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
background-size: 1rem 1rem;
animation: progress-bar-stripes 1s linear infinite
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
::-webkit-scrollbar {
width: 6px
}
::-webkit-scrollbar-track {
background: transparent
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.3)
}
.bar_style {
background: transparent;
padding: .2em;
margin: 2px 2px 2px 2px;
border-top: 8px solid #FF3E4D;
border-radius: 0 !important
}
table td>.btn,
table .category td>a,
.category table td>a {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
border: 1px solid #DDD;
background: #FFF
}
table td>.btn:hover,
table .category td>a:hover,
.category table td>a:hover,
table td>.btn:focus,
table .category td>a:focus,
.category table td>a:focus {
border: 1px solid #169bf5 !important;
background: #FFF;
box-shadow: none;
background: #169bf5
}
table td>.btn:hover i,
table .category td>a:hover i,
.category table td>a:hover i,
table td>.btn:focus i,
table .category td>a:focus i,
.category table td>a:focus i {
filter: invert(100%)
}
table td:nth-child(9n+1) .bar_style {
border-top: 8px solid #2F7597
}
table td:nth-child(9n+2) .bar_style {
border-top: 8px solid #E45774
}
table td:nth-child(9n+3) .bar_style {
border-top: 8px solid #004eff
}
table td:nth-child(9n+4) .bar_style {
border-top: 8px solid #329900
}
table td:nth-child(9n+5) .bar_style {
border-top: 8px solid #00b472
}
table td:nth-child(9n+6) .bar_style {
border-top: 8px solid #f57900
}
table td:nth-child(9n+7) .bar_style {
border-top: 8px solid #d33570
}
table td:nth-child(9n+8) .bar_style {
border-top: 8px solid #eb5013
}
table td:nth-child(9n+9) .bar_style {
border-top: 8px solid #ffcd03
}
.pointer {
text-decoration: none !important
}
ul.condition {
margin: 0;
padding: 0;
list-style: none
}
ul.condition li {
width: 33%;
display: inline-block;
padding-bottom: .5em;
border-bottom: 1px solid #DDD
}
ul.condition li span {
color: #FF3E4D;
font-size: 2em;
margin: 0 .3em
}
.ui-jqgrid .ui-jqgrid-view {
margin-top: 1px !important
}
.ui-jqgrid tr.ui-row-ltr td {
padding: .1em !important
}
.ui-jqgrid .ui-icon-asc {
margin-left: -1px !important
}
.table_list td .dropdown {
display: inline-block
}
.table_list .dropdown-btn {
width: 2.5em;
height: 2.5em;
border-radius: 50%;
min-width: 2em;
background: #FFF;
border: 1px solid #DDD
}
.table_list .dropdown-btn i {
display: none
}
.table_list .dropdown-btn:hover,
.table_list .dropdown-btn:focus {
border: 1px solid #169bf5 !important;
background: #FFF;
box-shadow: none;
background: #169bf5
}
.table_list .dropdown-btn:hover i,
.table_list .dropdown-btn:focus i {
filter: invert(100%)
}
.table_list .dropdown-btn:hover:before,
.table_list .dropdown-btn:focus:before {
border: 2px solid #FFF;
border-left: none;
border-top: none
}
.table_list .dropdown-btn:before {
width: 6px;
height: 6px;
right: .9em;
content: "";
position: absolute;
border: 2px solid #333;
border-left: none;
border-top: none;
transform: rotate(45deg);
top: 0.9em
}
.table_list .dropdown-content {
width: 200px;
top: 3.2em;
left: -150px
}
.table_list .dropdown-content:before {
right: 15%;
left: auto
}
.table_list .dropdown-content .btn,
.table_list .dropdown-content .category a,
.category .table_list .dropdown-content a {
width: 100%;
text-align: left;
font-size: .875em;
padding: .5em !important;
background: #FFF;
border: 1px solid #DDD !important
}
.table_list .dropdown-content .btn:hover,
.table_list .dropdown-content .category a:hover,
.category .table_list .dropdown-content a:hover,
.table_list .dropdown-content .btn:focus,
.table_list .dropdown-content .category a:focus,
.category .table_list .dropdown-content a:focus {
border: 1px solid #169bf5 !important;
background: #169bf5 !important;
color: #FFF
}
.table_list .dropdown-content .btn:hover i,
.table_list .dropdown-content .category a:hover i,
.category .table_list .dropdown-content a:hover i,
.table_list .dropdown-content .btn:focus i,
.table_list .dropdown-content .category a:focus i,
.category .table_list .dropdown-content a:focus i {
filter: invert(100%)
}
.table_list .dropdown-content .btn i,
.table_list .dropdown-content .category a i,
.category .table_list .dropdown-content a i {
margin-right: .5em
}
.table_list .dropdown-content .btn.btn-red,
.table_list .dropdown-content .category a.btn-red,
.category .table_list .dropdown-content a.btn-red {
border: 1px solid #FF3E4D !important;
color: #FF3E4D
}
.table_list .dropdown-content .btn.btn-red:hover,
.table_list .dropdown-content .category a.btn-red:hover,
.category .table_list .dropdown-content a.btn-red:hover {
color: #FFF;
background: #FF3E4D !important;
border: 1px solid #FF3E4D !important
}
.table_list .dropdown-content .btn.btn-red:hover i,
.table_list .dropdown-content .category a.btn-red:hover i,
.category .table_list .dropdown-content a.btn-red:hover i {
filter: invert(100%)
}
.form_content img {
max-width: 300px
}
.function ul li.icon_back a:before,
.function ul li.icon_print a:before,
.function ul li.icon_forward a:before {
vertical-align: middle;
content: "";
width: 1.2em;
height: 1.2em;
margin-right: .2em;
display: inline-block
}
.function {
margin: 0px;
overflow: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.function ul {
padding: 0;
margin: 0
}
.function ul li {
list-style: none;
display: block;
float: left;
margin: 0 3px 3px 0
}
.function ul li button,
.function ul li a {
font-size: .813em;
display: block;
padding: .2em 1em;
background: #888;
border-color: #888;
color: #FFF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.function ul li button:hover,
.function ul li button:focus,
.function ul li a:hover,
.function ul li a:focus {
background: #6f6f6f;
border-color: #6f6f6f
}
.function ul li.icon_back a:before {
background: url(../images/basic/icon_back.svg) no-repeat center center;
background-size: cover
}
.function ul li.icon_print a:before {
background: url(../images/basic/icon_print.svg) no-repeat center center;
background-size: cover
}
.function ul li.icon_forward a:before {
background: url(../images/basic/icon_forward.svg) no-repeat center center;
background-size: cover
}
.modal {
position: fixed;
display: none;
width: 80%;
height: 80%;
background: #FFF;
z-index: 99999999;
top: 10%;
left: 50%;
margin-left: -40%;
padding: 1em 1em 1em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 1px 1px 35px -10px RGBA(0, 0, 0, 0.75);
-webkit-box-shadow: 1px 1px 35px -10px RGBA(0, 0, 0, 0.75);
box-shadow: 1px 1px 35px -10px RGBA(0, 0, 0, 0.75)
}
.modal h2 {
border-bottom: 1px solid #0870b6;
padding-bottom: .5em;
margin-bottom: .1em;
margin-top: 0
}
.modal .close {
position: absolute;
top: -35px;
right: 5px;
width: 30px !important;
min-width: auto;
height: 30px;
font-size: 0em;
border: none;
display: block;
padding: 0;
background: url(../images/basic/icon_close.svg) no-repeat center center;
background-size: contain;
filter: brightness(30);
filter: invert(70%)
}
.modal .close:hover,
.modal .close:focus {
cursor: pointer;
border: none !important;
filter: invert(100%);
filter: brightness(50)
}
.modal .modal_content {
background: #E8E8E8;
padding: 1em .5em;
height: auto;
position: absolute;
bottom: 5%;
top: 75px;
width: 96%;
left: 2%;
border: 1px solid #DDD;
border-top: 1px solid #BBB;
box-shadow: 5px 5px 8px RGBA(0, 0, 0, 0.15) inset;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0)
}
.modal .modal_content img {
width: 100%;
border: 1px solid #DDD;
margin: .5em 0
}
.modal_overlay {
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: RGBA(0, 0, 0, 0.75);
z-index: 9999998
}
aside {
position: fixed;
height: 100%;
width: 210px;
background: url(../images/menu_bg2.png), rgba(57, 63, 77, 0.5);
background-size: cover;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 999999;
padding-top: 3em
}
aside:after {
position: absolute;
width: .5em;
height: 100%;
content: "";
top: 0;
right: 0;
background: transparent;
background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15));
background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
z-index: 1
}
aside.closed {
width: 3em
}
aside.closed menu {
overflow-y: visible;
overflow: visible
}
aside.closed menu>ul li {
position: relative
}
aside.closed menu>ul a {
text-align: center
}
aside.closed menu>ul a span {
display: none
}
aside.closed menu>ul a .toggle_btn {
display: none
}
aside.closed menu>ul a img {
margin: 0 auto;
height: 1.5em;
width: 1.5em
}
aside.closed menu>ul ul {
position: absolute;
top: 0;
left: 3em;
width: 210px;
margin: 0;
padding: 0;
list-style: none
}
aside.closed menu>ul ul ul {
left: 210px
}
aside.closed menu>ul ul ul {
padding-left: 0
}
aside.closed menu>ul ul li a {
display: block;
text-align: left;
padding-left: 2.5em
}
aside:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #07619e;
background: -webkit-linear-gradient(top, #07619e, #00b471);
background: linear-gradient(to bottom, #07619e, #00b471);
opacity: .8
}
@media screen and (max-width: 991px) {
aside {
display: none
}
}
aside>.toggle_btn {
position: absolute;
top: 0;
left: 0;
height: 3em;
width: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 9
}
aside>.toggle_btn:after {
position: absolute;
content: "全球資訊網";
left: 2.6em;
top: .8em;
color: #FFF;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85) !important;
display: block
}
aside>.toggle_btn:before {
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
top: .8em;
left: .8em;
background: url(../images/logo.svg) no-repeat center center;
background-size: contain;
display: block
}
aside>.toggle_btn.closed:before,
aside>.toggle_btn.closed:after {
display: none !important
}
aside>.toggle_btn.closed a:before {
transform: rotate(45deg);
left: 30%
}
aside>.toggle_btn a {
position: absolute;
width: 3em;
height: 3em;
top: 0;
right: 0
}
aside>.toggle_btn a:hover,
aside>.toggle_btn a:focus {
background: #FCC211
}
aside>.toggle_btn a:hover:before,
aside>.toggle_btn a:focus:before {
border: 2px solid #222;
border-left: none;
border-bottom: none
}
aside>.toggle_btn a:before {
position: absolute;
width: 12px;
height: 12px;
border: 2px solid #FFF;
content: "";
left: 40%;
top: 35%;
border-left: none;
border-bottom: none;
transform: rotate(-135deg);
z-index: 1;
display: block
}
aside menu {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding-bottom: 30%;
padding: 0;
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
aside menu.open_overflow {
overflow: visible
}
aside menu>ul {
margin: 0 0 300px 0;
padding: 0
}
aside menu>ul>li a {
vertical-align: middle;
padding-right: 2em;
outline: none;
box-shadow: none
}
aside menu>ul>li a span {
text-shadow: 1px 1px 1px #000
}
aside menu>ul>li a img {
height: 1.2em;
width: 1.2em;
display: inline-block;
vertical-align: middle;
margin-right: .5em;
position: relative;
top: -.1em
}
aside menu>ul>li a .toggle_btn {
width: 1.2em;
height: 1.2em;
position: absolute;
right: .5em;
top: .7em;
margin: 0;
padding: 0
}
aside menu>ul>li a .toggle_btn:focus {
background: transparent
}
aside menu>ul>li a .toggle_btn.open:before {
top: .55em;
transform: rotate(-135deg)
}
aside menu>ul>li a .toggle_btn:before {
content: "";
width: 6px;
height: 6px;
border: 2px solid rgba(255, 255, 255, 0.7);
transform: rotate(45deg);
border-left: none;
border-top: none;
position: absolute;
top: .3em;
left: 28%
}
aside menu>ul li {
border-top: 1px solid rgba(255, 255, 255, 0.4)
}
aside menu>ul li:first-child {
border-top: none
}
aside menu>ul li a {
color: #FFF;
display: block;
padding: .6em .5em;
position: relative;
font-size: .875em;
font-weight: bold
}
aside menu>ul li a:hover,
aside menu>ul li a:focus {
color: #FFF;
background: rgba(29, 34, 38, 0.5)
}
aside menu>ul li a:hover .toggle_btn:before,
aside menu>ul li a:focus .toggle_btn:before {
border: 2px solid #FFF;
border-left: none;
border-top: none
}
aside menu>ul ul {
padding: .5em 0;
display: none;
position: relative;
background: rgba(0, 0, 0, 0.65)
}
aside menu>ul ul li {
border: none;
position: relative
}
aside menu>ul ul li:before {
content: "";
width: 4px;
height: 4px;
border: 2px solid #FCC211;
transform: rotate(45deg);
border-left: none;
border-bottom: none;
position: absolute;
top: .9em;
left: .5em;
transition: .3s ease-out;
opacity: 0
}
aside menu>ul ul li:hover,
aside menu>ul ul li:focus {
color: #009a61
}
aside menu>ul ul li:hover:before,
aside menu>ul ul li:focus:before {
left: 1em;
opacity: 1
}
aside menu>ul ul li a {
padding-left: 2.5em;
color: #F1F1F1;
font-size: .938em;
padding: .4em 1em .4em 2.5em;
text-shadow: none
}
aside menu>ul ul li a:hover,
aside menu>ul ul li a:focus {
color: #FCC211;
background: transparent
}
aside menu>ul ul li ul {
position: absolute;
top: 0;
width: 220px;
left: 210px;
background: #1D2226;
z-index: 99;
padding: 0;
margin: 0;
padding: 0;
list-style: none
}
header {
background: #FFF;
position: fixed;
height: 3em;
z-index: 9999;
width: 100%;
color: #FFF;
padding-left: 210px;
box-shadow: 1px 3px 21px 0px rgba(0, 0, 0, 0.2)
}
header.closed {
padding-left: 3em
}
@media screen and (max-width: 991px) {
header {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
header h1 {
font-size: 1.25em;
width: auto;
margin: 0;
padding: .6em .5em .7em;
line-height: 1.5em;
width: 30%;
height: 2.4em;
white-space: nowrap;
display: none
}
header h1 small {
margin: 0 .5em
}
header h1 img {
max-height: 1em;
margin-right: .5em
}
header h1 a {
color: #333
}
header h1 a:hover,
header h1 a:focus {
color: #000
}
header .account {
position: absolute;
right: 1em;
top: .28em
}
header .account>a {
font-size: .814em
}
header .account>a span {
margin: 0 .5em
}
header .account .dropdown-btn {
padding: .5em 2em .5em 1.5em
}
header .account .dropdown-btn:before {
border: 2px solid #333;
transform: rotate(45deg);
border-left: none;
border-top: none
}
header .account .dropdown-btn .icon_man:before {
content: "";
width: 1.4em;
height: 1.4em;
background: url(../images/icon/icon_man.svg) no-repeat center center;
position: absolute;
top: .5em;
left: .5em;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
background-size: contain
}
header .account .dropdown-content {
right: 0;
left: auto;
min-width: 24em;
font-size: .813em
}
header .account .dropdown-content ul {
padding-left: 2em
}
header .account .dropdown-content ul li {
color: #555;
margin-bottom: .5em;
list-style: disc
}
header .account .dropdown-content:before {
right: 5%;
left: auto
}
header .account .dropdown-content .info {
overflow: hidden;
*zoom: 1;
margin-bottom: 1em
}
header .account .dropdown-content .info .id {
overflow: hidden;
display: block;
font-size: 1.25em;
font-weight: bold;
padding: .75em 0
}
header .account .dropdown-content .info .pic {
width: 4em;
height: 4em;
float: left;
margin: 0px .5em .5em 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #FFF;
overflow: hidden
}
header .account .dropdown-content .info .pic img {
width: 100%;
height: 100%;
object-fit: cover
}
header .account .dropdown-content .btn-grp {
text-align: right
}
.pagination {
margin: .5em auto;
padding: 0;
display: block;
text-align: center;
font-size: .938em;
overflow: hidden;
*zoom: 1
}
.pagination span {
color: #0870b6;
margin: 0px .5em
}
.pagination .page {
margin: 10px 0;
padding: 0
}
.pagination .page li {
display: inline-block;
min-width: 40px;
height: 40px;
margin-bottom: 5px;
list-style: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pagination .page li a {
border-radius: 5px;
padding: 6px 10px;
font-weight: 700;
display: block;
white-space: nowrap;
font-size: 1em;
color: #333;
background: #FFF;
background: -webkit-linear-gradient(top, #FFF, #E1E1E1);
background: linear-gradient(to bottom, #ffffff, #e1e1e1);
border: #ccc solid 1px
}
.pagination .page li a:hover,
.pagination .page li a:focus {
background: #169bf5;
color: #fff !important;
border: #169bf5 solid 1px
}
.pagination .page li.active a {
color: #fff !important;
background: #169bf5;
border: #0a8ee7 solid 1px
}
.pagination .page li.first a:before,
.pagination .page li.first a:after,
.pagination .page li.prev a:before,
.pagination .page li.next a:before,
.pagination .page li.last a:before,
.pagination .page li.last a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin-top: -4px;
border: 2px solid #666;
border-left: none;
border-bottom: none
}
.pagination .page li.first a,
.pagination .page li.prev a,
.pagination .page li.next a,
.pagination .page li.last a {
text-indent: -9999px;
position: relative
}
.pagination .page li.first a:hover:before,
.pagination .page li.first a:hover:after,
.pagination .page li.first a:focus:before,
.pagination .page li.first a:focus:after,
.pagination .page li.prev a:hover:before,
.pagination .page li.prev a:hover:after,
.pagination .page li.prev a:focus:before,
.pagination .page li.prev a:focus:after,
.pagination .page li.next a:hover:before,
.pagination .page li.next a:hover:after,
.pagination .page li.next a:focus:before,
.pagination .page li.next a:focus:after,
.pagination .page li.last a:hover:before,
.pagination .page li.last a:hover:after,
.pagination .page li.last a:focus:before,
.pagination .page li.last a:focus:after {
border: 2px solid #FFF;
border-left: none;
border-bottom: none
}
.pagination .page li.first a:before {
margin-left: -6px;
transform: rotate(-135deg)
}
.pagination .page li.first a:after {
margin-left: 0px;
transform: rotate(-135deg)
}
.pagination .page li.prev a:before {
margin-left: -2px;
transform: rotate(-135deg)
}
.pagination .page li.next a:before {
margin-left: -6px;
transform: rotate(45deg)
}
.pagination .page li.last a:before {
margin-left: -3px;
transform: rotate(45deg)
}
.pagination .page li.last a:after {
margin-left: -9px;
transform: rotate(45deg)
}
.pagination .total {
padding: .5em
}
.pagination .total select {
margin: 0px .5em;
background: #FFF url(../images/basic/icon_select_arrow.svg) no-repeat right center;
background-size: 20px
}
@media screen and (max-width: 767px) {
.pagination .total select {
margin: 0px
}
}
.pagination .total input[type="button"] {
background: #F7F7F7;
background: -webkit-linear-gradient(top, #F7F7F7, #EAEAEA);
background: linear-gradient(to bottom, #f7f7f7, #eaeaea);
border: 1px solid #CCC;
color: #222;
padding: .4em 1em !important;
min-width: 3em;
display: inline-block;
vertical-align: middle;
box-shadow: none
}
.pagination .total input[type="button"]:hover,
.pagination .total input[type="button"]:focus {
color: #fff !important;
background: #0870b6;
border: #07619e solid 1px;
box-shadow: none !important
}
@media screen and (max-width: 767px) {
.pagination .total select.form-control {
margin: 0px 0px;
text-align: center
}
}
.category {
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0em auto
}
.category ul {
padding: 0;
margin: 0;
overflow: hidden
}
.category ul li {
margin: 0px 3px 3px 0px;
display: block;
float: left
}
.category a {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative
}
.scroll-wrapper>.scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
height: 0;
width: 0
}
.scroll-element {
display: none
}
.scroll-element,
.scroll-element div {
box-sizing: content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999
}
.scroll-textarea>.scroll-content {
overflow: hidden !important
}
.scroll-textarea>.scroll-content>textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
height: 0;
width: 0
}
.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10
}
.scrollbar-outer>.scroll-element {
background-color: #ffffff
}
.scrollbar-outer>.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scrollbar-outer>.scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%
}
.scrollbar-outer>.scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px
}
.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
height: 8px;
top: 2px
}
.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
left: 2px;
width: 8px
}
.scrollbar-outer>.scroll-element .scroll-element_outer {
overflow: hidden
}
.scrollbar-outer>.scroll-element .scroll-element_track {
background-color: #eeeeee
}
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track,
.scrollbar-outer>.scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px
}
.scrollbar-outer>.scroll-element .scroll-bar {
background-color: #d9d9d9
}
.scrollbar-outer>.scroll-element .scroll-bar:hover {
background-color: #c2c2c2
}
.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
background-color: #919191
}
.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
left: -12px;
margin-left: 12px
}
.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
top: -12px;
margin-top: 12px
}
.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
min-width: 10px
}
.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
min-height: 10px
}
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -14px
}
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -14px
}
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -14px
}
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -14px
}
.share {
margin: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.share ul {
list-style-type: none;
padding: 0
}
.share ul li {
width: 30px;
height: 30px;
display: inline-block;
text-align: left;
margin: 0px 3px 3px
}
@media screen and (max-width: 991px) {
.share ul li {
margin: 0px 1px 2px;
width: 30px;
height: 30px
}
}
.share ul li img {
width: 100%;
height: 100%
}
*[class^="notice"] {
padding: .4em 2em .4em 2em;
display: block;
font-size: .938em;
margin: .2em 0;
position: relative;
color: #666;
background-color: #f2f2f2;
vertical-align: middle;
position: relative;
border-left: .5em solid #f2f2f2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
*[class^="notice"]:before {
position: absolute;
top: .7em;
left: .5em;
display: block;
vertical-align: middle;
width: 15px;
height: 15px;
content: ""
}
*[class^="notice"]:before img {
width: 100%
}
*[class^="notice"] a.close {
position: absolute;
width: 12px;
height: 12px;
top: .4em;
right: 1em;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5
}
*[class^="notice"] a.close:hover,
*[class^="notice"] a.close:focus {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}
*[class^="notice"] a.close img {
width: 12px;
height: 12px
}
*[class*="notice_info"] {
border: none;
color: #00529B;
background-color: #BDE5F8;
border-left: .5em solid #BDE5F8
}
*[class*="notice_info"]:before {
background: url(../images/basic/icon_info.svg) no-repeat center center;
background-size: 15px
}
*[class*="notice_success"] {
border: none;
color: #4F8A10;
background-color: #DFF2BF;
border-left: .5em solid #DFF2BF
}
*[class*="notice_success"]:before {
background: url(../images/basic/icon_success.svg) no-repeat center center;
background-size: 15px
}
*[class*="notice_warning"] {
border: none;
color: #CE5605;
background-color: #FEEFB3;
border-left: .5em solid #FEEFB3
}
*[class*="notice_warning"]:before {
background: url(../images/basic/icon_warning.svg) no-repeat center center;
background-size: 15px
}
*[class*="notice_error"] {
border: none;
color: #D8000C;
background-color: #FFD2D2;
border-left: .5em solid #FFD2D2
}
*[class*="notice_error"]:before {
background: url(../images/basic/icon_error.svg) no-repeat center center;
background-size: 15px
}
.select_add_remove select {
height: 200px;
background: transparent !important
}
input.chosen-search-input {
min-width: 100% !important
}
body.body_white {
background: #E8E8E8 !important;
padding: .5em 1em;
overflow-x: hidden
}
body.body_white .hy_block,
body.body_white .template_content,
body.body_white .fix_block,
body.body_white .fix_btngrp {
border: none;
border-bottom: 2px solid #BBB
}
input[type="input"].small,
input.small {
width: 4em !important;
display: inline-block
}
.fix_block,
.fix_btngrp {
position: fixed;
top: 6.6em;
right: 1em;
width: 230px;
min-height: 300px;
padding: 3em 1em 1em 1em;
z-index: 99;
height: 75%;
overflow-y: auto;
background: #FFF;
text-align: left
}
.fix_block .pills ul li,
.fix_btngrp .pills ul li {
float: none;
display: block;
margin: 0 0 .3em
}
.fix_block .pills ul li.active a,
.fix_btngrp .pills ul li.active a {
color: #FFF;
background: #F77810;
border: 1px solid #F77810 !important
}
.fix_block .pills ul li.ok a,
.fix_btngrp .pills ul li.ok a {
color: #FFF;
background: #5CB85C;
border: 1px solid #5CB85C !important
}
.fix_block .pills ul li a,
.fix_btngrp .pills ul li a {
padding-left: 2.2em;
text-align: left;
color: #FFF;
background: #888;
border: 1px solid #6f6f6f
}
.fix_block .pills ul li a:hover,
.fix_block .pills ul li a:focus,
.fix_btngrp .pills ul li a:hover,
.fix_btngrp .pills ul li a:focus {
background: #5CB85C;
border: 1px solid #5CB85C !important
}
.fix_block .pills ul li a i,
.fix_btngrp .pills ul li a i {
position: absolute;
left: .3em;
top: .7em;
text-align: center;
background: transparent !important
}
.fix_block .pills a,
.fix_btngrp .pills a {
width: 100%
}
.fix_block .now p,
.fix_btngrp .now p {
font-size: .875rem;
color: #666;
margin: 1em 0 .5em
}
.fix_block .now p span,
.fix_btngrp .now p span {
color: red
}
.fix_block .now p img,
.fix_btngrp .now p img {
display: inline-block;
vertical-align: top
}
.fix_block .status_block,
.fix_btngrp .status_block {
margin-bottom: 2em
}
.fix_block:before,
.fix_btngrp:before {
position: absolute;
background: #0f6eaf;
background: -webkit-linear-gradient(left, #0f6eaf, #00b471);
background: linear-gradient(to right, #0f6eaf, #00b471);
height: 1.5em;
top: 0;
left: 0;
right: 0;
content: "資料狀態";
color: #FFF;
padding: .3em 1em;
border-radius: 6px 6px 0 0;
text-shadow: 1px 1px 1px #000
}
.fix_block h3,
.fix_btngrp h3 {
margin: .5em 0
}
.fix_block table,
.fix_btngrp table {
font-size: .75em
}
.fix_block table th,
.fix_btngrp table th {
white-space: nowrap
}
.fix_block input,
.fix_block .btn,
.fix_block .category a,
.category .fix_block a,
.fix_btngrp input,
.fix_btngrp .btn,
.fix_btngrp .category a,
.category .fix_btngrp a {
display: inline-block !important;
width: 48%;
padding-left: .2em;
padding-right: .2em;
margin: 0 0 .2em
}
.fix_block hr,
.fix_btngrp hr {
border-top: 1px solid #DDD;
margin-bottom: 1em
}
.fix_block .btn-release,
.fix_btngrp .btn-release {
width: 100%;
margin-bottom: .5em
}
.fix_block .not-allowed,
.fix_btngrp .not-allowed {
cursor: not-allowed !important;
opacity: .75;
pointer-events: none
}
.fix_block .btn-primary,
.fix_btngrp .btn-primary {
background-color: #5CB85C;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5CB85C', endColorstr='#FF5CB85C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjYjg1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjYjg1YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5cb85c), color-stop(100%, #5cb85c));
background-image: -moz-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%);
border: 1px solid #5cb85c;
border-bottom: 2px solid #3d8b3d;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.6)
}
.fix_block .btn-primary:hover,
.fix_block .btn-primary:focus,
.fix_btngrp .btn-primary:hover,
.fix_btngrp .btn-primary:focus {
background-color: #4cae4c;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4CAE4C', endColorstr='#FF4CAE4C');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYWU0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjYWU0YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4cae4c), color-stop(100%, #4cae4c));
background-image: -moz-linear-gradient(top, #4cae4c 0%, #4cae4c 100%);
background-image: -webkit-linear-gradient(top, #4cae4c 0%, #4cae4c 100%);
background-image: linear-gradient(to bottom, #4cae4c 0%, #4cae4c 100%);
border: 1px solid #449d44 !important;
border-bottom: 2px solid #449d44 !important;
cursor: pointer;
color: #FFF
}
.fix_block .btn-primary:active,
.fix_btngrp .btn-primary:active {
transform: translateY(3px)
}
.fix_block .btn-primary.active,
.fix_btngrp .btn-primary.active {
background: #4cae4c;
cursor: pointer
}
* {
box-sizing: border-box
}
body {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
background: #E8E8E8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.wrapper {
width: 100%;
margin: 0px auto
}
@media screen and (max-width: 767px) {
.wrapper {
background: #FFF
}
}
.container {
padding: 0;
margin: 0 auto;
max-width: 1200px
}
.main {
position: relative;
margin: 0 auto;
padding: 0
}
@media screen and (max-width: 767px) {
.main {
padding-top: 55px
}
}
.main h2 {
line-height: 1.25em
}
.innerpage {
padding-top: 2em
}
@media screen and (max-width: 767px) {
.innerpage {
padding-top: 5em
}
}
.innerpage>.container {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-50px)
}
100% {
transform: translateY(0)
}
}
.admin_wrapper {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
margin: 0px auto;
box-sizing: border-box;
background: url(../images/login_bg.jpg);
background-size: cover
}
.admin_wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #07619e;
background: -webkit-linear-gradient(to bottom right, #07619e, #00b471);
background: linear-gradient(to bottom right, #07619e, #00b471);
opacity: .45;
z-index: 1
}
@media screen and (max-width: 767px) {
.admin_wrapper {
position: relative
}
}
.admin_wrapper .login {
width: 600px;
margin-left: -300px;
animation-fill-mode: both;
animation-duration: 1s;
animation-name: bounceInDown;
position: fixed;
min-height: 440px;
background: #FFF;
top: 2em;
left: 50%;
padding: 1em 2em;
border-radius: 1em;
box-shadow: 0 1em 3em -1em rgba(0, 0, 0, 0.5);
z-index: 9;
box-sizing: border-box
}
@media screen and (max-width: 767px) {
.admin_wrapper .login {
width: 80%;
margin-left: -40%
}
}
@media screen and (max-width: 575px) {
.admin_wrapper .login {
top: 20px;
width: 90%;
left: 5%;
min-height: 520px;
margin-left: 0;
padding: 1em
}
}
.admin_wrapper .login:before {
position: absolute;
top: .5em;
right: .5em;
background: #444;
text-align: center;
border-radius: 8px;
content: "PC版";
color: #FFF;
font-weight: bold;
padding: .3em 1.2em;
font-size: .938em
}
.admin_wrapper .login .mask {
width: 90%;
height: 420px;
margin: 0px auto;
overflow: hidden;
position: relative;
z-index: 2
}
@media screen and (max-width: 767px) {
.admin_wrapper .login .mask {
height: 450px;
width: 100%
}
}
@media screen and (max-width: 575px) {
.admin_wrapper .login .mask {
height: 450px;
width: 100%
}
}
.admin_wrapper .login .mask .login_block {
position: absolute;
width: 100%;
padding: .5em 2em
}
.admin_wrapper .login .mask .login_block .form_grp:last-child {
display: none
}
.admin_wrapper .login .mask .login_block .form_grp:last-child .form_content {
text-align: right;
padding-top: 2em
}
.admin_wrapper .login .mask .forget_block {
position: absolute;
left: 100%;
width: 100%
}
.admin_wrapper .login .mask .forget_block h2 {
width: 90%;
margin: 1em auto
}
.admin_wrapper .login .mask .forget_block .form_grid {
width: 90%;
margin: 0 auto
}
.admin_wrapper .login .mask .forget_block .form_grid input[type="text"] {
background: url(../images/icon/icon_mail.svg) no-repeat 1em 1em #FDFDFD;
background-size: 16px
}
.admin_wrapper .login .mask .form_grid {
min-width: 1em;
margin: .5em auto
}
.admin_wrapper .login label {
display: none
}
.admin_wrapper .login .form_grp {
border-bottom: none;
margin-bottom: .7em !important;
overflow: visible
}
.admin_wrapper .login .form_grp:after {
content: "";
clear: both;
display: block
}
.admin_wrapper .login .btn_grp {
margin-bottom: 1.6em
}
.admin_wrapper .login .btn_grp input[type="submit"],
.admin_wrapper .login .btn_grp input[type="reset"] {
padding-left: 2em;
padding-right: 2em
}
@media screen and (max-width: 767px) {
.admin_wrapper .login .btn_grp {
margin-bottom: .2em
}
}
.admin_wrapper .login .form_content {
width: 100%;
position: relative;
min-height: 1px;
padding-left: .2em;
padding-right: .2em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.admin_wrapper .login .form_content input[type="text"],
.admin_wrapper .login .form_content input[type="password"] {
box-shadow: 0px 0px 15px RGBA(0, 0, 0, 0.2);
border: none;
padding: .8em 1em .8em 2.8em;
border-radius: 2em;
transition: .3s ease-out
}
.admin_wrapper .login .form_content input[type="text"]:focus,
.admin_wrapper .login .form_content input[type="password"]:focus {
border: none !important;
box-shadow: 0px 0px 20px RGBA(0, 0, 0, 0.4)
}
.admin_wrapper .login .form_content input {
transition: .3s ease-out
}
.admin_wrapper .login .form_content input.id~img {
position: absolute;
top: .9em;
left: 1em;
width: 20px
}
.admin_wrapper .login .form_content input.pw~img {
position: absolute;
top: .9em;
left: 1.2em;
width: 16px
}
.admin_wrapper .login .form_content .captcha {
display: inline-block;
margin: 0px .5em .5em 0
}
@media screen and (max-width: 575px) {
.admin_wrapper .login .form_content .captcha {
display: block
}
}
.admin_wrapper .login .form_content .captcha~input[type="text"] {
display: inline-block;
width: auto;
text-align: center;
width: 8em;
padding: .6em;
border-radius: .5em;
box-shadow: none;
margin-right: .5em;
font-weight: bold;
letter-spacing: .05em
}
@media screen and (max-width: 575px) {
.admin_wrapper .login .form_content .captcha~input[type="text"] {
width: 100%;
display: block
}
}
.admin_wrapper .login .form_content .captcha~a {
display: inline-block;
position: relative;
width: 26px;
height: 26px;
vertical-align: middle;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #DEDEDE;
text-align: center
}
@media screen and (max-width: 575px) {
.admin_wrapper .login .form_content .captcha~a {
position: absolute;
top: .4em;
right: .4em
}
}
.admin_wrapper .login .form_content .captcha~a:hover img,
.admin_wrapper .login .form_content .captcha~a:focus img {
opacity: 1
}
.admin_wrapper .login .form_content .captcha~a img {
margin-top: .3em;
opacity: .4
}
.admin_wrapper h1 {
line-height: 2em;
text-align: center;
margin: .2em 0
}
.admin_wrapper h1 img {
height: 60px;
display: block;
margin: 0 auto;
vertical-align: middle
}
@media screen and (max-width: 575px) {
.admin_wrapper h1 img {
max-width: 100%;
max-height: 60px
}
}
.admin_wrapper h1 img+img {
height: 70px
}
.admin_wrapper h1 small {
display: block;
color: #666
}
@media screen and (max-width: 575px) {
.admin_wrapper h1 {
font-size: 1.8em;
margin-bottom: .5em
}
}
.admin_wrapper h2 {
text-align: left
}
.admin_wrapper .btn,
.admin_wrapper .category a,
.category .admin_wrapper a {
text-shadow: 1px 2px 2px RGBA(0, 0, 0, 0.75);
border: none;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
background: #0092d4;
background: -webkit-linear-gradient(top, #0092d4, #63e3ff);
background: linear-gradient(to bottom, #0092d4, #63e3ff);
box-shadow: 0px 0px 0em #21baff;
transition: .3s ease-out;
width: 80%;
color: #FFF;
font-weight: bold;
font-size: 1.125em
}
.admin_wrapper .btn:hover,
.admin_wrapper .category a:hover,
.category .admin_wrapper a:hover,
.admin_wrapper .btn:focus,
.admin_wrapper .category a:focus,
.category .admin_wrapper a:focus {
border: none !important;
background-color: #00a3ed;
cursor: pointer;
color: #FFF;
outline: none;
box-shadow: 0px 0px 1.5em #63e3ff;
background: #0092d4;
background: -webkit-linear-gradient(top, #0092d4, #63e3ff);
background: linear-gradient(to bottom, #0092d4, #63e3ff)
}
button[disabled] {
background: #EAEAEA !important;
color: #888
}
button[readonly]~label,
button[disabled]~label {
color: #888
}
button[readonly]:hover,
button[readonly]:focus,
button[disabled]:hover,
button[disabled]:focus {
cursor: not-allowed
}