<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
#wrapper, #nav, #footer, .topSection .fakeNav, .content, #contentBox .styleType, #contentBox .productContent, #contentBox .productContent .group { zoom: 1; }

#wrapper:before, #nav:before, #footer:before, .topSection .fakeNav:before, .content:before, #contentBox .styleType:before, #contentBox .productContent:before, #contentBox .productContent .group:before { content: ""; display: table; }

#wrapper:after, #nav:after, #footer:after, .topSection .fakeNav:after, .content:after, #contentBox .styleType:after, #contentBox .productContent:after, #contentBox .productContent .group:after { content: ""; display: table; clear: both; }

/*Base on normalize.css v3.0.2*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hideen], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

pre { white-space: pre-wrap; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

q { quotes: "“" "”" "‘" "’"; }

#wrapper, #nav, #footer, .topSection .fakeNav, .content, #contentBox .styleType, #contentBox .productContent, #contentBox .productContent .group { zoom: 1; }

#wrapper:before, #nav:before, #footer:before, .topSection .fakeNav:before, .content:before, #contentBox .styleType:before, #contentBox .productContent:before, #contentBox .productContent .group:before { content: ""; display: table; }

#wrapper:after, #nav:after, #footer:after, .topSection .fakeNav:after, .content:after, #contentBox .styleType:after, #contentBox .productContent:after, #contentBox .productContent .group:after { content: ""; display: table; clear: both; }

html { height: 100%; }

body { position: relative; width: 100%; height: 100%; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif; -webkit-overflow-scrolling: touch; background-image: url(../Images/background.png); }

#loading { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

#loading img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 90px; height: 90px; }

#loadingMask { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 2; }

#wrapper { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 80px 0; margin: 30px auto 0; max-width: 1140px; background-color: #FFF; background-image: url(../Images/bg-gradient.png); background-repeat: repeat-x; -webkit-box-shadow: 0 0 5px #929797; box-shadow: 0 0 5px #929797; z-index: 1; }

#nav ul { float: left; margin: 0; padding: 0; }

#nav ul &gt; li { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 13px; }

#nav ul &gt; li.mulha .submenu { display: block; }

#nav ul &gt; li:hover { border-bottom: 2px solid #00A2D4; margin: 0 13px -2px; }

#nav ul &gt; li:hover &gt; a { color: #000; }

#nav ul &gt; li a { display: block; color: #666; font-size: 12px; text-shadow: 0 1px 0 #F2F7F7; text-transform: uppercase; text-decoration: none; padding: 5px 0; }

#nav .submenu { position: absolute; display: none; top: 24px; left: -6px; width: 146px; min-height: 28px; padding: 11px 0 0 6px; border: 1px solid #D1D3D3; background: #FFF; box-shadow: 0 0 5px #929797; -webkit-box-shadow: 0 0 5px #929797; -moz-box-shadow: 0 0 5px #929797; -o-box-shadow: 0 0 5px #929797; }

#nav .submenu a { overflow: hidden; width: 125px; margin: 0 0 15px; padding: 0 0 0 5px; color: #999; font-size: 12px; border-left: 2px solid #FFF; line-height: 12px; white-space: nowrap; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }

#nav .submenu a:hover { color: #222; border-left: 2px solid #00A2D4; }

#nav .facebook { float: left; display: block; width: 24px; height: 24px; margin-left: 10px; }

#nav .facebook svg { display: block; width: 100%; height: 100%; }

#nav .facebook svg path { fill: #AFAFAF; }

#nav .facebook:hover svg path { fill: #3F67A9; }

#logo { position: absolute; display: block; width: 125px; left: 70px; top: -24px; z-index: 3; }

#logo img { width: 100%; }

#footer p { margin: 3% 0; color: #929797; font-size: 11px; text-align: center; text-shadow: 0px 1px 0px #E2E7E7; }

.menu { position: absolute; top: 35px; right: 60px; z-index: 3; }

.burgerIcon { display: none; width: 30px; height: 22px; background-color: #1A9CCB; -webkit-border-radius: 2px; border-radius: 2px; font-size: 0; text-align: center; cursor: pointer; }

.burgerIcon:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.burgerIcon span { position: relative; display: inline-block; vertical-align: middle; width: 16px; height: 2px; background-color: #FFF; }

.burgerIcon span:before { position: absolute; content: ''; display: block; background-color: #FFF; width: 16px; height: 2px; top: -4px; }

.burgerIcon span:after { position: absolute; content: ''; display: block; background-color: #FFF; width: 16px; height: 2px; bottom: -4px; }

.topSection { margin: 0 auto; }

.topSection h2 { margin: 0; font-size: 30px; color: #B3B3B3; font-weight: normal; }

.topSection h3 { margin: 4px 0 10px; font-size: 18px; font-weight: normal; color: #D5D5D5; font-family: "微軟正黑體"; }

.topSection p { color: #D0D0D0; font-size: 14px; }

.topSection .line_1 { margin: 14px 0 0; }

.topSection .line_2 { margin: 5px 0 0; }

.topSection .currency { font-size: 18px; color: #8C8C8C; }

.topSection .rate { position: relative; font-size: 18px; color: #BABABA; padding-left: 22px; margin: 0 11px; }

.topSection .rate:before { position: absolute; content: ''; display: block; top: 4px; left: 0; border-width: 0 9px 12px 9px; border-style: solid; border-color: transparent transparent #BABABA transparent; }

.topSection .percentage { font-size: 18px; color: #BABABA; }

.topSection .interval { margin-left: 42px; }

.topSection .title { border-bottom: 1px solid #F4F4F4; }

.topSection .fakeNav { margin-top: 24px; border-bottom: 1px solid #EFEFEF; }

.topSection .fakeNav span { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 18px; color: #8A8A8A; padding: 10px 0; text-align: center; width: 140px; background-color: #FFF; }

.topSection .fakeNav span.nowTag { color: #B1B1B1; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; }

.topSection .fakeNav span.nowTag:before { position: absolute; display: block; content: ""; width: 142px; height: 2px; top: 0; left: -1px; background-color: #C2C2C2; }

.topSection .fakeNav span.nowTag:after { position: absolute; display: block; content: ""; width: 138px; height: 1px; bottom: -1px; left: 0; background-color: #FFF; }

.content { margin: 0 0 40px; }

.leftSection { float: left; margin-right: -215px; width: 100%; }

.leftSection .container { margin-right: 270px; }

.rightSection { float: right; width: 200px; margin-right: 15px; }

.fundGroup h4 { padding: 0 0 5px; font-size: 18px; font-weight: normal; color: #8A8A8A; border-bottom: 1px solid #E2E2E2; }

.fundGroup ul { list-style: none; margin: 0; padding: 0; }

.fundGroup ul li { position: relative; margin: 11px 0; font-size: 16px; color: #8A8A8A; padding-left: 15px; }

.fundGroup ul li:before { position: absolute; display: block; content: ""; top: 50%; margin-top: -6px; left: 0; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #E3E3E3; }

.fundGroup ol { list-style: none; margin: 0; padding: 0; }

.fundGroup ol li { margin: 11px 0; font-size: 16px; color: #8A8A8A; }

.fundGroup ol li span { margin-right: 5px; width: 20px; height: 20px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; line-height: 20px; display: inline-block; background-color: #D7D7D7; color: #FFF; font-style: italic; font-size: 12px; vertical-align: top; }

.chart { min-height: 400px; }

#qrCode { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; z-index: 0; }

#qrCode.open { opacity: 1; z-index: 3; }

#qrCode .position { position: absolute; width: 310px; height: 370px; margin: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 50px; }

#qrCode .qrCodePic { margin-top: 60px; }

#qrCode .qrCodePic img { display: block; padding: 0; width: 100%; height: 100%; }

#qrCode .close { position: absolute; display: block; top: 0; right: 0; width: 50px; height: 50px; background-color: #CCC; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }

#qrCode .close::before { position: absolute; display: block; content: ""; width: 80%; height: 12%; background-color: #FFF; top: 50%; margin-top: -6%; left: 50%; margin-left: -40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#qrCode .close::after { position: absolute; display: block; content: ""; width: 80%; height: 12%; background-color: #FFF; top: 50%; margin-top: -6%; left: 50%; margin-left: -40%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@media only screen and (max-width: 980px) { #wrapper { padding: 80px 32px 0; }
  .rightSection { display: none; float: none; }
  .leftSection { margin: 0; float: none; width: auto; }
  .leftSection .container { margin: 0; } }

@media only screen and (max-width: 740px) { #wrapper { margin: 20px 5px 0; padding: 0; }
  #nav { position: absolute; display: none; right: 0; background-color: #FFF; opacity: 0.9; padding: 5px 10px; -webkit-box-shadow: 0 0 5px #929797; box-shadow: 0 0 5px #929797; }
  #nav.open { display: block; }
  #nav ul { float: none; }
  #nav ul li { position: relative; display: block; min-width: 110px; width: 100%; height: auto; margin: 0; padding: 8px 0 6px 0; border-bottom: 1px solid #BBB; }
  #nav ul li a { padding: 0 0 0 5px; }
  #nav ul li:hover { border-bottom: 1px solid #BBB; margin: 0; }
  #nav ul li:hover:first-child &gt; a { border-left: 2px solid transparent; }
  #nav ul li:hover &gt; a { padding: 0 0 0 3px; color: #000; border-left: 2px solid #00A2D4; }
  #nav .submenu { display: block; position: relative; top: 0; left: -13px; min-width: 108px; width: 100%; min-height: 28px; margin: 0 0 0 10px; padding: 11px 0px 0 7px; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; word-break: break-all; white-space: normal; }
  #nav .submenu a { margin-bottom: 10px; }
  #nav .facebook { float: none; margin: 5px auto 0; width: 30px; height: 30px; background-color: #3F67A9; -webkit-border-radius: 50%; border-radius: 50%; }
  #nav .facebook svg path { fill: #FFF; }
  #nav .facebook:hover svg path { fill: #FFF; }
  #logo { left: 20px; top: -12px; width: 63px; }
  #footer p { margin: 4% 0; }
  .content { margin: 0 0 20px; }
  .menu { top: 15px; right: 15px; }
  .burgerIcon { display: block; }
  .topSection { display: none; }
  .leftSection .container { margin: 60px 0 0; } }

#wrapper, #nav, #footer, .topSection .fakeNav, .content, #contentBox .styleType, #contentBox .productContent, #contentBox .productContent .group { zoom: 1; }

#wrapper:before, #nav:before, #footer:before, .topSection .fakeNav:before, .content:before, #contentBox .styleType:before, #contentBox .productContent:before, #contentBox .productContent .group:before { content: ""; display: table; }

#wrapper:after, #nav:after, #footer:after, .topSection .fakeNav:after, .content:after, #contentBox .styleType:after, #contentBox .productContent:after, #contentBox .productContent .group:after { content: ""; display: table; clear: both; }

.dock { position: fixed; bottom: 50%; margin-bottom: -160px; right: 0; text-align: center; background-color: #EEE; width: 56px; height: 56px; -webkit-border-radius: 28px; border-radius: 28px; opacity: 0; z-index: 1; }

.dock.complete { height: 440px; }

.dock.PCinitial { -webkit-animation: menuEnter 1.2s; -moz-animation: menuEnter 1.2s; -o-animation: menuEnter 1.2s; animation: menuEnter 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; opacity: 1; }

.dock.PCcomplete { height: 440px; opacity: 1; }

@-webkit-keyframes menuEnter { 16% { height: 160px; }
  17% { height: 160px; }
  33% { height: 224px; }
  34% { height: 224px; }
  50% { height: 288px; }
  51% { height: 288px; }
  67% { height: 352px; }
  68% { height: 352px; }
  84% { height: 416px; }
  85% { height: 416px; }
  99% { height: 440px; }
  100% { height: 440px; } }

@keyframes menuEnter { 16% { height: 160px; }
  17% { height: 160px; }
  33% { height: 224px; }
  34% { height: 224px; }
  50% { height: 288px; }
  51% { height: 288px; }
  67% { height: 352px; }
  68% { height: 352px; }
  84% { height: 416px; }
  85% { height: 416px; }
  99% { height: 440px; }
  100% { height: 440px; } }

.productType { text-align: center; }

.productType .btn { cursor: pointer; margin: 10px auto; width: 52px; height: 52px; background-color: #EEE; -webkit-border-radius: 4px; border-radius: 4px; display: none; }

.productType .btn svg { width: 100%; height: 100%; }

.productType .qrcode { margin-top: 25px; }

.productType .type { margin: 8px 6px; opacity: 1; cursor: pointer; }

.productType .type.nowPage .icon:before { display: block; }

.productType .type.nowPage .icon:after { display: none; }

.productType .type_1 .icon { background-color: #5EBADA; }

.productType .type_2 .icon { background-color: #FFB715; }

.productType .type_3 .icon { background-color: #FF9C5D; }

.productType .type_4 .icon { background-color: #E1636F; }

.productType .type_5 .icon { background-color: #61B375; }

.productType .type_6 .icon { background-color: #7986BE; }

.productType .icon { position: relative; display: block; width: 44px; height: 44px; -webkit-border-radius: 50%; border-radius: 50%; }

.productType .icon:before { position: absolute; display: none; content: ""; bottom: 0; left: 50%; margin-left: -4px; border-style: solid; border-color: #FFF transparent transparent transparent; border-width: 4px; }

.productType .icon:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); }

.productType .icon svg { display: block; width: 100%; height: 100%; }

.productType p { margin: 1px 0 0; font-size: 14px; color: #666; }

#sideNav .productType { position: fixed; bottom: 50%; margin-bottom: -160px; right: 0; width: 56px; height: 440px; z-index: 2; }

#sideNav .productType.PCcomplete .type { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

#sideNav .productType.PCcomplete .type:hover .icon:before { display: block; }

#sideNav .productType.PCcomplete .type:hover .icon:after { display: none; }

#sideNav .productType.PCinitial .type { -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

#sideNav .productType.PCinitial .type_1 { -webkit-transition-delay: 0.94s; transition-delay: 0.94s; }

#sideNav .productType.PCinitial .type_2 { -webkit-transition-delay: 0.73s; transition-delay: 0.73s; }

#sideNav .productType.PCinitial .type_3 { -webkit-transition-delay: 0.52s; transition-delay: 0.52s; }

#sideNav .productType.PCinitial .type_4 { -webkit-transition-delay: 0.31s; transition-delay: 0.31s; }

#sideNav .productType.PCinitial .type_5 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

#sideNav .productType .type { -webkit-transform: translateY(-1000px); -moz-transform: translateY(-1000px); -ms-transform: translateY(-1000px); -o-transform: translateY(-1000px); transform: translateY(-1000px); }

_:-ms-input-placeholder #sideNav .productType .type, :root #sideNav .productType .type { margin: 10px 6px; }

#contentBox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; z-index: 0; }

#contentBox.open { opacity: 1; z-index: 2; }

#contentBox.open .productType .type { -webkit-transition: transform 0.1s; -moz-transition: transform 0.1s; -ms-transition: transform 0.1s; -o-transition: transform 0.1s; transition: transform 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

#contentBox.open .productType .type_1 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

#contentBox.open .productType .type_2 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

#contentBox.open .productType .type_3 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

#contentBox.open .productType .type_4 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

#contentBox.open .productType .type_5 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#contentBox.open .productType .type_6 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

#contentBox .scroll { position: relative; width: 100%; height: 100%; overflow: auto; }

#contentBox .styleType { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 0 5%; max-width: 1300px; height: 100%; }

#contentBox .close { position: absolute; margin-top: 5%; top: 0; right: 1%; display: block; width: 50px; height: 50px; background-color: #CCC; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }

#contentBox .close::before { position: absolute; display: block; content: ""; width: 80%; height: 12%; background-color: #FFF; top: 50%; margin-top: -6%; left: 50%; margin-left: -40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#contentBox .close::after { position: absolute; display: block; content: ""; width: 80%; height: 12%; background-color: #FFF; top: 50%; margin-top: -6%; left: 50%; margin-left: -40%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#contentBox .productType { margin-top: 5%; }

#contentBox .productType.pc .type:hover .icon:before { display: block; }

#contentBox .productType.pc .type:hover .icon:after { display: none; }

#contentBox .productType .type { display: inline-block; -webkit-transform: translateY(-1000px); -moz-transform: translateY(-1000px); -ms-transform: translateY(-1000px); -o-transform: translateY(-1000px); transform: translateY(-1000px); }

#contentBox .productType .type p { color: #FFF; }

#contentBox .productContent { overflow: auto; height: 580px; }

#contentBox .productContent a { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1%; width: 31.33333%; background-color: #FFF; text-decoration: none; }

#contentBox .productContent a .pic { overflow: hidden; margin: 0 auto; width: 100%; max-width: 350px; padding-top: 51.556%; height: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }

#contentBox .productContent a span { text-align: center; display: block; line-height: 44px; width: 100%; height: 44px; background-color: #F2F2F2; font-size: 18px; color: #000; left: 0; bottom: 0; }

#contentBox .productContent .group { display: none; }

#contentBox .productContent .groupNAV a:hover span, #contentBox .productContent .groupNAV a.nowPage span { background-color: #5EBADA; color: #FFF; }

#contentBox .productContent .groupNAV .pic01 { background-image: url(../Images/pic-nav_1-1.png); }

#contentBox .productContent .groupNAV .pic02 { background-image: url(../Images/pic-nav_1-2.png); }

#contentBox .productContent .groupNAV .pic03 { background-image: url(../Images/pic-nav_1-3.png); }

#contentBox .productContent .groupNAV .pic04 { background-image: url(../Images/pic-nav_1-4.png); }

#contentBox .productContent .groupNAV .pic05 { background-image: url(../Images/pic-nav_1-5.png); }

#contentBox .productContent .groupNAV .pic06 { background-image: url(../Images/pic-nav_1-6.png); }

#contentBox .productContent .groupPER a:hover span, #contentBox .productContent .groupPER a.nowPage span { background-color: #FFB715; color: #FFF; }

#contentBox .productContent .groupPER .pic01 { background-image: url(../Images/pic-nav_2-1.png); }

#contentBox .productContent .groupPER .pic02 { background-image: url(../Images/pic-nav_2-2.png); }

#contentBox .productContent .groupPER .pic03 { background-image: url(../Images/pic-nav_2-3.png); }

#contentBox .productContent .groupPER .pic04 { background-image: url(../Images/pic-nav_2-4.png); }

#contentBox .productContent .groupPER .pic05 { background-image: url(../Images/pic-nav_2-5.png); }

#contentBox .productContent .groupCOM a:hover span, #contentBox .productContent .groupCOM a.nowPage span { background-color: #FF9C5D; color: #FFF; }

#contentBox .productContent .groupCOM .pic01 { background-image: url(../Images/pic-nav_3-1.png); }

#contentBox .productContent .groupCOM .pic02 { background-image: url(../Images/pic-nav_3-2.png); }

#contentBox .productContent .groupCOM .pic03 { background-image: url(../Images/pic-nav_3-3.png); }

#contentBox .productContent .groupCOM .pic04 { background-image: url(../Images/pic-nav_3-4.png); }

#contentBox .productContent .groupCOM .pic05 { background-image: url(../Images/pic-nav_3-5.png); }

#contentBox .productContent .groupDIV a:hover span, #contentBox .productContent .groupDIV a.nowPage span { background-color: #E1636F; color: #FFF; }

#contentBox .productContent .groupDIV .pic01 { background-image: url(../Images/pic-nav_4-1.png); }

#contentBox .productContent .groupDIV .pic02 { background-image: url(../Images/pic-nav_4-2.png); }

#contentBox .productContent .groupDIV .pic03 { background-image: url(../Images/pic-nav_4-3.png); }

#contentBox .productContent .groupDIV .pic04 { background-image: url(../Images/pic-nav_4-4.png); }

#contentBox .productContent .groupDIV .pic05 { background-image: url(../Images/pic-nav_4-5.png); }

#contentBox .productContent .groupPIE a:hover span, #contentBox .productContent .groupPIE a.nowPage span { background-color: #61B375; color: #FFF; }

#contentBox .productContent .groupPIE .pic01 { background-image: url(../Images/pic-nav_5-1.png); }

#contentBox .productContent .groupPIE .pic02 { background-image: url(../Images/pic-nav_5-2.png); }

#contentBox .productContent .groupPIE .pic03 { background-image: url(../Images/pic-nav_5-3.png); }

#contentBox .productContent .groupPIE .pic04 { background-image: url(../Images/pic-nav_5-4.png); }

#contentBox .productContent .groupPIE .pic05 { background-image: url(../Images/pic-nav_5-5.png); }

#contentBox .productContent .groupPID a:hover span, #contentBox .productContent .groupPID a.nowPage span { background-color: #7986BE; color: #FFF; }

#contentBox .productContent .groupPID .pic01 { background-image: url(../Images/pic-nav_6-1.png); }

@media only screen and (max-width: 740px) { #sideNav .productType { top: auto; bottom: 10px; right: auto; left: 50%; margin-left: -130px; margin-bottom: 0; width: 220px; height: 46px; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); transform: translateY(500px); }
  #sideNav .productType.MOinitial { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  #sideNav .productType .type { display: inline-block; margin: 8px 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; }
  #sideNav .productType .icon { width: 30px; height: 30px; }
  #sideNav .productType .icon:before { margin-left: -2px; border-width: 2px; }
  #sideNav .productType p { display: none; }
  #sideNav .productType .btn { position: absolute; top: 0; right: -55px; margin: 0; width: 46px; height: 46px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px; }
  #sideNav .dock { bottom: 10px; left: 50%; margin-bottom: 0; margin-left: -130px; right: auto; width: 220px; height: 46px; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); transform: translateY(500px); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px; }
  #sideNav .dock.MOinitial { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  #contentBox .styleType { top: 0; right: auto; width: 100%; height: 100%; padding: 0 0 20%; }
  #contentBox .productType { margin-top: 5%; }
  #contentBox .productType .icon { width: 34px; height: 34px; }
  #contentBox .productType .icon:before { margin-left: -2px; border-width: 2px; }
  #contentBox .productContent { height: auto; }
  #contentBox .productContent a { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 2%; width: 46%; }
  #contentBox .productContent a span { line-height: 30px; height: 30px; font-size: 14px; }
  #contentBox .close { position: relative; margin: 5% auto; top: auto; right: auto; width: 30px; height: 30px; } }

.chartGradient .chartBox h3 { margin: 40px 0 0; font-size: 16px; }

.chartGradient .valueList { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 30px 0 0; }

.chartGradient .valueList table { border-collapse: collapse; width: 100%; }

.chartGradient .valueList table thead th { padding: 5px 0; font-size: 15px; }

.chartGradient .valueList table thead .title1 { width: 40px; }

.chartGradient .valueList table thead .title2 { width: 100px; }

.chartGradient .valueList table thead .title4 { width: 50px; }

.chartGradient .valueList table tbody td { padding: 5px; font-size: 15px; text-align: center; }

.chartGradient .valueList .colorBox { display: inline-block; vertical-align: middle; width: 20px; height: 20px; -webkit-border-radius: 4px; border-radius: 4px; }

@media only screen and (max-width: 740px) { .chartGradient .chartBox h3 { margin: 0 0 0 10px; font-size: 13px; }
  .chartGradient .chart { height: 200px; min-height: 0; }
  .chartGradient .valueList { margin: 30px 10px 0; }
  .chartGradient .valueList table thead th { padding: 5px; font-size: 13px; }
  .chartGradient .valueList table thead .title1 { width: 20px; }
  .chartGradient .valueList table thead .title2 { width: 60px; }
  .chartGradient .valueList table thead .title4 { width: 50px; }
  .chartGradient .valueList table tbody td { font-size: 13px; }
  .chartGradient .valueList .colorBox { width: 18px; height: 18px; } }
</pre></body></html>