html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

.left,
.columns.left {
    float: left
}

.right,
.columns.right {
    float: right
}

.hide {
    display: none
}

.highlight {
    background: #ff0
}

.ie9,
.ie9 * {
    font-family: Arial, "Definitely Not Helvetica", sans-serif, "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

body {
    background: #fafafa;
    font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif, "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    font-size: .9em;
    color: #231815;
    position: relative;
    -webkit-font-smoothing: antialiased
}

img,
object,
embed {
    width: auto;
    max-width: 100%;
    height: auto
}

.blur {
    filter: url(blur.svg#blur);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=true)
}

ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    line-height: inherit
}

a:hover {
    color: #81d8ff;
    text-decoration: none;
    font-weight: normal
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clear-all {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.display-mob {
    display: none
}

#container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

#container-m {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding-top: 10px
}

#container-l {
    float: left;
    width: 200px
}

#container-r {
    float: left;
    width: 760px
}

#container-s {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

#container-r2 {
    float: left;
    width: 240px;
    margin-left: 10px
}

#container-f {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding-top: 10px
}

#llist-top-gift {
    float: left;
    background: url(../images/llist-top-001.png) no-repeat;
    width: 190px;
    height: 43px;
    padding: 0 0 0 10px;
    margin-right: 10px;
    border: #dfdfdf 0 solid;
    line-height: 2.3em;
    color: #fff;
    font-size: 1.30em;
    text-shadow: 1px 1px 1px #da0a3f;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-top-print {
    float: left;
    background: url(../images/llist-top-002.png) no-repeat;
    width: 190px;
    height: 43px;
    padding: 0 0 0 10px;
    margin-right: 10px;
    border: #dfdfdf 0 solid;
    line-height: 2.3em;
    color: #fff;
    font-size: 1.30em;
    text-shadow: 1px 1px 1px #186fb8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-top-project {
    float: left;
    background: url(../images/llist-top-003.png) no-repeat;
    width: 190px;
    height: 43px;
    padding: 0 0 0 10px;
    margin-right: 10px;
    border: #dfdfdf 0 solid;
    line-height: 2.3em;
    color: #fff;
    font-size: 1.30em;
    text-shadow: 1px 1px 1px #1f6f00;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-top-school {
    float: left;
    background: url(../images/llist-top-school.png) no-repeat;
    width: 190px;
    height: 43px;
    padding: 0 0 0 10px;
    margin-right: 10px;
    border: #dfdfdf 0 solid;
    line-height: 2.3em;
    color: #fff;
    font-size: 1.30em;
    text-shadow: 1px 1px 1px #881f00;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-top-szbt {
    float: left;
    background: url(../images/llist-top-szbt.png) no-repeat;
    width: 190px;
    height: 43px;
    padding: 0 0 0 10px;
    margin-right: 10px;
    border: #dfdfdf 0 solid;
    line-height: 2.3em;
    color: #fff;
    font-size: 1.30em;
    text-shadow: 1px 1px 1px #881f00;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    margin-bottom: 10px
}

.llist-top-num {
    color: #000;
    opacity: .20;
    font-size: .7em;
    float: right;
    margin-right: 6px;
    line-height: 5.0
}

#llist-gift {
    float: left;
    width: 188px;
    border: #ffdbdf 1px solid;
    background: #fff5f8;
    color: #ff1b58;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-gift a:hover {
    background: url(../images/hover.png) repeat
}

.llist-gift-t {
    float: left;
    width: 180px;
    height: 50px;
    margin: 0;
    padding: 2px 1px 2px 7px;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 2.95em;
    border: #bf0018 0 solid;
    text-shadow: 0 0 #bf0018;
    border-radius: 0;
    background: url(../images/llist-fltop-001.png);
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-gift ul+ul {
    border-top: #fff 1px solid
}

#llist-gift li {
    float: left;
    padding: 0 5px 4px 5px;
    width: auto;
    min-width: 30px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-gift li a:link {
    color: #585858;
    text-decoration: none;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-gift li a:visited {
    color: #585858;
    text-decoration: none
}

#llist-gift li a:hover {
    color: #fff;
    text-decoration: none;
    background: #ff1b58;
    border-radius: 2px
}

#llist-gift .llist-click {
    color: #fff;
    text-decoration: none;
    background: #ff1b58;
    border-radius: 2px
}

.llist-gift-t .icon001 {
    float: right;
    background: url() no-repeat center center;
    width: 47px;
    height: 47px
}

#llist-print {
    float: left;
    width: 188px;
    border: #bfe9ff 1px solid;
    background: #f1f8ff;
    color: #009fef;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-print a:hover {
    background: url(../images/hover.png) repeat
}

.llist-print-t {
    float: left;
    width: 180px;
    height: 50px;
    margin: 0;
    padding: 2px 1px 2px 7px;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 2.95em;
    border: #bf0018 0 solid;
    text-shadow: 0 0 #bf0018;
    border-radius: 0;
    background: url(../images/llist-fltop-002.png)
}

#llist-print ul+ul {
    border-top: #fff 1px solid
}

#llist-print li {
    float: left;
    padding: 0 5px 4px 5px;
    width: auto;
    min-width: 30px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-print li a:link {
    color: #585858;
    text-decoration: none
}

#llist-print li a:visited {
    color: #585858;
    text-decoration: none
}

#llist-print li a:hover {
    color: #fff;
    text-decoration: none;
    background: #1b88ff;
    border-radius: 2px
}

#llist-print li .llist-click {
    color: #fff;
    text-decoration: none;
    background: #1b88ff;
    border-radius: 2px
}

.llist-print-t .icon001 {
    float: right;
    background: url() no-repeat center center;
    width: 47px;
    height: 47px
}

#llist-project {
    float: left;
    width: 188px;
    border: #bcec9b 1px solid;
    background: #f1ffe1;
    color: #2f8800;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-project a:hover {
    background: url(../images/hover.png) repeat
}

.llist-project-t {
    float: left;
    width: 180px;
    height: 50px;
    margin: 0;
    padding: 2px 1px 2px 7px;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 2.95em;
    border: #bf0018 0 solid;
    text-shadow: 0 0 #bf0018;
    border-radius: 0;
    background: url(../images/llist-fltop-003.png);
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-project ul+ul {
    border-top: #fff 1px solid
}

#llist-project li {
    float: left;
    padding: 0 5px 4px 5px;
    width: auto;
    min-width: 30px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-project li a:link {
    color: #585858;
    text-decoration: none
}

#llist-project li a:visited {
    color: #585858;
    text-decoration: none
}

#llist-project li a:hover {
    color: #fff;
    text-decoration: none;
    background: #2f8800;
    border-radius: 2px
}

