.content-layout-header img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

img {
display: block
}

body {
font-size: 14px
}

* {
font-family: 微軟正黑體, Microsoft JhengHei, Segoe UI Semibold, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif
}

input,
select,
textarea {
outline-color: #7c338d
}

button {
outline: none
}

a {
text-decoration: none
}

a,
a:hover {
transition: color .3s ease
}

ul {
-webkit-padding-start: 0;
padding-inline-start: 0
}

.router-outlet {
padding-bottom: 65px
}

@media screen and (max-width:991.98px) {
.router-outlet {
padding-bottom: 20px
}
}

.editor {
line-height: 2;
color: #666
}

.editor p {
margin: 20px 0
}

.editor p:first-child {
margin-top: 0
}

.editor div:first-child {
margin-top: 0 !important
}

.page {
padding: 50px;
text-align: center
}

.back img {
margin: 50px auto
}

.form_select {
border: 1px solid #ccc;
padding: 6px 4px 4px
}

.form_text {
color: #666;
padding: 5px
}

.form_input {
border: 1px solid #ccc;
padding: 10px 8px 8px
}

.pagetable {
margin: 20px auto
}

.pagetable td {
padding: 5px
}

.pagetable select {
padding: 3px
}

h4.title {
font-size: 30px;
font-weight: 400;
float: left;
color: #565656;
margin-top: 56px;
margin-right: 69px;
max-width: 300px;
-webkit-hyphens: auto;
hyphens: auto;
position: relative;
top: 0;
left: 24.2%;
}

@media (max-width:575.98px) {
h4.title {
margin-right: 0;
width: 100%
}
}

.detail-content {
width: 949px
}

@media screen and (max-width:991.98px) {
.detail-content {
width: 100%
}
}

.top {
background: #fff;
top: 0;
position: sticky;
z-index: 99;
}

.top_ctn,
.top_ctn_en {
width: 949px;
max-width: 100vw;
margin: auto;
height: auto;
position: relative;
display: flex;
justify-content: center;
flex-wrap: wrap;
z-index: 3
}

.top_logo {
margin-top: 20px;
margin-bottom: 27px
}

.top_logo img {
max-width: 80vw
}

.top_link {
position: absolute;
top: 0;
right: -110px;
height: auto;
list-style: none;
margin: 0;
padding: 0
}

.top_link .menu-toggle-btn {
display: none
}

.top_link li {
padding: 0 4px;
display: inline-block
}

.top_en .top_menu li {
float: left;
padding: 0 26px 0 0 !important
}

.top_ctn .top_logo {
border: none !important
}

#slider2 .nivo-directionNav {
display: none !important
}

.footer {
width: 100%;
background: #898989
}

.footer__container {
padding: 30px 10px 10px 70px;
font-size: 12px;
width: 1065px;
max-width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
box-sizing: border-box
}

@media (max-width:575.98px) {
.footer__container {
padding: 30px 35px 10px
}
}

.footer__container__item {
display: flex;
flex-wrap: wrap;
width: 100%;	
max-width: 100%
}

.footer__container__item--singleLine {
flex: 1 0 100%
}

.footer__container__item p {
flex: 1 0 100%;
font-size: 15px;
color: #fff
}

.footer__container__item a {
position: relative;
margin: 0px auto;	
}

.footer__container__item a:not(:last-child) {
margin-right: 20px
}

.footer__container__item a img {
transition: opacity .2s;
margin-bottom: 15px
}

.footer__container__item a img.chromaticImage {
position: absolute;
z-index: 2;
top: 0;
left: 0;
opacity: 0;
}

.footer__container__item a:hover img.chromaticImage {
opacity: 1;	
}

.footer__container__item .carousel-container {
width: 100%
}

.footer__container__item .carousel-container .swiper-button-next {
right: 0 !important;
transform: scale(.6)
}

.footer__container__item .carousel-container .swiper-button-prev {
left: 0 !important;
transform: scale(.6)
}

.foot_text {
width: 100%;
line-height: 2;
color: #fff;
padding-bottom: 10px;
margin: 10px 0 0
}

.foot_text .text {
/*display: inline-block*/
text-align: center;	
font-size: 14px;	
}

.foot_text .text a {
color: #fff;
text-decoration: none
}

