@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/* line 5, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* line 22, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* 尚未開放================================================
$color-dsk-bg: $color-main; //選單背景顏色，預設為網站主配色
$color-dsk-font: #fff; //選單文字顏色，預設為白色
$color-dsk-active: #555;  //按下去的背景色
$color-dsk-border: rgba(255, 255, 255, 0.2); //選單線條顏色
*/
/* line 1, scss/sass/_nav-center-eva.scss */
body { height: 100%; width: 100%; overflow-x: hidden; }

/* line 7, scss/sass/_nav-center-eva.scss */
#nav-toggle { display: block; overflow: hidden; position: absolute; cursor: pointer; box-sizing: border-box; width: 50px; height: 45px; padding: 0; left: 4%; top: 0; z-index: 1000; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }

/* line 22, scss/sass/_nav-center-eva.scss */
#nav-toggle span, #nav-toggle:before, #nav-toggle:after { height: 2px; width: 22px; top: 47%; left: 50%; margin-left: -11px; background: white; position: absolute; display: block; content: ''; text-indent: -9999px; background-color: #fff; transition: all 300ms ease-in-out; }

/* line 39, scss/sass/_nav-center-eva.scss */
#nav-toggle:before { margin-top: -7px; }

/* line 43, scss/sass/_nav-center-eva.scss */
#nav-toggle:after { margin-top: 7px; }

/* line 47, scss/sass/_nav-center-eva.scss */
#nav-toggle.show span { opacity: 0; }

/* line 51, scss/sass/_nav-center-eva.scss */
#nav-toggle.show:before { margin-top: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* line 56, scss/sass/_nav-center-eva.scss */
#nav-toggle.show:after { margin-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* line 61, scss/sass/_nav-center-eva.scss */
#home { display: block; position: absolute; top: 10px; right: 4%; }
/* line 66, scss/sass/_nav-center-eva.scss */
#home span { color: transparent; background-image: url(../img/home-icon.svg); width: 30px; height: 30px; background-size: 80%; background-repeat: no-repeat; }

/* line 76, scss/sass/_nav-center-eva.scss */
html.show, body.show { overflow: hidden; height: 100vh; width: 100%; -webkit-overflow-scrolling: none; -webkit-transform: translateZ(0px); }

/* line 85, scss/sass/_nav-center-eva.scss */
#page { transition: transform 0.3s ease; overflow: hidden; }
/* line 89, scss/sass/_nav-center-eva.scss */
#page.show { width: 100vw; height: 100vh; }

/* line 96, scss/sass/_nav-center-eva.scss */
#nav { position: fixed; /*left: -260px;*/ top: 0; margin: 0; /*width: 260px;*/ width: 100%; min-height: 300px; height: 100vh; -webkit-overflow-scrolling: touch; background-color: #444444; z-index: 990; overflow-y: auto; -moz-transform: translateY(-100vh); -ms-transform: translateY(-100vh); -webkit-transform: translateY(-100vh); transform: translateY(-100vh); transition: transform 0.3s ease; }
/* line 111, scss/sass/_nav-center-eva.scss */
#nav.show { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
/* line 114, scss/sass/_nav-center-eva.scss */
#nav * { box-sizing: border-box; }
/* line 117, scss/sass/_nav-center-eva.scss */
#nav > ul { padding-bottom: 45px; }
/* line 119, scss/sass/_nav-center-eva.scss */
#nav > ul > li { float: left; text-align: left; line-height: 45px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); /*> a { color: $color-nav-font; font-family: $font-family; font-weight: 400;
}
*/ width: 100%; text-align: center;             /* > a, > span { display: block; color: $color-nav-font; font-weight: normal; width: 92%; padding-left: 8%; line-height: $height-nav-list; height: $height-nav-list; margin-bottom: 0;
 } */ }
/* line 132, scss/sass/_nav-center-eva.scss */
#nav > ul > li > a, #nav > ul > li > span { font-family: "Microsoft JhengHei", "Montserrat", sans-serif; font-weight: 400; display: block; color: #fff; font-weight: normal; width: 92%; padding-left: 8%; line-height: 45px; height: 45px; margin-bottom: 0; }
/* line 145, scss/sass/_nav-center-eva.scss */
#nav > ul > li.submenu { position: relative; }
/* line 147, scss/sass/_nav-center-eva.scss */
#nav > ul > li.submenu:after { content: ''; display: block; position: absolute; right: 4vw; top: 7px; width: 30px; height: 30px; background-image: url("../img/layout/icon.svg"); background-position: 0 0; background-size: auto 60px; z-index: 26; }
/* line 160, scss/sass/_nav-center-eva.scss */
#nav > ul > li.submenu.open:after { background-position: -60px 0; }
/* line 178, scss/sass/_nav-center-eva.scss */
#nav > ul > li > ul { display: none; }
/* line 180, scss/sass/_nav-center-eva.scss */
#nav > ul > li > ul > li { padding-left: 8%; width: 100%; height: 45px; line-height: 45px; border: none; }
/* line 186, scss/sass/_nav-center-eva.scss */
#nav > ul > li > ul > li > a { color: #fff; /*
display: block;
color: $color-nav-font;
width: 84%;
padding-left: 16%;
line-height: $height-nav-list - 5;
height: $height-nav-list - 5;
*/ }

/* line 203, scss/sass/_nav-center-eva.scss */
#nav > .wrap { padding-top: 45px; width: 75%; margin: 0 auto; }

/* line 209, scss/sass/_nav-center-eva.scss */
.mask { height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.7); position: fixed; z-index: 900; left: 0; top: 0; }

