@charset "UTF-8";
.relat { position: relative; }

.abs { position: absolute; }

.fix { position: fixed; }

.sticky { position: sticky; }

.top-0 { top: 0; }

.left-0 { left: 0; }

.bottom-0 { bottom: 0; }

.right-0 { right: 0; }

.bg-black { background-color: #000; }

.bg-gray { background-color: #8a8987; }

.white { color: #fff; }

.black { color: #000; }

.red { color: #ec1d00; }

.text-gray { color: #777; }

.text-lightGray { color: #c5c5c5; }

.text-red { color: #ec1d00; }

.text-linkblue { color: #005e8c; }

h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin, p.thin, span.thin, *.thin { font-weight: 300; }

h1.heavy, h2.heavy, h3.heavy, h4.heavy, h5.heavy, h6.heavy, p.heavy, span.heavy, *.heavy { font-weight: 700; }

h1.exheavy, h2.exheavy, h3.exheavy, h4.exheavy, h5.exheavy, h6.exheavy, p.exheavy, span.exheavy, *.exheavy { font-weight: 900; }

h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold, p.bold, span.bold, *.bold { font-weight: 500; }

h1.normal, h2.normal, h3.normal, h4.normal, h5.normal, h6.normal, p.normal, span.normal, *.normal { font-weight: 400; }

.large { font-size: 1.1em; }

.vertical-text-left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; }

.vertical-text-right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom 0; -ms-transform-origin: right bottom 0; transform-origin: right bottom 0; }

.fixscaleBlur { -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); /* IE 9 */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); }

/*reset*/
main.container-fluid { padding-left: 0; padding-right: 0; }

.c-floatingNav ul { margin-bottom: 0; }

section.l-section { max-width: none; }

.c-floatingNav__item a { text-decoration: none; }

section.l-section a, .l-inner a, .l-inner-large a, .c-breadcrumb a, .c-localNav a { -webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all; text-decoration: none; text-underline-offset: 3px; }

section.l-section a:active, section.l-section a:hover, .l-inner a:active, .l-inner a:hover, .l-inner-large a:active, .l-inner-large a:hover, .c-breadcrumb a:active, .c-breadcrumb a:hover, .c-localNav a:active, .c-localNav a:hover { color: #f50f10; text-decoration: none; }

section.l-section a.blank, .l-inner a.blank, .l-inner-large a.blank, .c-breadcrumb a.blank, .c-localNav a.blank { text-decoration: underline; }

section.l-section a:not(.c-news__link), .l-inner a:not(.c-news__link), .l-inner-large a:not(.c-news__link), .c-breadcrumb a:not(.c-news__link), .c-localNav a:not(.c-news__link) { color: #014877; }

section.l-section a.events, section.l-section a.media, section.l-section a.latest, .l-inner a.events, .l-inner a.media, .l-inner a.latest, .l-inner-large a.events, .l-inner-large a.media, .l-inner-large a.latest, .c-breadcrumb a.events, .c-breadcrumb a.media, .c-breadcrumb a.latest, .c-localNav a.events, .c-localNav a.media, .c-localNav a.latest { color: #000; text-decoration: none; }

section.l-section a.btn-submit, section.l-section a.btn-bottom, .l-inner a.btn-submit, .l-inner a.btn-bottom, .l-inner-large a.btn-submit, .l-inner-large a.btn-bottom, .c-breadcrumb a.btn-submit, .c-breadcrumb a.btn-bottom, .c-localNav a.btn-submit, .c-localNav a.btn-bottom { color: #fff; }

section.l-section .c-anchorNav a, section.l-section .c-breadcrumb__list a, section.l-section .c-localNav__inner a, section.l-section a.c-btn, .l-inner .c-anchorNav a, .l-inner .c-breadcrumb__list a, .l-inner .c-localNav__inner a, .l-inner a.c-btn, .l-inner-large .c-anchorNav a, .l-inner-large .c-breadcrumb__list a, .l-inner-large .c-localNav__inner a, .l-inner-large a.c-btn, .c-breadcrumb .c-anchorNav a, .c-breadcrumb .c-breadcrumb__list a, .c-breadcrumb .c-localNav__inner a, .c-breadcrumb a.c-btn, .c-localNav .c-anchorNav a, .c-localNav .c-breadcrumb__list a, .c-localNav .c-localNav__inner a, .c-localNav a.c-btn { color: #000; }

section.l-section a.is-active, section.l-section a:visited.is-active, .l-inner a.is-active, .l-inner a:visited.is-active, .l-inner-large a.is-active, .l-inner-large a:visited.is-active, .c-breadcrumb a.is-active, .c-breadcrumb a:visited.is-active, .c-localNav a.is-active, .c-localNav a:visited.is-active { color: #f50f10; }

section.l-section ul, .l-inner ul, .l-inner-large ul, .c-breadcrumb ul, .c-localNav ul { margin-bottom: 0; }

section.l-section p, .l-inner p, .l-inner-large p, .c-breadcrumb p, .c-localNav p { margin-bottom: 0; }

.m-section { padding: 15px 0; }

@media (min-width: 768px) { .m-section { padding: 0px 0; } }

@-webkit-keyframes gradient { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@keyframes gradient { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@-webkit-keyframes light { 0% { opacity: 1; }
  50% { opacity: .8; }
  100% { opacity: 1; } }

@keyframes light { 0% { opacity: 1; }
  50% { opacity: .8; }
  100% { opacity: 1; } }

@-webkit-keyframes loading { 100% { background-position: -288px; } }

@keyframes loading { 100% { background-position: -288px; } }

html, body { background: #fff; font-family: 'Roboto',"Noto Sans TC" ,  "微軟正黑體", Arial , sans-serif; margin: 0 auto; overflow-x: hidden; color: #000; }

.full-screen { display: block; width: 100%; height: 100vh; overflow: hidden; }

section { position: relative; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; }

section.newGuideline { max-width: none; }

section.sec-top { padding-top: 1rem; }

.anim { opacity: 0; }

.beforeRebuild a { font-size: 14px; color: #000; }

.beforeRebuild a:link, .beforeRebuild a:hover, .beforeRebuild a:active, .beforeRebuild a:visited, .beforeRebuild a:focus { text-decoration: none; color: #000; }

.beforeRebuild a.black { color: #000; }

.beforeRebuild a.white { color: #fff; }

.IIV::-webkit-media-controls-play-button, .IIV::-webkit-media-controls-start-playback-button { opacity: 0; pointer-events: none; width: 5px; }

video { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }

* { outline: none; }

.loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(255, 255, 255, 0.95); z-index: 20000; }

.loading .pic { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; overflow: hidden; }

footer a { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

.gs18-Header { z-index: 10000000; }

.gs18-HeaderNav.is-open-small { height: auto; }

body.gs18-HeaderFog::after { z-index: 2; }

.gs18-Header--withme .gs18-Header__Lang { margin-right: 10px; margin-left: 6px; margin-top: 3px; font-size: 14px; font-weight: 700; display: inline-block; position: relative; width: 50px; }

@media (min-width: 980px) { .gs18-Header--withme .gs18-Header__Lang { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } }

.gs18-HeaderNav__Text { font-weight: 500; font-family: "Noto Sans TC", "微軟正黑體", Arial , sans-serif; }

/*
.nav-comp{ 
    z-index:99999;
   	

    @media (min-width:$breakpoint-md){
       background-image: url('../img/nav-bg.jpg');
   		background-position:center 100%;
   		background-repeat: repeat-x;
        @include setBorderTopStyle(3px , $red);
    	@include setBorderBottomStyle(1px , $l-gray);
    	background-color:$white;
    }
    
    height:auto;
    

}

.collapse-nav{
		overflow:hidden;
    	height:0;
    	background:$white;
    	top:68px;
    	z-index:99999;
    	overflow-y:auto;

    	width:100%;
    	@include mx(0);


    	@include transition(height .2s ease-out);

    	&.active{
    		height:calc(100% - 68px)
    	}
   

    .btn-groups{
		line-height:2.125rem;
		border-radius:6px;
		background:#fff;
		color:#333;

		//@include setBorderBottomStyle(2px , #e5e5e5);
		a.nav-title {
			display: inline-block;
			color:#333;
			font-size:1.125rem;
			@include heavy;
			border-radius:6px 6px 0 0;

			
			width:100%;

			//@include setBorderStyle(1px ,#e5e5e5 );

		}
		a.d-block ,a.nav-title{
			@include setBorderBottomStyle(1px , #e5e5e5);
			>*{
				display: inline-block;
				vertical-align: middle;
				
			}
			position:relative;
			@include py(.5rem);
			@include px(1rem);
		}

		a.d-block{
			color:#3f445d;
			font-size:1rem;
			span , .d-inline-block {
				line-height:2.125rem;
			}
			

		}
		 
		.red-deco{
			height:100%;
			width:0px;
			left:0;
			top:0;
			position:absolute;
			background-color:$red-label;
			@include transition(width .1s);

		}
		&.active .red-deco , .active .red-deco{
			width:6px;
		}


		.subnav{

			a.d-block{
				@include normal;
				img.ico{
					margin-left:3rem;
				}
			}
			>a.d-block{
				@include bold;
				img.ico{
					margin-left:1.5rem;
				}
			}
		}
		

		.dropdown{
			
			img{
				@include transition(all .2s);
			}

			
		}

		&.active {
			a.nav-title.toggle{
				>img.ico{

					@include rotate(90deg);
				}
			}

			.active{
				>a.d-block{
					>img.ico{

					@include rotate(90deg);
					}
				}
			}
		}
		a{
			.ico{
				height:12px;
				width:12px;
				position:relative;
				top:1px;
				display:inline-block;
				@include transition(left .2s);
				margin-right:.5rem;

			}

		}
		.active .toggle > img.ico{

		}

		.dropdown-nav{
			position:relative;
			height:0;
			overflow:hidden;
			a.d-block{
				> * {
					vertical-align:middle;
				}
				> span , >.d-inline-block , .dropdown-nav-t {
					
				}
				
				
				
			}
			a.d-block:last-child{
				@include setBorderBottomStyle(1px , #e5e5e5);
			}
		}

	}
}
*/
nav { background-image: url("../img/nav-bg.jpg"); background-position: center 100%; background-repeat: repeat-x; max-width: 980px; height: 68px; }

@media (min-width: 768px) { nav { height: auto; background-image: none; border-top: 0px solid #db1119; border-bottom: 0px solid #c5c5c5; } }

nav a { font-size: 14px; color: #000; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; }

nav a:hover, nav a.active { color: #db1119; }

nav .side { height: 50px; right: 0; }

@media (min-width: 768px) { nav .side { top: 0; } }

nav .side a { font-size: 10px; }

nav .side a:link, nav .side a:active, nav .side a:visited, nav .side a:focus { color: #777; }

nav .side a:hover { color: #db1119; text-decoration: underline; }

nav .side a img { width: 24px; }

@media (min-width: 768px) { nav .side a img { width: 16px; } }

nav .side .link-ww, nav .side .link-global { padding: 3px; }

nav .side .link-ww > *, nav .side .link-global > * { padding: 0; display: inline-block; vertical-align: middle; }

nav .side .link-global { margin-right: 55px; }

@media (min-width: 768px) { nav .side .link-global { margin-right: 0px; } }

nav .navbar-brand { width: 50%; font-size: 15px; line-height: 2rem; }

nav .navbar-brand .logo { width: 110px; }

nav .navbar-brand .logo img { -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); /* IE 9 */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); }

nav .navbar-brand .splitline { position: relative; width: 1px; height: 40px; background: #c5c5c5; }

nav .nav-link { padding-top: 0; padding-bottom: 0; }

nav .navbar-nav span { line-height: 1rem; }

nav .navbar-nav .nav-item { margin-left: 0.25rem; margin-right: 0.25rem; }

nav .navbar-toggler { top: 0; right: 0; height: 100%; background: #f0; border-radius: 0px; padding: 0rem 0; text-align: center; width: 50px; }

nav .navbar-toggler .navbar-toggler-icon { top: 14px; width: 50%; }

nav .navbar-toggler .navbar-toggler-icon .bar { width: 100%; height: 3px; background: #000; opacity: .3; border-radius: 0px; }

nav .navbar-toggler .navbar-toggler-icon .bar.b1 { top: 8px; }

nav .navbar-toggler .navbar-toggler-icon .bar.b2 { top: 15px; }

nav .navbar-toggler .navbar-toggler-icon .bar.b3 { top: 22px; }

.deco-line { height: 3px; background: #e5e5e5; }

.deco-redline { height: 3px; background: #db1119; z-index: 2; }

.deco-line-sm { height: 1px; background: #e5e5e5; }

.training .sec-main .content-sidenav-pc, .events .sec-main .content-sidenav-pc, .office .sec-main .content-sidenav-pc, .news .sec-main .content-sidenav-pc, .product .sec-main .content-sidenav-pc, .support .sec-main .content-sidenav-pc { padding-left: 0; padding-right: 15px; }

.training .sec-main .content-main, .events .sec-main .content-main, .office .sec-main .content-main, .news .sec-main .content-main, .product .sec-main .content-main, .support .sec-main .content-main { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }

.training .sec-main .content-title, .events .sec-main .content-title, .office .sec-main .content-title, .news .sec-main .content-title, .product .sec-main .content-title, .support .sec-main .content-title { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; }

@media (min-width: 768px) { .training .sec-main .content-title, .events .sec-main .content-title, .office .sec-main .content-title, .news .sec-main .content-title, .product .sec-main .content-title, .support .sec-main .content-title { padding-left: 1.5rem; padding-right: 1.5rem; } }

.training .sec-main .content-title .h4, .events .sec-main .content-title .h4, .office .sec-main .content-title .h4, .news .sec-main .content-title .h4, .product .sec-main .content-title .h4, .support .sec-main .content-title .h4 { font-size: 19px; font-weight: 300; margin-top: 0; margin-bottom: 0; }

@media (min-width: 768px) { .training .sec-main .content-title .h4, .events .sec-main .content-title .h4, .office .sec-main .content-title .h4, .news .sec-main .content-title .h4, .product .sec-main .content-title .h4, .support .sec-main .content-title .h4 { font-size: 1.5rem; font-size: 20px; } }

.content-title { background: #ec1d00; border-radius: 6px; color: #fff; }

.form-title, .office-title { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.form-title-border-bottom { border-top: 0px solid #e5e5e5; }

.form [type="radio"]:checked, .form [type="radio"]:not(:checked) { position: absolute; left: -9999px; }

.form [type="radio"]:checked + label, .form [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; }

.form [type="radio"]:checked + label:before, .form [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 3px; top: 1px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #f7f7f7; }

.form [type="radio"]:checked + label:after, .form [type="radio"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: #666; position: absolute; top: 8px; left: 8px; border-radius: 100%; }

.form [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.form [type="radio"]:checked + label:after { opacity: 1; }

.form-check { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.form-check.disable { opacity: .3; }

.form-check .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0); display: none; }

.form-check.disable .mask { display: block; }

.form-checkbox [type="checkbox"]:checked, .form-checkbox [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }

.form-checkbox [type="checkbox"]:checked + label, .form-checkbox [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 40px; cursor: pointer; line-height: 2rem; display: inline-block; }

.form-checkbox [type="checkbox"]:checked + label:before, .form-checkbox [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 8px; top: 6px; width: 24px; height: 24px; border: 1px solid #666; background: rgba(255, 255, 255, 0.2); border-radius: 0rem; }

.form-checkbox [type="checkbox"]:checked + label:after, .form-checkbox [type="checkbox"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #666; position: absolute; top: 12px; left: 14px; border-radius: 0rem; }

.form-checkbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; }

.form-checkbox [type="checkbox"]:checked + label:after { opacity: 1; }

.form-checkbox [type="checkbox"]:disabled:checked + label:before, .form-checkbox [type="checkbox"]:disabled:not(:checked) + label:before { border-color: #ccc; background-color: #eee; }

@media (min-width: 768px) { .wrapper { min-height: calc(100vh - 252px); } }

.wrapper .sec-ui { padding-top: .25rem; }

.wrapper .breadcrumbs span, .wrapper .breadcrumbs a { font-size: 12px; color: #787c8d; }

.wrapper .breadcrumbs a { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.wrapper .breadcrumbs a:hover { opacity: .5; }

.wrapper section.sec-main .form .deco-line-sm { width: 100%; left: 0; }

.wrapper section.sec-main .form-title h4 { font-size: 1.125rem; }

.wrapper section.sec-main .lgt { color: #888; }

.wrapper section.sec-main .font-hint { font-size: .925rem; }

.wrapper section.sec-main .form-hint { color: #888; background: #f7f7f7; font-size: .925rem; }

.wrapper section.sec-main .form-hint *, .wrapper section.sec-main .form-hint span { font-size: .925rem; }

@media (min-width: 768px) { .wrapper section.sec-main .form-hint *, .wrapper section.sec-main .form-hint span { font-size: 1rem; } }

.wrapper .form-group { padding-top: .5rem; margin-bottom: 0; margin-left: -.5rem; margin-right: -.5rem; }

@media (min-width: 768px) { .wrapper .form-group { padding-top: .75rem; } }

.wrapper .form-label { padding: .4rem 0; }

.wrapper .form-input { font-size: 1rem; }

.wrapper .form-check { padding: .5rem 0; }

.wrapper .field-group { padding: .25rem .5rem; }

.wrapper .field-label { padding: 0; }

.wrapper .field-input, .wrapper select { border: 1px solid #e5e5e5; border-radius: 5px; background: #f7f7f7; padding: 0.5rem 1rem; }

.wrapper .field-textarea { border: 1px solid #e5e5e5; border-radius: 5px; background: #f7f7f7; height: 65px; }

.wrapper .field-attachment { border: 1px solid #e5e5e5; border-radius: 5px; background: #f7f7f7; padding: 0.5rem 1rem; height: 42px; }

.wrapper .field-selects, .wrapper .field-row { padding: 0rem; margin: 0 -.5rem; position: relative; }

.wrapper .field-container { padding: 0 .5rem; }

.wrapper select { width: 100%; color: #333; background-image: url("../img/input-dropdown-ico.jpg"); background-repeat: no-repeat; background-position: right .5rem center; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

.wrapper .facName { width: 100%; }

@media (min-width: 768px) { .wrapper .facName { width: 45%; } }

.wrapper .expectDate { width: 100%; }

@media (min-width: 768px) { .wrapper .expectDate { width: 55%; } }

.wrapper .expectDate .selYear { width: 40%; }

.wrapper .expectDate .selMonth, .wrapper .expectDate .selDay { width: 30%; }

.wrapper .uName { width: 100%; }

@media (min-width: 768px) { .wrapper .uName { width: 33.333%; } }

.wrapper .phone { width: 100%; }

@media (min-width: 768px) { .wrapper .phone { width: 66.666%; } }

.wrapper .phone .cell, .wrapper .phone .tel { width: 50%; }

.wrapper .address { width: 100%; }

.wrapper .address .selCity { width: 50%; }

@media (min-width: 768px) { .wrapper .address .selCity { width: 26%; } }

.wrapper .address .selCounty { width: 50%; }

@media (min-width: 768px) { .wrapper .address .selCounty { width: 20%; } }

.wrapper .address .roads { width: 100%; }

@media (min-width: 768px) { .wrapper .address .roads { width: 54%; } }

.wrapper .btn-file { background: #888888; color: #fff; border: none; text-align: center; }

.wrapper .btn-file.field-input { width: 100px; min-height: 42px; }

@media (min-width: 768px) { .wrapper .btn-file.field-input { width: 148px; } }

.wrapper .privacy-rule { padding-left: 1.5rem; padding-right: .5rem; padding-top: 1rem; padding-bottom: 1rem; background: #f7f7f7; }

.wrapper .privacy-rule .swiper-container { height: 195px; }

.wrapper .privacy-rule .swiper-slide, .wrapper .privacy-rule .swiper-wrapper { height: auto; }

.wrapper .privacy-rule h6 { line-height: 1.75rem; }

.wrapper .privacy-rule p { line-height: 1.75rem; margin-bottom: 0; }

.wrapper .privacy-rule ul { list-style-type: decimal; padding-left: 24px; }

@media (min-width: 768px) { .wrapper .privacy-rule ul { padding-left: 18px; } }

.wrapper .btn-groups { font-size: 15px; font-height: 35px; border-radius: 6px; background: #f7f7f7; color: #3f445d; }

.wrapper .btn-groups .group-title { position: relative; font-size: 1rem; font-weight: 700; border-radius: 6px 6px 0 0; margin-bottom: 2px; border: 1px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; font-weight: 500; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; }

.wrapper .btn-groups .group-title:after { content: ''; height: 2px; width: 100%; background-color: #fff; position: absolute; left: 0; bottom: -5px; }

.wrapper .btn-groups a.d-block { position: relative; color: #3f445d; font-size: 15px; padding: 0.5rem 1rem; border-bottom: 2px solid #fff; }

.wrapper .btn-groups .dropdown-nav a.d-block > div { max-width: calc(100% - 40px); }

.wrapper .btn-groups .group-buttons { position: relative; font-weight: 500; }

.wrapper .btn-groups > .dropdown > a.d-block::after { content: ''; height: 100%; width: 0px; background-color: #ec1d00; position: absolute; left: 0; top: 0; -webkit-transition: width 0.1s; -moz-transition: width 0.1s; -ms-transition: width 0.1s; -o-transition: width 0.1s; }

.wrapper .btn-groups .dropdown .toggle img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

.wrapper .btn-groups .dropdown.active > a.d-block.toggle img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.wrapper .btn-groups .dropdown.active > a.d-block::after { width: 3px; }

.wrapper .btn-groups a { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.wrapper .btn-groups a img { position: relative; left: 0; top: -2px; margin-right: .5rem; -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -ms-transition: left 0.2s; -o-transition: left 0.2s; }

.wrapper .btn-groups a:hover { opacity: 0.5; }

.wrapper .btn-groups a > div { display: inline-block; }

.wrapper .btn-groups a:hover img { left: 3px; }

.wrapper .btn-groups .active a:hover img { left: 0; }

.wrapper .btn-groups .dropdown-nav { height: 0; overflow: hidden; }

.wrapper .btn-groups .dropdown-nav a.d-block > * { vertical-align: middle; }

.wrapper .btn-groups .dropdown-nav a.d-block > span, .wrapper .btn-groups .dropdown-nav a.d-block > .d-inline-block, .wrapper .btn-groups .dropdown-nav a.d-block .dropdown-nav-t, .wrapper .btn-groups .dropdown-nav a.d-block > * { font-size: 14px; }

.wrapper .btn-groups .dropdown-nav a.d-block .ico { top: 0px; height: 10px; width: 10px; display: inline-block; margin-left: 1rem; }

.wrapper .btn-groups .dropdown-nav a.d-block.active, .wrapper .btn-groups .dropdown-nav a.d-block:hover { color: #db1119; }

.wrapper .btn-groups .dropdown-nav a.d-block.active .ico, .wrapper .btn-groups .dropdown-nav a.d-block:hover .ico { background: url("../img/dropdown-ico-sm-red.jpg"); }

.wrapper .btn-groups .dropdown-nav .dropdown-nav a.d-block .ico { margin-left: 2rem; }

.wrapper .sec-main .btn-groups { padding-bottom: 0.5rem; }

.wrapper .btn-bottom, .wrapper .btn-submit { background: #000; padding: 14px 36px; color: #fff; margin-top: .5rem; margin-bottom: .5rem; border-radius: 5px; letter-spacing: 2px; width: 100%; text-align: center; }

@media (min-width: 768px) { .wrapper .btn-bottom, .wrapper .btn-submit { width: auto; } }

@media (min-width: 768px) { .wrapper .btn-submit { width: 33%; } }

.wrapper .search-ui { position: relative; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; padding-top: 0.65rem; padding-bottom: 0.65rem; }

@media (min-width: 768px) { .wrapper .search-ui { padding-top: 1.5rem; padding-bottom: 1.5rem; } }

.wrapper .search-ui input { border-radius: 5px; width: 100%; padding: 7px 10px 10px; border: 1px solid #e5e5e5; }

.wrapper .search-ui input:focus { outline: none; }

@media (min-width: 768px) { .wrapper .search-ui input { width: 320px; padding: 4px 10px 6px; } }

.wrapper .search-ui button { right: 0; top: 0; border: none; outline: 0; background: #d9d9d9; width: 42px; border-radius: 0 5px 5px 0; }

@media (min-width: 768px) { .wrapper .search-ui button { width: 42px; } }

.wrapper .search-ui button.ico { display: block; position: absolute; height: 100%; padding-left: 0.5rem; padding-right: 0.5rem; }

@media (min-width: 768px) { .wrapper .search-ui button.ico { padding-left: 10px; padding-right: 10px; } }

.wrapper .search-ui button.ico img { width: auto; position: relative; top: -1px; }

.wrapper .btn-j { cursor: pointer; }

.wrapper .sw-nav-prev, .wrapper .sw-nav-next { cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.wrapper .sw-nav-prev.swiper-button-disabled, .wrapper .sw-nav-next.swiper-button-disabled { opacity: 0.3; }

.wrapper .sw-nav-prev:focus, .wrapper .sw-nav-next:focus { outline: none; }

.wrapper .swiper-container .swiper-slide img { -webkit-backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0); /* Chrome, Safari, Opera */ transform: translate3d(0, 0, 0); }

.wrapper .swiper-container { overflow: hidden; }

.wrapper .swiper-container .sw-nav-prev, .wrapper .swiper-container .sw-nav-next { top: calc(50% - 27px); z-index: 10; width: 30px; }

.wrapper .swiper-scrollbar-drag { background: #b4b4b4; }

.wrapper .swiper-pagination { z-index: 2; position: relative; padding: 6px 0; bottom: 0; }

@media (min-width: 768px) { .wrapper .swiper-pagination { position: absolute; padding: 8px 0; left: 0; } }

.wrapper .swiper-pagination .swiper-pagination-bullet { margin: 0 6px; width: 10px; height: 10px; border-radius: 50%; opacity: .2; vertical-align: middle; }

.wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #db1119; }

.wrapper .sw-navs { width: auto; font-size: 12px; z-index: 2; }

@media (min-width: 768px) { .wrapper .sw-navs { font-size: 14px; } }

.wrapper .sw-navs .sw-nav-prev, .wrapper .sw-navs .sw-nav-next { width: 36px; display: inline-block; margin-top: .5rem; }

.wrapper .sec-main .content-subtitle { position: relative; margin-top: 1rem; padding-left: 1rem; padding-right: 1rem; letter-spacing: 2px; margin-bottom: -0.25rem; }

@media (min-width: 768px) { .wrapper .sec-main .content-subtitle { padding-left: 1.5rem; margin-top: 1.25rem; margin-bottom: -0.5rem; } }

.wrapper .sec-main .content-subtitle > * { margin-top: 0rem; margin-bottom: 0rem; }

.wrapper .sec-main .content-subtitle .h5 { font-size: 18px; }

.wrapper .sec-main .content-subtitle::after { content: ''; position: absolute; width: 6px; background: #ec1d00; height: 100%; top: 1px; left: 0; margin: 0; }

.wrapper .sec-main .sub-title { width: 100%; margin: 1rem 0 .75rem; padding-left: 1rem; letter-spacing: 2px; position: relative; }

@media (min-width: 768px) { .wrapper .sec-main .sub-title { padding-left: 1.5rem; margin: 1.25rem 0; } }

.wrapper .sec-main .sub-title > * { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.wrapper .sec-main .sub-title .h4, .wrapper .sec-main .sub-title .h5 { font-size: 18px; }

.wrapper .sec-main .sub-title::after { content: ''; position: absolute; width: 6px; background: #ec1d00; height: 100%; top: 1px; left: 0; margin: 0; }

.wrapper .sec-main .banner-top { margin: 1rem 0; }

.index .l-section:nth-of-type(2n+1) { background: #fafafa; }

.index .l-section:nth-of-type(1) { padding: 30px 0 5px 0; }

.index section .sw-navs .sw-nav-prev, .index section .sw-navs .sw-nav-next { width: 42px; }

.index section.sec-top .swiper-container { height: calc( (100vw - 32px) * 0.56); }

@media (min-width: 768px) { .index section.sec-top .swiper-container { height: 255px; } }

@media (min-width: 768px) { .index section.sec-top .swiper-pagination { width: 100%; } }

@media (min-width: 768px) { .index section.sec-news .h4 { font-size: 22px; } }

.index section.sec-news .news-list a { background-image: url("../img/dotted.jpg"); background-position: center 100%; background-repeat: repeat-x; padding: .5rem 1rem 1rem 1rem; width: 100%; margin-left: 0; margin-right: 0; position: relative; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.index section.sec-news .news-list a:last-child { background-image: none; }

@media (min-width: 768px) { .index section.sec-news .news-list a { padding: .75rem 0rem; } }

.index section.sec-news .news-list a:hover { opacity: 0.65; }

.index section.sec-news .news-list a .date { padding-left: 0; padding-right: 0; font-size: 13px; }

@media (min-width: 768px) { .index section.sec-news .news-list a .date { padding-left: 1.5rem; padding-right: 1.5rem; } }

.index section.sec-news .news-list a .titles { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

.index section.sec-news .news-list a .titles > * { padding-left: 0; padding-right: 0; }

.index section.sec-news .news-list a .titles .tit p { margin-top: 0; margin-bottom: 0; }

.index section.sec-news .news-list p { font-size: 1rem; padding-left: .5rem; line-height: 1.3rem; }

@media (min-width: 768px) { .index section.sec-news .news-list p { padding-left: 0; line-height: 1.8rem; } }

.index section.sec-news .news-list span { line-height: 1.3rem; }

@media (min-width: 768px) { .index section.sec-news .news-list span { line-height: 1.8rem; } }

.index section.sec-news .news-list .ico { width: 6px; padding-top: 0rem; }

@media (min-width: 768px) { .index section.sec-news .news-list .ico { width: 10px; padding-top: 2px; margin-left: 10px; margin-right: 15px; } }

.index section.sec-news .news-list .tag-new { display: inline-block; line-height: 1rem; font-size: 14px; border-radius: 5px; background-color: #ec1d00; color: #fff; padding: 0px 6px; margin-left: 5px; font-weight: 300; }

@media (min-width: 768px) { .index section.sec-news .news-list .tag-new { font-size: 12px; } }

.index section.sec-news .news-list .deco-line { z-index: 999; }

.index section.sec-btm { border-top: 3px solid #db1119; }

.index section.sec-btm .relative-links, .index section.sec-btm .main-links { margin-left: .5rem; margin-right: .5rem; }

@media (min-width: 768px) { .index section.sec-btm .relative-links, .index section.sec-btm .main-links { margin-left: -0.5rem; margin-right: -0.5rem; } }

.index section.sec-btm .relative-links .box, .index section.sec-btm .main-links .box { border-radius: 5px; overflow: hidden; }

@media (min-width: 768px) { .index section.sec-btm .relative-links .box, .index section.sec-btm .main-links .box { border-radius: 7px; } }

.index section.sec-btm .relative-links a { width: 50%; padding: 0 0.5rem 1rem .5rem; }

@media (min-width: 768px) { .index section.sec-btm .relative-links a { width: 33.3333%; } }

.index section.sec-btm .main-links a { width: 100%; padding: 0 0.5rem .75rem .5rem; }

@media (min-width: 768px) { .index section.sec-btm .main-links a { width: 20%; } }

.index section.sec-btm a { display: block; }

.index section.sec-btm a .mask { background: rgba(0, 0, 0, 0.2); opacity: 1; left: 0rem; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.index section.sec-btm a:hover .mask { opacity: 0; }

.index section.sec-btm a .t { width: calc(100% - 0rem); height: 100%; top: 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; }

.index section.sec-btm a .t img { width: 86%; }

.index section.sec-btm a .t h5 { margin: 0; }

@media (min-width: 768px) { .index section.sec-btm a .t h5 { font-size: 1.1rem; } }

.index section.sec-btm .main-links .deco-line-sm { width: calc(100% - 1rem); left: .5rem; top: 0; }

.news section a.d-block.active { color: #db1119; }

.news section.sec-main .h4 { font-size: 1.25rem; }

.news section.sec-main .date { color: #888888; line-height: 1.5rem; }

.news section.sec-main .tag { border-radius: 15px; padding: 0px 15px; border: 1px solid #e5e5e5; }

.news section.sec-main a { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.news section.sec-main a:hover { opacity: 0.75; }

.news section.sec-main .minor-infos { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; padding-top: 1rem; padding-bottom: 1rem; }

.news section.sec-main .minor-infos .date { margin-left: auto; }

.news section.sec-main .minor-infos .tag { color: #888; }

.news section.sec-main .content-detail-title { width: 100%; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.news section.sec-main .content-detail-title .h4 { line-height: 1.75rem; }

@media (min-width: 768px) { .news section.sec-main .content-detail-title { padding-top: 1rem; padding-bottom: 1rem; } }

.news section.sec-main .list { padding-left: 0; padding-right: 0; overflow: hidden; }

.news section.sec-main .list a { padding: 15px 0; border-top: 1px solid #e5e5e5; margin-left: auto; margin-right: auto; -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; }

.news section.sec-main .list .dates { padding-left: 0; padding-right: 20px; text-align: center; }

@media (min-width: 768px) { .news section.sec-main .list .dates { padding-right: 42px; } }

.news section.sec-main .list .tit { padding-left: 0; padding-right: 0; }

.news section.sec-main .list .tag { margin-top: .25rem; }

@media (min-width: 768px) { .news section.sec-main .list .tag { margin-top: 0; } }

.news section.sec-main .list .tagcol-pc { display: none; }

@media (min-width: 768px) { .news section.sec-main .list .tagcol-pc { display: block; padding-right: 0; } }

.news section.sec-main .list, .news section.sec-main .content-detail { width: 100%; border-bottom: 1px solid #e5e5e5; }

.news section.sec-main .list .tag, .news section.sec-main .content-detail .tag { color: #fff; padding: 0px 15px; border-radius: 15px; border: none; }

@media (min-width: 768px) { .news section.sec-main .list .tag, .news section.sec-main .content-detail .tag { padding: 4px 15px; border-radius: 20px; } }

@media (min-width: 768px) { .news section.sec-main .list .tag p, .news section.sec-main .list .tag span, .news section.sec-main .content-detail .tag p, .news section.sec-main .content-detail .tag span { font-size: .9rem; } }

.news section.sec-main .list .latest .tag, .news section.sec-main .content-detail .latest .tag { background: #f2a201; }

.news section.sec-main .list .events .tag, .news section.sec-main .content-detail .events .tag { background: #3fafc6; }

.news section.sec-main .list .media .tag, .news section.sec-main .content-detail .media .tag { background: #f26179; }

.news section.sec-main .list .info .tag, .news section.sec-main .content-detail .info .tag { background: #f2a201; }

.news section.sec-main .list p, .news section.sec-main .content-detail p { font-size: 1rem; margin-bottom: 0; }

.news section.sec-main .content-detail { padding-top: 1rem; padding-bottom: 1rem; padding-bottom: 1.5rem; }

@media (min-width: 768px) { .news section.sec-main .content-detail { padding-top: 1.5rem; padding-bottom: 1.5rem; padding-bottom: 2rem; } }

.news section.sec-main .content-detail p, .news section.sec-main .content-detail span, .news section.sec-main .content-detail a { font-weight: 400; }

@media (min-width: 768px) { .news section.sec-main .content-detail p { line-height: 1.75rem; } }

.news section.sec-main .content-detail .picture, .news section.sec-main .content-detail .video { margin: 1rem 0; }

@media (min-width: 768px) { .news section.sec-main .content-detail .picture, .news section.sec-main .content-detail .video { margin: 1rem 0; } }

.news section.sec-main .content-detail a { font-size: 1rem; display: inline-block; color: #005e8c; text-decoration: underline; }

.news section.sec-main .content-detail .picture { width: 100%; }

.news section.sec-main .content-detail .video { width: 100%; height: calc(66vw - 30px); }

@media (min-width: 768px) { .news section.sec-main .content-detail .video { width: 100%; max-height: 330px; } }

@media (min-width: 980px) { .news section.sec-main .content-detail .video { max-height: 480px; } }

.events section.sec-main .h4, .events section .sec-main .h4, .about.sec-main .h4, .about .sec-main .h4 { font-size: 1.25rem; }

.events section.sec-main .list, .events section .sec-main .list, .about.sec-main .list, .about .sec-main .list { padding-left: 0; padding-right: 0; border-bottom: 2px solid #e5e5e5; }

.events section.sec-main .list .date, .events section .sec-main .list .date, .about.sec-main .list .date, .about .sec-main .list .date { color: #888888; line-height: 1.5rem; }

.events section.sec-main .list p, .events section .sec-main .list p, .about.sec-main .list p, .about .sec-main .list p { font-size: 1rem; margin-bottom: 0; }

.events section.sec-main .list .h5, .events section .sec-main .list .h5, .about.sec-main .list .h5, .about .sec-main .list .h5 { font-size: 1.125rem; }

.events section.sec-main .list .item, .events section .sec-main .list .item, .about.sec-main .list .item, .about .sec-main .list .item { margin-left: auto; margin-right: auto; padding: 20px 0; border-top: 2px solid #e5e5e5; }

@media (min-width: 768px) { .events section.sec-main .list .item, .events section .sec-main .list .item, .about.sec-main .list .item, .about .sec-main .list .item { padding: 25px 0; } }

.events section.sec-main .list .item .item-wrapper-gallery, .events section .sec-main .list .item .item-wrapper-gallery, .about.sec-main .list .item .item-wrapper-gallery, .about .sec-main .list .item .item-wrapper-gallery { width: 100%; padding-left: 0; padding-right: 0; position: relative; }

@media (min-width: 768px) { .events section.sec-main .list .item .item-wrapper-gallery, .events section .sec-main .list .item .item-wrapper-gallery, .about.sec-main .list .item .item-wrapper-gallery, .about .sec-main .list .item .item-wrapper-gallery { width: 45%; } }

.events section.sec-main .list .item .item-wrapper-gallery .swiper-container, .events section .sec-main .list .item .item-wrapper-gallery .swiper-container, .about.sec-main .list .item .item-wrapper-gallery .swiper-container, .about .sec-main .list .item .item-wrapper-gallery .swiper-container { width: 100%; }

.events section.sec-main .list .item .item-wrapper-gallery .swiper-wrapper, .events section.sec-main .list .item .item-wrapper-gallery .swiper-slide, .events section .sec-main .list .item .item-wrapper-gallery .swiper-wrapper, .events section .sec-main .list .item .item-wrapper-gallery .swiper-slide, .about.sec-main .list .item .item-wrapper-gallery .swiper-wrapper, .about.sec-main .list .item .item-wrapper-gallery .swiper-slide, .about .sec-main .list .item .item-wrapper-gallery .swiper-wrapper, .about .sec-main .list .item .item-wrapper-gallery .swiper-slide { height: 100%; }

.events section.sec-main .list .item .item-wrapper-info, .events section .sec-main .list .item .item-wrapper-info, .about.sec-main .list .item .item-wrapper-info, .about .sec-main .list .item .item-wrapper-info { width: 100%; padding-left: 0; padding-right: 0; margin-top: -5px; }

@media (min-width: 768px) { .events section.sec-main .list .item .item-wrapper-info, .events section .sec-main .list .item .item-wrapper-info, .about.sec-main .list .item .item-wrapper-info, .about .sec-main .list .item .item-wrapper-info { padding-left: 1.5rem; width: 55%; } }

.events section.sec-main .list .item .item-wrapper-info .date, .events section .sec-main .list .item .item-wrapper-info .date, .about.sec-main .list .item .item-wrapper-info .date, .about .sec-main .list .item .item-wrapper-info .date { margin-top: .5rem; }

@media (min-width: 768px) { .events section.sec-main .list .item .item-wrapper-info .date, .events section .sec-main .list .item .item-wrapper-info .date, .about.sec-main .list .item .item-wrapper-info .date, .about .sec-main .list .item .item-wrapper-info .date { margin-top: 0; margin-bottom: 0; } }

.events section.sec-main .list .item .item-wrapper-info h3, .events section .sec-main .list .item .item-wrapper-info h3, .about.sec-main .list .item .item-wrapper-info h3, .about .sec-main .list .item .item-wrapper-info h3 { margin-top: 0.5rem; margin-bottom: 0.5rem; font-weight: 400; }

@media (min-width: 768px) { .events section.sec-main .list .item .item-wrapper-info h3, .events section .sec-main .list .item .item-wrapper-info h3, .about.sec-main .list .item .item-wrapper-info h3, .about .sec-main .list .item .item-wrapper-info h3 { margin-top: 1rem; margin-bottom: 1rem; } }

.events section .sw-control, .about .sw-control { position: relative; margin-left: auto; margin-right: auto; background: #000; }

.events section .swiper-container, .about .swiper-container { width: 100%; height: 200px; }

@media (min-width: 768px) { .events section .swiper-container, .about .swiper-container { height: 200px; } }

.events section .swiper-pagination, .about .swiper-pagination { bottom: 0; position: relative; padding: 3px 0; }

@media (min-width: 768px) { .events section .swiper-pagination, .about .swiper-pagination { padding: 3px 0; } }

.events section .sw-nav-prev, .events section .sw-nav-next, .about .sw-nav-prev, .about .sw-nav-next { width: 36px; }

.events section .swiper-pagination .swiper-pagination-bullet, .about .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; opacity: 1; vertical-align: middle; background: #505050; }

.events section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .about .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #db1119; }

.product section.sec-main .h4 { font-size: 1.25rem; }

.product section.sec-main .banner-top, .product section.sec-main .desc { position: relative; width: 100%; }

.product section.sec-main .sub { width: 100%; padding-top: 1rem; }

.product section.sec-main p, .product section.sec-main span, .product section.sec-main a { font-size: 1rem; }

@media (min-width: 768px) { .product section.sec-main p { line-height: 1.75rem; } }

.product section.sec-main .download { text-align: center; padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .product section.sec-main .download { text-align: right; } }

.product section.sec-main .product-line { text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-left: 0; margin-right: 0; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; }

.product section.sec-main .product-line .h5 { font-weight: 500; font-size: 18px; }

.product section.sec-main .product-line img { width: 15px; }

.product section.sec-main .sw-controls { left: 0; bottom: 0; width: 100%; position: absolute; }

.product section.sec-main .sw-controls .swiper-pagination { padding: 10px 0; position: relative; }

.product section.sec-main .sw-navs { position: absolute; margin-left: 0; margin-right: 0; right: 0; bottom: 0; z-index: 11; border: 1px solid #e5e5e5; }

.product section.sec-main .sw-navs .line { width: 1px; height: 36px; background-color: #e5e5e5; }

.product section.sec-main .sw-navs .sw-nav-prev, .product section.sec-main .sw-navs .sw-nav-next { margin-top: 0; }

.product section.sec-main .product-line-features { margin-top: 20px; position: relative; margin-left: 0; margin-right: 0; }

@media (min-width: 768px) { .product section.sec-main .product-line-features { margin-top: 30px; } }

.product section.sec-main .product-features { position: relative; margin: 30px 0; margin-left: 0; margin-right: 0; }

@media (min-width: 768px) { .product section.sec-main .product-features { margin: 50px 0; } }

.product .c-mainVisual--lv2 { background-image: url("/fa/products/assets/img/img_mv-1.jpg"); background-repeat: no-repeat; background-size: cover; }

/*RESET*/
.training section.sec-main .h4 { font-size: 1.25rem; }

.training section.sec-main .h5 { font-size: 1.125rem; }

.training section.sec-main .desc { width: 100%; position: relative; }

.training section.sec-main p, .training section.sec-main span, .training section.sec-main a { font-size: 1rem; }

@media (min-width: 768px) { .training section.sec-main p { line-height: 1.75rem; } }

.training section.sec-main .desc { padding-left: 0; }

@media (min-width: 768px) { .training section.sec-main .desc { padding-left: 1.5rem; } }

.training section.sec-main .deco-line { width: 100%; height: 1px; left: 0; top: 50%; background-color: #e5e5e5; }

.training section.sec-main .banner-buttons { margin-left: -0.5rem; margin-right: -0.5rem; -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; padding-left: 0; padding-right: 0; position: relative; }

.training section.sec-main .banner-buttons .banner-button { width: 100%; padding: .5rem; }

@media (min-width: 768px) { .training section.sec-main .banner-buttons .banner-button { width: 50%; } }

.training section.sec-main .btn- { position: relative; color: #ec1d00; border-radius: 10px; background: #fff; min-height: 88px; border: 1px solid #ec1d00; padding: 0 .75rem 0 .75rem; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; margin-left: 0; margin-right: 0; }

.training section.sec-main .btn- .icon { width: 20%; max-width: 59px; }

@media (min-width: 768px) { .training section.sec-main .btn-:hover { background: #ec1d00; }
  .training section.sec-main .btn-:hover .detail { opacity: 1; }
  .training section.sec-main .btn-:hover .name { opacity: 0; }
  .training section.sec-main .btn-:hover .arr { left: 0px; } }

.training section.sec-main .btn- img { width: 100%; -webkit-backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0); /* Chrome, Safari, Opera */ transform: translate3d(0, 0, 0); }

.training section.sec-main .detail { opacity: 0; color: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.training section.sec-main .detail > * { font-size: 14px; line-height: 1.25rem; }

.training section.sec-main .infos { padding-left: 0; padding-right: 0; padding-left: .5rem; position: relative; height: 100%; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.training section.sec-main .infos .detail { padding-left: 0.5rem; padding-right: 0.5rem; }

.training section.sec-main .arr { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; left: -3px; position: relative; padding-left: 0; padding-right: 0; }

.training section.sec-main .table { border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; margin-left: 0; margin-right: 0; }

.training section.sec-main .table p, .training section.sec-main .table span { font-size: 1rem; line-height: 1.5rem; }

.training section.sec-main .table .throw, .training section.sec-main .table .thead, .training section.sec-main .table .td, .training section.sec-main .table .throw-sub { padding: .75rem; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

@media (min-width: 768px) { .training section.sec-main .table .throw, .training section.sec-main .table .thead, .training section.sec-main .table .td, .training section.sec-main .table .throw-sub { padding: .75rem  1.5rem; } }

.training section.sec-main .table .tdir { padding-left: 0; padding-right: 0; }

.training section.sec-main .table .td { position: relative; }

.training section.sec-main .table .throw .h4, .training section.sec-main .table .throw p, .training section.sec-main .table .throw-sub .h4, .training section.sec-main .table .throw-sub p { font-weight: 700; margin-top: 0; margin-bottom: 0; }

.training section.sec-main .table .throw .h4, .training section.sec-main .table .throw-sub .h4 { font-size: 18px; }

@media (min-width: 768px) { .training section.sec-main .table .throw .h4, .training section.sec-main .table .throw-sub .h4 { font-size: 1rem; } }

.training section.sec-main .table .throw { background: #f7f7f7; text-align: center; padding-left: 0; padding-right: 0; color: #ec1d00; }

.training section.sec-main .table .throw-sub { background: #e6e6e6; text-align: center; padding-left: 0; padding-right: 0; }

.training section.sec-main .table .thead { width: 28.5%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center; }

.training section.sec-main .table .thead > * { font-weight: 700; margin-left: auto; margin-right: auto; }

a.btn-download-side { position: fixed; width: 100%; display: block; bottom: 0px; padding: 0.5rem 0; right: 0; background: #ec1d00; color: #fff; text-align: center; }

a.btn-download-side > * { vertical-align: middle; }

a.btn-download-side .ico { display: inline-block; }

a.btn-download-side .t { display: inline-block; }

@media (min-width: 768px) { a.btn-download-side { width: 60px; bottom: calc(50% - 65px); font-size: 18px; line-height: 1.125rem; padding: 1rem 0; }
  a.btn-download-side .t { padding: .25rem 20px 0; }
  a.btn-download-side .t span { font-size: 18px; line-height: 1.125rem; } }

a.btn-download-bottom { position: fixed; width: 100%; height: 48px; display: block; bottom: 0px; padding: 7px 0 12px; right: 0; background: #ec1d00; color: #fff; text-align: center; }

a.btn-download-bottom > * { vertical-align: middle; }

a.btn-download-bottom .ico { display: inline-block; }

a.btn-download-bottom .t { display: inline-block; }

a.btn-download-bottom .t span { font-size: 18px; line-height: 1.75rem; }

.pop { width: 100%; height: 100%; z-index: 10000001; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.1); }

.pop .box-auto { width: calc(100% - 30px); min-height: 480px; background: #fff; border-radius: 8px; padding: 60px 25px 25px 25px; text-align: center; -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2); border: 6px solid #f7f7f7; opacity: 0; top: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }

@media (min-width: 768px) { .pop .box-auto { max-width: 480px; padding: 70px 70px 35px 70px; } }

.pop .box-auto.active { opacity: 1; top: 0; }

.pop .box-auto h4 { margin-bottom: 25px; }

.pop .box-auto h4, .pop .box-auto p, .pop .box-auto a { font-size: 18px; }

.pop .box-auto .borderStyle { font-size: 18px; border: 1px solid #d9d9d9; margin-top: 20px; margin-bottom: 20px; padding: 6px 0; border-radius: 20px; }

.pop .btn-close { right: 10px; top: 10px; background: #d9d9d9; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; }

main { position: relative; }

.support .c-headingLv3, .download .c-headingLv3, .contact .c-headingLv3 { margin-bottom: 0; }

.support a.btn-download-side, .download a.btn-download-side, .contact a.btn-download-side { position: fixed; width: 100%; display: block; bottom: 0px; padding: 0.5rem 0; right: 0; background: #ec1d00; color: #fff; text-align: center; }

.support a.btn-download-side > *, .download a.btn-download-side > *, .contact a.btn-download-side > * { vertical-align: middle; }

.support a.btn-download-side .ico, .download a.btn-download-side .ico, .contact a.btn-download-side .ico { display: inline-block; }

.support a.btn-download-side .t, .download a.btn-download-side .t, .contact a.btn-download-side .t { display: inline-block; }

@media (min-width: 768px) { .support a.btn-download-side, .download a.btn-download-side, .contact a.btn-download-side { width: 60px; bottom: calc(50% - 65px - 175px); font-size: 18px; line-height: 1.125rem; padding: 1rem 0; }
  .support a.btn-download-side .t, .download a.btn-download-side .t, .contact a.btn-download-side .t { padding: .25rem 20px 0; }
  .support a.btn-download-side .t span, .download a.btn-download-side .t span, .contact a.btn-download-side .t span { font-size: 18px; line-height: 1.125rem; } }

.support a.btn-download-bottom, .download a.btn-download-bottom, .contact a.btn-download-bottom { position: fixed; width: 100%; height: 48px; display: block; bottom: 0px; padding: 7px 0 12px; right: 0; background: #ec1d00; color: #fff; text-align: center; }

.support a.btn-download-bottom > *, .download a.btn-download-bottom > *, .contact a.btn-download-bottom > * { vertical-align: middle; }

.support a.btn-download-bottom .ico, .download a.btn-download-bottom .ico, .contact a.btn-download-bottom .ico { display: inline-block; }

.support a.btn-download-bottom .t, .download a.btn-download-bottom .t, .contact a.btn-download-bottom .t { display: inline-block; }

.support a.btn-download-bottom .t span, .download a.btn-download-bottom .t span, .contact a.btn-download-bottom .t span { font-size: 18px; line-height: 1.75rem; }

.support section .deco-line-gray, .download .deco-line-gray, .contact .deco-line-gray { width: 100%; height: 1px; left: 0; top: 50%; background-color: #e5e5e5; }

.support section .btn-, .download .btn-, .contact .btn- { position: relative; color: #ec1d00; border-radius: 10px; background: #fff; min-height: 88px; border: 1px solid #ec1d00; padding: 0 .75rem 0 .75rem; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; margin-left: 0; margin-right: 0; }

.support section .btn- .icon, .download .btn- .icon, .contact .btn- .icon { width: 20%; max-width: 59px; }

@media (min-width: 768px) { .support section .btn-:hover, .download .btn-:hover, .contact .btn-:hover { background: #ec1d00; }
  .support section .btn-:hover .detail, .download .btn-:hover .detail, .contact .btn-:hover .detail { opacity: 1; }
  .support section .btn-:hover .name, .download .btn-:hover .name, .contact .btn-:hover .name { opacity: 0; }
  .support section .btn-:hover .arr, .download .btn-:hover .arr, .contact .btn-:hover .arr { left: 0px; } }

.support section .btn- img, .download .btn- img, .contact .btn- img { width: 100%; -webkit-backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0); /* Chrome, Safari, Opera */ transform: translate3d(0, 0, 0); }

.support section .table, .download .table, .contact .table { border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; margin-left: 0; margin-right: 0; }

.support section .table p, .support section .table span, .download .table p, .download .table span, .contact .table p, .contact .table span { font-size: 1rem; line-height: 1.5rem; }

.support section .table .throw, .support section .table .thead, .support section .table .td, .support section .table .throw-sub, .download .table .throw, .download .table .thead, .download .table .td, .download .table .throw-sub, .contact .table .throw, .contact .table .thead, .contact .table .td, .contact .table .throw-sub { padding: .75rem; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

@media (min-width: 768px) { .support section .table .throw, .support section .table .thead, .support section .table .td, .support section .table .throw-sub, .download .table .throw, .download .table .thead, .download .table .td, .download .table .throw-sub, .contact .table .throw, .contact .table .thead, .contact .table .td, .contact .table .throw-sub { padding: .75rem  1.5rem; } }

.support section .table .tdir, .download .table .tdir, .contact .table .tdir { padding-left: 0; padding-right: 0; }

.support section .table .td, .download .table .td, .contact .table .td { position: relative; }

.support section .table .throw .h4, .support section .table .throw p, .support section .table .throw-sub .h4, .support section .table .throw-sub p, .download .table .throw .h4, .download .table .throw p, .download .table .throw-sub .h4, .download .table .throw-sub p, .contact .table .throw .h4, .contact .table .throw p, .contact .table .throw-sub .h4, .contact .table .throw-sub p { font-weight: 700; margin-top: 0; margin-bottom: 0; }

.support section .table .throw .h4, .support section .table .throw-sub .h4, .download .table .throw .h4, .download .table .throw-sub .h4, .contact .table .throw .h4, .contact .table .throw-sub .h4 { font-size: 18px; }

@media (min-width: 768px) { .support section .table .throw .h4, .support section .table .throw-sub .h4, .download .table .throw .h4, .download .table .throw-sub .h4, .contact .table .throw .h4, .contact .table .throw-sub .h4 { font-size: 1rem; } }

.support section .table .throw, .download .table .throw, .contact .table .throw { background: #f7f7f7; text-align: center; padding-left: 0; padding-right: 0; color: #ec1d00; }

.support section .table .throw-sub, .download .table .throw-sub, .contact .table .throw-sub { background: #e6e6e6; text-align: center; padding-left: 0; padding-right: 0; }

.support section .table .thead, .download .table .thead, .contact .table .thead { width: 28.5%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center; }

.support section .table .thead > *, .download .table .thead > *, .contact .table .thead > * { font-weight: 700; margin-left: auto; margin-right: auto; }

.support section.sec-main .form .radio-multi [type="checkbox"]:checked, .support section.sec-main .form .radio-multi [type="checkbox"]:not(:checked), .support section .sec-main .form .radio-multi [type="checkbox"]:checked, .support section .sec-main .form .radio-multi [type="checkbox"]:not(:checked), .download.sec-main .form .radio-multi [type="checkbox"]:checked, .download.sec-main .form .radio-multi [type="checkbox"]:not(:checked), .download .sec-main .form .radio-multi [type="checkbox"]:checked, .download .sec-main .form .radio-multi [type="checkbox"]:not(:checked), .contact.sec-main .form .radio-multi [type="checkbox"]:checked, .contact.sec-main .form .radio-multi [type="checkbox"]:not(:checked), .contact .sec-main .form .radio-multi [type="checkbox"]:checked, .contact .sec-main .form .radio-multi [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }

.support section.sec-main .form .radio-multi [type="checkbox"]:checked + label, .support section.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label, .support section .sec-main .form .radio-multi [type="checkbox"]:checked + label, .support section .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label, .download.sec-main .form .radio-multi [type="checkbox"]:checked + label, .download.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label, .download .sec-main .form .radio-multi [type="checkbox"]:checked + label, .download .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label, .contact.sec-main .form .radio-multi [type="checkbox"]:checked + label, .contact.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label, .contact .sec-main .form .radio-multi [type="checkbox"]:checked + label, .contact .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; }

.support section.sec-main .form .radio-multi [type="checkbox"]:checked + label:before, .support section.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:before, .support section .sec-main .form .radio-multi [type="checkbox"]:checked + label:before, .support section .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:before, .download.sec-main .form .radio-multi [type="checkbox"]:checked + label:before, .download.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:before, .download .sec-main .form .radio-multi [type="checkbox"]:checked + label:before, .download .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:before, .contact.sec-main .form .radio-multi [type="checkbox"]:checked + label:before, .contact.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:before, .contact .sec-main .form .radio-multi [type="checkbox"]:checked + label:before, .contact .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 3px; top: 1px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #f7f7f7; }

.support section.sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .support section.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .support section .sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .support section .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .download.sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .download.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .download .sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .download .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .contact.sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .contact.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .contact .sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .contact .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: #666; position: absolute; top: 8px; left: 8px; border-radius: 100%; }

.support section.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .support section .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .download.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .download .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .contact.sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after, .contact .sec-main .form .radio-multi [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.support section.sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .support section .sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .download.sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .download .sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .contact.sec-main .form .radio-multi [type="checkbox"]:checked + label:after, .contact .sec-main .form .radio-multi [type="checkbox"]:checked + label:after { opacity: 1; }

.support section.sec-main .h4, .support section .sec-main .h4, .download.sec-main .h4, .download .sec-main .h4, .contact.sec-main .h4, .contact .sec-main .h4 { font-size: 1.25rem; }

@media (min-width: 768px) { .support section.sec-main p, .support section .sec-main p, .download.sec-main p, .download .sec-main p, .contact.sec-main p, .contact .sec-main p { line-height: 1.75rem; } }

.support section.sec-main .banner-top, .support section .sec-main .banner-top, .download.sec-main .banner-top, .download .sec-main .banner-top, .contact.sec-main .banner-top, .contact .sec-main .banner-top { position: relative; width: 100%; }

.support section.sec-main a.lgt, .support section .sec-main a.lgt, .download.sec-main a.lgt, .download .sec-main a.lgt, .contact.sec-main a.lgt, .contact .sec-main a.lgt { color: #888; }

.support section.sec-main a.lgt:link, .support section.sec-main a.lgt:hover, .support section.sec-main a.lgt:active, .support section.sec-main a.lgt:visited, .support section.sec-main a.lgt:focus, .support section .sec-main a.lgt:link, .support section .sec-main a.lgt:hover, .support section .sec-main a.lgt:active, .support section .sec-main a.lgt:visited, .support section .sec-main a.lgt:focus, .download.sec-main a.lgt:link, .download.sec-main a.lgt:hover, .download.sec-main a.lgt:active, .download.sec-main a.lgt:visited, .download.sec-main a.lgt:focus, .download .sec-main a.lgt:link, .download .sec-main a.lgt:hover, .download .sec-main a.lgt:active, .download .sec-main a.lgt:visited, .download .sec-main a.lgt:focus, .contact.sec-main a.lgt:link, .contact.sec-main a.lgt:hover, .contact.sec-main a.lgt:active, .contact.sec-main a.lgt:visited, .contact.sec-main a.lgt:focus, .contact .sec-main a.lgt:link, .contact .sec-main a.lgt:hover, .contact .sec-main a.lgt:active, .contact .sec-main a.lgt:visited, .contact .sec-main a.lgt:focus { color: #888; }

.support section.sec-main a.download, .support section.sec-main a.blank, .support section.sec-main a.nav-pop, .support section .sec-main a.download, .support section .sec-main a.blank, .support section .sec-main a.nav-pop, .download.sec-main a.download, .download.sec-main a.blank, .download.sec-main a.nav-pop, .download .sec-main a.download, .download .sec-main a.blank, .download .sec-main a.nav-pop, .contact.sec-main a.download, .contact.sec-main a.blank, .contact.sec-main a.nav-pop, .contact .sec-main a.download, .contact .sec-main a.blank, .contact .sec-main a.nav-pop { font-size: 15px; color: #005e8c; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; text-decoration: underline; }

.support section.sec-main a.download:hover, .support section.sec-main a.blank:hover, .support section.sec-main a.nav-pop:hover, .support section .sec-main a.download:hover, .support section .sec-main a.blank:hover, .support section .sec-main a.nav-pop:hover, .download.sec-main a.download:hover, .download.sec-main a.blank:hover, .download.sec-main a.nav-pop:hover, .download .sec-main a.download:hover, .download .sec-main a.blank:hover, .download .sec-main a.nav-pop:hover, .contact.sec-main a.download:hover, .contact.sec-main a.blank:hover, .contact.sec-main a.nav-pop:hover, .contact .sec-main a.download:hover, .contact .sec-main a.blank:hover, .contact .sec-main a.nav-pop:hover { opacity: 0.5; }

.support section.sec-main a.download > img, .support section.sec-main a.blank > img, .support section.sec-main a.nav-pop > img, .support section .sec-main a.download > img, .support section .sec-main a.blank > img, .support section .sec-main a.nav-pop > img, .download.sec-main a.download > img, .download.sec-main a.blank > img, .download.sec-main a.nav-pop > img, .download .sec-main a.download > img, .download .sec-main a.blank > img, .download .sec-main a.nav-pop > img, .contact.sec-main a.download > img, .contact.sec-main a.blank > img, .contact.sec-main a.nav-pop > img, .contact .sec-main a.download > img, .contact .sec-main a.blank > img, .contact .sec-main a.nav-pop > img { margin-top: 3px; }

.support section.sec-main a.download > *, .support section.sec-main a.blank > *, .support section.sec-main a.nav-pop > *, .support section .sec-main a.download > *, .support section .sec-main a.blank > *, .support section .sec-main a.nav-pop > *, .download.sec-main a.download > *, .download.sec-main a.blank > *, .download.sec-main a.nav-pop > *, .download .sec-main a.download > *, .download .sec-main a.blank > *, .download .sec-main a.nav-pop > *, .contact.sec-main a.download > *, .contact.sec-main a.blank > *, .contact.sec-main a.nav-pop > *, .contact .sec-main a.download > *, .contact .sec-main a.blank > *, .contact .sec-main a.nav-pop > * { vertical-align: middle; }

.support section.sec-main .input-attachment, .support section .sec-main .input-attachment, .download.sec-main .input-attachment, .download .sec-main .input-attachment, .contact.sec-main .input-attachment, .contact .sec-main .input-attachment { position: absolute; opacity: .0001; }

.support section.sec-main .field-attachment, .support section .sec-main .field-attachment, .download.sec-main .field-attachment, .download .sec-main .field-attachment, .contact.sec-main .field-attachment, .contact .sec-main .field-attachment { position: relative; }

.support section.sec-main .btn-file, .support section .sec-main .btn-file, .download.sec-main .btn-file, .download .sec-main .btn-file, .contact.sec-main .btn-file, .contact .sec-main .btn-file { cursor: pointer; }

.support section.sec-main .deco-line-sm, .support section .sec-main .deco-line-sm, .download.sec-main .deco-line-sm, .download .sec-main .deco-line-sm, .contact.sec-main .deco-line-sm, .contact .sec-main .deco-line-sm { width: calc(100% - 1rem); left: .5rem; top: 0; }

.support section.sec-main .main-links, .support section .sec-main .main-links, .download.sec-main .main-links, .download .sec-main .main-links, .contact.sec-main .main-links, .contact .sec-main .main-links { padding-top: 1rem; padding-bottom: 1rem; position: relative; }

@media (min-width: 768px) { .support section.sec-main .main-links, .support section .sec-main .main-links, .download.sec-main .main-links, .download .sec-main .main-links, .contact.sec-main .main-links, .contact .sec-main .main-links { padding-top: 1.5rem; padding-bottom: 1.5rem; } }

.support section.sec-main .main-links .h5, .support section.sec-main .videos-container .h5, .support section.sec-main .form .h5, .support section .sec-main .main-links .h5, .support section .sec-main .videos-container .h5, .support section .sec-main .form .h5, .download.sec-main .main-links .h5, .download.sec-main .videos-container .h5, .download.sec-main .form .h5, .download .sec-main .main-links .h5, .download .sec-main .videos-container .h5, .download .sec-main .form .h5, .contact.sec-main .main-links .h5, .contact.sec-main .videos-container .h5, .contact.sec-main .form .h5, .contact .sec-main .main-links .h5, .contact .sec-main .videos-container .h5, .contact .sec-main .form .h5 { font-size: 1.125rem; line-height: 1.125rem; }

.support section.sec-main .main-links, .support section.sec-main .videos-container, .support section .sec-main .main-links, .support section .sec-main .videos-container, .download.sec-main .main-links, .download.sec-main .videos-container, .download .sec-main .main-links, .download .sec-main .videos-container, .contact.sec-main .main-links, .contact.sec-main .videos-container, .contact .sec-main .main-links, .contact .sec-main .videos-container { margin-left: -.5rem; margin-right: -.5rem; }

.support section.sec-main .main-links a, .support section.sec-main .main-links .vdo-box, .support section.sec-main .videos-container a, .support section.sec-main .videos-container .vdo-box, .support section .sec-main .main-links a, .support section .sec-main .main-links .vdo-box, .support section .sec-main .videos-container a, .support section .sec-main .videos-container .vdo-box, .download.sec-main .main-links a, .download.sec-main .main-links .vdo-box, .download.sec-main .videos-container a, .download.sec-main .videos-container .vdo-box, .download .sec-main .main-links a, .download .sec-main .main-links .vdo-box, .download .sec-main .videos-container a, .download .sec-main .videos-container .vdo-box, .contact.sec-main .main-links a, .contact.sec-main .main-links .vdo-box, .contact.sec-main .videos-container a, .contact.sec-main .videos-container .vdo-box, .contact .sec-main .main-links a, .contact .sec-main .main-links .vdo-box, .contact .sec-main .videos-container a, .contact .sec-main .videos-container .vdo-box { width: 100%; display: block; padding: 0 0.5rem 1rem .5rem; }

@media (min-width: 768px) { .support section.sec-main .main-links a, .support section.sec-main .main-links .vdo-box, .support section.sec-main .videos-container a, .support section.sec-main .videos-container .vdo-box, .support section .sec-main .main-links a, .support section .sec-main .main-links .vdo-box, .support section .sec-main .videos-container a, .support section .sec-main .videos-container .vdo-box, .download.sec-main .main-links a, .download.sec-main .main-links .vdo-box, .download.sec-main .videos-container a, .download.sec-main .videos-container .vdo-box, .download .sec-main .main-links a, .download .sec-main .main-links .vdo-box, .download .sec-main .videos-container a, .download .sec-main .videos-container .vdo-box, .contact.sec-main .main-links a, .contact.sec-main .main-links .vdo-box, .contact.sec-main .videos-container a, .contact.sec-main .videos-container .vdo-box, .contact .sec-main .main-links a, .contact .sec-main .main-links .vdo-box, .contact .sec-main .videos-container a, .contact .sec-main .videos-container .vdo-box { width: 50%; } }

.support section.sec-main .main-links .box, .support section.sec-main .videos-container .box, .support section .sec-main .main-links .box, .support section .sec-main .videos-container .box, .download.sec-main .main-links .box, .download.sec-main .videos-container .box, .download .sec-main .main-links .box, .download .sec-main .videos-container .box, .contact.sec-main .main-links .box, .contact.sec-main .videos-container .box, .contact .sec-main .main-links .box, .contact .sec-main .videos-container .box { position: relative; width: 100%; border-radius: 5px; overflow: hidden; }

@media (min-width: 768px) { .support section.sec-main .main-links .box, .support section.sec-main .videos-container .box, .support section .sec-main .main-links .box, .support section .sec-main .videos-container .box, .download.sec-main .main-links .box, .download.sec-main .videos-container .box, .download .sec-main .main-links .box, .download .sec-main .videos-container .box, .contact.sec-main .main-links .box, .contact.sec-main .videos-container .box, .contact .sec-main .main-links .box, .contact .sec-main .videos-container .box { border-radius: 7px; } }

.support section.sec-main .main-links .t, .support section.sec-main .videos-container .t, .support section .sec-main .main-links .t, .support section .sec-main .videos-container .t, .download.sec-main .main-links .t, .download.sec-main .videos-container .t, .download .sec-main .main-links .t, .download .sec-main .videos-container .t, .contact.sec-main .main-links .t, .contact.sec-main .videos-container .t, .contact .sec-main .main-links .t, .contact .sec-main .videos-container .t { margin-top: 0.5rem; margin-bottom: 0.5rem; position: relative; }

.support section.sec-main .main-links .t::after, .support section.sec-main .videos-container .t::after, .support section .sec-main .main-links .t::after, .support section .sec-main .videos-container .t::after, .download.sec-main .main-links .t::after, .download.sec-main .videos-container .t::after, .download .sec-main .main-links .t::after, .download .sec-main .videos-container .t::after, .contact.sec-main .main-links .t::after, .contact.sec-main .videos-container .t::after, .contact .sec-main .main-links .t::after, .contact .sec-main .videos-container .t::after { content: ''; position: absolute; width: 4px; height: 100%; top: 1px; left: 0; background: #ec1d00; }

.support section.sec-main .main-links .vdo-box .t p, .support section.sec-main .videos-container .vdo-box .t p, .support section .sec-main .main-links .vdo-box .t p, .support section .sec-main .videos-container .vdo-box .t p, .download.sec-main .main-links .vdo-box .t p, .download.sec-main .videos-container .vdo-box .t p, .download .sec-main .main-links .vdo-box .t p, .download .sec-main .videos-container .vdo-box .t p, .contact.sec-main .main-links .vdo-box .t p, .contact.sec-main .videos-container .vdo-box .t p, .contact .sec-main .main-links .vdo-box .t p, .contact .sec-main .videos-container .vdo-box .t p { line-height: 1.25rem; font-weight: 500; }

.support section.sec-main a .mask, .support section .sec-main a .mask, .download.sec-main a .mask, .download .sec-main a .mask, .contact.sec-main a .mask, .contact .sec-main a .mask { background: rgba(0, 0, 0, 0.2); opacity: 1; left: 0rem; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.support section.sec-main a:hover .mask, .support section .sec-main a:hover .mask, .download.sec-main a:hover .mask, .download .sec-main a:hover .mask, .contact.sec-main a:hover .mask, .contact .sec-main a:hover .mask { opacity: 0; }

.support section.sec-main .banner-buttons, .support section .sec-main .banner-buttons, .download.sec-main .banner-buttons, .download .sec-main .banner-buttons, .contact.sec-main .banner-buttons, .contact .sec-main .banner-buttons { margin-left: -0.5rem; margin-right: -0.5rem; -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; padding-left: 0; padding-right: 0; padding-top: 1rem; padding-bottom: 1rem; position: relative; padding-top: 0; }

@media (min-width: 768px) { .support section.sec-main .banner-buttons, .support section .sec-main .banner-buttons, .download.sec-main .banner-buttons, .download .sec-main .banner-buttons, .contact.sec-main .banner-buttons, .contact .sec-main .banner-buttons { padding-top: 1.5rem; padding-bottom: 1.5rem; padding-top: 0; } }

.support section.sec-main .banner-buttons .banner-button, .support section .sec-main .banner-buttons .banner-button, .download.sec-main .banner-buttons .banner-button, .download .sec-main .banner-buttons .banner-button, .contact.sec-main .banner-buttons .banner-button, .contact .sec-main .banner-buttons .banner-button { width: 100%; padding: .5rem; }

@media (min-width: 768px) { .support section.sec-main .banner-buttons .banner-button, .support section .sec-main .banner-buttons .banner-button, .download.sec-main .banner-buttons .banner-button, .download .sec-main .banner-buttons .banner-button, .contact.sec-main .banner-buttons .banner-button, .contact .sec-main .banner-buttons .banner-button { width: 50%; } }

.support section.sec-main .btn-, .support section .sec-main .btn-, .download.sec-main .btn-, .download .sec-main .btn-, .contact.sec-main .btn-, .contact .sec-main .btn- { position: relative; color: #ec1d00; border-radius: 10px; background: #fff; min-height: 88px; border: 1px solid #ec1d00; padding: 0 .75rem 0 .75rem; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; margin-left: 0; margin-right: 0; }

.support section.sec-main .btn- .icon, .support section .sec-main .btn- .icon, .download.sec-main .btn- .icon, .download .sec-main .btn- .icon, .contact.sec-main .btn- .icon, .contact .sec-main .btn- .icon { width: 20%; max-width: 59px; position: relative; padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .support section.sec-main .btn-:hover, .support section .sec-main .btn-:hover, .download.sec-main .btn-:hover, .download .sec-main .btn-:hover, .contact.sec-main .btn-:hover, .contact .sec-main .btn-:hover { background: #ec1d00; }
  .support section.sec-main .btn-:hover .detail, .support section .sec-main .btn-:hover .detail, .download.sec-main .btn-:hover .detail, .download .sec-main .btn-:hover .detail, .contact.sec-main .btn-:hover .detail, .contact .sec-main .btn-:hover .detail { opacity: 1; }
  .support section.sec-main .btn-:hover .name, .support section .sec-main .btn-:hover .name, .download.sec-main .btn-:hover .name, .download .sec-main .btn-:hover .name, .contact.sec-main .btn-:hover .name, .contact .sec-main .btn-:hover .name { color: #fff; }
  .support section.sec-main .btn-:hover .arr, .support section .sec-main .btn-:hover .arr, .download.sec-main .btn-:hover .arr, .download .sec-main .btn-:hover .arr, .contact.sec-main .btn-:hover .arr, .contact .sec-main .btn-:hover .arr { left: 0px; } }

.support section.sec-main .btn- img, .support section .sec-main .btn- img, .download.sec-main .btn- img, .download .sec-main .btn- img, .contact.sec-main .btn- img, .contact .sec-main .btn- img { width: 100%; -webkit-backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0); /* Chrome, Safari, Opera */ transform: translate3d(0, 0, 0); }

.support section.sec-main .detail, .support section .sec-main .detail, .download.sec-main .detail, .download .sec-main .detail, .contact.sec-main .detail, .contact .sec-main .detail { opacity: 0; color: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.support section.sec-main .detail > *, .support section .sec-main .detail > *, .download.sec-main .detail > *, .download .sec-main .detail > *, .contact.sec-main .detail > *, .contact .sec-main .detail > * { font-size: 14px; line-height: 1.25rem; }

.support section.sec-main .infos, .support section .sec-main .infos, .download.sec-main .infos, .download .sec-main .infos, .contact.sec-main .infos, .contact .sec-main .infos { padding-left: 0; padding-right: 0; padding-left: .5rem; position: relative; height: 100%; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.support section.sec-main .infos .detail, .support section .sec-main .infos .detail, .download.sec-main .infos .detail, .download .sec-main .infos .detail, .contact.sec-main .infos .detail, .contact .sec-main .infos .detail { padding-left: 0.5rem; padding-right: 0.5rem; }

.support section.sec-main .arr, .support section .sec-main .arr, .download.sec-main .arr, .download .sec-main .arr, .contact.sec-main .arr, .contact .sec-main .arr { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; left: -3px; position: relative; padding-left: 0; padding-right: 0; }

.support .sec-main .swiper-container { padding: 0 1px; background: #f8f8f8; }

.support .sec-main .swiper-container .deco-line-sm { top: auto; bottom: 0; width: 100%; left: 0rem; }

.support .sec-main .tabs { padding-left: 0; padding-right: 0; }

.support .sec-main .categories { position: relative; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

.support .sec-main .categories a { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 15px; display: inline-block; padding: 3px 0; top: 0px; position: relative; background: #f8f8f8; border-top: 3px solid #f8f8f8; border-bottom: 1px solid #e5e5e5; }

.support .sec-main .categories a span { display: inline-block; padding: 5px 25px; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.support .sec-main .categories a span:hover { opacity: 0.65; }

.support .sec-main .categories a span::before, .support .sec-main .categories a span::after { content: ''; position: absolute; width: 1px; height: calc(100% - 6px); background: #e5e5e5; opacity: 0; top: 3px; }

.support .sec-main .categories a span::before { left: 0; opacity: 1; }

.support .sec-main .categories a span::after { right: 0; }

.support .sec-main .categories a:first-child:not(.active) span::before { opacity: 0; }

.support .sec-main .categories a.active { color: #ec1d00; font-weight: 500; background: #fff; border-bottom: 1px solid #fff; }

.support .sec-main .categories a.active span::before, .support .sec-main .categories a.active span::after { height: 100%; top: 0; }

.support .sec-main .categories a.active span::after { opacity: 1; }

.support .sec-main .categories a.active::after { position: absolute; content: ""; width: 100%; top: -3px; left: 0; height: 3px; background: #ec1d00; }

.support .sec-main .categories a.active + a span::before { opacity: 0; }

.support .sec-main .vdo-box { width: 100%; position: relative; }

@media (min-width: 768px) { .support .sec-main .vdo-box { width: 50%; } }

.support .sec-main .vdo-box .v { position: relative; width: 100%; height: 220px; }

.support .sec-main .vdo-box .v iframe { position: relative; width: 100%; }

.support .sec-main .vdo-box .t { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.support .sec-main .vdo-box .t p { margin-top: 0rem; margin-bottom: 0rem; padding-left: .5rem; }

.support.cnc-commision .sec-main .content .fields-table, .sec-main .content.content-order .fields-table { padding-right: 0; }

.support.cnc-commision .sec-main .content .fields-table .swiper-slide, .support.cnc-commision .sec-main .content .table, .sec-main .content.content-order .fields-table .swiper-slide, .sec-main .content.content-order .table { min-width: 680px; }

@media (min-width: 992px) { .support.cnc-commision .sec-main .content .fields-table .swiper-slide, .support.cnc-commision .sec-main .content .table, .sec-main .content.content-order .fields-table .swiper-slide, .sec-main .content.content-order .table { min-width: auto; } }

.support.cnc-commision .sec-main .content .table, .sec-main .content.content-order .table { border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-radius: 5px; text-align: center; }

.support.cnc-commision .sec-main .content .table input, .sec-main .content.content-order .table input { width: 100%; outline: none; border: none; background: none; text-align: center; }

.support.cnc-commision .sec-main .content .table *, .support.cnc-commision .sec-main .content .table p, .support.cnc-commision .sec-main .content .table span, .sec-main .content.content-order .table *, .sec-main .content.content-order .table p, .sec-main .content.content-order .table span { font-size: 1rem; line-height: 1.125rem; }

.support.cnc-commision .sec-main .content .table .throw, .support.cnc-commision .sec-main .content .table .thead, .support.cnc-commision .sec-main .content .table .td, .support.cnc-commision .sec-main .content .table .throw-sub, .sec-main .content.content-order .table .throw, .sec-main .content.content-order .table .thead, .sec-main .content.content-order .table .td, .sec-main .content.content-order .table .throw-sub { padding: .4rem 0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

.support.cnc-commision .sec-main .content .table .throw, .sec-main .content.content-order .table .throw { background: #f7f7f7; }

.support.cnc-commision .sec-main .content .table .throw-sub, .sec-main .content.content-order .table .throw-sub { background: #e6e6e6; }

.support.cnc-commision .sec-main .content .table .thead, .sec-main .content.content-order .table .thead { font-weight: 500; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.support.cnc-commision .sec-main .content .table .thead > *, .sec-main .content.content-order .table .thead > * { margin-left: auto; margin-right: auto; }

.support.cnc-commision .sec-main .content .table .tfields, .sec-main .content.content-order .table .tfields { background: #f7f7f7; }

.support.cnc-commision .sec-main .content .table-serv .tcol1, .sec-main .content.content-order .table-serv .tcol1 { width: 57px; }

.support.cnc-commision .sec-main .content .table-serv .tcol2, .support.cnc-commision .sec-main .content .table-serv .tcol4, .sec-main .content.content-order .table-serv .tcol2, .sec-main .content.content-order .table-serv .tcol4 { width: 81px; }

.support.cnc-commision .sec-main .content .table-serv .tcol3, .sec-main .content.content-order .table-serv .tcol3 { width: 97px; }

.support.cnc-commision .sec-main .content .table-serv .tcol5, .sec-main .content.content-order .table-serv .tcol5 { width: 82px; }

.support.cnc-commision .sec-main .content .table-serv .tcol6, .sec-main .content.content-order .table-serv .tcol6 { width: 82px; }

.support.cnc-commision .sec-main .content .table-serv .tcol7, .sec-main .content.content-order .table-serv .tcol7 { width: 87px; }

.support.cnc-commision .sec-main .content .table-serv .tcol8, .sec-main .content.content-order .table-serv .tcol8 { ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

.support.cnc-commision .sec-main .content .table-serv .trow6.tcol1, .sec-main .content.content-order .table-serv .trow6.tcol1 { border-radius: 0 0 0 5px; }

.support.cnc-commision .sec-main .content .table-serv .trow6.tcol8, .sec-main .content.content-order .table-serv .trow6.tcol8 { border-radius: 0 0 5px 0; }

.support.cnc-commision .sec-main .content .table-core .thead, .sec-main .content.content-order .table-core .thead { padding: 12px 0; }

.support.cnc-commision .sec-main .content .table-core .tcol1, .sec-main .content.content-order .table-core .tcol1 { width: 57px; }

.support.cnc-commision .sec-main .content .table-core .tcol2, .sec-main .content.content-order .table-core .tcol2 { width: 136px; }

.support.cnc-commision .sec-main .content .table-core .tcol3, .sec-main .content.content-order .table-core .tcol3 { width: 140px; }

.support.cnc-commision .sec-main .content .table-core .tcol4, .sec-main .content.content-order .table-core .tcol4 { width: 88px; }

.support.cnc-commision .sec-main .content .table-core .tcol5, .sec-main .content.content-order .table-core .tcol5 { width: 140px; }

.support.cnc-commision .sec-main .content .table-core .tcol6, .sec-main .content.content-order .table-core .tcol6 { ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

.support.cnc-commision .sec-main .content .table-core .trow3.tcol1, .sec-main .content.content-order .table-core .trow3.tcol1 { border-radius: 0 0 0 5px; }

.support.cnc-commision .sec-main .content .table-core .trow3.tcol6, .sec-main .content.content-order .table-core .trow3.tcol6 { border-radius: 0 0 5px 0; }

.support .form-contact .queryType, .support.cnc-contact .sec-main .content .queryType, .support.cnc-contact-sales .sec-main .content .queryType, .support.robot-contact .sec-main .content .queryType, .support.contact-taiwan .sec-main .content .queryType, .content-contact-tw .queryType { background-color: #8fa7c2; border-radius: 30px; color: #fff; font-size: 1.45rem; }

.support .form-contact .form .field-label, .support.cnc-contact .sec-main .content .form .field-label, .support.cnc-contact-sales .sec-main .content .form .field-label, .support.robot-contact .sec-main .content .form .field-label, .support.contact-taiwan .sec-main .content .form .field-label, .content-contact-tw .form .field-label { width: 100%; }

@media (min-width: 768px) { .support .form-contact .form .field-label, .support.cnc-contact .sec-main .content .form .field-label, .support.cnc-contact-sales .sec-main .content .form .field-label, .support.robot-contact .sec-main .content .form .field-label, .support.contact-taiwan .sec-main .content .form .field-label, .content-contact-tw .form .field-label { width: 15%; } }

.support .form-contact .filelabel-container, .support.cnc-contact .sec-main .content .filelabel-container, .support.cnc-contact-sales .sec-main .content .filelabel-container, .support.robot-contact .sec-main .content .filelabel-container, .support.contact-taiwan .sec-main .content .filelabel-container, .content-contact-tw .filelabel-container { padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .support .form-contact .filelabel-container, .support.cnc-contact .sec-main .content .filelabel-container, .support.cnc-contact-sales .sec-main .content .filelabel-container, .support.robot-contact .sec-main .content .filelabel-container, .support.contact-taiwan .sec-main .content .filelabel-container, .content-contact-tw .filelabel-container { padding-left: .5rem; margin-right: -6px; } }

.support .form-contact .filename-container, .support.cnc-contact .sec-main .content .filename-container, .support.cnc-contact-sales .sec-main .content .filename-container, .support.robot-contact .sec-main .content .filename-container, .support.contact-taiwan .sec-main .content .filename-container, .content-contact-tw .filename-container { padding-left: 0; }

.support .form-contact .btnfile-container, .support.cnc-contact .sec-main .content .btnfile-container, .support.cnc-contact-sales .sec-main .content .btnfile-container, .support.robot-contact .sec-main .content .btnfile-container, .support.contact-taiwan .sec-main .content .btnfile-container, .content-contact-tw .btnfile-container { padding-right: 0; }

@media (min-width: 768px) { .support .form-contact .btnfile-container, .support.cnc-contact .sec-main .content .btnfile-container, .support.cnc-contact-sales .sec-main .content .btnfile-container, .support.robot-contact .sec-main .content .btnfile-container, .support.contact-taiwan .sec-main .content .btnfile-container, .content-contact-tw .btnfile-container { padding-right: 0.5rem; } }

.support.cnc-repairform .sec-main .content .form .cName, .support.cnc-repairform .sec-main .content .form .compName, .support.cnc-repairform .sec-main .content .form .tel, .support.cnc-repairform .sec-main .content .form .cell, .support.cnc-repairform .sec-main .content .form .facName, .support.cnc-repairform .sec-main .content .form .modelName, .support.cnc-repairform .sec-main .content .form .ncName, .support.cnc-repairform .sec-main .content .form .ncNum, .form-repair .form .cName, .form-repair .form .compName, .form-repair .form .tel, .form-repair .form .cell, .form-repair .form .facName, .form-repair .form .modelName, .form-repair .form .ncName, .form-repair .form .ncNum { width: 50%; }

@media (min-width: 768px) { .support.cnc-repairform .sec-main .content .form .cName, .support.cnc-repairform .sec-main .content .form .compName, .support.cnc-repairform .sec-main .content .form .tel, .support.cnc-repairform .sec-main .content .form .cell, .support.cnc-repairform .sec-main .content .form .facName, .support.cnc-repairform .sec-main .content .form .modelName, .support.cnc-repairform .sec-main .content .form .ncName, .support.cnc-repairform .sec-main .content .form .ncNum, .form-repair .form .cName, .form-repair .form .compName, .form-repair .form .tel, .form-repair .form .cell, .form-repair .form .facName, .form-repair .form .modelName, .form-repair .form .ncName, .form-repair .form .ncNum { width: 25%; } }

.support.cnc-repairform .sec-main .content .form .tel, .support.cnc-repairform .sec-main .content .form .cell, .support.cnc-repairform .sec-main .content .form .ncName, .support.cnc-repairform .sec-main .content .form .ncNum, .form-repair .form .tel, .form-repair .form .cell, .form-repair .form .ncName, .form-repair .form .ncNum { margin-top: 1rem; }

@media (min-width: 768px) { .support.cnc-repairform .sec-main .content .form .tel, .support.cnc-repairform .sec-main .content .form .cell, .support.cnc-repairform .sec-main .content .form .ncName, .support.cnc-repairform .sec-main .content .form .ncNum, .form-repair .form .tel, .form-repair .form .cell, .form-repair .form .ncName, .form-repair .form .ncNum { margin-top: 0; } }

.support.cnc-repairform .sec-main .content .form .frq-radio-group p, .form-repair .form .frq-radio-group p { line-height: 28px; }

.support.cnc-contract .sec-main .content .cases, .support.cnc-contract .sec-main .content .banns, .support.cnc-visit .sec-main .content .cases, .support.cnc-visit .sec-main .content .banns, .content-contract .cases, .content-contract .banns, .content-visit .cases, .content-visit .banns { margin-left: -.5rem; margin-right: -.5rem; }

.support.cnc-contract .sec-main .content .case, .support.cnc-contract .sec-main .content .bann, .support.cnc-visit .sec-main .content .case, .support.cnc-visit .sec-main .content .bann, .content-contract .case, .content-contract .bann, .content-visit .case, .content-visit .bann { width: 100%; padding: 0 .5rem; margin-bottom: 1rem; }

@media (min-width: 768px) { .support.cnc-contract .sec-main .content .case, .support.cnc-contract .sec-main .content .bann, .support.cnc-visit .sec-main .content .case, .support.cnc-visit .sec-main .content .bann, .content-contract .case, .content-contract .bann, .content-visit .case, .content-visit .bann { width: 50%; }
  .support.cnc-contract .sec-main .content .case.bann, .support.cnc-contract .sec-main .content .bann.bann, .support.cnc-visit .sec-main .content .case.bann, .support.cnc-visit .sec-main .content .bann.bann, .content-contract .case.bann, .content-contract .bann.bann, .content-visit .case.bann, .content-visit .bann.bann { width: 100%; } }

.support.cnc-contract .sec-main .content .case .box, .support.cnc-contract .sec-main .content .bann .box, .support.cnc-visit .sec-main .content .case .box, .support.cnc-visit .sec-main .content .bann .box, .content-contract .case .box, .content-contract .bann .box, .content-visit .case .box, .content-visit .bann .box { width: 100%; border: 1px solid #e5e5e5; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; text-align: center; }

.support.cnc-contract .sec-main .content .case .p, .support.cnc-contract .sec-main .content .bann .p, .support.cnc-visit .sec-main .content .case .p, .support.cnc-visit .sec-main .content .bann .p, .content-contract .case .p, .content-contract .bann .p, .content-visit .case .p, .content-visit .bann .p { padding: 1rem 0 .5rem; }

.support.cnc-contract .sec-main .content .case .p img, .support.cnc-contract .sec-main .content .bann .p img, .support.cnc-visit .sec-main .content .case .p img, .support.cnc-visit .sec-main .content .bann .p img, .content-contract .case .p img, .content-contract .bann .p img, .content-visit .case .p img, .content-visit .bann .p img { width: 100%; max-width: 356px; -webkit-backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0); /* Chrome, Safari, Opera */ transform: translate3d(0, 0, 0); image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */ image-rendering: -moz-crisp-edges; /* Firefox                        */ image-rendering: -o-crisp-edges; /* Opera                          */ image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering: -o-pixelated; image-rendering: pixelated; /* Chrome */ image-rendering: optimize-contrast; /* CSS3 Proposed                  */ -ms-interpolation-mode: nearest-neighbor; /* IE8+                           */ }

.support.cnc-contract .sec-main .content .case .txt-label, .support.cnc-contract .sec-main .content .bann .txt-label, .support.cnc-visit .sec-main .content .case .txt-label, .support.cnc-visit .sec-main .content .bann .txt-label, .content-contract .case .txt-label, .content-contract .bann .txt-label, .content-visit .case .txt-label, .content-visit .bann .txt-label { color: #888; font-size: 14px; border-radius: 15px; padding: 3px 16px; border: 1px solid #888; display: inline-block; }

.support.cnc-contract .sec-main .content .case .topic .line, .support.cnc-contract .sec-main .content .bann .topic .line, .support.cnc-visit .sec-main .content .case .topic .line, .support.cnc-visit .sec-main .content .bann .topic .line, .content-contract .case .topic .line, .content-contract .bann .topic .line, .content-visit .case .topic .line, .content-visit .bann .topic .line { width: 65px; height: 2px; background: #ec1d00; left: calc(50% - 33px); bottom: 0; }

.support.cnc-contract .sec-main .content .case .sub, .support.cnc-contract .sec-main .content .bann .sub, .support.cnc-visit .sec-main .content .case .sub, .support.cnc-visit .sec-main .content .bann .sub, .content-contract .case .sub, .content-contract .bann .sub, .content-visit .case .sub, .content-visit .bann .sub { font-size: 1rem; }

.support.cnc-contract .sec-main .content .case .btn-more, .support.cnc-contract .sec-main .content .bann .btn-more, .support.cnc-visit .sec-main .content .case .btn-more, .support.cnc-visit .sec-main .content .bann .btn-more, .content-contract .case .btn-more, .content-contract .bann .btn-more, .content-visit .case .btn-more, .content-visit .bann .btn-more { font-size: 1rem; background: #ec1d00; border-radius: 5px; color: #fff; }

.support.cnc-discount .sec-main .content, .content-discount { font-size: 15px; }

.support.cnc-discount .sec-main .content .h5, .content-discount .h5 { font-size: 1.125rem; line-height: 1.125rem; }

.support.cnc-discount .sec-main .content .guarantee .h4, .support.cnc-discount .sec-main .content .guarantee .h5, .content-discount .guarantee .h4, .content-discount .guarantee .h5 { margin: .6rem 0; }

@media (min-width: 768px) { .support.cnc-discount .sec-main .content .guarantee .h4, .support.cnc-discount .sec-main .content .guarantee .h5, .content-discount .guarantee .h4, .content-discount .guarantee .h5 { margin: 1rem 0; } }

.support.cnc-discount .sec-main .content .font-hint .row .col-auto, .support.cnc-discount .sec-main .content .font-hint .row .col, .content-discount .font-hint .row .col-auto, .content-discount .font-hint .row .col { margin-bottom: 8px; }

@media (min-width: 768px) { .support.cnc-discount .sec-main .content .font-hint .row .col-auto, .support.cnc-discount .sec-main .content .font-hint .row .col, .content-discount .font-hint .row .col-auto, .content-discount .font-hint .row .col { margin-bottom: 12px; } }

.support.cnc-app .sec-main .content, .content-app { font-size: 15px; }

.support.cnc-app .sec-main .content h3, .content-app h3 { font-weight: 700; font-size: 19px; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content h3, .content-app h3 { font-size: 22px; } }

.support.cnc-app .sec-main .content h4, .content-app h4 { font-size: 18px; font-weight: 700; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content h4, .content-app h4 { font-size: 18px; } }

.support.cnc-app .sec-main .content .h5, .content-app .h5 { font-size: 1.125rem; line-height: 1.125rem; }

.support.cnc-app .sec-main .content .banner-top .info, .content-app .banner-top .info { background: #f7f7f7; padding: 10px 15px; border-radius: 0 0 5px 5px; border: 1px solid #ebebeb; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .banner-top .info, .content-app .banner-top .info { padding: 20px 30px; } }

.support.cnc-app .sec-main .content .banner-top .info .tit, .content-app .banner-top .info .tit { position: relative; padding-left: 20px; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .banner-top .info .tit, .content-app .banner-top .info .tit { padding-left: 24px; } }

.support.cnc-app .sec-main .content .banner-top .info .tit::after, .content-app .banner-top .info .tit::after { content: ''; position: absolute; width: 5px; height: 100%; top: 1px; left: 0; background: #ec1d00; }

.support.cnc-app .sec-main .content .banner-top .info .desc p, .content-app .banner-top .info .desc p { line-height: 1.5rem; margin: 0; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .banner-top .info .desc .desc-t, .content-app .banner-top .info .desc .desc-t { max-width: calc(100% - 120px); } }

.support.cnc-app .sec-main .content .banner-top a, .content-app .banner-top a { display: block; background: #ec1d00; border-radius: 30px; padding: 10px 20px; color: #fff; font-weight: 500; width: 100px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; text-align: center; }

.support.cnc-app .sec-main .content .banner-top a img, .content-app .banner-top a img { position: relative; width: 8px; margin-top: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; left: 0; }

.support.cnc-app .sec-main .content .banner-top a:hover, .content-app .banner-top a:hover { opacity: .8; }

.support.cnc-app .sec-main .content .banner-top a:hover img, .content-app .banner-top a:hover img { left: 4px; }

.support.cnc-app .sec-main .content .banner-top .swiper-slide, .content-app .banner-top .swiper-slide { height: auto; -ms-flex-item-align: stretch; align-self: stretch; }

.support.cnc-app .sec-main .content .banner-top .sw-nav-prev, .support.cnc-app .sec-main .content .banner-top .sw-nav-next, .content-app .banner-top .sw-nav-prev, .content-app .banner-top .sw-nav-next { width: 25px; top: calc(28% - 23px); }

.support.cnc-app .sec-main .content .swiper-pagination, .content-app .swiper-pagination { position: relative; padding-top: 4px; margin-bottom: 0.5rem; }

.support.cnc-app .sec-main .content .sec-title, .content-app .sec-title { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }

.support.cnc-app .sec-main .content a .t, .content-app a .t { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; font-weight: 500; font-size: 18px; color: #fff; }

.support.cnc-app .sec-main .content .app-buttons a.btn-app-, .content-app .app-buttons a.btn-app- { position: relative; display: block; width: calc(100%); overflow: hidden; isolation: isolate; border-radius: 6px; border: 1px solid #ebebeb; margin-top: 10px; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .app-buttons a.btn-app-, .content-app .app-buttons a.btn-app- { width: calc(50% - 10px); margin-top: 20px; }
  .support.cnc-app .sec-main .content .app-buttons a.btn-app-:nth-child(even), .content-app .app-buttons a.btn-app-:nth-child(even) { margin-left: auto; }
  .support.cnc-app .sec-main .content .app-buttons a.btn-app-:after, .content-app .app-buttons a.btn-app-:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; z-index: 1; position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); }
  .support.cnc-app .sec-main .content .app-buttons a.btn-app-:hover:after, .content-app .app-buttons a.btn-app-:hover:after { background: rgba(0, 0, 0, 0); } }

.support.cnc-app .sec-main .content .sec-banner, .content-app .sec-banner { margin-top: 10px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .sec-banner, .content-app .sec-banner { margin-top: 30px; padding: 30px 0; } }

.support.cnc-app .sec-main .content a.banner-app, .content-app a.banner-app { position: relative; display: block; margin-bottom: 10px; overflow: hidden; isolation: isolate; border-radius: 6px; width: calc(100%); }

.support.cnc-app .sec-main .content a.banner-app:last-child, .content-app a.banner-app:last-child { margin-bottom: 0px; }

.support.cnc-app .sec-main .content a.banner-app:after, .content-app a.banner-app:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; z-index: 1; position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); }

.support.cnc-app .sec-main .content a.banner-app .t, .content-app a.banner-app .t { font-size: 25px; padding: 0 20px; }

.support.cnc-app .sec-main .content a.banner-app .t p, .content-app a.banner-app .t p { line-height: 1.7rem; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content a.banner-app .t, .content-app a.banner-app .t { padding: 0 25px; } }

.support.cnc-app .sec-main .content a.banner-app .t img, .content-app a.banner-app .t img { position: relative; left: 0; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -ms-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content a.banner-app, .content-app a.banner-app { margin-bottom: 0px; width: calc(50% - 10px); }
  .support.cnc-app .sec-main .content a.banner-app:hover:after, .content-app a.banner-app:hover:after { background: rgba(0, 0, 0, 0); }
  .support.cnc-app .sec-main .content a.banner-app:hover .t img, .content-app a.banner-app:hover .t img { left: 4px; } }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .sec-apps, .content-app .sec-apps { width: 66%; } }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os, .support.cnc-app .sec-main .content .sec-download .btns-app-os, .content-app .sec-apps .btns-app-os, .content-app .sec-download .btns-app-os { position: relative; border-radius: 6px; border: 1px solid #ec1d00; padding: 12px 15px; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .sec-apps .btns-app-os, .support.cnc-app .sec-main .content .sec-download .btns-app-os, .content-app .sec-apps .btns-app-os, .content-app .sec-download .btns-app-os { padding: 22px 45px; } }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os .split-line, .support.cnc-app .sec-main .content .sec-download .btns-app-os .split-line, .content-app .sec-apps .btns-app-os .split-line, .content-app .sec-download .btns-app-os .split-line { position: relative; width: 1px; height: 145px; background: #ec1d00; }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-os, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-os, .content-app .sec-apps .btns-app-os a.btn-app-os, .content-app .sec-download .btns-app-os a.btn-app-os { position: relative; display: block; max-width: 120px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-os img, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-os img, .content-app .sec-apps .btns-app-os a.btn-app-os img, .content-app .sec-download .btns-app-os a.btn-app-os img { image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */ image-rendering: -moz-crisp-edges; /* Firefox                        */ image-rendering: -o-crisp-edges; /* Opera                          */ image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering: -o-pixelated; image-rendering: pixelated; /* Chrome */ image-rendering: optimize-contrast; /* CSS3 Proposed                  */ -ms-interpolation-mode: nearest-neighbor; /* IE8+                           */ }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-download .ico, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-download .ico, .content-app .sec-apps .btns-app-os a.btn-app-download .ico, .content-app .sec-download .btns-app-os a.btn-app-download .ico { width: 80px; height: 80px; background: #999999; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-download .ico, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-download .ico, .content-app .sec-apps .btns-app-os a.btn-app-download .ico, .content-app .sec-download .btns-app-os a.btn-app-download .ico { width: 105px; height: 105px; } }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-download .ico img, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-download .ico img, .content-app .sec-apps .btns-app-os a.btn-app-download .ico img, .content-app .sec-download .btns-app-os a.btn-app-download .ico img { width: 45%; max-width: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }

@media (min-width: 768px) { .support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-download:hover .ico, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-download:hover .ico, .content-app .sec-apps .btns-app-os a.btn-app-download:hover .ico, .content-app .sec-download .btns-app-os a.btn-app-download:hover .ico { background: #aaa; }
  .support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-download:hover .ico img, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-download:hover .ico img, .content-app .sec-apps .btns-app-os a.btn-app-download:hover .ico img, .content-app .sec-download .btns-app-os a.btn-app-download:hover .ico img { -webkit-transform: scale(1.075, 1.075); -moz-transform: scale(1.075, 1.075); -ms-transform: scale(1.075, 1.075); -o-transform: scale(1.075, 1.075); } }

.support.cnc-app .sec-main .content .sec-apps .btns-app-os a.btn-app-download p, .support.cnc-app .sec-main .content .sec-download .btns-app-os a.btn-app-download p, .content-app .sec-apps .btns-app-os a.btn-app-download p, .content-app .sec-download .btns-app-os a.btn-app-download p { margin: 0; font-size: 16px; font-weight: 500; }

.support.cnc-visit .sec-main .content .h3, .content-visit .h3 { font-size: 23px; }

@media (min-width: 768px) { .support.cnc-visit .sec-main .content .h3, .content-visit .h3 { font-size: 26px; } }

.support.cnc-visit .sec-main .content .bann .txt-label, .content-visit .bann .txt-label { border: none; font-size: 1rem; color: #fff; background: #ec1d00; padding: 3px 14px; }

.support.cnc-visit .sec-main .content .bann .topic .line, .content-visit .bann .topic .line { background: #e5e5e5; }

.support.cnc-visit .sec-main .content .bann .sub, .content-visit .bann .sub { padding: 0 30px; text-align: left; }

.support.cnc-visit .sec-main .content .bann .sub .txt-label-sm, .content-visit .bann .sub .txt-label-sm { border: 1px solid #333; -ms-flex-item-align: start !important; align-self: flex-start !important; line-height: 19px; padding: 0px 8px; border-radius: 15px; margin-top: 2px; }

.support.robot-spec .sec-main .content .form-sub { display: block; text-align: center; background-color: #d9d9d9; border-radius: 5px; padding: .75rem 0; margin: 1rem 0; }

.support.robot-spec .sec-main .content .form-sub > * { display: inline-block; vertical-align: middle; }

.support.robot-spec .sec-main .content .box { width: 100%; border: 1px solid #e5e5e5; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; }

.support.robot-spec .sec-main .content .box .form-check label { font-weight: 500; font-size: 18px; }

.support.robot-spec .sec-main .content .field-group .field-label { font-weight: 500; font-size: 18px; }

.support.robot-spec .sec-main .content .field-group .field-input { text-align: center; font-size: 15px; margin-bottom: .75rem; }

.support.robot-spec .sec-main .content .recmds { margin-left: -0.5rem; margin-right: -0.5rem; padding-top: 2rem; }

.support.robot-spec .sec-main .content .recmds .recmd-group { padding-left: 0.5rem; padding-right: 0.5rem; width: 100%; margin-bottom: 1rem; }

@media (min-width: 768px) { .support.robot-spec .sec-main .content .recmds .recmd-group { width: 33.33%; } }

.support.robot-spec .sec-main .content .recmds .recmd-group .p { width: 40%; border-right: 1px solid #e5e5e5; }

@media (min-width: 768px) { .support.robot-spec .sec-main .content .recmds .recmd-group .p { width: 100%; border: none; } }

.support.robot-spec .sec-main .content .recmds .recmd-group .recmd-specs { margin: 0rem; padding: .75rem 1rem; text-align: left; font-size: 15px; }

@media (min-width: 768px) { .support.robot-spec .sec-main .content .recmds .recmd-group .recmd-specs { width: 100%; line-height: 1.75rem; margin: .75rem 1rem; padding: .75rem 0; border-top: 1px solid #e5e5e5; } }

.support.robot-spec .sec-main .content .recmds .recmd-group .p { position: relative; padding: 0; }

.support.robot-spec .sec-main .content .recmds .recmd-group .p a { display: block; right: .5rem; bottom: 0; }

.support.robot-spec .sec-main .content .recmds .recmd-group .recmd-spec-name { font-size: 1rem; color: #ec1d00; font-weight: 500; }

.support.robot-spec .sec-main .content .result .result-detail { width: 100%; max-width: 440px; font-size: 1rem; text-align: center; }

.support.robot-spec .sec-main .content .result .result-detail .spec-group { margin-bottom: 0.75rem; }

.support.robot-spec .sec-main .content .result .result-detail .spec-name { text-align: right; font-weight: 500; }

.support.robot-spec .sec-main .content .result .result-detail .spec-val { text-align: center; padding: 0.5rem 1rem; color: #ec1d00; background: #fffaef; border: 2px solid #e5e5e5; border-radius: 5px; }

.support.robot-spec .sec-main .content .result .result-detail .spec-unit { text-align: left; }

.support.robot-spec .sec-main .content .result .result-detail .spec-val { width: 40%; }

.support.robot-spec .sec-main .content .result .result-detail .spec-name, .support.robot-spec .sec-main .content .result .result-detail .spec-unit { width: 30%; }

@media (min-width: 768px) { .support.robot-spec .sec-main .content .result .result-detail .spec-val { width: 55%; }
  .support.robot-spec .sec-main .content .result .result-detail .spec-name, .support.robot-spec .sec-main .content .result .result-detail .spec-unit { width: 22.5%; } }

.support.office-taiwan .sec-main .content .h4, .support.office-global .sec-main .content .h4, .content-office .h4 { font-size: 18px; }

.support.office-taiwan .sec-main .content .h5, .support.office-global .sec-main .content .h5, .content-office .h5 { font-size: 16px; line-height: 24px; }

.support.office-taiwan .sec-main .content .text-blue, .support.office-global .sec-main .content .text-blue, .content-office .text-blue { color: #56697d; }

.support.office-taiwan .sec-main .content .tit, .support.office-global .sec-main .content .tit, .content-office .tit { border-left: 4px solid #ec1d00; margin: .5rem 0 1rem; padding-left: .5rem; font-weight: 700; margin-top: 0; margin-bottom: 0; }

.support.office-taiwan .sec-main .content .topic-label, .support.office-global .sec-main .content .topic-label, .content-office .topic-label { display: inline-block; border: 1px solid #e5e5e5; border-radius: 40px; padding: 5px 30px; margin: .75rem auto; }

.support.office-taiwan .sec-main .content .topic-label > *, .support.office-global .sec-main .content .topic-label > *, .content-office .topic-label > * { font-weight: 700; margin-top: 0; margin-bottom: 0; }

.support.office-taiwan .sec-main .content .map-img, .support.office-global .sec-main .content .map-img, .content-office .map-img { border: 1px solid #e5e5e5; }

.support.office-taiwan .sec-main .content .map-img img, .support.office-global .sec-main .content .map-img img, .content-office .map-img img { -webkit-backface-visibility: hidden; -ms-transform: translate3d(0, 0, 0); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0); /* Chrome, Safari, Opera */ transform: translate3d(0, 0, 0); }

.support.office-taiwan .sec-main .content .office-title, .support.office-global .sec-main .content .office-title, .content-office .office-title { text-align: center; }

.support.office-taiwan .sec-main .content .office-title > *, .support.office-global .sec-main .content .office-title > *, .content-office .office-title > * { font-weight: 700; margin-top: 1rem; margin-bottom: 1rem; color: #56697d; }

.support.office-taiwan .sec-main .content .office-item, .support.office-global .sec-main .content .office-item, .content-office .office-item { position: relative; text-align: left; padding: 1rem 0; border-bottom: 1px solid #e5e5e5; }

@media (min-width: 768px) { .support.office-taiwan .sec-main .content .office-item, .support.office-global .sec-main .content .office-item, .content-office .office-item { padding: 1.5rem 0; } }

.support.office-taiwan .sec-main .content .office-item:last-child, .support.office-global .sec-main .content .office-item:last-child, .content-office .office-item:last-child { border: none; }

.support.office-taiwan .sec-main .content .office-item .tit, .support.office-global .sec-main .content .office-item .tit, .content-office .office-item .tit { margin-top: 4px; margin-bottom: 20px; }

@media (min-width: 768px) { .support.office-taiwan .sec-main .content .office-item .tit, .support.office-global .sec-main .content .office-item .tit, .content-office .office-item .tit { margin-top: 0; margin-bottom: 16px; } }

.support.office-taiwan .sec-main .content .office-item .office-detail, .support.office-global .sec-main .content .office-item .office-detail, .content-office .office-item .office-detail { position: relative; font-size: 1rem; line-height: 1.5rem; }

.support.office-taiwan .sec-main .content .office-item .office-detail > *, .support.office-global .sec-main .content .office-item .office-detail > *, .content-office .office-item .office-detail > * { padding-bottom: .4rem; }

.support.office-taiwan .sec-main .content .office-item .office-detail .det-name, .support.office-taiwan .sec-main .content .office-item .office-detail .det-val, .support.office-global .sec-main .content .office-item .office-detail .det-name, .support.office-global .sec-main .content .office-item .office-detail .det-val, .content-office .office-item .office-detail .det-name, .content-office .office-item .office-detail .det-val { padding-left: 1rem; padding-right: 1rem; }

.support.office-taiwan .sec-main .content .office-item .office-detail .det-name, .support.office-global .sec-main .content .office-item .office-detail .det-name, .content-office .office-item .office-detail .det-name { width: 100px; }

.support.office-taiwan .sec-main .content .office-item .office-detail .det-val, .support.office-global .sec-main .content .office-item .office-detail .det-val, .content-office .office-item .office-detail .det-val { width: calc(100% - 100px); }

.support.office-global .sec-main .content .office-item { border-bottom: 1px solid #e5e5e5; }

.support.office-global .sec-main .content .office-item:last-child { border-bottom: 1px solid #e5e5e5; }

.support.contact-index .sec-main .content .deco-line, .contact .content-contact .deco-line { width: 100%; height: 1px; left: 0; top: 50%; background-color: #e5e5e5; }

.support.contact-index .sec-main .content .banner-buttons, .contact .content-contact .banner-buttons { margin: 0; }

.support.contact-index .sec-main .content .contact-button, .contact .content-contact .contact-button { width: 100%; padding-top: 2rem; color: #ec1d00; }

.support.contact-index .sec-main .content .contact-button > .h4, .contact .content-contact .contact-button > .h4 { text-align: left; font-weight: 700; }

.support.contact-index .sec-main .content .contact-button a, .contact .content-contact .contact-button a { border-radius: 10px; padding: 1rem 0rem; margin: 0 auto; position: relative; border: 1px solid #ec1d00; }

.support.contact-index .sec-main .content .contact-button a > *, .contact .content-contact .contact-button a > * { color: #ec1d00; font-size: 1rem; font-weight: 500; }

.support.contact-index .sec-main .content .contact-button a .split-line, .contact .content-contact .contact-button a .split-line { position: absolute; width: 1px; height: calc(100% - 2.4em); top: 1.2rem; left: 50%; background-color: #ec1d00; }

.support.contact-index .sec-main .content .feature, .contact .content-contact .feature { width: 100%; margin: 0; padding: 5px 10px 5px 20px; }

.support.contact-index .sec-main .content .feature > *, .contact .content-contact .feature > * { padding-left: 0.25rem; }

.support.contact-index .sec-main .content .feature > *.ico, .contact .content-contact .feature > *.ico { padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .support.contact-index .sec-main .content .feature, .contact .content-contact .feature { width: 50%; } }

@media (min-width: 768px) { .support.contact-index .sec-main .content .feature.md-mt--24, .contact .content-contact .feature.md-mt--24 { margin-top: -24px; } }

.support.contact-index .sec-main .content .feature .ico, .contact .content-contact .feature .ico { line-height: 1.25rem; }

@media (min-width: 768px) { .support.contact-index .sec-main .content .feature .ico, .contact .content-contact .feature .ico { margin-right: 5px; } }

.support.contact-taiwan .sec-main .content .form-title, .content-contact-tw .form-title { margin: 0rem; }

@media (min-width: 768px) { .support.contact-taiwan .sec-main .content .form-title, .content-contact-tw .form-title { padding: 0rem 1.5rem; } }

.support.contact-taiwan .sec-main .content .contact-table, .content-contact-tw .contact-table { background: #f7f7f7; padding: 0rem 0; border-radius: 7px; }

.support.contact-taiwan .sec-main .content .thead, .content-contact-tw .thead { font-weight: 500; }

.support.contact-taiwan .sec-main .content .info, .support.contact-taiwan .sec-main .content .thead, .content-contact-tw .info, .content-contact-tw .thead { padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .support.contact-taiwan .sec-main .content .info, .support.contact-taiwan .sec-main .content .thead, .content-contact-tw .info, .content-contact-tw .thead { padding-left: .5rem; } }

.support.contact-taiwan .sec-main .content .info .pl-80, .support.contact-taiwan .sec-main .content .thead .pl-80, .content-contact-tw .info .pl-80, .content-contact-tw .thead .pl-80 { display: inline-block; padding-left: 80px; }

.support.contact-taiwan .sec-main .content .deco-line-base, .content-contact-tw .deco-line-base { width: calc(100%); height: 1px; padding: 0; margin: 0 auto; background: #e5e5e5; }

@media (min-width: 768px) { .support.contact-taiwan .sec-main .content .deco-line-base, .content-contact-tw .deco-line-base { width: calc(100% - 3rem); } }

.support.contact-taiwan .sec-main .content select.queryType, .content-contact-tw select.queryType { font-size: 18px; background-image: url("../img/select-ico-blue.jpg"); background-repeat: no-repeat; background-position: right 1rem center; }

@media (min-width: 768px) { .support.contact-taiwan .sec-main .content select.queryType, .content-contact-tw select.queryType { font-size: 20px; } }

.support.contact-taiwan .sec-main .content select.queryType:focus, .content-contact-tw select.queryType:focus { outline: none; }

.support.download-detail .sec-main .content .form-title, .content-download .form-title { margin: 0rem; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .form-title, .content-download .form-title { padding: 0rem 1.5rem; } }

.support.download-detail .sec-main .content .deco-line-base, .content-download .deco-line-base { width: calc(100% - 2rem); height: 1px; padding: 0; margin: 0 auto; background: #e5e5e5; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .deco-line-base, .content-download .deco-line-base { width: calc(100% - 3rem); } }

.support.download-detail .sec-main .content .search-ui, .content-download .search-ui { background: #f7f7f7; padding: 0rem 0; font-size: 16px; border-radius: 7px; }

.support.download-detail .sec-main .content .search-ui a.btn-submit, .content-download .search-ui a.btn-submit { width: 100%; display: block; text-align: center; color: #fff; font-size: 1rem; padding: .5rem 0; background: #888; }

.support.download-detail .sec-main .content .list, .content-download .list { width: 100%; margin-top: 1.5rem; margin-left: auto; margin-right: auto; }

.support.download-detail .sec-main .content .list .list-head, .support.download-detail .sec-main .content .list .list-item, .content-download .list .list-head, .content-download .list .list-item { padding-top: 1rem; padding-bottom: 1rem; margin-left: 0; margin-right: 0; border-bottom: 1px solid #e5e5e5; }

.support.download-detail .sec-main .content .list .list-head > *, .support.download-detail .sec-main .content .list .list-item > *, .content-download .list .list-head > *, .content-download .list .list-item > * { padding-left: 0; padding-right: 0; word-wrap: break-word; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head > *, .support.download-detail .sec-main .content .list .list-item > *, .content-download .list .list-head > *, .content-download .list .list-item > * { padding-left: .5rem; } }

.support.download-detail .sec-main .content .list .list-head a.fname, .support.download-detail .sec-main .content .list .list-item a.fname, .content-download .list .list-head a.fname, .content-download .list .list-item a.fname { display: block; color: #005e8c; font-weight: 500; font-size: 1rem; padding-bottom: .5rem; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head a.fname, .support.download-detail .sec-main .content .list .list-item a.fname, .content-download .list .list-head a.fname, .content-download .list .list-item a.fname { padding-bottom: 0; } }

.support.download-detail .sec-main .content .list .list-head .fname, .support.download-detail .sec-main .content .list .list-item .fname, .content-download .list .list-head .fname, .content-download .list .list-item .fname { width: 76%; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head .fname, .support.download-detail .sec-main .content .list .list-item .fname, .content-download .list .list-head .fname, .content-download .list .list-item .fname { width: 46.5%; } }

.support.download-detail .sec-main .content .list .list-head .cate, .support.download-detail .sec-main .content .list .list-item .cate, .content-download .list .list-head .cate, .content-download .list .list-item .cate { width: 24%; text-align: right; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head .cate, .support.download-detail .sec-main .content .list .list-item .cate, .content-download .list .list-head .cate, .content-download .list .list-item .cate { text-align: left; } }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head .cate, .support.download-detail .sec-main .content .list .list-item .cate, .content-download .list .list-head .cate, .content-download .list .list-item .cate { width: 13%; } }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head .lang, .support.download-detail .sec-main .content .list .list-item .lang, .content-download .list .list-head .lang, .content-download .list .list-item .lang { width: 8%; } }

.support.download-detail .sec-main .content .list .list-head .series, .support.download-detail .sec-main .content .list .list-item .series, .content-download .list .list-head .series, .content-download .list .list-item .series { width: 100%; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head .series, .support.download-detail .sec-main .content .list .list-item .series, .content-download .list .list-head .series, .content-download .list .list-item .series { width: 19%; } }

.support.download-detail .sec-main .content .list .list-head .size, .support.download-detail .sec-main .content .list .list-item .size, .content-download .list .list-head .size, .content-download .list .list-item .size { text-align: left; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-head .size, .support.download-detail .sec-main .content .list .list-item .size, .content-download .list .list-head .size, .content-download .list .list-item .size { text-align: center; } }

.support.download-detail .sec-main .content .list .list-head, .content-download .list .list-head { font-weight: 500; background: #f7f7f7; border-top: 1px solid #e5e5e5; color: #888; -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; }

.support.download-detail .sec-main .content .list .list-item, .content-download .list .list-item { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .list .list-item, .content-download .list .list-item { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } }

.support.download-detail .sec-main .content a.contact, .content-download a.contact { font-size: 1rem; }

.support.download-detail .sec-main .content .form-ps, .content-download .form-ps { padding-bottom: .5rem; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .form-ps, .content-download .form-ps { padding: .5rem 0; } }

.support.download-detail .sec-main .content .form .form-group, .content-download .form .form-group { width: 100%; padding: .5rem 1rem .5rem; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .form .form-group, .content-download .form .form-group { padding: .75rem 1.5rem .5rem; } }

.support.download-detail .sec-main .content .form .form-group .form-label, .content-download .form .form-group .form-label { font-weight: 700; }

.support.download-detail .sec-main .content .form .form-group .form-label > *, .content-download .form .form-group .form-label > * { display: inline-block; vertical-align: middle; }

.support.download-detail .sec-main .content .form .form-group .form-check, .content-download .form .form-group .form-check { padding: .5rem 0 0rem; }

@media (min-width: 768px) { .support.download-detail .sec-main .content .form .form-group .form-check, .content-download .form .form-group .form-check { padding: .5rem 0; } }

.support.faq-detail .sec-main .content .deco-line-sm, .content-contact-faqs .deco-line-sm { width: 100%; left: 0; }

.support.faq-detail .sec-main .content .list, .content-contact-faqs .list { padding: 0; margin-top: .5rem; }

@media (min-width: 768px) { .support.faq-detail .sec-main .content .list, .content-contact-faqs .list { margin-top: .5rem; } }

.support.faq-detail .sec-main .content .list-item, .content-contact-faqs .list-item { width: 100%; font-size: 1rem; margin-top: .5rem; }

.support.faq-detail .sec-main .content .list-item .Q, .content-contact-faqs .list-item .Q { width: 16px; color: #ec1d00; padding: 0; text-align: right; }

@media (min-width: 768px) { .support.faq-detail .sec-main .content .list-item .Q, .content-contact-faqs .list-item .Q { width: 30px; } }

.support.faq-detail .sec-main .content .list-item .Q > *, .content-contact-faqs .list-item .Q > * { font-weight: 700; margin-top: 0; margin-bottom: 0; }

.support.faq-detail .sec-main .content .list-item .tit, .content-contact-faqs .list-item .tit { padding-left: 0; padding-right: 0; cursor: pointer; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; margin-left: 0; margin-right: 0; }

.support.faq-detail .sec-main .content .list-item .thead, .support.faq-detail .sec-main .content .list-item .tbod, .content-contact-faqs .list-item .thead, .content-contact-faqs .list-item .tbod { width: 100%; margin: 0; padding: .75rem 1rem; }

.support.faq-detail .sec-main .content .list-item .thead, .content-contact-faqs .list-item .thead { font-size: 16px; font-weight: 500; background-color: #f7f7f7; margin-bottom: .5rem; -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; margin-left: 0; margin-right: 0; width: 100%; }

.support.faq-detail .sec-main .content .list-item .thead .btn-toggle, .content-contact-faqs .list-item .thead .btn-toggle { width: 14px; height: 26px; padding: 0; }

.support.faq-detail .sec-main .content .list-item .thead .btn-toggle .line, .content-contact-faqs .list-item .thead .btn-toggle .line { width: 100%; height: 2px; background-color: #333; top: calc(50% - 1px); }

.support.faq-detail .sec-main .content .list-item .thead .btn-toggle .l2, .content-contact-faqs .list-item .thead .btn-toggle .l2 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.support.faq-detail .sec-main .content .list-item .tbod, .content-contact-faqs .list-item .tbod { height: 0; overflow: hidden; padding: 0rem 1rem; }

.support.faq-detail .sec-main .content .list-item .tbod ul, .content-contact-faqs .list-item .tbod ul { list-style: decimal; font-size: 1rem; padding-left: 18px; }

.support.faq-detail .sec-main .content .list-item .tbod ul li, .content-contact-faqs .list-item .tbod ul li { padding-bottom: .25rem; }

.support.faq-detail .sec-main .content .list-item .tbod a, .content-contact-faqs .list-item .tbod a { font-size: 1rem; display: inline-block; color: #005e8c; text-decoration: underline; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; }

.support.faq-detail .sec-main .content .list-item .tbod a:hover, .content-contact-faqs .list-item .tbod a:hover { opacity: 0.5; }

.support.faq-detail .sec-main .content .list-item .tbod .picture, .content-contact-faqs .list-item .tbod .picture { width: 100%; }

.support.faq-detail .sec-main .content .list-item .tbod .video, .content-contact-faqs .list-item .tbod .video { width: 100%; height: calc(66vw - 30px); }

@media (min-width: 768px) { .support.faq-detail .sec-main .content .list-item .tbod .video, .content-contact-faqs .list-item .tbod .video { width: 100%; max-height: 330px; } }

@media (min-width: 980px) { .support.faq-detail .sec-main .content .list-item .tbod .video, .content-contact-faqs .list-item .tbod .video { max-height: 480px; } }

.support.faq-detail .sec-main .content .list-item .tbod .video, .support.faq-detail .sec-main .content .list-item .tbod .picture, .content-contact-faqs .list-item .tbod .video, .content-contact-faqs .list-item .tbod .picture { margin: .5rem 0; }

@media (min-width: 768px) { .support.faq-detail .sec-main .content .list-item .tbod .video, .support.faq-detail .sec-main .content .list-item .tbod .picture, .content-contact-faqs .list-item .tbod .video, .content-contact-faqs .list-item .tbod .picture { margin: 1rem 0; } }

.support.faq-detail .sec-main .content .list-item .tbod .desc, .support.faq-detail .sec-main .content .list-item .tbod .photo, .content-contact-faqs .list-item .tbod .desc, .content-contact-faqs .list-item .tbod .photo { width: 100%; }

.support.faq-detail .sec-main .content .list-item.active .tbod, .content-contact-faqs .list-item.active .tbod { height: auto; }

.support.terms .sec-main .content p, .support.terms .sec-main .content .p, .support.terms .sec-main .content li, .support.terms .sec-main .content .pre, .support.terms .sec-main .content a, .content-app-terms p, .content-app-terms .p, .content-app-terms li, .content-app-terms .pre, .content-app-terms a { font-size: 1rem; font-weight: 500; margin-bottom: .25rem; }

@media (min-width: 768px) { .support.terms .sec-main .content p, .support.terms .sec-main .content .p, .support.terms .sec-main .content li, .support.terms .sec-main .content .pre, .support.terms .sec-main .content a, .content-app-terms p, .content-app-terms .p, .content-app-terms li, .content-app-terms .pre, .content-app-terms a { font-size: 18px; } }

.support.terms .sec-main .content p.strong, .support.terms .sec-main .content .p.strong, .support.terms .sec-main .content li.strong, .support.terms .sec-main .content .pre.strong, .support.terms .sec-main .content a.strong, .content-app-terms p.strong, .content-app-terms .p.strong, .content-app-terms li.strong, .content-app-terms .pre.strong, .content-app-terms a.strong { font-weight: 900; margin-top: 1rem; }

.support.terms .sec-main .content .breakable, .content-app-terms .breakable { word-break: break-all; }

.support.terms .sec-main .content a, .content-app-terms a { display: inline; text-decoration: underline; }

.support.terms .sec-main .content .list, .content-app-terms .list { width: 100%; }

.support.terms .sec-main .content .list .li, .support.terms .sec-main .content .list .li-sub, .content-app-terms .list .li, .content-app-terms .list .li-sub { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.support.terms .sec-main .content .list .li .pre, .support.terms .sec-main .content .list .li-sub .pre, .content-app-terms .list .li .pre, .content-app-terms .list .li-sub .pre { padding-top: 0px; padding-right: 2px; }

@media (min-width: 768px) { .support.terms .sec-main .content .list .li .pre, .support.terms .sec-main .content .list .li-sub .pre, .content-app-terms .list .li .pre, .content-app-terms .list .li-sub .pre { padding-top: 2px; } }

.support.terms .sec-main .content .list .li p, .support.terms .sec-main .content .list .li .p, .support.terms .sec-main .content .list .li-sub p, .support.terms .sec-main .content .list .li-sub .p, .content-app-terms .list .li p, .content-app-terms .list .li .p, .content-app-terms .list .li-sub p, .content-app-terms .list .li-sub .p { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.support.terms .sec-main .content .list .li, .content-app-terms .list .li { margin-bottom: .25rem; }

.support.terms .sec-main .content .list .li-sub, .content-app-terms .list .li-sub { width: 100%; }

/*ABOUT*/
.about-automating { /* 動画のタイトルを省略しない */ /* automating-the-world__lead */ /* interview__article */ }

.about-automating .c-mainVisual.mainVisual_automating-the-world::after { content: none; }

.about-automating .c-caseStudiyMainVisual__img { width: 40%; margin-left: auto; }

.about-automating .c-caseStudiyMainVisual__img img { width: 100%; }

.about-automating .automating-the-world { margin: 60px 0 45px 0; }

.about-automating .automating-the-world__text { text-align: center; font-size: 285.714%; font-weight: bold; }

.about-automating .automating-the-world-greeting { position: relative; background-color: #f2f2f2; margin-top: 60px; padding: 60px 0; }

.about-automating .greeting__name { margin-top: 15px; font-weight: bold; font-size: 1rem; line-height: 1.5; }

.about-automating .greeting__text-bold { margin-top: 20px; width: 250px; display: inline-block; }

.about-automating .greeting__text-bold img { max-width: 100%; }

.about-automating .greeting__text-name { display: inline-block; margin-top: 5px; font-size: 1.25rem; }

.about-automating .automating-the-world__apostrophe { position: relative; }

.about-automating .automating-the-world__apostrophe::before { position: absolute; content: ""; width: 1em; height: 1em; background-image: url(/fa/about/assets/img/apostrophe.png); background-repeat: no-repeat; background-size: contain; top: -25%; left: -5%; -webkit-transform: translateX(-135%); -ms-transform: translateX(-135%); transform: translateX(-135%); }

.about-automating .automating-the-world__apostrophe.miror::before { -webkit-transform: scale(-1) translateY(-115%) translateX(-44%); -ms-transform: scale(-1) translateY(-115%) translateX(-44%); transform: scale(-1) translateY(-115%) translateX(-44%); }

.about-automating .c-catchText { font-size: 28px; line-height: 1.8; }

.about-automating .c-card--movie .c-card__title { overflow: unset; -webkit-line-clamp: unset; }

@media only screen and (max-width: 767px) { .about-automating .c-mainVisual__background > img { -o-object-position: bottom center; object-position: bottom center; }
  .about-automating .c-caseStudiyMainVisual__img { margin-top: 45px; width: 51%; }
  .about-automating .c-catchText { font-size: 21px; margin-top: 20px; }
  .about-automating .automating-the-world-greeting { padding: 52px 0 65px; }
  .about-automating .automating-the-world { margin: 30px auto 20px auto; }
  .about-automating .automating-the-world__text { font-size: 128.5715%; letter-spacing: -0.02em; line-height: 1.72222222; padding-left: .5em; }
  .about-automating .automating-the-world__apostrophe::before { -webkit-transform: translateX(-135%) translateX(-44%); -ms-transform: translateX(-135%) translateX(-44%); transform: translateX(-135%) translateX(-44%); }
  .about-automating .automating-the-world__apostrophe.miror::before { -webkit-transform: scale(-1) translateY(-115%) translateX(-88%); -ms-transform: scale(-1) translateY(-115%) translateX(-88%); transform: scale(-1) translateY(-115%) translateX(-88%); } }

@media only screen and (max-width: 350px) { .about-automating .automating-the-world__text { padding-left: .8em; }
  .about-automating .automating-the-world__apostrophe::before { -webkit-transform: translateX(-88%) translateX(-44%); -ms-transform: translateX(-88%) translateX(-44%); transform: translateX(-88%) translateX(-44%); }
  .about-automating .automating-the-world__apostrophe.miror::before { -webkit-transform: scale(-1) translateY(-115%) translateX(-55%); -ms-transform: scale(-1) translateY(-115%) translateX(-55%); transform: scale(-1) translateY(-115%) translateX(-55%); } }

.about-automating .automating-the-world__lead { width: 100%; min-height: 204px; height: auto; background: url(/fa/about-us/automating-the-world/road-to-automating-the-world/assets/img/bg_lead.jpg) right top no-repeat rgba(255, 255, 255, 0.6); background-size: auto 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding-left: 3%; padding-right: 3%; }

.about-automating .automating-the-world__lead h2 { font-size: 28px; line-height: calc(32 / 28); }

.about-automating .automating-the-world__lead p { font-size: 16px; margin-top: 0.5em; }

@media only screen and (min-width: 768px) { .about-automating .automating-the-world__lead .spOnly { display: none; } }

@media only screen and (max-width: 767px) { .about-automating .automating-the-world__lead { background-position: right top; background-blend-mode: lighten; padding-top: 15px; padding-bottom: 15px; }
  .about-automating .automating-the-world__lead h2 { font-size: 24px; line-height: calc(28 / 24); }
  .about-automating .automating-the-world__lead p { font-size: 14px; margin-top: 0.5em; }
  .about-automating .automating-the-world__lead .pcOnly { display: none; } }

.about-automating .interview__article--text p { position: relative; padding-left: 2.75em; }

.about-automating .interview__article--text p > span { display: inline-block; position: absolute; left: 0; top: 0; color: #f50f10; }

.about-automating .interview__article--text.name-wide2 p { padding-left: 2em; }

.about-automating .interview__article--text.name-wide3 p { padding-left: 3em; }

.about-automating .interview__article--text.name-wide3_5 p { padding-left: 3.5em; }

.about-automating .interview__article--text.name-wide4 p { padding-left: 4em; }

.about-automating .interview__article--text.name-wide4_5 p { padding-left: 4.5em; }

.about-automating .interview__article--text.name-wide5 p { padding-left: 5em; }

.about-automating .interview__article--text.name-wide5_5 p { padding-left: 5.5em; }

.about-automating .interview__article--text.name-wide6 p { padding-left: 6em; }

.about-automating .c-carousel .l-tile { display: block; width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }

.contact.wrapper .btn-groups a.d-block { word-break: break-all; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contact.wrapper .btn-groups a.d-block > .bold { width: calc(100% - 24px); }

.content-download .form-label { padding: 0.5rem 0; }

.content-download .form-label p { line-height: 20px; }

.gs18-Footer__Inner { max-width: 1440px; }

.gs18-Header__Global { margin-left: auto; }

.gs18-Header--withme .gs18-Header__Lang { width: auto; font-size: 8.5px; margin-left: 0; margin-right: auto; }

@media only screen and (min-width: 576px) { .gs18-Header--withme .gs18-Header__Lang { font-size: 14px; margin-left: 6px; margin-right: 10px; } }

.gs18-HeaderNav__Menu { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; }

.gs18-HeaderSubNav { height: auto; }

@media only screen and (min-width: 981px) { .gs18-HeaderNav { width: auto; } }

.gs18-Footer__Copyright, .gs18-Footer__Legal { font-family: "Noto Sans TC", "微軟正黑體", Arial , sans-serif; font-size: 1rem; font-weight: 400; }

.gs18-Footer__Legal { margin-bottom: 0; font-size: 18px; }

.gs18-Footer__Legal a { font-size: 18px; }