.foot_text .text a:hover {
border-bottom: 1px solid #fff
}

.index .foot_ctn {
box-sizing: border-box
}

.i_slider_tab {
width: 100%;
vertical-align: top
}

.i_slider_tab .td1,
.i_slider_tab .td3 {
width: 50px
}

.i_slider_tab .nivo-controlNav,
.i_slider_tab .nivo-directionNav {
display: none
}

.i_hot_line {
width: 950px;
height: 44px;
margin: 30px auto 0;
background-image: url(/resource/i_hot_line.a85dd34db934a392a750.png)
}

.i_hot_line_en {
background-image: url(/resource/i_hot_line_en.2d6d5e31a6e75e126bcc.png) !important
}

.i_hot_line .text {
font-size: 13pt;
padding: 10px 0 0 110px
}

div#abgne_marquee {
position: relative;
overflow: hidden;
width: 820px;
height: 23px;
border: none
}

div#abgne_marquee li,
div#abgne_marquee ul {
margin: 0;
padding: 0;
list-style: none
}

div#abgne_marquee ul {
position: absolute
}

div#abgne_marquee ul li a {
display: block;
overflow: hidden;
font-size: 13pt;
height: 23px;
line-height: 25px;
text-decoration: none;
color: #000
}

.c_ctn {
width: 1000px;
margin: auto
}

.ctn_div1 {
width: 1100px
}

.ctn_div2 {
width: 945px;
margin: auto
}

.tpl_tab {
margin: 0 auto
}

@media screen and (max-width:991.98px) {
.tpl_tab {
display: block;
padding: 0 25px
}

.tpl_tab .evaluationOperationAwards table,
.tpl_tab .finalSelectionSubmission table,
.tpl_tab .participationAndSubmission table,
.tpl_tab .ruleOfBrandSpecifiedCategory table,
.tpl_tab .terms table {
width: 100% !important
}

.tpl_tab .evaluationOperationAwards table td>div,
.tpl_tab .finalSelectionSubmission table td>div,
.tpl_tab .participationAndSubmission table td>div,
.tpl_tab .ruleOfBrandSpecifiedCategory table td>div,
.tpl_tab .terms table td>div {
padding-left: 5px !important;
margin-left: 5px !important
}

.tpl_tab .ruleOfBrandSpecifiedCategory td td td {
padding: 5px 10px
}

.tpl_tab .ruleOfBrandSpecifiedCategory table table table {
width: 110% !important;
margin-left: -8%
}

.tpl_tab .qa table {
width: 100% !important
}

.tpl_tab .about .about-unit:last-child td:nth-child(3),
.tpl_tab .about .about-unit:last-child tr,
.tpl_tab .about .about-unit:nth-child(6) tr,
.tpl_tab .about table table table:last-child td:nth-child(3),
.tpl_tab .about table table table:last-child tr,
.tpl_tab .about table table table:nth-child(6) tr {
display: block
}

.tpl_tab .downloads table table table {
display: block;
width: calc(100vw - 50px);
overflow-x: scroll
}

.tpl_tab .downloads table table table tbody {
display: block;
width: 100%
}

.tpl_tab .downloads table font>span {
width: 100%
}
}

.tpl_td1 {
width: 210px;
background: #dee0ef;
vertical-align: top
}

.tpl_td2 {
width: 800px;
vertical-align: top
}

@media screen and (max-width:991.98px) {
.tpl_td2 {
width: 100%
}
}

.tpl_td3 {
width: 136px;
vertical-align: top;
padding-top: 20px
}

.about.tpl_td1 {
background: #7cbcb0
}

.registration.tpl_td1 {
background: #caae86
}

.member.tpl_td1 {
background: #eda2c5
}

.selection.tpl_td1 {
background: #abcc95
}

.downloads.tpl_td1 {
background: #d69788
}

.qa.tpl_td1 {
background: #bdc8de
}

.awards {
background: #fff !important
}

.left_menu {
text-align: right;
list-style: none;
margin: 22px 0 22px 50px;
padding: 0;
width: 160px
}

.left_menu li {
padding: 0;
font-size: 11pt
}