@media (min-width: 680px) { /* line 220, scss/sass/_nav-center-eva.scss */
  #nav-toggle { width: 64px; height: 64px; }
  /* line 224, scss/sass/_nav-center-eva.scss */
  #nav > ul > li { line-height: 50px; }
  /* line 227, scss/sass/_nav-center-eva.scss */
  #nav > ul > li > ul > li { height: 50px; line-height: 50px; }
  /* line 233, scss/sass/_nav-center-eva.scss */
  #home { top: 17px; right: 7%; }
  /* line 236, scss/sass/_nav-center-eva.scss */
  #home span { background-size: 90%; } }
@media (min-width: 0) and (max-width: 1280px) { /* line 243, scss/sass/_nav-center-eva.scss */
  #nav > .wrap { /*width: 100%;*/ }
  /* line 246, scss/sass/_nav-center-eva.scss */
  .dskshow { display: none; } }
/*---------------------------------*/
/* line 3, scss/sass/_layout.scss */
body * { font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 100%; }

/* line 9, scss/sass/_layout.scss */
body { line-height: 1.375em; font-size: 0.9375rem; }

/* line 14, scss/sass/_layout.scss */
h1, h2, h3, h4, h5, h6, .title { font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 1.375em; }

/* line 26, scss/sass/_layout.scss */
h1, h2, h3, h4 { font-family: 'Oswald', 'Share Tech', sans-serif; letter-spacing: 1px; }

/* line 34, scss/sass/_layout.scss */
h1 { font-size: 1.625rem; }

/* line 39, scss/sass/_layout.scss */
h2 { font-size: 1.25rem; font-weight: 400; }

/* line 45, scss/sass/_layout.scss */
h3, h4 { font-size: 1.25rem; font-weight: 400; }

/* line 51, scss/sass/_layout.scss */
h5, h6, .title { font-size: 1.5rem; font-weight: 700; }

/* line 58, scss/sass/_layout.scss */
h1, h2, h3, h4, h5, h6, p, span, .others { display: block; width: 92%; margin: 0 auto 0.5rem auto; }

/* line 72, scss/sass/_layout.scss */
p { color: #666; }

/* line 77, scss/sass/_layout.scss */
p span { display: inline-block; width: auto; margin: 0; }

/* line 83, scss/sass/_layout.scss */
.item > img { display: inline-block; width: 100%; height: auto; }

/*
.subtitle { font-size: 1.25em;
}
*/
/* line 96, scss/sass/_layout.scss */
.sub-p { display: block; overflow: hidden; margin-top: 1rem; font-size: 0.875rem; }
/* line 101, scss/sass/_layout.scss */
.sub-p a { display: inline-block; width: auto; margin: 0 5px; border-bottom: 1px dotted #333; font-weight: bold; }

/* line 110, scss/sass/_layout.scss */
.header { height: 45px; background-color: #E60010; }

/* line 115, scss/sass/_layout.scss */
.header-top { min-height: 40vh; box-sizing: border-box; padding-top: 2rem; }
/* line 119, scss/sass/_layout.scss */
.header-top .subtitle { font-size: 0.9375rem; line-height: 1.375em; opacity: 0.8; font-weight: 400; }

/* line 127, scss/sass/_layout.scss */
.logo { display: block; margin: 0 auto; background: transparent url("../../english/_img/00_layout/logo.gif") center center no-repeat; background-size: auto 40px; width: 152px; height: 44px; }
/* line 134, scss/sass/_layout.scss */
.logo > a { text-indent: -9999px; display: block; width: 100%; height: 100%; }

/* line 142, scss/sass/_layout.scss */
.btn { text-align: center; padding: 0 1rem; margin: 0.5rem; height: 40px; line-height: 40px; background-color: #333; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 0.875rem; box-sizing: border-box; border-radius: 5px; display: inline-block; transition: background-color 0.25s ease; }
/* line 157, scss/sass/_layout.scss */
.btn:hover, .btn:active { color: #fff; background-color: #E60010; }
/* line 162, scss/sass/_layout.scss */
.btn:visited { color: #fff; }
/* line 165, scss/sass/_layout.scss */
.btn.bk { background-color: #666; }
/* line 167, scss/sass/_layout.scss */
.btn.bk:active, .btn.bk:hover, .btn.bk:visited { background-color: #333; }
/* line 173, scss/sass/_layout.scss */
.btn.gray { background-color: #ccc; }
/* line 175, scss/sass/_layout.scss */
.btn.gray:active, .btn.gray:hover, .btn.gray:visited { background-color: #999; }
/* line 181, scss/sass/_layout.scss */
.btn.line { background-color: #eee; color: #666; border: 1px solid #999; transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease; }
/* line 186, scss/sass/_layout.scss */
.btn.line:active, .btn.line:hover, .btn.line:visited { background-color: #fff; border-color: #333; color: #333; }
/* line 194, scss/sass/_layout.scss */
.btn.line-wht { background-color: transparent; color: #fff; border: 1px solid #fff; transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease; }
/* line 199, scss/sass/_layout.scss */
.btn.line-wht:active, .btn.line-wht:hover { background-color: #fff; color: #333; }

/* line 207, scss/sass/_layout.scss */
.section-nav { display: none; }

/* line 216, scss/sass/_layout.scss */
.sitemap { display: none; }

/* line 220, scss/sass/_layout.scss */
.footer-contact { float: left; box-sizing: border-box; width: 100%; text-align: center; }
/* line 225, scss/sass/_layout.scss */
.footer-contact .f-gray { background-color: #F0F0F0; width: 100%; height: 45px; vertical-align: middle; padding: 13px 0; box-sizing: border-box; font-size: 12px; }
/* line 233, scss/sass/_layout.scss */
.footer-contact .f-gray li { border-left: 1px solid #B4B4B4; float: left; width: 33%; }
/* line 237, scss/sass/_layout.scss */
.footer-contact .f-gray li a { color: #333; }
/* line 240, scss/sass/_layout.scss */
.footer-contact .f-gray li:first-child { border: 0; }
/* line 245, scss/sass/_layout.scss */
.footer-contact .business-title { font-size: 0.9375rem; color: #666666; font-family: "Montserrat", sans-serif; margin-bottom: 12px; background-color: #F0F0F0; }
/* line 252, scss/sass/_layout.scss */
.footer-contact .contact-way { background-color: #333; }
/* line 254, scss/sass/_layout.scss */
.footer-contact .contact-way a { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-image: url("../img/layout/icon.svg"); background-color: #333; text-indent: -9999px; margin: 15px 5px; transition: background-color 0.3s ease; }
/* line 264, scss/sass/_layout.scss */
.footer-contact .contact-way a.icon-email { background-position: -300px 0; }
/* line 267, scss/sass/_layout.scss */
.footer-contact .contact-way a.icon-form { background-position: -200px 0; }

/* line 274, scss/sass/_layout.scss */
.footer-intro { font-size: 0.875rem; text-align: center; color: #444; }

/* line 280, scss/sass/_layout.scss */
.copyright { float: left; width: 100%; padding: 28px 0; text-align: center; background-color: #333; font-size: 0.75rem; color: #999; }
/* line 286, scss/sass/_layout.scss */
.copyright h6 { text-indent: -9999px; background: transparent url("../img/layout/sheico-group.svg") center center no-repeat; background-size: auto 24px; height: 24px; width: 160px; }
/* line 295, scss/sass/_layout.scss */
.copyright a { color: #ccc; }

/* line 300, scss/sass/_layout.scss */
a { color: #333; text-decoration: none; -moz-transition: color 0.25s ease, opacity 0.25s ease; -o-transition: color 0.25s ease, opacity 0.25s ease; -webkit-transition: color 0.25s ease, opacity 0.25s ease; transition: color 0.25s ease, opacity 0.25s ease; /*transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
*/ }
/* line 310, scss/sass/_layout.scss */
a.more { border: 2px solid #333; display: inline-block; padding: 0.5rem 1.5rem; width: auto; margin: 1rem 0; }

/* line 319, scss/sass/_layout.scss */
a:hover, a:active, a:focus { color: #333; }

/*這個設定會讓 desktop ,mobile 操作體驗效果一致*/
/*=== GLOBAL SYSTEM ======================*/
/* line 332, scss/sass/_layout.scss */
.wrap, .wrap-xs, .wrap-s, .wrap-fs, .wrap-fs-p { width: 100%; display: block; overflow: hidden; background-size: cover; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*
.wrap-fs,
.wrap-fs-p { width: 100%; display: block; overflow: hidden; background-size: cover;
}

.wrap { display: block; width: 100%; overflow: hidden;
}
*/
/*=== LAYOUT SYSTEM ======================*/
/* line 364, scss/sass/_layout.scss */
.head-padding { padding-top: 5vh; }

/* line 368, scss/sass/_layout.scss */
.area { padding: 5vw 0; }

/* line 372, scss/sass/_layout.scss */
.area-top { padding: 5vw 0 0 0; }

/* line 376, scss/sass/_layout.scss */
.middle { display: inline-block; vertical-align: middle; height: 100%; }
/* line 380, scss/sass/_layout.scss */
.middle > span, .middle > div, .middle > h1, .middle > h2, .middle > h3, .middle > h4, .middle > h5, .middle > h6, .middle > p, .middle > .wrap-fs, .middle > .wrap-s, .middle > .wrap-xs, .middle > .wrap { display: inline-block; vertical-align: middle; width: auto; max-width: auto; }
/* line 398, scss/sass/_layout.scss */
.middle:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; width: 0; overflow: hidden; }

/*命名尚未整理*/
/*
.center-title > h1,
.center-title > h2,
.center-title > h3,
.center-title > h4,
.center-title > h5,
.center-title > h6 { text-align: center;
}
*/
/* line 427, scss/sass/_layout.scss */
.center { text-align: center; margin-left: auto; margin-right: auto; }

/* line 434, scss/sass/_layout.scss */
.center-all * { text-align: center; margin-left: auto; margin-right: auto; }
/* line 439, scss/sass/_layout.scss */
.center-all img { display: block; margin: 0 auto; }
/* line 443, scss/sass/_layout.scss */
.center-all .btn { margin: 0.5rem; }

/*命名尚未整理 title-line? or line-title */
/* line 451, scss/sass/_layout.scss */
.line-title { display: block; text-align: center; font-size: 1rem; font-weight: normal; margin: 2rem auto; }
/* line 457, scss/sass/_layout.scss */
.line-title span { display: inline-block; width: 30%; min-width: 80px; vertical-align: middle; }
/* line 463, scss/sass/_layout.scss */
.line-title:before, .line-title:after { content: ""; display: inline-block; height: 1px; width: 35%; background-color: #eee; vertical-align: middle; }

/*命名尚未整理 title-line? or line-title 
有英文副標的主標
<h2> <span>中文主標</span> <span class="sub">English subtitle</span>
</h2>

*/
/* line 484, scss/sass/_layout.scss */
.edit h2 .engsub, .edit h3 .engsub, .edit h4 .engsub, .edit h5 .engsub, .edit h6 .engsub { font-size: 0.875rem; padding: 0; font-weight: lighter; margin: 0; color: #284193; }

/* line 496, scss/sass/_layout.scss */
.col-1 { width: 100%; }

/* line 500, scss/sass/_layout.scss */
.col-2, .col-2-p, .col-3, .col-3-p, .col-4, .col-4-p, .col-5, .col-5-p, .col-f, .col-f-p { display: block; width: 100%; float: left; /*
padding-bottom: 500em;
margin-bottom: -500em;
*/ /*
* { display: block; width: $mobile-width; margin: 0 auto;
}
*/ /*
&:nth-of-type(2n+1) { clear: both;
}
*/ }
/* line 524, scss/sass/_layout.scss */
.col-2 h1, .col-2 h2, .col-2 h3, .col-2 h4, .col-2 h5, .col-2 h6, .col-2 p, .col-2 span, .col-2-p h1, .col-2-p h2, .col-2-p h3, .col-2-p h4, .col-2-p h5, .col-2-p h6, .col-2-p p, .col-2-p span, .col-3 h1, .col-3 h2, .col-3 h3, .col-3 h4, .col-3 h5, .col-3 h6, .col-3 p, .col-3 span, .col-3-p h1, .col-3-p h2, .col-3-p h3, .col-3-p h4, .col-3-p h5, .col-3-p h6, .col-3-p p, .col-3-p span, .col-4 h1, .col-4 h2, .col-4 h3, .col-4 h4, .col-4 h5, .col-4 h6, .col-4 p, .col-4 span, .col-4-p h1, .col-4-p h2, .col-4-p h3, .col-4-p h4, .col-4-p h5, .col-4-p h6, .col-4-p p, .col-4-p span, .col-5 h1, .col-5 h2, .col-5 h3, .col-5 h4, .col-5 h5, .col-5 h6, .col-5 p, .col-5 span, .col-5-p h1, .col-5-p h2, .col-5-p h3, .col-5-p h4, .col-5-p h5, .col-5-p h6, .col-5-p p, .col-5-p span, .col-f h1, .col-f h2, .col-f h3, .col-f h4, .col-f h5, .col-f h6, .col-f p, .col-f span, .col-f-p h1, .col-f-p h2, .col-f-p h3, .col-f-p h4, .col-f-p h5, .col-f-p h6, .col-f-p p, .col-f-p span { display: block; width: 92%; margin: 0 auto; }
/* line 536, scss/sass/_layout.scss */
.col-2 > img, .col-2-p > img, .col-3 > img, .col-3-p > img, .col-4 > img, .col-4-p > img, .col-5 > img, .col-5-p > img, .col-f > img, .col-f-p > img { display: block; width: 100%; height: auto; }

/* line 548, scss/sass/_layout.scss */
.fs { width: 100%; }

/* line 552, scss/sass/_layout.scss */
.imgblock { display: block; width: 100%; height: auto; }

/*=== EDITOR ======================*/
/* line 565, scss/sass/_layout.scss */
.edit h1, .edit h2, .edit h3, .edit h4, .edit h5, .edit h6 { margin-top: 1rem; margin-bottom: 1rem; }
/* line 574, scss/sass/_layout.scss */
.edit p { display: block; width: 92%; margin: 0 auto; padding-bottom: 1rem; box-sizing: border-box; }
/* line 581, scss/sass/_layout.scss */
.edit blockquote { width: 92%; display: block; margin: 0 auto; }
/* line 585, scss/sass/_layout.scss */
.edit blockquote > p { font-size: 1.5rem; font-weight: lighter; width: 100%; }
/* line 591, scss/sass/_layout.scss */
.edit img { display: block; width: 100%; height: auto; }

/* line 598, scss/sass/_layout.scss */
.gradient-b { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTBhMGEiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(72%, rgba(10, 10, 10, 0.7)), color-stop(100%, rgba(10, 10, 10, 0.85))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.7) 72%, rgba(10, 10, 10, 0.85) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.7) 72%, rgba(10, 10, 10, 0.85) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.7) 72%, rgba(10, 10, 10, 0.85) 100%); }

/* line 605, scss/sass/_layout.scss */
.pagination { overflow: hidden; margin: 30px auto; padding: 0; text-align: center; }
/* line 610, scss/sass/_layout.scss */
.pagination > div { display: inline-block; text-align: center; border-radius: 6px; }
/* line 616, scss/sass/_layout.scss */
.pagination a { display: inline-block; box-sizing: border-box; padding: 0 15px; height: 40px; line-height: 40px; vertical-align: top; color: #333; overflow: hidden; transition: all 0.3s ease; }
/* line 626, scss/sass/_layout.scss */
.pagination a span { font-size: 1.25em; display: inline-block; height: 40px; line-height: 40px; }
/* line 632, scss/sass/_layout.scss */
.pagination a:hover, .pagination a:active, .pagination a:focus { color: #fff; background-color: #333; }
/* line 638, scss/sass/_layout.scss */
.pagination a.current { color: #FFF; cursor: default; }
/* line 643, scss/sass/_layout.scss */
.pagination .unavailable, .pagination .unavailable:hover, .pagination .unavailable:active, .pagination .unavailable:focus { cursor: default; border: none; padding: 10px 0; color: #666; background-color: transparent; }
/* line 653, scss/sass/_layout.scss */
.pagination .pre { border-right: 1px solid #ddd; border-radius: 5px 0 0 5px; }
/* line 657, scss/sass/_layout.scss */
.pagination .next { border-left: 1px solid #ddd; border-radius: 0 5px 5px 0; }

/* line 663, scss/sass/_layout.scss */
.jump-menus { display: inline-block; height: 40px; vertical-align: top; line-height: 40px; font-size: 1rem; padding: 0 25px 0 0; box-sizing: border-box; }
/* line 671, scss/sass/_layout.scss */
.jump-menus select { box-sizing: border-box; font-size: 1.125rem; font-weight: bold; padding: 0 15px; outline: none; border: none; line-height: 40px; height: 40px; margin: 0; display: inline-block; background: none; }
/* line 683, scss/sass/_layout.scss */
.jump-menus select:hover, .jump-menus select:active, .jump-menus select:focus { border-color: #AAA; }

/* line 691, scss/sass/_layout.scss */
.jump-menus select:hover, .jump-menus select:active, .jump-menus select:focus { border-color: #AAA; }

@media (min-width: 480px) and (max-width: 680px) { /* line 698, scss/sass/_layout.scss */
  h1 { font-size: 2rem; }
  /* line 701, scss/sass/_layout.scss */
  h2 { font-size: 1.5rem; }
  /* line 704, scss/sass/_layout.scss */
  h3, h4 { font-size: 1.125rem; }
  /*.col-f { width: 50%; } */
  /* line 713, scss/sass/_layout.scss */
  .header-top .subtitle { font-size: 1rem; }
  /* line 717, scss/sass/_layout.scss */
  .col-2, .col-3, .col-4, .col-5, .col-f { width: 50%; /*
* { display: block; width: $mobile-width; margin: 0 auto;
}
*/ }
  /* line 730, scss/sass/_layout.scss */
  .col-2:nth-of-type(2n+1), .col-3:nth-of-type(2n+1), .col-4:nth-of-type(2n+1), .col-5:nth-of-type(2n+1), .col-f:nth-of-type(2n+1) { clear: both; }
  /* line 734, scss/sass/_layout.scss */
  .col-2-p, .col-3-p, .col-4-p, .col-5-p, .col-f-p { width: 44%; margin: 0 4% 2vw 2%; }
  /* line 741, scss/sass/_layout.scss */
  .col-2-p *, .col-3-p *, .col-4-p *, .col-5-p *, .col-f-p * { display: block; width: 100%; margin: 0 auto; }
  /* line 746, scss/sass/_layout.scss */
  .col-2-p:nth-of-type(2n+1), .col-3-p:nth-of-type(2n+1), .col-4-p:nth-of-type(2n+1), .col-5-p:nth-of-type(2n+1), .col-f-p:nth-of-type(2n+1) { margin: 0 2% 2vw 4%; clear: both; }
  /* line 752, scss/sass/_layout.scss */
  .edit .col-2-p p, .edit .col-3-p p, .edit .col-4-p p, .edit .col-5-p p, .edit .col-f-p p { width: 100%; } }
@media (min-width: 680px) { /* line 763, scss/sass/_layout.scss */
  body { line-height: 1.5em; font-size: 0.9375rem; }
  /* line 768, scss/sass/_layout.scss */
  .edit p { box-sizing: border-box; width: 100%; padding: 0 4% 2rem; font-size: 1rem; }
  /* line 774, scss/sass/_layout.scss */
  .edit .col-2-p p, .edit .col-3-p p, .edit .col-4-p p, .edit .col-5-p p, .edit .col-f-p p { padding: 0 0 2rem; }
  /* line 781, scss/sass/_layout.scss */
  .edit .subtitle { font-size: 2rem; }
  /* line 784, scss/sass/_layout.scss */
  .edit blockquote, .edit blockquote > p { width: 100%; font-size: 1.75rem; }
  /* line 796, scss/sass/_layout.scss */
  .col-1.eq-height, .col-2.eq-height, .col-3.eq-height, .col-4.eq-height, .col-5.eq-height, .col-f.eq-height { display: table-cell; height: auto; float: none; }
  /* line 801, scss/sass/_layout.scss */
  .col-1:nth-of-type(2n+1), .col-2:nth-of-type(2n+1), .col-3:nth-of-type(2n+1), .col-4:nth-of-type(2n+1), .col-5:nth-of-type(2n+1), .col-f:nth-of-type(2n+1) { clear: none; }
  /* line 810, scss/sass/_layout.scss */
  .col-2-p *, .col-3-p *, .col-4-p *, .col-5-p *, .col-f-p * { width: 100%; }
  /* line 813, scss/sass/_layout.scss */
  .col-2-p.eq-height, .col-3-p.eq-height, .col-4-p.eq-height, .col-5-p.eq-height, .col-f-p.eq-height { display: table-cell; height: auto; float: none; }
  /* line 818, scss/sass/_layout.scss */
  .col-2-p:nth-of-type(2n+1), .col-3-p:nth-of-type(2n+1), .col-4-p:nth-of-type(2n+1), .col-5-p:nth-of-type(2n+1), .col-f-p:nth-of-type(2n+1) { clear: none; }
  /* line 822, scss/sass/_layout.scss */
  .col-2 { width: 50%; }
  /* line 825, scss/sass/_layout.scss */
  .col-2-p, .col-4-p { width: 44%; margin-left: 4%; margin-bottom: 3vw; }
  /* line 831, scss/sass/_layout.scss */
  .col-3, .col-f { width: 33.33%; }
  /* line 835, scss/sass/_layout.scss */
  .col-3-p, .col-f-p { width: 28%; margin-left: 4%; margin-bottom: 3vw; }
  /* line 841, scss/sass/_layout.scss */
  .col-2:nth-of-type(2n+1), .col-3:nth-of-type(3n+1), .col-4:nth-of-type(2n+1), .col-f:nth-of-type(3n+1) { margin-left: 0; clear: both; }
  /* line 848, scss/sass/_layout.scss */
  .col-2-p:nth-of-type(2n+1), .col-4-p:nth-of-type(2n+1), .col-3-p:nth-of-type(3n+1), .col-f-p:nth-of-type(3n+1) { margin-left: 4%; clear: both; }
  /* line 855, scss/sass/_layout.scss */
  h1 { font-size: 2.5rem; font-weight: 400; letter-spacing: -1px; }
  /* line 860, scss/sass/_layout.scss */
  h2 { font-size: 1.5rem; font-weight: 400; letter-spacing: -1px; }
  /* line 865, scss/sass/_layout.scss */
  h3, h4 { font-size: 1.25rem; font-weight: 400; }
  /* h1, h2 { font-size: 2.25rem } h3, h4, h5, h6 { font-size: 1.375rem; font-weight: bold; } */
  /* line 884, scss/sass/_layout.scss */
  .header-top .subtitle { font-size: 1.125rem; }
  /* line 888, scss/sass/_layout.scss */
  .wrap-fs-p { box-sizing: border-box; width: 100%; padding: 0 5%; }
  /* .wrap { padding: 0; } */
  /* line 898, scss/sass/_layout.scss */
  .head-padding { padding-top: 50px; }
  /* line 901, scss/sass/_layout.scss */
  .header { height: 64px; }
  /* line 904, scss/sass/_layout.scss */
  .logo { margin: 0 auto; background-size: auto 40px; background-position: center center; height: 64px; }
  /* line 911, scss/sass/_layout.scss */
  .line-title { /*
display: block;
text-align: center;
font-size: 1rem;
font-weight: normal;
margin: 2rem auto;
*/ margin: 2rem auto; }
  /* line 920, scss/sass/_layout.scss */
  .line-title span { width: 12%; /*
display: inline-block;
width: 12%;
min-width: 80px;
vertical-align: middle;
*/ }
  /* line 929, scss/sass/_layout.scss */
  .line-title:before, .line-title:after { width: 44%; /*
content: "";
display: inline-block;
height: 1px;
background-color: #eee;
vertical-align: middle;
*/ }
  /* line 941, scss/sass/_layout.scss */
  .btn { height: 45px; line-height: 45px; font-size: 0.9375rem; } }
@media (min-width: 860px) { /* line 949, scss/sass/_layout.scss */
  .wrap-s { width: 75%; margin: 0 auto; }
  /* line 953, scss/sass/_layout.scss */
  .wrap-xs { width: 50%; margin: 0 auto; }
  /* line 958, scss/sass/_layout.scss */
  .wht * { color: #fff; }
  /* line 962, scss/sass/_layout.scss */
  .col-4-p, .col-f-p, .col-f-p:nth-of-type(3n+1), .col-4-p:nth-of-type(2n+1) { width: 20%; margin-left: 4%; clear: none; }
  /* line 970, scss/sass/_layout.scss */
  .col-4, .col-f, .col-f:nth-of-type(3n+1), .col-4:nth-of-type(2n+1) { width: 25%; margin-left: 0; clear: none; }
  /* line 978, scss/sass/_layout.scss */
  .col-4:nth-of-type(4n+1), .col-f:nth-of-type(4n+1) { margin-left: 0; clear: both; }
  /* line 983, scss/sass/_layout.scss */
  .col-4-p:nth-of-type(4n+1), .col-f-p:nth-of-type(4n+1) { margin-left: 4%; clear: both; }
  /* line 989, scss/sass/_layout.scss */
  .edit > .wrap { border-bottom: 1px solid #eee; }
  /* line 992, scss/sass/_layout.scss */
  .edit p { padding: 0 0 2rem; }
  /* line 995, scss/sass/_layout.scss */
  .edit h1, .edit h2, .edit h3, .edit h4, .edit h5, .edit h6, .edit .title { width: 100%; }
  /* line 1004, scss/sass/_layout.scss */
  .edit .right img, .edit .right > div, .edit .left img, .edit .left > div { display: inline-block; vertical-align: middle; box-sizing: border-box; }
  /* line 1013, scss/sass/_layout.scss */
  .edit .right img { width: 50%; }
  /* line 1016, scss/sass/_layout.scss */
  .edit .right > div { width: 49%; padding: 5vw 5%; margin-left: 49%; }
  /* line 1021, scss/sass/_layout.scss */
  .edit .right img + div { width: 49%; padding: 0 5%; margin-left: 0; }
  /* line 1028, scss/sass/_layout.scss */
  .edit .left img { width: 50%; margin-left: 49%; }
  /* line 1032, scss/sass/_layout.scss */
  .edit .left > div { width: 49%; padding: 5vw 5%; }
  /* line 1037, scss/sass/_layout.scss */
  .edit .left img + div { padding: 0 5%; margin-left: -99%; }
  /* line 1046, scss/sass/_layout.scss */
  .edit .center.bottom { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #ff0; }
  /* line 1052, scss/sass/_layout.scss */
  .edit .bg { background-size: cover; background-position: center center; }
  /* line 1055, scss/sass/_layout.scss */
  .edit .bg img { display: none; }
  /* line 1058, scss/sass/_layout.scss */
  .edit .bg > div { margin: 33vh auto 33vh; }
  /* line 1061, scss/sass/_layout.scss */
  .edit .bg.short { background-position: top center; }
  /* line 1063, scss/sass/_layout.scss */
  .edit .bg.short > div { margin: 0 auto; }
  /* line 1067, scss/sass/_layout.scss */
  .edit .bg.top { background-position: bottom center; }
  /* line 1069, scss/sass/_layout.scss */
  .edit .bg.top > div { margin: 8vh auto 66vh; min-height: 300px; }
  /* line 1074, scss/sass/_layout.scss */
  .edit .bg.bottom { background-position: top center; }
  /* line 1076, scss/sass/_layout.scss */
  .edit .bg.bottom > div { margin: 66vh auto 8vh; } }
/*--- index ------------------------------ */
                   /*.clearfix : after { content:" . ";  visibility:hidden;  display:block;  height:0;  clear:both;
}*/
/* line 15, scss/sass/_eva-glory.scss */
.shortcut { display: block; float: left; width: 50%; }
/* line 19, scss/sass/_eva-glory.scss */
.shortcut a { display: block; float: left; width: 100%; height: 35vw; position: relative; overflow: hidden; }
/* line 26, scss/sass/_eva-glory.scss */
.shortcut a img { padding-top: 10px; }
/* line 29, scss/sass/_eva-glory.scss */
.shortcut a h3 { position: absolute; width: 100%; height: 100%; color: #fff; box-sizing: border-box; padding: 4vw; display: none; }
/* line 38, scss/sass/_eva-glory.scss */
.shortcut a:nth-of-type(1) { border-right: 1px solid #eee; margin-bottom: 10px; }

/* line 46, scss/sass/_eva-glory.scss */
.index a { display: block; overflow: hidden; width: 100%; }
/* line 50, scss/sass/_eva-glory.scss */
.index a img { display: block; width: 100%; height: auto; overflow: hidden; }

/* line 59, scss/sass/_eva-glory.scss */
.index-text { padding: 75px 0 0 10px; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: right bottom; width: 100%; min-height: 75vw; }
/* line 67, scss/sass/_eva-glory.scss */
.index-text h1 { color: #313131; line-height: 33px; font-size: 30px; margin: 0; width: 66%; letter-spacing: 1px; }
/* line 75, scss/sass/_eva-glory.scss */
.index-text h2 { font-size: 14px; color: #666666; line-height: 20px; margin: 20px 0; width: 50%; font-family: "Montserrat", sans-serif; letter-spacing: normal; }

/* line 87, scss/sass/_eva-glory.scss */
.single-item .fivesort-prev, .single-item .fivesort-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; }
/* line 104, scss/sass/_eva-glory.scss */
.single-item .fivesort-prev:before, .single-item .fivesort-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* line 114, scss/sass/_eva-glory.scss */
.single-item .fivesort-prev { left: 5%; }
/* line 116, scss/sass/_eva-glory.scss */
.single-item .fivesort-prev:before { content: '←'; }
/* line 120, scss/sass/_eva-glory.scss */
.single-item .fivesort-next { right: 5%; }
/* line 122, scss/sass/_eva-glory.scss */
.single-item .fivesort-next:before { content: '→'; }

/* line 129, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick { display: block; width: 50%; }
/* line 132, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick div { background-size: cover; background-position: center; background-repeat: no-repeat; height: 150px; }
/* line 137, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick div h5, .index-pro-slick .product-slick div p { display: block; width: 90%; box-sizing: border-box; text-align: left; }
/* line 144, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick div h5 { font-size: 22px; color: #333; padding: 8% 0 0; margin: 0; }
/* line 150, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick div p { margin: 0; padding-left: 130px; }
/* line 156, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick .right h5, .index-pro-slick .product-slick .right p { padding-left: 165px; }
/* line 162, scss/sass/_eva-glory.scss */
.index-pro-slick .product-slick .left h5, .index-pro-slick .product-slick .left p { width: 60%; padding-left: 60px; }

/* line 171, scss/sass/_eva-glory.scss */
.product-next { position: absolute; background: url(../img/01_product/proslick-buttom.svg) no-repeat; border: 0; width: 13px; height: 26px; top: 40%; }

/* line 180, scss/sass/_eva-glory.scss */
.product-pre { position: absolute; background: url(../img/01_product/proslick-buttom-1.svg) no-repeat; border: 0; width: 11px; height: 21px; left: 0; top: 40%; z-index: 2; }

/* line 191, scss/sass/_eva-glory.scss */
.product-next { background-position: -12px 1px; right: 0; }

/* line 196, scss/sass/_eva-glory.scss */
.scroll-top { position: fixed; bottom: -20px; right: 0; z-index: 9999; }
/* line 201, scss/sass/_eva-glory.scss */
.scroll-top a { width: 40px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; color: transparent; text-transform: uppercase; text-decoration: none; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; filter: alpha(opacity=80); -moz-opacity: .5; -khtml-opacity: .5; opacity: .8; float: right; margin-right: 30px; }
/* line 219, scss/sass/_eva-glory.scss */
.scroll-top a:hover { filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; }
/* line 225, scss/sass/_eva-glory.scss */
.scroll-top span { width: 40px; height: 30px; display: block; background: url(../img/back-top.png) no-repeat; }

/*--- product -------------------*/
/* line 234, scss/sass/_eva-glory.scss */
.bottons { padding-left: 70%; width: 40%; }
/* line 237, scss/sass/_eva-glory.scss */
.bottons .grid { background: url(../img/01_product/button-grid.svg) no-repeat; width: 22px; height: 22px; border: none; overflow: hidden; }
/* line 244, scss/sass/_eva-glory.scss */
.bottons .grid-on { background: url(../img/01_product/button-grid-on.svg) no-repeat; width: 22px; height: 22px; border: none; overflow: hidden; }
/* line 252, scss/sass/_eva-glory.scss */
.bottons .list { background: url(../img/01_product/button-list.svg) no-repeat; width: 22px; height: 22px; border: none; overflow: hidden; }
/* line 260, scss/sass/_eva-glory.scss */
.bottons .list-on { background: url(../img/01_product/button-list-on.svg) no-repeat; width: 22px; height: 22px; border: none; overflow: hidden; }

/* line 271, scss/sass/_eva-glory.scss */
.list-text h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; margin: .2rem auto .2rem auto; }
/* line 276, scss/sass/_eva-glory.scss */
.list-text p { margin-bottom: .8rem; }

/* line 281, scss/sass/_eva-glory.scss */
.grid ul { padding-top: 30px; }
/* line 283, scss/sass/_eva-glory.scss */
.grid ul li { float: left; width: 50%; }

/* line 290, scss/sass/_eva-glory.scss */
.list ul li { border-bottom: 1px solid #eee; overflow: hidden; }
/* line 294, scss/sass/_eva-glory.scss */
.list ul li a img { float: left; width: 35%; height: auto; margin: 2% 7%; }
/* line 300, scss/sass/_eva-glory.scss */
.list ul li a .list-text { padding: 12% 0; float: right; width: 50%; }
/* line 304, scss/sass/_eva-glory.scss */
.list ul li a .list-text h3 { text-align: left; }
/* line 307, scss/sass/_eva-glory.scss */
.list ul li a .list-text p { text-align: left; }
/* line 313, scss/sass/_eva-glory.scss */
.list ul li:last-child { border: 0; }

/* line 318, scss/sass/_eva-glory.scss */
.list-ov-sort { background-color: #eee; }
/* line 320, scss/sass/_eva-glory.scss */
.list-ov-sort p { color: #333; font-weight: bold; font-size: 1.2em; text-align: left; padding: .8em 0; width: 80%; padding-left: 57px; margin-bottom: 0; }
/* line 331, scss/sass/_eva-glory.scss */
.list-ov-sort a img { position: absolute; top: 58px; left: 31px; }

/* line 340, scss/sass/_eva-glory.scss */
.specification-tb { width: 98%; margin: 0 auto; }
/* line 344, scss/sass/_eva-glory.scss */
.specification-tb tr td { width: 50%; color: #666666; padding-left: 18px; padding-bottom: 9px; }

/* line 354, scss/sass/_eva-glory.scss */
.downloads-icon p { position: relative; padding-left: 48px; width: 66%; padding-bottom: 8px; }
/* line 359, scss/sass/_eva-glory.scss */
.downloads-icon p a { color: inherit; }
/* line 363, scss/sass/_eva-glory.scss */
.downloads-icon p:before { content: ''; display: block; position: absolute; width: 28px; height: 28px; background: url(../../../english/_img/01_products/down_icon.png) no-repeat center center; left: 15px; }

/* line 376, scss/sass/_eva-glory.scss */
.produts-funtion div h3 { text-align: center; position: relative; z-index: 1; margin: 12px auto; }
/* line 381, scss/sass/_eva-glory.scss */
.produts-funtion div h3 span { width: auto; background-color: #eee; padding: 0 1em; display: inline-block; margin: 0; line-height: 1em; font-size: 1.125rem; font-weight: 400; font-family: "Montserrat", sans-serif; letter-spacing: 0; }
/* line 394, scss/sass/_eva-glory.scss */
.produts-funtion div h3:before { content: ''; display: block; position: absolute; background-color: #929292; width: 100%; height: 1px; top: 1rem; z-index: -1; }
/* line 404, scss/sass/_eva-glory.scss */
.produts-funtion div div { width: 98%; margin: 0 auto; }

/* line 413, scss/sass/_eva-glory.scss */
.slide-title h2 span { margin: 0 auto; padding-top: 30px; text-align: center; font-weight: 500; color: #333; }

/* line 423, scss/sass/_eva-glory.scss */
.related-pro { width: 90%; margin: 0 auto; }
/* line 426, scss/sass/_eva-glory.scss */
.related-pro .item { display: block; width: 50%; margin: 10px; }
/* line 431, scss/sass/_eva-glory.scss */
.related-pro .item a img { display: block; width: 50%; height: auto; overflow: hidden; padding: 10px; }
/* line 438, scss/sass/_eva-glory.scss */
.related-pro .item a h5 { font-size: 15px; color: #999; margin-bottom: 10px; font-weight: normal; }

/* Product OV */
/* line 450, scss/sass/_eva-glory.scss */
.overview .col-3-p { box-sizing: border-box; border-bottom: 1px solid #eee; margin: 0 0 20px; color: #666; font-size: 0.75rem; /* new list */ }
/* line 456, scss/sass/_eva-glory.scss */
.overview .col-3-p:last-child { border-bottom: none; }
/* line 459, scss/sass/_eva-glory.scss */
.overview .col-3-p h3 { color: #333; width: 90%; margin-bottom: 30px; /* new list */ font-weight: 400; font-size: 1.125rem; font-family: "Montserrat", sans-serif; letter-spacing: normal; }
/* line 469, scss/sass/_eva-glory.scss */
.overview .col-3-p p, .overview .col-3-p .p-date { width: 65%; float: left; font-weight: 400; text-align: left; margin: 0 0 0 4%; line-height: 1.25em; }
/* line 479, scss/sass/_eva-glory.scss */
.overview .col-3-p img { width: 75%; height: auto; }

/* line 487, scss/sass/_eva-glory.scss */
.overview-list .col-3-p { box-sizing: border-box; padding: 0 0 20px; color: #666; font-size: 0.75rem; /* new list */ }
/* line 492, scss/sass/_eva-glory.scss */
.overview-list .col-3-p h3 { color: #333; margin: 0.5rem 0; /* new list */ width: 65%; float: left; font-weight: 400; text-align: left; margin: 0 0 5px 4%; letter-spacing: normal; }
/* line 503, scss/sass/_eva-glory.scss */
.overview-list .col-3-p p, .overview-list .col-3-p .p-date { width: 65%; float: left; font-weight: 400; text-align: left; margin: 0 0 0 4%; line-height: 1.25em; }
/* line 513, scss/sass/_eva-glory.scss */
.overview-list .col-3-p img { width: 30%; height: auto; float: right; }

/* line 522, scss/sass/_eva-glory.scss */
.product-ov .wrap-fs { border-bottom: 1px solid #eee; }
/* line 524, scss/sass/_eva-glory.scss */
.product-ov .wrap-fs .arrow-animation { display: block; }
/* line 526, scss/sass/_eva-glory.scss */
.product-ov .wrap-fs .arrow-animation a { display: block; width: 28px; height: 40px; margin: 0 auto; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-webkit-transition: all 0.4s; }
/* line 538, scss/sass/_eva-glory.scss */
.product-ov .wrap-fs .filterarrow { background: url(../img/01_product/down-icon.svg) no-repeat center center; display: block; border: 1px solid #333; border-radius: 100%; display: block; width: 28px; height: 28px; margin: 0; background-size: 50% 50%; /*animation: arroe 1.5s ease-in-out infinitet ;
-webkit-animation: arroe 1.5s ease-in-out infinitet ;
-moz-animation: arroe 1.5s ease-in-out infinitet ;*/ animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-name: arrow; -webkit-animation-name: arrow; -moz-animation-name: arrow; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; }

@keyframes arrow { 0% { transform: translate(0, 0); }
  50% { transform: translate(0, 8px); }
  100% { transform: translate(0, 0); } }
@-webkit-keyframes arrow { 0% { transform: translate(0, 0); }
  50% { transform: translate(0, 8px); }
  100% { transform: translate(0, 0); } }
/* line 591, scss/sass/_eva-glory.scss */
.product-header { background-color: #FFFFFF; padding-top: 1em; }
/* line 594, scss/sass/_eva-glory.scss */
.product-header a { width: auto; margin-left: 8%; z-index: 2; }
/* line 598, scss/sass/_eva-glory.scss */
.product-header a img { position: absolute; z-index: 2; }
/* line 603, scss/sass/_eva-glory.scss */
.product-header .p-gallery { width: 92%; margin: 0 auto; }
/* line 606, scss/sass/_eva-glory.scss */
.product-header .p-gallery img { width: 50%; height: auto; margin: 10px 0; }
/* line 612, scss/sass/_eva-glory.scss */
.product-header .p-info { width: 80%; padding: 30px 0; margin: 0 auto; }
/* line 616, scss/sass/_eva-glory.scss */
.product-header .p-info h1 { margin: 0 0 .5rem 0; width: auto; }
/* line 619, scss/sass/_eva-glory.scss */
.product-header .p-info h1 span { font-size: 1rem; color: #666666; font-weight: 500; margin-left: 0px; line-height: 1rem; }

/* line 630, scss/sass/_eva-glory.scss */
.product-ov-header { color: #333; padding: 20px 0; }
/* line 633, scss/sass/_eva-glory.scss */
.product-ov-header .subtitle { color: #666; line-height: 1.5em; text-align: left; }

/*--- About --------------------*/
                    /*
.catagory-nav { display: none;
}
*/
/* line 647, scss/sass/_eva-glory.scss */
.ab-cer h3 { display: none; }

/* line 652, scss/sass/_eva-glory.scss */
.ab-t { margin-top: -50px; }

/* line 656, scss/sass/_eva-glory.scss */
.about_text02 { display: none; }

/* line 660, scss/sass/_eva-glory.scss */
.ab-header { background-color: #eee; }

/* line 665, scss/sass/_eva-glory.scss */
.about-intro div { padding-top: 1rem; width: 92%; margin: 0 auto; }
/* line 669, scss/sass/_eva-glory.scss */
.about-intro div h3 { color: #333; }
/* line 672, scss/sass/_eva-glory.scss */
.about-intro div img { width: 85%; margin: 0 auto; margin-top: 2%; padding: 0 5% 8% 0; }

/* line 681, scss/sass/_eva-glory.scss */
.milestone { background-color: #F8F8F8; }
/* line 683, scss/sass/_eva-glory.scss */
.milestone h2 { color: #333; }
/* line 686, scss/sass/_eva-glory.scss */
.milestone ul { position: relative; width: 92%; margin: 0 auto; border-bottom: 1px solid #eee; padding: 0.5rem 0; }
/* line 692, scss/sass/_eva-glory.scss */
.milestone ul li { font-size: 0.875em; width: 70%; box-sizing: border-box; color: #444; }
/* line 700, scss/sass/_eva-glory.scss */
.milestone .year { font-size: 1.5em; line-height: 1.5em; font-family: "Montserrat", sans-serif; color: #333; }
/* line 705, scss/sass/_eva-glory.scss */
.milestone .year:before { content: ""; display: block; position: absolute; width: 4%; height: 3px; background-color: #E60010; left: -5%; top: 1.5rem; }
/* line 716, scss/sass/_eva-glory.scss */
.milestone .thumb { display: block; position: absolute; width: 28%; right: 0; top: 0.5rem; }

/* line 725, scss/sass/_eva-glory.scss */
.vision { color: #fff; background-color: #1595E3; border-bottom: none; }
/* line 729, scss/sass/_eva-glory.scss */
.vision * { color: #fff; }
/* line 732, scss/sass/_eva-glory.scss */
.vision img { display: block; margin: 1rem auto 0; width: 80%; height: auto; }

/* line 740, scss/sass/_eva-glory.scss */
.gd-gray { background-color: #eeeeee; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(50%, #ffffff)); background-image: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 50%); background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 50%); background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 50%); }

/* Contact*/
/* line 747, scss/sass/_eva-glory.scss */
.contact {                     /*
}
}
.form { padding: 0 $mobile-padding $mobile-padding;
}
*/ }
/* line 748, scss/sass/_eva-glory.scss */
.contact .header-contact { min-height: auto; color: #333; background-color: #F0F0F0; }
/* line 753, scss/sass/_eva-glory.scss */
.contact .header-contact * p { color: #666; width: 80%; }
/* line 758, scss/sass/_eva-glory.scss */
.contact .form-wrap .form .form-cell { border: 0; background-color: transparent; }
/* line 761, scss/sass/_eva-glory.scss */
.contact .form-wrap .form .form-cell input { width: 51%; border: 1px solid #ccc; background-color: #fff; }
/* line 766, scss/sass/_eva-glory.scss */
.contact .form-wrap .form .form-cell img { margin-left: 30px; }
/* line 770, scss/sass/_eva-glory.scss */
.contact .form-wrap .form .form-cell.last { background-color: transparent; }

/* line 782, scss/sass/_eva-glory.scss */
.contact-map, .contact-info { width: 92%; overflow: hidden; margin: 4% auto; padding-top: 0; margin-top: 0; }

/* line 792, scss/sass/_eva-glory.scss */
.contact-map { background-color: #ccc; height: 240px; }

/* line 798, scss/sass/_eva-glory.scss */
.contact-info h3 { position: relative; text-align: center; z-index: 1; margin: 0.58em auto; }
/* line 803, scss/sass/_eva-glory.scss */
.contact-info h3 span { font-weight: bold; background-color: #FFF; display: inline-block; line-height: 18px; width: auto; padding: 0 1.2em; }
/* line 812, scss/sass/_eva-glory.scss */
.contact-info h3:before { content: ''; display: block; position: absolute; height: 1px; background-color: #666; width: 100%; top: 0.6em; z-index: -1; }
/* line 822, scss/sass/_eva-glory.scss */
.contact-info ul { width: 80%; margin: 0 auto; padding-bottom: 1em; }
/* line 826, scss/sass/_eva-glory.scss */
.contact-info ul li { text-align: left; padding-left: 0; margin-left: 0; }
/* line 830, scss/sass/_eva-glory.scss */
.contact-info ul li strong { font-weight: bold; }
/* line 833, scss/sass/_eva-glory.scss */
.contact-info ul li.title { font-size: 1rem; color: #E50010; }

/* line 841, scss/sass/_eva-glory.scss */
.success-text { min-height: auto; }
/* line 845, scss/sass/_eva-glory.scss */
.success-text div p { width: 80%; margin: 0 auto; }
/* line 849, scss/sass/_eva-glory.scss */
.success-text div img { margin: 20px auto; }

@media (min-width: 480px) { /* line 857, scss/sass/_eva-glory.scss */
  .overview .col-3-p { margin: 3%; border-bottom: none; /* new list */ }
  /* line 861, scss/sass/_eva-glory.scss */
  .overview .col-3-p h3 { width: 100%; font-weight: 400; text-align: center; margin: 0.75em 0; }
  /* line 867, scss/sass/_eva-glory.scss */
  .overview .col-3-p p { width: 100%; font-weight: lighter; text-align: center; margin: 0; line-height: 1.375em; }
  /* line 875, scss/sass/_eva-glory.scss */
  .overview .col-3-p img { width: 100%; float: left; }
  /* line 882, scss/sass/_eva-glory.scss */
  .overview.news-ov .col-3-p { padding: 0; }
  /* line 884, scss/sass/_eva-glory.scss */
  .overview.news-ov .col-3-p h3, .overview.news-ov .col-3-p p, .overview.news-ov .col-3-p .p-date { box-sizing: border-box; padding: 0 4vw; text-align: left; }
  /* line 893, scss/sass/_eva-glory.scss */
  .overview.news-ov .col-3-p .p-date { margin-left: 0; padding-bottom: 12px; }
  /*produts*/
  /* line 900, scss/sass/_eva-glory.scss */
  .bottons { padding-left: 66%; }
  /* line 904, scss/sass/_eva-glory.scss */
  .list-ov-sort p { width: 80%; }
  /* line 908, scss/sass/_eva-glory.scss */
  .list-ov-sort a img { left: 37px; }
  /* line 915, scss/sass/_eva-glory.scss */
  .list ul li a .list-text { padding: 14% 0; }
  /* line 922, scss/sass/_eva-glory.scss */
  .produts-funtion div h3:before { top: .75rem; }
  /* line 925, scss/sass/_eva-glory.scss */
  .produts-funtion div div { width: 92%; margin: 0 auto; }
  /* line 931, scss/sass/_eva-glory.scss */
  .specification-tb { width: 90%; margin: 0 auto; } }
@media (min-width: 680px) { /*平板直式*/
  /*index*/
  /* line 943, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick div { height: 230px; }
  /* line 945, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick div h5 { font-size: 25px; padding: 12% 0 0; }
  /* line 950, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick img { width: 100%; }
  /* line 954, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick .left h5, .index-pro-slick .product-slick .left p { padding-left: 110px; }
  /* line 960, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick .right h5, .index-pro-slick .product-slick .right p { padding-left: 330px; }
  /* line 967, scss/sass/_eva-glory.scss */
  .index-text { padding: 165px 0 0 52px; }
  /* line 969, scss/sass/_eva-glory.scss */
  .index-text h1 { line-height: 46px; font-size: 43px; width: 70%; }
  /* line 974, scss/sass/_eva-glory.scss */
  .index-text h2 { font-size: 22px; line-height: 31px; width: 50%; }
  /*produts*/
  /* line 984, scss/sass/_eva-glory.scss */
  .list ul li a img { width: auto; margin: 2% 10%; }
  /* line 988, scss/sass/_eva-glory.scss */
  .list ul li a .list-text { padding: 9.2% 0; width: 55%; }
  /* line 997, scss/sass/_eva-glory.scss */
  .list-ov-sort a img { left: 52px; top: 77px; }
  /*overview*/
  /* line 1005, scss/sass/_eva-glory.scss */
  .grid ul li { width: 33.3%; }
  /* line 1010, scss/sass/_eva-glory.scss */
  .overview .col-3-p { margin: 2.6%; }
  /* line 1016, scss/sass/_eva-glory.scss */
  .overview.news-ov .col-3-p h3, .overview.news-ov .col-3-p p, .overview.news-ov .col-3-p .p-date { padding: 0 20px; }
  /* line 1023, scss/sass/_eva-glory.scss */
  .overview.news-ov .col-3-p .p-date { padding-bottom: 12px; }
  /* line 1029, scss/sass/_eva-glory.scss */
  .product-header .p-info { width: 85%; }
  /* About */
  /* line 1034, scss/sass/_eva-glory.scss */
  .milestone { background-color: #F8F8F8; position: relative; }
  /* line 1037, scss/sass/_eva-glory.scss */
  .milestone:before { content: ""; display: block; width: 4px; height: 100%; background-color: #333; left: 50%; top: 110px; margin-left: -2px; position: absolute; z-index: 20; }
  /* line 1049, scss/sass/_eva-glory.scss */
  .milestone ul { position: relative; width: 40%; margin: 0 0 0 56%; border-bottom: none; padding: 0.5rem 0; text-align: left; }
  /* line 1056, scss/sass/_eva-glory.scss */
  .milestone ul .year:before { left: -15%; right: auto; }
  /* line 1060, scss/sass/_eva-glory.scss */
  .milestone ul:nth-of-type(2n+1) { margin: 0 0 0 4%; text-align: right; }
  /* line 1063, scss/sass/_eva-glory.scss */
  .milestone ul:nth-of-type(2n+1) .year:before { left: auto; right: -15%; }
  /* line 1068, scss/sass/_eva-glory.scss */
  .milestone ul li { font-size: 0.9375em; width: 100%; color: #666; }
  /* line 1074, scss/sass/_eva-glory.scss */
  .milestone .year { font-size: 2em; }
  /* line 1076, scss/sass/_eva-glory.scss */
  .milestone .year:before { top: 1.9rem; width: 12%; height: 2px; }
  /* line 1082, scss/sass/_eva-glory.scss */
  .milestone .thumb { position: static; width: 100%; margin-top: 1rem; }
  /* line 1086, scss/sass/_eva-glory.scss */
  .milestone .thumb img { display: inline-block; width: 70%; height: auto; }
  /* line 1094, scss/sass/_eva-glory.scss */
  .ab-header h1 { font-size: 2rem; }
  /* line 1100, scss/sass/_eva-glory.scss */
  .about-intro div p { padding: 0 4% 1rem; }
  /* line 1103, scss/sass/_eva-glory.scss */
  .about-intro div img { width: 75%; }
  /* line 1110, scss/sass/_eva-glory.scss */
  .ab-cer img:nth-of-type(1) { width: auto; padding: 0 0 2em 2em; margin: 0; }
  /* line 1115, scss/sass/_eva-glory.scss */
  .ab-cer img:nth-of-type(2) { margin: 0; padding: 0 0 4em 2em; }
  /* Capability */
  /* line 1123, scss/sass/_eva-glory.scss */
  .rd-customize ul { width: 92%; margin-top: 2rem; }
  /* line 1126, scss/sass/_eva-glory.scss */
  .rd-customize ul:after { content: ""; display: block; height: 100%; right: 33.3%; width: 1px; position: absolute; top: 0; background-color: #E0E0E0; }
  /* line 1136, scss/sass/_eva-glory.scss */
  .rd-customize ul:before { left: 33.3%; }
  /* line 1139, scss/sass/_eva-glory.scss */
  .rd-customize ul li { padding: 50px 10px 20px 10px; }
  /* line 1141, scss/sass/_eva-glory.scss */
  .rd-customize ul li:nth-of-type(3) { border: none; }
  /* line 1145, scss/sass/_eva-glory.scss */
  .rd-customize ul h3 { font-size: 1.125rem; }
  /* line 1150, scss/sass/_eva-glory.scss */
  .contact-map { width: 60%; float: left; }
  /* line 1154, scss/sass/_eva-glory.scss */
  .contact-info { box-sizing: border-box; padding: 35px 50px; }
  /* line 1157, scss/sass/_eva-glory.scss */
  .contact-info ul { width: 90%; }
  /* line 1160, scss/sass/_eva-glory.scss */
  .contact-info ul li.title { font-size: 1.125rem; font-weight: 400; }
  /* line 1167, scss/sass/_eva-glory.scss */
  .form-wrap .form { padding-top: 5%; margin-bottom: 2em; } }
@media (min-width: 860px) { /*平板橫式*/
  /* line 1178, scss/sass/_eva-glory.scss */
  .index a img { margin: 0 auto; }
  /* line 1183, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick div { height: 300px; }
  /* line 1185, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick div h5 { font-size: 30px; }
  /* line 1190, scss/sass/_eva-glory.scss */
  .index-pro-slick .product-slick .right h5, .index-pro-slick .product-slick .right p { padding-left: 450px; }
  /* line 1196, scss/sass/_eva-glory.scss */
  .index-pic { position: relative; }
  /* line 1198, scss/sass/_eva-glory.scss */
  .index-pic a { height: 51vw; }
  /* line 1200, scss/sass/_eva-glory.scss */
  .index-pic a div { background-position: right bottom; width: 100%; min-height: 52vw; }
  /* line 1207, scss/sass/_eva-glory.scss */
  .index-text { padding: 155px 0 0 75px; }
  /* line 1210, scss/sass/_eva-glory.scss */
  .shortcut { position: relative; }
  /* line 1212, scss/sass/_eva-glory.scss */
  .shortcut a { background-size: cover; }
  /* line 1213, scss/sass/_eva-glory.scss */
  .shortcut a img { padding-top: 10px; width: auto; }
  /* line 1218, scss/sass/_eva-glory.scss */
  .shortcut a:nth-of-type(1) { height: 22vw; border-right: 1px solid #eee; margin-bottom: 10px; }
  /* line 1226, scss/sass/_eva-glory.scss */
  .spec ul { border: none; border-bottom: 1px dashed #ddd; border-radius: 0; margin: 0 auto; text-align: center; }
  /* line 1227, scss/sass/_eva-glory.scss */
  .spec ul:nth-of-type(1) { display: block; }
  /* line 1229, scss/sass/_eva-glory.scss */
  .spec ul:nth-of-type(1) > li { color: #000; }
  /* line 1238, scss/sass/_eva-glory.scss */
  .spec ul:last-of-type { border-bottom: none; }
  /* line 1242, scss/sass/_eva-glory.scss */
  .spec h4 { height: 60px; line-height: 60px; }
  /* line 1245, scss/sass/_eva-glory.scss */
  .spec h4 .switch { right: 2rem; }
  /* line 1249, scss/sass/_eva-glory.scss */
  .spec.app-spec ul { border-bottom: 1px dashed #ddd; }
  /* line 1251, scss/sass/_eva-glory.scss */
  .spec.app-spec ul li:last-of-type { border-bottom: none; }
  /* line 1254, scss/sass/_eva-glory.scss */
  .spec.app-spec ul:last-of-type { border-radius: 0; border-bottom: none; }
  /* line 1259, scss/sass/_eva-glory.scss */
  .spec li { display: inline-block; border: none; float: none; vertical-align: middle; padding: 15px 0; text-align: left; }
  /* line 1266, scss/sass/_eva-glory.scss */
  .spec li:before { display: none; }
  /* line 1269, scss/sass/_eva-glory.scss */
  .spec li:nth-of-type(1) { width: 18%; background-color: transparent; color: #333; line-height: auto; padding: 15px 0; }
  /* line 1278, scss/sass/_eva-glory.scss */
  .spec li:nth-of-type(2) { width: 18%; }
  /* line 1281, scss/sass/_eva-glory.scss */
  .spec li:nth-of-type(3) { width: 18%; }
  /* line 1284, scss/sass/_eva-glory.scss */
  .spec li:nth-of-type(4) { width: 36%; font-size: 0.875rem; }
  /*produts*/
  /* line 1291, scss/sass/_eva-glory.scss */
  .bottons { padding-left: 70%; }
  /* line 1295, scss/sass/_eva-glory.scss */
  .list ul li a .list-text { padding: 8% 0; }
  /* line 1304, scss/sass/_eva-glory.scss */
  .list-ov-sort a img { left: 60px; }
  /* line 1311, scss/sass/_eva-glory.scss */
  .produts-funtion div div { width: 93%; }
  /* line 1317, scss/sass/_eva-glory.scss */
  .product-header a { margin-left: -94%; }
  /* line 1321, scss/sass/_eva-glory.scss */
  .product-header .p-gallery { width: 55%; height: auto; float: left; }
  /* line 1325, scss/sass/_eva-glory.scss */
  .product-header .p-gallery img { margin: 20px 0; }
  /* line 1329, scss/sass/_eva-glory.scss */
  .product-header .p-info { width: 45%; float: left; box-sizing: border-box; padding: 20% 0 0 10px; }
  /* line 1335, scss/sass/_eva-glory.scss */
  .product-header .p-info .h1 span { font-size: 0.05rem; color: #666666; font-weight: 100; }
  /* line 1344, scss/sass/_eva-glory.scss */
  .overview .col-3-p { margin-top: 0; }
  /* line 1347, scss/sass/_eva-glory.scss */
  .overview .col-3-p h3 { margin: 1.25rem 0; }
  /*overview*/
  /* line 1354, scss/sass/_eva-glory.scss */
  .grid ul li { width: 25%; }
  /*About*/
  /* line 1361, scss/sass/_eva-glory.scss */
  .about-intro div p { padding: 0 0 1rem; }
  /* line 1364, scss/sass/_eva-glory.scss */
  .about-intro div img { width: auto; }
  /* line 1371, scss/sass/_eva-glory.scss */
  .ab-cer img:nth-of-type(1) { padding: 0 0 2em 0; }
  /* line 1374, scss/sass/_eva-glory.scss */
  .ab-cer img:nth-of-type(2) { padding: 0 0 4em 0; }
  /* Material*/
  /* line 1381, scss/sass/_eva-glory.scss */
  .rel-applicaiton p { font-size: 1.125rem; line-height: 1.75em; }
  /* line 1386, scss/sass/_eva-glory.scss */
  .app-gallery { overflow: hidden; }
  /* line 1395, scss/sass/_eva-glory.scss */
  .app-gallery a img { width: 100%; height: auto; }
  /* line 1400, scss/sass/_eva-glory.scss */
  .app-gallery a:nth-of-type(1) { width: 50%; height: 500px; }
  /* line 1404, scss/sass/_eva-glory.scss */
  .app-gallery a:nth-of-type(2) { width: 50%; height: 250px; }
  /* line 1408, scss/sass/_eva-glory.scss */
  .app-gallery a:nth-of-type(3) { width: 25%; height: 250px; }
  /* line 1412, scss/sass/_eva-glory.scss */
  .app-gallery a:nth-of-type(4) { width: 25%; height: 250px; } }
/* line 6, scss/sass/_form.scss */
.form-wrap { width: 100%; background-image: url(../../english/_img/05_contact/left_bg.jpg); background-size: cover; }
/* line 11, scss/sass/_form.scss */
.form-wrap .form { box-sizing: border-box; overflow: hidden; padding: 0 4% 4%; padding-top: 5%;     /*
.f-4-1 { width: 48%;
}
.f-5-1 { width: 48%;
}
.f-5-2 { width: 48%;
}
.f-5-3 { width: 100%; float: left;
}
.f-5-3 + .f-5-1 { margin-right: 4%;
}
.f-5-5 { width: 100%; float: left;
}
.lady { margin-right: 4%;
}
*/ }
/* line 16, scss/sass/_form.scss */
.form-wrap .form input, .form-wrap .form select, .form-wrap .form textarea, .form-wrap .form .form-cell { box-sizing: border-box; display: block; width: 100%; outline: none; border: none; float: left; font-size: 1em; padding: 0 4%; margin-bottom: 20px; min-height: 45px; background-color: #fff; border: 1px solid #ccc; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; }
/* line 34, scss/sass/_form.scss */
.form-wrap .form input:focus, .form-wrap .form select:focus, .form-wrap .form textarea:focus, .form-wrap .form .form-cell:focus { background-color: white; color: #333; border-color: #333; font-weight: bold; }
/* line 40, scss/sass/_form.scss */
.form-wrap .form input.last, .form-wrap .form select.last, .form-wrap .form textarea.last, .form-wrap .form .form-cell.last { border: none; }
/* line 44, scss/sass/_form.scss */
.form-wrap .form textarea { padding: 4%; }
/* line 47, scss/sass/_form.scss */
.form-wrap .form select { line-height: 45px; height: 45px; vertical-align: middle; -moz-appearance: none; -webkit-appearance: none; text-indent: 1px; text-overflow: ''; }
/* line 57, scss/sass/_form.scss */
.form-wrap .form .group-title { padding: 0; width: 100%; margin-top: 0.5em; line-height: 1.5em; }
/* line 64, scss/sass/_form.scss */
.form-wrap .form input[type="radio"], .form-wrap .form input[type="checkbox"] { display: none; }
/* line 68, scss/sass/_form.scss */
.form-wrap .form input[type="radio"] + label, .form-wrap .form input[type="checkbox"] + label { box-sizing: border-box; padding: 5px 0 5px 3%; display: block; float: left; cursor: pointer; vertical-align: middle; border: 1px solid #eee; border-radius: 4px; margin-bottom: 3vw; background-color: #eee; color: #666; -moz-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; -webkit-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; }
/* line 84, scss/sass/_form.scss */
.form-wrap .form input[type="radio"] + label:before, .form-wrap .form input[type="checkbox"] + label:before { content: ""; display: inline-block; vertical-align: middle; overflow: hidden; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; margin: -1px 7px 0 0; -moz-transition: border-color 0.2s ease, background-color 0.2s ease; -o-transition: border-color 0.2s ease, background-color 0.2s ease; -webkit-transition: border-color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, background-color 0.2s ease; }
/* line 99, scss/sass/_form.scss */
.form-wrap .form input[type="radio"]:nth-of-type(2n+1) + label, .form-wrap .form input[type="checkbox"]:nth-of-type(2n+1) + label, .form-wrap .form div:nth-of-type(2n+1) { margin-right: 4%; }
/* line 103, scss/sass/_form.scss */
.form-wrap .form input[type="radio"]:nth-of-type(2n+1) + label.gentleman, .form-wrap .form input[type="checkbox"]:nth-of-type(2n+1) + label.gentleman, .form-wrap .form div:nth-of-type(2n+1).gentleman { margin-right: 0; }
/* line 107, scss/sass/_form.scss */
.form-wrap .form input[type="radio"]:checked + label, .form-wrap .form input[type="checkbox"]:checked + label { border: 1px solid #333; color: #fff; background-color: #333; }
/* line 112, scss/sass/_form.scss */
.form-wrap .form input[type="radio"]:checked + label:before, .form-wrap .form input[type="checkbox"]:checked + label:before { background: #fff url("../img/layout/icon.svg") no-repeat; background-position: -414px -14px; }
/* line 120, scss/sass/_form.scss */
.form-wrap .form .form-cell > input, .form-wrap .form .form-cell > select { border: none; background: transparent; }
/* line 126, scss/sass/_form.scss */
.form-wrap .form .f-3-1 { width: 48%; }

@media (min-width: 0) and (max-width: 680px) { /* line 159, scss/sass/_form.scss */
  .form .f-3-1.full { width: 100%; } }
@media (min-width: 480px) { /* line 166, scss/sass/_form.scss */
  .form { margin: 0 auto; width: 80%; max-width: 720px; }
  /* line 171, scss/sass/_form.scss */
  .group-title { font-weight: bold; } }
@media (min-width: 680px) { /* line 177, scss/sass/_form.scss */
  .form { padding: 2rem 2rem 0 2rem; margin-bottom: 3rem; border-radius: 8px; /*
input,
select,
textarea { padding: 1rem 0; color: #999; border-bottom: none; &:focus { background-color: $color-border; color: #333; border-bottom: none; }
}
*/ /*
.f-4-1 { width: 25%;
}
.f-5-1 { width: 20%;
}
.f-5-2 { width: 40%
}
.f-5-3 { width: 60%;
}
.lady { margin-right: 0;
}
.gentleman { margin-right: 0;
}
*/ }
  /* line 181, scss/sass/_form.scss */
  .form input, .form select, .form textarea, .form .form-cell { margin-bottom: 15px; background-color: rgba(255, 255, 255, 0.7); border-color: #eee; padding: 0; }
  /* line 192, scss/sass/_form.scss */
  .form .form-cell { background-color: transparent; padding-bottom: 1em; }
  /* line 195, scss/sass/_form.scss */
  .form .form-cell > input, .form .form-cell > select { margin-bottom: 0; }
  /* line 200, scss/sass/_form.scss */
  .form .f-half { width: 48%; }
  /* line 202, scss/sass/_form.scss */
  .form .f-half + .f-half, .form .f-half + .f-half + .f-half + .f-half { margin-left: 4%; }
  /* line 206, scss/sass/_form.scss */
  .form .f-half + .f-half + .f-half, .form .f-half + .f-half + .f-half + .f-half + .f-half { margin-left: 0; }
  /* line 225, scss/sass/_form.scss */
  .form input[type="radio"] + label, .form input[type="checkbox"] + label { padding: 0.5rem 0; border: none; margin-bottom: 0; background-color: transparent; }
  /* line 233, scss/sass/_form.scss */
  .form input[type="radio"] + label:before, .form input[type="checkbox"] + label:before { height: 22px; width: 22px; border: 1px solid #ccc; }
  /* line 239, scss/sass/_form.scss */
  .form input[type="radio"]:nth-of-type(2n+1) + label, .form input[type="checkbox"]:nth-of-type(2n+1) + label, .form div:nth-of-type(2n+1) { margin-right: 0; }
  /* line 244, scss/sass/_form.scss */
  .form input[type="radio"]:hover + label, .form input[type="checkbox"]:hover + label { color: #000; }
  /* line 248, scss/sass/_form.scss */
  .form input[type="radio"]:checked + label, .form input[type="checkbox"]:checked + label { border: none; color: #333; background-color: transparent; font-weight: bold; }
  /* line 254, scss/sass/_form.scss */
  .form input[type="radio"]:checked + label:before, .form input[type="checkbox"]:checked + label:before { border-color: #333; }
  /* line 258, scss/sass/_form.scss */
  .form .f-3-1 { width: 33%; } }

/*# sourceMappingURL=style.css.map */