@charset "UTF-8";
.icons-sprite, .icons-search { background-image: url('../images/icons-sd47dcf6604.png'); background-repeat: no-repeat; }

.icons-search { background-position: 0 0; }

.unreset address, .unreset blockquote, .unreset dd, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }

.unreset li { display: list-item; }

.unreset head { display: none; }

.unreset table { display: table; }

.unreset tr { display: table-row; }

.unreset thead { display: table-header-group; }

.unreset tbody { display: table-row-group; }

.unreset tfoot { display: table-footer-group; }

.unreset col { display: table-column; }

.unreset colgroup { display: table-column-group; }

.unreset td, .unreset th { display: table-cell; }

.unreset caption { display: table-caption; }

.unreset th { font-weight: bolder; text-align: center; }

.unreset caption { text-align: center; }

.unreset body { margin: 8px; }

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

.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }

.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }

.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }

.unreset h5 { font-size: .83em; margin: 1.5em 0; }

.unreset h6 { font-size: .75em; margin: 1.67em 0; }

.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }

.unreset blockquote { margin-left: 40px; margin-right: 40px; }

.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }

.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }

.unreset pre { white-space: pre; }

.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }

.unreset big { font-size: 1.17em; }

.unreset small, .unreset sub, .unreset sup { font-size: 0.83em; }

.unreset sub { vertical-align: sub; }

.unreset sup { vertical-align: super; }

.unreset table { border: 1px solid; border-spacing: 2px; }

.unreset thead, .unreset tbody, .unreset tfoot { vertical-align: middle; }

.unreset th, .unreset tr { vertical-align: inherit; border: 1px solid; padding: 5; font-size: 100%; }

.unreset td { vertical-align: inherit; border: 1px solid; padding-left: 5px; font-size: 100%; }

.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }

.unreset hr { border: 1px inset; }

.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }

.unreset ol { list-style-type: decimal; }

.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }

.unreset ul { list-style-type: disc; }

.unreset u, .unreset ins { text-decoration: underline; }

.unreset br:before { content: "\A"; white-space: pre-line; }

.unreset center { text-align: center; }

.unreset :link, .unreset :visited { text-decoration: underline; }

.unreset :focus { outline: thin dotted invert; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; }

blockquote, q { quotes: none; }

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

/* remember to define a styles! */
:link, :visited { text-decoration: none; }

:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

table tr td { vertical-align: middle; }

img { border: 0; }

a { color: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

/* padding */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-size: 100%; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* other */
code, kbd, samp, tt { font-size: 100%; }

header nav #logo a, header nav .navbar-expand-lg .navbar-nav .nav-item > a, header nav .navbar-expand-lg .navbar-nav .nav-icon > a, header nav .menu .list > a, header nav .shortcut .list > a, header .nav_mege .nav_mege_menu ul li a, #product .product_decs > li a, #product .nav-tabs li a, #menber .menber_sidebar .menber_sidebar_list a, .btn a { width: 100%; height: 100%; display: block; color: inherit; }

header nav #logo a, .pagenum .btnleft a, .pagenum .btnright a { white-space: nowrap; text-indent: 100%; overflow: hidden; }

.table { display: table; border-spacing: 0.5rem; border-collapse: collapse; width: 100%; table-layout: fixed; }

/* animation-name: example; 動畫名稱 */
/* animation-duration: 4s; 動畫時間長度 */
/* animation-timing-function: linear; 動畫速度 */
/* animation-delay:2s; 動畫開始秒數'' */
/* animation-iteration-count: 3; 動畫循環次數 */
/* animation-direction: alternate; 動畫時間方向性 */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -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); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* $slick-font-path: "./fonts/" !default; */
/* Slider */
.slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
} */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 0px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