#llist-project li .llist-click {
    color: #fff;
    text-decoration: none;
    background: #2f8800;
    border-radius: 2px
}

.llist-project-t .icon001 {
    float: right;
    background: url() no-repeat center center;
    width: 47px;
    height: 47px
}

#llist-school {
    float: left;
    width: 188px;
    border: #ffd0b8 1px solid;
    background: #fdf6f3;
    color: #2f8800;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-school a:hover {
    background: url(../images/hover.png) repeat
}

.llist-school-t {
    float: left;
    width: 180px;
    height: 50px;
    margin: 0;
    padding: 2px 1px 2px 7px;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 2.95em;
    border: #bf0018 0 solid;
    text-shadow: 0 0 #bf0018;
    border-radius: 0;
    background: url(../images/llist-fltop-school.png);
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-school ul+ul {
    border-top: #fff 1px solid
}

#llist-school li {
    float: left;
    padding: 0 5px 4px 5px;
    width: auto;
    min-width: 30px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#llist-school li a:link {
    color: #585858;
    text-decoration: none
}

#llist-school li a:visited {
    color: #585858;
    text-decoration: none
}

#llist-school li a:hover {
    color: #fff;
    text-decoration: none;
    background: #d83f00;
    border-radius: 2px
}

#llist-school li .llist-click {
    color: #fff;
    text-decoration: none;
    background: #d83f00;
    border-radius: 2px
}

.llist-school-t .icon001 {
    float: right;
    background: url() no-repeat center center;
    width: 47px;
    height: 47px
}

.llist-szbc-t {
    float: left;
    width: 180px;
    height: 40px;
    margin: 0;
    padding: 2px 1px 2px 7px;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 2.95em;
    border: #bf0018 0 solid;
    text-shadow: 0 0 #bf0018;
    border-radius: 0;
    background: url(../images/llist-fltop-szbc.png);
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    text-align: center
}

.llist-school-ts {
    float: left;
    width: 180px;
    height: 50px;
    margin: 0;
    padding: 2px 1px 2px 7px;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 2.95em;
    border: #bf0018 0 solid;
    text-shadow: 0 0 #bf0018;
    border-radius: 0;
    background: url(../images/llist-fltop-school-s.png);
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

.llist-school-ts .icon001 {
    float: right;
    background: url() no-repeat center center;
    width: 47px;
    height: 47px
}

.ad-area {
    float: left;
    width: auto;
    padding-left: 5px
}

.ui-banner {
    display: block;
    position: relative;
    width: 600px
}

.ui-banner.ui-banner-invalid {
    display: none
}

.ui-banner,
.ui-banner .ui-banner-arrow,
.ui-banner .ui-banner-slides,
.ui-banner .ui-banner-slogans {
    height: 230px
}

.ui-banner .ui-banner-arrow,
.ui-banner .ui-banner-slides,
.ui-banner .ui-banner-slogans {
    position: absolute;
    top: 0
}

.ui-banner ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ui-banner .ui-banner-slides {
    width: 448px;
    height: 228px;
    left: 0;
    border: 1px #dfdfdf solid
}

.ui-banner .ui-banner-slides li {
    display: none;
    position: absolute
}

.ui-banner .ui-banner-slides li img {
    width: 450px;
    height: 230px;
    border: none
}

.ui-banner .ui-banner-slides li.ui-banner-slides-current,
.ui-banner .ui-banner-slides li.ui-banner-slides-next,
.ui-banner .ui-banner-slides li.ui-banner-slides-prev {
    display: block
}

.ui-banner .ui-banner-slides li.ui-banner-slides-current {
    left: 0
}

.ui-banner .ui-banner-slides li.ui-banner-slides-prev {
    left: -450px
}

.ui-banner .ui-banner-slides li.ui-banner-slides-next {
    left: 450px
}

.ui-banner .ui-banner-slogans {
    height: 218px;
    overflow: hidden;
    padding: 0 0 10px 0;
    width: 143px;
    border: 1px #dfdfdf solid;
    right: 0;
    background: #231815;
    background: -moz-linear-gradient(left, #231815 0%, #585858 81%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #231815), color-stop(81%, #585858));
    background: -webkit-linear-gradient(left, #231815 0%, #585858 81%);
    background: -o-linear-gradient(left, #231815 0%, #585858 81%);
    background: -ms-linear-gradient(left, #231815 0%, #58585881%);
    background: linear-gradient(to right, #231815 0%, #585858 81%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#231815', endColorstr='#585858', GradientType=1)
}

.ui-banner .ui-banner-slogans li {
    cursor: pointer;
    color: #bbe8ff;
    height: 60px;
    text-align: left;
    font-weight: 700;
    font-size: .95em;
    font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif, "微軟正黑體", "Microsoft JhengHei", "宋体", "Hiragino Sans GB";
    line-height: 20px;
    padding: 6px 10px 10px 10px;
    margin-left: 0;
    border-bottom: 1px solid #5f5f5f;
    list-style: none;
    list-style-type: none
}

.ui-banner .ui-banner-slogans li.ui-banner-slogans-current {
    background: #0069d8;
    background: -moz-linear-gradient(left, #0069d8 0%, #0091ef 81%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0069d8), color-stop(81%, #0091ef));
    background: -webkit-linear-gradient(left, #0069d8 0%, #0091ef 81%);
    background: -o-linear-gradient(left, #0069d8 0%, #0091ef 81%);
    background: -ms-linear-gradient(left, #0069d8 0%, #0091ef 81%);
    background: linear-gradient(to right, #0069d8 0%, #0091ef 81%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0069d8', endColorstr='#0091ef', GradientType=1)
}

.ui-banner .ui-banner-slogans li.ui-banner-slogans-prev {
    border-bottom: none
}

.ui-banner .ui-banner-arrow {
    display: block;
    width: 45px;
    outline: 0
}

.ui-banner .ui-banner-arrow.ui-banner-arrow-prev {
    left: -0px;
    top: 100px;
    background: transparent url(../images/pd_banner/left.png) no-repeat 0 0;
    background-size: 40px auto;
    -moz-background-size: 40px;
    -webkit-background-size: 40px;
    -o-background-size: 40px;
    -ms-background-size: 40px;
    opacity: .75
}

.ui-banner .ui-banner-arrow.ui-banner-arrow-prev:hover {
    opacity: 1.0
}

.ui-banner .ui-banner-arrow.ui-banner-arrow-next {
    left: 410px;
    top: 100px;
    background: transparent url(../images/pd_banner/right.png) no-repeat 0 0;
    background-size: 40px auto;
    -moz-background-size: 40px;
    -webkit-background-size: 40px;
    -o-background-size: 40px;
    -ms-background-size: 40px;
    opacity: .75
}

.ui-banner .ui-banner-arrow.ui-banner-arrow-next:hover {
    opacity: 1.0
}

.ui-banner .ui-banner-arrow.ui-banner-arrow-next img {
    left: -15px
}

.ui-banner .ui-banner-overlay {
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 0;
    width: 173px
}

#ad01 {
    float: left;
    background: none;
    width: 193px;
    height: 228px;
    padding: 0;
    margin-right: 5px;
    border: #dfdfdf 1px solid
}

#tab_list-t {
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    border-bottom: #686868 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    box-sizing: border-box
}

#tab_list-t h2 {
    float: left;
    width: auto;
    min-width: 170px;
    height: 39px;
    background: none;
    border-bottom: #686868 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #231815;
    line-height: 2.0
}

#tab_list {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #fefefe;
    border: #dfdfdf 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-list {
    background: url(../images/tab-dot.png) no-repeat;
    color: #b8b8b8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_list-t .info {
    display: flex;
    align-items: center;
}

#tab_list-count {
    float: right;
    display: flex;
    align-items: center;
    color: #686868;
    padding: 0 2% 5px;
    min-width: 120px;
    width: 400px !important
}

#tab_list-count .num {
    color: #58bfff;
    padding: 0 3%
}

#tab_list-t .gopage {
    display: flex;
    padding-bottom: 5px;
}

#tab_list-t .gopage span {
    display: block;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
    margin-right: 3px;
    padding: 2px 3px;
    background: #4A9AE7;
    color: #fff;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

#tab_list-count .gopage span:hover {
    background: #fff;
    color: #3d3d3d
}

.pro-sn {
    color: #585858;
    background: #d8d8d8;
    background: rgba(216, 216, 216, .57);
    font-size: 1.0;
    padding: 3px 5px 3px 5px;
    margin: 5px;
    left: 0;
    position: absolute;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    z-index: 9
}

#tab_plink-t {
    float: left;
    width: 100%;
    border-bottom: #ff681f 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_plink-t h2 {
    float: left;
    width: 190px;
    height: 38px;
    background: none;
    border-bottom: #ff681f 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #681800;
    line-height: 1.9em;
    border-left: #d83f00 0 solid
}

#tab_plink {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #ffefe8;
    border: #ffd8bf 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0
}

.tab_en-plink {
    background: url(../images/tab-dot.png) no-repeat;
    color: #ff681f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_new-topic-t {
    float: left;
    width: 100%;
    border-bottom: #00a8ff 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_new-topic-t h2 {
    float: left;
    width: auto;
    min-width: 280px;
    height: 38px;
    background: none;
    border-bottom: #00a8ff 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #00456f;
    line-height: 2.0
}

#tab_new-topic {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #effaff;
    border: #bfefff 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-new-topic {
    background: url(../images/tab-dot.png) no-repeat;
    color: #38bfff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_featured-t {
    float: left;
    width: 100%;
    border-bottom: #8a00ff 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_featured-t h2 {
    float: left;
    width: auto;
    min-width: 280px;
    height: 38px;
    background: none;
    border-bottom: #8a00ff 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #3f006f;
    line-height: 2.0
}

