@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
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;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.hidden,
.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.hide-text {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  text-indent: -9999px;
}
a {
  outline: none;
  text-decoration: none;
}
a:focus,
a:active,
a:hover {
  outline: none;
  text-decoration: none;
}
img {
  -ms-interpolation-mode: bicubic;
}
caption,
th {
  text-align: left;
}
input {
  font-family: inherit;
}
input[type="button"],
input[type="submit"],
input[type="search"],
input[type="reset"],
input[type="image"] {
  cursor: hand;
  cursor: pointer;
  outline: none;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: -1px;
  vertical-align: middle \9;
}
button {
  font-family: inherit;
  cursor: hand;
  cursor: pointer;
  outline: 0;
}
@font-face {
  font-family: Ciutadella;
  font-weight: bold;
  font-style: normal;
  src: url("/public/asset/font/Ciutadella/bold/Ciutadella-Bold.eot");
  src: url("/public/asset/font/Ciutadella/bold/Ciutadella-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("/public/asset/font/Ciutadella/bold/Ciutadella-Bold.woff")
      format("woff"),
    url("/public/asset/font/Ciutadella/bold/Ciutadella-Bold.ttf")
      format("truetype"),
    url("/public/asset/font/Ciutadella/bold/Ciutadella-Bold.svg#Ciutadella")
      format("svg");
}
@font-face {
  font-family: icon-font;
  font-weight: normal;
  font-style: normal;
  src: url("/public/asset/icon-font/icon-font.eot");
  src: url("/public/asset/icon-font/icon-font.eot?#iefix")
      format("embedded-opentype"),
    url("/public/asset/icon-font/icon-font.woff") format("woff"),
    url("/public/asset/icon-font/icon-font.ttf") format("truetype"),
    url("/public/asset/icon-font/icon-font.svg#icon-font") format("svg");
}
@font-face {
  font-family: "icon-font";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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)
      format("truetype"),
    url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABe4AAsAAAAAF2wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgtOI5nGNtYXAAAAFoAAAA1AAAANQ61ToIZ2FzcAAAAjwAAAAIAAAACAAAABBnbHlmAAACRAAAEvQAABL0Pj/RaGhlYWQAABU4AAAANgAAADYCHoHRaGhlYQAAFXAAAAAkAAAAJAPiAfhobXR4AAAVlAAAAFwAAABcJwACr2xvY2EAABXwAAAAMAAAADAhOCUgbWF4cAAAFiAAAAAgAAAAIAAsASpuYW1lAAAWQAAAAVcAAAFXh1vd4XBvc3QAABeYAAAAIAAAACAAAwAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAAQBArMAAAAAAAAAAAAAAAAAAQAAAMqYB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABADAAAAALAAgAAQADAABACAAPAA+ImEjBCS7JMEkzCVRJXMlpCWmJbYnCScVJ5QnmTKTMqb//f//AAAAAAAgADwAPiJhIwMkuyTBJMwlUSVzJaQlpiW2JwknFSeUJ5kykzKm//3//wAB/+P/yP/H3aXdBNtO20nbP9q72praatpp2lrZCNj92H/Ye82CzXAAAwABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAHz/4wGCAeEAGQAABTI2NzY0LwE3NjQnJiIPAQ4BFRQWHwEeATMBfAICAgIC9PQCAgMGAvkBAQEB+QEDAR0BAQIGA/PzAgYDAgL5AQMBAgMB+AEBAAAAAQB+/+MBhAHhABkAABciJicmND8BJyY0NzYyHwEeARUUBg8BDgEjhAICAgIC9PQCAgMGAvkBAQEB+QEDAR0BAQIGA/PzAgYDAgL5AQMBAgMB+AEBAAAAAAMAIAAgAeABgAADAAcACwAAEyEVIRUhFSEVIRUhIAHA/kABwP5AAcD+QAGAYCBgIGAAAAABABIAdQHuAYEAIwAAATEyFh8BHgEVFAYHDgEjIiYvAQcOASMiJicuATU0Nj8BPgEzAQAGCwTQBQQEBQQLBgULBbu7BQsFBgsEBQQEBdAECwYBgQUE0AULBQYLBAUEBAW7uwUEBAUECwYFCwXQBAUAAQASAFUB7gFhACMAACUxIiYvAS4BNTQ2Nz4BMzIWHwE3PgEzMhYXHgEVFAYPAQ4BIwEABgsE0AUEBAUECwYFCwW7uwULBQYLBAUEBAXQBAsGVQQF0AQLBgYLBAQFBQS7uwQFBQQECwYGCwTQBQQAAAEAhf//AXsB2AAcAAAFNTM3IzU0Njc+ATsBNS4BIyIGBw4BHQEjFTMVMwElSAtTAwQFEA0tBiQXGCgODw9JSVcB2FQ2CQ8FBgZLAQIODg4qGz5U2AAAAAAFAAD/6AIAAcwAKwA/AE4AcwCVAAAlNCYnLgEjIgYHDgEVFBYXHgEXHgEXFgYHMAYVBhY3PgE3PgE3MT4BNz4BNQUjIiY9ATQ2MzIWHQEzMhYVFAYjNxQGIyImPQE0NjMyFh0BMxQGByIGIyImLwEVFAYjIiY9ATQ2NzI2MzIWHwE1NDYzMhYdATcyFhUUBisBFTMyFhUUBisBIiY9ATQ2OwEyFhUUBisBFTMCACgjI101NV0jIyggHR1OLgYOAwIBAQMBAxQKMx4ePBQOFQYHB/6cMwYICAYFCCYFCAgFNAcGBgcHBgYHewUEAQMBAwUCNAgGBQgFBAECAQMGAjQIBQYIUgYICAYlJQYICAYzBQgIBTMGCAgGJSX8K0wcHCEhHBxMKyZFHBslBgEGBQUOBBMDBRIJBB4VFTEXEB8PECERRAgGZQYICAZYCAUGCA4GCAgGZQYICAZlBQcBAQMDRj4GCAgGZQUHAQEDA0c/BggIBmVACAYFCBgIBQYICAZlBggIBgUIGAAAAAAHAAAAMAH4AcUAKgBDAFYAbwB8AJIAuwAAASY2MTA2JyYGMQY2NzQmJy4BBw4BMQ4BMR4BFx4BFxY2Nz4BNzYmJy4BJwcGJicuATU0Njc+ATc2FhceARUUBgcOAQcnDgExMBYXHgE3PgE3PgEnLgEHBwYmJy4BNTQ2Nz4BNzIWFx4BFRQGBw4BIzcGJicmNjc2FhcWBgc3MjY3MDQ1NiYxIgYVFBYzNhYxFBYzJyYGBzAiIzAUMQ4BFRQWMzA2NzYWFxYGBzAGFRQWMzI2NzE2JicuAScBew8FDhIWTRQBAwUICCAbNk8gBQQnHBxBHiBHISA0DQ0GCgsaCLIgNxUUGBgUFTcgHzcVFRcXFRU3HxE/DAUSEiUREBwKCQMICCYgFQYLAwQFBAQDCgYHCwQEBAQEBAoGMQQIAgMCBAUJAgIDBNAFCAEIVAYICAYvAQgGChYoBwEBBwgMCA0FBkcXDQYBBAwIBwsCDAsQDywUAQEDDCYRFhkHEA8JFggIAwkSXCo7JDAPDw0DAgoNDSkcGycNDQ0BtQINDQ0kFRUlDg4RAQILCwwhFRUnEA8UAaIIURwKCgUEAxINDCYSERYDbwECAwMIBQUKBAQFAQMDAwgFBQkEBAUqAwEDBAoCBAEEAwoDewYFAQFFBwgGBQgKOwUIoQUEAgEBCwcIDAICAg0mHCQDDAcJCQUMKT0VFRkEAAAAAgBDAAoBvQG8AAQACQAAEzMRIxEhMxEjEUN6egEAenoBvP5OAbL+TgGyAAABAAH/4QH/Ad8AVAAAJTgBMSc3OAExPgE3NiYvAS4BBw4BBzgBMQcnOAExLgEnJgYPAQ4BFx4BFzgBMRcHOAExDgEHBhYfAR4BNz4BNzgBMTcXOAExHgEXFjY/AT4BJy4BJwH7m5sCAQECAgRJAwoEAgICm5sCAgIECgNJBAICAQECm5sCAQECAgRJAwoEAgICm5sCAgIECgNJBAICAQECRZubAgICBAoDSQQCAgEBApubAgEBAgIESQMKBAICApubAgICBAoDSQQCAgEBApubAgEBAgIESQMKBAICAgAAAAYABf/oAfsB3gAEABMAIgA7AEwAUQAANzM1IxU3IyImNTQ2OwEyFhUUBiMnMzIWFRQGKwEiJjU0NjM3IgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjExQGKwEiJjURNDY7ATIWFREnMxUjNd2CgmhKBQcHBUoFBwcFSkoFBwcFSgUHBwUFNFsiIigoIiJbNDRbIiIoKCIiWzR3BwXWBQcHBdYFB9YjI2bq6noHBQUHBwUFB0QHBQYHBwYFB7ooIiJbNDRcIiInJyIiXDQ0WyIiKP58BQcHBQECBQcHBf7+9urqAAAAAAUABf/oAfsB3gAEAAkAIgA7AEUAADczFSM1NTMVIzU3IgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjExQGKwEiJj0BNDYzNzIWFx4BHQEzMhYdASc1BxUzNSMiJjWR5ubm5m80WyIiKCgiIls0NFsiIigoIiJbNJAHBf8GBwYFRQMFAgICrgUH0i3mrQUHqiEhNh0d/igiIls0NFwiIicnIiJcNDRbIiIo/p8FBwcFwwUHCQECAgUCFwcFqakVBT0gBwYAAAABAG//4wHEAeMAAgAAEwkBbwFV/qsB4/8A/wAAAwASACcB7gGeAFAAVABgAAABNTQmNTwBJy4BJzQmJzgBIy4BJy4BJyoBIy4BIzgBMSE4ATEiBgcqASMOASMOAQciMDEUBgcOAQcUBhUUBhURFBYXHgEzITI2Nz4BNRE4ATEPASchBTUXHgEzMjY/ARUhAe4BAQECAQEBAQEDAgEBAQECAQIEAv5gAgQCAQIBAQEBAQQBAQEBAQIBAQEFBAQLBgGgBgsEBAVqhIQBCP7KnQUKBgYKBZ3+nAF/AQEBAQIEAgICAgECAQECAQEBAQEBAQEBAQEDAQECAQEDAgIDAgECAf7GBwsEBAUFBAQLBwE5Hn19/dWVBAQEBJXVAAIAAP/jAgAB4wAEAAkAABMBBwE3IRcBJwEEAfwE/gQEAfgE/gQEAfwB4/4EBAH7BQX+BQQB/AAACQAI/+sB+AHbABgAMQA3AFsAdgCFAJgAuwDFAAAFIiYnLgE1NDY3PgEzMhYXHgEVFAYHDgEjESIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwMnNyc3Fxc1Mxc+ATMyFhc+ATMyFh0BIzU0JiMiBh0BIzU0JiMiBh0BIzcUBgcOASMiJicuAT0BNDY3PgEzMhYXHgEdAQcUFjMyNj0BNCYjIgYdARc1Mxc+ATMyFjMVJiIjIgYdASM3MRQGIyImJy4BPQE0Njc+ATMyFhceAR0BIxUUFjMyNjUxMyczNTQmIyIGHQEBADNbISInJyIhWzMzWyEiJyciIVszMVYgICUlICBWMTFWICAlJSAgVjGTCh0cCSMeDgECBgUFCAIBCAUJCRADBAMEDwQDBAMQhgQDAwgFBQkDAwMDAwMJBQUIAwMEHgMEAwQEAwQDKw4BAgYEAQIBAgICAwYQVAwKBQgDAwMDAwMIBQUIAwMDHQQEAwMPHQ4DBAMEFSchIlo0M1oiIicnIiJaMzRaIiEnAeMlICBWMDFWICAlJSAgVjEwViAgJf7pCCMjCCsjNwUCBAUEBAUMCSMiAwUEAyMiAwUFAyIVBQgDAwMDAwMIBQwFCQMCBAQCAwkFDAEEBAQEDgQEBAQOFDcGAgUBDwEDBSETCQsDAwMIBQwFCQMCBAQCAwkFCQUDBQQEDwEEBAQEAQAAFAAI/+sB+AHbABgAMQA3ADwARQBKAE8AVABZAHIAewCGAJgA1wDgAOkA7gDzAPgA/QAABSImJy4BNTQ2Nz4BMzIWFx4BFRQGBw4BIxEiBgcOARUUFhceATMyNjc+ATU0JicuASMDJzcnNxc3FSM1MwcVIzUjFSM1MycVIzUzHQEjNTMdASM1Mwc1IxUzNxUjFTMVIxUzFSMVIzUjNTM1IzUzNSM1MycHLgEnNx4BFzcyFjEUBiMHJzcXFzAWMRQGBw4BByc+ATc+ATcXNxYwFTAUDwEeARc3FzIUFTAGIwcyNjM0Jic3HgEVByY0JyoBBxUjNSIGBwYiMSoBNSc6AT8BLgEnNxQWMzcXFwcuASc3HgEXNxUjNSMVIzUzBzUjFTMVNSMVMzczNSMVFzUjFTMBADNbISInJyIhWzMzWyEiJyciIVszMVYgICUlICBWMTFWICAlJSAgVjGTCh0cCSNJKCgDCRAKIwIeHh4eHh4HEBBGFxYWGRkJGRkVFRc3IQgCBQIIAwQCHAEBAgEICAkIKgEBAQEDAgkBAgEBAQEJDgEBDQIFAgoHAQEBFgMHAwEBCQIDCAEBAQQCCQMHAwEBAQECAwQCDAUKBQYCAQ0HDwkBAgIJAgIBNwoiCTUgDAwMDAkNDQ0NDRUnISJaNDNaIiInJyIiWjM0WiIhJwHjJSAgVjAxViAgJSUgIFYxMFYgICX+6QgjIwgrIgkJLyMFBSM/CQkgCAgQCQkkDAxCCQ4JDgkaGgkOCQ4JBgQEBwQEBAcECwEBAgsEDwRCAQEBAQYMBQMDBQMDCAUDQQEBAQEPAQQBDAUBAQEZAQIDAQIFCwUBAgMBASsqAQEBAQkBDwMHAwcBARIEVQIGDAUCBgwFUFsLC1skGxskHBwkGxskHBwAAAAFAAj/6wH4AdsAHQA6AFoAcwEnAAATJiIjKgEVBw4BFRQWFzEXFBYzMDY1Nz4BNTQmLwEHMCYjIgYjBw4BFRQWHwEyFjMyNjE3PgE1NCYvATcnNCIjIgYjBzEOARUUFhcxFx4BMzI2NTcxPgE1NCYnJyIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIxcHDgEVFBYfARYGByIGIyImLwEiJiMiBiMHDgEnLgE/AT4BNTQmLwEuASMiBg8BMBQxBw4BFRQWHwEWBgcGJi8BIiYxIgYjBw4BIyImIy4BPwE+ATU0Ji8BLgEjIgYVBzAiFQcOARUUFh8BFgYHIgYjIiYvATQiIyoBDwEOAScuAT8BPgE1NCYvAS4BNTQ2PwE+ATMyFh8BNzgBMT8BPgEzMhYfATc+ATMyFh8BHgEVFAYHMegBAQEBAhgBAgIBGAIBAhkBAQIBF1wCAQEBAQkBAgIBCQEBAQECCgECAgEK+yUCAQEBASUBAgIBJQEBAQECJQIBAQKHM1shIicnIiFbMzNbISInJyIhWzOYKQEBAQIaAgIDAQMBAgQBGAECAQEBARgCBwMDAgIaAQIBASYBAQEBAQENIwEBAQIQAgIDAwcCDwEBAQEBDwEEAwECAQMCAhACAQEBGAEBAQECCQEUAQEBAgoCAgMBAgEDBAEJAgEBAQEJAQcDAwICCgECAQEOAgIDAhUBBAIDBAEVDAohAQQDAgQBI0kBBAIDBAExAgICAgEWAQEpAgYDAwUDKAEBAQEpAwUCAwYCKTsBARADBQMDBQMRAQERAgYDAwQDETxAAQFAAwYDAwUDQAEBAQFAAwUDAwYDxCciIlozNFoiIScnISJaNDNaIiIn4UcCBQMDBQMtAwcCAQICKwEBKwMCAgIHAy0DBQMDBQJCAQEBARYBPAIFAwIGAh0DBwICAgMbAQEbAgIBAgcDHQIGAgMFAioBAQEBEAEjAgUDAwUDEgMHAgECAhABARADAgICBwMSAwUDAwUCGAQGBgYHBCQCAwMCJBYQOgICAgI9fQIDAwJVBAcFBwcEAAgABf/oAfsB3gADAAsADwATACwAOQBGAGsAACUzNyMnFzM1IzgBMRczNSM3MzcjJyIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwMiJjU0NjMyFhUUBiMzIiY1NDYzMhYVFAYjNw4BKwEiJjUnLgE1OAExLwEjIiY1NDY7ATIWHwEzMhYXHgEPAQEUPwhHbAhLUxU+Rl9MB1MUNFsiIigoIiJbNDRbIiIoKCIiWzQ1CAsLCAkLCwl4CAsLCAkLCwkmAQcEqgQHDQEBDAgYBQgIBSEEBwEI1AMFAgIBARmhJz8nJ2YnGCfXKCIiWzQ0XCIiJyciIlw0NFsiIij+bQsJCAsLCAkLCwkICwsICQtHBAYGBD0BAwE8IAcGBQcFBR8DAgIFA38AAAAAAQAAAAEAADa/5bBfDzz1AAsCAAAAAADQf6CIAAAAANB/oIgAAP/hAgAB4wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFwAAAAAAAAAAAAAAAAEAAAACAAB8AgAAfgIAACACAAASAgAAEgIAAIUCAAAAAgAAAAIAAEMCAAABAgAABQIAAAUCAABvAgAAEgIAAAACAAAIAgAACAIAAAgCAAAFAAAAAAAKABQAHgBKAHYAkADIAQABLAHyAvwDEgOCA/QEVgRkBOQFAAYIB1wI5gl6AAEAAAAXASgAFAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQASAAAAAQAAAAAAAgAOAFUAAQAAAAAAAwASACgAAQAAAAAABAASAGMAAQAAAAAABQAWABIAAQAAAAAABgAJADoAAQAAAAAACgA0AHUAAwABBAkAAQASAAAAAwABBAkAAgAOAFUAAwABBAkAAwASACgAAwABBAkABAASAGMAAwABBAkABQAWABIAAwABBAkABgASAEMAAwABBAkACgA0AHUAaQBjAG8AbgAtAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4ALQBmAG8AbgB0aWNvbi1mb250AGkAYwBvAG4ALQBmAG8AbgB0AFIAZQBnAHUAbABhAHIAaQBjAG8AbgAtAGYAbwBuAHQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
      format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*="icon-"] {
  font-family: "icon-font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-logo:before {
  content: "㊓";
}
.icon-scroll-up:before {
  content: "⌃";
}
.icon-scroll-down:before {
  content: "⌄";
}
.icon-prev:before {
  content: "<";
}
.icon-next:before {
  content: ">";
}
.icon-more-en:before {
  content: "➔";
}
.icon-more-cht:before {
  content: "➙";
}
.icon-fb:before {
  content: "Ⓕ";
}
.icon-line:before {
  content: "Ⓛ";
}
.icon-weibo:before {
  content: "Ⓦ";
}
.icon-cart:before {
  content: "㊦";
}
.icon-catalogs:before {
  content: "▤";
}
.icon-news:before {
  content: "▦";
}
.icon-mail:before {
  content: "✉";
}
.icon-play:before {
  content: "▶";
}
.icon-pause:before {
  content: "║";
}
.icon-close:before {
  content: "✕";
}
.icon-menu:before {
  content: "≡";
}
.icon-remove:before {
  content: "╳";
}
.fotorama__noise,
.fotorama__thumbs_previews,
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
  background-image: url("data:image/png;base64,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");
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after,
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama__thumb__dot,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border,
.fotorama__arr,
.fotorama__fsi {
  -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after,
.fotorama__thumb__dot,
.fotorama__arr,
.fotorama__fsi {
  -webkit-transition-duration: 333ms;
  -moz-transition-duration: 333ms;
  -o-transition-duration: 333ms;
  transition-duration: 333ms;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama__thumb:hover .fotorama__thumb__dot,
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.fullscreen,
.fotorama__wrap,
.fotorama__wrap_style_fade .fotorama__frame {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjJmMSIvPjxzdG9wIG9mZnNldD0iMTIuOCUiIHN0b3AtY29sb3I9IiNmM2YyZjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhYzkiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background-size: 100%;
  background-image: -moz-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
  background-image: -webkit-radial-gradient(
    #f3f2f1,
    #f3f2f1 64px,
    #cacac9 500px
  );
  background-image: radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
  background-color: #cacac9;
}
.fotorama-outer,
.fotorama__caption-outer {
  margin: 0;
  padding: 0;
}
.fotorama {
  -webkit-tap-highlight-color: transparent;
  *zoom: 1;
  position: relative;
  margin: 0;
  padding: 0;
}
.fotorama img {
  max-width: 99999px !important;
  min-width: 0 !important;
  width: auto;
}
.fotorama:active,
.fotorama:focus {
  outline: none;
}
.fullscreen {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.fullscreen * {
  visibility: hidden;
  overflow: visible;
}
.fotorama_fullscreen {
  visibility: visible;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: auto !important;
  z-index: 2147483647 !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.fotorama_fullscreen * {
  visibility: visible;
}
.fotorama_fullscreen.fotorama_fullscreen_quirks {
  position: absolute !important;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i1 {
  margin: 2px 0 0 2px;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i2 {
  margin: 2px 0 0;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i3 {
  margin: 0;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i4 {
  margin: 0 0 0 2px;
}
.fotorama_fullscreen .fotorama__wrap,
.fotorama_fullscreen .fotorama__thumbs {
  margin: 0 !important;
}
.fotorama__wrap {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fotorama__noise {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 3px;
  bottom: 3px;
  width: 10px;
  height: auto;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  z-index: 10;
  *display: none !important;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__thumbs_previews:before {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  left: -25px;
}
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:after {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  right: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow:before,
.fotorama_shadows .fotorama__thumbs_shadow:before {
  left: -10px;
}
.fotorama_shadows .fotorama__wrap_shadow:after,
.fotorama_shadows .fotorama__thumbs_shadow:after {
  right: -10px;
}
.fotorama_shadows .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows .fotorama__thumbs_shadow_no-left:before {
  left: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows .fotorama__thumbs_shadow_no-right:after {
  right: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
  top: auto;
  left: 3px;
  right: 3px;
  width: auto;
  height: 10px;
  -webkit-box-shadow: black, 0, 0, 10px;
  -moz-box-shadow: black, 0, 0, 10px;
  box-shadow: black, 0, 0, 10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
  bottom: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:before {
  top: -10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:after {
  bottom: -10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-left:before {
  top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-right:after {
  bottom: -25px;
}
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:after,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:after {
  display: none;
}
.fotorama__shaft {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch * {
  -webkit-backface-visibility: hidden;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.fotorama_csstransitions .fotorama__thumbs_previews * {
  -webkit-backface-visibility: hidden;
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
  -webkit-transition-property: -webkit-transform, left, top, border, background,
    width, height;
  -moz-transition-property: -moz-transform, left, top, border, background, width,
    height;
  -o-transition-property: -o-transform, left, top, border, background, width,
    height;
  transition-property: transform left top border background width height;
}
.fotorama__wrap_style_touch .fotorama__shaft {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  *cursor: move !important;
}
.fotorama__wrap_style_touch .fotorama__shaft_grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.fotorama__wrap_style_fade .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__thumbs-shaft {
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}
.fotorama__wrap_with-div {
  border: 1px solid #7f7f7f;
}
.fotorama__thumbs {
  text-align: center;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fotorama_vertical .fotorama__thumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
}
.fotorama_vertical .fotorama__thumbs_previews .fotorama__thumb {
  float: none;
  display: block;
  margin-top: 0 !important;
}
.fotorama_vertical .fotorama__state {
  top: auto;
  left: 50%;
}
.fotorama__thumbs-shaft {
  text-align: left;
  margin: 0;
  padding: 0;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *display: inline;
  *zoom: 1;
}
.fotorama__thumb {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.fotorama__thumb:hover .fotorama__thumb__dot {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.fotorama__thumb__dot {
  display: block;
  position: relative;
}
.fotorama__thumb_selected,
.fotorama__thumb_selected:hover {
  cursor: default;
}
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.fotorama__thumb_disabled {
  display: none;
  cursor: default;
}
.fotorama__thumbs_previews {
  overflow: hidden;
  background-color: #d2d2d1;
}
.fotorama__thumbs_previews .fotorama__thumbs-shaft {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.fotorama__thumbs_previews .fotorama__thumb {
  width: auto;
  background: rgba(127, 127, 127, 0.25);
}
.fotorama__thumbs_previews .fotorama__thumb__img {
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
}
.fotorama__thumbs_previews .fotorama__thumb-border {
  border: solid;
  border-color: #00d1ff #00afea #008ed6;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, rgba(255, 255, 255, 0.25)),
    color-stop(100%, rgba(55, 55, 55, 0.05))
  );
  background: -webkit-linear-gradient(
    rgba(255, 255, 255, 0.25),
    rgba(55, 55, 55, 0.05)
  );
  background: -moz-linear-gradient(
    rgba(255, 255, 255, 0.25),
    rgba(55, 55, 55, 0.05)
  );
  background: -o-linear-gradient(
    rgba(255, 255, 255, 0.25),
    rgba(55, 55, 55, 0.05)
  );
  background: linear-gradient(
    rgba(255, 255, 255, 0.25),
    rgba(55, 55, 55, 0.05)
  );
  background-color: rgba(175, 175, 175, 0.15);
  position: absolute;
  z-index: 10;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
}
.fotorama_horizontal .fotorama__thumbs_previews .fotorama__thumb {
  margin-left: 0 !important;
}
.fotorama__frame {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.fotorama__frame * {
  z-index: 2;
}
.fotorama__frame_active {
  z-index: 5;
}
.fotorama__wrap_style_fade .fotorama__frame {
  left: 0 !important;
}
.fotorama__wrap_style_fade .fotorama__arr_prev {
  margin-left: 0;
}
.fotorama__wrap_style_fade .fotorama__arr_next {
  margin-left: -44px;
}
.fotorama__img {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  top: 0;
  left: 0;
  z-index: 1;
}
.fotorama_shadows .fotorama__img {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.fotorama__arr {
  display: block;
  position: absolute;
  font-family: sans-serif;
  width: 44px;
  text-align: center;
  z-index: 10;
  color: white;
  -webkit-transition-property: opacity, margin;
  -moz-transition-property: opacity, margin;
  -o-transition-property: opacity, margin;
  transition-property: opacity margin;
  font-size: 18px;
  top: 50%;
  line-height: 70px;
  margin-top: -35px;
  cursor: pointer;
  opacity: 0;
  font-style: normal !important;
}
.fotorama__arr_prev {
  left: 0;
  margin-left: 0;
}
.fotorama__arr_next {
  left: 100%;
  margin-left: -44px;
}
.fotorama__arr_disabled {
  cursor: default;
  *display: none;
}
.fotorama_touch .fotorama__arr {
  opacity: 1 !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.fotorama_touch .fotorama__arr_disabled {
  opacity: 0.11 !important;
}
.fotorama__wrap_mouseover .fotorama__arr {
  opacity: 0.6;
}
.fotorama__wrap_mouseover .fotorama__arr:hover,
.fotorama__wrap_mouseover .fotorama__arr_hover {
  opacity: 1;
}
.fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_touch .fotorama__arr_prev {
  margin-left: 0;
}
.fotorama__wrap_mouseover .fotorama__arr_disabled,
.fotorama__wrap_mouseover .fotorama__arr_disabled:hover,
.fotorama_touch .fotorama__arr_disabled,
.fotorama_touch .fotorama__arr_disabled:hover {
  opacity: 1;
  text-shadow: none;
}
.fotorama__wrap_mouseout .fotorama__arr {
  opacity: 1;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_vertical .fotorama_touch .fotorama__arr_prev {
  margin-top: 0;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_vertical .fotorama_touch .fotorama__arr_next {
  margin-bottom: 0;
}
.fotorama__caption {
  margin: 0.5em 0;
  white-space: normal;
  position: relative;
}
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
  background-color: #1e1d1c;
  color: white;
  z-index: 15;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
}
.fotorama__fsi {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 0;
  line-height: 0;
  z-index: 20;
  cursor: pointer;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.fotorama__fsi .i0 {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  background: url("data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
  border: none;
}
.fotorama__fsi i {
  position: absolute;
  width: 4px;
  height: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #111;
}
.fotorama__fsi .i1 {
  top: 7px;
  left: 7px;
  border-right: none;
  border-bottom: none;
  margin: 2px 0 0 2px;
}
.fotorama__fsi .i2 {
  top: 7px;
  left: 18px;
  border-left: none;
  border-bottom: none;
  margin: 2px 0 0;
}
.fotorama__fsi .i3 {
  top: 18px;
  left: 18px;
  border-top: none;
  border-left: none;
}
.fotorama__fsi .i4 {
  top: 18px;
  left: 7px;
  border-right: none;
  border-top: none;
  margin: 0 0 0 2px;
}
.fotorama__fsi .i1 .i1,
.fotorama__fsi .i2 .i2,
.fotorama__fsi .i3 .i3,
.fotorama__fsi .i4 .i4 {
  width: 3px;
  height: 3px;
  border-color: #eee;
  top: 0;
  left: 0;
  margin: 0 !important;
}
.fotorama__fsi.fotorama__fsi_hover .i1,
.fotorama__fsi.fotorama__fsi_hover .i2,
.fotorama__fsi.fotorama__fsi_hover .i3,
.fotorama__fsi.fotorama__fsi_hover .i4 {
  margin: 1px 0 0 1px;
}
.fotorama_fullscreen .fotorama__fsi .i1,
.fotorama_fullscreen .fotorama__fsi .i2,
.fotorama_fullscreen .fotorama__fsi .i3,
.fotorama_fullscreen .fotorama__fsi .i4 {
  margin: 1px 0 0 1px;
}
.fotorama__wrap_mouseover .fotorama__fsi,
.fotorama_touch .fotorama__fsi {
  opacity: 1;
}
.fotorama__state {
  position: absolute;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  line-height: 32px;
  font-size: 32px;
  text-align: center;
  background-repeat: no-repeat;
  z-index: 6;
  top: 50%;
  left: auto;
  font-family: Georgia;
}
.fotorama__state svg {
  width: 32px;
  height: 32px;
  display: none;
}
.fotorama_loading .fotorama__state span {
  top: -3px;
}
.fotorama_loading .fotorama__thumb-border {
  border-style: dashed;
  background: none;
}
.fotorama_error .fotorama__state {
  background-position: 0 0 !important;
}
.fotorama_error .fotorama__state svg {
  display: block;
}
.fotorama_error .fotorama__thumb-border {
  border-color: #ff002a #e50015 #c00 !important;
  background: none;
  border-style: dashed;
}
.fotorama__thumbs {
  bottom: 110px;
  height: 0;
}
@media only screen and (max-width: 960px) {
  .fotorama__thumbs {
    bottom: 30px;
    padding-left: 20px;
    text-align: left;
    display: none;
  }
}
.fotorama__thumb {
  margin: 0 7px;
}
@media only screen and (max-width: 960px) {
  .fotorama__thumb {
    margin: 0;
  }
}
.fotorama__thumb__dot {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  margin: 0;
  width: 15px;
  height: 15px;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media only screen and (max-width: 960px) {
  .fotorama__thumb__dot {
    width: 10px;
    height: 10px;
  }
}
.fotorama__thumb_selected .fotorama__thumb__dot {
  background-color: #103a5f;
}
html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: scroll;
}
.fp-easing {
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav li,
.fp-slidesNav li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}
.fp-slidesNav li {
  display: inline-block;
}
#fp-nav li a,
.fp-slidesNav li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav li .active span,
.fp-slidesNav .active span {
  background: #333;
}
#fp-nav span,
.fp-slidesNav span {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
}
.fp-tooltip.right {
  right: 20px;
}
.fp-tooltip.left {
  left: 20px;
}
html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
}
body {
  width: 100%;
  min-height: 100%;
  min-width: 300px;
  overflow: hidden;
  background-color: #fff;
  color: #40516f;
  font-size: 1.3rem;
  line-height: 1.5;
  font-family: "Open Sans", "Trebuchet MS", Helvetica, "u5faeu8edfu96c5u9ed1",
    "Microsoft YaHei", "u5faeu8edfu6b63u9ed1u9ad4", "Microsoft JhengHei",
    sans-serif, sans;
}
a {
  color: #40516f;
  -moz-transition: all, 200ms;
  -o-transition: all, 200ms;
  -webkit-transition: all, 200ms;
  transition: all, 200ms;
}
a:hover,
a:active,
a:focus {
  color: #89a3be;
}
a.noshake {
  -webkit-backface-visibility: hidden;
}
a.noshake:hover,
a.noshake:active,
a.noshake:focus {
  -webkit-backface-visibility: hidden;
}
::selection {
  background: #40516f;
  color: black;
  text-shadow: none;
}
::-moz-selection {
  background: #40516f;
  color: black;
  text-shadow: none;
}
#header {
  position: fixed;
  z-index: 999;
  top: 0;
  height: 61px;
  width: 100%;
  background-color: #40516f;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#logo {
  display: inline-block;
  float: left;
  height: 61px;
  overflow: hidden;
  font-family: Ciutadella, "Trebuchet MS", Helvetica, "u5faeu8edfu96c5u9ed1",
    "Microsoft YaHei", "u5faeu8edfu6b63u9ed1u9ad4", "Microsoft JhengHei",
    sans-serif, sans;
  font-weight: bold;
  border-right: 1px solid #9b9d9f;
}
@media only screen and (max-width: 1010px) {
  #logo {
    position: absolute;
    left: 60px;
  }
}
@media only screen and (max-width: 460px) {
  #logo {
    border-right: none;
  }
}
#logo a {
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 13px 70px 13px 38px;
  color: white;
  font-size: 1.9rem;
}
@media only screen and (max-width: 1200px) {
  #logo a {
    padding: 13px 25px;
  }
}
@media only screen and (max-width: 1010px) {
  #logo a {
    font-size: 1.6rem;
  }
}
#logo a:hover {
  background-color: #40516f;
}
#logo a span {
  display: inline-block;
  vertical-align: middle;
}
#logo a span.icon-logo {
  width: 35px;
  height: 35px;
  padding-right: 10px;
  font-family: "icon-font";
  font-size: 3.5rem;
}
@media only screen and (max-width: 1010px) {
  #logo a span.icon-logo {
    width: 28px;
    height: 28px;
    font-size: 2.8rem;
  }
}
h6#btn-menu {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background-color: #40516f;
  color: white;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  cursor: pointer;
  cursor: hand;
  text-align: center;
  border-right: 1px solid #9b9d9f;
}
h6#btn-menu span {
  vertical-align: middle;
  display: none;
}
h6#btn-menu span.icon-menu,
h6#btn-menu span.icon-remove {
  display: inline-block;
  font-size: 1.8rem;
}
@media only screen and (min-width: 1011px) {
  h6#btn-menu {
    display: none;
  }
}
#menu {
  position: static;
  display: inline-block;
  height: 61px;
}
@media only screen and (max-width: 1010px) {
  #menu {
    display: none;
    position: fixed;
    top: 61px;
    background-color: rgba(64, 81, 111, 0.85);
    overflow: hidden;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #9b9d9f;
  }
}
#menu > ul {
  position: relative;
}
@media only screen and (max-width: 1010px) {
  #menu > ul {
    height: 100%;
  }
}
#menu > ul > li {
  display: inline-block;
  float: left;
  height: 61px;
  border-right: 1px solid #9b9d9f;
}
@media only screen and (max-width: 1010px) {
  #menu > ul > li {
    display: block;
    float: none;
    text-align: center;
    border: none;
    height: auto;
  }
}
#menu > ul > li > a.menu-a {
  display: block;
  height: 61px;
  line-height: 61px;
  padding: 0 40px;
  color: white;
  font-size: 1.3rem;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1010px) {
  #menu > ul > li > a.menu-a {
    height: auto;
    line-height: 1;
    padding: 30px;
  }
}
#menu > ul > li > a.menu-a:hover {
  background-color: #103a5f;
}
#menu > ul > li > a.menu-active {
  background-color: #103a5f;
}
#menu > ul > li > ul.submenu {
  position: absolute;
  top: 61px;
  left: -1px;
  width: 100%;
  height: 61px;
  border-left: 1px solid #cfd0d1;
  overflow: hidden;
}
@media only screen and (min-width: 1011px) {
  #menu > ul > li > ul.submenu {
    display: none;
  }
}
@media only screen and (max-width: 1010px) {
  #menu > ul > li > ul.submenu {
    display: none;
    position: static;
    background-color: white;
    height: auto;
  }
}
@media only screen and (min-width: 1011px) {
  body.fish #menu > ul > li > ul.submenu,
  body.fish-detail #menu > ul > li > ul.submenu {
    display: block;
  }
}
@media only screen and (max-width: 1010px) {
  body.fish #menu > ul > li > ul.submenu,
  body.fish-detail #menu > ul > li > ul.submenu {
    display: none;
  }
}
@media only screen and (max-width: 1010px) {
  #menu > ul > li > ul.submenu li {
    display: block;
  }
  #menu > ul > li > ul.submenu li a {
    display: block;
    padding: 8px 0;
  }
}
@media only screen and (min-width: 1011px) {
  body.fish #menu > ul > li > ul.submenu li,
  body.fish-detail #menu > ul > li > ul.submenu li {
    position: relative;
    display: inline-block;
    float: left;
    height: 60px;
    border-right: 1px solid #cfd0d1;
    border-bottom: 1px solid #cfd0d1;
  }
  body.fish #menu > ul > li > ul.submenu li a,
  body.fish-detail #menu > ul > li > ul.submenu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
    background-color: white;
  }
  body.fish #menu > ul > li > ul.submenu li a:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a:hover {
    color: white;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-01:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-01:hover {
    background-color: #b3577d;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-02:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-02:hover {
    background-color: #6899ae;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-03:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-03:hover {
    background-color: #a8b065;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-04:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-04:hover {
    background-color: #80775b;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-05:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-05:hover {
    background-color: #595c80;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-06:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-06:hover {
    background-color: #bb8063;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-07:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-07:hover {
    background-color: #8d8f8f;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-08:hover,
  body.fish-detail #menu > ul > li > ul.submenu li a.submenu-fish-08:hover {
    background-color: #ffb47e;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-01.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-01.menu-active {
    color: white;
    background-color: #b3577d;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-02.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-02.menu-active {
    color: white;
    background-color: #6899ae;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-03.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-03.menu-active {
    color: white;
    background-color: #a8b065;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-04.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-04.menu-active {
    color: white;
    background-color: #80775b;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-05.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-05.menu-active {
    color: white;
    background-color: #595c80;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-06.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-06.menu-active {
    color: white;
    background-color: #bb8063;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-07.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-07.menu-active {
    color: white;
    background-color: #8d8f8f;
  }
  body.fish #menu > ul > li > ul.submenu li a.submenu-fish-08.menu-active,
  body.fish-detail
    #menu
    > ul
    > li
    > ul.submenu
    li
    a.submenu-fish-08.menu-active {
    color: white;
    background-color: #ffb47e;
  }
}
#social {
  position: absolute;
  right: 61px;
  top: 0;
  display: inline-block;
  height: 61px;
  padding: 0 10px;
  font-family: "icon-font";
  font-size: 1.8rem;
  border-left: 1px solid #9b9d9f;
}
@media only screen and (max-width: 1200px) {
  #social {
    border-left: none;
  }
}
@media only screen and (max-width: 460px) {
  #social {
    display: none;
  }
}
#social > li {
  display: inline-block;
  float: left;
  height: 61px;
}
#social > li > a {
  display: block;
  height: 61px;
  line-height: 61px;
  padding: 0 10px;
  color: #89a3be;
}
#social > li > a:hover {
  color: white;
}
#lang {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  height: 61px;
  padding: 0 10px;
  font-size: 1.2rem;
  border-left: 1px solid #9b9d9f;
}
@media only screen and (max-width: 460px) {
  #lang {
    border-left: none;
  }
}
#lang > li {
  display: inline-block;
  float: left;
  height: 61px;
}
#lang > li > a {
  display: block;
  height: 61px;
  line-height: 61px;
  padding: 0 10px;
  color: #89a3be;
}
#lang > li > a:hover {
  color: white;
}
.banner {
  position: relative;
  overflow: hidden;
}
body.index .banner h2 {
  display: none;
}
body.index .banner .banner-main h2 {
  display: block;
  max-width: 320px;
  padding-bottom: 35px;
  font-size: 3.4rem;
  letter-spacing: 1px;
}
body.fish-detail .banner h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.banner .banner-main {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  cursor: pointer;
  cursor: hand;
}
body.fish-detail .banner .banner-main,
body.news .banner .banner-main {
  cursor: default;
}
body.news .banner .banner-main .news-content {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
body.news .banner .banner-main .news-content img {
  width: 100%;
}
body.news .banner .banner-main .news-text {
  padding: 38px 100px 70px;
  zoom: 1;
}
body.news .banner .banner-main .news-text:before,
body.news .banner .banner-main .news-text:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
body.news .banner .banner-main .news-text:after {
  clear: both;
}
body.brand .banner .banner-main h2,
body.factory .banner .banner-main h2,
body.news .banner .banner-main h2 {
  background-color: white;
  height: 61px;
  padding-top: 61px;
  line-height: 61px;
  font-size: 1.4rem;
  letter-spacing: 3px;
  text-align: center;
  color: #8e8f8f;
}
body.brand .banner .banner-main h2.mobile,
body.factory .banner .banner-main h2.mobile,
body.news .banner .banner-main h2.mobile {
  padding-top: 0;
}
.banner .banner-main h3 {
  max-width: 320px;
  padding-bottom: 15px;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;
}
.banner .banner-main p {
  max-width: 320px;
  font-size: 1.5rem;
  line-height: 190%;
}
body.news .banner .banner-main p {
  float: left;
  padding-right: 70px;
  font-size: 1.4rem;
}
.banner .banner-main .more-active {
  background-color: black;
}
.banner .banner-main .banner-more {
  cursor: pointer;
  cursor: hand;
  display: inline-block;
}
@media only screen and (min-width: 961px) {
  .banner .banner-main .with-text {
    padding-right: 50px;
  }
}
.banner .banner-main .more-text {
  vertical-align: middle;
  display: inline-block;
  font-size: 2.1rem;
  height: 56px;
  line-height: 56px;
  padding-right: 10px;
}
.banner .banner-main a.icon-more-fadein {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.banner .banner-main .icon-more-cht {
  vertical-align: middle;
  display: inline-block;
  font-size: 5.6rem;
  width: 56px;
  height: 56px;
  color: #40516f;
}
.banner .banner-main .icon-more-cht:hover {
  color: #9b9d9f;
}
body.news .banner .banner-main .icon-more-cht:hover,
body.fish-detail .banner .banner-main .icon-more-cht:hover {
  color: #9b9d9f;
}
.banner .banner-main .icon-more-cht span {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  text-indent: -9999px;
}
.banner .banner-main-top {
  position: relative;
}
@media only screen and (min-width: 961px) {
  .banner .banner-main-top > div {
    position: absolute;
    left: 0;
    top: 98px;
    padding: 20px 20px 20px 70px;
  }
  body.brand .banner .banner-main-top > div,
  body.factory .banner .banner-main-top > div {
    top: 159px;
  }
  body.fish-detail .banner .banner-main-top > div h3,
  body.fish-detail .banner .banner-main-top > div p {
    max-width: 385px;
    text-shadow: 0 0 2px #fff, 0 0 7px #fff;
    text-shadow: 0 0 2px 2px #fff, 0 0 7px #fff;
  }
}
@media only screen and (min-width: 1025px) {
  .banner .banner-main-top > div {
    top: 128px;
    left: 0;
    padding: 20px 20px 20px 100px;
  }
  body.brand .banner .banner-main-top > div,
  body.factory .banner .banner-main-top > div {
    top: 189px;
  }
}
.banner .banner-main-top p {
  padding-bottom: 20px;
}
@media only screen and (min-width: 961px) {
  .banner .banner-main-top p {
    padding-bottom: 35px;
  }
}
.banner .banner-main-top > ul.fish-spec {
  position: absolute;
  padding-top: 0;
  left: 0;
  padding: 20px 20px 20px 100px;
  font-size: 1.4rem;
  -moz-transition: all, 400ms;
  -o-transition: all, 400ms;
  -webkit-transition: all, 400ms;
  transition: all, 400ms;
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff,
    0 0 15px #fff;
  text-shadow: 0 0 2px 2px #fff, 0 0 5px 5px #fff, 0 0 10px #fff, 0 0 10px #fff,
    0 0 15px #fff;
}
.banner .banner-main-top > ul.fish-spec li {
  padding-bottom: 5px;
}
.banner .banner-main-top > ul.fish-spec span {
  display: inline-block;
  width: 110px;
}
.banner .banner-main-top > ul.fish-spec a:hover {
  color: #9b9d9f;
  text-decoration: underline;
}
@media only screen and (max-width: 960px) {
  .banner .banner-main-top > ul.fish-spec {
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px 20px 15px;
    font-size: 1.2rem;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
    background-size: 100%;
    background-image: -webkit-gradient(
      linear,
      50% 0%,
      50% 100%,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(80%, rgba(255, 255, 255, 0.6))
    );
    background-image: -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6) 80%
    );
    background-image: -webkit-linear-gradient(
      top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6) 80%
    );
    background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6) 80%
    );
  }
  .banner .banner-main-top > ul.fish-spec li {
    max-width: 200px;
  }
  .banner .banner-main-top > ul.fish-spec span {
    display: block;
  }
  .banner .banner-main-top > ul.fish-spec span:after {
    content: "：";
  }
}
.banner .banner-main-bottom > div {
  padding: 20px;
}
@media only screen and (min-width: 961px) {
  .banner .banner-main-bottom > div {
    padding-left: 70px;
  }
  .banner .banner-main-bottom h3 {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 1025px) {
  .banner .banner-main-bottom > div {
    padding-left: 100px;
  }
}
.banner #fish-overview {
  cursor: pointer;
  cursor: hand;
}
.banner .white {
  color: white;
}
body.index .banner .white h3,
body.index .banner .white p {
  max-width: 385px;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.banner .white .icon-more-cht {
  color: white;
}
.banner .white .icon-more-cht:hover {
  color: #9b9d9f;
}
@media only screen and (max-width: 960px) {
  .banner .banner-main {
    position: relative;
  }
  .banner .banner-main > div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    color: white;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
    background-size: 100%;
    background-image: -webkit-gradient(
      linear,
      50% 0%,
      50% 100%,
      color-stop(0%, rgba(0, 0, 0, 0)),
      color-stop(80%, rgba(0, 0, 0, 0.6))
    );
    background-image: -moz-linear-gradient(
      top,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.6) 80%
    );
    background-image: -webkit-linear-gradient(
      top,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.6) 80%
    );
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.6) 80%
    );
  }
  body.fish-detail .banner .banner-main > div {
    bottom: auto;
    top: 0;
    right: 0;
    max-width: auto;
    padding-top: 80px;
    color: #40516f;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background-size: 100%;
    background-image: -webkit-gradient(
      linear,
      50% 100%,
      50% 0%,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(30%, rgba(255, 255, 255, 0.7)),
      color-stop(60%, rgba(255, 255, 255, 0.9)),
      color-stop(100%, rgba(255, 255, 255, 0.9))
    );
    background-image: -moz-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    );
    background-image: -webkit-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    );
    background-image: linear-gradient(
      to top,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    );
  }
  body.fish-detail .banner .banner-main > div.mobile {
    padding-top: 20px;
  }
  body.fish-detail .banner .banner-main > div h3,
  body.fish-detail .banner .banner-main > div p {
    max-width: 360px;
    padding-right: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 0 0 transparent;
  }
  body.fish-detail .banner .banner-main > div p {
    max-width: 360px;
  }
  body.news .banner .banner-main .news-text {
    padding: 20px;
  }
  body.brand .banner .banner-main h2,
  body.factory .banner .banner-main h2,
  body.news .banner .banner-main h2 {
    height: 80px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background-size: 100%;
    background-image: -webkit-gradient(
      linear,
      50% 100%,
      50% 0%,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(30%, rgba(255, 255, 255, 0.7)),
      color-stop(60%, rgba(255, 255, 255, 0.9)),
      color-stop(100%, rgba(255, 255, 255, 0.9))
    );
    background-image: -moz-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    );
    background-image: -webkit-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    );
    background-image: linear-gradient(
      to top,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.7) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    );
  }
  body.brand .banner .banner-main h2.mobile,
  body.factory .banner .banner-main h2.mobile,
  body.news .banner .banner-main h2.mobile {
    height: 80px;
    padding-top: 0px;
    line-height: 50px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background-size: 100%;
    background-image: -webkit-gradient(
      linear,
      50% 100%,
      50% 0%,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(30%, rgba(255, 255, 255, 0.5)),
      color-stop(100%, rgba(255, 255, 255, 0.9))
    );
    background-image: -moz-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 30%,
      rgba(255, 255, 255, 0.9) 100%
    );
    background-image: -webkit-linear-gradient(
      bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 30%,
      rgba(255, 255, 255, 0.9) 100%
    );
    background-image: linear-gradient(
      to top,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 30%,
      rgba(255, 255, 255, 0.9) 100%
    );
  }
  .banner .banner-main h3 {
    line-height: 1.2;
    padding-bottom: 5px;
    font-size: 1.7rem;
    max-width: calc(100% - 50px);
  }
  .banner .banner-main p {
    line-height: 1.4;
    padding-bottom: 10px;
    font-size: 1.2rem;
    max-width: calc(100% - 50px);
  }
  .banner .banner-main .banner-more.mobile {
    position: relative;
    display: block;
    height: 40px;
  }
  .banner .banner-main .more-text {
    font-size: 1.4rem;
    line-height: 40px;
  }
  .banner .banner-main .icon-more-cht {
    font-size: 4rem;
    color: white;
  }
  .banner .banner-main .icon-more-cht.mobile {
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 20px;
  }
  .banner .banner-main .icon-more-cht:hover {
    color: white;
  }
  body.news .banner .banner-main .icon-more-cht,
  body.fish-detail .banner .banner-main .icon-more-cht {
    color: #89a3be;
  }
}
@media only screen and (max-width: 960px) {
  .banner .fotorama__frame .banner-main {
    position: relative;
  }
  .banner .fotorama__frame .banner-main > div {
    position: fixed;
  }
}
body.fish .banner .fish-list {
  width: 100%;
  padding-top: 61px;
  background-color: #40516f;
}
body.fish .banner .fish-list.mobile {
  padding-top: 0;
}
body.fish .banner .fish-list ul li {
  display: inline-block;
  float: left;
  width: 50%;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
@media only screen and (orientation: portrait) and (max-width: 960px) {
  body.fish .banner .fish-list ul li {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
body.fish .banner .fish-list ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -moz-transition: all, 1.3s;
  -o-transition: all, 1.3s;
  -webkit-transition: all, 1.3s;
  transition: all, 1.3s;
}
body.fish .banner .fish-list ul li a span {
  position: absolute;
  display: block;
  left: calc(50% - 62px);
  top: calc(50% - 62px);
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  color: white;
  border: 2px solid white;
  font-size: 1.9rem;
  -moz-border-radius: 62px;
  -webkit-border-radius: 62px;
  border-radius: 62px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
}
@media only screen and (max-width: 960px) {
  body.fish .banner .fish-list ul li a span {
    left: 20px;
    top: calc(50% - 52px);
    line-height: 100px;
    width: 100px;
    height: 100px;
    font-size: 1.6rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
body.fish .banner .fish-list ul li a:hover span {
  color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
body.fish .banner .fish-list ul li.fish-li-01 a:hover {
  background-color: rgba(179, 87, 125, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-02 a:hover {
  background-color: rgba(104, 153, 174, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-03 a:hover {
  background-color: rgba(168, 176, 101, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-04 a:hover {
  background-color: rgba(128, 119, 91, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-05 a:hover {
  background-color: rgba(89, 92, 128, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-06 a:hover {
  background-color: rgba(187, 128, 99, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-07 a:hover {
  background-color: rgba(141, 143, 143, 0.85);
}
body.fish .banner .fish-list ul li.fish-li-08 a:hover {
  background-color: rgba(255, 180, 126, 0.85);
}
#quality-banner .banner-main img {
  height: 120px;
  width: auto;
}
@media only screen and (max-width: 960px) {
  #quality-banner .banner-main {
    position: relative;
  }
  #quality-banner .banner-main > div {
    color: #40516f;
    background-image: none;
  }
  #quality-banner .banner-main h2 {
    font-size: 1.9rem;
    padding-bottom: 10px;
  }
  #quality-banner .banner-main img {
    width: 100%;
    height: auto;
  }
}
#news-banner .banner-main > div {
  padding-left: 100px;
}
#news-banner .banner-main h2 {
  padding-top: 35px;
}
@media only screen and (max-width: 960px) {
  #news-banner .banner-main {
    position: relative;
  }
  #news-banner .banner-main > div {
    padding: 20px 20px 50px;
  }
  #news-banner .banner-main h2 {
    font-size: 1.9rem;
    padding-bottom: 10px;
  }
}
#contact {
  position: relative;
  background-color: white;
  zoom: 1;
  min-height: 100%;
}
#contact:before,
#contact:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#contact:after {
  clear: both;
}
#contact p {
  padding-bottom: 2px;
  line-height: 180%;
  font-size: 1.4rem;
}
#contact p strong {
  font-weight: 700;
}
#contact #copyright {
  float: left;
  width: 100%;
  padding: 10px 100px 30px;
  font-size: 1.2rem;
  color: #999;
  letter-spacing: 0;
  zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#contact #copyright:before,
#contact #copyright:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#contact #copyright:after {
  clear: both;
}
#contact #copyright p {
  zoom: 1;
}
#contact #copyright p:before,
#contact #copyright p:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#contact #copyright p:after {
  clear: both;
}
#contact .contact-main {
  width: calc(100% - 200px);
  margin: 140px auto 0;
}
#contact .contact-main h2 {
  font-size: 3.4rem;
  padding-bottom: 80px;
}
#contact .contact-main li {
  float: left;
  width: 370px;
  padding-right: 50px;
  padding-bottom: 90px;
}
#contact .contact-main li h3 {
  font-size: 2.5rem;
  padding-bottom: 10px;
}
#contact .contact-main li p {
  padding-bottom: 5px;
}
/* #contact .contact-main li a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
} */
#contact .contact-main li a.download {
  margin-top: 10px;
}
#contact .contact-main li .icon-mail {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}
#contact .contact-main li .icon-cart,
#contact .contact-main li .icon-catalogs,
#contact .contact-main li .icon-news {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 2.6rem;
}
#contact .contact-left {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  padding-top: 140px;
  padding-left: 100px;
  padding-bottom: 0;
  padding-right: 30px;
}
#contact .contact-left li {
  padding-bottom: 90px;
}
#contact .contact-left h2 {
  font-size: 3.4rem;
  padding-bottom: 80px;
}
#contact .contact-left h3 {
  font-size: 2.5rem;
  padding-bottom: 10px;
}
#contact .contact-left a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
}
#contact .contact-left a.download {
  margin-top: 10px;
}
#contact .contact-left .icon-mail {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}
#contact .contact-left .icon-cart,
#contact .contact-left .icon-catalogs {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 2.6rem;
}
#contact .contact-right h3 {
  height: 48px;
  padding-bottom: 40px;
}
#contact .contact-right .icon-logo {
  display: block;
  float: left;
  font-size: 48px;
  height: 48px;
  width: 48px;
  padding-right: 15px;
}
#contact .contact-right .site-title {
  font-family: Ciutadella, "Trebuchet MS", Helvetica, "u5faeu8edfu96c5u9ed1",
    "Microsoft YaHei", "u5faeu8edfu6b63u9ed1u9ad4", "Microsoft JhengHei",
    sans-serif, sans;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 24px;
}
#contact .contact-right .site-title-cht {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 24px;
}
@media only screen and (max-width: 960px) {
  #contact {
    position: relative;
    background-color: white;
    zoom: 1;
    min-height: 100%;
    word-break: break-all;
  }
  #contact:before,
  #contact:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  #contact:after {
    clear: both;
  }
  #contact p {
    padding-bottom: 2px;
    line-height: 1.8;
    font-size: 1.2rem;
  }
  #contact p strong {
    font-weight: 700;
  }
  #contact #copyright {
    float: left;
    width: 100%;
    padding: 10px 20px 30px;
    font-size: 1.2rem;
    color: #999;
    letter-spacing: 0;
    zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contact #copyright:before,
  #contact #copyright:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  #contact #copyright:after {
    clear: both;
  }
  #contact #copyright p {
    zoom: 1;
  }
  #contact #copyright p:before,
  #contact #copyright p:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  #contact #copyright p:after {
    clear: both;
  }
  #contact .contact-main {
    width: 100%;
    padding: 80px 20px 20px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contact .contact-main h2 {
    font-size: 1.9rem;
    padding-bottom: 10px;
    font-weight: bold;
  }
  #contact .contact-main li {
    float: left;
    width: 50%;
    padding: 10px 30px 50px 0;
    word-break: break-all;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 960px) and (orientation: portrait) {
  #contact .contact-main li {
    width: 100%;
    padding: 10px 0 50px 0;
  }
}
@media only screen and (max-width: 960px) {
  #contact .contact-main li h3 {
    font-size: 1.5rem;
    padding-bottom: 5px;
  }
  /* #contact .contact-main li a {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
  } */
  #contact .contact-main li a.download {
    margin-top: 10px;
  }
  #contact .contact-main li .icon-mail {
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
  }
  #contact .contact-main li .icon-cart,
  #contact .contact-main li .icon-catalogs {
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 2.6rem;
  }
  #contact .contact-main li.footer-logo h3 {
    height: 48px;
    padding-bottom: 40px;
    line-height: 1;
  }
  #contact .contact-main li.footer-logo h3 .icon-logo {
    display: inline-block;
    float: left;
    font-size: 48px;
    height: 48px;
    width: 48px;
    padding-right: 15px;
  }
  #contact .contact-main li.footer-logo h3 .site-title {
    display: block;
    font-family: Ciutadella, "Trebuchet MS", Helvetica, "u5faeu8edfu96c5u9ed1",
      "Microsoft YaHei", "u5faeu8edfu6b63u9ed1u9ad4", "Microsoft JhengHei",
      sans-serif, sans;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 24px;
    padding: 0;
  }
  #contact .contact-main li.footer-logo h3 .site-title-cht {
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 24px;
    padding: 0;
  }
  #contact .contact-left {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%;
    padding-top: 140px;
    padding-left: 100px;
    padding-bottom: 0;
    padding-right: 30px;
  }
  #contact .contact-left li {
    padding-bottom: 90px;
  }
  #contact .contact-left h2 {
    font-size: 3.4rem;
    padding-bottom: 80px;
  }
  #contact .contact-left h3 {
    font-size: 2.5rem;
    padding-bottom: 10px;
  }
  #contact .contact-left a {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
  }
  #contact .contact-left a.download {
    margin-top: 10px;
  }
  #contact .contact-left .icon-mail {
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
  }
  #contact .contact-left .icon-cart,
  #contact .contact-left .icon-catalogs {
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 2.6rem;
  }
  #contact .contact-right h3 {
    height: 48px;
    padding-bottom: 40px;
  }
  #contact .contact-right .icon-logo {
    display: block;
    float: left;
    font-size: 48px;
    height: 48px;
    width: 48px;
    padding-right: 15px;
  }
  #contact .contact-right .site-title {
    font-family: Ciutadella, "Trebuchet MS", Helvetica, "u5faeu8edfu96c5u9ed1",
      "Microsoft YaHei", "u5faeu8edfu6b63u9ed1u9ad4", "Microsoft JhengHei",
      sans-serif, sans;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 24px;
  }
  #contact .contact-right .site-title-cht {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 24px;
  }
}
#fish-list-s h3 {
  background-color: white;
  height: 34px;
  line-height: 34px;
  font-size: 3.4rem;
  letter-spacing: 3px;
  color: #40516f;
  padding: 148px 100px 0 100px;
}
#fish-list-s .fish-list {
  margin: 60px auto 0;
  width: 100%;
  padding: 0 100px;
  zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#fish-list-s .fish-list:before,
