@charset "utf-8";

/*
Theme Name: 田中系統顧問(client)
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: 田中系統顧問( customize from Twenty Ten 1.2 )
Version: v.5
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size:100%; }

body {line-height: 1.5em; letter-spacing: 1px; _display: inline; _zoom:1; }
fieldset, img {border: 0;}

/* remember to define focus styles! */
:focus {outline: 0;}

address, caption, cite, code, dfn,em, strong, th, var, optgroup {font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

abbr, acronym {border: 0;font-variant: normal;}

input, button, textarea,select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

:link, :visited, ins{text-decoration: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}




/* Basic Elements
-------------------------------------------------*/
.clearfix:after {
	content: "";
    display: block;
    clear: both;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr.hidden{ visibility: hidden;}

a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;}
a:link, a:visited {color: #F75748;text-decoration: none;}
a:active, a:hover {color: #EA5550;}
.breadcrumbs{
	list-style: none outside none;
	margin: 3px 0 10px;
	font-size: 11px;
}
.breadcrumbs a{color: #000;text-decoration: none;}
.breadcrumbs a:hover,
.breadcrumbs a:active {color: #999;}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 25px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 22px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 20px;}
.contents-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
}
.contents-column .col {
  margin-left: 20px;
}
.contents-column.col02 .col {
  width: calc((100% / 2) - 20px);
}
.contents-column.col03 .col {
  width: calc((100% / 3) - 20px);
}
.contents-column.col04 .col {
  width: calc((100% / 4) - 20px);
}
.contents-column.ty01,
.contents-column.ty01 .col {
  margin: 0;
}
.contents-column.ty01.col02 .col {
  width: 50%;
}
.contents-column.col03 .col {
  width: 33.333%;
}
.contents-column.col04 .col {
  width: 25%;
}
.moviebox {
  box-sizing: border-box;
  text-align:center;
}
.moviebox01 {
  background-color:#000;
}
.moviebox02 {
  background-color:#FFF;
  border:1px solid #D4D3CF;
}

/*TSC Elements
-------------------------------------------------*/
.f-left{ float:left;}
.f-right{ float:right;}
#content .small{font-size: 12px;}
#content .bold{font-weight: bold;}
#content .red{color:#ff0000;}
.cl-b {clear: both;}
.mg-r08 {margin-right: 40px;}
.mg-t10 {margin-top: 50px;}
.ta-c {text-align: center;}
.cl-b {clear: both;}

/* outline
--------------------------------------------------*/
body {
	font-family:"微軟正黑體","Microsoft JhengHei",serif,sans-serif,"メイリオ", Meiryo,"MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","ＭＳ Ｐゴシック",Osaka,Georgia,"Bitstream Charter";
	font-size: 14px;
	min-width:1000px;
  color: #5b5b5b;
  -webkit-text-size-adjust: 100%;
}
#branding, #header .menu, #colophon {
  width: 1000px;
  margin: 0 auto;
}
#main {
  clear: both;
  padding-top: 103px;
}
#container {padding-bottom: 60px;}
.overflow-x-hidden {overflow-x:hidden}

/* header
-------------------------------------------------*/
#header {
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: #ffffff;
}
#branding {
  padding-top: 20px;
  margin-bottom: 16px;
}
#header .toplink a {
  color: #5B5B5B;
  letter-spacing: 0.6px;
}
#header .toplink a:hover span {text-decoration: underline;}
#header .toplink a:first-child::after {
  content:"｜";
  margin: 0 5px;
  vertical-align: text-bottom;
}
#access {
  background-color: #434343;
  border-top: 1px solid #C0C0B6;
  border-bottom: 1px solid #C0C0B6;
  clear: both;
}
#access ul.nav > li {position: relative;}
#access ul.nav > li > a {
  float: left;
  display: block;
  text-indent: -9999px;
  background: url("../../../img/ss/recruit/recruit_bg_btn_01.png") no-repeat 0 0;
  height: 43px;
}
#access ul.nav > li.nav01 > a {width: 166px; background-position: 0 -1px;}
#access ul.nav > li.nav02 > a {width: 167px; background-position: -166px -1px;}
#access ul.nav > li.nav03 > a {width: 166px; background-position: -333px -1px;}
#access ul.nav > li.nav04 > a {width: 166px; background-position: -500px -1px;}
#access ul.nav > li.nav05 > a {width: 165px; background-position: -668px -1px;}
#access ul.nav > li.nav06 > a {width: 166px; background-position: -834px -1px;}
#access ul.nav > li.nav01 > a:hover, #access ul.nav > li.nav01.curr > a {background-position: 0 -50px;}
#access ul.nav > li.nav02 > a:hover, #access ul.nav > li.nav02.curr > a {background-position: -166px -50px;}
#access ul.nav > li.nav03 > a:hover, #access ul.nav > li.nav03.curr > a {background-position: -333px -50px;}
#access ul.nav > li.nav04 > a:hover, #access ul.nav > li.nav04.curr > a {background-position: -500px -50px;}
#access ul.nav > li.nav05 > a:hover, #access ul.nav > li.nav05.curr > a {background-position: -668px -50px;}
#access ul.nav > li.nav06 > a:hover, #access ul.nav > li.nav06.curr > a {background-position: -834px -50px;}
#access ul.subnav {
  position: absolute;
  top: 43px;
  display: none;
}
#access li.nav01 ul.subnav {width: 166px; left: 1px;}
#access li.nav02 ul.subnav {width: 166px; left: 167px;}
#access li.nav03 ul.subnav {width: 166px; left: 334px;}
#access li.nav04 ul.subnav {width: 166px; left: 499px;}
#access li.nav05 ul.subnav {width: 165px; left: 665px;}
#access li.nav06 ul.subnav {width: 166px; left: 830px;}
#access ul.subnav li a {
  background-color: #5B5B5B;
  border-bottom: 1px solid #C4C5BD;
  text-align: center;
  color: #ffffff;
  display: block;
  padding: 7px 0;
}
#access li.nav04 ul.subnav a span {
  font-size: 12px;
  display: block;
}
#access ul.subnav li:first-child a {border-top: 1px solid #C4C5BD;}
#access ul.subnav li a:hover {background-color: #707070;}
#access ul.nav > li:hover .subnav {display: block;}
span#company, span#department, span#location, span#benefit, span#recruit-info, span#process, span#joblist, span#recruit-info, span#process, span#joblist, span#recruitinfo, span#seminardate {
  margin-top: -120px;
  padding-bottom: 120px;
  display: block;
}
div.process {
  margin-bottom: 60px;
}