#tab_featured {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #f8efff;
    border: #dfbfff 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-featured {
    background: url(../images/tab-dot.png) no-repeat;
    color: #b86fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_hot-t {
    float: left;
    width: 100%;
    border-bottom: #df183f 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_hot-t h2 {
    float: left;
    width: auto;
    min-width: 200px;
    height: 38px;
    background: none;
    border-bottom: #df183f 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #980000;
    line-height: 2.0
}

#tab_hot {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #fff1f8;
    border: #ffcad8 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-hot {
    background: url(../images/tab-dot.png) no-repeat;
    color: #ff6868;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_new-t {
    float: left;
    width: 100%;
    border-bottom: #1f9800 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_new-t h2 {
    float: left;
    width: auto;
    min-width: 200px;
    height: 38px;
    background: none;
    border-bottom: #1f9800 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #085800;
    line-height: 2.0
}

#tab_new {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #e8ffe8;
    border: #b8e8b8 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-new {
    background: url(../images/tab-dot.png) no-repeat;
    color: #5fcf00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_fashin-t {
    float: left;
    width: 100%;
    border-bottom: #1f9800 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_fashin-t h2 {
    float: left;
    width: auto;
    min-width: 220px;
    height: 38px;
    background: none;
    border-bottom: #1f9800 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #085800;
    line-height: 2.0
}

#tab_fashin {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #e8ffe8;
    border: #b8e8b8 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-fashin {
    background: url(../images/tab-dot.png) no-repeat;
    color: #5fcf00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_topic-t {
    float: left;
    width: 100%;
    border-bottom: #8b5f00 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_topic-t h2 {
    float: left;
    width: auto;
    min-width: 200px;
    height: 38px;
    background: none;
    border-bottom: #8b5f00 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #583800;
    line-height: 2.0
}

#tab_topic {
    float: left;
    width: 100%;
    max-width: 748px;
    background: #fffbe8;
    border: #ffe8b8 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-topic {
    background: url(../images/tab-dot.png) no-repeat;
    color: #cf8f00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

.content-wrapper {
    clear: both;
    padding: 0
}

    {
    width: 100%;
    margin: 0 auto
}

.new-product-block {
    width: 98%;
    clear: both;
    padding: 1%;
    border-top: 0 solid
}

.col-main .new-product-block {
    background: none;
    border: 0;
    padding: 0
}

.new-product-block .product-grid {
    text-align: center;
    width: 100%;
    display: flex;
    flex-flow: wrap
}

.new-product-block .product-grid li {
    float: left;
    width: 23.82%;
    border: 1px solid #d8d8d8;
    position: relative;
    margin: 0 .42% 1.2% .42%;
    padding-bottom: 30px;
    position: relative
}

.new-product-block .product-grid li+li {}