#fish-list-s .fish-list:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#fish-list-s .fish-list:after {
  clear: both;
}
#fish-list-s .fish-list ul li {
  display: inline-block;
  float: left;
  width: 25%;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
#fish-list-s .fish-list ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -moz-transition: all, 1.3s;
  -o-transition: all, 1.3s;
  -webkit-transition: all, 1.3s;
  transition: all, 1.3s;
}
#fish-list-s .fish-list ul li a span {
  position: absolute;
  display: block;
  left: calc(50% - 62px);
  top: calc(50% - 62px);
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  color: white;
  border: 2px solid white;
  font-size: 1.9rem;
  -moz-border-radius: 62px;
  -webkit-border-radius: 62px;
  border-radius: 62px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
}
#fish-list-s .fish-list ul li a:hover span {
  color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#fish-list-s .fish-list ul li.fish-li-01 a:hover {
  background-color: rgba(179, 87, 125, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-02 a:hover {
  background-color: rgba(104, 153, 174, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-03 a:hover {
  background-color: rgba(168, 176, 101, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-04 a:hover {
  background-color: rgba(128, 119, 91, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-05 a:hover {
  background-color: rgba(89, 92, 128, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-06 a:hover {
  background-color: rgba(187, 128, 99, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-07 a:hover {
  background-color: rgba(141, 143, 143, 0.85);
}
#fish-list-s .fish-list ul li.fish-li-08 a:hover {
  background-color: rgba(255, 180, 126, 0.85);
}
@media only screen and (max-width: 960px) {
  #fish-list-s h3 {
    line-height: 1.2;
    padding: 90px 20px 0;
    margin: 0;
    font-size: 1.7rem;
    max-width: 100%;
  }
  #fish-list-s .fish-list {
    margin: 0 auto 0;
    width: 100%;
    padding: 0;
    zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #fish-list-s .fish-list:before,
  #fish-list-s .fish-list:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  #fish-list-s .fish-list:after {
    clear: both;
  }
  #fish-list-s .fish-list ul li {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 960px) and (orientation: portrait) {
  #fish-list-s .fish-list ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 960px) {
  #fish-list-s .fish-list ul li a span {
    left: 20px;
    top: calc(50% - 52px);
    line-height: 100px;
    width: 100px;
    height: 100px;
    font-size: 1.6rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@media only screen and (max-width: 960px) and (orientation: portrait) {
  #fish-list-s .fish-list ul li a span {
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    padding: 10px;
    line-height: 1.2;
    text-align: right;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
    background-size: 100%;
    background-image: -webkit-gradient(
      linear,
      50% 100%,
      50% 0%,
      color-stop(0%, rgba(0, 0, 0, 0)),
      color-stop(60%, rgba(0, 0, 0, 0.3))
    );
    background-image: -moz-linear-gradient(
      bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.3) 60%
    );
    background-image: -webkit-linear-gradient(
      bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.3) 60%
    );
    background-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.3) 60%
    );
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 960px) {
  #fish-list-s .fish-list ul li a:hover span {
    background-image: none;
  }
}
.scroll-down {
  position: fixed;
  left: 50%;
  margin-left: -22px;
  bottom: 20px;
  z-index: 6;
  text-align: center;
  color: #9b9d9f;
  cursor: pointer;
  cursor: hand;
}
@media only screen and (max-width: 960px) {
  .scroll-down {
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    margin: 0;
  }
}
.scroll-down .icon-scroll-down {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 1.5rem;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #9b9d9f;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  color: #9b9d9f;
}
@media only screen and (max-width: 960px) {
  .scroll-down .icon-scroll-down {
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.scroll-down:hover {
  color: #40516f;
  -o-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.scroll-down:hover .icon-scroll-down {
  background-color: #9b9d9f;
  border: 1px solid #9b9d9f;
  color: white;
}
.scroll-up {
  position: fixed;
  right: 100px;
  top: 168px;
  z-index: 6;
  text-align: center;
  color: #9b9d9f;
  cursor: pointer;
  cursor: hand;
}
.scroll-up a {
  color: #9b9d9f;
}
.scroll-up a:hover {
  color: #9b9d9f;
}
@media only screen and (max-width: 960px) {
  .scroll-up {
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    margin: 0;
  }
  .scroll-up a {
    display: none;
  }
}
.scroll-up .icon-scroll-up {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 1.5rem;
  border: 1px solid #9b9d9f;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  color: #9b9d9f;
}
@media only screen and (max-width: 960px) {
  .scroll-up .icon-scroll-up {
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.scroll-up:hover {
  color: #9b9d9f;
  -o-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.scroll-up:hover .icon-scroll-up {
  background-color: #9b9d9f;
  border: 1px solid #9b9d9f;
  color: white;
}
.banner-more-fadein {
  -o-animation: more-fadein 1s ease infinite;
  -moz-animation: more-fadein 1s ease infinite;
  -webkit-animation: more-fadein 1s ease infinite;
  animation: more-fadein 1s ease infinite;
}
#brand-detail-wrapper,
#factory-detail-wrapper,
#fish-main-wrapper {
  position: fixed;
  z-index: 9998;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
  display: none;
}
#brand-detail-wrapper iframe,
#factory-detail-wrapper iframe,
#fish-main-wrapper iframe {
  width: 100%;
  height: 100%;
}
#brand-detail-wrapper .fotorama__thumb__dot,
#factory-detail-wrapper .fotorama__thumb__dot,
#fish-main-wrapper .fotorama__thumb__dot {
  z-index: -1;
}
@media only screen and (min-width: 961px) {
  #fish-main-wrapper {
    position: absolute;
    z-index: 9998;
    height: calc(100% - 240px);
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    display: none;
  }
  #fish-main-wrapper.mobile {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: white;
  }
  #fish-main-wrapper.mobile iframe {
    width: 100%;
    height: 100%;
  }
  #fish-main-wrapper.mobile .fotorama__thumb__dot {
    z-index: -1;
  }
  #fish-main-wrapper iframe {
    width: 100%;
    height: 100%;
  }
  #fish-main-wrapper .fotorama__thumb__dot {
    z-index: -1;
  }
}
#close-d {
  position: absolute;
  left: calc(100% - 85px);
  top: 25px;
  font-size: 5rem;
  z-index: 9998;
  width: 50px;
  height: 50px;
  display: none;
  cursor: pointer;
  cursor: hand;
  color: #9b9d9f;
}
#close-d.mobile {
  position: fixed;
}
#close-d:hover {
  color: #9b9d9f;
}
#img-numbers {
  position: absolute;
  right: 40px;
  top: 50%;
  min-width: 40px;
  font-size: 1.7rem;
  z-index: 9999;
  text-align: center;
  color: white;
  background-color: transparent;
}
#brand-detail,
#factory-detail,
#fish-main {
  width: 100%;
}
#brand-detail hgroup,
#factory-detail hgroup,
#fish-main hgroup {
  padding: 60px 20px 40px 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}