/* footer
-------------------------------------------------*/
.back-to-top {
  clear: both;
  display: block;
  text-align: center;
  border-top: 1px solid #D4D3CF;
  background-color: #EDEDE3;
  padding: 10px 0 8px;
}
.back-to-top span {
  background: url("../../../img/ss/recruit/recruit_bg_ico_04.png") no-repeat center 0 #EDEDE3;
  color: #5B5B5B;
  display: block;
  padding-top: 8px;
}
#footer {
  background-color: #444444;
  padding: 21px 0 2px;
}
#footer #colophon {
  display: flex;
}
#footer #colophon div {
  width: 25%;
  margin-left: 40px;
}
#footer #colophon div.ft-04 {width: 218px;}
#footer #colophon div:first-child {margin-left: 0;}
#footer a {
  color: #ffffff;
  display: block;
  line-height: 25px;
  font-size: 13px;
}
#footer a:hover {text-decoration: underline;}
#footer h2 a {
  font-size: 16px;
  background: url("../../../img/ss/recruit/recruit_bg_ico_07.png") no-repeat 0 6px;
  padding: 0 0 6px 14px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 11px;
}
#footer h2 a:hover {
  background-position: 3px 6px;
  text-decoration: none;
}
#footer .copyright {
  margin-top: 15px;
  border-top: 1px solid #ffffff;
  text-align: center;
  padding: 12px 0 3px;
}
#footer .copyright .copyright-text {
  font-size: 12px;
  color: #ffffff;
}
#footer .copyright .sitelink a {display: inline-block;}
#footer .copyright .sitelink a:first-child {
  padding-right: 10px;
  margin-right: 6px;
  border-right: 1px solid #ffffff;
  line-height: 13px;
}
#footer .copyright .sitelink a:hover span {text-decoration: underline;}