.left_menu a {
color: #fff;
text-decoration: none;
display: block;
width: 155px;
padding: 10px 0 5px;
border-bottom: 1px solid transparent;
text-align: left
}

.left_menu .current,
.left_menu a:hover {
border-bottom: 1px solid #fff
}

.center_ctn {
margin: 58px auto auto;
}

.center_ctn img {
width: 100%;
height: auto
}

@media screen and (max-width:991.98px) {
.center_ctn {
width: 100%;
margin-top: 0
}
}

.center_title {
position: relative;
top: 1px;
padding-bottom: 30px;
font-size: 20px;
color: #000;
font-weight: 400
}

@media (max-width:575.98px) {
.center_title {
border-width: 0
}
}

.right_partner {
padding: 15px 0
}

.login_mask {
position: absolute;
z-index: 9000;
background-color: #000;
display: none;
top: 0;
left: 0
}

.login_from {
position: absolute;
width: 644px;
height: 325px;
display: none;
z-index: 9999
}

.login_form_out {
width: 644px;
height: 325px;
background: #fff no-repeat top
}

.login_form_in {
float: left;
position: absolute;
top: 20px;
left: 60px
}

.login_form_close {
float: left;
position: absolute;
top: 15px;
left: 610px
}

.login_form_reg {
float: left;
position: absolute;
top: 275px;
left: 560px
}

.login_form_reg a {
color: #676767;
padding-bottom: 1px;
text-decoration: none;
border-bottom: 1px solid #b5a1c6
}

.login_form_tit1 {
color: #494f89;
font-size: 16pt;
margin: 10px 5px;
padding: 0
}

.login_form_tit2 {
color: #676767;
font-size: 9pt;
margin: 5px;
padding: 0
}

.login_form_tab {
margin: 0 0 10px
}

.login_form_tab td {
padding: 0 5px
}

.login_form_for {
color: #676767;
padding-bottom: 1px;
text-decoration: none;
border-bottom: 1px solid #b5a1c6
}

.login_form_inp {
border: 1px solid #ccc;
padding: 10px 8px 8px
}

.login_form_but {
color: #fff;
background: #494f89;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231
}

.reg_tit1 {
color: #494f89;
margin: 20px 0 10px 5px;
padding: 0
}

.reg_tit2 {
margin: 0 0 0 20px
}

.reg_tit2 .star {
color: #e40076;
text-align: center;
width: 20px;
font-family: 新細明體;
vertical-align: top;
padding-top: 6px
}

.reg_tit2 .text {
color: #404040;
padding: 5px
}

.reg_inp {
border: 1px solid #ccc;
padding: 10px 8px 8px
}

.reg_for_tab {
margin: 0 0 10px 42px
}

.reg_for_td {
margin: 0;
padding: 0 3px
}

.reg_lin {
margin: 20px 0 20px 45px;
border-bottom: 1px solid #e5e5e5;
width: 515px
}

.reg_for_btn {
color: #fff;
background: #494f89;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231
}

.reg_for_text {
color: #2e453f;
padding: 10px 5px 10px 14px;
font-size: 9pt;
font-weight: 400;
font-size: 10pt
}

.reg_fin_tit1 {
margin: 15px 0 15px 20px;
width: 100%;
text-align: left;
font-size: 16pt;
color: #dc346f
}

.reg_fin_tit2 {
margin: 20px 0;
width: 100%;
text-align: center
}

.reg_fin_tit2 a {
color: #676767;
padding-bottom: 1px;
text-decoration: none;
border-bottom: 1px solid #b5a1c6
}

.reg_fin_tit3 {
margin: 20px 10px 20px 0;
width: 100%;
text-align: left;
padding: 5px
}

.reg_fin_tit3 a {
color: #676767;
padding-bottom: 1px;
text-decoration: none;
border-bottom: 1px solid #b5a1c6
}

.reg_fin_tit4 {
color: #495089;
padding: 15px 0 0 20px
}

.reg_fin_link {
margin: 0 auto
}

.reg_fin_link td {
padding: 3px
}

.reg_ul_div {
padding: 10px 0 20px 50px
}

.work_tit1 {
color: #333;
margin: 20px 0 10px 5px;
padding: 0
}

.work_btn {
color: #fff;
background: #494f8a;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231
}