#brand-detail h2,
#factory-detail h2,
#fish-main h2 {
  font-size: 2.5rem;
  padding-bottom: 4px;
  color: #8e8f8f;
}
#brand-detail h3,
#factory-detail h3,
#fish-main h3 {
  font-size: 2.5rem;
}
#brand-detail h4,
#factory-detail h4,
#fish-main h4 {
  font-size: 1.7rem;
  padding-bottom: 20px;
  font-weight: bold;
}
#brand-detail p,
#factory-detail p,
#fish-main p {
  font-size: 1.4rem;
  padding-bottom: 50px;
  line-height: 1.8;
}
#brand-detail .brand-detail-main,
#factory-detail .brand-detail-main,
#fish-main .brand-detail-main {
  width: 900px;
  margin: 0 auto;
  padding: 58px 0 85px;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 100px;
  -webkit-column-gap: 100px;
  column-gap: 100px;
}
#brand-detail .factory-detail-main,
#brand-detail .fish-main-text,
#factory-detail .factory-detail-main,
#factory-detail .fish-main-text,
#fish-main .factory-detail-main,
#fish-main .fish-main-text {
  padding: 35px 20px 85px 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  zoom: 1;
}
#brand-detail .factory-detail-main:before,
#brand-detail .factory-detail-main:after,
#brand-detail .fish-main-text:before,
#brand-detail .fish-main-text:after,
#factory-detail .factory-detail-main:before,
#factory-detail .factory-detail-main:after,
#factory-detail .fish-main-text:before,
#factory-detail .fish-main-text:after,
#fish-main .factory-detail-main:before,
#fish-main .factory-detail-main:after,
#fish-main .fish-main-text:before,
#fish-main .fish-main-text:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#brand-detail .factory-detail-main:after,
#brand-detail .fish-main-text:after,
#factory-detail .factory-detail-main:after,
#factory-detail .fish-main-text:after,
#fish-main .factory-detail-main:after,
#fish-main .fish-main-text:after {
  clear: both;
}
#brand-detail .factory-detail-main p,
#brand-detail .fish-main-text p,
#factory-detail .factory-detail-main p,
#factory-detail .fish-main-text p,
#fish-main .factory-detail-main p,
#fish-main .fish-main-text p {
  padding-bottom: 0;
  line-height: 1.8;
}
#brand-detail .factory-detail-main .fish-main-left,
#brand-detail .fish-main-text .fish-main-left,
#factory-detail .factory-detail-main .fish-main-left,
#factory-detail .fish-main-text .fish-main-left,
#fish-main .factory-detail-main .fish-main-left,
#fish-main .fish-main-text .fish-main-left {
  float: left;
  width: 390px;
  margin-left: 20px;
}
#brand-detail .factory-detail-main .fish-main-right,
#brand-detail .fish-main-text .fish-main-right,
#factory-detail .factory-detail-main .fish-main-right,
#factory-detail .fish-main-text .fish-main-right,
#fish-main .factory-detail-main .fish-main-right,
#fish-main .fish-main-text .fish-main-right {
  float: right;
  width: 390px;
  margin-right: 20px;
}
#brand-detail .factory-detail-main ul,
#brand-detail .fish-main-text ul,
#factory-detail .factory-detail-main ul,
#factory-detail .fish-main-text ul,
#fish-main .factory-detail-main ul,
#fish-main .fish-main-text ul {
  display: table;
  width: 100%;
}
#brand-detail .factory-detail-main li,
#brand-detail .fish-main-text li,
#factory-detail .factory-detail-main li,
#factory-detail .fish-main-text li,
#fish-main .factory-detail-main li,
#fish-main .fish-main-text li {
  display: table-row;
  width: 100%;
  margin-bottom: 100px;
}
#brand-detail .factory-detail-main li .process-img,
#brand-detail .fish-main-text li .process-img,
#factory-detail .factory-detail-main li .process-img,
#factory-detail .fish-main-text li .process-img,
#fish-main .factory-detail-main li .process-img,
#fish-main .fish-main-text li .process-img {
  display: table-cell;
  width: 230px;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 100px;
  padding-top: 35px;
  padding-right: 120px;
}
#brand-detail .factory-detail-main li .process-img-2,
#brand-detail .fish-main-text li .process-img-2,
#factory-detail .factory-detail-main li .process-img-2,
#factory-detail .fish-main-text li .process-img-2,
#fish-main .factory-detail-main li .process-img-2,
#fish-main .fish-main-text li .process-img-2 {
  display: table-cell;
  width: 230px;
  text-align: left;
  vertical-align: top;
  padding-right: 120px;
}
#brand-detail .factory-detail-main li .process-img-2 h3,
#brand-detail .fish-main-text li .process-img-2 h3,
#factory-detail .factory-detail-main li .process-img-2 h3,
#factory-detail .fish-main-text li .process-img-2 h3,
#fish-main .factory-detail-main li .process-img-2 h3,
#fish-main .fish-main-text li .process-img-2 h3 {
  padding-bottom: 9px;
}
#brand-detail .factory-detail-main li .process-img-2 p,
#brand-detail .fish-main-text li .process-img-2 p,
#factory-detail .factory-detail-main li .process-img-2 p,
#factory-detail .fish-main-text li .process-img-2 p,
#fish-main .factory-detail-main li .process-img-2 p,
#fish-main .fish-main-text li .process-img-2 p {
  margin-bottom: 100px;
}
#brand-detail .factory-detail-main li .process-img-2 img,
#brand-detail .fish-main-text li .process-img-2 img,
#factory-detail .factory-detail-main li .process-img-2 img,
#factory-detail .fish-main-text li .process-img-2 img,
#fish-main .factory-detail-main li .process-img-2 img,
#fish-main .fish-main-text li .process-img-2 img {
  height: 100px;
  width: auto;
  display: block;
  margin-bottom: 30px;
}
#brand-detail .factory-detail-main li .process-content,
#brand-detail .fish-main-text li .process-content,
#factory-detail .factory-detail-main li .process-content,
#factory-detail .fish-main-text li .process-content,
#fish-main .factory-detail-main li .process-content,
#fish-main .fish-main-text li .process-content {
  display: table-cell;
  width: calc(100% - 350px);
  vertical-align: bottom;
  padding-bottom: 160px;
  padding-left: 130px;
}
#brand-detail .factory-detail-main li .process-content-2,
#brand-detail .fish-main-text li .process-content-2,
#factory-detail .factory-detail-main li .process-content-2,
#factory-detail .fish-main-text li .process-content-2,
#fish-main .factory-detail-main li .process-content-2,
#fish-main .fish-main-text li .process-content-2 {
  display: table-cell;
  width: calc(100% - 350px);
  vertical-align: top;
  padding-left: 130px;
}
#brand-detail .factory-detail-main li .process-content-2 > div,
#brand-detail .fish-main-text li .process-content-2 > div,
#factory-detail .factory-detail-main li .process-content-2 > div,
#factory-detail .fish-main-text li .process-content-2 > div,
#fish-main .factory-detail-main li .process-content-2 > div,
#fish-main .fish-main-text li .process-content-2 > div {
  margin-bottom: 200px;
}
#brand-detail .fish-main-text,
#factory-detail .fish-main-text,
#fish-main .fish-main-text {
  padding-top: 200px;
}
#factory-detail {
  position: relative;
}
#factory-detail #bottom-logo {
  position: absolute;
  right: 25px;
  bottom: 45px;
  font-size: 5rem;
}
@media only screen and (max-width: 960px) {
  #fish-main-wrapper {
    background-color: rgba(255, 255, 255, 0.85);
    padding-top: 50px;
  }
  #fish-main-wrapper.mobile {
    background-color: white;
  }
  #close-d {
    left: calc(100% - 40px);
    top: 10px;
    font-size: 3rem;
    width: 30px;
    height: 30px;
    background-color: white;
  }
  #close-d.mobile {
    position: fixed;
  }
  #img-numbers {
    position: absolute;
    right: 10px;
    top: 50%;
    min-width: 40px;
    font-size: 1.2rem;
    text-align: right;
  }
  #brand-detail,
  #factory-detail,
  #fish-main {
    width: 100%;
  }
  #brand-detail hgroup,
  #factory-detail hgroup,
  #fish-main hgroup {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
  }
  #brand-detail h2,
  #factory-detail h2,
  #fish-main h2 {
    font-size: 1.9rem;
    padding: 0;
  }
  #brand-detail h3,
  #factory-detail h3,
  #fish-main h3 {
    font-size: 1.9rem;
    padding: 0;
  }
  #brand-detail h4,
  #factory-detail h4,
  #fish-main h4 {
    font-size: 1.5rem;
    padding: 0;
    font-weight: bold;
  }
  #brand-detail p,
  #factory-detail p,
  #fish-main p {
    font-size: 1.2rem;
    padding-bottom: 20px;
    line-height: 1.8;
    letter-spacing: 0;
  }
  #brand-detail .brand-detail-main,
  #factory-detail .brand-detail-main,
  #fish-main .brand-detail-main {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #brand-detail .factory-detail-main,
  #brand-detail .fish-main-text,
  #factory-detail .factory-detail-main,
  #factory-detail .fish-main-text,
  #fish-main .factory-detail-main,
  #fish-main .fish-main-text {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    max-width: 100%;
    min-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #brand-detail .factory-detail-main p,
  #brand-detail .fish-main-text p,
  #factory-detail .factory-detail-main p,
  #factory-detail .fish-main-text p,
  #fish-main .factory-detail-main p,
  #fish-main .fish-main-text p {
    font-size: 1.2rem;
    padding-bottom: 20px;
    line-height: 1.8;
    letter-spacing: 0;
  }
  #brand-detail .factory-detail-main .fish-main-left,
  #brand-detail .fish-main-text .fish-main-left,
  #factory-detail .factory-detail-main .fish-main-left,
  #factory-detail .fish-main-text .fish-main-left,
  #fish-main .factory-detail-main .fish-main-left,
  #fish-main .fish-main-text .fish-main-left {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  #brand-detail .factory-detail-main .fish-main-right,
  #brand-detail .fish-main-text .fish-main-right,
  #factory-detail .factory-detail-main .fish-main-right,
  #factory-detail .fish-main-text .fish-main-right,
  #fish-main .factory-detail-main .fish-main-right,
  #fish-main .fish-main-text .fish-main-right {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  #brand-detail .factory-detail-main ul,
  #brand-detail .fish-main-text ul,
  #factory-detail .factory-detail-main ul,
  #factory-detail .fish-main-text ul,
  #fish-main .factory-detail-main ul,
  #fish-main .fish-main-text ul {
    display: table;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
  #brand-detail .factory-detail-main li,
  #brand-detail .fish-main-text li,
  #factory-detail .factory-detail-main li,
  #factory-detail .fish-main-text li,
  #fish-main .factory-detail-main li,
  #fish-main .fish-main-text li {
    display: table-row;
    width: 100%;
    margin-bottom: 50px;
  }
  #brand-detail .factory-detail-main li .process-img,
  #brand-detail .factory-detail-main li .process-img-2,
  #brand-detail .fish-main-text li .process-img,
  #brand-detail .fish-main-text li .process-img-2,
  #factory-detail .factory-detail-main li .process-img,
  #factory-detail .factory-detail-main li .process-img-2,
  #factory-detail .fish-main-text li .process-img,
  #factory-detail .fish-main-text li .process-img-2,
  #fish-main .factory-detail-main li .process-img,
  #fish-main .factory-detail-main li .process-img-2,
  #fish-main .fish-main-text li .process-img,
  #fish-main .fish-main-text li .process-img-2 {
    display: table-cell;
    width: 35%;
    text-align: center;
    vertical-align: top;
    padding-bottom: 50px;
    padding-top: 0;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #brand-detail .factory-detail-main li .process-img img,
  #brand-detail .factory-detail-main li .process-img-2 img,
  #brand-detail .fish-main-text li .process-img img,
  #brand-detail .fish-main-text li .process-img-2 img,
  #factory-detail .factory-detail-main li .process-img img,
  #factory-detail .factory-detail-main li .process-img-2 img,
  #factory-detail .fish-main-text li .process-img img,
  #factory-detail .fish-main-text li .process-img-2 img,
  #fish-main .factory-detail-main li .process-img img,
  #fish-main .factory-detail-main li .process-img-2 img,
  #fish-main .fish-main-text li .process-img img,
  #fish-main .fish-main-text li .process-img-2 img {
    width: 100%;
    height: auto;
  }
  #brand-detail .factory-detail-main li .process-img-2,
  #brand-detail .fish-main-text li .process-img-2,
  #factory-detail .factory-detail-main li .process-img-2,
  #factory-detail .fish-main-text li .process-img-2,
  #fish-main .factory-detail-main li .process-img-2,
  #fish-main .fish-main-text li .process-img-2 {
    text-align: left;
  }
  #brand-detail .factory-detail-main li .process-img-2 p,
  #brand-detail .fish-main-text li .process-img-2 p,
  #factory-detail .factory-detail-main li .process-img-2 p,
  #factory-detail .fish-main-text li .process-img-2 p,
  #fish-main .factory-detail-main li .process-img-2 p,
  #fish-main .fish-main-text li .process-img-2 p {
    margin-bottom: 30px;
  }
  #brand-detail .factory-detail-main li .process-img-2 img,
  #brand-detail .fish-main-text li .process-img-2 img,
  #factory-detail .factory-detail-main li .process-img-2 img,
  #factory-detail .fish-main-text li .process-img-2 img,
  #fish-main .factory-detail-main li .process-img-2 img,
  #fish-main .fish-main-text li .process-img-2 img {
    height: 50px;
    width: auto;
    margin-bottom: 10px;
    max-width: 100%;
  }
  #brand-detail .factory-detail-main li .process-content,
  #brand-detail .factory-detail-main li .process-content-2,
  #brand-detail .fish-main-text li .process-content,
  #brand-detail .fish-main-text li .process-content-2,
  #factory-detail .factory-detail-main li .process-content,
  #factory-detail .factory-detail-main li .process-content-2,
  #factory-detail .fish-main-text li .process-content,
  #factory-detail .fish-main-text li .process-content-2,
  #fish-main .factory-detail-main li .process-content,
  #fish-main .factory-detail-main li .process-content-2,
  #fish-main .fish-main-text li .process-content,
  #fish-main .fish-main-text li .process-content-2 {
    display: table-cell;
    width: 65%;
    vertical-align: top;
    padding-bottom: 0px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #brand-detail .factory-detail-main li .process-content > div,
  #brand-detail .factory-detail-main li .process-content-2 > div,
  #brand-detail .fish-main-text li .process-content > div,
  #brand-detail .fish-main-text li .process-content-2 > div,
  #factory-detail .factory-detail-main li .process-content > div,
  #factory-detail .factory-detail-main li .process-content-2 > div,
  #factory-detail .fish-main-text li .process-content > div,
  #factory-detail .fish-main-text li .process-content-2 > div,
  #fish-main .factory-detail-main li .process-content > div,
  #fish-main .factory-detail-main li .process-content-2 > div,
  #fish-main .fish-main-text li .process-content > div,
  #fish-main .fish-main-text li .process-content-2 > div {
    margin-bottom: 30px;
  }
  #brand-detail .fish-main-text,
  #factory-detail .fish-main-text,
  #fish-main .fish-main-text {
    padding: 20px;
  }
  #factory-detail hgroup {
    max-width: 480px;
  }
  #factory-detail {
    position: relative;
  }
  #factory-detail #bottom-logo {
    display: none;
  }
}
@-o-keyframes $name {
  0% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@-moz-keyframes $name {
  0% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@-webkit-keyframes $name {
  0% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@keyframes $name {
  0% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@-o-keyframes $name {
  0% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@-moz-keyframes $name {
  0% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@-webkit-keyframes $name {
  0% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@keyframes $name {
  0% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
  50% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
  }
}
@-o-keyframes $name {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-moz-keyframes $name {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-webkit-keyframes $name {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@keyframes $name {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
.fotorama__arr_prev {
  left: 40px;
  right: auto;
}
.fotorama__arr_next {
  left: auto;
  right: 40px;
}
.fotorama__arr {
  width: 70px;
  height: 70px;
  text-shadow: none;
}
.fotorama__arr:hover {
  text-shadow: none;
}
.icon-prev,
.icon-next {
  font-size: 70px;
  color: white;
}
@media only screen and (max-width: 960px) {
  .fotorama__arr_prev {
    left: 10px;
    right: auto;
  }
  .fotorama__arr_next {
    left: auto;
    right: 10px;
  }
  .fotorama__arr {
    width: 30px;
    height: 30px;
    text-shadow: none;
  }
  .fotorama__arr:hover {
    text-shadow: none;
  }
  .icon-prev,
  .icon-next {
    font-size: 30px;
    color: white;
  }
}
#fullPage-nav,
#fp-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  padding-top: 30px;
}
#fullPage-nav.fullPage-nav-on,
#fp-nav.fullPage-nav-on {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block;
}
@media only screen and (max-width: 960px) {
  #fullPage-nav,
  #fp-nav {
    top: auto;
    bottom: 50px;
  }
}
#fullPage-nav li,
#fp-nav li {
  width: 15px;
  height: 15px;
  margin: 15px;
}
@media only screen and (max-width: 960px) {
  #fullPage-nav li,
  #fp-nav li {
    width: 10px;
    height: 10px;
    margin: 5px;
  }
}
#fullPage-nav li:nth-child(1),
#fullPage-nav li:nth-child(2),
#fullPage-nav li:nth-last-child(1),
#fullPage-nav li:nth-last-child(2),
#fp-nav li:nth-child(1),
#fp-nav li:nth-child(2),
#fp-nav li:nth-last-child(1),
#fp-nav li:nth-last-child(2) {
  display: none;
}
#fullPage-nav li .active span,
#fp-nav li .active span {
  background-color: #40516f;
}
#fullPage-nav li span,
#fp-nav li span {
  width: 15px;
  height: 15px;
  border: none;
  background-color: #d1d2d4;
  -moz-transition: all, 200ms;
  -o-transition: all, 200ms;
  -webkit-transition: all, 200ms;
  transition: all, 200ms;
}
@media only screen and (max-width: 960px) {
  #fullPage-nav li span,
  #fp-nav li span {
    width: 10px;
    height: 10px;
  }
}
#fullPage-nav li div.fullPage-tooltip,
#fullPage-nav li .fp-tooltip,
#fp-nav li div.fullPage-tooltip,
#fp-nav li .fp-tooltip {
  top: 2px;
  color: rgba(166, 168, 168, 0);
  font-size: 0rem;
  white-space: nowrap;
}
#fullPage-nav li div.active,
#fp-nav li div.active {
  font-size: 1.2rem;
  color: #40516f;
}
@media only screen and (max-width: 960px) {
  #fullPage-nav li div.active,
  #fp-nav li div.active {
    display: none;
  }
}
#fullPage-nav li:hover span,
#fp-nav li:hover span {
  background-color: #40516f;
}
#statement-wrapper {
  position: fixed;
  z-index: 9998;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
  display: none;
}
#statement-wrapper > div {
  height: 100%;
  width: 100%;
}
.index #statement-wrapper {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#statement-wrapper #close {
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 5rem;
  z-index: 9999;
  width: 50px;
  height: 50px;
  cursor: pointer;
  cursor: hand;
  color: #9b9d9f;
}
#statement-wrapper #close:hover {
  color: #9b9d9f;
}
#statement-wrapper #main {
  width: 100%;
  max-width: 680px;
  margin: 80px auto 20px;
  padding: 50px 30px;
  color: black;
  letter-spacing: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#statement-wrapper #main .footer {
  position: relative;
  margin-top: 40px;
}
#statement-wrapper #main .blue {
  color: #40516f;
}
#statement-wrapper #main strong {
  font-weight: bold;
}
#statement-wrapper #main h2 {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
#statement-wrapper #main h3 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 40px;
}
#statement-wrapper #main p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 15px;
  zoom: 1;
}
#statement-wrapper #main p:before,
#statement-wrapper #main p:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#statement-wrapper #main p:after {
  clear: both;
}
#statement-wrapper #main .right {
  text-align: right;
  font-size: 1.4rem;
}
#statement-wrapper #main .footer-logo {
  position: absolute;
  text-align: left;
  float: left;
  bottom: 0;
  cursor: pointer;
  cursor: hand;
}
@media only screen and (max-width: 800px) {
  #statement-wrapper #main .footer-logo {
    position: static;
    padding-top: 60px;
    text-align: center;
    float: none;
  }
}