.ss-utility-marginTop-primary {
  margin-top: 32px;
}

/*
 * products
** ------------------------------------------------------ */
.prd-layout-cluster {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prd-layout-cluster.of-spaceX-0, .prd-layout-cluster.of-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
}

.prd-layout-cluster.of-spaceY-0, .prd-layout-cluster.of-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
}

.prd-layout-cluster.of-spaceX-1 {
    margin-right: -2px;
    margin-left: -2px;
}

.prd-layout-cluster.of-spaceX-1 > * {
    margin-right: 2px;
    margin-left: 2px;
}

.prd-layout-cluster.of-spaceY-1 {
    margin-top: -2px;
    margin-bottom: -2px;
}

.prd-layout-cluster.of-spaceY-1 > * {
    margin-top: 2px;
    margin-bottom: 2px;
}

.prd-layout-cluster.of-spaceX-2 {
    margin-right: -4px;
    margin-left: -4px;
}

.prd-layout-cluster.of-spaceX-2 > * {
    margin-right: 4px;
    margin-left: 4px;
}

.prd-layout-cluster.of-spaceY-2 {
    margin-top: -4px;
    margin-bottom: -4px;
}

.prd-layout-cluster.of-spaceY-2 > * {
    margin-top: 4px;
    margin-bottom: 4px;
}

.prd-layout-cluster.of-spaceX-3 {
    margin-right: -8px;
    margin-left: -8px;
}

.prd-layout-cluster.of-spaceX-3 > * {
    margin-right: 8px;
    margin-left: 8px;
}

.prd-layout-cluster.of-spaceY-3 {
    margin-top: -8px;
    margin-bottom: -8px;
}

.prd-layout-cluster.of-spaceY-3 > * {
    margin-top: 8px;
    margin-bottom: 8px;
}

.prd-layout-cluster.of-spaceX-4 {
    margin-right: -10px;
    margin-left: -10px;
}

.prd-layout-cluster.of-spaceX-4 > * {
    margin-right: 10px;
    margin-left: 10px;
}

.prd-layout-cluster.of-spaceY-4 {
    margin-top: -10px;
    margin-bottom: -10px;
}

.prd-layout-cluster.of-spaceY-4 > * {
    margin-top: 10px;
    margin-bottom: 10px;
}

.prd-layout-cluster.of-spaceX-5 {
    margin-right: -12px;
    margin-left: -12px;
}

.prd-layout-cluster.of-spaceX-5 > * {
    margin-right: 12px;
    margin-left: 12px;
}

.prd-layout-cluster.of-spaceY-5 {
    margin-top: -12px;
    margin-bottom: -12px;
}

.prd-layout-cluster.of-spaceY-5 > * {
    margin-top: 12px;
    margin-bottom: 12px;
}

.prd-layout-cluster.of-spaceX-6 {
    margin-right: -16px;
    margin-left: -16px;
}

.prd-layout-cluster.of-spaceX-6 > * {
    margin-right: 16px;
    margin-left: 16px;
}

.prd-layout-cluster.of-spaceY-6 {
    margin-top: -16px;
    margin-bottom: -16px;
}

.prd-layout-cluster.of-spaceY-6 > * {
    margin-top: 16px;
    margin-bottom: 16px;
}

.prd-layout-cluster.of-spaceX-7 {
    margin-right: -20px;
    margin-left: -20px;
}

.prd-layout-cluster.of-spaceX-7 > * {
    margin-right: 20px;
    margin-left: 20px;
}

.prd-layout-cluster.of-spaceY-7 {
    margin-top: -20px;
    margin-bottom: -20px;
}

.prd-layout-cluster.of-spaceY-7 > * {
    margin-top: 20px;
    margin-bottom: 20px;
}

.prd-layout-cluster.of-spaceX-8 {
    margin-right: -32px;
    margin-left: -32px;
}

.prd-layout-cluster.of-spaceX-8 > * {
    margin-right: 32px;
    margin-left: 32px;
}