.new-product-block .product-grid li .pro-img {
    display: block;
    height: auto;
    text-align: center;
    margin: auto;
    background: #e8e8e8;
    width: 230px;
    height: 230px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.new-product-block .product-grid li .pro-img img {
    margin: 0 0;
    display: inline-block;
    width: 100%;
    height: auto;
    z-index: 5
}

.new-product-block .pro-img font {
    position: absolute;
    padding: 3px 6px;
    background: #7c6700;
    border-radius: 15px;
    color: #dbe4ee;
    font-size: 11pt;
    right: 1px;
    bottom: 8px;
    z-index: 9
}

.new-product-block .product-grid li .no-img {
    width: 100%;
    height: auto;
    max-width: 250px;
    background-image: url(../images/no-images.png);
    background-repeat: no-repeat
}

.new-product-block .product-grid li .pro-content {
    float: left;
    width: 100%;
    height: 40px;
    overflow: hidden;
    padding: 10px 0 0;
    margin-bottom: 5px;
    border-top: 0 solid;
    color: #000;
    text-align: left;
    word-break: break-all;
    font-size: .95em;
    line-height: 1.35em
}

.new-product-block .product-grid li .pro-content p {
    margin: 0 6px 5px 6px
}

.new-product-block .product-grid li .pro-price {
    background: none;
    height: 30px;
    min-height: 0 !important;
    padding: 0 0 0 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 30px
}

.add-cart {
    margin: 0 auto;
    padding: 0
}

.new-product-block .product-grid li .pw {
    clear: none;
    padding: 0 0 0 5px;
    color: #a80000;
    line-height: 2.3em;
    font-size: .9em;
    position: absolute;
    bottom: 0
}

.new-product-block .product-grid li .pw .pwp {
    float: left;
    clear: none;
    padding: 0 2px 0 0;
    color: #ff006f;
    line-height: 2.1em;
    font-size: 1.10em;
    font-weight: bold;
    margin-right: 3px
}

.new-product-block .product-grid li .pro-btn-block {
    display: block;
    clear: none
}

.new-product-block .product-grid li .pro-btn-block a {
    float: right;
    font-size: .8em;
    padding: 4px 5px 6px 5px;
    text-align: center;
    color: #fff;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out
}

.new-product-block .product-grid li .pro-link-block {
    display: block;
    clear: both;
    padding: 10px 10px 14px
}

.new-product-block .product-grid li:hover {}

.new-product-block .product-grid li .pro-link-block a {
    font-size: 11px;
    padding-left: 22px;
    color: #444;
    -moz-transition: all 200ms ease-in-out 0s;
    -ms-transition: all 200ms ease-in-out 0s;
    -o-transition: all 200ms ease-in-out
}

.sjsn {
    float: right;
    font-size: .7em;
    line-height: 2.80em;
    opacity: .25;
    margin-right: 2px
}

.new-product-block .product-grid li .pro-content,
.news-letter-container,
.main .like-pro-block .like-pro,
.main .related-pro-block .related-pro {
    background: url("../images/nav_arrow.png") no-repeat top center
}

.new-product-block {}

.new-product-block .product-grid li .pro-price {
    color: #0089d8;
    text-decoration: none
}

.new-product-block .product-grid li .pro-btn-block a {
    color: #fff;
    border: #0088df 1px solid;
    text-shadow: 0 0 0 #0068d8;
    background: #00a8ff;
    background: -moz-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a8ff), color-stop(100%, #006fd8));
    background: -webkit-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -o-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -ms-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a8ff', endColorstr='#006fd8', GradientType=0);
    border-radius: 3px
}

.new-product-block .product-grid li .pro-btn-block a:hover {
    background: #fff;
    color: #231815;
    text-decoration: none;
    border: #bfbfbf 1px solid
}

.btn-addcart a {
    float: right;
    display: block;
    width: auto;
    font-size: .9em;
    padding: 3px 3px 5px 3px;
    margin-right: 5px;
    text-align: center;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out;
    color: #fff;
    border: #0088df 1px solid;
    text-shadow: 0 0 0 #0068d8;
    background: #00a8ff;
    background: -moz-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a8ff), color-stop(100%, #006fd8));
    background: -webkit-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -o-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -ms-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: linear-gradient(to bottom, #00a8ff 0%, #006fd8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a8ff', endColorstr='#006fd8', GradientType=0);
    border-radius: 3px
}

.btn-addcart a:hover {
    background: #0069AC;
    background: -moz-linear-gradient(top, #0069AC 0%, #0055A5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0069AC), color-stop(100%, #0055A5));
    background: -webkit-linear-gradient(top, #0069AC 0%, #0055A5 100%);
    background: -o-linear-gradient(top, #0069AC 0%, #0055A5 100%);
    background: -ms-linear-gradient(top, #0069AC 0%, #0055A5 100%);
    background: linear-gradient(to bottom, #0069AC 0%, #0055A5 100%);
    color: #fff;
    text-decoration: none;
    border: 1px solid #004a79;
    cursor: pointer
}

.btn-addinq a {
    float: right;
    display: block;
    width: auto;
    font-size: .9em;
    padding: 3px 3px 5px 3px;
    margin-right: 5px;
    text-align: center;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out;
    color: #fff;
    border: #df0038 1px solid;
    text-shadow: 0 0 0 #df0038;
    background: #ff5888;
    background: -moz-linear-gradient(top, #ff5888 0%, #ef0038 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5888), color-stop(100%, #ef0038));
    background: -webkit-linear-gradient(top, #ff5888 0%, #ef0038 100%);
    background: -o-linear-gradient(top, #ff5888 0%, #ef0038 100%);
    background: -ms-linear-gradient(top, #ff5888 0%, #ef0038 100%);
    background: linear-gradient(to bottom, #ff5888 0%, #ef0038 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5888', endColorstr='#ef0038', GradientType=0);
    border-radius: 3px
}

.btn-addinq a:hover {
    background: #FF338B;
    background: -moz-linear-gradient(top, #FF338B 0%, #bc002c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF338B), color-stop(100%, #A10026));
    background: -webkit-linear-gradient(top, #FF338B 0%, #A10026 100%);
    background: -o-linear-gradient(top, #FF338B 0%, #A10026 100%);
    background: -ms-linear-gradient(top, #FF338B 0%, #A10026 100%);
    background: linear-gradient(to bottom, #FF338B 0%, #A10026 100%);
    color: #fff;
    text-decoration: none;
    border: 1px solid #f10045;
    cursor: pointer
}

.btn-proview a {
    float: right;
    display: block;
    width: auto;
    font-size: .9em;
    padding: 3px 3px 5px 3px;
    margin-right: 5px;
    text-align: center;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out;
    color: #fff;
    border: #FF8700 1px solid;
    text-shadow: 0 0 0 #FF6F00;
    background: #FBB030;
    background: -moz-linear-gradient(top, #FBB030 0%, #FF8000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBB030), color-stop(100%, #FF8000));
    background: -webkit-linear-gradient(top, #FBB030 0%, #FF8000 100%);
    background: -o-linear-gradient(top, #FBB030 0%, #FF8000 100%);
    background: -ms-linear-gradient(top, #FBB030 0%, #FF8000 100%);
    background: linear-gradient(to bottom, #FBB030 0%, #FF8000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBB030', endColorstr='#FF8000', GradientType=0);
    border-radius: 3px
}

.btn-proview a:hover {
    background: #f39b05;
    background: -moz-linear-gradient(top, #f39b05 0%, #cc6600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f39b05), color-stop(100%, #CC6600));
    background: -webkit-linear-gradient(top, #f39b05 0%, #CC6600 100%);
    background: -o-linear-gradient(top, #f39b05 0%, #CC6600 100%);
    background: -ms-linear-gradient(top, #f39b05 0%, #CC6600 100%);
    background: linear-gradient(to bottom, #f39b05 0%, #CC6600 100%);
    color: #fff;
    text-decoration: none;
    border: 1px solid #c17b04;
    cursor: pointer
}

.new-product-block .product-grid li .pro-link-block a.add-wishlist,
.main .product-info-box .product-shop .add-to-cart-box .add-to-box li a.add-wishlist,
.generic-product-list ul li .right-content a.add-wishlist {
    background: url("../images/listIcon.gif") no-repeat 0 2px
}

.new-product-block .product-grid li .pro-link-block a:hover.add-wishlist,
.main .product-info-box .product-shop .add-to-cart-box .add-to-box li a:hover.add-wishlist,
.generic-product-list ul li .right-content a:hover.add-wishlist {
    color: #0089d8;
    background-position: 0 -15px
}

.new-product-block .product-grid li .pro-link-block a.add-compare,
.main .product-info-box .product-shop .add-to-cart-box .add-to-box li a.add-compare,
.generic-product-list ul li .right-content a.add-compare {
    background: url("../images/listIcon.gif") no-repeat 0px -31px
}

.new-product-block .product-grid li .pro-link-block a:hover.add-compare,
.main .product-info-box .product-shop .add-to-cart-box .add-to-box li a:hover.add-compare,
.generic-product-list ul li .right-content a:hover.add-compare {
    color: #0089d8;
    background-position: 0 -47px
}

.new-product-blocks1 {
    width: 100%;
    clear: both;
    padding: .3%;
    border-top: 0 solid
}

#ntitab {
    float: left;
    width: 118px;
    height: 168px;
    background: #00a8ff;
    border: #aae8ff 1px solid;
    margin: 0 2px 5px 2px
}

#ntitab:hover {
    background: #0088d8;
    border: #68bfff 1px solid
}

.ntiw1 {
    color: #fff;
    font-size: .80em;
    line-height: 2.0;
    text-align: center
}

.ntiw2 {
    color: #fff000;
    font-size: .80em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center
}

#tab_p00 {
    background: #f8f8f8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_p00:hover {
    background: #dfdfdf;
    border: #afafaf 1px solid
}

.new-product-block .product-grid li .pro-content .p00 a {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p00 a:link {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p00 a:visited {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p00 a:hover {
    color: #686868;
    font-weight: normal
}

#tab_p01 {
    background: #f8f8f8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_p01:hover {
    background: #bfe8ff;
    border: #68bfff 1px solid
}

.new-product-block .product-grid li .pro-content .p01 a {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p01 a:link {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p01 a:visited {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p01 a:hover {
    color: #0068b8;
    font-weight: normal
}

#tab_p02 {
    background: #f8f8f8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_p02:hover {
    background: #ffe1e8;
    border: #ff6f6f 1px solid
}

.new-product-block .product-grid li .pro-content .p02 a {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p02 a:link {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p02 a:visited {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p02 a:hover {
    color: #b80000;
    font-weight: normal
}

#tab_p03 {
    background: #f8f8f8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_p03:hover {
    background: #e3ffbf;
    border: #3fb800 1px solid
}

.new-product-block .product-grid li .pro-content .p03 a {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p03 a:link {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p03 a:visited {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p03 a:hover {
    color: #085800;
    font-weight: normal
}

#tab_p04 {
    background: #f8f8f8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_p04:hover {
    background: #fff1bf;
    border: #ad8800 1px solid
}

.new-product-block .product-grid li .pro-content .p04 a {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p04 a:link {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p04 a:visited {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p04 a:hover {
    color: #6f4f00;
    font-weight: normal
}

#tab_p05 {
    background: #f8f8f8;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_p05:hover {
    background: #efdfff;
    border: #b668ff 1px solid
}

.new-product-block .product-grid li .pro-content .p05 a {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p05 a:link {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p05 a:visited {
    color: #231815
}

.new-product-block .product-grid li .pro-content .p05 a:hover {
    color: #5800b8;
    font-weight: normal
}

.page_list-first {
    float: left;
    background: url(../images/icon-list-01.png) no-repeat center center;
    border: none;
    width: 30px;
    height: 30px;
    background-size: 20px auto;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    -ms-background-size: 20px
}

.page_list-last {
    float: left;
    background: url(../images/icon-list-02.png) no-repeat center center;
    border: none;
    width: 30px;
    height: 30px;
    background-size: 20px auto;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    -ms-background-size: 20px
}

.page_list {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.page_list a {
    color: #888888;
    text-decoration: none;
    cursor: pointer
}

.page_list a:hover {
    color: #0068b8;
    text-decoration: underline
}

.page_list a:visited {
    opacity: 1.0
}

.page_list a:link {
    opacity: 1.0
}

.page_list .ck {
    color: #fff;
    background: #199fff
}

.page_list ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.page_list li {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: #dbdbdb 0 solid;
    margin: 5px;
    cursor: pointer;
    box-sizing: border-box
}

.page_list li:hover {
    background: url(../images/hover.png) repeat;
    color: #0068b8;
    border: #68bfff 1px solid;
    background: #fff7f3;
    width: 30px;
    height: 30px
}

.page_list li.active {
    background: #666;
    color: #fff;
}

.zgtm-tab {
    float: left;
    background: none;
    text-align: left;
    font-size: 1.15em
}

.zgtm-tab li {
    float: left;
    width: 98%;
    padding: 5px 0
}

.zgtm-tab a {
    color: #686868
}

.zgtm-tab li+li {
    border-top: #989898 1px dotted
}

.zgtm-tab .fllist-l {
    float: left;
    width: 15%
}

.zgtm-tab .fllist-l .fl-z {
    float: left;
    width: auto;
    padding: 5px;
    color: #231815;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    font-size: 1.00em
}

.zgtm-tab .fllist-l .fl-z:hover {
    color: #fff;
    padding: 5px;
    background: #231815;
    border-radius: 3px
}

.zgtm-tab .fllist-r {
    float: left;
    width: 84%;
    padding-left: 5px
}

.zgtm-tab .fllist-r .fl-t {
    float: left;
    width: auto;
    padding: 3px 5px;
    margin: 2px 2px;
    color: #888888;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    font-size: .90em
}

.zgtm-tab .fllist-r .fl-t:hover {
    color: #fff;
    padding: 3px 5px;
    background: #686868;
    border-radius: 3px
}

#tab_dlshow-t {
    float: left;
    width: 100%;
    border-bottom: #585858 2px solid;
    height: 40px;
    padding-top: 5px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

#tab_dlshow-t h2 {
    float: left;
    width: auto;
    min-width: 210px;
    height: 38px;
    background: none;
    border-bottom: #585858 2px solid;
    font-size: 1.4em;
    font-weight: normal;
    color: #231815;
    line-height: 2.0
}

#tab_dlshow {
    float: left;
    width: 100%;
    max-width: 948px;
    background: #fff;
    border: #efefef 1px solid;
    padding: 5px;
    margin: 0 0 1.5% 0;
    text-align: center
}

.tab_en-dlshow {
    background: url(../images/tab-dot.png) no-repeat;
    color: #afafaf;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding-left: 16px
}

#tab_dlshow .dlbox ul {
    float: left;
    margin: 1.0% 0
}

#tab_dlshow .dlbox li {
    float: left;
    width: 100%;
    max-width: 923px;
    height: 90px;
    padding: 0;
    margin: 0 1.5%
}

#tab_dlshow .dlbox li+li {
    padding-top: 5px;
    border-top: #bfbfbf 1px dotted
}

#tab_dlshow .dlbox .pic {
    float: left;
    background: url() no-repeat center center;
    border: none;
    width: 85px;
    height: 85px;
    padding-left: 10px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale')"
}

#tab_dlshow .dlbox .title {
    float: left;
    width: 100%;
    max-width: 758px;
    margin: 5px 10px;
    padding: 5px 20px;
    text-align: left;
    height: 25px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    color: #231815;
    font-size: 1.2em;
    line-height: 1.6em;
    border-radius: 39px;
    border: #d1d1d1 1px solid;
    background: #efefef;
    -moz-box-shadow: 0 0 20px 0 rgba(20%, 20%, 40%, .10) inset;
    -webkit-box-shadow: 0 0 20px 0 rgba(20%, 20%, 40%, .10) inset;
    box-shadow: 0 0 20px 0 rgba(20%, 20%, 40%, .10) inset
}

#tab_dlshow .dlbox .text {
    float: left;
    width: 100%;
    max-width: 708px;
    margin: 0 0 0 10px;
    padding: 5px 20px;
    text-align: left;
    height: 30px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    color: #686868;
    font-size: 1.1em;
    line-height: 1.6em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url("ellipsis.xml#ellipsis")
}

#tab_dlshow .dlbox .more {
    float: left;
    right: 0;
    margin: 0 10px 0 0;
    padding: 5px 0;
    text-align: left;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #231815;
    font-size: 1.0;
    line-height: 2.0
}

.search-ctab {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 10px 0;
    box-sizing: border-box;
    border: #dfdfdf 1px solid;
    background: #fff;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

.search-ctab ul li {
    float: left;
    width: 100%
}

.search-ctab li+li {
    border-top: #a8a8a8 1px dotted
}

.search-ctab .title {
    float: left;
    text-align: left;
    margin: 0;
    color: #a8a8a8
}

.search-ctab .text {
    float: left;
    text-align: left;
    width: 100%;
    margin: 0;
    color: #231815
}

.search-ctab .text ul {
    float: left;
    width: 100%
}

.search-ctab .text ul+ul {
    float: left;
    margin-top: 5px
}

.search-ctab .text ul li {
    float: left;
    width: auto
}

.search-ctab .text li+li {
    border-top: #a8a8a8 0 dotted
}

.search-ctab .text ul li ul {
    float: left;
    clear: both;
    margin-top: 0
}

.search-ctab .text ul li ul+ul {
    float: left;    
}

.search-ctab .text .list-all {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    color: #231815;
    font-weight: bolder
}

.search-ctab .text .list-i {
    float: left;
    font-weight: bold;
    width: 100px;
    padding: 2px 0;
    color: #0e1166
}

.search-ctab .text .list-c {
    float: left;
    width: 100px;
    padding: 2px 0;
    color: #1aa8ff
}

.search-ctab .text .list-s {
    float: left;
    width: 100px;
    padding: 2px 0;
    color: #ef4f00
}

.search-ctab .text .list-m {
    float: left;
    width: 100px;
    padding: 2px 0;
    color: #981ee3
}

.search-ctab .text .list-z {
    float: left;
    width: 150px;
    padding: 2px 0;
    color: #3f3f3f
}

.search-ctab .text .list-t {
    float: left;
    width: auto;
    max-width: 588px
}

.search-ctab .text .list-t div {
    float: left;
    display: flex;
    width: auto;
    color: #ee006f;
    padding: 2px 0;
    margin-right: 15px
}

.search-ctab .text .list-t.quick div{color: #0068b8;}

.search-ctab .text .list-t p {
    margin-right: 2px;
}

.search-ctab .text .list-t b {
    letter-spacing: 1px;
}

.search-ctab .text .list-t div:hover {
    color: #51b8ff
}

.search-ctab .text-qssz {
    float: left;
    text-align: left;
    width: 838px;
    width: calc(100% - 100px);
    height: 20px;
    margin: 5px;
    overflow: hidden
}

.search-ctab .text-qssz a+a {
    margin-left: 15px
}

.search-ctab .text-qssz a {
    float: left;
    color: #0081d8
}

.search-ctab .text-qssz a:hover {
    color: #231815
}

.search-ctab .text-qssz a:visited {
    color: #0081d8
}

.search-ctab .text-sgtj {
    float: left;
    text-align: left;
    width: 838px;
    height: 20px;
    margin: 5px;
    overflow: hidden
}

.search-ctab .text-sgtj a+a {
    margin-left: 15px
}

.search-ctab .text-sgtj a {
    float: left;
    color: #686868
}

.search-ctab .text-sgtj a:hover {
    color: #000
}

.search-ctab .text-sgtj a:visited {
    color: #686868
}

.search-ctab .text>ul>li:first-child {
    width: 100px;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.search-ctab li.list-ii {
    width: calc(100% - 100px) !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    min-height: 23px
}
.search-ctab li.list-ii ul{padding-left: 30px;}
.search-ctab li.list-ii ul span{padding: 1px 3px;box-sizing: border-box;font-size: .85em;display: flex;align-items: center;justify-content: center;}
.search-ctab ul.gift span{background: rgb(212, 0, 89);color: #ffe7f3;border: 1px solid red;}
.search-ctab ul.quick span{background: rgb(0, 109, 212);color: #e7efff;border: 1px solid rgb(0, 140, 255);}

.search-ctab li.list-ii span{float:left;margin-right: 8px;margin-left: -38px;}

.search-ctab .text>ul:first-child>li:nth-child(2) a {
    color: #666
}

li[data-area='fast_selection'] .title {
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

#ad-tab-r {
    top: 38px;
    right: 0;
    z-index: 9
}

#ad-tab-r a {
    text-decoration: none
}

#ad-tab-r .adrpic {
    width: 114px;
    height: 114px;
    background: #fff;
    border: #d8d8d8 1px solid;
    border-bottom: 0;
    margin-top: 0;
    background: url() center center no-repeat;
    background-size: 114px;
    -moz-background-size: 114px;
    -webkit-background-size: 114px;
    -o-background-size: 114px;
    -ms-background-size: 114px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale')"
}

#ad-tab-r .adrpic img {
    width: 114px;
    height: 114px;
    background: url() center center no-repeat;
    background-size: 114px;
    -moz-background-size: 114px;
    -webkit-background-size: 114px;
    -o-background-size: 114px;
    -ms-background-size: 114px
}

#ad-tab-r .adrw {
    width: 104px;
    height: 15px;
    border: #084d73 1px solid;
    border-top: 0;
    color: #08a8ff;
    padding: 5px;
    font-size: .9em;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #dff8ff;
    background: -moz-linear-gradient(top, #dff8ff 0%, #b1efff 100%);
    background: -webkit-linear-gradient(top, #dff8ff 0%, #b1efff 100%);
    background: linear-gradient(to bottom, #dff8ff 0%, #b1efff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff8ff', endColorstr='#b1efff', GradientType=0)
}

#ad-tab-r .adrw01 {
    width: 104px;
    height: 15px;
    border: #d8d8d8 1px solid;
    color: #231815;
    padding: 5px;
    font-size: .8em;
    line-height: 1.00em;
    text-decoration: none;
    text-align: center;
    background: none;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    overflow: hidden;
    white-space: nowrap
}

#ad-tab-r .ii {
    text-shadow: 1px 1px 0 #d8d8d8
}

.adrw-span {
    color: #000;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

#ad-all {
    float: left;
    margin: 0
}

.ad_li {
    top: 0;
    float: right;
    right: 116px;
    position: absolute;
    margin: 0 auto;
    width: 21px;
    height: 30px;
    line-height: 1.05em;
    padding: 0 1px;
    border: 0 solid #333;
    text-align: center;
    font-size: .80em;
    color: #fff;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    background: url(../images/btn/btn-radt-li-001.png) left top no-repeat;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000
}

.ad_li p {
    font: 14px 'Open Sans', 微軟正黑體, sans-serif;
    font-weight: normal;
    line-height: 23px
}

.ad_li:hover {
    width: 21px;
    height: 75px;
    background: url(../images/btn/btn-radt-li-001h.png) left top no-repeat
}

.ad_li_1 {
    top: 25px;
    float: right;
    right: 116px;
    position: absolute;
    margin: 0 auto;
    width: 21px;
    height: 75px;
    line-height: 1.05em;
    padding: 8px 1px;
    border: 0 solid #333;
    text-align: center;
    font-size: .80em;
    color: #fff;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    background: url(../images/btn/btn-rad-li-001.png) left top no-repeat;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000
}

.ad_li_1:hover {
    width: 21px;
    height: 75px;
    background: url(../images/btn/btn-rad-li-001h.png) left top no-repeat
}

.ad_li_2 {
    top: 97px;
    float: right;
    right: 116px;
    position: absolute;
    margin: 0 auto;
    width: 21px;
    height: 75px;
    line-height: 1.05em;
    padding: 8px 1px;
    border: 0 solid #333;
    text-align: center;
    font-size: .80em;
    color: #fff;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
    background: url(../images/btn/btn-rad-li-001.png) left top no-repeat;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000
}

.ad_li_2:hover {
    width: 21px;
    height: 75px;
    background: url(../images/btn/btn-rad-li-001h.png) left top no-repeat
}

#ad-l {
    float: left;
    width: 85px
}

#tab_container {
    clear: left;
    border: 1px solid #999;
    border-top: none;
    background: #fff
}

div.tab_container {
    clear: left;
    width: 100%;
    background: #fff
}

#ad-all {
    position: fixed;
    top: 232px;
    right: 0;
    max-width: 180px
}

#container-r2 div+div {
    float: left;
    margin-top: 10px
}

.ad16-1 {
    float: left;
    width: 238px;
    height: auto;
    max-height: 238px;
    margin: 0;
    padding: 0;
    display: inline-block;
    border: #d8d8d8 1px solid
}

.ad16-1 img {
    width: 100%
}

.ad16-6 {
    float: left;
    width: 228px;
    height: 150px;
    padding: 5px;
    height: auto;
    background: #fff;
    border: #d8d8d8 1px solid;
    text-align: justify
}

.ad16-6 li {
    float: left;
    display: inline-block;
    width: 70px;
    height: auto;
    margin: 3px;
    padding: 0;
    text-align: center
}

.ad16-6 a {
    float: left;
    color: #231815;
    font-size: .78em;
    letter-spacing: -1px;
    max-width: 70px;
    height: auto
}

.ad16-6:after {
    content: '';
    display: none;
    width: 100%
}

.footer-wrapper {
    float: left;
    width: 100%;
    clear: both;
    background: url(../images/fp.png) repeat #181818;
    padding: .3% 0 1% 0;
    margin-top: 20px;
    color: #8f8f8f;
    font-size: 1.05em;
    line-height: 1.75em;
    font-weight: normal;
    font-family: 'Ubuntu', sans-serif, sans-serif, "微軟正黑體", "Microsoft JhengHei", "宋体", "Hiragino Sans GB"
}

#tab_footer {
    float: left;
    width: 32%;
    margin-left: 2%
}

#tab_footer-l {
    float: left;
    width: 32%;
    margin-right: 0
}

.logo-b {
    float: left;
    width: 150px;
    height: 140px;
    background: url(../images/logo-b.png) no-repeat center center;
    padding: 2% 0;
    background-size: 150px auto;
    -moz-background-size: 150px;
    -webkit-background-size: 150px;
    -o-background-size: 150px;
    -ms-background-size: 150px
}

.qr-b {
    float: left;
    width: 120px;
    height: 112px;
    background: url(../images/qr.png) no-repeat center center;
    padding: 6%;
    background-size: 120px auto;
    -moz-background-size: 120px;
    -webkit-background-size: 120px;
    -o-background-size: 120px;
    -ms-background-size: 120px
}

.f-title {
    color: #e8e8e8;
    text-shadow: rgba(0, 0, 0, .6) 0 1px 2px;
    font-size: 1.30em;
    line-height: 1.6em;
    font-weight: 500;
    margin-bottom: 2%;
    padding-bottom: 1%;
    border-bottom: #383838 1px solid;
    font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
}

.f-title_en {
    color: #aee8ff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    line-height: 1.6em;
    padding-left: 3%;
    opacity: .25
}

.local {
    float: left;
    width: auto;
    min-width: 280px;
    clear: both;
    background: url(../images/icon-local.png) no-repeat left center;
    padding-left: 8%;
    background-size: 20px auto;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    -ms-background-size: 20px
}

.phone {
    float: left;
    width: auto;
    min-width: 280px;
    clear: both;
    background: url(../images/icon-phone.png) no-repeat left center;
    padding-left: 8%;
    background-size: 20px auto;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    -ms-background-size: 20px
}

.fax {
    float: left;
    width: auto;
    min-width: 280px;
    clear: both;
    background: url(../images/icon-fax.png) no-repeat left center;
    padding-left: 8%;
    background-size: 20px auto;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    -ms-background-size: 20px
}

.mail {
    float: left;
    width: auto;
    min-width: 280px;
    clear: both;
    background: url(../images/icon-mail.png) no-repeat left center;
    padding-left: 8%;
    background-size: 20px auto;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    -ms-background-size: 20px
}

.footer-b {
    width: 100%;
    clear: both;
    background: #181818;
    border-top: #0f0f0f 1px solid;
    padding-bottom: .5%;
    color: #383838;
    font-size: 1.0;
    line-height: 2.0;
    font-weight: normal;
    font-family: 'Ubuntu', sans-serif, sans-serif, "微軟正黑體", "Microsoft JhengHei", "宋体", "Hiragino Sans GB";
    text-align: center
}

.footer-b_ch {
    color: #aee8ff;
    font-size: 1.05em;
    line-height: 1.6em;
    padding-right: 1%;
    opacity: .45
}

#gotop {
    display: none;
    position: fixed;
    z-index: 999999999999999;
    right: 5px;
    bottom: 5px;
    width: 41px;
    height: 41px;
    padding: 0;
    background-color: #199fff;
    opacity: 1.0;
    border-radius: 0;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: color .1s linear, background .1s linear;
    -moz-transition: color .1s linear, background .1s linear;
    -o-transition: color .1s linear, background .1s linear;
    transition: color .1s linear, background .1s linear
}

#gotop:hover {
    background-color: #199fff;
    opacity: 1.0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: color .1s linear, background .1s linear;
    -moz-transition: color .1s linear, background .1s linear;
    -o-transition: color .1s linear, background .1s linear;
    transition: color .1s linear, background .1s linear
}

#gotop:visited {
    background-color: #199fff;
    opacity: 1.0
}

#gotop:link {
    background-color: #199fff;
    opacity: 1.0
}

.gotopbg {
    background: url(../images/gotop.png) no-repeat;
    width: 17px;
    height: 9px
}

@media print {
    #container {
        width: 1024px
    }

    #container-m {
        width: 1024px
    }

    .logo-p {
        float: left;
        width: 415px;
        height: 120px;
        background: url(../images/logo_index.png) center center no-repeat
    }

    .header_top {
        width: 1024px;
        height: 170px;
        padding: 0
    }

    .header_top_right {
        width: 280px;
        left: 460px;
        padding-left: 0
    }

    .top-online {
        float: right;
        right: 0;
        position: absolute
    }
}

.spb5 {
    margin-bottom: 10px
}

.spt15f {
    float: left;
    width: 5%;
    margin-top: 15px
}

.new-product-block {
    width: 100%;
    padding: 0
}

.new-product-block .product-grid li {
    width: 24.5%;
    margin: .5em 2.3px;
    box-sizing: border-box
}

.new-product-block .product-grid li .pw {
    white-space: nowrap;
    text-align: left;
    padding: 0
}

#container-l {
    position: relative;
    font-size: 11.5pt
}

#syf_sub {
    width: 195px;
    display: none
}

#syf_sub .tittle {
    background: rgb(0, 122, 193);
    background: -moz-linear-gradient(left, rgba(0, 122, 193, 1) 0%, rgba(0, 77, 160, 1) 50%, rgba(0, 62, 146, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 122, 193, 1) 0%, rgba(0, 77, 160, 1) 50%, rgba(0, 62, 146, 1) 100%);
    background: linear-gradient(to right, rgba(0, 122, 193, 1) 0%, rgba(0, 77, 160, 1) 50%, rgba(0, 62, 146, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ac1', endColorstr='#003e92', GradientType=1);
    color: #fff;
    text-align: center;
    padding: 6px
}

#syf_sub .sub {
    padding-left: .4em;
    align-items: baseline;
    line-height: 44px;
    display: flex;
    position: relative
}

#syf_sub .sub:nth-child(1n + 17):after {
    content: "快";
    position: absolute;
    right: 0;
    top: 0;
    line-height: 20px;
    width: 20px;
    display: flex;
    font-size: .9em;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    background: red;
    border-radius: 0 0 0 100%;
    font-weight: bold
}

#syf_sub .sub:nth-child(n + 29):after {
    content: ""
}

#syf_sub .sub b {
    display: none
}

#syf_sub .sub h3 {
    margin-right: .2em;
    color: #ea007e;
    font-weight: bold;
    min-width: 48px;
    text-shadow: 1px 1px 1px rgba(137, 137, 137, .6)
}

#syf_sub .sub span {
    font-size: .85em;
    display: flex;
    align-items: flex-end
}

#syf_sub>li {
    border: 1px solid #c4c4c4;
    border-top: none;
    cursor: context-menu
}

#syf_category {
    position: absolute;
    left: 193px;
    top: 32px;
    width: 250px;
    z-index: 99999999999
}

#syf_category ul {
    display: none;
    background: #fff;
    border: 1px solid #d8d8d8
}

#syf_category ul>li {
    background: #ffd5ec;
    padding: 2% 0 2% calc(50% - 75px);
    text-align: left
}

#syf_category ol {
    padding-bottom: 3%
}

#syf_category ol>li {
    padding: 3% 0 0 calc(50% - 57px);
    text-align: left
}

#container-l #syf_category a:hover {
    color: #ed0683
}

#container-l .active,
#container-l .keepActive {
    background: #ffcbe5
}

.new-product-block .tag {
    display: flex;
    padding: 0 3px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.new-product-block .tag span {
    border: 1px solid #fff;
    background: #43BBFF;
    color: #fff;
    cursor: default;
    font-size: 10pt;
    padding: 0 5px;
    white-space: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    line-height: 23px
}

.new-product-block .tag span:nth-child(5n + 2) {
    background: #4399FF
}

.new-product-block .tag span:nth-child(5n + 3) {
    background: #C343FF
}

.new-product-block .tag span:nth-child(5n + 4) {
    background: #FF43F7
}

.new-product-block .tag span:nth-child(5n) {
    background: #FF4365
}