.work_for_text {
color: #e4593a
}

.work_for_text,
.work_for_text2 {
padding: 10px 5px 10px 14px;
font-size: 9pt;
font-weight: 700;
font-size: 10pt
}

.work_for_text2 {
color: #333
}

.work_type_box {
width: 551px;
height: 119px;
margin: 10px 0 18px;
text-align: left;
vertical-align: middle;
border: 1px solid #c7c7c7
}

.work_type_box table {
margin-left: 40px
}

.work_type_box td {
padding: 2px;
color: #c14776
}

.work_upl_img {
border: 1px solid #ccc
}

.work_upl_img_tab {
display: inline
}

.work_upl_img_td {
text-align: center;
padding: 0 0 10px
}

.work_upl_img_del {
text-align: right
}

.work_upl_add {
color: #fff;
background: #656dac;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231
}

.work_list_out {
margin: 0 0 0 5px
}

.work_list_out_td {
padding: 10px
}

.work_line {
margin: 0 0 20px 10px;
border-bottom: 1px solid #e5e5e5;
width: 553px
}

.work_list_tab {
width: 254px
}

.work_list_tab_td1 {
text-align: right
}

.work_list_tab {
width: 100%;
background: #ccc
}

.work_list_tab2 {
width: 254px;
height: 305px
}

.work_list_tab2_td1 {
vertical-align: top
}

.work_list_tab2_td2 {
vertical-align: bottom
}

.work_list_tab2_td3 {
vertical-align: bottom;
text-align: right;
height: 31px
}

.work_list_btn {
color: #fff;
background: #656dac;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231;
margin-right: 10px
}

.work_list_tab3 {
margin: 0 0 10px 16px
}

.work_list_tab3 td {
padding: 2px;
color: #7f7f7f
}

.team_div {
width: 560px;
padding: 20px;
border: 1px solid #ccc;
background: #fff
}

.team_tit2 {
margin: 10px 0 0 10px
}

.team_tit2 .star {
color: #fa0000;
text-align: center;
width: 20px
}

.team_tit2 .text {
color: #666;
padding: 2px 5px
}

.team_for_tab {
margin: 0 0 0 30px
}

.team_for_text input {
font-family: 微軟正黑體, Microsoft JhengHei, Segoe UI Semibold, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #666
}

.team_for_td {
margin: 0;
padding: 0 3px
}

.team_for_text {
color: #666;
padding: 5px;
font-size: 9pt;
font-weight: 700;
font-size: 10pt
}

.team_for_btn {
color: #fff;
background: #617c77;
border: 0;
padding: 6px 15px 7px;
line-height: 1.231
}

.team_for_cancel {
color: #fff;
background: #999;
border: 0;
padding: 6px 15px 7px;
line-height: 1.231
}

.team_list_box {
border: 1px solid #ccc;
margin: 5px 0 15px 42px;
width: 530px
}

.team_list_tab1 {
margin: 0 0 0 30px;
border-bottom: 1px solid #ccc;
width: 300px
}

.team_list_tab2 {
margin: 0 0 0 30px;
width: 300px
}

.team_list_btn {
width: 100%;
text-align: right
}

.team_list_del {
color: #fff;
background: #c20000;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231
}

.team_list_edit {
color: #fff;
background: #617c77;
border: 0;
padding: 10px 15px 7px;
line-height: 1.231
}

.team_list_td1 {
width: 370px;
vertical-align: top
}

.team_list_td2 {
vertical-align: top
}

.team_list_td2 img {
margin: 10px 0
}

.work_table {
margin: 44px 2px 0;
border-collapse: separate;
border-spacing: 1px
}

@media (max-width:575.98px) {
.work_table {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0
}
}

.work_td {
width: 194px;
min-height: 273px;
box-sizing: border-box;
border: 5px solid #fff;
background: #fff;
text-align: center;
margin: 3px;
vertical-align: top
}

.work_td:active,
.work_td:hover {
border: 5px solid #999
}

.work_img {
width: 140px
}

.work_txt1 {
color: #f93;
margin: 8px auto 0
}

.work_txt1,
.work_txt2 {
width: 140px;
text-align: right;
line-height: 20px;
padding: 0
}

.work_txt2 {
color: #666;
margin: 0 auto 5px
}