.prd-layout-cluster.of-spaceY-8 {
    margin-top: -32px;
    margin-bottom: -32px;
}

.prd-layout-cluster.of-spaceY-8 > * {
    margin-top: 32px;
    margin-bottom: 32px;
}

.prd-layout-cluster.of-spaceX-9 {
    margin-right: -36px;
    margin-left: -36px;
}

.prd-layout-cluster.of-spaceX-9 > * {
    margin-right: 36px;
    margin-left: 36px;
}

.prd-layout-cluster.of-spaceY-9 {
    margin-top: -36px;
    margin-bottom: -36px;
}

.prd-layout-cluster.of-spaceY-9 > * {
    margin-top: 36px;
    margin-bottom: 36px;
}

.prd-layout-cluster.of-spaceX-10 {
    margin-right: -60px;
    margin-left: -60px;
}

.prd-layout-cluster.of-spaceX-10 > * {
    margin-right: 60px;
    margin-left: 60px;
}

.prd-layout-cluster.of-spaceY-10 {
    margin-top: -60px;
    margin-bottom: -60px;
}

.prd-layout-cluster.of-spaceY-10 > * {
    margin-top: 60px;
    margin-bottom: 60px;
}

.prd-layout-cluster.of-spaceX-11 {
    margin-right: -72px;
    margin-left: -72px;
}

.prd-layout-cluster.of-spaceX-11 > * {
    margin-right: 72px;
    margin-left: 72px;
}

.prd-layout-cluster.of-spaceY-11 {
    margin-top: -72px;
    margin-bottom: -72px;
}

.prd-layout-cluster.of-spaceY-11 > * {
    margin-top: 72px;
    margin-bottom: 72px;
}

.prd-layout-cluster.of-spaceX-12 {
    margin-right: -84px;
    margin-left: -84px;
}

.prd-layout-cluster.of-spaceX-12 > * {
    margin-right: 84px;
    margin-left: 84px;
}

.prd-layout-cluster.of-spaceY-12 {
    margin-top: -84px;
    margin-bottom: -84px;
}

.prd-layout-cluster.of-spaceY-12 > * {
    margin-top: 84px;
    margin-bottom: 84px;
}

