@charset "UTF-8";
body { font-size: 100%; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; color: #474747; margin: 0 auto; }

.clearboth, .clearfix { clear: both; }

.wrapper { position: relative; }

a { color: #2f2f2f; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }

@-webkit-keyframes beat { 0%, 100% { position: relative; bottom: 5px; }
  50% { position: relative; bottom: -5px; } }
@-moz-keyframes beat { 0%, 100% { position: relative; bottom: 5px; }
  50% { position: relative; bottom: -5px; } }
@-ms-keyframes beat { 0%, 100% { position: relative; bottom: 5px; }
  50% { position: relative; bottom: -5px; } }
@keyframes beat { 0%, 100% { position: relative; bottom: 5px; }
  50% { position: relative; bottom: -5px; } }
.ani-beat { -webkit-animation: beat 2s ease infinite; -moz-animation: beat 2s ease infinite; -ms-animation: beat 2s ease infinite; animation: beat 2s ease infinite; }

.btn-zone { clear: both; margin: 0 auto; text-align: center; }
.btn-zone .nbtn { -moz-box-shadow: 0px 3px 0px 0px #aca9a5; -webkit-box-shadow: 0px 3px 0px 0px #aca9a5; box-shadow: 0px 3px 0px 0px #aca9a5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e86c63), color-stop(1, #cc3c32)); background: -moz-linear-gradient(top, #e86c63 5%, #cc3c32 100%); background: -webkit-linear-gradient(top, #e86c63 5%, #cc3c32 100%); background: -o-linear-gradient(top, #e86c63 5%, #cc3c32 100%); background: -ms-linear-gradient(top, #e86c63 5%, #cc3c32 100%); background: linear-gradient(to bottom, #e86c63 5%, #cc3c32 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e86c63', endColorstr='#cc3c32',GradientType=0); background-color: #e86c63; -moz-border-radius: 1.66666666666667vw; -webkit-border-radius: 1.66666666666667vw; border-radius: 1.66666666666667vw; display: inline-block; cursor: pointer; color: #ffffff; font-weight: bold; width: 42.01388888888889vw; font-size: 5vw; line-height: 2.555555555555556em; text-decoration: none; margin: 0 2.77777777777778vw; }
.btn-zone .nbtn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cc3c32), color-stop(1, #e86c63)); background: -moz-linear-gradient(top, #cc3c32 5%, #e86c63 100%); background: -webkit-linear-gradient(top, #cc3c32 5%, #e86c63 100%); background: -o-linear-gradient(top, #cc3c32 5%, #e86c63 100%); background: -ms-linear-gradient(top, #cc3c32 5%, #e86c63 100%); background: linear-gradient(to bottom, #cc3c32 5%, #e86c63 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3c32', endColorstr='#e86c63',GradientType=0); background-color: #cc3c32; }
.btn-zone .nbtn.blue { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #517fdb), color-stop(1, #264a93)); background: -moz-linear-gradient(top, #517fdb 5%, #264a93 100%); background: -webkit-linear-gradient(top, #517fdb 5%, #264a93 100%); background: -o-linear-gradient(top, #517fdb 5%, #264a93 100%); background: -ms-linear-gradient(top, #517fdb 5%, #264a93 100%); background: linear-gradient(to bottom, #517fdb 5%, #264a93 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#517fdb', endColorstr='#264a93',GradientType=0); background-color: #517fdb; }
.btn-zone .nbtn.blue:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #264a93), color-stop(1, #517fdb)); background: -moz-linear-gradient(top, #264a93 5%, #517fdb 100%); background: -webkit-linear-gradient(top, #264a93 5%, #517fdb 100%); background: -o-linear-gradient(top, #264a93 5%, #517fdb 100%); background: -ms-linear-gradient(top, #264a93 5%, #517fdb 100%); background: linear-gradient(to bottom, #264a93 5%, #517fdb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#264a93', endColorstr='#517fdb',GradientType=0); background-color: #264a93; }
.btn-zone .nbtn:active { position: relative; top: 1px; }
.btn-zone .nbtn.one { width: 64.28571428571429vw; }

input.artfld[type="radio"] { position: absolute; z-index: -1; }
input.artfld[type="radio"] + label { cursor: pointer; margin-right: 20px; }
input.artfld[type="radio"] + label > span { display: inline-block; width: 15px; height: 15px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #aaa; background-color: transparent; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
input.artfld[type="radio"] + label > span + img { vertical-align: top; margin-left: 20px; }
input.artfld[type="radio"] + label:hover > span { border-color: #f7c43c; background-color: #ffffcc; }
input.artfld[type="radio"]:checked + label span.getCheck { display: inline-block; width: 11px; height: 11px; background-color: #e99494; margin-left: 2px; margin-top: 2px; vertical-align: top; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
input.artfld[type="checkbox"] { position: absolute; z-index: -1; }
input.artfld[type="checkbox"] + label { cursor: pointer; text-indent: 30px; line-height: 2; text-align: justify; }
input.artfld[type="checkbox"] + label > span { display: inline-block; width: 19px; height: 19px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #c7c7c7; background-color: transparent; border-radius: 1px; -webkit-box-shadow: inset 0px 1px 1px 0px #a7a7a7; -moz-box-shadow: inset 0px 1px 1px 0px #a7a7a7; box-shadow: inset 0px 1px 1px 0px #a7a7a7; line-height: 1.2; }
input.artfld[type="checkbox"] + label > span + img { vertical-align: top; margin-left: 20px; }
input.artfld[type="checkbox"] + label i { display: inline-block; }
input.artfld[type="checkbox"]:checked + label span.getCheck { display: inline-block; width: 11px; height: 11px; margin-left: -28px; margin-top: 2px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; }
input.artfld[type="checkbox"]:checked + label span.getCheck::after { content: ""; display: inline-block; position: absolute; width: 4px; height: 16px; background-color: #595959; left: 9px; top: -3px; }
input.artfld[type="checkbox"]:checked + label span.getCheck::before { content: ""; display: inline-block; position: absolute; width: 7px; height: 4px; background-color: #595959; left: 3px; top: 9px; }
input.artfld[type="checkbox"].circle { position: absolute; z-index: -1; }
input.artfld[type="checkbox"].circle + label { cursor: pointer; margin-right: 20px; text-indent: 0; }
input.artfld[type="checkbox"].circle + label > span { display: inline-block; width: 15px; height: 15px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #aaa; background-color: transparent; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
input.artfld[type="checkbox"].circle + label > span + img { vertical-align: top; margin-left: 20px; }
input.artfld[type="checkbox"].circle + label:hover > span { border-color: #f7c43c; background-color: #ffffcc; }
input.artfld[type="checkbox"].circle:checked + label span.getCheck { display: inline-block; width: 15px; height: 15px; background-color: #e99494; border: 1px solid #e99494; margin-left: -1px; margin-top: -1px; vertical-align: top; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
input.artfld[type="checkbox"].circle:checked + label span.getCheck::before { content: ""; display: block; border: 3px solid #fff; left: 50%; margin-left: -25%; top: 35%; margin-top: -25%; background: transparent; width: 25%; height: 50%; border-left: 0; border-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
input.artfld[type="checkbox"].circle:checked + label span.getCheck::after { display: none; }

input.artfld[type="text"], input.artfld[type="password"], input.artfld[type="tel"], input.artfld[type="number"], input.artfld[type="url"], input.artfld[type="email"], textarea.artfld, .selectWrapper { width: 370px; box-sizing: border-box; }
input.artfld[type="text"].col-1, input.artfld[type="password"].col-1, input.artfld[type="tel"].col-1, input.artfld[type="number"].col-1, input.artfld[type="url"].col-1, input.artfld[type="email"].col-1, textarea.artfld.col-1, .selectWrapper.col-1 { width: 60px; }
input.artfld[type="text"].col-1-s1, input.artfld[type="password"].col-1-s1, input.artfld[type="tel"].col-1-s1, input.artfld[type="number"].col-1-s1, input.artfld[type="url"].col-1-s1, input.artfld[type="email"].col-1-s1, textarea.artfld.col-1-s1, .selectWrapper.col-1-s1 { width: 80px; }
input.artfld[type="text"].col-2, input.artfld[type="password"].col-2, input.artfld[type="tel"].col-2, input.artfld[type="number"].col-2, input.artfld[type="url"].col-2, input.artfld[type="email"].col-2, textarea.artfld.col-2, .selectWrapper.col-2 { width: 130px; }
input.artfld[type="text"].col-3, input.artfld[type="password"].col-3, input.artfld[type="tel"].col-3, input.artfld[type="number"].col-3, input.artfld[type="url"].col-3, input.artfld[type="email"].col-3, textarea.artfld.col-3, .selectWrapper.col-3 { width: 200px; }
input.artfld[type="text"].col-4, input.artfld[type="password"].col-4, input.artfld[type="tel"].col-4, input.artfld[type="number"].col-4, input.artfld[type="url"].col-4, input.artfld[type="email"].col-4, textarea.artfld.col-4, .selectWrapper.col-4 { width: 270px; }
input.artfld[type="text"].col-5, input.artfld[type="password"].col-5, input.artfld[type="tel"].col-5, input.artfld[type="number"].col-5, input.artfld[type="url"].col-5, input.artfld[type="email"].col-5, textarea.artfld.col-5, .selectWrapper.col-5 { width: 340px; }
input.artfld[type="text"].col-6, input.artfld[type="password"].col-6, input.artfld[type="tel"].col-6, input.artfld[type="number"].col-6, input.artfld[type="url"].col-6, input.artfld[type="email"].col-6, textarea.artfld.col-6, .selectWrapper.col-6 { width: 410px; }
input.artfld[type="text"].col-7, input.artfld[type="password"].col-7, input.artfld[type="tel"].col-7, input.artfld[type="number"].col-7, input.artfld[type="url"].col-7, input.artfld[type="email"].col-7, textarea.artfld.col-7, .selectWrapper.col-7 { width: 480px; }
input.artfld[type="text"].col-8, input.artfld[type="password"].col-8, input.artfld[type="tel"].col-8, input.artfld[type="number"].col-8, input.artfld[type="url"].col-8, input.artfld[type="email"].col-8, textarea.artfld.col-8, .selectWrapper.col-8 { width: 550px; }
input.artfld[type="text"].col-9, input.artfld[type="password"].col-9, input.artfld[type="tel"].col-9, input.artfld[type="number"].col-9, input.artfld[type="url"].col-9, input.artfld[type="email"].col-9, textarea.artfld.col-9, .selectWrapper.col-9 { width: 620px; }

input.artfld[type="text"], input.artfld[type="password"], input.artfld[type="tel"], input.artfld[type="number"], input.artfld[type="url"], input.artfld[type="email"], textarea.artfld { border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: inset 2px 2px 0px 0px #e7e7e7; -moz-box-shadow: inset 2px 2px 0px 0px #e7e7e7; box-shadow: inset 2px 2px 0px 0px #e7e7e7; width: 176px; padding: 8px 10px; position: relative; top: 1px; margin-right: 10px; font-size: 0.9375em; }
input.artfld[type="text"]:focus, input.artfld[type="text"]:hover, input.artfld[type="password"]:focus, input.artfld[type="password"]:hover, input.artfld[type="tel"]:focus, input.artfld[type="tel"]:hover, input.artfld[type="number"]:focus, input.artfld[type="number"]:hover, input.artfld[type="url"]:focus, input.artfld[type="url"]:hover, input.artfld[type="email"]:focus, input.artfld[type="email"]:hover, textarea.artfld:focus, textarea.artfld:hover { background: none; background-color: #ffffcc; -webkit-box-shadow: inset 2px 2px 0px 0px #e5e5a6; -moz-box-shadow: inset 2px 2px 0px 0px #e5e5a6; box-shadow: inset 2px 2px 0px 0px #e5e5a6; border: 1px solid #f7c43c; outline: none; }

textarea.artfld.limit { max-width: 620px; max-height: 200px; }

.flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.artfld.select { display: inline-block; background: #fff; position: relative; }
.artfld.select::before { content: ""; display: block; position: absolute; top: 50%; right: 0.9765625vw; margin-top: -0.390625vw; width: 0.390625vw; height: 0.390625vw; border: 0.1953125vw solid #666; border-top: 0; border-right: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.artfld.select select { font-size: 1em; color: #5f5f5f; line-height: 2; padding-left: 0.9765625vw; padding-right: 2.734375vw; padding-top: 2px; background: transparent; display: block; border: 1px solid #ddd; width: 100%; margin: 0; -moz-appearance: none; -webkit-appearance: none; -moz-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.artfld.select select:focus, .artfld.select select:hover { background: none; background-color: #ffffcc; -webkit-box-shadow: inset 2px 2px 0px 0px #e5e5a6; -moz-box-shadow: inset 2px 2px 0px 0px #e5e5a6; box-shadow: inset 2px 2px 0px 0px #e5e5a6; outline: none; border: 1px solid #f7c43c; }
.artfld.select select::-ms-expand { display: none; }
.artfld.select select:disabled { color: #aaa; background: #f5f5f5; border-color: #ddd; -moz-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }
.artfld.select + .artfld.select { margin-left: 0.68359375vw; }

@media (max-width: 640px) { .artfld.select::before { right: 3.75vw; margin-top: -2.1875vw; width: 2.1875vw; height: 2.1875vw; border: 0.78125vw solid #666; border-top: 0; border-right: 0; }
  .artfld.select select { padding-left: 3.515625vw; padding-right: 9.9609375vw; }
  .artfld.select + .artfld.select { margin-left: 1.09375vw; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .artfld.select select { padding-top: .5vw; padding-bottom: .5vw; } }
.owl-carousel { -webkit-tap-highlight-color: transparent; position: relative; display: none; width: 100%; z-index: 1; }
.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-touch-callout: none; -webkit-backface-visibility: visible; backface-visibility: visible; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }
.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { display: none; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }

.no-js .owl-carousel { display: block; }

.owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.owl-height { transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }
.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform .1s ease; transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-dots { display: block; margin: 0 auto; text-align: center; position: absolute; left: 0; right: 0; bottom: 5.3125em; z-index: 2; }
.owl-dots .owl-dot { display: inline-block; cursor: pointer; }
.owl-dots .owl-dot span { display: block; width: 1.25em; height: 1.25em; background: #fff; margin: 0 0.625em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.owl-dots .owl-dot.active span { background: #eb6877; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; left: 1%; margin-top: -12px; width: 80px; height: 80px; color: transparent; background: transparent; opacity: .6; }
.owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; width: 30px; height: 30px; border-left: 8px solid #c7c7c7; border-bottom: 8px solid #c7c7c7; box-sizing: border-box; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { opacity: 1; }
.owl-carousel .owl-nav .owl-next { left: auto; right: 1%; }
.owl-carousel .owl-nav .owl-next::before { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

header { background: #FFFFFF; position: relative; top: 0; z-index: 1000; width: 100%; }
header .container { padding-top: 15px; *height: 65px; }
header .left-pane { float: left; }
header .left-pane .logo { float: left; }
header .left-pane .logo a { display: block; width: 176px; height: 60px; }
header .left-pane .logo a img { max-width: 100%; max-height: 100%; vertical-align: top; }
header .left-pane .header-title { position: relative; top: 34px; float: left; border-left: 1px solid #d2d2d2; padding-left: 14px; color: #d00f24; font-size: 18px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-weight: bold; }
header .header-top { border-bottom: 6px solid #d00f24; }
header .main-menu { position: relative; border-bottom: 1px solid #979797; background: url(../images/menu_bg.png) repeat-x 0 0; *height: 38px; -moz-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); -webkit-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); }
header .main-menu .container { padding-top: 0; }
header .main-menu .nav-lv1 { margin: 0 auto; text-align: left; font-size: 0; position: relative; z-index: 9998; }
header .main-menu .nav-lv1 > li { position: relative; font-size: 17px; display: inline-block; *display: inline; zoom: 1; line-height: 38px; border-left: 1px solid #d1d1d1; }
header .main-menu .nav-lv1 > li a { display: block; padding-left: 24px; padding-right: 24px; cursor: pointer; }
header .main-menu .nav-lv1 > li a:hover { color: #f31e36; text-decoration: none; }
header .main-menu .nav-lv1 > li a:active, header .main-menu .nav-lv1 > li a.active { background: url(../images/menu_bg_active.png) repeat-x 0 0; color: #FFF; }
header .main-menu .nav-lv1 > li:last-child { border-right: 1px solid #d1d1d1; }
header .main-menu .nav-lv1 > li.last { border-right: 1px solid #d1d1d1; }
header .right-pane { height: 65px; float: right; text-align: right; }
header .right-pane .main-func > ul { vertical-align: bottom; position: relative; top: 25px; font-size: 0; }
header .right-pane .main-func > ul > li { display: inline-block; *display: inline; zoom: 1; text-align: left; vertical-align: middle; font-size: 14px; line-height: 40px; background: url(../images/mainfunc_split.png) no-repeat right bottom; }
header .right-pane .main-func > ul > li a { color: #2f2f2f; }
header .right-pane .main-func > ul > li a:hover { color: #3d9fd8; text-decoration: none; }
header .right-pane .main-func > ul > li .icon { padding-left: 41px; padding-right: 20px; }
header .right-pane .main-func > ul > li:last-child { background: none; }
header .right-pane .main-func > ul > li.last { background: none; }
header .right-pane .main-func > ul > li.search-wrap { position: relative; width: 89px; height: 40px; }
header .right-pane .main-func > ul > li.search-wrap a.active:hover { color: #fff; }
header .right-pane .main-func > ul > li.livechat-wrap { position: relative; width: 131px; height: 40px; }
header .right-pane .main-func > ul > li.livechat-wrap a.active:hover { color: #fff; }

.sharebar { float: right; width: 330px; margin-top: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.sharebar a { color: #0066cc; text-decoration: underline; }
.sharebar .rlink { border: #e5e5e3 1px solid; background: #FFF; padding: 2px 7px; line-height: 22px; display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.sharebar .rlink span { line-height: 22px; *position: relative; *top: 4px; }
.sharebar .rlink a { width: 16px; height: 16px; display: inline-block; *display: inline; *zoom: 1; text-indent: -9999px; margin-left: 3px; line-height: 22px; position: relative; top: 3px; *top: 0; }
.sharebar .rlink a.fb { background: url(../images/icon_fb.jpg) no-repeat left top; }
.sharebar .rlink a.plurk { background: url(../images/icon_plurk.jpg) no-repeat left top; }
.sharebar .rlink a.twitter { background: url(../images/icon_twitter.jpg) no-repeat left top; }
.sharebar .rlink a.gplus { background: url(../images/icon_gplus.jpg) no-repeat left top; }

.icon { display: inline-block; background-image: url(../images/icons.png); }
.icon.icon-service { background-position: 20px -27px; }
.icon.icon-branch { background-position: 20px -68px; }
.icon.icon-livechat { background-position: 15px -1690px; position: relative; }
.icon.icon-livechat.active { position: absolute; top: 0; right: 0; z-index: 9999; height: 46px; background-color: #af0d1e; color: white; }

.wrapper { position: relative; left: 0; perspective: 1000px; -webkit-perspective: 1000px; transition: all 0.3s; height: 100%; }

.wrapper_1 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition: all 0.3s; }
.wrapper_1.blocked { opacity: 0.5; z-index: 999; }

.big-container { position: relative; height: auto; }
.big-container.menuOpened { height: 100%; overflow: hidden; }
.big-container.menuOpened > .wrapper { -webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); }
.big-container.menuOpened.reset .wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.mobile-nav-toggle { position: absolute; left: 0; top: 0; padding: 15px; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; }
.mobile-nav-toggle .navbar { padding-top: 2px; padding-bottom: 2px; }
.mobile-nav-toggle .navbar span { display: block; width: 22px; height: 4px; background-color: #d00f24; }

.mobile-menu { position: absolute; width: 250px; height: 100%; left: 0; z-index: 9999; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background-color: #fff; -moz-box-shadow: inset -10px 0px 30px -20px black; -webkit-box-shadow: inset -10px 0px 30px -20px black; box-shadow: inset -10px 0px 30px -20px black; }
.mobile-menu.no3d { left: -250px !important; display: none; }
.mobile-menu .nav-block { overflow-y: auto; height: calc(100% - 60px); }
.mobile-menu header .left-pane { float: none; padding-left: 8px; }
.mobile-menu .nav-lv1 { font-size: 20px; }
.mobile-menu .nav-lv1 > li { line-height: 60px; }
.mobile-menu .nav-lv1 > li > a { padding-left: 20px; border-bottom: 1px solid #dddddd; }
.mobile-menu .nav-lv1 a { display: block; }
.mobile-menu .nav-lv1 .nav-lv2 { display: none; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #dddddd; }

footer .copyright { display: table; width: 100%; padding: 1em; box-sizing: border-box; background-color: #254a91; color: #ededed; text-align: center; font-size: 4.16666666666667vw; }
footer .copyright > p { display: table-cell; vertical-align: middle; line-height: 1.5; }
footer .copyright a { color: #ededed; margin-left: 48px; }

@media (max-width: 640px) { footer { font-size: 1.3em; } }
.container { background: url(../images/h1.jpg) no-repeat center top #FFFFFF; padding-top: 50vw; background-size: contain; }
.container > h1 { display: none; }

.abgne_tab { clear: left; }

ul.tabs { width: 100%; text-align: center; height: 13.81944444444444vw; font-size: 0; -webkit-box-shadow: inset 0px -5px 3px -3px rgba(50, 50, 50, 0.4); -moz-box-shadow: inset 0px -5px 3px -3px rgba(50, 50, 50, 0.4); box-shadow: inset 0px -5px 3px -3px rgba(50, 50, 50, 0.4); }
ul.tabs li { display: inline-block; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: top center; background-size: 49.30555555555556vw 13.81944444444444vw; width: 49.3vw; height: 13.3vw; vertical-align: top; }
ul.tabs li:first-child { margin-right: 0.5vw; }
ul.tabs li.seller { background-image: url(../images/btnseller.png); }
ul.tabs li.seller:hover, ul.tabs li.seller.active { background-image: url(../images/btnseller_hover.png); background-size: 49.30555555555556vw 13.81944444444444vw; height: 13.81944444444444vw; }
ul.tabs li.buyer { background-image: url(../images/btnbuyer.png); }
ul.tabs li.buyer:hover, ul.tabs li.buyer.active { background-image: url(../images/btnbuyer_hover.png); background-size: 49.30555555555556vw 13.81944444444444vw; height: 13.81944444444444vw; }
ul.tabs li a { display: block; font-size: 1rem; text-decoration: none; margin: 0 auto; text-align: center; width: 49.30555555555556vw; height: 13.81944444444444vw; }

div.tab_container { clear: left; width: 100%; border-top: none; background: #fff; }
div.tab_container .tab_content { background: url(../images/bg.jpg) repeat-y center top; }
div.tab_container .tab_content > img { display: block; width: 100%; height: auto; }
div.tab_container .tab_content > a { display: block; }
div.tab_container .tab_content > a > img { display: block; width: 100%; height: auto; }

nav { background: url(../images/btnbg.png) repeat; width: 100%; overflow: hidden; padding: 4.02777777777778vw 0; text-align: center; box-sizing: border-box; }
nav.f-nav { z-index: 9999; position: fixed; left: 0; bottom: 0px; width: 100%; overflow: hidden; }

@media (max-width: 640px) { .mobile-menu { display: block; }
  .mobile-menu header .header-top { -moz-box-shadow: inset -15px 0px 40px -35px black; -webkit-box-shadow: inset -15px 0px 40px -35px black; box-shadow: inset -15px 0px 40px -35px black; }
  header .left-pane { margin-left: 52px; }
  .mobile-menu header .left-pane { margin-left: 0; }
  header .left-pane .header-title { top: 19px; font-size: 17px; padding-left: 10px; }
  header .left-pane .logo a { width: 135px; height: 54px; }
  header .container { padding-top: 0; } }
/* visible, hidden rwd */
.center-block { display: block; margin-right: auto; margin-left: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
@media (max-width: 640px) { .hidden-min { display: none !important; } }
@media (min-width: 641px) { .hidden-max { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }
.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }
.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }
@media print { .hidden-print { display: none !important; } }