body { font: normal 16px/24px Verdana, "微軟正黑體", sans-serif; color: #333; background: #FAFAFA !important; }

#wrapper { position: relative; padding-top: 126px; }

.clear { clear: both; }

hr { border: 1px #E7E7E7 solid; }

.hr20 { margin: 20px 0px; }

.hr40 { margin: 40px 0px; }

/* BOOTSTRAP */
body.modal-open { overflow: hidden; }

.bootstrap_default { /* padding:0px; */ /*  @extend %inline_block; float:none !important; */ }

.bootstrap_default.img img { width: 100%; }

/* TABLE */
.table .table_row { display: table-row; }
.table .table_cell { display: table-cell; vertical-align: middle; }

.line { border-top: 1px solid #B5B5B5; }

.text-align { text-align: right; }

.float-right { float: right; }

header { margin-bottom: 40px; width: 100%; background: black; color: #FAFAFA; position: fixed; top: 0px; z-index: 99; }
header nav { max-width: 1440px; margin: 0px auto; padding: 16px 24px; position: relative; }
header nav .nav { display: flex; align-items: center; justify-content: space-between; }
header nav #logo { background: url(../images/logo.png) no-repeat center; width: 165px; height: 40px; background-size: 165px; margin-right: 16px; /*  flex-basis:165px; */ }
header nav .navbar-collapse { flex-grow: unset; }
header nav .navbar-toggler { padding: 0px; cursor: pointer; overflow: hidden; }
header nav .navbar-toggler .navbar-toggler-icon { /* background:url(../images/icons/menu.svg) no-repeat; */ }
header nav .navbar-toggler .navbar-toggler-icon img { width: 30px; vertical-align: middle; }
header nav .navbar-toggler .navbar-toggler-icon:hover img { filter: drop-shadow(30px 0 #F68221); transform: translateX(-30.5px); }
header nav .navbar-expand-lg .navbar-nav { display: flex; align-items: center; }
header nav .navbar-expand-lg .navbar-nav .nav-item > a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; text-transform: uppercase; padding: 0px 16px; font-weight: 700; }
header nav .navbar-expand-lg .navbar-nav .nav-item > a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #999999; }
header nav .navbar-expand-lg .navbar-nav .nav-item:last-child a { border-right: none; }
header nav .navbar-expand-lg .navbar-nav .nav-item select { margin-left: 16px; border: 1px #999999 solid; margin-left: 16px; color: #fff; background: black url(../images/icons/CaretDown02.svg) no-repeat center; background-position: right 8px center; }
header nav .navbar-expand-lg .navbar-nav .nav-icon > a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 0px; overflow: hidden; }
header nav .navbar-expand-lg .navbar-nav .nav-icon > a img { width: 30px; vertical-align: middle; }
header nav .navbar-expand-lg .navbar-nav .nav-icon > a:hover img { filter: drop-shadow(30px 0 #F68221); transform: translateX(-30px); }
header nav .menu { display: flex; align-items: center; justify-content: flex-end; }
header nav .menu .list > a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 0px 16px 0px 16px; font-weight: 700; }
header nav .menu .list > a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #999999; }
header nav .menu .list:last-child a { border-right: none; }
header nav .shortcut { display: flex; align-items: center; justify-content: flex-end; display: none; }
header nav .shortcut .list select { margin-left: 16px; border: 1px #999999 solid; color: #fff; background: black url(../images/icons/CaretDown02.svg) no-repeat center; background-position: right 8px center; padding: 8px; }
header nav .shortcut .list > a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; margin-right: 20px; overflow: hidden; }
header nav .shortcut .list > a img { width: 30px; vertical-align: middle; }
header nav .shortcut .list > a:hover img { filter: drop-shadow(30px 0 #F68221); transform: translateX(-30px); }
header .nav_mege { width: 100%; background: #fff; padding: 24px; position: absolute; top: 115px; left: 0%; z-index: 999; }
header .nav_mege > ul { display: flex; align-items: top; }
header .nav_mege .nav_mege_img img { width: 100%; }
header .nav_mege .nav_mege_menu { margin-bottom: 24px; }
header .nav_mege .nav_mege_menu div { font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px; }
header .nav_mege .nav_mege_menu ul li a { padding: 4px 0px; }
header .nav_mege .nav_mege_menu ul li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #E64B3B; }

footer { background: black; color: #fff; margin: 80px 0px 0px 0px; padding: 24px 0px 24px 0px; text-align: center; }

body#login { background: #999999 !important; }

.login { max-width: 500px; background: #fff; padding: 48px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0px auto; margin-top: calc(20% - 100px); text-align: center; }

#banner { margin-top: -40px; }
#banner .banner img { width: 100%; }

.breadcrumbs { margin-bottom: 32px; }
.breadcrumbs span { display: inline-block; }
.breadcrumbs span.on { color: #E64B3B; }

/* CONTAINER */
section { padding: 0px 16px; }
section .img img { width: 100%; margin-bottom: -6px; }
section .content { max-width: 1440px; margin: 40px auto 80px auto; overflow: hidden; }
section .content .textatea img { width: 100%; }
section .content_title { padding: 0px 0px 40px 0px; text-align: center; margin: 0px auto; /* img{width:100%;  margin:0px auto;} */ }
section .content_title02 { font-size: 30px; line-height: 40px; font-weight: bold; margin: 0px auto 24px auto; }
section .content_title02 span { background: #F68221; color: #fff; margin-left: 8px; padding: 4px 8px; font-size: 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
section .content_title02 span.btn.btn_secondary_small_outline { background: #fff; }
section .content_title03 { font-size: 24px; line-height: 32px; font-weight: bold; margin: 0px 0px 16px 0px; display: flex; justify-content: space-between; }
section .content_title04 { font-size: 18px; line-height: 24px; font-weight: bold; margin: 0px 0px 0px 0px; }
section .content_title04 .order_status { display: inline-block; background: #F68221; color: #fff; padding: 12px; margin-right: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
section .menber_content { max-width: 1020px; margin: 0px auto; }
section .menber_content .content_title03 { width: 100%; padding: 0px 0px 40px 0px; text-align: center; margin: 0px auto; }

.content_title03 { font-size: 24px; line-height: 32px; font-weight: bold; margin: 0px 0px 16px 0px; }

section.content .content_title { padding: 100px 0px 50px 0px; text-align: center; margin: 0px auto; /* img{width:100%;  margin:0px auto;} */ }

.message { padding: 8px 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.message_yellow { background: #FFF3CD; color: #856404; border: 1px #FFEEBA solid; }

.message_red { background: #F8D7DA; color: #721C24; border: 1px #F5C6CB solid; }

/* BLOCK */
.block { background: white; border: 1px #E7E7E7 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 32px 24px; margin-bottom: 24px; }
.block .block_list { display: flex; justify-content: flex-start; margin-bottom: 20px; }
.block .block_list:last-child { margin-bottom: 0px; }
.block .block_list .block_list_title { flex: 0 0 80px; }
.block .block_list .block_list_title02 { flex: 0 0 140px; }
.block .block_list .block_list_content { flex-grow: 1; padding: 0px 20px; }
.block .block_list .block_list_content > li { margin-bottom: 12px; }
.block .block_list .block_list_content span.info { display: inline-block; border-bottom: 1px #686868 solid; }
.block .block_list .block_list_note { flex: 0 0 200px; }
.block .block_list .block_list_address { flex-grow: 1; padding: 0px 20px; }
.block .block_list .block_list_address .block_list_address_detail { width: 100%; display: flex; justify-content: flex-start; }
.block .block_list .block_list_address .block_list_address_detail select { width: 100px; margin-right: 8px; }
.block .block_list .block_list_address .block_list_address_detail .input { flex-grow: 1; }
.block .block_list .block_list_address .block_list_address_detail .btn_primary { margin-top: 0px; }
.block .block_list .block_list_address .block_list_address_detail .btn_primary a { padding: 9px 16px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.block .block_list02 { margin-bottom: 20px; }
.block .block_list02 span.info { display: block; border-bottom: 1px #E7E7E7 solid; padding: 8px 0px; }
.block .btn.btn_secondary_outline a { width: fit-content; margin: 0px; }
.block .btn.btn_primary a { width: fit-content; }
.block .block_list_content .address { display: flex; }
.block .block_list_content .address input { flex: 1; }

.cal { position: relative; }
.cal span { width: 42px; height: 42px; padding: 10px; border: 1px #E7E7E7 solid; position: absolute; top: 0px; right: 20px; border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; }

.datepicker table { width: auto; }

.datepicker td, .datepicker th { width: 40px !important; height: 40px !important; }

.textarea { font-size: 13px; }
.textarea img { width: 100%; }
.textarea .textarea_title { font-size: 20px; margin-bottom: 20px; }

.search_form { display: flex; flex-direction: row; align-items: center; }
.search_form > .vessel { width: 240px; display: inline-block; position: relative; }
.search_form label { display: none; }
.search_form input[type="text"] { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; height: 46px; color: #999999; padding: 0px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 40px; outline: none; }
.search_form input[type="text"]::-webkit-input-placeholder { color: #999999; }
.search_form input[type="text"]::-moz-placeholder { color: #999999; }
.search_form input[type="text"]:-ms-input-placeholder { color: #999999; }
.search_form input[type="text"]:-moz-placeholder { color: #999999; }
.search_form input[type="text"]:focus { color: #999999; }
.search_form input[type="submit"] { background: url(../images/icons/search.png) no-repeat; background-size: 24px; width: 24px; height: 24px; position: absolute; top: 10px; right: 8px; border: none; box-shadow: none; cursor: pointer; }
.search_form input[type="submit"]:hover { opacity: 0.7; }

input[type="text"] { background: #fff; width: 100%; color: #333; padding: 8px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="text"]::-webkit-input-placeholder { color: #999999; }
input[type="text"]::-moz-placeholder { color: #999999; }
input[type="text"]:-ms-input-placeholder { color: #999999; }
input[type="text"]:-moz-placeholder { color: #999999; }
input[type="text"]:focus { border: 1px #F68221 solid; color: #333; }

input[type="number"] { background: #fff; width: 100%; color: #333; padding: 8px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="number"]::-webkit-input-placeholder { color: #999999; }
input[type="number"]::-moz-placeholder { color: #999999; }
input[type="number"]:-ms-input-placeholder { color: #999999; }
input[type="number"]:-moz-placeholder { color: #999999; }
input[type="number"]:focus { border: 1px #F68221 solid; color: #333; }

input[type="password"] { background: #fff; width: 100%; color: #333; padding: 8px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="password"]::-webkit-input-placeholder { color: #999999; }
input[type="password"]::-moz-placeholder { color: #999999; }
input[type="password"]:-ms-input-placeholder { color: #999999; }
input[type="password"]:-moz-placeholder { color: #999999; }
input[type="password"]:focus { border: 1px #F68221 solid; color: #333; }

textarea { background: #fff; width: 100%; color: #333; padding: 8px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
textarea::-webkit-input-placeholder { color: #999999; }
textarea::-moz-placeholder { color: #999999; }
textarea:-ms-input-placeholder { color: #999999; }
textarea:-moz-placeholder { color: #999999; }
textarea:focus { border: 1px #F68221 solid; color: #333; }

input[type="checkbox"] { width: 14px; height: 14px; background: #E64B3B; margin: -3px 8px 0 0; vertical-align: middle; }

input[type="radio"] { width: 14px; height: 14px; background: #E64B3B; margin: -3px 8px 0 0; vertical-align: middle; }

select { width: 100%; -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; padding: 12px 32px 12px 12px; cursor: pointer; border: 1px #E7E7E7 solid; background: #fff url(../images/arrow_down.png) no-repeat center; background-position: right 8px center; }

.block_table { overflow-x: auto; }

.block_list_table { width: 1240px; display: flex; align-items: center; justify-content: flex-start; align-items: stretch; }
.block_list_table > li { padding: 8px 24px; }
.block_list_table .block_list_table_order { color: #F68221; }
.block_list_table .block_list_table_status span { display: block; width: 100%; padding: 4px 8px; font-size: 12px; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.block_list_table .block_list_table_status .pre { background: #E9E9EA; color: #333333; }
.block_list_table .block_list_table_status .process { background: #EBFAFF; color: #0290F8; }
.block_list_table .block_list_table_status .success { background: #F9FFF2; color: #20C45A; }

.block_list_table.title { background: #E7E7E7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.block_list_table.title li { font-weight: bold; }

.block_list_table02 { display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px #E7E7E7 solid; }
.block_list_table02:first-child { border-bottom: none; }
.block_list_table02:last-child { border-bottom: none; }
.block_list_table02 > li { padding: 8px 8px; }
.block_list_table02 .block_list_table_order { color: #F68221; }
.block_list_table02 .product_price_delete { text-decoration: line-through; color: #999999; font-size: 14px; margin-bottom: 4px; }

.block_list_table02.title { background: #E7E7E7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.block_list_table02.title li { font-weight: bold; }

/* 訂單查詢 */
li[data-title="創建/更新日期:"] { width: 230px; }

li[data-title="訂單編號:"] { width: 140px; }

li[data-title="訂單階段:"] { flex: 1; }

li[data-title="訂單狀態:"] { width: 140px; }

li[data-title="貿易條件:"] { width: 140px; }

li[data-title="訂單金額:"] { width: 230px; }

li[data-title="看文件:"] { width: 110px; }

li[data-title="已收貨:"] { width: 110px; }

/* 訂單商品 */
li[data-title="商品照片:"] { width: 120px; position: relative; }
li[data-title="商品照片:"] span { position: absolute; bottom: 16px; left: 8px; }
li[data-title="商品照片:"] img { width: 120px; margin-bottom: -6px; }

li[data-title="商品名稱:"] { flex: 1; }

li[data-title="單價:"] { width: 130px; }
li[data-title="單價:"] span { font-weight: bold; display: inline-block; }

li[data-title="數量:"] { width: 120px; }

li[data-title="小計:"] { width: 130px; }
li[data-title="小計:"] span { font-weight: bold; display: inline-block; }

/* PRODUCT */
#product { max-width: 1440px; margin: 0px auto; /* DETAIL */ /* TAB */ }
#product .filter { padding: 8px 16px; margin-bottom: 16px; border: 1px #F68221 solid; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; position: relative; }
#product .filter img { position: absolute; top: 10px; right: 16px; }
#product .product_right { padding-left: 24px; }
#product .product_category { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
#product .product_title h1 { font-size: 30px; line-height: 40px; font-weight: bold; margin-bottom: 8px; }
#product .product_share { display: flex; align-items: center; margin-top: 24px; }
#product .product_share span { margin-left: 8px; }
#product .product_share span img { width: 50px; }
#product .product_decs > li { border-bottom: 1px #E7E7E7 solid; position: relative; }
#product .product_decs > li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 20px 0px; }
#product .product_decs > li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #F68221; }
#product .product_decs > li a[aria-expanded="true"]::after { content: url(../images/arrow_up.png); }
#product .product_decs .dropdown-toggle::after { position: absolute; right: 0px; top: 20px; border: none; content: url(../images/arrow_down.png); }
#product .nav-tabs { border: 0px; justify-content: center; margin-top: 80px; }
#product .nav-tabs li { margin: 0px 16px 16px 0px; }
#product .nav-tabs li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; font-size: 18px; font-weight: bold; text-align: center; line-height: 24px; padding: 8px 16px; border: 1px #F68221 solid; }
#product .nav-tabs li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F68221; color: #fff; }
#product .nav-tabs li a.active { background: #F68221; color: #fff; border: 1px #F68221 solid; }
#product .nav-tabs.nav-tabs-product { margin-top: 0px; justify-content: flex-start; }
#product .nav-tabs.nav-tabs-recommend { margin-top: 0px; }
#product .tab-content .tab-pane { padding: 8px 0px 40px 0px; }

/* LIST */
.product_list { background: #fff; border: 1px #999999 solid; padding: 24px 24px; margin-bottom: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* product */ }
.product_list li { margin-bottom: 4px; }
.product_list a:hover .product_list_title { color: #F68221; }
.product_list a:hover .product_list_img img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #F68221; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.product_list .product_list_sale { width: 100%; background: #FAFAFA; padding: 8px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }
.product_list .product_list_img { overflow: hidden; margin-bottom: 8px; }
.product_list .product_list_img img { aspect-ratio: 1/1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; width: 100%; margin-bottom: -6px; }
.product_list .product_list_title { font-size: 18px; line-height: 24px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.product_list .product_list_decs { height: 2.5rem; line-height: 20px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product_list .product_list_category { width: 100%; font-size: 16px !important; line-height: 24px; padding: 8px 12px; margin-right: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.product_list .product_list_category { background: #E7E7E7; color: #333 !important; }
.product_list .product_list_category div:first-child { background: url(../images/icons/IdentificationCard.svg) no-repeat left 2px; padding-left: 24px; }
/* .product_list .product_list_category div:last-child { background: url(../images/icons/Package.svg) no-repeat left 2px; padding-left: 24px; } */
.product_list .product_list_category div:last-child:before { content: "QTY"; padding-right: 8px; }
.product_list .product_list_category.l1.active { background: linear-gradient(#f7971e, #ffd200); color: #333 !important; }
.product_list .product_list_category.l2.active { background: linear-gradient(#ada996 0%, #f2f2f2 33%, #dbdbdb 67%, #c5c5c5 100%); color: #333 !important; }
.product_list .product_list_category.l3.active { background: linear-gradient(#856404, #ba8b02); color: #fff !important; }
.product_list .price_delete { font-size: 14px; line-height: 20px; color: #999999; text-decoration: line-through; }
.product_list .price_sale { font-size: 19px; line-height: 24px; color: #E64B3B; font-weight: bold; margin-left: 12px; }

.product_menu { margin-bottom: 12px; }
.product_menu li { display: inline-block; margin: 0px 8px 8px 0px; }
.product_menu li a { display: block; border: #686868 1px solid; color: #686868; font-size: 18px; line-height: 24px; padding: 8px 16px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
.product_menu li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F68221; border: #F68221 1px solid; color: #686868; color: #fff; }
.product_menu li a.active { background: #F68221; border: #F68221 1px solid; color: #686868; color: #fff; }

.product_filter { margin-bottom: 12px; }
.product_filter li { background: #fff; display: inline-block; margin: 0px 8px 8px 0px; }
.product_filter li a { display: block; border: #686868 1px solid; color: #686868; font-size: 18px; line-height: 24px; padding: 8px 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.product_filter li a img { vertical-align: text-top; }
.product_filter li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: #F68221 1px solid; }

.product_list_numbers { padding: 8px 0px; }

.product_category li { padding: 0px 8px; text-align: center; }
.product_category li img { width: 100%; }
.product_category li span { display: block; font-weight: bold; margin-top: 4px; }

/* DETAIL */
.product_numbers { max-width: 100%; height: 44px; text-align: center; display: flex; align-items: center; }
.product_numbers .inc { background: #fff; width: 44px; height: 100%; line-height: 44px; cursor: pointer; border: 1px solid #E7E7E7; }
.product_numbers .inc:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #F68221; }
.product_numbers .dec { background: #fff; width: 44px; height: 100%; line-height: 44px; cursor: pointer; border: 1px solid #E7E7E7; }
.product_numbers .dec:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #F68221; }
.product_numbers .red { font-size: 20px; font-weight: bold; }
.product_numbers input[type="text"] { width: calc(100% - 88px); height: 100%; border: 1px solid #E7E7E7; text-align: center; border-radius: 0px; }

.product_left { position: relative; }

#slider-product { position: relative; }
#slider-product img { width: 100%; }

#slider-product .carousel-inner > .carousel-item, .slider-product .carousel-inner > .carousel-item { float: left; /* float: right; */ /* overflow: hidden; */ /* width: 80% */ }

#slider-product .carousel-inner, .slider-product .carousel-inner { min-height: 400px; }

#slider-product .carousel-item.active .caption img, .slider-product .carousel-item.active .caption img { width: 100%; height: auto; }

#slider-product .caption, .slider-product .caption { width: 80%; height: auto; }

#slider-product .carousel-indicators, .slider-product .carousel-indicators { width: 20%; margin: 0; display: block; padding-left: 16px; right: 0; top: 0; left: auto; bottom: auto; position: absolute; }

#slider-product .carousel-indicators > li, .slider-product .carousel-indicators > li { width: 100%; height: 100%; border-radius: 0; margin: 0px 0 8px 0; display: block; text-indent: inherit; /* border:2px solid transparent; */ opacity: .75; }

#slider-product .carousel-indicators .active, .slider-product .carousel-indicators .active { opacity: 1; /* img{border:2px solid $color-primary; } */ }

#slider-product img { margin-bottom: -6px; }

/* MENBER */
.menber_tag { display: inline-block; font-size: 16px !important; line-height: 24px; padding: 4px 12px; margin-right: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.menber_tag.l1 { background: linear-gradient(#f7971e, #ffd200); color: #333 !important; }

.menber_tag.l2 { background: linear-gradient(#ada996 0%, #f2f2f2 33%, #dbdbdb 67%, #c5c5c5 100%); color: #333 !important; }

.menber_tag.l3 { background: linear-gradient(#856404, #ba8b02); color: #fff !important; }

/* CART */
#cart { max-width: 1140px; margin: 0px auto; }
#cart .cart_step { max-width: 600px; margin: 0px auto; display: flex; justify-content: center; margin-bottom: 40px; }
#cart .cart_step li { text-align: center; flex: 1; position: relative; }
#cart .cart_step li:after { content: ""; height: 2px; width: 100%; background: #999999; position: absolute; z-index: -1; top: 20px; left: 0; }
#cart .cart_step li span { display: block; width: 40px; height: 40px; background: #999999; color: #fff; font-size: 18px; line-height: 24px; text-align: center; margin: 0px auto; padding: 8px 0px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
#cart .cart_step li.active:after { background: #F68221; }
#cart .cart_step li.active span { background: #F68221; }
#cart .cart_step p { margin-top: 8px; }
#cart .cart_sidebar .cart_sidebar_block { background: #fff; border: 1px #E7E7E7 solid; padding: 32px 24px; margin-bottom: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#cart .cart_sidebar .cart_sidebar_blocklast-child { margin-bottom: 0px; }
#cart .cart_sidebar .cart_sidebar_list { display: flex; justify-content: flex-start; margin-bottom: 8px; }
#cart .cart_sidebar .cart_sidebar_list .cart_sidebar_title { flex: 0 0 100px; }
#cart .cart_sidebar .cart_sidebar_list .cart_sidebar_content { flex-grow: 1; padding: 0px 0px; text-align: right; }
#cart .cart_sidebar .cart_sidebar_list .cart_sidebar_content span { font-size: 18px; line-height: 24px; font-weight: bold; color: #E64B3B; padding-left: 4px; }
#cart .cart_sidebar .cart_sidebar_list .btn_primary_outline { display: inline-block; text-align: left; }
#cart .cart_sidebar .cart_sidebar_list .btn_primary_outline a { width: auto; padding: 12px 16px 12px 40px; }
#cart .cart_sidebar .cart_sidebar_list .btn_primary_outline a:before { content: ''; background-image: url(../images/icons/plus.png); width: 15px; height: 15px; position: absolute; left: 16px; top: 16px; }
#cart .cart_content { background: #fff; border: 1px #E7E7E7 solid; padding: 32px 24px; margin-bottom: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#cart .cart_contentlast-child { margin-bottom: 0px; }
#cart .cart_content .cart_block { border-bottom: 1px #E7E7E7 solid; padding: 20px 0px; }
#cart .cart_content .cart_block .img img { width: 140px; }
#cart .cart_content .cart_block:last-child { border-bottom: none; }
#cart .cart_content .cart_block .cart_block_content { display: flex; align-items: center; justify-content: space-between; }
#cart .cart_content .cart_block .cart_block_content .cart_content_spec02 { width: 250px; padding: 0px 20px; }
#cart .cart_content .cart_block.add { padding-left: 48px; }
#cart .cart_content .product_list_select { margin-bottom: 8px; }
#cart .cart_content .cart_content_tag02 { display: inline-block; font-size: 16px; line-height: 24px; background: #999999; color: #fff; padding: 4px 12px; margin-bottom: 8px; }
#cart .cart_content .cart_content_tile02 { font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 8px; }
#cart .cart_content .cart_content_tile03 { background: #686868; color: #fff; font-weight: bold; padding: 8px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#cart .cart_content .cart_content_tile { font-size: 16px; line-height: 24px; font-weight: bold; color: #F68221; margin-bottom: 12px; }
#cart .cart_content .cart_content_tile span { display: block; font-size: 14px; line-height: 20px; color: #999999; }
#cart .cart_content .cart_content_decs { color: #999999; }
#cart .cart_content .cart_content_decs02 { flex: 1; }
#cart .cart_content .cart_content_spec { display: flex; justify-content: flex-start; align-items: flex-start; }
#cart .cart_content .cart_content_spec .product_price { font-size: 14px; line-height: 20px; }
#cart .cart_content .cart_content_spec .product_price .product_price_delete { text-decoration: line-through; color: #999999; padding: 8px 0px; }
#cart .cart_content .cart_content_spec .product_price .product_price_discount { color: #F68221; display: inline-block; }
#cart .cart_content .cart_content_spec .product_price .product_price_discount span { font-size: 16px; line-height: 24px; font-weight: bold; }
#cart .cart_content .cart_content_spec .product_price .product_price_discount span:nth-child(2) { display: block; padding: 8px 0px; }
#cart .cart_content .cart_content_spec .product_numbers { margin-top: 0px; }
#cart .cart_content .cart_content_spec p { font-size: 16px; line-height: 24px; font-weight: bold; }
#cart .cart_content .block_list { margin-bottom: 12px; border: 1px #E7E7E7 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#cart .cart_content .block_list_content span.info { display: block; border-bottom: 1px #E7E7E7 solid; padding: 8px 0px; }
#cart .cart_content span.title { flex: 0 0 80px; color: #999999; display: block; }
#cart .cart_content .cart_content_discount { /* background:$color-thirdly-light02; padding:$padding_6 $padding_6; margin-bottom:$padding_5; */ /* &:first-child{margin-top:$padding_5;} */ }
#cart .cart_content .cart_content_discount .cart_discount_title { font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px; }
#cart .cart_content .cart_content_discount .cart_discount_title span { font-size: 16px; font-weight: bold; }
#cart .cart_content .cart_content_discount .cart_discount_input input[type="number"] { width: 200px; }
#cart .cart_content .cart_content_discount .cart_discount_input input[type="text"] { width: 160px; }
#cart .cart_content .cart_content_discount .cart_discount_coupon { background: url(../images/coupon_l.png) left top repeat-y, url(../images/coupon_r.png) right top repeat-y; padding: 6px 8px; border-top: 1px #20C45A solid; border-bottom: 1px #20C45A solid; }
#cart .cart_content .cart_content_discount .discount_list { display: flex; justify-content: flex-start; margin-bottom: 12px; /* 				.block_list_address{flex-grow:1; padding:0px 0px;
					.block_list_address_detail{width:100%; display:flex; justify-content:flex-start;
						select{width:100px; margin-right:$padding_2;}
						.input{flex-grow:1;}
					}
				} */ }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content { flex-grow: 1; padding: 8px 20px 16px 0px; border-bottom: 1px #E7E7E7 solid; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content > ul { background: #FAFAFA; padding: 24px; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content .block_list { margin-bottom: 20px; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content .block_list_title02 { flex: 0 0 80px; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content .block_list_content02 { flex-grow: 1; border-bottom: none; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content .block_list_content02 li { margin-bottom: 8px; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content .block_list_content02 li:last-child { margin-bottom: 0px; }
#cart .cart_content .cart_content_discount .discount_list .discount_list_content .btn_secondary_outline a { width: 200px; margin: 0px; }
#cart .cart_content .cart_content_delete { width: 40px; position: relative; height: 100%; }
#cart .cart_content .cart_content_delete li { width: 34px; height: 34px; text-align: center; background: #FAFAFA; padding: 8px; border-radius: 9999px; -moz-border-radius: 9999px; -webkit-border-radius: 9999px; position: absolute; top: 0px; right: 0px; }
#cart .cart_content .cart_content_delete li:hover { background: #E7E7E7; }
#cart .cart_content .cart_content_delete img { vertical-align: text-top; }
#cart .cart_content.gary { background: #FAFAFA; }
#cart .cart_done { max-width: 600px; margin: 0px auto; text-align: center; /* .btn_secondary_outline a{width:200px;} */ }
#cart .cart_done .cart_done_title { font-size: 24px; line-height: 32px; font-weight: bold; margin: 32px 0px; }
#cart .cart_done .cart_done_content { margin-bottom: 32px; }
#cart .cart_done .cart_done_title02 { font-size: 18px; line-height: 24px; font-weight: bold; margin: 12px 0px; }
#cart .cart_done .cart_done_pay { text-align: left; }

.order_action_block { width: 100%; background: #fff; display: flex; flex-direction: row; padding: 20px 20px; position: absolute; bottom: -90px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.order_action_block span { width: 50%; padding: 0px 4px; }
.order_action_block .btn { margin-top: 0px; }

/* MENBER */
#menber { max-width: 1440px; margin: 0px auto; }
#menber .menber_sidebar > a[aria-expanded="true"]::after { content: url(../images/arrow_up02.png); }
#menber .menber_sidebar .menber_sidebar_mobile { background: white; border: 1px #E7E7E7 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#menber .menber_sidebar .menber_sidebar_list { font-size: 18px; line-height: 24px; font-weight: bold; }
#menber .menber_sidebar .menber_sidebar_list a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border-bottom: 1px #E7E7E7 solid; color: #686868; font-weight: bold; padding: 16px; }
#menber .menber_sidebar .menber_sidebar_list a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #E7E7E7; }
#menber .menber_sidebar .menber_sidebar_list:last-child a { border-bottom: none; }
#menber .menber_sidebar .menber_sidebar_list a.on { background: #F68221; color: #fff; }
#menber .menber_sidebar .dropdown-toggle { display: block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F68221; color: #fff; font-weight: bold; padding: 16px; }
#menber .menber_sidebar .dropdown-toggle:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F68221; }
#menber .menber_sidebar .dropdown-toggle::after { position: absolute; right: 30px; top: 20px; border: none; content: url(../images/arrow_down02.png); }
#menber .order_fliter { display: flex; align-items: center; justify-content: flex-start; align-items: stretch; margin-bottom: 8px; }
#menber .order_fliter select { width: auto; margin-left: 8px; }

.shipper_block { background: white; border: 1px #E7E7E7 solid; margin-bottom: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 24px; }
.shipper_block ul li { display: inline-block; vertical-align: middle; }
.shipper_block ul .shipper_block_info { width: calc(100% - 108px); }
.shipper_block ul .shipper_block_info div:first-child { font-size: 18px; font-weight: bold; color: #F68221; margin-bottom: 8px; }
.shipper_block ul .shipper_block_info div:first-child span { background: #E7E7E7; font-size: 14px; font-weight: normal; padding: 4px 8px; color: #333; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.shipper_block ul .shipper_block_info div:nth-child(2) { font-weight: bold; }
.shipper_block ul .shipper_block_info.big { width: 100%; cursor: pointer; }
.shipper_block ul .btn_icon { margin-left: 8px; }

.shipper_block.active { border: 1px #F68221 solid; }

.download_block { background: white; border: 1px #E7E7E7 solid; margin-bottom: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 24px; }
.download_block ul li { display: inline-block; vertical-align: middle; }
.download_block ul .shipper_block_info { width: calc(100% - 54px); }
.download_block ul .shipper_block_info div:first-child { margin-bottom: 4px; }
.download_block ul .shipper_block_info div:first-child span { background: #E7E7E7; font-size: 14px; font-weight: normal; margin-right: 4px; padding: 4px 8px; color: #333; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.download_block ul .shipper_block_info div:nth-child(2) { font-size: 18px; font-weight: bold; color: #F68221; margin-bottom: 8px; }
.download_block ul .btn_icon { margin-left: 8px; }

.logistics_block { background: white; border: 1px #E7E7E7 solid; margin-bottom: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 16px; }
.logistics_block .logistics_block_info { display: flex; align-items: center; }
.logistics_block .logistics_block_info .text { flex: 1; }
.logistics_block .content_title04 { font-size: 18px; line-height: 24px; font-weight: bold; margin: 0px 0px 0px 0px; }
.logistics_block .cart_sidebar_list { display: flex; justify-content: flex-start; margin-bottom: 8px; }
.logistics_block .cart_sidebar_list .cart_sidebar_title { flex: 0 0 100px; }
.logistics_block .cart_sidebar_list .cart_sidebar_content { flex-grow: 1; padding: 0px 0px; text-align: right; }
.logistics_block .cart_sidebar_list .cart_sidebar_content span { font-size: 18px; line-height: 24px; font-weight: bold; color: #E64B3B; padding-left: 4px; }

.logistics_block.active { border: 1px #F68221 solid; }

.modal-dialog .modal-content .modal-header { position: relative; border-bottom: none; padding: 32px 24px; }
.modal-dialog .modal-content .modal-header .modal-title { font-size: 24px; line-height: 32px; font-weight: bold; }
.modal-dialog .modal-content .modal-header button { position: absolute; right: 32px; top: 32px; opacity: 1; z-index: 999; cursor: pointer; }
.modal-dialog .modal-body { border-top: none; padding: 24px 24px; }
.modal-dialog .modal-footer { border-top: none; }
.modal-dialog .modal-footer .btn { margin-top: 0px; }

#banner .slick-dotted.slick-slider { margin-bottom: 0px; }
#banner .slick-dots { bottom: 20px; }
#banner .slick-dots li { margin: 0px 11px; }
#banner .slick-dots li button:before { height: 12px; width: 12px; background: #fff; border: 1px #fff solid; font-size: 0px; opacity: 1; }
#banner .slick-dots li.slick-active button:before { height: 12px; width: 12px; background: #EB786D; border: 1px #fff solid; font-size: 0px; opacity: 1; }
#banner .slick-prev, #banner .slick-next { width: 30px; height: 65px; }
#banner .slick-prev { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_left002.png) no-repeat; opacity: 0.7; left: 60px; z-index: 999; }
#banner .slick-prev:before { content: ""; }
#banner .slick-prev:hover, #banner .slick-prev:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_left002.png) no-repeat; opacity: 1; }
#banner .slick-next { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_right002.png) no-repeat; opacity: 0.7; right: 60px; z-index: 999; }
#banner .slick-next:before { content: ""; }
#banner .slick-next:hover, #banner .slick-next:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_right002.png) no-repeat; opacity: 1; }

/* SLICK */
.slick-prev, .slick-next { width: 46px; height: 46px; }

.slick-prev { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_left_b.svg) no-repeat; opacity: 0.7; left: 0px; z-index: 999; }

.slick-prev:before { content: ""; }

/* [dir='rtl'] .slick-prev:before{content:url(../images/arrow_right.png);} */
.slick-prev:hover, .slick-prev:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_left_b.svg) no-repeat; opacity: 1; }

.slick-next { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_right_b.svg) no-repeat; opacity: 0.7; right: 0px; z-index: 999; }

.slick-next:before { content: ""; }

/* [dir='rtl'] .slick-next:before{content:url(../images/arrow_left.png);} */
.slick-next:hover, .slick-next:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_right_b.svg) no-repeat; opacity: 1; }

.slick-dotted.slick-slider { margin-bottom: 0px; }

.slick-dots { bottom: -32px; }
.slick-dots li { width: 10px; height: 10px; margin: 0px 8px; }
.slick-dots li button { width: 10px; height: 10px; }
.slick-dots li button:before { width: 10px; height: 10px; background: #E7E7E7; font-size: 0px; opacity: 1; border-radius: 9999px; -moz-border-radius: 9999px; -webkit-border-radius: 9999px; }
.slick-dots li.slick-active button:before { background: #E64B3B; font-size: 0px; opacity: 1; }

.pagenum { margin: 40px 0px 0px 0px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pagenum li a { width: 40px; height: 40px; text-align: center; display: inline-block; padding: 8px 0px; margin: 0px 6px; }
.pagenum .center a:hover { background: #F68221; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pagenum .center a.on { background: #F68221; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pagenum .btnleft a { background: url(../images/arrow_left001.png) no-repeat center 18px; opacity: 0.4; }
.pagenum .btnleft a:hover { opacity: 1; }
.pagenum .btnright a { background: url(../images/arrow_right001.png) no-repeat center 18px; opacity: 0.4; }
.pagenum .btnright a:hover { opacity: 1; }

#tinynav1 { display: none; margin-bottom: 24px; }

.tinynav01 #tinynav1 { width: 100%; padding: 24px 16px; margin-bottom: 40px; background: #F68221; color: #fff; border: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; -webkit-appearance: none; }

.tinynav02 #tinynav1 { width: 100%; padding: 24px 16px; margin-bottom: 40px; background: #F68221; border: 0px; border: 1px #E7E7E7 solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; -webkit-appearance: none; }

#btn_top { width: 50px; height: 50px; background: #F68221; padding: 16px; position: fixed; right: 30px; bottom: -1000px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; opacity: 0.7; }
#btn_top:hover { opacity: 1; }

.addToCartBtn { width: 100%; position: fixed; bottom: 0; z-index: 999; }
.addToCartBtn a { border-radius: 0px !important; }

.btn_product span:first-child a { width: calc(100% - 8px); /*  margin-right:$padding_2; */ }
.btn_product span:last-child a { width: calc(100% - 8px); /*  margin-left:$padding_2; */ }

.btn_process_group { display: flex; align-items: center; justify-content: space-between; }

.btn { color: #fff; text-align: center; margin-top: 24px; }
.btn a { width: 100%; font-size: 14px; padding: 12px 16px; margin: 0px auto 0px auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.btn_primary { text-align: center; }
.btn_primary a { background: #F68221; color: #fff; }
.btn_primary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #FFA153; color: #fff; }

.btn_primary_outline { text-align: center; }
.btn_primary_outline a { border: 1px #E64B3B solid; background: #fff; color: #E64B3B; /* 		&:before{content: ''; background-image:url(../images/icons/cart02.png); width:15px; height:18px; margin-right:$padding_2;
		background-size: 100%; 	background-position:0px 4px; 	background-repeat: no-repeat; 	display: inline-block; 	}
		&:hover:before{background-image:url(../images/icons/cart03.png);} */ }
.btn_primary_outline a:hover { background: #E64B3B; border: 1px #EB786D solid; color: #fff; }

.btn_secondary_outline { text-align: center; }
.btn_secondary_outline a { border: 1px #999999 solid; color: #333; position: relative; }
.btn_secondary_outline a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #F68221 solid; }

.btn_primary_small { text-align: center; margin-left: 16px; }
.btn_primary_small a { width: auto; display: inline-block; background: #F68221; color: #fff; padding: 4px 24px; }
.btn_primary_small a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #FFA153; color: #fff; }

.btn_secondary_small { text-align: center; margin-left: 16px; }
.btn_secondary_small a { width: auto; display: inline-block; background: #F68221; color: #fff; padding: 4px 24px; }
.btn_secondary_small a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #FFA153; color: #fff; }

.btn_secondary_small_outline { text-align: center; margin-left: 16px; }
.btn_secondary_small_outline a { width: auto; display: inline-block; border: 1px #999999 solid; color: #333; padding: 0px 24px; }
.btn_secondary_small_outline a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #F68221 solid; }

.btn_icon { text-align: center; cursor: pointer; }
.btn_icon a { background: #FAFAFA; padding: 10px 12px; font-size: 14px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
.btn_icon a img { width: 16px; height: 16px; vertical-align: sub; }
.btn_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #E7E7E7; }

.btn_icon.disable a { background: #E7E7E7; cursor: no-drop; }

.link { color: #F68221; text-decoration: underline; }

.red { color: #E64B3B !important; }

.green { color: #F68221; }

/*Styles for screen 1440px and lower*/
/*Styles for screen 1200px and lower*/
/*Styles for screen 1024px and lower*/
/*Styles for screen 1000px and lower*/
@media screen and (max-width: 1000px) { header nav { position: relative; }
  header nav #logo { background: url(../images/logo.png) no-repeat center; width: 250px; height: 40px; }
  header nav .navbar-expand-lg .navbar-nav { display: flex; align-items: center; }
  header nav .navbar-expand-lg .navbar-nav .nav-item { width: 100%; text-align: center; }
  header nav .navbar-expand-lg .navbar-nav .nav-item > a { width: 100%; padding: 12px 24px; border-bottom: 1px #999999 solid; }
  header nav .navbar-expand-lg .navbar-nav .nav-item:last-child a { border-bottom: none; }
  header nav .navbar-expand-lg .navbar-nav .nav-icon { display: none; }
  header nav .navbar-expand-lg .navbar-nav .nav-select { display: none; }
  header nav .btn.btn_primary_small { margin-left: 0px; margin-top: 8px !important; }
  header nav .shortcut { display: flex; position: absolute; top: 8px; right: 0px; }
  /* CONTAINER */
  section .content .content_title { padding: 20px 0px 20px 0px; }
  /* PRODUCT */
  .info_sidebar_mobile { display: none; }
  /* MENBER */
  .menber_sidebar_mobile { /* display:none; */ }
  .menber_sidebar { margin-bottom: 24px; }
  .pagenum { margin: 0px 0px 0px 0px; }
  #tinynav1 { display: block; margin-bottom: 24px; } }
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) { #menber .order_fliter { flex-direction: column; }
  #menber .order_fliter select { margin-left: 0px; margin-top: 4px; }
  .block_list_table { width: 100%; }
  /* SLICK */
  #banner { /* .slick-prev, .slick-next{width:30px; height:30px;} */ }
  #banner .slick-prev { left: 10px; }
  #banner .slick-next { right: 10px; }
  /* BLOCK */
  .block .block_list { display: block; }
  .block .block_list .block_list_title { width: 100%; }
  .block .block_list .block_list_content { width: 100%; padding: 0px; }
  .block .block_list .block_list_address { padding: 0px; }
  .block .block_list .block_list_address .block_list_address_detail { width: 100%; display: flex; justify-content: flex-start; }
  .block .block_list .block_list_address .block_list_address_detail select { width: 100px; margin-right: 8px; }
  .block .block_list .block_list_address .block_list_address_detail .input { flex-grow: 1; }
  .block02 .block_list { display: block; }
  .block02 .block_list .block_list_content .block_list_title02 { width: 100%; }
  .block02 .block_list .block_list_content .block_list_content02 { width: 100%; padding: 0px; }
  .block_list_table.title { display: none; }
  .block_list_table { flex-direction: column; border: 1px #E7E7E7 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 12px; }
  .block_list_table li { text-align: left; }
  .block_list_table li:first-child { background: #E7E7E7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  .block_list_table li:before { content: attr(data-title); margin-right: 16px; font-weight: bold; }
  .block_list_table02.title { display: none; }
  .block_list_table02 { flex-direction: column; padding: 12px 0px; }
  .block_list_table02 li { text-align: left; /* &:before{content: attr(data-title); margin-right:$padding_4;} */ }
  .block_list_table02 li.data:before { content: attr(data-title); margin-right: 16px; font-weight: bold; }
  /* 訂單查詢 */
  li[data-title="創建/更新日期:"] { width: 100%; }
  li[data-title="訂單編號:"] { width: 100%; }
  li[data-title="訂單階段:"] { width: 100%; }
  li[data-title="訂單狀態:"] { width: 100%; }
  li[data-title="貿易條件:"] { width: 100%; }
  li[data-title="訂單金額:"] { width: 100%; }
  li[data-title="看文件:"] { width: 100%; }
  li[data-title="已收貨:"] { width: 100%; }
  /* 訂單商品 */
  li[data-title="商品照片:"] { width: 100%; }
  li[data-title="商品名稱:"] { width: 100%; }
  li[data-title="單價:"] { width: 100%; }
  li[data-title="數量:"] { width: 100%; }
  li[data-title="小計:"] { width: 100%; }
  /* PRODUCT */
  #product .product_category { margin-top: 16px; }
  /* CART */
  #cart .cart_sidebar02 .cart_sidebar_list { display: flex; justify-content: flex-end; margin-bottom: 8px; }
  #cart .cart_sidebar02 .cart_sidebar_list .cart_sidebar_title { flex: auto; }
  #cart .cart_sidebar02 .cart_sidebar_list_total { flex-direction: column; text-align: right; }
  #cart .cart_sidebar02 .cart_sidebar_list_total .cart_sidebar_title { width: 100%; }
  #cart .cart_sidebar02 .cart_sidebar_list_total .cart_sidebar_content { width: 100%; } }
/*Styles for screen 680px and lower*/
@media screen and (max-width: 680px) { /* CART */
  #cart .cart_content .cart_block .cart_block_content { flex-direction: column; align-items: flex-start; }
  #cart .cart_content .cart_block .cart_block_content .cart_content_spec02 { width: 100%; height: auto; padding: 12px 0px; }
  #cart .cart_content .cart_block .cart_block_content .cart_content_delete { width: 100%; }
  #cart .cart_content .cart_block .cart_block_content .cart_content_delete li { width: 100%; height: auto; position: relative; } }
/*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) { header nav #logo { background: url(../images/logo.png) no-repeat center; width: 100px; height: 40px; background-size: 100px; margin-right: 16px; }
  header .list_search { display: block; }
  header .search_form { display: none; }
  .order_fliter .search_form { display: flex; flex-direction: column; }
  .order_fliter .search_form > * { width: 100% !important; }
  /* PRODUCT */
  #product { max-width: 1440px; margin: 0px auto; /* TAB */ }
  #product .nav-tabs { border: 0px; justify-content: center; margin-top: 80px; }
  #product .nav-tabs li { margin: 0px 16px 16px 0px; width: 45%; }
  #product .nav-tabs li:nth-child(even) { margin: 0px 0px 16px 0px; }
  /* LIST */
  .product_list .price_sale { display: block; margin-left: 0px; }
  /* CART */
  #cart { max-width: 1140px; margin: 0px auto; /* 		.cart_content{
			.cart_content_discount{background:$color-thirdly-light; padding:$padding_6 $padding_6; margin-bottom:$padding_5;
				.btn_secondary_small{display:block; margin-left:0px; margin-top:$padding_3;
					a{width:100%;}
				}
			}
		} */ }
  #cart .cart_content .cart_block.add { background: #999999; padding-left: 0px; }
  /* BLOCK */
  .block_list_table02.add { background: #999999; padding-left: 0px; }
  .block .block_list_content .address { display: flex; flex-direction: column; }
  .block .block_list_content .address span.btn.btn_primary a { width: 100%; }
  .block .block_list_content .address input { margin-top: 8px; margin-left: 0px; }
  .block .btn.btn_secondary_outline a { width: 100%; }
  .pagenum li a { padding: 8px 0px; margin: 0px 0px; }
  #btn_top { right: 10px; } }

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