@media (min-width: 1px) {
    .prd-layout-cluster.largeScreen-spaceX-0, .prd-layout-cluster.largeScreen-spaceX-0 > * {
        margin-right: 0;
        margin-left: 0;
    }
    .prd-layout-cluster.largeScreen-spaceY-0, .prd-layout-cluster.largeScreen-spaceY-0 > * {
        margin-top: 0;
        margin-bottom: 0;
    }
    .prd-layout-cluster.largeScreen-spaceX-1 {
        margin-right: -2px;
        margin-left: -2px;
    }
    .prd-layout-cluster.largeScreen-spaceX-1 > * {
        margin-right: 2px;
        margin-left: 2px;
    }
    .prd-layout-cluster.largeScreen-spaceY-1 {
        margin-top: -2px;
        margin-bottom: -2px;
    }
    .prd-layout-cluster.largeScreen-spaceY-1 > * {
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .prd-layout-cluster.largeScreen-spaceX-2 {
        margin-right: -4px;
        margin-left: -4px;
    }
    .prd-layout-cluster.largeScreen-spaceX-2 > * {
        margin-right: 4px;
        margin-left: 4px;
    }
    .prd-layout-cluster.largeScreen-spaceY-2 {
        margin-top: -4px;
        margin-bottom: -4px;
    }
    .prd-layout-cluster.largeScreen-spaceY-2 > * {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .prd-layout-cluster.largeScreen-spaceX-3 {
        margin-right: -8px;
        margin-left: -8px;
    }
    .prd-layout-cluster.largeScreen-spaceX-3 > * {
        margin-right: 8px;
        margin-left: 8px;
    }
    .prd-layout-cluster.largeScreen-spaceY-3 {
        margin-top: -8px;
        margin-bottom: -8px;
    }
    .prd-layout-cluster.largeScreen-spaceY-3 > * {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .prd-layout-cluster.largeScreen-spaceX-4 {
        margin-right: -10px;
        margin-left: -10px;
    }
    .prd-layout-cluster.largeScreen-spaceX-4 > * {
        margin-right: 10px;
        margin-left: 10px;
    }
    .prd-layout-cluster.largeScreen-spaceY-4 {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .prd-layout-cluster.largeScreen-spaceY-4 > * {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .prd-layout-cluster.largeScreen-spaceX-5 {
        margin-right: -12px;
        margin-left: -12px;
    }
    .prd-layout-cluster.largeScreen-spaceX-5 > * {
        margin-right: 12px;
        margin-left: 12px;
    }
    .prd-layout-cluster.largeScreen-spaceY-5 {
        margin-top: -12px;
        margin-bottom: -12px;
    }
    .prd-layout-cluster.largeScreen-spaceY-5 > * {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .prd-layout-cluster.largeScreen-spaceX-6 {
        margin-right: -16px;
        margin-left: -16px;
    }
    .prd-layout-cluster.largeScreen-spaceX-6 > * {
        margin-right: 16px;
        margin-left: 16px;
    }
    .prd-layout-cluster.largeScreen-spaceY-6 {
        margin-top: -16px;
        margin-bottom: -16px;
    }
    .prd-layout-cluster.largeScreen-spaceY-6 > * {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .prd-layout-cluster.largeScreen-spaceX-7 {
        margin-right: -20px;
        margin-left: -20px;
    }
    .prd-layout-cluster.largeScreen-spaceX-7 > * {
        margin-right: 20px;
        margin-left: 20px;
    }
    .prd-layout-cluster.largeScreen-spaceY-7 {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .prd-layout-cluster.largeScreen-spaceY-7 > * {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .prd-layout-cluster.largeScreen-spaceX-8 {
        margin-right: -32px;
        margin-left: -32px;
    }
    .prd-layout-cluster.largeScreen-spaceX-8 > * {
        margin-right: 32px;
        margin-left: 32px;
    }
    .prd-layout-cluster.largeScreen-spaceY-8 {
        margin-top: -32px;
        margin-bottom: -32px;
    }
    .prd-layout-cluster.largeScreen-spaceY-8 > * {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .prd-layout-cluster.largeScreen-spaceX-9 {
        margin-right: -36px;
        margin-left: -36px;
    }
    .prd-layout-cluster.largeScreen-spaceX-9 > * {
        margin-right: 36px;
        margin-left: 36px;
    }
    .prd-layout-cluster.largeScreen-spaceY-9 {
        margin-top: -36px;
        margin-bottom: -36px;
    }
    .prd-layout-cluster.largeScreen-spaceY-9 > * {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .prd-layout-cluster.largeScreen-spaceX-10 {
        margin-right: -60px;
        margin-left: -60px;
    }
    .prd-layout-cluster.largeScreen-spaceX-10 > * {
        margin-right: 60px;
        margin-left: 60px;
    }
    .prd-layout-cluster.largeScreen-spaceY-10 {
        margin-top: -60px;
        margin-bottom: -60px;
    }
    .prd-layout-cluster.largeScreen-spaceY-10 > * {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .prd-layout-cluster.largeScreen-spaceX-11 {
        margin-right: -72px;
        margin-left: -72px;
    }
    .prd-layout-cluster.largeScreen-spaceX-11 > * {
        margin-right: 72px;
        margin-left: 72px;
    }
    .prd-layout-cluster.largeScreen-spaceY-11 {
        margin-top: -72px;
        margin-bottom: -72px;
    }
    .prd-layout-cluster.largeScreen-spaceY-11 > * {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .prd-layout-cluster.largeScreen-spaceX-12 {
        margin-right: -84px;
        margin-left: -84px;
    }
    .prd-layout-cluster.largeScreen-spaceX-12 > * {
        margin-right: 84px;
        margin-left: 84px;
    }
    .prd-layout-cluster.largeScreen-spaceY-12 {
        margin-top: -84px;
        margin-bottom: -84px;
    }
    .prd-layout-cluster.largeScreen-spaceY-12 > * {
        margin-top: 84px;
        margin-bottom: 84px;
    }
}

@media (min-width: 1px) {
    .prd-layout-cluster.extraLargeScreen-spaceX-0, .prd-layout-cluster.extraLargeScreen-spaceX-0 > * {
        margin-right: 0;
        margin-left: 0;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-0, .prd-layout-cluster.extraLargeScreen-spaceY-0 > * {
        margin-top: 0;
        margin-bottom: 0;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-1 {
        margin-right: -2px;
        margin-left: -2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-1 > * {
        margin-right: 2px;
        margin-left: 2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-1 {
        margin-top: -2px;
        margin-bottom: -2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-1 > * {
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-2 {
        margin-right: -4px;
        margin-left: -4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-2 > * {
        margin-right: 4px;
        margin-left: 4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-2 {
        margin-top: -4px;
        margin-bottom: -4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-2 > * {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-3 {
        margin-right: -8px;
        margin-left: -8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-3 > * {
        margin-right: 8px;
        margin-left: 8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-3 {
        margin-top: -8px;
        margin-bottom: -8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-3 > * {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-4 {
        margin-right: -10px;
        margin-left: -10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-4 > * {
        margin-right: 10px;
        margin-left: 10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-4 {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-4 > * {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-5 {
        margin-right: -12px;
        margin-left: -12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-5 > * {
        margin-right: 12px;
        margin-left: 12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-5 {
        margin-top: -12px;
        margin-bottom: -12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-5 > * {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-6 {
        margin-right: -16px;
        margin-left: -16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-6 > * {
        margin-right: 16px;
        margin-left: 16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-6 {
        margin-top: -16px;
        margin-bottom: -16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-6 > * {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-7 {
        margin-right: -20px;
        margin-left: -20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-7 > * {
        margin-right: 20px;
        margin-left: 20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-7 {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-7 > * {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-8 {
        margin-right: -32px;
        margin-left: -32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-8 > * {
        margin-right: 32px;
        margin-left: 32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-8 {
        margin-top: -32px;
        margin-bottom: -32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-8 > * {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-9 {
        margin-right: -36px;
        margin-left: -36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-9 > * {
        margin-right: 36px;
        margin-left: 36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-9 {
        margin-top: -36px;
        margin-bottom: -36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-9 > * {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-10 {
        margin-right: -60px;
        margin-left: -60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-10 > * {
        margin-right: 60px;
        margin-left: 60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-10 {
        margin-top: -60px;
        margin-bottom: -60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-10 > * {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-11 {
        margin-right: -72px;
        margin-left: -72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-11 > * {
        margin-right: 72px;
        margin-left: 72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-11 {
        margin-top: -72px;
        margin-bottom: -72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-11 > * {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-12 {
        margin-right: -84px;
        margin-left: -84px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-12 > * {
        margin-right: 84px;
        margin-left: 84px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-12 {
        margin-top: -84px;
        margin-bottom: -84px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-12 > * {
        margin-top: 84px;
        margin-bottom: 84px;
    }
}

.prd-layout-cluster.of-justifyContent-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.prd-layout-cluster.of-justifyContent-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.prd-layout-cluster.of-justifyContent-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.prd-layout-cluster.of-justifyContent-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1px) {
    .prd-layout-cluster.largeScreen-justifyContent-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .prd-layout-cluster.largeScreen-justifyContent-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .prd-layout-cluster.largeScreen-justifyContent-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .prd-layout-cluster.largeScreen-justifyContent-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1px) {
    .prd-layout-cluster.extraLargeScreen-justifyContent-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .prd-layout-cluster.extraLargeScreen-justifyContent-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .prd-layout-cluster.extraLargeScreen-justifyContent-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .prd-layout-cluster.extraLargeScreen-justifyContent-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.prd-layout-cluster.of-alignItems-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.prd-layout-cluster.of-alignItems-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.prd-layout-cluster.of-alignItems-center {
    -ms-flex-align: center;
    align-items: center;
}

.prd-layout-cluster.of-alignItems-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (min-width: 1px) {
    .prd-layout-cluster.largeScreen-alignItems-start {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .prd-layout-cluster.largeScreen-alignItems-end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .prd-layout-cluster.largeScreen-alignItems-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .prd-layout-cluster.largeScreen-alignItems-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

@media (min-width: 1px) {
    .prd-layout-cluster.extraLargeScreen-alignItems-start {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .prd-layout-cluster.extraLargeScreen-alignItems-end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .prd-layout-cluster.extraLargeScreen-alignItems-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .prd-layout-cluster.extraLargeScreen-alignItems-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

.prd-layout-container {
    box-sizing: content-box;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.prd-layout-container.of-narrow {
    max-width: 950px;
}

.prd-modalDialog:not(.of-full) .prd-layout-container {
    max-width: 620px;
}

.prd-modalDialog {
    transition: visibility .4s;
}

.prd-modalDialog[aria-hidden=true] {
    display: block;
    visibility: hidden;
}

.prd-modalDialog-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2002;
    background-color: rgba(46, 49, 51, .8);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-backdrop {
    opacity: 0;
}

.prd-modalDialog-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2002;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
}

.prd-modalDialog-closeButton {
    padding: 8px;
    background: none;
    border: 0;
    pointer-events: auto;
    cursor: pointer;
}

.prd-modalDialog-closeButtonIcon {
    width: 28px;
    height: 28px;
    vertical-align: bottom;
    fill: #fff;
}

.prd-modalDialog-contentWrapper {
    -ms-flex: auto;
    flex: auto;
    min-height: 0;
}

@media (min-width: 1px) {
    .prd-modalDialog-contentWrapper {
        margin-bottom: 24px;
    }
}

.prd-modalDialog.of-full .prd-modalDialog-contentWrapper {
    overflow: auto;
    height: 100%;
}

@media (min-width: 1px) {
    .prd-modalDialog.of-full .prd-modalDialog-contentWrapper {
        margin-bottom: 0;
    }
}

.prd-modalDialog-content {
    overflow: auto;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .4s;
    transition-property: transform,opacity;
    pointer-events: auto;
}

@media (min-width: 1px) {
    .prd-modalDialog-content {
        border-radius: 4px;
    }
}

.prd-modalDialog.of-full .prd-modalDialog-content {
    max-width: none;
}

@media (min-width: 1px) {
    .prd-modalDialog.of-full .prd-modalDialog-content {
        border-radius: 0;
    }
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-content {
    opacity: 0;
    transform: translateY(20px) scale(.9);
}

.prd-modalDialog-contentInner {
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1) .2s;
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-contentInner {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.prd-modalDialog-thumbnailOuter {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.prd-modalDialog-thumbnail {
    display: block;
    position: relative
}

.prd-modalDialog-thumbnail > img {
    max-width: 100%;
    width: 100%;
}

.prd-modalDialog-thumbnail:before {
    width: 82px;
    height: 82px;
    background-color: rgba(0,0,0,.45);
    border: none;
    border-radius: 50%
}

.prd-modalDialog-thumbnail:after,.prd-modalDialog-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translateX(-50%) translateY(-50%)
}

.prd-modalDialog-thumbnail:after {
    width: 22px;
    height: 32px;
    margin-left: 0.4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 22 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16L0 0L3.78669e-06 32L22 16Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.prd-utility-block {
    display: block;
}

.prd-utility-hidden {
    display: none;
}

@media (min-width: 1px) {
    .prd-largeScreen-block {
        display: block;
    }
    .prd-largeScreen-hidden {
        display: none;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-block {
        display: block;
    }
    .prd-extraLargeScreen-hidden {
        display: none;
    }
}

.prd-utility-focusRing:focus:not(:focus-visible) {
    outline: 0;
}

.prd-utility-marginTop-auto {
    margin-top: auto;
}

@media (min-width: 1px) {
    .prd-largeScreen-marginTop-auto {
        margin-top: auto;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-marginTop-auto {
        margin-top: auto;
    }
}

.prd-utility-marginBottom-0 {
    margin-bottom: 0 !important;
}

.prd-utility-marginBottom-1 {
    margin-bottom: 4px !important;
}

.prd-utility-marginBottom-2 {
    margin-bottom: 8px !important;
}

.prd-utility-marginBottom-3 {
    margin-bottom: 16px !important;
}

.prd-utility-marginBottom-4 {
    margin-bottom: 20px !important;
}

.prd-utility-marginBottom-5 {
    margin-bottom: 24px !important;
}

.prd-utility-marginBottom-6 {
    margin-bottom: 32px !important;
}

.prd-utility-marginBottom-7 {
    margin-bottom: 40px !important;
}

.prd-utility-marginBottom-8 {
    margin-bottom: 64px !important;
}

.prd-utility-marginBottom-9 {
    margin-bottom: 72px !important;
}

.prd-utility-marginBottom-10 {
    margin-bottom: 120px !important;
}

.prd-utility-marginBottom-11 {
    margin-bottom: 144px !important;
}

.prd-utility-marginBottom-12 {
    margin-bottom: 168px !important;
}

@media (min-width: 1px) {
    .prd-largeScreen-marginBottom-0 {
        margin-bottom: 0 !important;
    }
    .prd-largeScreen-marginBottom-1 {
        margin-bottom: 4px !important;
    }
    .prd-largeScreen-marginBottom-2 {
        margin-bottom: 8px !important;
    }
    .prd-largeScreen-marginBottom-3 {
        margin-bottom: 16px !important;
    }
    .prd-largeScreen-marginBottom-4 {
        margin-bottom: 20px !important;
    }
    .prd-largeScreen-marginBottom-5 {
        margin-bottom: 24px !important;
    }
    .prd-largeScreen-marginBottom-6 {
        margin-bottom: 32px !important;
    }
    .prd-largeScreen-marginBottom-7 {
        margin-bottom: 40px !important;
    }
    .prd-largeScreen-marginBottom-8 {
        margin-bottom: 64px !important;
    }
    .prd-largeScreen-marginBottom-9 {
        margin-bottom: 72px !important;
    }
    .prd-largeScreen-marginBottom-10 {
        margin-bottom: 120px !important;
    }
    .prd-largeScreen-marginBottom-11 {
        margin-bottom: 144px !important;
    }
    .prd-largeScreen-marginBottom-12 {
        margin-bottom: 168px !important;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-marginBottom-0 {
        margin-bottom: 0 !important;
    }
    .prd-extraLargeScreen-marginBottom-1 {
        margin-bottom: 4px !important;
    }
    .prd-extraLargeScreen-marginBottom-2 {
        margin-bottom: 8px !important;
    }
    .prd-extraLargeScreen-marginBottom-3 {
        margin-bottom: 16px !important;
    }
    .prd-extraLargeScreen-marginBottom-4 {
        margin-bottom: 20px !important;
    }
    .prd-extraLargeScreen-marginBottom-5 {
        margin-bottom: 24px !important;
    }
    .prd-extraLargeScreen-marginBottom-6 {
        margin-bottom: 32px !important;
    }
    .prd-extraLargeScreen-marginBottom-7 {
        margin-bottom: 40px !important;
    }
    .prd-extraLargeScreen-marginBottom-8 {
        margin-bottom: 64px !important;
    }
    .prd-extraLargeScreen-marginBottom-9 {
        margin-bottom: 72px !important;
    }
    .prd-extraLargeScreen-marginBottom-10 {
        margin-bottom: 120px !important;
    }
    .prd-extraLargeScreen-marginBottom-11 {
        margin-bottom: 144px !important;
    }
    .prd-extraLargeScreen-marginBottom-12 {
        margin-bottom: 168px !important;
    }
}

.prd-utility-marginLeft-auto {
    margin-left: auto;
}

.prd-utility-maxWidth-narrow {
    max-width: 950px;
}

.prd-utility-maxWidth-extraNarrow {
    max-width: 840px;
}

.prd-utility-visuallyHidden {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    visibility: visible;
    overflow: hidden;
    width: 4px;
    height: 4px;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 1px) {
    .prd-largeScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        visibility: visible;
        overflow: hidden;
        width: 4px;
        height: 4px;
        margin: 0;
        padding: 0;
        border: none;
        opacity: 0;
        pointer-events: none;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        visibility: visible;
        overflow: hidden;
        width: 4px;
        height: 4px;
        margin: 0;
        padding: 0;
        border: none;
        opacity: 0;
        pointer-events: none;
    }
}