.box_div {
width: 815;
background: #fff;
margin: 20px 0;
padding: 0 0 20px
}

.box_cnt_tab {
width: 815px;
margin: 10px auto
}

.box_cnt_td1 {
width: 385px;
vertical-align: top
}

.box_cnt_td2 {
width: 45px
}

.box_cnt_td3 {
width: 385px;
vertical-align: top
}

.box_img {
margin: 10px 0
}

.box_tit1 {
font-size: 11pt;
color: #f93;
margin: 10px 0 2px;
text-align: left;
line-height: 20px
}

.box_tit2 {
font-size: 11pt;
color: #666;
width: 815px;
margin: 2px 0 10px;
padding: 0 0 5px;
text-align: left;
border-bottom: 3px solid #999;
line-height: 20px
}

.box_tit3 {
color: #999;
line-height: 20px;
margin: 2px 0 10px;
text-align: left
}

.box_tex1 {
color: #666;
line-height: 24px;
margin: 2px 0 0;
text-align: left
}

.box_line {
width: 100%;
border-bottom: 1px solid #ccc;
margin: 3px 0 5px;
text-align: left
}


.box2_div {
width: 100%;
background: #fff;
margin: 20px 0;
padding: 0 0 20px
}

.box2_cnt_tab {
width: 100%
}

.box2_cnt_td1 {
width: 270px;
vertical-align: top
}

.box2_cnt_td2 {
width: 24px
}

.box2_cnt_td3 {
width: 270px;
vertical-align: top
}

.box2_img {
margin: 10px 0
}

@media (max-width:575.98px) {

.box2_cnt_td1,
.box2_cnt_td2,
.box2_cnt_td3 {
display: block;
width: 100%
}

.box2_cnt_td1 .box2_line,
.box2_cnt_td2 .box2_line,
.box2_cnt_td3 .box2_line {
margin-top: 0;
margin-bottom: 20px
}
}

.box2_tit1 {
font-size: 11pt;
color: #f93;
margin: 10px 0 2px;
text-align: left;
line-height: 20px
}

.box2_tit2 {
font-size: 11pt;
color: #666;
width: 564px;
margin: 2px 0 10px;
padding: 0 0 5px;
text-align: left;
border-bottom: 3px solid #999;
line-height: 20px
}

@media (max-width:575.98px) {
.box2_tit2 {
width: 100%
}
}

.box2_tit3 {
color: #999;
line-height: 20px;
margin: 2px 0 10px;
text-align: left
}

.box2_tex1 {
color: #666;
line-height: 24px;
margin: 2px 0 0;
text-align: justify;
text-justify: inter-ideograph
}

.box2_line {
width: 100%;
border-bottom: 1px solid #ccc;
margin: 3px 0 5px;
text-align: left
 }

.lb-close img {
cursor: pointer;
margin-left: 750px
}

.nivo-controlNav {
position: relative;
text-align: right;
padding: 0;
top: 5px;
height: 9px
}

.nivo-control {
background: #989898;
padding: 5px;
color: #fff;
margin: 0 0 0 5px
}

.nivo-controlNav .active {
background: #e03372
}

.ul_btn {
width: 120px;
height: 175px;
border: 2px dashed #808a8b;
color: #808a8b;
font-size: 36px;
background: #fff
}

.ul_img {
border: 1px solid #ccc
}

.ul_del {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer
}

.ui-dialog-titlebar {
display: none
}

.shared_ul td {
padding: 0 0 0 5px
}

.ui-widget-overlay {
background: #000 50% 50% repeat-x !important;
opacity: .6 !important;
filter: Alpha(Opacity=60) !important
}

.port-8 {
float: left;
width: 100%;
position: relative;
text-align: center;
border: 0 solid hsla(0, 0%, 100%, .9);
overflow: hidden
}

.port-8 .text-desc {
opacity: 0;
transition: .5s;
color: #000;
padding: 45px 20px 20px
}

.port-8.effect-1 img {
transition: .5s
}

.port-8.effect-1:hover img {
transform: scale(1.1)
}

