:root{
	--blue: #204282;
	--blue-light: #3498DB;
	--blue-ex-light: #7ABAC7;
	--red: #E74C3C;
	--red-light: #F1948A;
	--f-myriad: "myriad", sans-serif;
	--f-myriad-semi: "myriad-semi", sans-serif;
	--f-myriad-bold: "myriad-bold", sans-serif;
}
html, body {font-family:var(--f-myriad);background-color:#DADBDC;}
a {color:var(--blue)!important;}a:hover{color:var(--blue-light)!important;}
.form-error-message{background:unset;color:#F00;border:0;padding:0;font-size:0.7em;margin-top:5px;}
.form-message{background-color:var(--blue-ex-light);border-color:var(--blue-ex-light);padding:5px;font-size:0.7em;}
.form-message a {color:#000;}
.form-message a:hover {color:#FFF;}

.top {background-color:#FFF;color:var(--blue);text-align:left;height:50px;font-family:var(--f-myriad);}
.top .logo {display:inline-block;line-height:50px;}
.top .logo img{height:40px;width:auto;vertical-align:middle;margin-left:5px;}
.top .t-menu {position:relative;float:right;line-height:50px;padding-right:10px;}

.top .t-menu .tm-content, .top .t-menu ul {display:none;height:0;list-style-type:none;}
.top .t-menu .tm-member {display:inline-block;position:relative;}
.top .t-menu div.tm-member-name {display:none;}
.top .t-menu .tm-member .icon-user-circle, .top .t-menu .icon-bars {display:inline-block; vertical-align:middle; font-size:1.5em; margin-left:20px; margin-bottom:5px; color:var(--blue);}
.top .t-menu .tm-member ul, .top .t-menu .tm-content { position:absolute;z-index:9999;top:100%;right:-5px;background-color:#EEE;border:1px solid #DDD;margin:0;padding:0;list-style-type:none; }
.top .t-menu .tm-member.active ul, .top .t-menu .tm-content.active {display:block;height:auto;}
.top .t-menu .tm-member ul li, .top .t-menu .tm-content li {display:block; white-space:nowrap; padding:0; text-align:right;line-height:2em;}
.top .t-menu .tm-member ul li.active, .top .t-menu .tm-content li.active { background-color: var(--blue); color: #FFF;}
.top .t-menu .tm-member ul li a {display:block;padding:5px 10px;color:var(--blue);}
.top .t-menu .tm-member ul li.tm-member-name {background-color:#DDD; color:#333; font-size:0.9em;padding:5px 10px;}
.top .t-menu .tm-member.login-bts {font-size:0.8em;}
.top .t-menu .tm-member.login-bts a {padding:0 5px;}
.top .t-menu .tm-content {display:none; right:0; z-index:9999; }
.top .t-menu .tm-content li a {padding:5px 20px;display:block;}

.breadcrumb {width:100%;max-width:1200px;text-align:left;margin:1em auto; font-size:0.8em;}

.page-title {margin:0 0 20px 0;padding:20px 0;border-bottom:1px solid #333;}

.qr-code {padding:20px 0;}
.qr-code .boundary {max-width:96%;text-align:left;}

.welcome {position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:10000;background-color:#FFF;text-align:center;}
.welcome img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100px;height:auto;}
.welcome.active img {animation-name:zoom;animation-duration:2s;width:100px;height:auto;}
@keyframes zoom{
	from{width:0;} to{width:100px;}
}

label span{color:#f00;font-size:0.8rem;}
label span:before{content:"*";}
label span.description {color:#AAA;display:block;margin:0;}
label span.description:before{content:"";}

.container .boundary .form-message {margin-bottom:20px;padding:10px;}
.container .boundary > .form-error-message {display:block;background-color:#F66;margin-bottom:20px;color:#FFF;padding:10px;}

.container.news {background-color:#FFF;border-bottom:2px solid #333;padding-top:2em;}
.container.news .boundary > .table {border-collapse:separate;border-spacing:10px;}
.container.news .boundary > .table > .col:last-child {padding-top:1em;border-top:1px solid #000;}
.container.news .boundary .table .col {text-align:left;color:#AAA;}
.container.news .boundary .table .col a {color:#000;line-height:1.2em;display:block;margin-bottom:10px;}
.container.news .boundary .table .col .table {margin-bottom:1em;}
.container.news .boundary .table .col p {color:#000;}
.container.news .boundary .table .col h3 {margin: 1em 0 10px;}
.container.news .boundary .table .col h3 {color:var(--blue);}
.container.news .boundary .table .col h3 a {color:inherit;}

.container.footer {border-bottom:unset;padding-bottom:10px;}
.container.footer .boundary {width:96%;}
.container.news.footer .boundary > .table {table-collapse:collapse;border-spacing:unset;}
.container.news.footer .boundary > .table > .col:last-child {border-top:unset;}
.container.footer .boundary .table .col h3 {margin-bottom:1em!important;}
.container.footer .boundary .quote {background-color:#EEE;border:1px solid #CCC;padding:10px;color:#000;}
.container.footer .boundary .quote a {color:var(--blue) !important;}
.container.footer .boundary a {display:inline-block !important;}
.container.footer .boundary a[class^="icon-"] {color:#666 !important;}
.container.footer .boundary .table .col:last-child a[class^="icon-"] {font-size:2em;margin-right:10px;}
.container.footer .boundary a[class^="icon-"]:hover {color:var(--blue)!important;}
.container.footer .boundary ul {list-style-type:none;margin:0;padding:0;}
.container.footer .boundary ul li a {color:var(--blue-light); margin-bottom:10px;}
.container.footer .boundary .copyright {font-size:0.8em;color:var(--blue);}
.container.footer .qr-codes .qr {width:48%;margin:0 1% 10px;display:inline-block;position:relative;}
.container.footer .qr-codes .qr:last-child{display:none;}
.container.footer .qr-codes .qr .control a {display:inline-block!important;color:#FFF!important;margin:0 5px 0 0 !important;font-size:1em;}
.container.footer .qr-codes .qr .control a:last-child{margin-right:0!important;}
.container.footer .qr-codes .description {font-size:0.9em;color:#000;}
.container.footer .qr-codes .qr .square-image a {pointer-events:none;}

.container.footer.sticky {position:-webkit-sticky;position:sticky;top:100%;padding-bottom:70px;}

.hotline {position:fixed;z-index: 9999;bottom: 10px;left:10px;display:block;}
.hotline div {font-size: 1em;font-weight: bold;color: #FFF;background-color: #C00;text-transform: uppercase;border-radius: 10px;box-sizing: border-box;box-shadow: 1px 1px 2px 0px #333;padding: 0 10px 0 20px;display:inline-block;vertical-align:middle;z-index:1;position:relative;}
.hotline div a {color:inherit!important;line-height:2em;display:inline-block;margin-bottom:-5px;}
.hotline div a:hover {color:#FF0!important;}
.hotline:before{display:inline-block;content:"";width:auto;height:50px;background: url('/images/hotline_edit.gif') no-repeat top left;background-size: 50px;padding-left: 55px;vertical-align:middle;margin-right:-20px;z-index:2;position:relative;}

@media (min-width:576px){
	.top {height:70px;}
	.top .logo, .top .t-menu {line-height:70px;}
	.top .logo img{height:50px;}
	
	.top .t-menu .tm-member ul li.tm-member-name {display:none;}
	.top .t-menu div.tm-member-name {display:inline-block;vertical-align:middle;}
	.top .t-menu .tm-member.login-bts {font-size:1em;}
	
	.qr-code .q-c-item, .qr-code .icon-plus {width:31%;margin:0 1%;}
	
	
	.container.news .boundary .table .col h3 {margin: 0;}
	.container.news .boundary .table .col .table .col {padding:10px;}
	
	.container.footer .qr-codes .qr {width:31%;margin:0 1% 10px;}
	.container.footer .qr-codes .qr:last-child{display:inline-block;}
	.hotline div {font-size: 1.2em;}
	.hotline:before{height:60px;background-size: 60px;padding-left: 65px;}
}

@media (min-width:768px){
	.container.news .boundary > .table > .col:last-child {padding-top:unset;border-top:unset;}
	.container.news .boundary .table .col .table .col {padding:0 10px;}
	
	.container.news.footer .boundary > .table > .col {padding-right:20px;}
	.container.news.footer .boundary > .table > .col:last-child {padding-left:20px;padding-right:0;}
	.container.footer .boundary .quote {background-color:unset;border:unset;padding:0;}
	.container.footer .boundary .table .col.social a[class^="icon-"] {margin-top:0.7em;}
}

@media (min-width:992px){
	.top .t-menu div.tm-member-name { white-space:nowrap; width:160px; overflow:hidden; text-overflow:ellipsis; }
	.top .t-menu div.tm-member-name a {color:#333;}
	
	.qr-code .q-c-item, .qr-code .icon-plus {width:23%;margin:0 0 0 1%;}
	
	.container.footer .boundary ul li {display:inline-block;margin:0 20px 0 0;}
}
@media (min-width:1200px){
	.top .logo img{height:40px;}
	
	.top .t-menu {width:73%;padding-right:0;}
	.top .t-menu .tm-member {float:right;margin-left:30px;background-color:#C7C8CA;padding:0 20px;cursor:pointer;}
	.top .t-menu .tm-member ul {right:0;}
	.top .t-menu .tm-member .icon-user-circle {margin-left:5px;}
	.top .t-menu .tm-member .icon-user-circle:before {content:"\e930";}
	.top .t-menu .icon-bars {display:none;}
	.top .t-menu .tm-content {display:inline-block;position:relative;background-color:unset;border:unset;}
	.top .t-menu .tm-content li {display:inline-block;margin-right: 2em;}
	.top .t-menu .tm-content li a {padding:0 10px;line-height:70px;color:inherit;}
	.top .t-menu .tm-content li:hover, .top .t-menu .tm-content li.active {background-color:#DDD;}
	
	.qr-code .q-c-item, .qr-code .icon-plus {width:10%;margin:0 10px 0 0;}
	
	.container.footer.sticky {padding-bottom:20px;}
	.hotline {left:unset;right:10px;}
}