.port-8.effect-1 .text-desc {
left: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.port-8.effect-1:hover .text-desc {
opacity: 1;
transform: scale(1);
border-radius: 20%
}

.port-8.effect-2 img {
transition: .5s
}

.port-8.effect-2:hover img {
transform: scale(1.1)
}

.port-8.effect-2 .text-desc {
left: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.port-8.effect-2:hover .text-desc {
opacity: 1;
transform: scale(1);
border-radius: 50% 0 50% 0
}

.port-8.effect-3 img {
transition: .5s
}

.port-8.effect-3:hover img {
transform: scale(1.1)
}

.port-8.effect-3 .text-desc {
left: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: none;
padding: 40px 70px 20px
}

.port-8.effect-3 .text-desc:after,
.port-8.effect-3 .text-desc:before {
background-color: #fff;
border-radius: 50% 50% 0 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: rotate(-50deg);
transform-origin: 0 100% 0;
width: 50%;
z-index: -1
}

.port-8.effect-3 .text-desc:after {
left: 0;
transform: rotate(50deg);
transform-origin: 100% 100% 0
}

.port-8.effect-3:hover .text-desc {
opacity: 1;
transform: scale(1)
}

.tc-message-panel {
display: block;
width: 100%;
text-align: center
}

.tc-message-panel .tc-message {
line-height: 1.5;
font-size: 1.2;
margin-bottom: 20px
}

.tc-tip {
margin-left: 5px
}

.tc-important {
color: red
}

.tc-footer-item {
display: inline-block;
margin-right: 5px
}

.tc-footer-item img {
visibility: hidden
}

.member:after {
display: block;
content: "";
clear: both
}

.member__layout {
width: 973px;
padding-top: 57px;
margin: 0 auto
}

@media screen and (max-width:991.98px) {
.member__layout {
width: 100%
}
}

.member__title {
font-size: 30px;
float: left;
margin-top: 0;
margin-right: 69px;
font-weight: 400;
color: #565656
}

@media (max-width:575.98px) {
.member__title {
margin-right: 0
}
}

.member__title--en {
max-width: 275px
}

.member__content {
float: left;
width: 784px
}

@media screen and (max-width:991.98px) {
.member__content {
width: 100%
}
}

.member__content__work {
width: 1000px
}

@media screen and (max-width:991.98px) {
.member__content__work {
width: 100%
}
}

.member__hint {
border: none;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 33px;
margin-bottom: 33px;
margin-top: 4px;
font-size: 15.5px;
font-weight: 400
}

.member__information {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 25px;
margin-bottom: 50px;
font-size: 16px
}

.member__information_content {
margin-bottom: 8px
}

@media screen and (min-width:992px) {
.top_menu {
top: 110px;
list-style: none;
margin: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 0 16px;
left: -50%
}

.top_menu-cancel {
display: none
}

.top_menu>li {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
flex: 10% 1 0;
width: 10%
}

.top_menu>li>a {
text-decoration: none;
text-align: center;
color: #000;
transition: color .2s ease-in, border-color .2s ease-in;
padding-bottom: 13.5px;
flex-basis: 100%;
flex-shrink: 0;
display: flex;
align-items: flex-end;
justify-content: center
}

.top_menu>li>a span {
position: relative;
left: -.2px
}

.top_menu>li>a.active,
.top_menu>li>a.actived,
.top_menu>li>a:hover {
color: #7c338d;
border-bottom: 1.5px solid #7c338d
}

.full.active {
color: #7c338d;
border-bottom: 1.5px solid #7c338d
}

.top_menu>li ul.menu-content {
list-style-type: none;
text-align: center;
background-color: hsla(0, 0%, 82.7%, .85);
color: #363636;
box-sizing: border-box;
min-width: 100%
}

.top_menu>li ul.menu-content li {
padding: 10px 15px
}

.top_menu>li ul.menu-content li a {
width: 100%;
height: 100%;
color: #363636;
white-space: nowrap
}

.top_menu>li ul.menu-content li:hover {
background-color: #7c338d
}

.top_menu>li ul.menu-content li:hover a {
color: #fff
}
}

@media screen and (max-width:991.98px) {
.top_menu {
opacity: 0;
height: 0;
z-index: -1;
position: fixed;
top: 0;
left: 0;
width: 100vw;
max-height: 100vh;
background: #fff;
margin: 0;
display: flex;
flex-direction: column;
overflow-y: scroll;
transition: all .2s ease-in
}

.top_menu.show {
transition: all .2s ease-in;
opacity: 1;
height: 100vh !important;
z-index: 2
}

.top_menu-cancel {
position: absolute;
left: 5px;
top: 5px;
font-size: 35px;
color: #000;
z-index: 2
}

.top_menu>li {
position: relative;
min-height: 65px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0
}

.top_menu>li>a {
display: block;
text-decoration: none;
color: #000;
transition: all .2s ease-in;
height: 65px;
display: flex;
justify-content: center;
align-items: center
}

.top_menu>li>a.actived {
color: #7c338d
}

.top_menu>li>a.full {
position: absolute;
width: 100%;
height: 100%
}

.top_menu>li>a.full:active,
.top_menu>li>a.full:hover {
background-color: #7c338d;
color: #fff
}

.top_menu>li ul.menu-content {
transition: height .2s ease-in;
list-style-type: none;
text-align: center;
background-color: hsla(0, 0%, 82.7%, .85);
color: #363636;
box-sizing: border-box;
min-width: 100%
}

.top_menu>li ul.menu-content li a {
display: block;
padding: 20px 0;
width: 100%;
height: 100%;
color: #363636;
white-space: nowrap
}

.top_menu>li ul.menu-content li:active,
.top_menu>li ul.menu-content li:hover {
background-color: #7c338d
}

.top_menu>li ul.menu-content li:active a,
.top_menu>li ul.menu-content li:hover a {
color: #fff
}

.top_link {
right: 0
}

.top_link .menu-toggle-btn {
display: inline-block
}

.top_logo {
margin-top: 50px;
margin-bottom: 15px
}

.top_logo img {
max-width: 80vw
}
}

.website-counter {
margin: 8px 0
}

.website-counter img {
display: inline-block;
vertical-align: middle;
margin: 0 3px;
height: 16px
}

.tc-content.isMenuShow .sticky-container .submit_btn {
display: none
}

.textSizeZoom_0 {
font-size: .85rem
}

.textSizeZoom_2 {
font-size: 1.25rem
}

.tc-btn {
color: #fff;
background-color: #626262;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
line-height: 1.2;
border: 1px solid;
padding: 10px 15px
}

.tc-btn:hover {
background-color: #7c338d;
transition: background-color .4s ease
}

.tc-btn.small {
font-size: .8em
}

.tc-btn.large {
font-size: 1.2em;
line-height: 1.4
}

.tc-btn--primary {
background-color: #7c338d
}

.tc-btn.disabled {
background-color: #bbb !important;
border-color: #bbb !important;
cursor: auto;
outline: none
}

.tc-form-container .tc-error {
display: block;
color: red;
font-weight: 700;
margin-top: 10px
}

.tc-form-container .tc-error-summary {
display: block;
color: red;
font-weight: 700;
padding: 7px;
text-align: center
}

.tc-form * {
box-sizing: border-box
}

.tc-form .tc-list-input-item {
margin-top: 10px
}

.tc-form select,
.tc-form textarea {
display: block;
width: 100%;
line-height: 1.7;
padding: 0 5px;
border-radius: 3px;
border: 1px solid #ced4da
}

.tc-form select.ng-invalid.ng-dirty,
.tc-form textarea.ng-invalid.ng-dirty {
border-color: red
}

.tc-form textarea {
resize: none;
height: 150px
}

.tc-form select {
height: 29px
}

.tc-form .tc-label {
display: block;
font-weight: 700;
color: #666;
margin-bottom: 5px
}

.tc-form .tc-input-group>*,
.tc-form .tc-input-group select {
display: inline-block
}

.tc-form .tc-input-group .tc-input-3 {
width: 25%
}

.tc-form .tc-input-group .tc-input-9 {
width: 75%
}

.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-menu {
display: none;
position: absolute;
background-color: #D9D9D9;
top: 140%;
left: -14%;
min-width: 150px;
text-align: center;
font-size: 13px
}

.dropdown-menu li a {
display: block;
color: #000;
padding: 10px 16px;
text-decoration: none;
}

.dropdown-menu li a:hover {
color: white;
background-color: #7E3386;
}