@charset "utf-8";
/* 公用 */
  /* ---WEB color */
:root {
    --searchC: rgba(var(--hC1-rgb), 0.82);
    --mainC: #22a5de;
    --hoverC1: #779bbd;
    --hC1-rgb: 119, 155, 189;
    --hoverC2: #aab8c5;
    --emphasize: #e11a16;
    --gray1: #f1f1f1;
    --gray2: #b5b5b5;
    --gray3: #8a8a8a;
    --gray4: #2f2f2f;
    --bg1: #f1f3f5;
    --bg11: #ced6de;
    --bg12: #abb9c6;
    --bg13: #889cae;
    --bg2: #6baed1;
    --bg21: #92bdd3;
    --bg22: #dde9ef;
    --bg3: #5e658a;
    --bg31: #74788d;
    --bg4: #35597d;
    --bg4-rgb: 53, 89, 125;
    --footerC1: #919ca5;
    --footerC2: #030303;
    --fC2-rgb: 3, 3, 3;
    --lineC: #dadada;
    --navW: rgba(255, 255, 255, 0.88);
    --navB: rgba(57, 57, 57, 0.75);
    --black1: #2d2d2d;
    --black2: #646464;
    --blackC: #393939;
}
/* --- RWD table */
.rwd-table {
overflow: hidden;
width: 100%;
}
.rwd-table th, .rwd-table td {
display: table-cell;
padding: 15px 5px 12px;
text-align: center;
border: 1px solid var(--bg2);
font-family: sans-serif;
letter-spacing: 0.75px;
word-break: break-word;
} 
.rwd-table thead tr th {
color: #fff;
background-color: var(--bg2);
}
.rwd-table tbody tr {background-color: #fff;}
.rwd-table tbody tr:nth-child(even) {background-color: var(--bg1);}
.rwd-table tfoot tr td {
text-align: left;
padding: 19px 5px 16px 7px;
color: var(--black2);
}

.rwd-table.rwdT1 > tbody td::before {
display: none;
content: attr(data-th) " : ";
width: auto;
color: var(--bg2);
font-weight: 600;
padding-bottom: 3px;
}

@media (max-width: 767px) {
.rwd-table.rwdT1 > thead {display: none;} 
.rwd-table.rwdT1 > tbody > tr {
display: block;
padding: 15px 30px;
margin-top: 10px;
background-color: var(--bg1);
}
.rwd-table.rwdT1 > tbody td {
display: block;
text-align: left;
padding: 15px 0;
border: none;
border-bottom: 1px dashed var(--navW);
letter-spacing: 0;
line-height: 1.55;
}
.rwd-table.rwdT1 > tbody td:last-child {border-bottom: none;}
.rwd-table.rwdT1 > tbody td::before {display: block;}

.rwd-table.rwdT1 > tfoot {
display: block;
margin-top: 10px;
} 
.rwd-table tfoot tr td {padding: 19px 30px 15px 26px;}
}
/* ---Youtube */
.videobox {
position: relative;
height: 0; 
overflow: hidden; 
max-width: 100%; 
padding-bottom: 56.25%;
}
.videobox iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ---slick */
.slick-slider {z-index: 1;}
.slick-prev, .slick-next {
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--hoverC2);
border: 1px solid var(--hoverC2);
padding: 0;
cursor: pointer;
outline: none;
position: absolute;
bottom: 3.5px;
z-index: 2;
transition: 0.2s;
} 
.slick-prev.slick-disabled, .slick-next.slick-disabled {
opacity: 0;
cursor: auto;
}
.slick-prev.slick-arrow {left: calc(50% - 190px);}
.slick-next.slick-arrow {right: calc(50% - 190px);}
.slick-next::before, .slick-prev::before {
content: '';
position: absolute;
top: calc(50% - 4px);
width: 8px;
height: 8px;
border: 1px solid #fff;
transition: 0.2s;  
}
.slick-next::before {
right: 12px;
border-bottom: none;
border-left: none;
transform: rotate(45deg);
}
.slick-prev::before {
left: 12px;
border-top: none;
border-right: none;
transform: rotate(45deg);
}
.slick-next::after, .slick-prev::after {
content: '';
position: absolute;
top: calc(50% - 0.5px);
width: 0;
height: 1px;
background-color: var(--mainC);
transition: 0.2s;
}
.slick-next::after {left: -45px;}
.slick-prev::after {right: -45px;}
.slick-prev:hover, .slick-next:hover {background: #fff;}  
.slick-next:hover::before, .slick-prev:hover::before {border-color: var(--mainC);}
.slick-next:hover::after, .slick-prev:hover::after {width: 50px;}

@media (max-width: 480px) {
.slick-prev.slick-arrow {left: 0;}
.slick-next.slick-arrow {right: 0;}
}
/* ---owl */
.owl-carousel .owl-item .owl-lazy {transition: all 400ms ease;}
.owl-carousel .owl-stage-outer {z-index: 3;}
.owl-nav {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% + 150px);
height: 50px;
margin: 0;
position: absolute;
bottom: calc(50% - 25px);
left: -75px;
font-size: 0;
z-index: 1;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width: 50px;
height: 100%;
border-radius: 50%;
border: 1px solid transparent;
background-color: #fff;
transition: 0.2s;
position: relative;
}
.teachingENV .owl-carousel .owl-nav button.owl-prev {border-right: 1px solid var(--gray2);}
.teachingENV .owl-carousel .owl-nav button.owl-next {border-left: 1px solid var(--gray2);}
.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled {
opacity: 0.45;
pointer-events: none;
}
.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after {
content: '';
position: absolute;
top: calc(50% - 10px);
width: 20px;
height: 20px;
border-top: 1px solid var(--hoverC1);
border-right: 1px solid var(--hoverC1);
transition: 0.2s;
}
.owl-carousel .owl-nav button.owl-prev::after {
right: calc(50% - 13px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.owl-carousel .owl-nav button.owl-next::after{
left: calc(50% - 13px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
border-color: #fff;
}
.owl-carousel .owl-nav button.owl-prev:hover::after, .owl-carousel .owl-nav button.owl-next:hover::after {border-color: var(--mainC);}

.owl-dots {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: auto;
padding-top: 25px;
}
.owl-dots .owl-dot span {
background-color: var(--hoverC1);
display: flex;
width: 5px;
height: 5px;
box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--hoverC2);
border-radius: 50%;
margin: 7.5px;
border: none;
transition: 0.5s;
opacity: 0.75;
}
.owl-dots .owl-dot.active span {
width: 23px;
height: 5px;
border-radius: 5px;
background-color: var(--mainC);
border: none;
opacity: 1;
}

@media (min-width: 1410px) {
.owl-dots {
padding-top: 0;
position: absolute;
top: -51px;
right: -3.5px;
}
}

@media (max-width: 1839px) {
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    height: 50px;
}
}

@media (max-width: 1680px) {
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width: 35px;
height: 35px;
} 
.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after {
top: calc(50% - 4.5px);
width: 9px;
height: 9px;
}
.owl-carousel .owl-nav button.owl-prev::after {right: calc(50% - 6px);}
.owl-carousel .owl-nav button.owl-next::after {left: calc(50% - 6px);}
}

@media (max-width: 1679px) {
.owl-nav {
width: 150px;
height: 50px;
position: relative;
bottom: initial;
left: initial;
margin: 20px auto 0;
}

.owl-nav::after {
content: "";
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 1.5px);
width: 5px;
height: 1px;
background-color: var(--hoverC1);
opacity: 0.5;
pointer-events: none;
}
.owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-next::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
width: 0;
height: 1px;
background-color: var(--mainC);
opacity: 1;
pointer-events: none;
transition: 0.2s;  
}
.owl-carousel .owl-nav button.owl-prev::before {right: -12px;}
.owl-carousel .owl-nav button.owl-next::before {left: -12px;}
.owl-carousel .owl-nav button.owl-prev:hover::before, .owl-carousel .owl-nav button.owl-next:hover::before {width: 20px;}
}
/* ---index's .mTitle */
.mTitle {
width: 100%;
padding: 0 30px 20px;
position: relative;
z-index: 1;
pointer-events: none;
text-align: center;
font-weight: 600;
}
.mTitle span {
    display: block;
    font-family: sans-serif;
    font-size: 1.35rem;
    padding-bottom: 45px;
    position: relative;
    color: var(--bg2);
}
.mTitle span::before {
content: '';
position: absolute;
left: calc(50% - 10px);
bottom: 13px;
width: 20px;
height: 5px;
background-color: var(--bg13);
z-index: 1;
}
.mTitle span::after {
content: '';
position: absolute;
left: calc(50% - 25px);
bottom: 15px;
width: 50px;
height: 1px;
background-color: var(--bg12);
}
.mTitle small {
display: block;
font-size: 0.925rem;
line-height: 1.65;
opacity: 0.82;
color: var(--bg13);
}

@media (min-width: 992px) {
.mTitle {padding: 0 30px 30px;}  
.mTitle span {font-size: 1.45rem;}

.mTitle.mT3 {
text-align: right;
padding: 0 0 30px;
}
.mTitle.mT3 span::before {
left: initial;
right: 0;
bottom: 15px;
}
.mTitle.mT3 span::after {
left: initial;
right: 0;
}
}

@media (min-width: 1200px) {
.mTitle.mT2, .mTitle.mT3 {
padding: 0 0 30px;
display: flex;
flex-direction: column;
}
.mTitle.mT2 {text-align: left;}
.mTitle.mT3 {text-align: right;}
.mTitle.mT2 span {padding: 0 15px 15px 30px;}
.mTitle.mT3 span {padding: 0 30px 15px 15px;}
.mTitle.mT2 span::before, .mTitle.mT3 span::before {
width: 13.5px;
height: 36px;
bottom: initial;
top: 0;
}
.mTitle.mT2 span::before {left: 0;}
.mTitle.mT3 span::before {right: 0;}
.mTitle.mT2 span::after, .mTitle.mT3 span::after {display: none;}

.mTitle.mT2 small {padding-left: 30px;}
}

@media (min-width: 1410px) {
.mTitle span {font-size: 1.65rem;}
}

.mTh5 {
font-family: sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 1px;
color: var(--bg4);
position: relative;
}
.mTh4 {
font-size: 1.85rem;
font-weight: 600;
color: var(--bg4);
}

@media (max-width: 1680px) {
.mTh5 {font-size: 2.5rem;}
.mTh4 {font-size: 1.65rem;}
}

@media (max-width: 1199px) {
.mTh5 {font-size: 2rem;}    
.mTh4 {font-size: 1.45rem;}
}

@media (max-width: 991px) {
.mTh5 {font-size: 1.85rem;}
.mTh4 {font-size: 1.35rem;}  
}
/* ---列表圖 */
.proGridBox .imgBox {
position: relative;
overflow: hidden;
}
.proGridBox .imgBox .pic {
width: 100%;
overflow: hidden;
position: relative;
}
.item .pic {
width: calc(100% - 10px);
margin: 5px auto 0;
overflow: hidden;
position: relative;
}
.category .item .pic {width: 100%;}

.latestimgBox .pic::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
z-index: 2;
pointer-events: none;
background-color: var(--black1);
}    
.imgBox img, .item .pic img {
width:100%;
margin:0 auto;
transition: 0.25s;
}    
.imgBox:hover img, .item:hover .pic img, .item2:hover .imgBox img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.imgBox .txt {
text-align: center;
padding: 15px 15px 14px;
}
.imgBox .txt h3, .item .txt2 h4, .item .txt h4 {
font-size: 1.15rem;
line-height: 1.65;
font-weight: 600;
transition: 0.25s;
}
.imgBox .txt h4, .item .txt h5 {
display: block;
font-size: 0.95rem;
line-height: 1.25;
margin: 0 0 10px 0;
transition: 0.25s;
opacity: 0.65;
}

.item .txt {
text-align: center;    
padding: 10px 15px 8px;
}

@media (max-width: 1840px) {
.imgBox .txt h3, .item .txt2 h4, .item .txt h4 {font-size: 1.05rem;}  
}

@media (max-width: 1409px) {
.imgBox .txt h3, .item .txt2 h4, .item .txt h5 {font-size: 1rem;}  
}

/* ---pop */
.imgALL .zoomG {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 -5px;
}
.imgALL .zoomG .item {
position: relative;
width: calc((100% - 20px) / 2);
margin: 10px 5px 0;
transition: 0.2s;
}
.imgALL .zoomG .item:hover, .imgALL .zoomG .item:hover p i {border-color: var(--hoverC2);}
.imgALL .zoomG .item:hover p i {border-bottom-color: #fff;}
.imgALL .zoomG .item a {
display: flex;
overflow: hidden;
}
.imgALL .zoomG .item img {
display: flex;
width: 100%;
transition: 0.5s;
}
.imgALL .zoomG .item:hover img {transform: scale(1.1);}
.imgALL .zoomG .item p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
pointer-events: none;
background-color: var(--navW);
padding: 5px 5px 4px;
text-align: center;
font-size: 0.925rem;
font-weight: 600;
color: var(--navB);
transition: 0.2s;
}
.imgALL .zoomG .item:hover p {color: var(--mainC);}
.imgALL .zoomG .item p i {
padding: 0 0 0 3px;
border-radius: 0;
position: absolute;
top: calc(50% - 9px);
left: -2px;
line-height: 1;
transform: rotate(90deg);
width: 20px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--gray2);
border-bottom-color: #fff;
font-size: 0.875rem;
transition: 0.2s;
}
/* ---moreInfo */
.moreInfo {
position: relative;
margin: 0 0 0 60px;
width: 200px;
}
.moreInfo a {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
background-color: #fff;
border: 1px solid var(--hoverC2);
padding: 12px 12px 10px 0;
color: var(--hoverC1);
margin-top: 20px;
border-radius: 4px;
font-family: sans-serif;
font-size: 0.875rem;
letter-spacing: 1.25px;
line-height: 1;
position: relative;
transition: 0.25s;
}
.moreInfo a:hover {
padding-left: 20px;
letter-spacing: 1.75px;
border-color: var(--mainC);
}
.moreInfo a::before {
content: '';
width: 110px;
height: 1px;
background: var(--hoverC2);
position: absolute;
top: calc(50% - 0px);
left: -60px;
opacity: 0.82;
transition: 0.25s;
}
.moreInfo a::after{
content: '';
width: 7px;
height: 7px;
border-top: 1px solid var(--hoverC1);
border-right: 1px solid var(--hoverC1);
position: absolute;
top: calc(50% - 3px);
left: 60px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.25s;
}
.moreInfo a:hover::before {
width: 124px;
background: var(--mainC);
}
.moreInfo a:hover::after {
left: 89px;
border-color: var(--mainC);
opacity: 0;
}

.s_more {
display: inline-block;
color: var(--gray2);
margin-top: 0;
font-size: 0.875rem;
line-height: 1;
letter-spacing: 1.5px;
position: relative;
padding-left: 40px;
transition: 0.25s;
}
.s_more:hover, .item:hover .s_more {
color: var(--mainC);
padding-left: 60px;
}
.s_more::before {
content: "";
position: absolute;
bottom: 5px;
left: 0;
background-color: var(--gray2);
width: 25px;
height: 1px;
transition: 0.25s;
}
.s_more:hover::before, .item:hover .s_more::before {
width: 45px;
background-color: var(--mainC);
}
.s_more::after {
content: "";
position: absolute;
bottom: 7px;
left: 19px;
width: 5px;
height: 1px;
background-color: var(--gray2);
transform: rotate3d(1, 1, 1, 45deg);
transition: 0.25s;
}
.s_more:hover::after, .item:hover .s_more::after {
left: 39px;
background-color: var(--mainC);
}

.s_more2 {
display: flex;
color: #fff;
margin-top: 0;
font-family: sans-serif;
font-size: 0.75rem;
line-height: 1;
letter-spacing: 0.5px;
background-color: var(--gray2);
border: 1px solid var(--gray2);
border-radius: 4px;
padding: 4.5px 35px 4px;
transition: 0.25s;
}
.s_more2:hover, .item:hover .s_more2 {
color: #fff;
background: var(--mainC);
border-color: var(--mainC);
}
/* ---index's section.iPadding  */ 
.iPadding{padding-top: 130px;padding-bottom: 105px;}
@media (max-width: 1409px) {
.iPadding{padding-top: 110px;padding-bottom: 90px;}
}
@media (max-width: 1199px) {
.iPadding{padding-top: 90px;padding-bottom: 75px;}
}
@media (max-width: 991px) {
.iPadding{padding-top: 70px;padding-bottom: 60px;}
}
/* ---bootdtrap */
@media (min-width: 992px) {
.container {width: 962px;}
}
@media (min-width: 1410px) {
.container {width: 1380px;}  
}

a {color: var(--blackC);}
a:focus {
outline: 0px auto -webkit-focus-ring-color;
outline-offset: 0px;
}
a:focus, a:hover{color: var(--mainC);}
a:hover,a:active,a:visited,a:focus {text-decoration:none;}

@media print {
a[href]::after {content: none !important;}
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.42857143;}

img {caret-color: transparent;}

.btn.active, .btn:active{box-shadow: none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: 0px auto -webkit-focus-ring-color;
outline-offset: 0;
}

.pagination>li>a, .pagination>li>span {
color: var(--blackC);
border: 1px solid var(--lineC);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
background-color: var(--mainC);
border-color: var(--mainC);
}
/* ---slick */
#M_album .slick-slider {touch-action: auto;}
/* ---form */
@media (max-width: 991px) {
.form-group label + div {padding-top: 4px;}
.form-control {font-size: 1rem;}
}
/* 公用 end */
html {font-size:16px;}
body {
font-family: "Microsoft JhengHei", system-ui, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.875rem;
line-height: 1.42857143;
color: var( --blackC );
background-color: #fff;
overflow-x: hidden;
}

#gotop {
position: fixed;
display: none;
right: 0;
bottom: 12px;
width: 40px;
height: 40px;
font-size: 0.75rem;
line-height: 40px;
color: #fff;
background-color: var(--hoverC1);
opacity: 0.75;
text-align: center;
border-radius: 4px 0 0 4px;
cursor: pointer;
z-index: 1000;
transition: 0.2s;
}
#gotop:hover {background-color: var(--mainC);}

@media (max-width: 1280px) {
#gotop {bottom:5px;}
}

.scroll-fixed-link {
position: fixed;
right: 0;
top: 139px;
z-index:1001;
display: flex;
align-items: flex-end;
flex-direction: column;
}
.scroll-fixed-link > a {
display: none;
align-items: center;
justify-content: flex-start;
width: 40px;
height: 40px;
color: var(--navW);
overflow: hidden;
pointer-events: none;
margin-top: 1px;
background-color: rgba(var(--bg4-rgb), 0.39);
transition: width .3s ease-in;
}
.scroll-fixed-link > a:first-child {border-radius: 4px 0 0 0;}
.scroll-fixed-link > a:last-child {border-radius: 0 0 0 4px;}
.scroll-fixed-link > a.active {
pointer-events:auto;
display: flex;
}
.scroll-fixed-link > a > i, .scroll-fixed-link > a > span {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.scroll-fixed-link > a > i {
width: 40px;
font-size: 1.25rem;
}
.scroll-fixed-link > a > span {
width: 0;
position: relative;
right: -100px;
transition: 0.2s;
}
.scroll-fixed-link > a:hover {width:auto;color: #fff;}
.scroll-fixed-link > a:hover > span {
width:auto;
padding-right: 10px;
right: initial;
}

.scroll-fixed-link .scroll_cart:hover {background-color: var(--mainC);}
.scroll-fixed-link .scroll_notice:hover {background-color: var(--mainC);}
.scroll-fixed-link .scroll_contact:hover {background-color: var(--mainC);}
.scroll-fixed-link .scroll_tel:hover {background-color: var(--mainC);}
.scroll-fixed-link .scroll_FB:hover {background-color: #475993;}
.scroll-fixed-link .scroll_Line:hover {background-color: #00c200;}
.scroll-fixed-link .scroll_Instagram:hover {background: #ff0033;}

#section-content {width: 100%;}
.indexContent {overflow: hidden;}
.bg_content {
padding:20px 0 65px;
position: relative;
min-height: 55vh;
}

#section-content .container {position:relative;}

.crumb, .crumb_cart {
position:absolute;
top:15px;
right:15px;
font-size:0.8125rem;
line-height:1.125rem;
text-align:right;
z-index:20;
}

.crumb .breadcrumb,.crumb_cart .breadcrumb {
background-color:transparent;
padding:0;
margin-bottom:0;
}

.crumb a:hover,.crumb_cart a:hover {text-decoration:none;}

.crumb a i,.crumb_cart a i {
display:inline-block;
padding-right:3px;
}

.section-sidemenu,.section-contents {float:left;}

.section-sidemenu {width:250px;}

.section-contents {
width: calc(100% - 250px);
padding-left: 40px;
}

@media (max-width: 1409px) {
.section-sidemenu {width:220px;}  
.section-contents {
width: calc(100% - 220px);
padding-left: 20px;
}
}

@media (max-width: 991px) {
.crumb {
position: relative;
right: 0;
top: 0;
padding-bottom: 10px;
}
.crumb .breadcrumb > li {padding-bottom: 3px;}
.section-sidemenu {width: 100%;}
.section-contents {width:100%;padding: 30px 0 0 0;}
}

@media (max-width: 480px) {
.crumb_cart {top:48px;}
}

@media (max-width: 400px) {
.crumb_cart {
right:inherit;
left:30px;
text-align:left;
}
}

.section-sidemenu h1 {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 42px;
font-size: .95rem;
color: #fff;
font-weight: 600;
border-radius: 4px;
cursor: pointer;
padding: 10px 10px 9px 15px;
margin: 0;
overflow: hidden;
position: relative;
transition: 0.5s;
background-color: var(--bg4);
/* background: linear-gradient(45deg, var(--bg4), var(--bg12)); */
}
.section-sidemenu h1:hover, .section-sidemenu h1.open {
background: linear-gradient(135deg, var(--bg4), var(--bg12));
}
.section-sidemenu h1.open {border-radius: 4px 4px 0 0;}

.section-sidemenu h1 i {
display: flex;
font-size: 1.125rem;
}

.section-sidemenu ul.menu-main {
list-style:none;
max-height:0;
font-size: 0.95rem;
border-radius: 4px;
overflow:hidden;
margin: 1px 0 0 0; 
position: relative;
transition: 0.5s;
}
.section-sidemenu h1.open + ul.menu-main {
max-height: 10000px;
border-radius: 0 0 4px 4px;
}

.section-sidemenu ul.menu-main > li > a {
display: block;
width: 100%;
color: #fff;
text-decoration: none;
text-overflow: ellipsis;
background: var(--hoverC1);
overflow: hidden;
padding: 11px 15px 9px;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
transition: 0.5s;
}
.section-sidemenu ul.menu-main > li > a:hover, .section-sidemenu ul.menu-main > li > a.open, .section-sidemenu ul.menu-main > li.current > a {background-color: var(--mainC);}

.section-sidemenu ul.menu-sub {
display: block;
list-style: none;
max-height: 0;
overflow: hidden;
position: relative;
transition: 0.5s;
}
.section-sidemenu ul.menu-main > li > a.open + ul.menu-sub, .section-sidemenu ul.menu-main > li.current ul.menu-sub {
max-height:10000px;
margin-bottom: 1px;
border-bottom: 1px solid var(--mainC);
padding: 14px 0 15px;
}

.section-sidemenu ul.menu-sub > li > a {
display: block;
width: 100%;
color: var(--navB);
overflow: hidden;
padding: 11px 30px 9px 15px;
transition: 0.5s;
position: relative;
}
.section-sidemenu ul.menu-sub > li > a::before {
content: "";
position: absolute;
top: 18px;
right: 18px;
width: 1px;
height: 7px;
background-color: var(--gray2);
transition: 0.5s;
}
.section-sidemenu ul.menu-sub > li > a::after {
content: "";
position: absolute;
top: 21px;
right: 15px;
width: 7px;
height: 1px;
background-color: var(--gray2);
transition: 0.5s;
}
.section-sidemenu ul.menu-sub > li > a:hover, .section-sidemenu ul.menu-sub > li > a.open, .section-sidemenu ul.menu-sub > li.current > a {color: var(--mainC);}

.section-sidemenu ul.menu-sub > li > a:hover::before, .section-sidemenu ul.menu-sub > li > a.open::before, .section-sidemenu ul.menu-sub > li.current > a::before {
opacity: 0;
transform: rotate(90deg);
}
.section-sidemenu ul.menu-sub > li > a:hover::after, .section-sidemenu ul.menu-sub > li > a.open::after, .section-sidemenu ul.menu-sub > li.current > a::after {background-color: var(--mainC);}

.section-sidemenu ul.menu-grand {
list-style:none;
max-height:0;
overflow:hidden;
padding:0 15px;
position: relative;
z-index: -2;
transition: 0.5s;
}

.section-sidemenu ul.menu-sub > li > a.open + ul.menu-grand,.section-sidemenu ul.menu-sub > li.current ul.menu-grand {
max-height:10000px;
z-index: 0;
padding: 0 15px 15px;
}

.section-sidemenu ul.menu-grand > li > a {
display: block;
width: 100%;
color: var(--navB);
overflow: hidden;
padding: 11px 0 9px 15px;
border-bottom: 1px dashed var(--lineC);
transition: 0.5s;
}

.section-sidemenu ul.menu-grand > li > a:hover, .section-sidemenu ul.menu-grand > li.current > a {color: var(--mainC);}

@media (min-width: 992px) {
.section-sidemenu h1, .section-sidemenu h1:hover, .section-sidemenu h1.open {
justify-content: center;
font-size: 1rem;
color: var(--bg4);
letter-spacing: 0.75px;
cursor: auto;
border-radius: 0;
margin: 0 0 5px;
padding: 10px 5px 9px;
background: none;
text-align: center;
}
.section-sidemenu h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #fff, var(--bg12), var(--bg4), var(--bg12), #fff);
}
.section-sidemenu h1 i {
position: absolute;
bottom: -9px;
transform: rotate(180deg);
}

.section-sidemenu ul.menu-main, .section-sidemenu h1.open + ul.menu-main {
max-height: 10000px;
font-size: 1rem;
}
}

.section-contents-one {
float:left;
width:100%;
}

.section-contents h1, .section-contents-one h1 {
font-size: 1.25rem;
font-weight: 600;
border-bottom: 2px solid var(--lineC);
margin-bottom: 20px;
}

.section-contents h1 span, .section-contents-one h1 span {
display: inline-block;
color: var(--mainC);
padding: 7px 0 5px 0px;
position: relative;
}

.section-contents h1 span::after, .section-contents-one h1 span::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 4px;
background: var(--mainC);
}

@media (max-width: 991px) {
.section-contents h1, .section-contents-one h1 {
font-size:1.15rem;
text-align: center;
}
.section-contents h1 span, .section-contents-one h1 span {padding: 0 25px 5px;}
.section-contents h1 span::after, .section-contents-one h1 span::after {
height: 2px;
background: var(--mainC);
border: 5px solid #fff;
border-top: none;
border-bottom: none;
}
}

.displayNone {display:none;}

#termsBox .termsBox {
width:100%;
height:calc(100vh - 300px);
overflow:auto
}

@media (max-width: 680px) {
#termsBox .termsBox {
height:calc(100vh - 200px)
}
}

#termsBox .payment-wrap {
position:relative;
width:100%;
padding:3%;
margin:0 auto
}

@media (max-width: 992px) {
#termsBox .payment-wrap {
height:calc(100vh - 200px);
padding:2%
}
}

.mfp-close-btn-in .mfp-close {
width:40px;
height:40px;
font-size:0;
line-height:38px;
background:url(../images/member/btn_close.png) no-repeat var(--lineC) center center
}

.popBox {
position:relative;
width:1000px;
background:#fff;
border:10px solid var(--lineC);
box-sizing:border-box;
padding:50px;
margin:0 auto
}

.popBox .content {
width:100%;
overflow:hidden;
}

.popBox .line {
width:100%;
height:auto;
line-height:20px;
background:url(../images/member/line_repeat_x.png) repeat-x 0 top;
overflow:hidden;
padding-top:20px;
}

.popBox_02 .line {
width:100%;
height:auto;
line-height:20px;
background:url(../images/member/line_repeat_x.png) repeat-x 0 top;
overflow:hidden;
padding-top:20px;
}

@media (min-width: 768px){
.popBox .content .edit .form-horizontal .control-label {
padding: 3px 0 0 15px;
text-align: left;
}
}

@media (max-width: 992px) {
.popBox {
width: 100%;
padding: 15px;
}
}

.edit {
width:100%;
color:var(--blackC);
font-size: 1rem;
line-height: 1.65;
overflow:hidden;
margin:20px auto 0;
}
.edit .line {text-align:center;}
.edit .center {text-align:center;}

.edit .center img {
display:inline-block;
text-align:center;
}

.edit .pic img {
display:block;
margin:0 auto;
}

.edit.gary {
background:#F8F8F8;
padding:5%;
}

@media (max-width: 767px) {
.edit {font-size: 0.925rem;}  
}

.newQty {height:36px;}

.newQty.m10 {margin:0 10px;}

.newQty.m20 {margin:15px 0;}

@media (max-width: 768px) {
.newQty.m10 {margin:0;}
}

.newQty .input-group {
position:relative;
float:left;
width:100px;
height:33px;
border:1px solid var(--lineC);
}

.newQty .input-group-qty {
width:100px;
height:31px;
border:0 solid var(--lineC);
padding-left:20px;
background-image:url(../images/products/ic_sizeselect.png);
background-size:20px 5px;
background-repeat:no-repeat;
background-position:right center;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
outline:none;
}

@media (max-width: 424px) {
.newQty .input-group {height:29px;}
}

.newQty .input-group-btn {position:static;}

.newQty .form-control {
position:absolute;
left:30px;
width:40px;
height:31px;
font-family:'Century Gothic','Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif;
text-align:center;
background-color:#f9f9f9;
border:none;
}

.newQty .input-group-btn .btn {
width:30px;
height:32px;
color:#666;
font-size:30px;
text-indent:-9999px;
background-color:transparent;
cursor:pointer;
}

.newQty .bootstrap-touchspin-down {
position:absolute;
top:0;
left:0;
background:transparent url(../images/cart/icon_del.png) center 15px no-repeat;
border-left:none;
border-top:none;
border-bottom:none;
border-right:1px solid var(--lineC);
box-sizing:border-box;
}

.newQty .bootstrap-touchspin-up {
position:absolute;
top:0;
right:0;
background:transparent url(../images/cart/icon_plus.png) center center no-repeat;
border-right:none;
border-top:none;
border-bottom:none;
border-left:1px solid var(--lineC);
box-sizing:border-box;
}

#M_pagination {
clear:both;
text-align:center;
border-top:1px dotted var(--lineC);
padding:10px 0 0;
margin:20px 0 0;
}

#M_pagination.noLine {border-top:none;}

#M_pagination .pagination {margin:20px 0 10px;}

#M_pagination span {font-size:0.875rem;}

.pPager {
text-align: center;
border-top: 1px solid var(--lineC);
padding-top: 10px;
}
.pPager.noLine {
border-top:none;
padding-top: 20px;
}

.pPager a.back {
color: #fff;
text-decoration: none;
background: var(--gray3);
padding: 10px 25px;
border-radius: 4px;
display: inline-block;
transition: 0.2s;
}
.pPager a:hover.back {background:var(--mainC);}

.pPager a.back i {
display:inline-block;
padding-right:10px;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    background-color: rgba(var(--fC2-rgb), 0.92);
    box-shadow: 0 5px 8px rgba(57, 57, 57, 0.16);
    padding: 0 40px;
}
#header::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--bg4-rgb), 0.39);
    pointer-events: none;
}
.max-w1840 {
max-width: 1840px;
padding: 0 40px;
margin: 0 auto;
position: relative;
z-index: 3;
}
.topNav {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding-top: 15px;
z-index: 2;
transition: 0.3s;
}
.top-links {
width: auto;
height: 48px;
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 1003;
}
.top-links ul {
list-style-type: none;
display: flex;
justify-content: flex-end;
flex-direction: row;
width: 100%;
height: 100%;
}
.top-links li {
position: relative;
top: 3px;
width: 50px;
height: 100%;
font-size: 1.15rem;
color: var(--searchC);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s;
}
.top-links li::before {
content: '';
position: absolute;
top: calc(50% - 6.5px);
left: -0.5px;
width: 1px;
height: 13px;
background: var(--searchC);
opacity: 0.62;
}
.scroll .top-links li::before {background: var(--searchC);}
.top-links li:first-child {margin-left: 45px;}
.top-links li a {
color: var(--searchC);
transition: 0.3s;
position: relative;
}
.top-links li:hover, .top-links li:hover a {color: var(--mainC);}

.top-links li.lang span {
display:inline-block;
font-size:0.9375rem;
padding:0 0 0 5px
}
.top-links li.lang .lang-links {
position: absolute;
top: calc(100% - 1px);
right: 0;
width: 101px;
line-height: 30px;
background-color: var(--footerC2);
border-top: 1px solid var(--mainC);
opacity: 0;
pointer-events: none;
z-index: 1;
transition: 0.3s;
}
.top-links li.lang:hover .lang-links {
top: 100%;
pointer-events:auto;
opacity:1;
z-index: 9999;
}

.top-links li.lang .lang-links a {
display:block;
color: var(--navW);
font-size:0.8125rem;
text-align:center;
white-space:nowrap;
padding:5px 10px;
transition: 0.3s;
}
.top-links li.lang .lang-links a:first-child {border-top: 1px solid var(--footerC2);}
.top-links li.lang .lang-links a:hover {
color:#fff;
background-color:var(--mainC);
}

.top-links li span.badge + i {padding-right: 25px;}
.top-links li span.badge {
display: flex;
align-items: center;
justify-content: center;
font-family: sans-serif;
font-size: 0.75rem;
width: 25px;
height: 25px;
line-height: 1;
color: #fff;
white-space: nowrap;
background-color: var(--emphasize);
border-radius: 50%;
padding: 0;
margin: 0;
position: absolute;
top: calc(50% - 12.5px);
right: 0;
}

.mem_login {
font-size: 0.875rem;
color: var(--gray3);
align-items: flex-end;
justify-content: flex-end;
position: relative;
}
#header > .mem_login {
display: flex;
bottom: -25px;
height: 13px;
}
#header .top-links > .mem_login {display:none;}
.mem_login > span, .mem_login2 > span {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.mem_login > span > span, .mem_login2 > span > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
border-radius: 50%;
background-color: rgba(var(--bg4-rgb), 0.32);
overflow: hidden;
position: relative;
}
.mem_login i, .mem_login2 i {
font-size: 1.175rem;
line-height: 1;
color: rgba(0, 0, 0, 0.28);
position: absolute;
top: 5px;
-webkit-text-stroke: 0.5px #fff;
}
.mem_login a {
display: inline-block;
position: relative;
background-color: var(--hoverC1);
color: var(--navW);
padding: 1px 8px;
border-radius: 3px;
transition: 0.2s;
margin-left: 12px;
}
.mem_login a:last-child {margin-left: 5px;}
.mem_login a:hover {
background-color: var(--mainC);
color: #fff;
}

.mem_login2 {
display: none;
text-align: center;
padding: 30px 15px 0;
}
.mem_login2 > span {
font-size: .95rem;
color: var(--navW);
padding-bottom: 10px;
flex-direction: column;
}
.mem_login2 > span > span {
background-color: var(--navW);
margin-bottom: 5px;
}
.mem_login2 a {
position: relative;
display: inline-block;
width: 100px;
font-size: 0.925rem;
background-color: var(--hoverC1);
color: var(--navW);
padding: 3px 8px;
border-radius: 4px;
transition: 0.2s;
}
.mem_login2 a:last-child {margin-left: 15px;}
.mem_login2 a:hover{
background-color: var(--mainC);
color: #fff;
}
.mem_login2 a:last-child::after {
content: "";
position: absolute;
bottom: calc(50% - 6px);
left: -8px;
width: 1px;
height: 12px;
background-color: var(--hoverC2);
}

#search {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    height: auto;
    z-index: 9999;
    transition: 0.2s;
}
#search.active {display:block;}
#search form {
max-width: 1840px;
padding: 15px 40px;
height: 95px;
margin: 0 auto;
transition: 0.2s;
}
.select-search {
display:block;
float:left;
width:30%;
height:65px;
font-size:1.125rem;
line-height:65px;
color:var(--blackC);
background-color:#fff;
border:1px solid #18b6b4;
outline:none;
padding:0 20px;
background-image:url(../images/products/ic_sizeselect.png);
background-size:30px 8px;
background-repeat:no-repeat;
background-position:right center;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
}

.inptu-search {
display:block;
float:left;
width:calc(100% - 240px);
height:65px;
font-size:1.125rem;
line-height:65px;
color:var(--blackC);
background-color:#fff;
border:1px solid var(--hoverC1);
outline:none;
padding:0 15px;
}

#search ::-webkit-input-placeholder {
color:var(--gray2);
font-size:1.125rem;
}
#search input::-moz-placeholder {
color:var(--gray2);
font-size:1.125rem;
}
#search input::-moz-placeholder {
color:var(--gray2);
font-size:1.125rem;
}
#search:-ms-input-placeholder {
color:var(--gray2);
font-size:1.125rem;
}

.btn-search, .btn-close {
display: flex;
align-items: center;
justify-content: center;
float: left;
width: 120px;
height: 65px;
color: #fff;
font-size: 0.98rem;
letter-spacing: 1px;
text-transform: uppercase;
background-color: var(--hoverC1);
border: 1px solid var(--hoverC1);
transition: 0.2s;
position: relative;
}
.btn-close::after {
content: "";
position: absolute;
top: 25%;
left: -1px;
width: 1px;
height: 50%;
background-color: #fff;
pointer-events: none;
opacity: 0.45;
}
.btn-search i, .btn-close i {font-size: 1.1rem;}

.btn-search span,.btn-close span {
display:inline-block;
padding-left:5px
}

.btn-search:hover, .btn-close:hover{
background-color: var(--mainC);
border: 1px solid var(--mainC);
}

.btn-search:focus, .btn-close:focus {outline:none;}

@media (max-width: 1199px) {
#search form {padding: 15px 30px;}
}

@media (max-width: 991px) {
#search {
padding: 15px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.16);
}
#search form {
padding: 0;
height: auto;
}
}
@media (max-width: 800px) {
.select-search {width:40%;}
.inptu-search {width:calc(100% - 131px);}
.btn-search,.btn-close {width:65px;}
.btn-search i,.btn-close i {font-size: 1.5rem;}
.btn-search span,.btn-close span {
padding-left: 0;
display: none;
}
}

@media (max-width: 540px) {
#search {padding: 15px 15px 0;}
.select-search {width:100%;}
.inptu-search {
width: 100%;
border: 1px solid transparent;
background-color: transparent;
border-bottom-color: var(--lineC);
padding: 0;
}
.btn-search, .btn-close {
width: 49%;
color: var(--hoverC1);
background-color: transparent;
border: 1px solid transparent;
transition: 0.2s;
}
.btn-close {
float:right;
margin-right:1px;
}
.btn-close::after {
top: calc(50% - 10px);
height: 20px;
background-color: var(--lineC);
opacity: 1;
}
.btn-search:hover, .btn-close:hover {
background-color: transparent;
border-color: transparent;
color: var(--mainC);
}
.btn-search i, .btn-close i {
font-size: 0.825rem;
display: flex;
align-items: center;
justify-content: center;
padding-top: 2px;
width: 30px;
height: 30px;
background-color: var(--hoverC1);
color: #ffffff;
border: 1px solid transparent;
border-radius: 50%;
transition: 0.2s;
}
.btn-search:hover i, .btn-close:hover i {
background-color: #fff;
color: var(--mainC);
border-color: var(--mainC);
}
.btn-search span,.btn-close span {
display: inline-block;
padding-top: 1px;
padding-left: 5px;
transition: 0.2s;
}
}

.popWindow:focus {outline:none;}

#g-header {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
#g-header h1.logo {
    display: flex;
    width: calc(335px * 0.85);
    height: calc(100px * 0.85);
    font-size: 0;
    transition: 0.25s;
    position: absolute;
    bottom: 13px;
    left: 0;
}
#g-header h1.logo>a {
display: block;
width: 100%;
height: 100%;
background: url("../images/index/logo_20250815.svg") 0% 100% no-repeat;
background-size: contain;
position: relative;
z-index: 3;
transition: 0.25s;
}

#g-header .nav-right {
width: auto;
padding-left: 15px;
font-size: 0;
}

#g-header .nav-right .switch {display:none;}

#g-header .nav-right .menu>li {
position: relative;
display: inline-flex;
width: auto;
height: 85px;
align-items: center;
justify-content: flex-end;
padding-top: 3px;
padding-left: 30px;
font-size: 1.15rem;
cursor: pointer;
transition: 0.2s;
}
#g-header .nav-right .menu > li:hover > a {color: var(--mainC);}

@media (min-width: 992px) {
#g-header .nav-right .menu-box {display:block!important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 991px) {
::i-block-chrome,#g-header .nav-right .menu-box {width:100%;}
}

#g-header .nav-right .menu li a {white-space: pre-line;}
#g-header .nav-right .menu > li > a {
color: var(--navW);
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
word-wrap: break-word;
animation-name: animation1;
animation-timing-function: linear;
animation-duration: .3s;
animation-fill-mode: forwards;
filter: alpha(opacity=0);
opacity: 0;
transition: 0.25s;
}

@keyframes animation1 {
0% {
opacity:0;
filter:alpha(opacity=0);
transform:translateY(-10%);
-ms-transform:translateY(-10%);
-moz-transform:translateY(-10%);
-webkit-transform:translateY(-10%)
}
100% {
opacity:1;
filter:alpha(opacity=100);
transform:translateY(0%);
-ms-transform:translateY(0%);
-moz-transform:translateY(0%);
-webkit-transform:translateY(0%);
}
}
#g-header .nav-right .menu>li:first-child>a {animation-delay:.1s;}
#g-header .nav-right .menu>li:nth-child(2)>a {animation-delay:.2s;}
#g-header .nav-right .menu>li:nth-child(3)>a {animation-delay:.3s;}
#g-header .nav-right .menu>li:nth-child(4)>a {animation-delay:.4s;}
#g-header .nav-right .menu>li:nth-child(5)>a {animation-delay:.5s;}
#g-header .nav-right .menu>li:nth-child(6)>a {animation-delay:.6s;}
#g-header .nav-right .menu>li:nth-child(7)>a {animation-delay:.7s;}
#g-header .nav-right .menu>li:nth-child(8)>a {animation-delay:.8s;}
#g-header .nav-right .menu>li:nth-child(9)>a {animation-delay:.9s;}
#g-header .nav-right .menu>li:nth-child(10)>a {animation-delay:1s;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, #g-header .nav-right .menu>li>a {opacity:1;}
}

#g-header .nav-right .menu>li>a p {
font-size: 0.75rem;
letter-spacing: 0.75px;
text-transform: uppercase;
padding: 0;
margin: 0;
opacity: 0.65;
}

#g-header .nav-right .sub {
position: absolute;
top: auto;
right: 0;
z-index: -1;
width: 250px;
height: 0;
word-wrap: break-word;
background: rgba(255, 255, 255, 0.48);
border-top: 1px solid var(--hoverC2);
padding: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
opacity: 0;
overflow: hidden;
}
#g-header .nav-right .sub > ul {list-style: none;}
#g-header .nav-right .sub>ul>li>a {
position: relative;
display: block;
text-align: center;
font-size: .95rem;
color: var(--navB);
background-color: #fff;
border: 1px solid transparent;
border-bottom-color: #fff;
padding: 10px 5px;
border-radius: 0;
transition: 0.25s;
}
#g-header .nav-right .sub>ul>li:last-child>a {border: none;}
#g-header .nav-right .sub>ul>li:hover>a {color: #fff;background-color: var(--mainC);}

#g-header .nav-right .third {
display:none;
position:absolute;
top:0;
left:90%;
min-width:150px;
background: #fff;
text-align:left;
opacity:0;
z-index:-100;
transition:all .3s linear;
-ms-transition:all .3s linear;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear
}

#g-header .nav-right .third>ul>li>a {
position:relative;
display:block;
white-space:nowrap;
font-size:.95rem;
color:#fff;
border-bottom:1px solid rgba(255,255,255,.2);
padding:10px 15px
}

#g-header .nav-right .third>ul>li:last-child>a {border-bottom:none;}

#g-header .nav-right .third>ul>li:hover>a {color: var(--mainC);}

#g-header .nav-right .fourth {
display:none;
position:absolute;
top:0;
left:90%;
min-width:150px;
background:rgba(255,255,255,.8);
text-align:center;
opacity:0;
z-index:-100;
transition:all .3s linear;
-ms-transition:all .3s linear;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear;
}

#g-header .nav-right .fourth>ul>li>a {
display:block;
white-space:nowrap;
font-size:.95rem;
color:var(--blackC);
border-bottom:1px solid rgba(0,0,0,.2);
padding:10px 15px;
}

#g-header .nav-right .fourth>ul>li:hover>a {background:rgba(255,255,255,.8);}

#g-header .nav-right .fourth>ul>li:last-child>a {border-bottom:none;}


@media only screen and (min-width: 992px) {
#g-header .nav-right .menu > li > a::before {
content: "";
position: absolute;
bottom: 10px;
right: calc(50% - 4px);
border-width: 4px;
border-style: solid;
border-color: transparent transparent var(--hoverC2);
border-radius: 2px;
opacity: 0;
transition: 0.5s;
}
#g-header .nav-right .menu>li:hover > a::before {
bottom: -1px;
opacity: 1;
}

#g-header .nav-right .menu>li:hover .sub {
    top: 100%;
    height: auto;
    opacity: 1;
    border-radius: 0 0 4px 4px;
    overflow: inherit;
    z-index: 9;
}
#g-header .nav-right .sub ul>li:hover .third {
left:100%;
opacity:1;
z-index:100
}
#g-header .nav-right .third ul>li:hover .fourth {
left:100%;
opacity:1;
z-index:100;
}
#g-header .nav-right .sub>ul>li:last-child>a {border-radius: 0 0 4px 4px;}
}

@media (max-width: 1409px) {
.topNav {
    flex-direction: column;
    padding-top: 0;
}
#header > .mem_login {display: none;}
#header .top-links > .mem_login {display:flex;}
.top-links {
    width: 100%;
    height: 43px;
    align-items: flex-end;
}
.top-links ul {
    width: auto;
    height: 23px;
}
.top-links li {
top: 2px;
width: auto;
padding: 0 0 0 31px;
font-size: 1rem;
}
.top-links li:first-child {margin-left: 0;}
.top-links li::before {
top: initial;
bottom: 6px;
left: 15px;
}
.top-links li:first-child::before {display: none;}
.top-links li.lang {padding-bottom: 5px;}
#g-header .nav-right .menu>li {
    font-size: 1rem;
    padding-left: 20px;
    height: 70px;
}
#g-header .nav-right .sub {width: 200px;}
}

@media (max-width: 1199px) {
#header, .max-w1840 {padding: 0 30px;}
}

@media (max-width: 991px) {
.top-links li {color: var(--searchC);}
.top-links li::before {background: var(--searchC);}
.top-links li a {color: var(--searchC);}
.top-links li:hover, .top-links li:hover a {color: var(--mainC);}

.max-w1840 {padding: 0 15px;}
#header {padding: 0;}
.top-links {padding: 0 15px 5px;}

#header .top-links > .mem_login {display:none;}
.mem_login2 {display:block;}

#g-header {padding: 0 15px;}
#g-header h1.logo {
    width: calc(335px * 0.55);
    height: calc(100px * 0.55);
    left: 15px;
}
#g-header .nav-right .switch {
    position: relative;
    display: block;
    float: right;
    width: 50px;
    height: 42px;
    font-size: .75rem;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#g-header .nav-right .switch span {
    position: absolute;
    right: 0;
    width: 50%;
    height: 2px;
    line-height: 50px;
    background-color: var(--mainC);
    border-radius: 9px;
    opacity: 1;
    margin-top: 8px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#g-header .nav-right .switch span:nth-child(1) {top:5px;}
#g-header .nav-right .switch span:nth-child(2), 
#g-header .nav-right .switch span:nth-child(3) {top:10px;}
#g-header .nav-right .switch span:nth-child(4) {top:15px;}
#g-header .nav-right .switch.open span:nth-child(1) {
top:15px;
left:50%;
width:0;
}
#g-header .nav-right .switch.open span:nth-child(2) {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#g-header .nav-right .switch.open span:nth-child(3) {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#g-header .nav-right .switch.open span:nth-child(4) {
top:5px;
left:50%;
width:0;
}

#g-header .nav-right .menu-box {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    max-height: calc(100vh - 85px);
    height: calc(100vh - 85px);
    background: rgba(var(--fC2-rgb), 0.92);
    overflow-y: auto;
    padding: 15px 15px 45px;
}
#g-header .nav-right .menu>li {
display: block;
height: auto;
padding: 0;
font-size: .95rem;
}

#g-header .nav-right .menu > li > a {
    justify-content: flex-start;
    flex-direction: row;
    color: var(--navW);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding: 11px 15px 9px;
    animation-name: none;
    opacity: 1;
    transition: 0.5s;
}
#g-header .nav-right .menu > li.open > a, #g-header .nav-right .menu > li:hover > a {
/* color: #fff;
background: var(--bg4); */
}
#g-header .nav-right .menu > li > a::after {
content: "";
position: absolute;
top: 20px;
right: 15px;
border-width: 4px;
border-style: solid;
border-color: var(--navW) transparent transparent;
border-radius: 2px;
transition: 0.5s;
}
#g-header .nav-right .menu > li.open > a::after, #g-header .nav-right .menu > li:hover > a::after {
top: 16px;
border-color: transparent transparent var(--navW);
}

#g-header .nav-right .menu > li > a p {padding-left:10px;}

#g-header .nav-right .sub {
position: relative;
left: auto;
right: auto;
height: auto;
width: auto;
background: transparent;
z-index: 1;
opacity: 1;
overflow: hidden;
box-shadow: none;
padding: 0;
border: none;
border-radius: 0;
}
#g-header .nav-right .sub>ul {display:none;}
#g-header .nav-right .sub>ul>li>a {
padding: 11px 15px 9px;
text-align: left;
color: #fff;
background-color: var(--hoverC1);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
#g-header .nav-right .sub>ul>li.open>a, #g-header .nav-right .sub>ul>li:hover>a {background-color: var(--mainC);}
#g-header .nav-right .third {
display: block;
position: relative;
top: auto;
left: auto;
opacity: 1;
z-index: 100;
}
#g-header .nav-right .third>ul {
display:none;
padding: 14px 0 15px;
}
#g-header .nav-right .third>ul>li>a {
border-bottom: none;
padding: 11px 30px 9px;
color: var(--navB);
}
#g-header .nav-right .third>ul>li>a::before {
content: "";
position: absolute;
top: 18px;
right: 19px;
width: 1px;
height: 7px;
background-color: var(--gray2);
transition: 0.5s;
}
#g-header .nav-right .third>ul>li:hover>a::before {
opacity: 0;
transform: rotate(90deg);
}
#g-header .nav-right .third>ul>li>a::after {
content: "";
position: absolute;
top: 21px;
right: 16px;
width: 7px;
height: 1px;
background-color: var(--gray2);
transition: 0.5s;
}
#g-header .nav-right .third>ul>li:hover>a::after {background-color: var(--mainC);}
}

@media (max-width: 767px) {  
#g-header h1.logo.none {display: none;}
#g-header .nav-right .menu > li > a {padding: 13px 15px 9px;}
#g-header .nav-right .menu > li > a {
justify-content: center;
flex-direction: column;
}
#g-header .nav-right .menu > li > a p {
/* padding: 3px 0 5px 0; */
padding: 0 0 4px 0;
}
#g-header .nav-right .menu > li > a::after {
top: initial;
bottom: 0;
right: calc(50% - 4px);
}
#g-header .nav-right .menu > li.open > a::after, #g-header .nav-right .menu > li:hover > a::after {
top: initial;
bottom: 0;
border-color: transparent transparent rgba(255, 255, 255, 0.3);
}
}

@media (max-width: 400px) {  
.top-links {height: 35px;padding: 0 15px;}
#g-header {height: 50px;}
#g-header h1.logo {
    width: calc(335px * 0.5);
    height: calc(100px * 0.5);
    bottom: 7px;
}

}

@media (max-width: 375px) {  
#g-header h1.logo {
    width: calc(335px * 0.4);
    height: calc(100px * 0.4);
    bottom: 7px;
}
}

#g-header .nav-right .fourth {
display:block;
position:relative;
top:auto;
left:auto;
background:#868686;
border:none;
opacity:1;
z-index:100;
}
#g-header .nav-right .fourth>ul {display:none;}
#g-header .nav-right .fourth>ul>li>a {
text-align:left;
color:#fff;
border-bottom:1px dotted rgba(255,255,255,.2);
padding:13px;
padding-left:30px;
}
#g-header .nav-right .fourth>ul>li:hover>a {background:#727272;}

.noBanner {padding-bottom: 90px;}

#banner {width: 100%;overflow: hidden;}
.carousel-fade .carousel-inner .item {
padding-top: 85px;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-ms-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
transition-duration: 1.4s;
transition-timing-function: linear;
}

.carousel-fade .carousel-inner .active {opacity:1;}
.carousel-fade .carousel-inner .item img {width:100%;}
.carousel-fade .carousel-inner .item .img_b {display: none;}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left:0;
opacity:0;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity:1;}

.carousel-indicators {
position:absolute;
display:none;
}
.carousel-indicators li {
width: 6px;
height: 6px;
margin: 0 7.5px;
background-color: var(--hoverC1);
border: none;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 0 1px var(--hoverC2);
opacity: 0.75;
transition: 0.5s;
}
.carousel-indicators li.active {
width: 23px;
height: 6px;
margin: 0 7.5px;
background-color: var(--mainC);
border-radius: 5px;
opacity: 1;
}
.carousel-caption {
right: 15px;
left: 15px;
bottom: 0;
padding-bottom: 30px;
text-shadow: 0 2px 4px rgba(35, 24, 21, 0.82), 0 4px 3px rgba(35, 24, 21, 0.45);
word-wrap: break-word;
pointer-events: none;
}
.carousel-caption .container {width: auto;}
.carousel-caption h4,.carousel-caption p {font-weight: 600;}
.carousel-caption h4 {
display:block;
font-size:18px;
letter-spacing:1px;
}
.carousel-caption p {
display:inline-block;
font-size:12px;
padding-top:5px;
}

.carousel-control {
position:absolute;
top: 123px;
bottom:0;
left:0;
width: 55px;
font-size:1.25rem;
color:#fff;
text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,.6);
background-color:rgba(0,0,0,0);
filter:alpha(opacity=50);
opacity:.5;
background-image:none!important;
filter:none!important;
}

.carousel .carousel-control {
opacity:0;
-moz-transition-property:opacity;
-moz-transition-duration:.2s;
-moz-transition-delay:.2s;
-webkit-transition-property:opacity;
-webkit-transition-duration:.2s;
-webkit-transition-delay:.2s;
-o-transition-property:opacity;
-o-transition-duration:.2s;
-o-transition-delay:.2s;
transition-property:opacity;
transition-duration:.2s;
transition-delay:.2s;
}

.carousel-control:hover,.carousel-control:focus {
filter:alpha(opacity=100);
opacity:1;
}

.carousel .carousel-control span:nth-child(1){
width: 34px;
height: 34px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid transparent;
position: absolute;
top: calc(50% - 17px);
margin: 0;
transition: 0.2s;
}

.carousel .carousel-control:hover span:nth-child(1){background-color: rgba(255, 255, 255, 0.56);}

.carousel .carousel-control span:nth-child(1)::after{
content: '';
position: absolute;
top: calc(50% - 4px);
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid var(--hoverC1);
border-right: 2px solid var(--hoverC1);
transition: 0.2s;
}
.carousel .left.carousel-control span:nth-child(1) {right: 0;}
.carousel .right.carousel-control span:nth-child(1) {left: 0;}

.carousel .carousel-control:hover span:nth-child(1)::after {border-color: var(--mainC);}

.carousel .left.carousel-control span:nth-child(1)::after {
right: calc(50% - 7px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.carousel .right.carousel-control span:nth-child(1)::after {
left: calc(50% - 7px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

@media screen and (min-width: 424px) {
.carousel-caption {bottom: 20px;}    
.carousel-indicators {
display:block;
bottom:10px;
left:50%;
z-index:15;
width:60%;
padding-left:0;
margin-left:-30%;
text-align:center;
list-style:none;
opacity:0;
-moz-transition-property:opacity;
-moz-transition-duration:.2s;
-moz-transition-delay:.2s;
-webkit-transition-property:opacity;
-webkit-transition-duration:.2s;
-webkit-transition-delay:.2s;
-o-transition-property:opacity;
-o-transition-duration:.2s;
-o-transition-delay:.2s;
transition-property:opacity;
transition-duration:.2s;
transition-delay:.2s
}
.carousel-caption h4 {font-size:22px;}
.carousel-caption p {font-size:14px;}
.carousel:hover .carousel-indicators {opacity:1;}
}

@media (min-width: 768px) {
.carousel-fade .carousel-inner .item .img_b {display: flex;}
.carousel-fade .carousel-inner .item .img_s {display: none;}
  
.carousel-control {width: 79px;}
.carousel .carousel-control span:nth-child(1){
width: 64px;
height: 64px;
top: calc(50% - 32px);
}

.carousel .carousel-control span:nth-child(1)::after{
top: calc(50% - 8px);
width: 1.125rem;
height: 1.125rem;
}
.carousel .left.carousel-control span:nth-child(1)::after{right: calc(50% - 11px);}
.carousel .right.carousel-control span:nth-child(1)::after{left: calc(50% - 11px);}

.carousel-caption {
right: 15%;
left: 15%;
padding-bottom:20px;
}
.carousel-caption h4 {font-size:25px;}
.carousel-caption p {font-size:0.9375rem;}
}

@media (min-width: 992px) {
.carousel-fade .carousel-inner .item {padding-top: 113px;}    
.noBanner {padding-bottom: 128px;}
.carousel-control {width:15%;}

.carousel .left.carousel-control span:nth-child(1) {right: calc(100% / 3);}
.carousel .right.carousel-control span:nth-child(1) {left: calc(100% / 3);}
}

@media (min-width: 1024px) {
.carousel-caption {padding-bottom:30px;}
}

@media (min-width: 1440px) {
.carousel-indicators {bottom:40px;}

.carousel-caption {padding-bottom:50px;}
.carousel-caption h4 {
font-size:30px;
letter-spacing:1px;
}
.carousel-caption p {
display:block;
font-size:17px;
padding-top:10px;
}
}

@media (min-width: 1681px) {
.carousel-caption {padding-bottom: 77px;}
.carousel-caption h4 {font-size:40px;}
.carousel-caption p {font-size:21px;}
}

#section-news {
    width: 100%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg_section-news {position: relative;}
.bg_section-news.iPadding {
    padding-bottom: 30px;
}
.bg_section-news::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: calc(80% - 60px);
    background: linear-gradient(-180deg, #ffffff 80%, transparent);
}
.bg_section-news::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: calc(100% - 60px);
    background: repeating-linear-gradient(-180deg, #fff 0px, #fff 5px, transparent 5px, transparent 10px);
}
.bg_section-news .newsBg-C {
content: "";
position: absolute;
top: -1px;
width: 100%;
height: 100%;
opacity: 0.63;
pointer-events: none;
}
.bg_section-news > .container {z-index: 6;}
.bg_section-news .moreInfo {
margin: 0 auto;
position: absolute;
bottom: -15.5px;
left: calc(50% - 100px);
}
.bg_section-news .moreInfo a {background-color: #fff;}
.bg_section-news .newsList {
width: 1205px;
margin: 0 auto;
border: 8px solid #fff;
padding: 50px 51px;
background-color: #fff;
position: relative;
}
.bg_section-news .newsList::after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
pointer-events: none;
border: 1px solid var(--hoverC2);
}
.bg_section-news .newsTab {width: 100%;}
.bg_section-news .newsTab tr {
border-bottom: 1px dashed var(--lineC);
padding-top: 15px;
display: flex;
position: relative;
}
.bg_section-news .newsTab tr:first-child {padding-top: 0;}
.bg_section-news .newsTab tr::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 125px;
height: 1px;
background-color: var(--hoverC2);
pointer-events: none;
transition: 0.8s;
}
.bg_section-news .newsTab th {
font-family: monospace, sans-serif;
font-size: 1rem;
font-weight: 400;
opacity: 0.85;
display: flex;
transition: 0.3s;
width: 125px;

}
.bg_section-news .newsTab th i{
padding: 2px 5px 2px 2px;
color: var(--hoverC1);
}

.bg_section-news .newsTab td {
margin-bottom: 7px;
font-size: 0.975rem;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-align: justify;
text-justify: inter-ideograph;
width: calc(100% - 125px);
}
.bg_section-news .newsTab td a {
font-weight: 600;
transition: 0.3s;
}
.bg_section-news .newsTab tr:hover::after {width: 100%;}
.bg_section-news .newsTab tr:hover th, .bg_section-news .newsTab tr:hover th i, .bg_section-news .newsTab tr:hover td a {
color: var(--mainC);
}

@media (max-width: 1409px) {
.bg_section-news .newsList {width: 80%;}
}

@media (max-width: 1199px) {
.bg_section-news .newsTab td {font-size: 0.925rem;}
}

@media (max-width: 991px) {  
.bg_section-news .newsList {
width: 100%;
padding: 32px 29px;
}
.bg_section-news .newsTab td {
text-overflow: initial;
display: initial;
-webkit-line-clamp: initial;
-webkit-box-orient: initial;
}
}

@media (max-width: 767px) {
.bg_section-news .newsTab tr {
padding-top: 17px;
flex-flow: column;
}
.bg_section-news .newsTab tr::after {width: 0;}
.bg_section-news .newsTab th {
font-size: 0.875rem;
width: 100%;
padding-bottom: 5px;
}
.bg_section-news .newsTab td {
font-size: 0.875rem;
width: 100%;
margin-bottom: 15px;
}
}

#section-pro {width: 100%;}
.bg_section-pro {
    position: relative;
    padding: 30px 0;
}
.bg_section-pro > div {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.bg_section-pro > div::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    width: calc(25% - 1px);
    height: calc(100% - 60px);
    background-color: #ffffff;
    pointer-events: none;
}
.bg_section-pro > div::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 1;
    width: 65%;
    height: calc(100% - 2px);
    background-color: #ffffff;
    pointer-events: none;
}
.bg_section-pro > div .mTitle {
    width: 25%;
    padding: 40px 40px 60px;
    z-index: 3;
}
.bg_section-pro > div #owl-event {width: 75%;z-index: 3;}
.bg_section-pro .imgBox {
    background-color: var(--footerC1);
    border-right: 15px solid #fff;
}
.bg_section-pro .imgBox::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
border: 1px solid transparent;
pointer-events: none;
z-index: 6;

transition: 0.5s;
}
.bg_section-pro .imgBox:hover::before { 
width: 100%;    
border-color: var(--mainC);
}
.bg_section-pro .imgBox .pic {
opacity: 0.62;
transition: 0.25s;
}
.bg_section-pro .imgBox:hover .pic {opacity: 1;}
.bg_section-pro .imgBox .txt {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    text-align: left;
    width: 80%;
    padding: 0 15px 15px 0;
    color: #fff;
    transition: 0.35s;
}
.bg_section-pro .imgBox .txt h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bg_section-pro .imgBox:hover .txt { 
width: calc(100% - 15px);
color: var(--mainC);
}
.bg_section-pro .imgBox .txt h4 {
    padding: 15px 0 0 0;
    color: var(--navW);
    opacity: 1;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
    transition: 0.35s;
}
.bg_section-pro .imgBox:hover .txt h4 {
    color: var(--mainC);
}

.bg_section-pro .imgBox .txt::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1px;
background-color: #fff;
pointer-events: none;
z-index: 1;
transition: 0.35s;
}
.bg_section-pro .imgBox:hover .txt::before { 
background-color: var(--mainC);
}
.bg_section-pro .imgBox .txt::after {
content: "";
position: absolute;
top: -15px;
right: 0;
width: 0;
height: calc(100% + 15px);
background-color: var(--footerC1);
opacity: 0;
pointer-events: none;
z-index: -1;
transition: 0.35s;
}
.bg_section-pro .imgBox:hover .txt::after {
width: calc(100% + 15px);
background-color: #fff;
opacity: 0.82;
}

.bg_section-pro .owl-nav {
    position: absolute;
    width: 150px;
    height: 35px;
    bottom: 15px;
    left: initial;
    right: -190px;
    margin: 0;
}
.bg_section-pro .owl-nav::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 1.5px);
    width: 5px;
    height: 1px;
    background-color: var(--hoverC1);
    opacity: 0.5;
    pointer-events: none;
}
.bg_section-pro .owl-carousel .owl-nav button.owl-prev, .bg_section-pro .owl-carousel .owl-nav button.owl-next {width: 35px;}
.bg_section-pro .owl-carousel .owl-nav button.owl-prev::before, .bg_section-pro .owl-carousel .owl-nav button.owl-next::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
width: 0;
height: 1px;
background-color: var(--mainC);
opacity: 1;
pointer-events: none;
transition: 0.2s;
}
.bg_section-pro .owl-carousel .owl-nav button.owl-prev:hover::before, .bg_section-pro .owl-carousel .owl-nav button.owl-next:hover::before {width: 20px;}
.bg_section-pro .owl-carousel .owl-nav button.owl-next::before {left: -12px;}
.bg_section-pro .owl-carousel .owl-nav button.owl-prev::before {right: -12px;}
.bg_section-pro .owl-carousel .owl-nav button.owl-prev::after, .bg_section-pro .owl-carousel .owl-nav button.owl-next::after {
top: calc(50% - 4.5px);
width: 9px;
height: 9px;
}
.bg_section-pro .owl-carousel .owl-nav button.owl-prev::after {right: calc(50% - 6px);}
.bg_section-pro .owl-carousel .owl-nav button.owl-next::after {left: calc(50% - 6px);}

@media (max-width: 1199px) {
.bg_section-pro {
    padding: 16px 0;
}    
.bg_section-pro > div {
    flex-direction: column;
    padding: 42px 15px 0;
    background-color: #fff;
}    
.bg_section-pro > div::before {
    top: 0;
    right: 15px;
    width: calc(100% - 30px);
    height: 15px;
    background: repeating-linear-gradient(180deg, #fff 0px, #fff 1px, transparent 1px, transparent 2px);
}
.bg_section-pro > div::after {
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 15px;
    background: repeating-linear-gradient(180deg, #fff 0px, #fff 1px, transparent 1px, transparent 2px);
}
.bg_section-pro > div .mTitle {
    width: 100%;
    padding: 0 30px 20px;
}
.bg_section-pro > div #owl-event {
    width: 100%;
}
.bg_section-pro .imgBox {
    border: 5px solid #fff;
}
.bg_section-pro .imgBox .pic {
    opacity: 1;
}
.bg_section-pro .imgBox .txt::after {
    width: 200%;
    opacity: 0.42;
}

.bg_section-pro .owl-nav {
    position: relative;
    bottom: initial;
    right: initial;
    margin: 20px auto;
}
}

#section-pro .proGridBox .imgBox .pic .sale {
position:absolute;
right:0;
bottom:0;
display:block;
width:60px;
height:26px;
color:#fff;
font-size:.8125rem;
line-height:26px;
text-align:center;
background:rgba(0,0,0,.6);
}
#section-pro .proGridBox .imgBox .txt span.date {
position:relative;
display:block;
font-size:.8rem;
font-family:Arial,sans-serif;
color:var(--black2);
letter-spacing:1px;
margin-top:15px;
}
#section-pro .proGridBox .imgBox .txt span.date::before {
content:'';
position:absolute;
display:block;
top:-8px;
left:0;
width:48px;
height:1px;
background:var(--mainC);
}

#section-album {
width:100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}

.bg_section-album {position:relative;}

#section-edit {
width:100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}

.bg_section-edit {position:relative;}

#section-edit .section-edit-content {width:100%;}

#section-seo {
width:100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.parallax-scroll {position: relative;}

#M_contents {
display:block;
width:100%;
padding:0;
margin:0 auto;
font-size: 1rem;
}

@media (max-width: 540px) {
#M_contents {font-size: 0.925rem;}
}

#M_news .group {margin-top:15px;}

#M_news .group.sub {margin-top:-10px;}

#M_news .group .list {
display:flex;
flex-wrap:wrap;
}

#M_news .list a.item {
display:block;
float:left;
width:calc((100% - 30px) / 3);
background:#fff;
border: 1px solid var(--lineC);
border-bottom-color: var(--gray2);
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
}

#M_news .list a.item:hover {border-bottom-color: var(--hoverC2);}

#M_news .group.sub .list a.item {margin-top:15px;}

#M_news .group .list a.item:nth-child(2),#M_news .group.sub .list a.item:nth-child(3n+2) {
margin-left:15px;
margin-right:15px
}

@media (max-width: 720px) {
#M_news .group .list a.item {width:calc((100% - 15px) / 2);}
#M_news .group .list a.item:nth-child(2) {margin-right:0;}
#M_news .group .list a.item:nth-child(3) {display:none;}
#M_news .group.sub .list a.item:nth-child(3) {display:block;}
#M_news .group.sub .list a.item:nth-child(3n+2) {
margin-left:0;
margin-right:0;
}
#M_news .group.sub .list a.item:nth-child(2n) {
margin-left:15px;
margin-right:0;
}
}

@media (max-width: 424px) {
#M_news .group .list a.item {width:100%;}
#M_news .group .list a.item:nth-child(2) {margin-left:0;}
#M_news .group.sub .list a.item:nth-child(2n) {margin-left:0;}
}

#M_news .list a.item .pic .date {
position: absolute;
bottom: 0;
right: 0;
width: 55px;
height: 70px;
color: #fff;
font-family: monospace, sans-serif;
text-align: center;
background: var(--gray3);
padding: 6px;
opacity: 0.92;
}

#M_news .list a.item .pic .date span {display:block;}

#M_news .list a.item .pic .date .day {
height:26px;
font-size:1.0625rem;
line-height:26px;
border-bottom:1px solid rgba(255, 255, 255, .4);
margin-bottom:4px;
}

#M_news .list a.item .pic .date .month, #M_news .list a.item .pic .date .year {
font-size:.75rem;
line-height:14px;
}

#M_news .list a.item .title {padding-bottom: 5px;}

#M_news .list a.item .summary {
color:var(--blackC);
font-size:.8125rem;
line-height:1.125rem;
margin-top:5px;
}

#M_news .list.noPic {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin: 0 auto;
padding-top: 20px;
}
#M_news .group .list.noPic a.item {
width: 100%;
border: 1px solid var(--lineC);
margin: 0 0 5px;
padding: 25px 15px 20px 26px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
transition: 0.2s;
}
#M_news .group .list.noPic a.item:hover {border-color: var(--bg1);}
#M_news .group .list.noPic a.item:nth-child(2), #M_news .group.sub .list.noPic a.item:nth-child(3n+2) {margin: 0 0 5px;}

#M_news .list.noPic a.item .date {
width: 165px;
font-size: 1rem;
font-family: monospace, sans-serif;
line-height: 1;
color: var(--footerC2);
border-right: 1px solid var(--gray2);
padding: 3px 0 3px 25px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
transition: 0.2s;
}
#M_news .list.noPic a.item:hover .date {
color: var(--mainC);
border-color: var(--bg1);
}
#M_news .list.noPic a.item .date > span {
position: relative;
display: flex;
}
#M_news .list.noPic a.item .date .year::before {
content: "\f073";
position: absolute;
top: -1px;
left: -25px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
#M_news .list.noPic a.item .date .month {padding-left: 13px;}
#M_news .list.noPic a.item .date .month::before {
content: "";
position: absolute;
top: 50%;
left: 4px;
width: 5px;
height: 1px;
background-color: var(--gray2);
transition: 0.2s;
}
#M_news .list.noPic a.item:hover .date .month::before {background-color: var(--bg11);}
#M_news .list.noPic a.item .date .day {padding-left: 23px;}
#M_news .list.noPic a.item .date .day::before {
content: "";
position: absolute;
top: 7px;
left: 2px;
width: 18px;
height: 1px;
background-color: var(--gray2);
transform: rotate(-45deg);
transition: 0.2s;
}
#M_news .list.noPic a.item:hover .date .day::before {background-color: var(--hoverC2);}
#M_news .list.noPic a.item .txt {
width: calc(100% - 165px);
padding: 0 0 0 20px;
}

#M_news_show {width:100%;}

#M_news_show .head {
position:relative;
height:70px;
}

#M_news_show .head::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(100% - 70px);
    height: 1px;
    background: var(--footerC2);
    opacity: 0.62;
}

@media (max-width: 991px) {
#M_news_show .head {height:106px;}
#M_news_show .head::after {bottom:36px;}

#M_news .group .list.noPic a.item {
border: 1px dashed var(--lineC);
margin: 30px 0 0;
padding: 0 0 15px 20px;
}
#M_news .group .list.noPic a.item:nth-child(2), #M_news .group.sub .list.noPic a.item:nth-child(3n+2) {margin: 30px 0 0}
#M_news .list.noPic a.item .date {
width: 100%;
font-size: 0.925rem;
border-right: none;
border-bottom: 1px solid var(--lineC);
background-color: #fff;
margin-bottom: 10px;
padding: 0 0 10px 25px;
position: relative;
top: -8px;
right: -1px;
}
#M_news .list.noPic a.item .txt {
width: 100%;
padding: 0 14px 0 0;
position: relative;
right: -1px;
border-right: 1px solid var(--lineC);
}
}

@media (max-width: 480px) {
#M_news_show .head {
height:auto;
padding-top:40px;
padding-bottom:10px;
}

#M_news_show .head::after {
width:100%;
left:0;
bottom:0;
}
}

#M_news_show .head .title {
position:absolute;
top:50%;
left:70px;
width:calc(100% - 270px);
max-height:52px;
font-family:'Century Gothic','Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif;
font-size:1.2rem;
color:var(--black1);
line-height:26px;
overflow:hidden;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
margin:0
}

@media (max-width: 991px) {
#M_news_show .head .title {
width:calc(100% - 70px);
top:calc(50% - 1.125rem);
}
}

@media (max-width: 540px) {
#M_news_show .head .title {font-size:1rem;}
}

@media (max-width: 480px) {
#M_news_show .head .title {
position:static;
width:100%;
max-height:none;
line-height:22px;
transform:translateY(0);
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-webkit-transform:translateY(0);
}
}

#M_news_show .head .date {
float: left;
width: 55px;
height: 70px;
font-family: monospace, sans-serif;
color: #fff;
text-align: center;
background: var(--footerC2);
padding: 6px;
opacity: 0.82;
}

#M_news_show .head .date span {
display:block
}

#M_news_show .head .date_480 {
display:none
}

@media (max-width: 480px) {
#M_news_show .head .date {
display:none
}

#M_news_show .head .date_480 {
display: block;
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
height: 30px;
font-family: monospace, sans-serif;
color: #fff;
text-align: center;
background: var(--mainC);
padding: 6px;
opacity: 0.82;
}
}

#M_news_show .head .date .day {
height:26px;
font-size:1.0625rem;
line-height:26px;
border-bottom:1px solid rgba(255,255,255,.4);
margin-bottom:4px
}

#M_news_show .head .date .month,#M_news_show .head .date .year {
font-size:.75rem;
line-height:14px
}

#M_news_show .head .share {
float:right;
height:26px;
margin-top:22px
}

@media (max-width: 991px) {
#M_news_show .head .share {
position:absolute;
right:0;
bottom:0;
float:none;
padding-bottom:10px;
margin-top:0
}
}

@media (max-width: 480px) {
#M_news_show .head .share {
position:inherit;
float:right;
height:26px;
margin-top:25px
}
}

#M_news_show .head .share >span {
display:block;
float:left;
width:25px;
font-size:1.1rem;
line-height:26px;
padding-top:2px
}

@media (max-width: 991px) {
#M_news_show .head .share >span {
width:30px;
font-size:1.3rem;
padding-top:6px
}
}

#M_news_show .head .share >ul {
float:right
}

#M_news_show .head .share >ul li {
display:inline-block;
vertical-align:top;
margin-right:2px
}

#M_news_show .head .share >ul li a {
display:block;
width:26px;
height:26px;
color:#b2b2b2;
text-align:center;
border:1px solid #b2b2b2;
border-radius:100%;
background-size:26px 26px;
background-repeat:no-repeat;
background-position:center;
transition:all .25s linear;
-ms-transition:all .25s linear;
-moz-transition:all .25s linear;
-webkit-transition:all .25s linear;
padding-top:3px
}

@media (max-width: 991px) {
#M_news_show .head .share >ul li a {
width:35px;
height:35px;
font-size:1.3rem;
background-size:35px 35px
}
}

@media (max-width: 360px) {
#M_news_show .head .share >ul li a {
padding-top:5px
}
}

#M_news_show .head .share >ul li a.google {
padding-top:2px
}

#M_news_show .head .share >ul li a.email {
padding-top:1px
}

@media (max-width: 360px) {
#M_news_show .head .share >ul li a.google {
padding-top:4px
}

#M_news_show .head .share >ul li a.email {
padding-top:3px
}
}

#M_news_show .head .share >ul li a:hover {
color:#fff
}

#M_news_show .head .share >ul li a.fb:hover {
border-color:#3b5998;
background-color:#3b5998
}

#M_news_show .head .share >ul li a.line {
background-image:url(../images/products/ic_shareline.png)
}

#M_news_show .head .share >ul li a.line:hover {
border-color:#3ace00;
background-color:#3ace00;
background-image:url(../images/products/ic_shareline_hover.png)
}

#M_news_show .head .share >ul li a.twitter:hover {
border-color:#63cdf1;
background-color:#63cdf1
}

#M_news_show .head .share >ul li a.google:hover {
border-color:#de5549;
background-color:#de5549
}

#M_news_show .head .share >ul li a.email:hover {
border-color:#9a846a;
background-color:#9a846a
}

#M_news_show .content {margin:30px auto;}

@media (max-width: 991px) {
#M_news_show .content {margin:20px auto;}
}

@media (max-width: 480px) {
#M_news_show .content {margin:60px auto 20px;}
}

#M_news_show .content .news_file {
border-top:1px dotted var(--lineC);
padding-top:15px;
margin-top:15px
}

#M_news_show .content .news_file a:hover {
color:var(--emphasize)
}

#M_news_03 {
display:table;
width:100%;
border-top-right-radius:10px;
border-top-left-radius:10px;
border-collapse:collapse;
overflow:hidden;
margin:40px 0 0
}

#M_news_03 .news-row {
display:table-row;
border-bottom:1px dotted var(--lineC)
}

#M_news_03 .news-row .news-cell {
display:table-cell;
font-size:1rem;
text-align:center;
padding:15px 0
}

@media (max-width: 540px) {
#M_news_03 .news-row .news-cell {
font-size:.9rem;
padding:15px 0
}
}

@media (max-width: 480px) {
#M_news_03 .news-row .news-cell {
width:100%!important;
text-align:left;
padding:0
}
}

#M_news_03 .news-row .news-cell:nth-child(1) {
width:25%
}

#M_news_03 .news-row .news-cell:nth-child(1)::after {
content:"";
float:right;
width:1px;
height:20px;
background:var(--lineC);
margin-right:20px
}

#M_news_03 .news-row .news-cell:nth-child(2) {
width:75%;
text-align:left;
padding-left:20px
}

@media (max-width: 768px) {
#M_news_03 .news-row .news-cell:nth-child(2)::after {
display:none
}
}

@media (max-width: 720px) {
#M_news_03 .news-row .news-cell:nth-child(2) {
padding-left:5px
}
}

@media (max-width: 604px) {
#M_news_03 .news-row .news-cell:nth-child(2) {
padding-left:0
}
}

@media (max-width: 480px) {
#M_news_03 .news-row .news-cell:nth-child(1) {
display:block;
font-size:.9rem;
padding:10px 0 3px
}

#M_news_03 .news-row .news-cell:nth-child(1)::after {
display:none
}

#M_news_03 .news-row .news-cell:nth-child(2) {
display:block;
padding-bottom:10px
}
}

#M_news_03 .news-row .news-cell .date {
color:var(--black1)
}

#M_news_03 .news-row .news-cell a {
display:block;
width:100%;
color:#666
}

#M_news_03 .news-row .news-cell a:hover {
color:var(--emphasize)
}

#M_news_03 .news-head {
background:linear-gradient(90deg,#e8e8e8 0%,#fff 100%);
background:-moz-linear-gradient(90deg,#E8E8E8 0%,#FFF 100%);
background:-webkit-linear-gradient(90deg,#E8E8E8 0%,#FFF 100%);
background:-o-linear-gradient(90deg,#E8E8E8 0%,#FFF 100%);
border:1px solid #E8E8E8
}

#M_news_03 .news-head .news-cell {
font-size:1.2rem!important
}

#M_news_03 .news-head .news-cell:nth-child(2) {
text-align:center!important
}

@media (max-width: 480px) {
#M_news_03 .news-head .news-cell {
line-height:40px;
padding:0!important
}

#M_news_03 .news-head .news-cell:nth-child(1) {
display:none
}
}

#M_products {
/* padding-bottom:30px */
}

#M_products .sort {
display: none;
line-height:30px;
text-align:right
}

@media (max-width: 424px) {
#M_products .sort {
text-align:center
}
}

#M_products .sort > div {
display:inline-block;
height:30px;
vertical-align:top;
margin-left:20px;
margin-bottom:10px
}

#M_products .sort > div:nth-child(1) {
margin-left:0
}

@media (max-width: 320px) {
#M_products .sort > div {
margin-left:3px
}
}

#M_products .sort > div span {
display:inline-block;
font-size:.9375rem;
line-height:30px;
vertical-align:middle;
margin-right:6px
}

#M_products .sort > div a.btn {
height:30px;
font-size:.9375rem;
line-height:28px;
border-color:var(--lineC);
padding:0 10px
}

@media (max-width: 320px) {
#M_products .sort > div span {
font-size:.85rem
}

#M_products .sort > div a.btn {
font-size:.85rem
}
}

#M_products .sort > div a.btn.current,#M_products .sort > div a.btn:focus,#M_products .sort > div a.btn:active,#M_products .sort > div a.btn:hover {
background:#eee
}

#M_products .group {
margin-top:15px
}

#M_products .group.sub {
margin-top:-10px
}

#M_products .group .list {
display:flex;
flex-wrap:wrap;
}

#M_products .group .list .item {
display:block;
float:left;
width:calc((100% - 30px) / 3);
background:#fff;
border: 1px solid var(--lineC);
border-bottom-color: var(--gray2);
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
margin-top:10px;
}
#M_products.category .group .list .item {border: none;}

#M_products .group.sub .list .item {
margin-top:15px;
}

#M_products .group .list .item:hover {
border-bottom-color: var(--hoverC2);
}

#M_products .group .list .item:nth-child(2),#M_products .group.sub .list .item:nth-child(3n+2) {
margin-left:15px;
margin-right:15px
}

@media (max-width: 767px) {
#M_products .group .list .item {width:calc((100% - 15px) / 2);}
#M_products .group .list .item:nth-child(2) {margin-right:0;}
#M_products .group .list .item:nth-child(3) {display:none;}
#M_products .group.sub .list .item:nth-child(3) {display:block;}
#M_products .group.sub .list .item:nth-child(3n+2) {
margin-left:0;
margin-right:0;
}
#M_products .group.sub .list .item:nth-child(2n) {
margin-left:15px;
margin-right:0;
}
}

@media (max-width: 320px) {
#M_products .group .list .item {width:100%;}
#M_products .group .list .item:nth-child(2) {margin-left:0;}
#M_products .group.sub .list .item:nth-child(2n) {margin-left:0;}
}

#M_products .group .list .item .pic .sale {
position:absolute;
right:0;
bottom:0;
display:block;
width:60px;
height:26px;
color:#fff;
font-size:.8125rem;
line-height:26px;
text-align:center;
background:rgba(0, 0, 0, .6);
}

#M_products .group .list .item .price {
color:var(--black1);
font-family:'Century Gothic',Sans-serif;
font-size:1.125rem;
line-height:30px;
margin-top:5px;
}

#M_products .group .list .item .price strong {
font-weight:400;
color:var(--emphasize);
}

#M_products .group .list .item .price .date {
color:#72a0d8;
font-size:.8125rem;
line-height:28px;
vertical-align:top;
}

@media (max-width: 1200px) {
#M_products .group .list .item .price .date {display:block;}
}

@media (max-width: 768px) {
#M_products .group .list .item .price .date {display:inline;}
}

@media (max-width: 540px) {
#M_products .group .list .item .price .date {display:block;}
}

@media (max-width: 424px) {
#M_products .group .list .item .price .date {display:inline;}
}

#M_products .group .list .item .price .org-price {
display:block;
color:#999;
font-size:.8125rem;
line-height:20px;
text-decoration:line-through;
}

#M_products .group .list.list2 {
display:flex;
width:100%;
}

#M_products .group .list.list2.list3 {
display:block;
width:100%;
}

#M_products .group .list.list2 article.item {
display:block;
float:left;
width:calc(25% - 12px);
background:#fff;
border:1px solid #ebe6e1;
border-bottom-color:var(--blackC);
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
padding:8px;
margin-top:10px;
margin-bottom:5px;
margin-right:15px
}

#M_products .group.sub .list.list2 article.item {
padding:8px;
margin-top:20px;
}

#M_products .group .list.list2 article.item.selectactive {
background:var(--gray1);
border:1px solid var(--blackC);
}

#M_products .group .list.list2 article.item:nth-child(4n), 
#M_products .group.sub .list.list2 article.item:nth-child(4n) {margin-right:0;}

@media (max-width: 640px) {
#M_products .group .list.list2 article.item {width:calc(33.333% - 13.333px);}

#M_products .group .list.list2 article.item:nth-child(3n), 
#M_products .group.sub .list.list2 article.item:nth-child(3n) {margin-right:0;}

#M_products .group .list.list2 article.item:nth-child(4n), 
#M_products .group.sub .list.list2 article.item:nth-child(4n) {margin-right:15px;}
}

@media (max-width: 480px) {
#M_products .group .list.list2 article.item {width:calc(50% - 10px);}

#M_products .group .list.list2 article.item:nth-child(3n), 
#M_products .group.sub .list.list2 article.item:nth-child(3n) {margin-right:15px;}

#M_products .group .list.list2 article.item:nth-child(2n), 
#M_products .group.sub .list.list2 article.item:nth-child(2n), 
#M_products .group .list.list2 article.item:nth-child(4n), 
#M_products .group.sub .list.list2 article.item:nth-child(4n), 
#M_products .group .list.list2 article.item:nth-child(6n), 
#M_products .group.sub .list.list2 article.item:nth-child(6n) {margin-right:0;}
}

@media (max-width: 424px) {
#M_products .group .list.list2 article.item {
width:calc(50% - 5px);
margin-right:10px;
}

#M_products .group .list.list2 article.item:nth-child(3n), 
#M_products .group.sub .list.list2 article.item:nth-child(3n) {margin-right:10px;}

#M_products .group .list.list2 article.item:nth-child(2n), 
#M_products .group.sub .list.list2 article.item:nth-child(2n), 
#M_products .group .list.list2 article.item:nth-child(4n), 
#M_products .group.sub .list.list2 article.item:nth-child(4n), 
#M_products .group .list.list2 article.item:nth-child(6n), 
#M_products .group.sub .list.list2 article.item:nth-child(6n) {margin-right:0;}
}

#M_products .group .list.list2 article.item .pic {position:relative}

#M_products .group .list.list2 article.item .pic > img {margin:0 auto}

#M_products .group .list.list2 article.item .pic .sale {
position:absolute;
right:0;
bottom:0;
display:block;
width:60px;
height:26px;
color:#fff;
font-size:.8125rem;
line-height:26px;
text-align:center;
background:rgba(0,0,0,.6)
}

#M_products .group .list.list2 article.item .txt {padding:0 5px;}

#M_products .group .list.list2 article.item .name {
color:var(--blackC);
font-size:0.875rem;
line-height:20px;
margin-top:10px;
}

#M_products .group .list.list2 article.item .name.name2 {
font-size:0.875rem;
line-height:1.125rem;
text-align:center;
padding:0;
margin:0;
margin-top:10px;
}

#M_products .group .list.list2 article.item .specification {
font-size:0.875rem;
line-height:1.125rem;
text-align:center;
padding:0;
margin:0;
margin-top:5px;
}

#M_products .group .list.list2 article:hover.item .name {color:var(--emphasize);}

#M_products .group .list.list2 article.item .price {
color:var(--black1);
font-family:'Century Gothic',Sans-serif;
font-size:0.875rem;
line-height:30px;
margin-top:5px;
}

@media (max-width: 540px) {
#M_products .group .list.list2 article.item .price {
line-height:20px;
margin-bottom:50px;
}
}

#M_products .group .list.list2 article.item .price strong {
float:right;
font-weight:400;
color:var(--emphasize);
}

@media (max-width: 720px) {
#M_products .group .list.list2 article.item .price strong {
float:left;
width:100%;
}
}

#M_products .group .list.list2 article.item .price .date {
color:#72a0d8;
font-size:.8125rem;
line-height:28px;
vertical-align:top;
}

@media (max-width: 1200px) {
#M_products .group .list.list2 article.item .price .date {display:block;}
}

@media (max-width: 768px) {
#M_products .group .list.list2 article.item .price .date {display:inline;}
}

@media (max-width: 540px) {
#M_products .group .list.list2 article.item .price .date {display:block;}
}

@media (max-width: 424px) {
#M_products .group .list.list2 article.item .price .date {display:inline;}
}

#M_products .group .list.list2 article.item .price .org-price {
display:block;
float:left;
color:#999;
font-size:0.875rem;
line-height:30px;
text-decoration:line-through;
}

@media (max-width: 720px) {
#M_products .group .list.list2 article.item .price .org-price {
width:100%;
line-height:20px;
}
}

#M_products .group .list.list2 article.item select {
display:block;
width:100%;
height:25px;
color:var(--blackC);
font-size:0.8125rem;
border:1px solid var(--gray2);
background-color:transparent;
background-image:url(../images/products/ic_sizeselect.png);
background-size:20px 5px;
background-repeat:no-repeat;
background-position:right center;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
outline:none;
padding:0 0 0 7px;
}

#M_products .group .list.list2 article.item select:hover {
background-color:#fff;
outline:none;
}

#M_products .group .list.list2 article.item select::-ms-expand {display:none;}

#M_products .group .list.list2 article.item .txt select.size-select {
height:30px;
border-left:none;
border-right:none;
margin-top:40px;
}

#M_products .group .list.list2 article.item .half {
display:inline-block;
width:48%;
margin-top:10px;
padding:0 5px;
}

#M_products .group .list.list2 article.item .half:last-child {
float:right;
margin-bottom:5px;
}

@media (max-width: 720px) {
#M_products .group .list.list2 article.item .half {
display:block;
width:100%;
}

#M_products .group .list.list2 article.item .half:last-child {float:left;}
}

#M_products .group .list.list2 article.item .half .check_btn {
display:block;
float:right;
width:50px;
height:25px;
color:#fff;
font-size:0.875rem;
line-height:21px;
text-align:center;
background-color:#ff5a00;
border-radius:3px;
border:0;
}

#M_products .group .list.list2 article.item .half .check_btn:hover {
color:#fff;
background-color:#e30121;
text-decoration:none;
}

#M_products .group .list.list2 article.item .half .check_btn:focus {outline:0;}

#M_products .group .list.list2 article.item .half .check_btn.btn {line-height:15px;}

#M_products .group .list.list2 article.item .half .check_btn3 {
padding-top:5px;
padding-left:5px;
}

@media (max-width: 720px) {
#M_products .group .list.list2 article.item .half .check_btn {
float:left;
width:100%;
letter-spacing:10px;
}
}

#M_products .group .list.list2 article.item .half_all .check_btn {
display:block;
float:none;
width:50px;
height:25px;
color:#fff;
font-size:0.875rem;
line-height:25px;
text-align:center;
background-color:#ff5a00;
border-radius:3px;
margin:5px auto 0
}

#M_products .group .list.list2 article:hover.item .half_all .check_btn {
color:#fff;
background-color:#e30121;
text-decoration:none
}

@media (max-width: 720px) {
#M_products .group .list.list2 article.item .half_all .check_btn {
float:left;
width:100%;
letter-spacing:10px
}
}

#M_products .group .list.list2.relate-slick {padding-bottom:0;}

@media (max-width: 604px) {
#any_pick_panel #M_products .relate .relate-slick {margin-top:0;}
}

#M_products .group .list.list2.relate-slick article.item {
display:block;
float:left;
width:calc(16% - 10px);
border:0 solid #ebe6e1;
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
padding:0;
margin:0 10px;
}

#M_products .group.sub .list.list2.relate-slick article.item {margin-top:15px;}

#M_products .group .list.list2.relate-slick article.item.selectactive {
background:var(--gray1);
border:1px solid var(--blackC);
}

#M_products .group .list.list2.relate-slick article.item:nth-child(4n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(4n) {
margin:0 10px;
margin-top:15px;
}

@media (max-width: 1199px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(20% - 10px);}
}

@media (max-width: 991px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(25% - 10px);}
}

@media (max-width: 720px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(33.333% - 10px);}
}

@media (max-width: 640px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(33.333% - 10px);}

#M_products .group .list.list2.relate-slick article.item:nth-child(3n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(3n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(4n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(4n) {
margin:0 10px;
margin-top:15px
}
}

@media (max-width: 540px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(50% - 10px);}
}

@media (max-width: 480px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(50% - 10px);}

#M_products .group .list.list2.relate-slick article.item:nth-child(3n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(3n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(2n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(2n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(4n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(4n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(6n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(6n) {
margin:0 10px;
margin-top:15px;
}
}

@media (max-width: 424px) {
#M_products .group .list.list2.relate-slick article.item {
width:calc(50% - 5px);
margin:0 5px;
}

#M_products .group .list.list2.relate-slick article.item:nth-child(3n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(3n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(2n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(2n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(4n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(4n), 
#M_products .group .list.list2.relate-slick article.item:nth-child(6n), 
#M_products .group.sub .list.list2.relate-slick article.item:nth-child(6n) {
margin:0 5px;
margin-top:15px;
}
}

@media (max-width: 320px) {
#M_products .group .list.list2.relate-slick article.item {width:calc(100% - 10px);}
}

#M_products .group .list.list2.relate-slick article.item .pic {
position:relative;
border:1px solid #e0e0e0;
}

#M_products .group .list.list2.relate-slick article.item .pic > img {
margin:0 auto;
padding:5px;
}

#any_pick_panel {
border:1px solid #e0e0e0;
margin-bottom:30px;
margin-top:10px;
position:relative
}

#any_pick_panel.any_pick_panel_cart {border:0 solid #e0e0e0;}

#any_pick_panel.margintop {margin-top:100px;}

@media (max-width: 640px) {
#any_pick_panel.margintop {margin-top:80px;}
}

#any_pick_panel .any_pick_title {
border-bottom:1px solid #f0f0f0;
padding-bottom:16px;
color:#242424;
font-size:1rem;
margin:20px 20px 10px;
}

#any_pick_panel #shop_list .onSaleProductItem {
float:left;
width:130px;
height:auto;
margin:15px 13px;
text-align:center;
}

#any_pick_panel #shop_list .onSaleProductImg {
width:100px;
height:auto;
border:1px solid #e0e0e0;
}

#any_pick_panel #shop_list .onSaleProductData {
display:block;
text-align:center;
padding:10px 0;
}

#any_pick_panel #shop_list li {
float:left
}

#any_pick_panel #shop_list dl {
width:1095px;
margin:0;
padding:0
}

#any_pick_panel #shop_list a.left_arr {
display:block;
height:130px;
margin-top:60px;
width:25px;
background:transparent url(../images/products/activity_left_arr.gif) no-repeat top left;
margin-left:15px
}

#any_pick_panel #shop_list a.right_arr {
display:block;
height:130px;
margin-top:60px;
width:25px;
background:transparent url(../images/products/activity_right_arr.gif) no-repeat top left;
margin-right:15px;
position:absolute;
right:0
}

#any_info {
position:relative
}

#any_info span {
display:inline-block;
padding:0 7px
}

#any_info p {
display:inline-block
}

@media (max-width: 424px) {
#any_info p {
display:block
}
}

.any_price {
color:#ac0000;
font-size:1rem
}

.shoppingCartCheck {
position:absolute;
top:-5px;
right:0;
height:30px;
background-color:#e30121;
color:#fff;
font-size:0.9375rem;
text-align:center;
line-height:28px;
border-radius:5px;
box-sizing:border-box;
transition:all .3s ease;
-o-transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
padding:0 20px
}

.shoppingCartCheck:hover {
color:#fff;
text-decoration:none;
opacity:.9
}

@media (max-width: 767px) {
.shoppingCartCheck {
top: initial;
bottom: -61px;
}
}

#any_pick_panel .relate {
padding:0 15px 0 13px;
margin-bottom:15px
}

@media (max-width: 768px) {
#any_pick_panel #M_products .relate {
margin-bottom:0
}
}

#any_pick_panel .relate .relate-slick {
margin-top:20px
}

@media (max-width: 604px) {
#any_pick_panel .relate .relate-slick {
margin-top:55px
}

#any_pick_panel .relate.relate_cart .relate-slick {
margin-top:20px
}
}

#any_pick_panel .relate .relate-slick .slick-arrow {
position:absolute;
top:25%;
width:30px;
height:30px;
border-radius:50%;
background:rgba(0,0,0,0.5);
font-size:0;
border:none;
opacity:1;
z-index:10;
transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
outline:none;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:26%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:32%
}

@media (max-width: 991px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:25%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:31%
}
}

@media (max-width: 767px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:28%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:34%
}
}

@media (max-width: 720px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:24%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:33%
}
}

@media (max-width: 640px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:22%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:31%
}
}

@media (max-width: 604px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:21%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:30%
}
}

@media (max-width: 600px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:20%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:29%
}
}

@media (max-width: 540px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:23%
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:19%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:27%
}
}

@media (max-width: 480px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:27%
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:23%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:32%
}
}

@media (max-width: 424px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:30%
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:22%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:31%
}
}

@media (max-width: 414px) {
#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:21%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:29%
}
}

@media (max-width: 400px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:28%
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:20%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:28%
}
}

@media (max-width: 375px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:29%
}
}

@media (max-width: 360px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:26%
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:19%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:27%
}
}

@media (max-width: 320px) {
#any_pick_panel .relate .relate-slick .slick-arrow {
top:23%
}

#any_pick_panel #M_products .relate .relate-slick .slick-arrow {
top:27%
}

#any_pick_panel #M_products .relate.relate_cart .relate-slick .slick-arrow {
top:36%
}
}

#any_pick_panel .relate .relate-slick .slick-arrow::before {
position:absolute;
top:0;
left:0;
content:'';
width:30px;
height:30px
}

#any_pick_panel .relate .relate-slick .slick-prev {
left:-7px
}

#any_pick_panel .relate .relate-slick .slick-next {
right:-10px
}

#any_pick_panel #M_products .relate .relate-slick .slick-prev {
left:-15px
}

#any_pick_panel #M_products .relate .relate-slick .slick-next {
right:-15px
}

@media (max-width: 1200px) {
#any_pick_panel .relate .relate-slick .slick-next {
right:-8px
}
}

@media (max-width: 720px) {
#any_pick_panel .relate .relate-slick .slick-next {
right:-10px
}
}

@media (max-width: 604px) {
#any_pick_panel .relate .relate-slick .slick-prev {
left:-12px
}

#any_pick_panel .relate .relate-slick .slick-next {
right:-13px
}
}

@media (max-width: 540px) {
#any_pick_panel .relate .relate-slick .slick-next {
right:-14px
}
}

#any_pick_panel .relate .relate-slick .slick-prev::before {
background:url(../images/album/fotorama_left.png) center center no-repeat;
background-size:150% auto
}

#any_pick_panel .relate .relate-slick .slick-next::before {
background:url(../images/album/fotorama_right.png) center center no-repeat;
background-size:150% auto
}

#any_pick_panel .relate .relate-slick .slick-prev:hover,#any_pick_panel .relate .relate-slick .slick-next:hover {
background:rgba(0,0,0,1)
}

#any_pick_panel .relate a.item {
display:block;
background:#fff;
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
padding:0;
margin:0 10px;
}

@media (max-width: 604px) {
#any_pick_panel .relate a.item {margin:0 5px;}
}

#any_pick_panel .relate a.item:nth-child(2), #any_pick_panel .relate a.item:nth-child(3n+2) {
margin-left:20px;
margin-right:20px
}

#any_pick_panel .relate a.item .pic {
position:relative;
border:1px solid #e0e0e0;
height:122px
}

#any_pick_panel .relate a.item .pic > img {
position:relative;
top:50%;
transform:translateY(-50%);
max-height:122px;
margin:0 auto;
padding:5px
}

@media (max-width: 1200px) {
#any_pick_panel .relate a.item .pic {height:92px;}
#any_pick_panel .relate a.item .pic > img {max-height:92px;}
}

@media (max-width: 1199px) {
#any_pick_panel .relate a.item .pic {height:114px;}
#any_pick_panel .relate a.item .pic > img {max-height:114px;}
}

@media (max-width: 991px) {
#any_pick_panel .relate a.item .pic {height:11.125rem;}
#any_pick_panel .relate a.item .pic > img {max-height:11.125rem;}
}

@media (max-width: 720px) {
#any_pick_panel .relate a.item .pic {height:109px;}
#any_pick_panel .relate a.item .pic > img {max-height:109px;}
}

@media (max-width: 640px) {
#any_pick_panel .relate a.item .pic {height:121px;}
#any_pick_panel .relate a.item .pic > img {max-height:121px;}
}

@media (max-width: 604px) {
#any_pick_panel .relate a.item .pic {height:122px;}
#any_pick_panel .relate a.item .pic > img {max-height:122px;}
}

@media (max-width: 600px) {
#any_pick_panel .relate a.item .pic {height:121px;}
#any_pick_panel .relate a.item .pic > img {max-height:121px;}
}

@media (max-width: 540px) {
#any_pick_panel .relate a.item .pic {height:106px;}
#any_pick_panel .relate a.item .pic > img {max-height:106px;}
}

@media (max-width: 533px) {
#any_pick_panel .relate a.item .pic {height:104px;}
#any_pick_panel .relate a.item .pic > img {max-height:104px;}
}

@media (max-width: 532px) {
#any_pick_panel .relate a.item .pic {height:142px;}
#any_pick_panel .relate a.item .pic > img {max-height:142px;}
}

@media (max-width: 480px) {
#any_pick_panel .relate a.item .pic {height:125px;}
#any_pick_panel .relate a.item .pic > img {max-height:125px;}
}

@media (max-width: 424px) {
#any_pick_panel .relate a.item .pic {height:162px;}
#any_pick_panel .relate a.item .pic > img {max-height:162px;}
}

@media (max-width: 414px) {
#any_pick_panel .relate a.item .pic {height:157px;}
#any_pick_panel .relate a.item .pic > img {max-height:157px;}
}

@media (max-width: 400px) {
#any_pick_panel .relate a.item .pic {height:150px;}
#any_pick_panel .relate a.item .pic > img {max-height:150px;}
}

@media (max-width: 384px) {
#any_pick_panel .relate a.item .pic {height:142px;}
#any_pick_panel .relate a.item .pic > img {max-height:142px;}
}

@media (max-width: 375px) {
#any_pick_panel .relate a.item .pic {height:139px;}
#any_pick_panel .relate a.item .pic > img {max-height:139px;}
}

@media (max-width: 360px) {
#any_pick_panel .relate a.item .pic {height:132px;}
#any_pick_panel .relate a.item .pic > img {max-height:132px;}
}

@media (max-width: 320px) {
#any_pick_panel .relate a.item .pic {height:112px;}
#any_pick_panel .relate a.item .pic > img {max-height:112px;}
}

#any_pick_panel .relate a.item .txt {
font-size:0.875rem;
line-height:28px;
color:var(--blackC);
text-align:center;
padding:0 5px
}

#any_pick_panel .relate a.item .name {
font-size:0.8125rem;
margin-top:10px
}

#any_pick_panel .relate a.item .name span {
display:block;
color:var(--mainC);
font-size:0.875rem;
font-weight:500;
margin-top:5px
}

#any_pick_panel .relate a.item .price span {
display:inline-block;
font-family:'Century Gothic',Sans-serif,"Microsoft JhengHei","PMingLiU";
padding-right:3px
}

#any_pick_panel .relate a.item .price i {
display:inline-block;
padding-left:10px
}

#any_pick_panel .relate a:hover.item .price i {
color:var(--emphasize)
}

#any_pick_panel .relate a.item .check_btn {
display:block;
width:50px;
height:25px;
color:#fff;
font-size:0.875rem;
line-height:25px;
text-align:center;
background-color:#ff5a00;
border-radius:3px;
margin:0 auto
}

#any_pick_panel .relate a.item .check_btn:hover,#any_pick_panel .relate a:hover.item .check_btn {
color:#fff;
background-color:#e30121;
text-decoration:none
}

#M_profaq {
width:100%;
background-color:#f3f3f3;
padding:0;
margin:0 auto
}

#M_profaq.margintop {
margin-top:35px
}

#M_profaq .list .item a.question {
display:block;
color:#fff;
font-size:17px;
letter-spacing:5px;
line-height:24px;
background:#f7839e;
transition:background .3s cubic-bezier(0,.4,.4,1);
-ms-transition:background .3s cubic-bezier(0,.4,.4,1);
-moz-transition:background .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:background .3s cubic-bezier(0,.4,.4,1);
padding:8px 40px 8px 55px;
margin:0
}

#M_profaq .list .item a.question .link--effect--wrap {
position:absolute;
top:8px;
left:15px;
display:block;
width:24px;
height:24px;
color:#f7839e;
font-family:'Font Awesome 5 Free';
font-weight:900;
line-height:24px;
background:#fff;
border-radius:100%;
padding-left:3px;
transition:color .3s cubic-bezier(0,.4,.4,1);
-ms-transition:color .3s cubic-bezier(0,.4,.4,1);
-moz-transition:color .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:color .3s cubic-bezier(0,.4,.4,1)
}

#M_profaq .list .item.open a.question,#M_profaq .list .item.open a.question .link--effect--wrap {
text-decoration:none;
background:#e0607e
}

#M_profaq .list .item.open a.question .link--effect--wrap {
color:#fff
}

#M_profaq .list .item.open a.question::before {
color:#e0607e
}

#M_profaq:last-child .list .item a.question {
background:#acc782
}

#M_profaq:last-child .list .item a.question .link--effect--wrap {
color:#acc782
}

#M_profaq:last-child .list .item.open a.question,#M_profaq:last-child .list .item.open a.question .link--effect--wrap {
background:#94b75c
}

#M_profaq:last-child .list .item.open a.question .link--effect--wrap {
color:#fff
}

#M_profaq:last-child .list .item.open a.question::before {
color:#94b75c
}

#M_profaq .list .item a.question::after {
content:'';
position:absolute;
top:15px;
right:20px;
display:block;
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transition:all .3s cubic-bezier(0,.4,.4,1);
-ms-transition:all .3s cubic-bezier(0,.4,.4,1);
-moz-transition:all .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:all .3s cubic-bezier(0,.4,.4,1)
}

#M_profaq .list .item.open a.question::after {
top:13px;
right:1.125rem;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg)
}

#M_profaq .list .item a.question .link--effect {background:rgba(255,255,255,.1);}

#M_profaq .list .item a.question:hover {text-decoration:none;}

#M_profaq .list .item .answer {
display:none;
width:95%;
padding:0 0 20px;
margin:10px auto;
}

#M_profaq .list .item.open .answer {display:block;}

#M_pro_show {width:100%;}

#M_pro_show .head {position:relative;}

@media (max-width: 1279px) {
#M_pro_show .head,#M_pro_show .detail .detail-slick .detail-item {
padding:0
}
}

#M_pro_show .head .album {
float:left;
width:600px;
}
@media (max-width: 1409px) {
#M_pro_show .head .album {width:400px;}
}
@media (max-width: 767px) {
#M_pro_show .head .album {
float:none;
width:100%
}
}

#M_pro_show .head .album .big {position:relative;}

#M_pro_show .head .album .big a.album-prev, #M_pro_show .head .album .big a.album-next {
position: absolute;
bottom: 5px;
display: block;
width: 30px;
height: 30px;
background-color: var(--hoverC2);
border: 1px solid var(--hoverC2);
border-radius: 50%;
outline: none;
transition: 0.2s;
z-index: 10000;
}
#M_pro_show .head .album .big a.album-prev:hover, #M_pro_show .head .album .big a.album-next:hover {background-color: var(--navW);}

#M_pro_show .head .album .big a.album-prev.slick-disabled, #M_pro_show .head .album .big a.album-next.slick-disabled {
opacity: 0.15;
cursor: not-allowed;
}
#M_pro_show .head .album .big a.album-prev.slick-hidden, #M_pro_show .head .album .big a.album-next.slick-hidden {
background:none;
opacity: 0;
cursor:not-allowed;
}

#M_pro_show .head .album .big a.album-prev {right:40px;}

#M_pro_show .head .album .big a.album-prev::after {
content:'';
position:absolute;
top: calc(50% - 4px);
left: calc(50% - 3px);
display:block;
width:8px;
height:8px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition: 0.2s;
}

#M_pro_show .head .album .big a.album-next {right:5px;}

#M_pro_show .head .album .big a.album-next::after {
content: '';
position: absolute;
top: calc(50% - 4px);
right: calc(50% - 3px);
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: 0.2s;
}

#M_pro_show .head .album .big a:hover.album-prev::after, #M_pro_show .head .album .big a:hover.album-next::after {border-color: var(--mainC);}

#M_pro_show .head .album .big .slick-slide {background-color:var(--lineC);}

#M_pro_show .head .album .big .slick-slide > img {
margin: 0 auto;
width: 100%;
}

#M_pro_show .head .album .small {
margin-top:10px;
overflow:hidden;
}

#M_pro_show .head .album .small-slick .slick-slide {
margin: 0 1px;  
background-color: #fff;
}

#M_pro_show .head .album .small-slick .slick-slide a {
position:relative;
display:block;
border:1px solid var(--lineC);
padding:1px;
opacity: 0.75;
transition: 0.2s;
}

#M_pro_show .head .album .small-slick .slick-slide.slick-current a {opacity: 1;}

#M_pro_show .head .txt {
float:right;
width:calc(100% - 650px);
font-family:'Century Gothic','Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif;
}
@media (max-width: 1409px) {
#M_pro_show .head .txt {width:calc(100% - 420px);}
}
@media (max-width: 767px) {
#M_pro_show .head .txt {
float:none;
width:100%;
margin-top:25px;
}
}

#M_pro_show .head .txt .name {
font-size:1.375rem;
line-height:26px;
padding:4px 0
}

#M_pro_show .head .txt .no {
color:var(--black2);
font-size:.8125rem;
line-height:20px;
margin-top:2px;
margin-bottom:10px
}

#M_pro_show .head .txt .activity {
font-size:0.8125rem;
line-height:22px;
margin-bottom:10px
}

#M_pro_show .head .txt .activity blockquote {
border-left:5px solid #ff4d52;
background-color:#fff5f5;
padding:6px 15px;
margin-bottom:2px
}

#M_pro_show .head .txt .activity blockquote ul {
list-style:none
}

#M_pro_show .head .txt .activity blockquote a {
color:var(--blackC)
}

#M_pro_show .head .txt .activity blockquote a:hover {
color:#d61319
}

#M_pro_show .head .txt .price {
font-size:.875rem;
line-height:30px
}

#M_pro_show .head .txt .price > div {
display: flex;
}

#M_pro_show .head .txt .price > div:nth-child(1) {
margin-bottom: 5px;
}

#M_pro_show .head .txt .price > div:nth-child(2) {
margin-bottom: 10px;
}

#M_pro_show .head .txt .price div .item{
width: 100px;
padding-right: 5px;
}

#M_pro_show .head .txt .price div .info{
width: calc(100% - 100px);
}

#M_pro_show .head .txt .price .price-sale {
display:inline-block;
color:var(--emphasize);
font-size:1.75rem;
line-height:28px;
vertical-align:top;
margin-right:6px
}

#M_pro_show .head .txt .price .price-date {
display:block;
color:#72a0d8;
font-size:.9375rem;
line-height:20px;
padding-top:5px
}

#M_pro_show .head .txt .price .price-date p {
display:inline-block
}

#M_pro_show .head .txt .summary {
color:var(--black2);
font-size:.875rem;
line-height:26px;
margin-top:20px
}

#M_pro_show .head .txt .size-select {
display:none;
width:100%;
height:36px;
color:var(--blackC);
font-size:.875rem;
border:1px solid var(--gray2);
border-left:none;
border-right:none;
background-color:transparent;
background-image:url(../images/products/ic_sizeselect.png);
background-size:20px 5px;
background-repeat:no-repeat;
background-position:right center;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
outline:none;
padding:0;
margin-top:40px
}

#M_pro_show .head .txt .size-select::-ms-expand {
display:none
}

#M_pro_show .head .txt .qty {
margin-top:20px
}

#M_pro_show .head .txt .qty-select {
float:left;
width:140px;
height:36px;
background:#fff;
border:1px solid var(--gray2)
}

#M_pro_show .head .txt .qty-select a.qty-minus,#M_pro_show .head .txt .qty-select a.qty-plus {
display:block;
float:left;
width:34px;
height:34px;
background-size:34px 34px;
background-repeat:no-repeat;
background-position:center;
opacity:.5
}

#M_pro_show .head .txt .qty-select a.qty-minus {
background-image:url(../images/products/ic_qtyminus.jpg)
}

#M_pro_show .head .txt .qty-select a.qty-plus {
background-image:url(../images/products/ic_qtyplus.jpg)
}

#M_pro_show .head .txt .qty-select a.qty-minus:hover,#M_pro_show .head .txt .qty-select a.qty-plus:hover {
opacity:1
}

#M_pro_show .head .txt .qty-select input {
display:block;
float:left;
width:70px;
height:34px;
color:var(--blackC);
font-size:.9375rem;
text-align:center;
background:#fff;
border:none
}

#M_pro_show .head .txt a.linkLine {
display:block;
float:right;
height:24px;
line-height:24px;
color:var(--blackC);
font-size:.875rem;
padding-left:32px;
margin-top:6px
}

#M_pro_show .head .txt a.linkLine:hover {
color:var(--black1)
}

#M_pro_show .head .txt a.linkLine:active,#M_pro_show .head .txt a.linkLine:focus {
outline:none
}

#M_pro_show .head .txt a.linkLine i {
display:inline-block;
padding-right:5px
}

#M_pro_show .head .txt .btn-box {margin-top: 20px;}
#M_products .btn-box {
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
padding: 0 5px 4.5px;    
}

#M_pro_show .head .txt .btn-box .cart, #M_pro_show .head .txt .btn-box .inquiry, #M_products .inquiry, #M_pro_show .head .txt .btn-box .wish {
display:inline-block;
height:36px;
color:#fff;
font-size:.95rem;
text-align:center;
line-height:36px;
background-size:20px 20px;
background-repeat:no-repeat;
background-position:20px center;
border:none;
transition:all .25s linear;
-ms-transition:all .25s linear;
-moz-transition:all .25s linear;
-webkit-transition:all .25s linear;
padding:0 16px
}
#M_products .inquiry {width: 100%;}

#M_pro_show .head .txt .btn-box .cart:active, #M_pro_show .head .txt .btn-box .inquiry:active, #M_products .inquiry:active, #M_pro_show .head .txt .btn-box .wish:active {
box-shadow:0 2px 5px -1px rgba(0,0,0,.25) inset;
}

#M_pro_show .head .txt .btn-box .cart:focus, #M_pro_show .head .txt .btn-box .inquiry:focus, #M_products .inquiry:focus, #M_pro_show .head .txt .btn-box .wish:focus {
outline:none;
}

#M_pro_show .head .txt .btn-box .cart {
background-color:#eba000;
}

#M_pro_show .head .txt .btn-box .cart:hover {
background-color:#e28000;
}

#M_pro_show .head .txt .btn-box .inquiry, #M_products .inquiry {
background-color:#0aafc3;
}

#M_pro_show .head .txt .btn-box .inquiry:hover, #M_products .inquiry:hover {
background-color:#0590a0;
}

#M_pro_show .head .txt .btn-box .wish {
background-color:#f53651;
}

#M_pro_show .head .txt .btn-box .wish:hover {
background-color:var(--emphasize);
}

#M_pro_show .head .txt .btn-box i, #M_products .btn-box i {
display:inline-block;
font-size:1rem;
padding-right:5px;
}

@media (max-width: 1199px) {
#M_pro_show .head .txt .btn-box .cart, #M_pro_show .head .txt .btn-box .inquiry, #M_pro_show .head .txt .btn-box .wish {
display:block;
width:100%;
margin:10px 0;
padding:0 5px;
}
}

#M_pro_show .head .txt .share {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#M_pro_show .head .txt .share > span {
  display: flex;
  font-size: 1.1rem;
  margin: 0px 8px 5px 0;
}
#M_pro_show .head .txt .share > ul {
  display: flex;
  flex-wrap: wrap;
}
#M_pro_show .head .txt .share > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}
#M_pro_show .head .txt .share > ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 30px;
  height: 30px;
  font-size: 1rem;
  color: #aaaaaa;
  border: 1px solid var(--lineC);
  border-radius: 50%;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .25s linear;
  -ms-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  margin: 0px 4px 5px 0;
}
#M_pro_show .head .txt .share > ul li:last-child a{
  margin-right: 0;
}
#M_pro_show .head .txt .share > ul li a.twitter, #M_pro_show .head .txt .share > ul li a.google{
  display: none;/*關閉Twitter、G+*/
}

@media (max-width: 767px) {
  #M_pro_show .head .txt .share > ul li a {
    width: 35px;
    height: 35px;
  }
}

#M_pro_show .head .txt .share > ul li a:hover {
  color: #fff;
}

#M_pro_show .head .txt .share > ul li a.fb:hover {
  border-color: #3b5998;
  background-color: #3b5998;
}

#M_pro_show .head .txt .share > ul li a.Telegram:hover {
  border-color: #31a6de;
  background-color: #31a6de;
}

#M_pro_show .head .txt .share > ul li a.line {
  background-image: url('../images/products/ic_shareline.png');
}
#M_pro_show .head .txt .share > ul li a.line:hover {
  border-color: #3ace00;
  background-color: #3ace00;
  background-image: url('../images/products/ic_shareline_hover.png');
}

#M_pro_show .head .txt .share > ul li a.twitter:hover {
  border-color: #63cdf1;
  background-color: #63cdf1;
}

#M_pro_show .head .txt .share > ul li a.google:hover {
  border-color: #de5549;
  background-color: #de5549;
}

#M_pro_show .head .txt .share > ul li a.email:hover {
  border-color: #9a846a;
  background-color: #9a846a;
}

#M_pro_show .detail {margin-top:40px;}
#M_pro_show .detail p {padding: 4px 0 3px;}
#M_pro_show .detail .specificationBox {
border-bottom: 1px solid var(--gray3);
padding: 0 0 4px;
}
#M_pro_show .detail .specification {
padding: 13px 15px 12px;
background-color: var(--gray3);
color: #fff;
font-size: 1.15rem;
font-weight: 600;
text-align: center;
}   
#M_pro_show .detail .contnet {padding-top: 2px;}
#M_pro_show .detail .contnet .row {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
margin: 2px 0 0;
}
#M_pro_show .detail .contnet .row > div {
padding-top: 13px;
padding-bottom: 12px;
border: 1px solid var(--gray2);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
#M_pro_show .detail .contnet .row .col-xs-3 {
border-right: none;
text-align: center;
align-items: center;
font-weight: 600;
background-color: var(--gray1);
}

@media (max-width: 540px){
#M_pro_show .detail .specification {font-size: 1rem;}    
}

@media (max-width: 375px){
#M_pro_show .detail .contnet .row .col-xs-3 {
width: 100%;
border-right: 1px solid var(--gray2);
border-bottom: none;
padding-top: 8px;
padding-bottom: 7px;
}
#M_pro_show .detail .contnet .row .col-xs-9 {width: 100%;}
}

#M_pro_show .detail .tab {
font-size: 0;
text-align: left;
border-bottom: 1px solid var(--lineC);
display: flex;
flex-wrap: wrap;
}

#M_pro_show .detail .tab li {
display: inline-block;
vertical-align: top;
margin: 0 3px -1px 0;
transition: all 0.2s ease-in-out;
}

#M_pro_show .detail .tab li:last-child {margin-right: 0;}

#M_pro_show .detail .tab li a {
position: relative;
display: block;
color: var(--blackC);
font-size: 1rem;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: var(--lineC);
padding: 8px 40px 5px 24px;
border: 1px solid var(--lineC);
height: 100%;
transition: all 0.2s ease-in-out;
}

#M_pro_show .detail .tab li a::before {
content: '';
position: absolute;
top: calc(50% - 1px);
right: 15px;
display: block;
width: 10px;
height: 6px;
background-image: url("../images/products/ic_detailtab.png");
background-repeat: no-repeat;
background-size: cover;
opacity: .5;
}

#M_pro_show .detail .tab li a:hover {background-color: rgba(221, 221, 221, 0.46);}

#M_pro_show .detail .tab li.current a {
text-decoration: none;
background-color: #fff;
cursor: default;
border-bottom: 1px solid #fff;
}

#M_pro_show .detail .tab li.current a:active {text-decoration: none;}

@media (max-width: 600px) {
#M_pro_show .detail .tab {justify-content: center;}
#M_pro_show .detail .tab li{
width: calc(100% - 30px);
margin: 0;
}
#M_pro_show .detail .tab li a {
font-size: 0.875rem;
padding: 7px 5px 5px 5px;
text-align: center;
border-radius: 0;
}
#M_pro_show .detail .tab li:first-child a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#M_pro_show .detail .tab li a::before {display: none;}
}


#M_pro_show .detail .detail-slick {
margin-top: 20px;
padding-bottom: 20px;
line-height: 1.6;
text-align: justify;
text-justify:inter-ideograph;
}

#M_pro_show .detail .detail-slick .detail-item.itempadding {padding:0;}

#M_pro_show .detail .detail-slick .detail-item img {
max-width:100%;
height:auto!important;
}

#M_pro_show .detail .detail-slick .detail-item ul, #M_pro_show .detail .detail-slick .detail-item ol {
padding-left:20px;
}

#M_pro_show .detail .detail-slick .detail-item ul.typeNone, #M_pro_show .detail .detail-slick .detail-item ol.typeNone {
padding-left: 0;
list-style-type: none;
}

#M_pro_show .detail .detail-slick .detail-item ul.typeNum{
list-style-type: decimal;
padding-left:15px;
}

#M_pro_show .detail .detail-slick .detail-item ul.typeNum li{
padding-left:5px;
}

#M_pro_show .relate,#M_pro_show .relate_file {
font-family:'Century Gothic','Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif;
border-top: 1px solid var(--lineC);
padding-top: 20px;
padding-bottom: 0;
}

#M_pro_show .relate .ti,#M_pro_show .relate_file .relate_file_ti {
line-height:30px;
font-size:.9375rem;
color:var(--black1);
padding:0 7px
}

#M_pro_show .relate .ti .en,#M_pro_show .relate_file .relate_file_ti .relate_file_en {
font-size:1.375rem;
text-transform:uppercase;
margin-right:8px;
}

@media (max-width: 384px) {
#M_pro_show .relate .ti .en,#M_pro_show .relate_file .relate_file_ti .relate_file_en {
display:block;
}
}

#M_pro_show .relate .ti .en strong,#M_pro_show .relate_file .relate_file_ti .relate_file_en strong {
font-weight:400;
color:var(--emphasize);
}

#M_pro_show .relate_file_wrap {
font-size:0.9375rem;
border-bottom:0 solid #eae9e9;
padding:20px 20px 30px;
}

#M_pro_show .relate_file_wrap a:hover {
color:var(--emphasize);
text-decoration:none;
}

#M_pro_show .pro_info_txt {padding:15px 20px 30px;}

#M_pro_show .relate .relate-slick {margin-top:25px;}

@media (max-width: 384px) {
#M_pro_show .relate .relate-slick {margin-top:30px;}
}

#M_pro_show .relate .relate-slick .slick-dots {
position:absolute;
top:-45px;
right:15px;
height:9px;
list-style:none;
padding:0;
margin:0;
}

@media (max-width: 639px) {
#M_pro_show .relate .relate-slick .slick-dots {
top:-20px;
left:7px;
}
}

#M_pro_show .relate .relate-slick .slick-dots li {
display:inline-block;
height:9px;
vertical-align:top;
margin:0 2px;
}

#M_pro_show .relate .relate-slick .slick-dots li button {
display:block;
width:12px;
height:12px;
min-height:0;
font-size:0;
line-height:0;
background:none;
border:3px solid var(--lineC);
border-radius:50%;
padding:0;
margin:0;
outline:none;
transition: 0.2s;
}

#M_pro_show .relate .relate-slick .slick-dots li.slick-active button {
background:var(--mainC);
border-color:var(--mainC);
outline:none;
}

#M_pro_show .relate a.item {
display:block;
background:#fff;
border: 1px solid var(--lineC);
border-bottom-color: var(--gray2);
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
margin:0 4px;
}

#M_pro_show .relate a.item:hover {border-bottom-color: var(--hoverC2);}
#M_pro_show .relate a.item:nth-child(2),#M_pro_show .relate a.item:nth-child(3n+2) {
margin-left:20px;
margin-right:20px;
}

#M_pro_show .relate a.item .pic .sale {
position:absolute;
right:0;
bottom:0;
display:block;
width:60px;
height:26px;
color:#fff;
font-size:.8125rem;
line-height:26px;
text-align:center;
background:rgba(0,0,0,.6);
}


#M_pro_show .relate a.item .name {
font-size:.9375rem;
line-height:20px;
margin-top:10px;
}


#M_pro_show .relate a.item .price {
color:var(--black1);
font-family:'Century Gothic',Sans-serif;
font-size:1.125rem;
line-height:30px;
margin-top:5px;
}

#M_pro_show .relate a.item .price strong {
color:var(--emphasize);
font-weight:400;
}

#M_pro_show .relate a.item .price .date {
color:#72a0d8;
font-size:.8125rem;
line-height:28px;
vertical-align:top;
}

@media (max-width: 1199px) {
#M_pro_show .relate a.item .price .date {
display:block;
line-height:20px;
}
}

#M_pro_show .relate a.item .price .org-price {
display:block;
color:#999;
font-size:.8125rem;
line-height:20px;
text-decoration:line-through;
}

#M_member .loginBox {
    padding: 30px 18px 29px;
    box-shadow: 0 1px 19px 0 rgba(0, 0, 0, 0.08);
}

#M_member .loginBox > .row {margin: 0;}
#M_member .form-horizontal .form-group:last-child {margin-bottom: 0;}
.loginBox .twoRadio {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.loginBox .twoRadio .radio {
width: 50%;
margin: 0;
display: flex;
padding-left: 4px;
}
.loginBox .twoRadio .radio.tR1 {
justify-content: flex-end;
padding-right: 7.5px;
}
.loginBox .twoRadio .radio.tR2 {
justify-content: flex-start;
padding-left: 7.5px;
}
.loginBox .mobileVerification .mV_B {width: 100%;}
.loginBox .mobileVerification .mV_B .btn_w01 {
width: 100%;
background-color: var(--gray3);
}
.loginBox .mobileVerification .mV_B .btnDef:hover {background: var(--mainC);}
.loginBox .mobileVerification .mV_I {margin-bottom: 15px;}
.loginBox .m_btnBox, .popBox .m_btnBox {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0; 
}
.popBox .m_btnBox {
border-top: 1px solid var(--lineC);
padding-top: 20px;
margin: 20px 0 0;
}
.loginBox .m_btnBox .btnDef.red, .popBox .m_btnBox .btnDef.red {margin-left: 5px;}

#msg_mail p, #msg {
color: var(--emphasize);
padding-top: 5px;
font-size: 0.875rem;
}

@media (max-width: 720px) {
#M_member h3.pTi {display:none;}
}

.iTitle {
color: var(--emphasize);
font-size: 1.65rem;
font-weight: 100;
text-align: center;
text-transform: uppercase;
padding-bottom: 5px;
}

.iTitle span {
font-weight: 700;
padding-left: 8px;
}

.iSmalTi {
font-size: 1.15rem;
text-align: center;
padding-bottom: 25px;
}

#M_member .form-control,.payment-wrap .form-control,#M_cart .form-control {
background:#f9f9f9;
box-shadow:none;
border:1px solid var(--lineC)
}

.input-group-addon:first-child {
border-radius: 0;
border: 1px solid var(--lineC);
border-right: 0px;
}

@media (max-width: 767px) {
.iTitle_none, .iSmalTi_none {display:none;}
}
@media (max-width: 425px) {
.loginBox .twoRadio .radio {width: 100%;}
.loginBox .twoRadio .radio.tR1 {
justify-content: flex-start;
padding: 0 0 0 15px;
}
.loginBox .twoRadio .radio.tR2 {padding: 7px 0 0 15px;}
}
@media (max-width: 400px) {
.payment-wrap .form-control {height:35px;}
}

.btnDef {outline:none;}

.btnDef.black,.btnDef.red {
display:inline-block;
height:40px;
line-height:40px;
color:#fff;
text-decoration:none;
border:none;
border-radius:4px;
box-sizing:border-box;
transition:all .3s ease;
-o-transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
padding:0 5%;
margin:0
}

.btnDef.red {background:var(--emphasize);}

.btnDef.black {background:var(--blackC);}

.btnDef:hover {opacity:.9;}

.btnDef i {
display: inline-block;
font-size: 1.25rem;
padding: 0 7px 1px 0;
vertical-align: middle;
}

.w_red {color:var(--emphasize);}

.w_blue {color:#0755a6;}

.w_green {color:var(--mainC);}

.mem_welcome {
text-align: center;
padding-bottom: 30px;
}

.mem_welcome span {
display:inline-block;
font-weight:700;
padding-right:10px;
color: var(--mainC);
}

.mem_welcome a {
display:inline-block;
font-weight:700;
padding-left:10px;
color: var(--gray3);
}
.mem_welcome a:hover {color: var(--mainC);}

@media (max-width: 540px) {
#M_member .mem_welcome a {
display:block;
padding:10px 0 0;
}
}

.M_mem_i .box {
box-sizing:border-box;
transition:all .3s ease;
-o-transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease
}

.M_mem_i .box > a {
display:block;
color: var(--black2);
}

.M_mem_i .box > a:hover {color: var(--hoverC1);}

.M_mem_i .box i {
display: block;
width: 100%;
font-size: 2.85rem;
text-align: center;
opacity: 0.75;
}

.M_mem_i .box .sTi {
display: block;
font-size: 1.15rem;
font-weight: 600;
text-align: center;
padding: 5px 0 7px;
}

.M_mem_i .box div.txt {
min-height: 80px;
text-align: center;
cursor: default;
margin: 0;
opacity: 0.95;
}

@media (max-width: 767px) {
.M_mem_i .box {
height:160px;
border-bottom:1px solid var(--lineC);
padding: 20px 15px 5px;
}
.M_mem_i .box i {font-size: 2rem;}
.M_mem_i .box div.txt {min-height: auto;}
}

@media (max-width: 479px) {
.mem_welcome {padding-bottom: 20px;} 
.M_mem_i .box {
width: 100%;
height: auto;
padding: 15px 10px 10px;
}
.M_mem_i .box > a {
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding-bottom: 8px;
}
.M_mem_i .box i {
display: flex;
width: auto;
font-size: 1.5rem;
width: 40px;
}
.M_mem_i .box .sTi {
display: flex;
padding: 0;
font-size: 1rem;
line-height: 1;
}
.M_mem_i .box div.txt {
text-align: justify;
padding-left: 40px;
}
}

.M_mem_login {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.M_mem_login_border {
width: 50%;
border-right: 1px solid var(--lineC);
}

.loginBox .control-label {white-space:nowrap;}

.loginBox .form-horizontal .control-label {
padding: 0 0 0 15px;
text-align: left;
}

.M_mem_login .code {
display:block;
padding-top:5px;
}
.M_mem_login .code img {border-radius: 4px;}

.M_mem_login .btnDef.btn_w01 {
width:49%;
padding: 0 5px;
}
.M_mem_login .btnDef.btn_w01:last-child {float:right;}

.M_mem_login .forget {
display:inline-block;
color:var(--blackC);
border-radius:10px;
padding:5px 0
}

.M_mem_login .forget a {margin-right:10px;}
.M_mem_login .forget a:last-child {margin-right:0;}
.M_mem_login .forget a:link,.M_mem_login .forget a:visited {color:var(--blackC);}
.M_mem_login .forget a:hover {color:var(--emphasize);}

.M_mem_login .forget i {
display:inline-block;
padding-right:5px;
padding-left:15px
}

.M_mem_login .txtCenter {
width: 50%;
text-align: center;
}

.M_mem_login .memberTxt {
font-weight: 600;
display: block;
padding-bottom: 5px;
}

.M_mem_login .btnJoin {
    display: block;
    width: 170px;
    color: var(--navW);
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    background: var(--black2);
    padding: 9px 8px 8px;
    margin: 15px auto;
    border-radius: 4px;
}

.M_mem_login .btnJoin:hover {
color:#fff;
background:var(--black1);
}

.M_mem_login .btnJoin i {
display:inline-block;
padding-right:10px;
}

.M_mem_join .linkLine {
color:var(--blackC);
text-decoration:underline;
}

.M_mem_join .linkLine:hover {color:var(--emphasize);}

.M_mem_modify .select_w {
float:left;
width:22.5%;
margin:0 10px 15px 0;
}

.M_order .table-order th,.table-order td {text-align:center;}

@media (min-width: 992px){
.loginBox .form-horizontal .control-label {
padding: 6.75px 0 0 0;
text-align: right;
}
}

@media (max-width: 767px) {
.M_mem_login_border {
width: 100%;
border-right: none;
border-bottom: 1px solid var(--lineC);
padding: 0 0 15px;
}
.M_mem_login .txtCenter {
width: 100%;
padding: 25px 0 0;
}

.M_mem_login .forget {
display:block;
text-align:center;
}  
.M_mem_login .forget a {margin-right:20px;}  
.M_mem_login .forget i:first-child {padding-left: 5px;}


.M_mem_border {
border-bottom:1px solid var(--lineC);
margin-bottom:40px;
}

.loginBox .m_btnBox, .popBox .m_btnBox {justify-content: space-between;}
.loginBox .m_btnBox .btnDef.red, .popBox .m_btnBox .btnDef.red {margin-left: 0;}
.loginBox .btnDef.btn_w01 {width: calc((100% - 5px) / 2);}
.loginBox .btnDef.btn_w01:last-child {float:right;}

.M_mem_forget .btnDef.btn_w01 {width: calc((100% - 5px) / 2);}
.M_mem_forget .btnDef.btn_w01:last-child {float:right;}

.M_mem_modify .select_w {width:100%;}

.M_order .table-order th,.table-order td {text-align:left;}
}

.M_order .table-order .orderInfo {text-align:left;}
.M_order .orderInfo > a {color:var(--emphasize);}
.M_order .orderInfo > a:hover {color:var(--black1);}
.M_order .orderInfo p {
display:block;
color:var(--black1);
padding-top:2px;
}
.M_order .orderInfo i {
display:inline-block;
padding-right:10px;
}
.M_order table.table-striped .btnCol a {
display:inline-block;
color:#fff;
font-size:.9em;
text-align:center;
background:#6e6e6e;
border-radius:15px;
padding:3px 10px 5px;
margin:0 3px 3px 0;
}

@media (max-width: 1200px) {
.M_order table.table-striped .btnCol a {display:block;}
}

@media (max-width: 992px) {
.M_order table.table-striped .btnCol a {display:inline-block;}
}

.M_order table.table-striped .btnCol a:active {text-decoration:none;}
.M_order table.table-striped .btnCol a:hover {background:var(--black1);}
.M_order table.table-striped .btnCol span {
display:block;
padding-top:5px
}
.M_order table.table-striped .btnCol p {display:none;}

@media (max-width: 384px) {
.M_order table.table-striped .btnCol p {
display:block;
padding-top:5px;
}
}

.payment-wrap .btnWrap {clear:both;}

.payment-wrap .select_w {
float:left;
width:25%;
margin:0 15px 15px 0;
}

@media (max-width: 768px) {
.payment-wrap .select_w {width:100%;}
}

@media (max-width: 768px) {
.payment-wrap .btnDef.btn_w01 {width:49%;}
.payment-wrap .btnDef.btn_w01:last-child {float:right;}
}

.M_order_show .leave_msg {
position:absolute;
top:-15px;
right:0;
}

.M_order_show .numTi {
display:inline-block;
width:100%;
font-size:1.1em;
text-align:left;
border:1px solid var(--lineC);
padding:10px 20px;
margin:10px 0;
}

.M_order_show .numTi span.numTino {color:var(--emphasize);}

.M_order_show .numTi span.date {
display:inline-block;
color:#999;
font-size:.8em;
padding-left:20px;
}

@media (max-width: 480px) {
.M_order_show .numTi span.date {
display:block;
padding-left:0;
padding-top:5px
}
}

.M_order_show .numTi span.date i {
display:inline-block;
padding-right:5px
}

#M_member .M_order_show section.item {
margin-bottom:50px
}

#M_member .M_order_show section.item .link--text {
width: 100%;
height: 40px;
color: #fff;
font-size: 1rem;
letter-spacing: 1px;
line-height: 40px;
border-radius: 3px;
padding: 1px 15px 0;
}

#M_member .M_order_show section.item .link--text i {
display:inline-block;
padding-right:15px
}

#M_member .M_order_show section.item.itembg01 .link--text {
background-color:#868686
}

#M_member .M_order_show section.item.itembg02 .link--text {
background-color:#e0607e
}

#M_member .M_order_show section.item.itembg03 .link--text {
background-color:#ff8d4f
}

#M_member .M_order_show section.item.itembg04 .link--text {
background-color:#6abcc6
}

#M_member .M_order_show section.item.itembg05 .link--text {
background-color:#94b75c
}

.M_order_show .table.list thead tr, 
.M_wish .table.list thead tr {
background:url("../images/member/line_repeat_x.png") bottom repeat-x;
}

.M_order_show .table.list th, 
.M_wish .table.list th {
font-weight:400;
text-align:center;
white-space:nowrap;
border-bottom:none;
padding:15px 8px;
}

.M_order_show .table.list td, 
.M_wish .table.list td {
text-align:center;
vertical-align:middle;
border:none;
border-bottom:1px solid var(--lineC);
}

.M_order_show .table.list .del, 
.M_wish .table.list .del {
font-size:1.15rem;
color:var(--black2);
}

.M_order_show .table.list .del:hover, 
.M_wish .table.list .del:hover {color:var(--emphasize);}

.M_order_show .table.list .pic, 
.M_wish .table.list .pic {
display: block;
width: 120px;
height: auto;
}

@media (max-width: 991px) {
.M_order_show .table.list .pic, 
.M_wish .table.list .pic {width: 80px;}
.M_order_show .table.list td:last-child, 
.M_wish .table.list td:last-child {border-bottom-width: 0px;}
}

.M_order_show .table.list .pic img, 
.M_wish .table.list .pic img {
width:100%;
margin:0 auto;
}

.M_order_show .table.list .name, 
.M_wish .table.list .name {
display:block;
text-align:left;
}
.M_order_show .table.list .name p, 
.M_wish .table.list .name p {padding-top: 3px;}

.M_order_show .table.list .num, 
.M_order_show .table.list .price, 
.M_wish .table.list .num, 
.M_wish .table.list .price {color:var(--emphasize);}

.M_order_show .table.list .price, 
.M_wish .table.list .price {white-space:nowrap}

.M_order_show .table.list .Offername {color:#0755a6;}
.M_order_show .table.list .Offername span {color:var(--mainC);}

@media (max-width: 604px) {
.M_order_show .table.list .Offername span {display:block;}
}

.M_order_show .table.list .specification02 {width:75px;}
.M_order_show .table.list .specification02 select {
width:75px;
height:31px;
border:1px solid var(--lineC);
padding-left:20px;
background-color:#f9f9f9;
background-image:url(../images/products/ic_sizeselect.png);
background-size:20px 5px;
background-repeat:no-repeat;
background-position:right center;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
outline:none
}

.M_order_show .table.list .specification ul {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 5px;
}
.M_order_show .table.list .specification ul:last-child {margin-bottom: 0;}
.M_order_show .table.list .specification ul li:nth-child(1) {
width: 50%;
text-align: right;  
white-space: pre-line;
}
.M_order_show .table.list .specification ul li:nth-child(2) {width: calc(50% - 10px);}

.M_wish .table.list .specification {width: 150px;}

@media (max-width: 991px) {
.M_order_show .table.list .specification ul {flex-direction: row-reverse;}  
.M_order_show .table.list .specification ul li {
text-align:left;
width:auto;
}
.M_order_show .table.list .specification ul li:nth-child(1) {
text-align: left;  
width: calc(100% - 80px);
}
.M_order_show .table.list .specification ul li:nth-child(2) {width: 75px;}

.M_wish .table.list .specification {width: 100%;}

.M_order_show .table.list, 
.M_order_show .list thead, 
.M_order_show .list tbody, 
.M_order_show .list th, 
.M_order_show .list td, 
.M_order_show .list tr,
.M_wish .table.list, 
.M_wish .list thead, 
.M_wish .list tbody, 
.M_wish .list th, 
.M_wish .list td, 
.M_wish .list tr {display:block;}

.M_order_show .table.list thead tr, 
.M_wish .table.list thead tr {
position:absolute;
top:-9999px;
left:-9999px;
}

.M_order_show .table.list tr, 
.M_wish .table.list tr  {
border:1px solid var(--lineC);
margin-bottom:10px;
}

.M_order_show .table.list td, 
.M_wish .table.list td {
position:relative;
text-align:left;
border-bottom:1px solid var(--lineC);
padding-left: 115px;
}

.M_order_show .table.list td::before, 
.M_wish .table.list td::before {
position: absolute;
top: 8px;
left: 0;
width: 100px;
height: calc(100% - 16px);
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid var(--lineC);
}

.M_order_show .table.list td:nth-of-type(1)::before {content:"圖　　片";}
.M_order_show .table.list td:nth-of-type(2)::before {content:"商品名稱";}
.M_order_show .table.list td:nth-of-type(3)::before {
content:"商品規格";
max-width:none;
}
.M_order_show .table.list td.td_specification::before {content:"商品規格";}
.M_order_show .table.list td.td_pdname::before {content:"詢價內容";}
.M_order_show .table.list td:nth-of-type(4)::before {content:"金　　額";}
.M_order_show .table.list td.td_del::before {content:"刪　　除";}
.M_order_show .table.list td:nth-of-type(5)::before {content:"數　　量";}
.M_order_show .table.list td.td_num::before {content:"數　　量";}
.M_order_show .table.list td:nth-of-type(6)::before {content:"小　　計";}
.M_order_show .table.list td:nth-of-type(7)::before {content:"刪　　除";}

.M_wish .table.list td:nth-of-type(1)::before {content:"圖　　片";}
.M_wish .table.list td:nth-of-type(2)::before {content:"商品名稱";}
.M_wish .table.list td:nth-of-type(3)::before {content:"商品規格";}
.M_wish .table.list td:nth-of-type(4)::before {content:"金　　額";}
.M_wish .table.list td:nth-of-type(5)::before {content:"刪　　除";}
.M_wish .table.list td:nth-of-type(6)::before {content:"購　　買";}
}

@media (max-width: 767px) {
.M_order_show .table.list .specification,.M_order_show .table.list .specification02 {
width:100%;
max-width:inherit;
}
.M_order_show .table.list .specification02 select {width:100%;}
}

.M_order_show .infoBox {
border:8px solid var(--lineC);
box-sizing:border-box;
padding:0
}

.M_order_show .infoBox.pad10 {
padding:10px
}

.M_order_show .infoBox.pad20 {
height:70px;
padding:10px
}

.M_order_show .infoBox.pad11 {
text-align:center;
font-size:17px;
padding:15px 10px 10px;
margin:15px 0 30px
}

@media (max-width: 604px) {
.M_order_show .infoBox.pad11 {text-align:left;}

.M_order_show .infoBox.pad11 label {
display:block;
margin-bottom:10px;
}
}

@media (max-width: 480px) {
.M_order_show .infoBox.pad11 div {
display:block;
margin-bottom:10px;
}

.M_order_show .infoBox.pad11 div:last-child {margin-left:0;}
}

.M_order_show .table.total {
background:url(../images/member/line_repeat_x.png) bottom repeat-x;
}

.M_order_show .table.total.noLine {
background: none;
margin-bottom: 0;
}

.M_order_show .table.total th,.M_order_show .table.total td {
text-align:right;
border:none;
padding-bottom:10px;
width: 100%;
}

.M_order_show .table.total .dashLine {border-bottom:1px dotted var(--lineC);}

.M_order_show .table.total span.w_red,.M_order_show .table.total span.w_blue,.M_order_show .table.total span.w_green,.M_order_show .infoBox.pad11 span.w_red {
display:inline-block;
padding:0 8px
}

.M_order_show .smallTxt {
color:#8e8e8e;
font-size:1em;
text-align:left
}

.M_order_show .order_info {
background:url(../images/member/line_repeat_x.png) bottom repeat-x;
padding-bottom:25px
}

.M_order_show .col-md-6.borderRight {
border-right:1px solid #bbb;
box-sizing:border-box;
padding-right:5%
}

@media (max-width: 992px) {
.M_order_show .col-md-6.borderRight {
border:none
}
}

.M_order_show .order_info p.sTi {
font-weight:700;
font-size:1.1em;
text-align:left;
padding:0;
margin:0
}

.M_order_show .order_info .form-group {
line-height:2em
}

.M_order_show .order_info .form-group .col-xs-4 {
text-align:right
}

@media (max-width: 480px) {
.M_order_show .col-md-6.borderRight {padding: 0 15px;}
.M_order_show .order_info .form-group {
display: flex;
flex-direction: column;  
line-height:1.65;
}
.M_order_show .order_info .form-group .col-xs-4 {
width: calc(100% - 30px);
margin: 0 15px;
padding: 0;
text-align:left;
line-height:2em;
}
.M_order_show .order_info .form-group .col-xs-8 {
width: calc(100% - 30px);
margin: 0 15px;
padding: 0;
text-align: left;
color: #8e8e8e;
border-bottom: 1px solid var(--lineC);
}
}

.formTi {
height:29px;
color:var(--emphasize);
font-size:1.3em;
background:url(../images/member/bg_title.png) no-repeat 0 0;
line-height:10px;
padding-left:22px;
margin:4% auto 30px;
}

.formTi02 {
width:100%;
background-color:var(--blackC);
margin:4% auto 0;
}

.formTi02 p {
color:#FFF;
font-size:1rem;
letter-spacing:2px;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:6px 20px;
}

.formTi02 p i {
display:inline-block;
font-size:11px;
padding-right:10px;
}

.M_inquiry .table-inquiry th,.table-inquiry td {text-align:center;}

@media (max-width: 768px) {
.M_inquiry .table-inquiry th,.table-inquiry td {text-align:left;}
}

.M_inquiry .table-inquiry .stitle {text-align:left;}
.M_inquiry .table-inquiry .orderInfo > a {color:var(--emphasize);}
.M_inquiry .table-inquiry .orderInfo > a:hover {color:var(--black1);}
.M_inquiry .table-inquiry .orderInfo > p {
display:block;
padding-top:3px;
}
.M_inquiry .table-inquiry .orderInfo > p:last-child {
display:block;
padding-bottom:8px;
}
.M_inquiry .table-inquiry .orderInfo i {
display:inline-block;
padding-right:10px;
}

.btnBox {
background:url(../images/member/line_repeat_x.png) top repeat-x;
text-align: center;
padding-top: 15px;
margin: 15px auto 0;
}

.btnBox.noLine {background:none;}

@media (max-width: 768px) {
.btnBox .btnDef.btn_w01,.btnBox .btnDef.btn_w02 {
width:50%;
float: left;
}
}

@media (max-width: 424px) {
.btnBox .btnDef.btn_w02 {width:100%;}

.btnBox .btnDef.btn_w02:last-child {
display:block;
float:left;
margin-top:10px;
}
}

.M_inquiry_done {
line-height:30px;
text-align:center;
}
.M_inquiry_done a {color:var(--black1);}
.M_inquiry_done a:hover {color:var(--emphasize);}

.resultTi {
color: var(--emphasize);
font-size: 1.05rem;
font-weight: 600;
text-align: center;
}

#M_cart {width: 100%;}

#M_cart .stepBar {
height:56px;
overflow:hidden;
padding:0;
margin:0 auto;
}

@media (max-width: 767px) {
#M_cart .stepBar {
width:100%;
height:auto;
}
}

#M_cart .stepBar.m20 {margin:0 auto 20px;}

@media (max-width: 800px) {
#M_cart .stepBar.m20 {margin:0 auto;}
}

#M_cart .stepBar .step {
text-align:center;
line-height:40px;
opacity:0;
overflow:hidden;
transition:all 1s ease;
-o-transition:all 1s ease;
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
margin-top:-12px;
}

@media (max-width: 767px) {
#M_cart .stepBar .step {
left:57%;
width:50%;
height:50px;
text-align:left;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
}
}

@media (max-width: 640px) {
#M_cart .stepBar .step {left:55%;}
}

@media (max-width: 604px) {
#M_cart .stepBar .step {left:52%;}
}

@media (max-width: 480px) {
#M_cart .stepBar .step {
left:50%;
height:45px;
}
}

@media (max-width: 424px) {
#M_cart .stepBar .step {height:40px;}
}

@media (max-width: 384px) {
#M_cart .stepBar .step {height:35px;}
}

@media (max-width: 320px) {
#M_cart .stepBar .step {
left:60%;
width:100%;
-webkit-transform:translateX(-60%);
-ms-transform:translateX(-60%);
transform:translateX(-60%);
}
}

#M_cart .stepBar .step img {
max-width:100%;
max-height:100%
}

#M_cart .stepBar .step.open {
margin-top:8px;
opacity:1
}

#M_cart .step.current {
opacity:0;
margin-top:-12px
}

#M_cart .step.current.open {
opacity:1;
margin-top:8px
}

#M_cartfaq,#M_addpro {
width:100%;
padding:0;
margin:30px auto 0
}

#M_cartfaq .list .item,#M_addpro .list .item {
margin-bottom:30px
}

#M_cartfaq .list .item a.question,#M_addpro .list .item a.question {
display:block;
color:#fff;
font-size:17px;
letter-spacing:2px;
line-height:24px;
background:#9f9f9f;
transition:background .3s cubic-bezier(0,.4,.4,1);
-ms-transition:background .3s cubic-bezier(0,.4,.4,1);
-moz-transition:background .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:background .3s cubic-bezier(0,.4,.4,1);
padding:8px 40px 8px 55px;
margin:0
}

#M_addpro .list .item a.question {
cursor:default
}

#M_cartfaq .list .item a.question .link--effect--wrap,#M_addpro .list .item a.question .link--effect--wrap {
position:absolute;
top:8px;
left:15px;
display:block;
width:24px;
height:24px;
color:#9f9f9f;
font-family:'Font Awesome 5 Free';
font-weight:900;
line-height:24px;
background:#fff;
border-radius:100%;
padding-left:3px;
transition:color .3s cubic-bezier(0,.4,.4,1);
-ms-transition:color .3s cubic-bezier(0,.4,.4,1);
-moz-transition:color .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:color .3s cubic-bezier(0,.4,.4,1)
}

@media (max-width: 640px) {
#M_cartfaq .list .item a.question,#M_addpro .list .item a.question {
font-size:0.9375rem;
letter-spacing:0;
padding:8px 40px 8px 50px
}
}

@media (max-width: 480px) {
#M_cartfaq .list .item a.question,#M_addpro .list .item a.question {
padding:8px 40px
}

#M_cartfaq .list .item a.question .link--effect--wrap,#M_addpro .list .item a.question .link--effect--wrap {
left:8px;
padding-left:4px
}
}

#M_cartfaq .list .item.itembg01.open a.question,#M_cartfaq .list .item.itembg01.open a.question .link--effect--wrap {
text-decoration:none;
background:#868686
}

#M_cartfaq .list .item.itembg01.open a.question .link--effect--wrap {
color:#fff
}

#M_cartfaq .list .item.itembg01.open a.question::before {
color:#868686
}

#M_cartfaq .list .item.itembg02 a.question {
background:#f7839e
}

#M_cartfaq .list .item.itembg02 a.question .link--effect--wrap {
color:#f7839e
}

#M_cartfaq .list .item.itembg02.open a.question,#M_cartfaq .list .item.itembg02.open a.question .link--effect--wrap {
background:#e0607e
}

#M_cartfaq .list .item.itembg02.open a.question .link--effect--wrap {
color:#fff
}

#M_cartfaq .list .item.itembg02.open a.question::before {
color:#e0607e
}

#M_cartfaq .list .item.itembg03 a.question {
background:#ff9e69
}

#M_cartfaq .list .item.itembg03 a.question .link--effect--wrap {
color:#ff9e69
}

#M_cartfaq .list .item.itembg03.open a.question,#M_cartfaq .list .item.itembg03.open a.question .link--effect--wrap {
background:#ff8d4f
}

#M_cartfaq .list .item.itembg03.open a.question .link--effect--wrap {
color:#fff
}

#M_cartfaq .list .item.itembg03.open a.question::before {
color:#ff8d4f
}

#M_cartfaq .list .item.itembg04 a.question,#M_addpro .list .item.itembg04 a.question,#M_addpro .list .item.itembg04.open a.question,#M_addpro .list .item.itembg04.open a.question .link--effect--wrap {
background:#95cfd6
}

#M_cartfaq .list .item.itembg04 a.question .link--effect--wrap,#M_addpro .list .item.itembg04 a.question .link--effect--wrap {
color:#95cfd6
}

#M_cartfaq .list .item.itembg04.open a.question,#M_cartfaq .list .item.itembg04.open a.question .link--effect--wrap {
background:#6abcc6
}

#M_cartfaq .list .item.itembg04.open a.question .link--effect--wrap {
color:#fff
}

#M_addpro .list .item.itembg04.open a.question .link--effect--wrap {
color:#95cfd6;
background:#fff
}

#M_cartfaq .list .item.itembg04.open a.question::before,#M_addpro .list .item.itembg04.open a.question::before {
color:#6abcc6
}

#M_cartfaq .list .item.itembg05 a.question,#M_addpro .list .item.itembg05 a.question,#M_addpro .list .item.itembg05.open a.question,#M_addpro .list .item.itembg05.open a.question .link--effect--wrap {
background:#acc782
}

#M_cartfaq .list .item.itembg05 a.question .link--effect--wrap,#M_addpro .list .item.itembg05 a.question .link--effect--wrap {
color:#acc782
}

#M_cartfaq .list .item.itembg05.open a.question,#M_cartfaq .list .item.itembg05.open a.question .link--effect--wrap {
background:#94b75c
}

#M_cartfaq .list .item.itembg05.open a.question .link--effect--wrap {
color:#fff
}

#M_addpro .list .item.itembg05.open a.question .link--effect--wrap {
color:#acc782;
background:#fff
}

#M_cartfaq .list .item.itembg05.open a.question::before,#M_addpro .list .item.itembg05.open a.question::before {
color:#94b75c
}

#M_cartfaq .list .item a.question::after {
content:'';
position:absolute;
top:15px;
right:20px;
display:block;
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transition:all .3s cubic-bezier(0,.4,.4,1);
-ms-transition:all .3s cubic-bezier(0,.4,.4,1);
-moz-transition:all .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:all .3s cubic-bezier(0,.4,.4,1)
}

#M_cartfaq .list .item.open a.question::after {
top:13px;
right:1.125rem;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg)
}

#M_cartfaq .list .item a.question .link--effect {
background:rgba(255,255,255,.1)
}

#M_cartfaq .list .item a.question:hover {
text-decoration:none
}

#M_cartfaq .list .item .answer {
display:none;
width:100%;
font-family:"Microsoft JhengHei","PMingLiU","Helvetica Neue",Helvetica,Arial,"Century Gothic",sans-serif;
font-size:0.875rem;
padding:0 0 20px;
margin:10px auto
}

#M_cartfaq .list .item.open .answer {
display:block
}

#M_cartfaq .list .item .answer .pad10 {
width:100%;
font-size:0.9375rem;
font-weight:700;
text-align:right;
padding-right:20px;
margin:0
}

#M_cartfaq .list .item .answer .pad10 .w_red {
display:inline-block;
font-weight:400;
padding:0 8px
}

@media (max-width: 720px) {
#M_cartfaq .list .item .answer .pad10 {
padding-right:0
}
}

@media (max-width: 992px) {
#M_cart .popBox {
position:relative;
width:1000px;
background:#fff;
border:10px solid var(--lineC);
box-sizing:border-box;
padding:50px;
margin:0 auto
}
}

#M_cart .infoBox.step1 {
width: 100%;
overflow: hidden;
padding: 30px 0 0;
margin: 0;
}

#M_cart .edit {
width:100%;
color:var(--blackC);
line-height:2em;
text-align:justify;
overflow:hidden;
margin:5px auto 30px
}

#M_cart .edit.mCustomScrollbar {
height: auto;
max-height: 220px;
padding: 0 10px 0 30px;
}

@media (max-width: 424px) {
#M_cart .edit {margin:0 auto;}
#M_cart .edit.mCustomScrollbar {
padding: 0 5px 0 15px;  
margin: 15px auto;
}
}

#M_cart .agree {
width:100%;
font-size:0.9375rem;
text-align:center;
cursor:pointer;
margin:0 0 30px
}

@media (max-width: 320px) {
#M_cart .agree {
font-size:0.8125rem
}
}

@media (max-width: 800px) {
#M_cart .btnDef.btn_w01 {
width:49%
}

#M_cart .btnDef.btn_w01:last-child {
float:right
}
}

@media (max-width: 540px) {
#M_cart .btnDef.btn_w01 {
width:100%
}

#M_cart .btnDef.btn_w01:last-child {
display:block;
float:left;
margin-top:10px
}
}

#M_cart .formTi {
height: 35px;
line-height: initial;
background: url(../images/cart/bg_title.png) 0% 100% / cover no-repeat;
margin: 40px 0 30px;
padding: 0;
}
@media (max-width: 991px) {
#M_cart .formTi {margin: 20px 0 15px;}
}


#M_cart .deliverBox {
display:inline-block;
color:var(--blackC);
font-size:1.2em
}

@media (max-width: 540px) {
#M_cart .deliverBox {
font-size:1em
}
}

#M_cart .formTi .deliverBox {
display:inline-block;
color:var(--blackC);
font-size:.9em;
margin-left:50px
}

@media (max-width: 540px) {
#M_cart .formTi .deliverBox {
display:block;
text-align:right;
margin:30px 20px 0 0
}
}

@media (max-width: 424px) {
#M_cart .formTi .deliverBox {
font-size:.75em;
margin:30px 10px 0 0
}
}

#M_cart .formTi .deliverBox input {
display:inline-block;
margin:0 5px 0 30px
}

@media (max-width: 424px) {
#M_cart .formTi .deliverBox input {
margin:0 2px 0 15px
}
}

#M_cart .col-md-6.borderRight {
border-right:1px solid #bbb;
box-sizing:border-box;
padding-right:5%
}

@media (max-width: 992px) {
#M_cart .col-md-6.borderRight {
border-right:0 solid #bbb;
border-bottom:1px solid #bbb;
box-sizing:border-box;
padding-right:2%;
padding-bottom:20px;
margin-bottom:30px
}
}

#M_cart .order_info p.sTi {
font-size: 1.2rem;
font-weight: 700;
text-align: right;
padding: 0;
margin: 0;
position: relative;
top: 8px;
}

@media (max-width: 1199px) {
#M_cart .order_info p.sTi {top: 0;}
}

@media (max-width: 992px) {
#M_cart .order_info p.sTi {
text-align:left
}
}

#M_cart .order_info p.m20 {
margin-top:0
}

@media (max-width: 540px) {
#M_cart .order_info p.m20 {
margin-top:20px
}
}

#M_cart .order_info .form-group {
line-height:1.4em
}

#M_cart .order_info .form-group .col-xs-4 {
text-align:right
}

@media (max-width: 480px) {
#M_cart .order_info .form-group .col-xs-4 {
width:100%;
text-align:left;
line-height:2em
}

#M_cart .order_info .form-group .col-xs-8 {
width:100%;
text-align:left;
color:#8e8e8e;
border-bottom:1px solid var(--lineC)
}
}

#M_cart .select_w {
float:left;
width:44%;
margin:0 15px 15px 0
}

#M_cart .select_w:last-child {
margin:0 0 15px
}

@media (max-width: 800px) {
#M_cart .select_w {
width:47%
}
}

@media (max-width: 540px) {
#M_cart .select_w {
width:45%
}
}

@media (max-width: 400px) {
#M_cart .select_w {
width:100%
}
}

#M_cart .select_w02 {
float:left;
width:47%;
margin:0 15px 15px 0
}

#M_cart .select_w02:last-child {
margin:0 0 15px
}

@media (max-width: 540px) {
#M_cart .select_w02 {
width:46%
}
}

@media (max-width: 424px) {
#M_cart .select_w02 {
width:100%
}
}

#M_cart .loginBox {
border:8px solid var(--lineC);
padding:5%;
margin:5% auto 8%
}

#M_cart .loginBox.nomargin {
margin:3% auto 0
}

.M_cart_step4 {
line-height:30px;
text-align:center
}

@media (max-width: 604px) {
.M_cart_step4 {
line-height:25px
}
}

@media (max-width: 424px) {
.M_cart_step4 {
font-size:0.8125rem
}
}

@media (max-width: 400px) {
.M_cart_step4 span {
display:inline-block
}
}

.M_cart_step4 a {
color:var(--black1)
}

.M_cart_step4 a:hover {
color:var(--emphasize)
}

.M_cart_step4 p:nth-child(3) {
margin:5px 0 15px
}

@media (max-width: 424px) {
.M_cart_step4 p:nth-child(3) {
text-align:left;
line-height:1.125rem
}
}

.M_cart_step4 .resultTi {
margin-bottom:20px
}

@media (max-width: 480px) {
.M_cart_step4 .resultTi {
margin-bottom:10px
}
}

.M_cart_step4 .resultTi span {
display:inline-block
}

@media (max-width: 400px) {
.M_cart_step4 .resultTi span {
display:block
}
}

.M_cart_step4 p span {
font-size:1.125rem
}

@media (max-width: 384px) {
.M_cart_step4 p span {
font-size:1rem
}
}

@media (max-width: 360px) {
.M_cart_step4 p span {
font-size:0.9375rem
}
}

#M_cart .cp_codewrap {
width:100%;
padding:0;
margin:0
}

#M_cart .form-btn {
display:inline-block
}

#M_cart .form-btn input {
margin-top:-4px
}

#M_cart .form-btn button {
display:inline-block;
height:34px;
font-size:.9375rem;
color:#fff;
line-height:34px;
text-align:center;
background:#f43c5b;
border:none;
transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
outline:none;
padding:0 20px;
margin:0
}

#M_cart .form-btn button:hover,#M_cart .form-btn button:active {
background:var(--emphasize)
}

@media (max-width: 800px) {
#M_cart .form-btn .btnDef.btn_w01 {
width:inherit
}
}

@media (max-width: 767px) {
#M_cart .cp_codewrap {
text-align:left
}

#M_cart .cp_codewrap label,#M_cart .form-btn {
width:100%
}

#M_cart .form-btn input,#M_cart .form-btn .btnDef.btn_w01 {
float:left;
width:100%
}

#M_cart .form-btn input {
margin:4px 0
}
}

#M_cart .form-btn #msg_coupon {
display:inline-block;
font-weight:700;
color:#0755A6;
margin-left:10px
}

#M_cart .form-btn #msg_coupon span {
display:inline-block;
padding:0 8px
}

@media (max-width: 767px) {
#M_cart .form-btn #msg_coupon {
display:block;
text-align:center;
line-height:30px;
margin-left:0
}
}

#M_faq {
width:100%;
margin:0 auto;
}

#M_faq .list {margin-top:0;}

#M_faq .list .item {
font-family: Sans-serif;
margin-bottom: 10px;
}

#M_faq .list .item a.question {
display: block;
font-size: 0.925rem;
line-height: 1.5;
color: #fff;
background: var(--bg31);
transition: background .3s cubic-bezier(0,.4,.4,1);
-ms-transition: background .3s cubic-bezier(0,.4,.4,1);
-moz-transition: background .3s cubic-bezier(0,.4,.4,1);
-webkit-transition: background .3s cubic-bezier(0,.4,.4,1);
padding: 10px 40px 8px 55px;
margin: 0;
}

#M_faq .list .item.open a.question {
text-decoration:none;
background:var(--bg3);
}

#M_faq .list .item a.question::before {
content: 'Q';
position: absolute;
top: 8px;
left: 20px;
display: block;
width: 23px;
height: 23px;
color: var(--bg31);
line-height: 24px;
text-align: center;
background: #fff;
border-radius: 50%;
transition: 0.3s;
}
#M_faq .list .item.open a.question::before {color:var(--bg3);}

#M_faq .list .item a.question::after {
content:'';
position:absolute;
top:17px;
right:20px;
display:block;
width:6px;
height:6px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transition:all .3s cubic-bezier(0,.4,.4,1);
-ms-transition:all .3s cubic-bezier(0,.4,.4,1);
-moz-transition:all .3s cubic-bezier(0,.4,.4,1);
-webkit-transition:all .3s cubic-bezier(0,.4,.4,1)
}

#M_faq .list .item.open a.question::after {
top:16px;
right:1.125rem;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

#M_faq .list .item a.question .link--effect {background:rgba(255,255,255,.1);}

#M_faq .list .item a.question:hover {text-decoration:none;}

#M_faq .list .item .answer {
display: none;
padding: 15px 15px 10px 20px;
}

#M_faq .list .item .answer .date {
    position: relative;
    float: left;
    width: 55px;
    color: var(--bg3);
    font-size: 1.25rem;
    line-height: 1;
    border-right: 1px solid;
    margin: 11px 0 0;
}
#M_faq .list .item .answer .content {
float: right;
width: calc(100% - 70px);
font-size: 0.925rem;
line-height: 1.5;
text-align: justify;
}

#M_faq .list .item .answer .content ul {margin-left:20px;}

@media (max-width: 767px) {
#M_faq .list .item a.question {padding:10px 30px 8px 40px;} 

#M_faq .list .item a.question::before {left:10px;}

#M_faq .list .item a.question::after {right:15px;}  
#M_faq .list .item.open a.question::after {right:15px;}

#M_faq .list .item .answer .date {
float:none;
position:relative;
width:100%;
border-right:none;
text-align:left;
padding-bottom:6px;
margin:0 0 10px;
}
#M_faq .list .item .answer .date::after {
content:'';
display:block;
position:absolute;
width:30px;
height:1px;
background: var(--bg3);
left:0;
bottom:0;
}
#M_faq .list .item .answer .date span {
display:inline-block;
margin-right:6px;
}

#M_faq .list .item .answer .content {
float:none;
width:100%;
padding:0;
}
}

@media (max-width: 424px) {
#M_faq .list .item .answer {
padding:0 5px;
margin-top:10px
}
}

#M_download {
display:block;
width:100%;
margin:0 auto;
}

#M_download .download-tab .col-2 {width:90px;}

#M_download .download-tab .col-3 {width:170px;}

#M_download .download-tab .col-4 {width:110px;}

@media (max-width: 480px) {
#M_download .download-tab .col-4 {width:90px;}
}
#M_download .download-tab tr {transition: 0.2s;}
#M_download .download-tab tr:nth-child(1) {border: 1px solid #fff;}
#M_download .download-tab tr.bg-gray {background:#fff;}
#M_download .download-tab tr.bg-gray:nth-child(2n+1) {background:var(--gray1);}
#M_download .download-tab tr:hover, #M_download .download-tab tr:hover.bg-gray:nth-child(2n+1) {background-color: var(--bg22);}
#M_download .download-tab tr:hover td a {transition: 0.2s;}
#M_download .download-tab tr td:hover a {color: var(--bg2);}

#M_download .download-tab .table {position: relative;}
#M_download .download-tab .table::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 1px;
    width: calc(100% - 1px);
    height: 2px;
    background-color: var(--bg2);
}
#M_download .download-tab th {
    font-size: 0.925rem;
    color: #fff;
    text-align: center;
    background-color: var(--bg2);
    border-color: #fff;
}
#M_download .download-tab td {
font-size: inherit;
text-align: center;
vertical-align: middle;
padding: 8.75px 15px 7px;
border: 1px solid #fff;
}

#M_download .download-tab td p {
font-size: 0.8125rem;
border-top:1px solid var(--lineC);
padding-top:10px;
margin-top:10px;
}

#M_download .download-tab td h2.name {text-align:left;}

#M_download .download-tab td i {
display: block;
font-size: 1.25rem;
text-align: center;
}

@media (max-width: 767px) {
#M_download .download-tab td {text-align:left;}
#M_download .download-tab td i {font-size: 1.85rem;}
}

#M_download .download-tab td a {color:var(--black1);}
#M_download .download-tab td a:hover {color:rgba(var(--bg4-rgb), 0.82);}

#M_contact {
width: 100%;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: row-reverse;
}
#M_contact > div {
width: calc(50% - 15px);
display: flex;
flex-direction: column;
padding-top: 20px;
}

#M_contact .notice {
line-height: 1.7;
text-align: justify;
}
#M_contact .contactDate .item {
display: flex;
flex-direction: column;
width: 100%;
padding-top: 20px;
}
#M_contact .contactDate .item > a {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 5px;
}
#M_contact .contactDate .item > a:first-child {padding-top: 0;}
#M_contact .contactDate .item > a > span {
display: flex;
color: var(--black2);
transition: color 0.2s;
}
#M_contact .contactDate .item > a:hover > span {color: var(--mainC);}
#M_contact .contactDate .item > a > span:nth-child(1) {
opacity: 0.75;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
}
#M_contact .contactDate .item > a > span:nth-child(2) {width: calc(100% - 33px);}
#M_contact .conwrap form {
float: left;
width: 100%;
padding: 33px 28px 30px;
margin: 0 auto;
box-shadow: 0 7px 19px 0 var(--lineC);
}

#M_contact .conwrap form p.note {
font-size:1rem;
border-bottom:1px solid var(--lineC);
padding:0 0 5px;
}

#M_contact .conwrap form strong {
display:inline-block;
width:10px;
color:var(--emphasize)
}

#M_contact .conwrap form .labelbox {
display:block;
font-weight:400;
margin-top:15px;
margin-bottom:0;
}

#M_contact .conwrap form .labelbox p {padding-bottom: 5px;}

#M_contact select.select_w {
background-image: url(../images/products/ic_sizeselect.png);
background-size: 20px 5px;
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none;
border-color: var(--lineC);
}
#M_contact select.select_w:focus {
border-color: var(--navB);
outline:none;
}

#M_contact input.def-style {
display:block;
width:100%;
height:34px;
font-size:1rem;
background:#fff;
border:1px solid var(--lineC);
border-radius:4px;
outline:none;
padding:0 10px
}

#M_contact input.def-style:focus {
border-color:var(--navB)
}

#M_contact textarea.def-style {
display:block;
width:100%;
font-size:1rem;
background:#fff;
border:1px solid var(--lineC);
border-radius:4px;
outline:none;
resize:none;
padding:6px 10px;
}

#M_contact textarea.def-style:focus {
border-color:var(--navB)
}

#M_contact .form-btn {
text-align:center
}

#M_contact .form-btn button {
position:relative;
display:inline-block;
width:34px;
height:34px;
font-size:.9375rem;
color:#fff;
text-align:center;
background:var(--emphasize);
border:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
outline:none;
overflow:hidden;
cursor:pointer;
padding:0;
margin:0 13px 0 0;
}

#M_contact .form-btn button:nth-of-type(2) {
width:114px;
margin:0;
}

#M_contact .form-btn button i {
display:block;
width:34px;
height:34px;
line-height:34px;
}

#M_contact .form-btn button span {
position:absolute;
top:0;
left:34px;
display:block;
width:80px;
height:34px;
line-height:34px;
background:rgba(255, 255, 255, 0.17);
border-radius:0 3px 3px 0;
}

#M_contact .form-btn button:active span {
background:var(--emphasize);
}

#M_contact .form-btn button:hover {
width:114px;
}

#M_contact .form-btn button:nth-of-type(2):hover span {
background:var(--emphasize);
}

#M_contact .conwrap form .labelbox.code {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
#M_contact .conwrap form .labelbox.code > p {width: 100%;}
#M_contact .conwrap form .labelbox.code > a {
display: flex;
width: 150px;
border-radius: 4px;
overflow: hidden;
margin: 0 0 0 10px;
}
#M_contact .conwrap form .labelbox.code > a > img {display: flex;width: 100%;}

#M_contact .conwrap form .labelbox.code div {width:calc(100% - 160px);}

#M_contact .conwrap form .form-btn {
text-align:right;
vertical-align:top;
margin-top:45px;
}

#M_contact .map-box {
display:block;
width:100%;
height:350px;
min-height:350px;
padding-top:40px
}

@media (min-width: 768px) {
#M_contact .conwrap form .half {
display:inline-block;
width:calc(50% - 8px);
}
#M_contact .conwrap form .half + .half {float: right;}
}

@media (min-width: 992px) {
#M_contact input.def-style, #M_contact textarea.def-style {font-size: 0.875rem;}
}

@media (max-width: 1409px) {
#M_contact .conwrap form .labelbox.code, #M_contact .conwrap form .form-btn {width: 100%;}
#M_contact .conwrap form .form-btn {
text-align:center;
margin-top:30px;
}
}

@media (max-width: 991px) {
#M_contact {flex-direction: column;}
#M_contact > div {width: 100%;}
#M_contact > div:last-child {padding-top: 40px}
}

@media (max-width: 375px) {
#M_contact .conwrap form .labelbox.code div {width: 100%;}
#M_contact .conwrap form .labelbox.code > a {margin: 7px 0 0 0;}
#M_contact .conwrap form .form-btn {
display: flex;
flex-direction: column;
align-items: center;
}
#M_contact .form-btn button {
display: block;
width: 114px;
margin: 0;
}
#M_contact .form-btn button:hover span {background: var(--emphasize);}
#M_contact .form-btn button:nth-of-type(2) {margin: 15px 0 0 0;}
}

#M_contact_02 {
display:block;
width:95%;
padding:0;
margin:0 auto
}

#M_contact_02 .conwrap {
padding:0;
margin:0 auto
}

#M_contact_02 .conwrap .contact-info {
float:left;
width:45%;
padding:0;
margin:0 auto
}

@media (max-width: 992px) {
#M_contact_02 .conwrap .contact-info {
width:100%;
padding:0 0 20px
}
}

#M_contact_02 .contact-info .info-list li {
position:relative;
font-size:1rem;
background:#fff;
border:1px solid var(--lineC);
border-radius:3px;
overflow:hidden;
padding-left:50px;
margin:10px 0
}

#M_contact_02 .contact-info .info-list li .ico {
position:absolute;
top:0;
left:0;
width:50px;
height:100%;
color:#fff;
text-align:center;
background:var(--emphasize);
border-radius:3px 0 0 3px
}

#M_contact_02 .contact-info .info-list li .ico i {
position:relative;
top:50%;
display:block;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%)
}

#M_contact_02 .contact-info .info-list li span {
position:relative;
display:inline-block;
padding:8px 10px
}

#M_contact_02 .contact-info .info-list li span::after {
content:'';
position:absolute;
top:50%;
left:-6px;
display:block;
width:0;
height:0;
border-top:6px solid transparent;
border-right:6px solid #f7f7f7;
border-bottom:6px solid transparent;
margin-top:-6px
}

#M_contact_02 .contact-info .info-list li a {
color:#221814
}

#M_contact_02 .contact-info .info-list li a:hover,#M_contact_02 .contact-info .info-list li a:active {
color:var(--emphasize)
}

#M_contact_02 .contact-info .social {
margin-top:20px;
text-align:center
}

#M_contact_02 .contact-info .social li {
display:inline-block;
margin:0 8px
}

@media (max-width: 424px) {
#M_contact_02 .contact-info .social li {
margin:0 5px
}
}

@media (max-width: 375px) {
#M_contact_02 .contact-info .social li {
margin:0 3px
}
}

@media (max-width: 320px) {
#M_contact_02 .contact-info .social li {
margin:0 1px
}
}

#M_contact_02 .contact-info .social li a {
transition:opacity .3s linear;
-ms-transition:opacity .3s linear;
-moz-transition:opacity .3s linear;
-webkit-transition:opacity .3s linear
}

#M_contact_02 .contact-info .social li a:hover {
opacity:.7
}

#M_contact_02 #map-inner-2 {
display:block;
height:365px;
margin-top:20px
}

@media (max-width: 992px) {
#M_contact_02 #map-inner-2 {
display:none
}
}

#M_contact_02 .conwrap form {
float:right;
width:55%;
max-width:none;
padding-top:5px;
padding-left:40px
}

@media (max-width: 992px) {
#M_contact_02 .conwrap form {
width:100%;
padding:0;
margin:0 auto
}
}

#M_contact_02 .conwrap form p.note {
font-size:1rem;
border-bottom:1px solid var(--lineC);
padding:0 8px 4px
}

#M_contact_02 .conwrap form strong {
display:inline-block;
width:10px;
color:var(--emphasize)
}

#M_contact_02 .conwrap form .labelbox {
display:block;
font-weight:400;
margin-top:15px;
margin-bottom:0
}

#M_contact_02 .conwrap form .labelbox p {
font-size:1rem;
line-height:34px
}

@media (min-width: 768px) {
#M_contact_02 .conwrap form .half {
display:inline-block;
width:calc(50% - 8px)
}

#M_contact_02 .conwrap form .half + .half {margin-left:11px;}
}

#M_contact_02 .conwrap form .quick-select-body.open,#M_contact_02 form .quick-select-body.open ul.quick-select-list {
border-color:var(--emphasize);
}

#M_contact_02 input.def-style {
display:block;
width:100%;
height:34px;
font-size:.875rem;
background:#fff;
border:1px solid var(--lineC);
border-radius:4px;
outline:none;
padding:0 10px;
}
#M_contact_02 input.def-style:focus {border-color:var(--navB);}

#M_contact_02 textarea.def-style {
display:block;
width:100%;
font-size:.875rem;
background:#fff;
border:1px solid var(--lineC);
border-radius:4px;
outline:none;
resize:none;
padding:6px 10px;
}
#M_contact_02 textarea.def-style:focus {border-color:var(--navB);}

#M_contact_02 .form-btn {text-align:center;}
#M_contact_02 .form-btn button {
position:relative;
display:inline-block;
width:34px;
height:34px;
font-size:.9375rem;
color:#fff;
text-align:center;
background:var(--emphasize);
border:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
outline:none;
overflow:hidden;
cursor:pointer;
padding:0;
margin:0 13px
}

#M_contact_02 .form-btn button i {
display:block;
width:34px;
height:34px;
line-height:34px
}

#M_contact_02 .form-btn button span {
position:absolute;
top:0;
left:34px;
display:block;
width:80px;
height:34px;
line-height:34px;
background:#f43c5b;
border-radius:0 3px 3px 0
}

#M_contact_02 .form-btn button:active span {
background:var(--emphasize)
}

#M_contact_02 .form-btn button:hover {
width:114px
}

#M_contact_02 .conwrap form .labelbox.code img {
float:right;
margin-left:10px;
border-radius:4px
}

#M_contact_02 .conwrap form .labelbox.code div {
width:calc(100% - 110px)
}

#M_contact_02 .conwrap form .form-btn {
text-align:right;
vertical-align:top;
margin-top:49px
}

@media (max-width: 768px) {
#M_contact_02 .conwrap form .form-btn {
text-align:center;
margin-top:30px
}
}

#M_contact_02 .map-box {
display:none
}

@media (max-width: 992px) {
#M_contact_02 .map-box {
display:block;
width:100%;
height:350px;
min-height:350px;
padding-top:30px
}
}

#M_contact_02 #map-inner {
width:100%;
height:100%
}

#M_gallery {
padding:0;
margin:0
}

#M_gallery .group {
margin-top:15px
}

#M_gallery .group.sub {
margin-top:-10px
}

#M_gallery .group .list {
display:flex;
flex-wrap:wrap;
}

#M_gallery .list a.item {
display:block;
float:left;
width:calc((100% - 30px) / 3);
background:#fff;
border:1px solid var(--lineC);
border-bottom-color:var(--gray2);
transition:background .3s ease-in-out;
-ms-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
}

#M_gallery .group.sub .list a.item {
margin-top:15px;
}

#M_gallery .list a.item:hover {
/* background:var(--gray1); */
border-bottom-color: var(--hoverC2);
}

#M_gallery .group .list a.item:nth-child(2),#M_gallery .group.sub .list a.item:nth-child(3n+2) {
margin-left:15px;
margin-right:15px;
}

@media (max-width: 767px) {
#M_gallery .group .list a.item {
width:calc((100% - 15px) / 2);
}

#M_gallery .group .list a.item:nth-child(2) {
margin-right:0;
}

#M_gallery .group .list a.item:nth-child(3) {
display:none;
}

#M_gallery .group.sub .list a.item:nth-child(3) {
display:block;
}

#M_gallery .group.sub .list a.item:nth-child(3n+2) {
margin-left:0;
margin-right:0
}

#M_gallery .group.sub .list a.item:nth-child(2n) {
margin-left:15px;
margin-right:0
}
}

@media (max-width: 424px) {
#M_gallery .group .list a.item {width:100%;}
#M_gallery .group .list a.item:nth-child(2) {margin-left:0;}
#M_gallery .group.sub .list a.item:nth-child(2n) {margin-left:0;}
}

#M_gallery .list a.item .txt .summary {
color:var(--blackC);
font-size:.8125rem;
line-height:1.125rem;
margin:5px 0 0
}

#M_album {width:100%;}
#M_album .main.box .date {
color:gray;
font-size:0.875rem;
position:relative;
}
#M_album .h3 {
font-size:1.25rem;
margin: 0;
padding: 30px 0 20px;
}
#M_album .main.box .text {padding-bottom: 40px;}
#M_album .slick-slide {outline:none;}
#M_album .main.slider {
padding: 15px 0 10px;
width: 880px;
margin: 0 auto;
}
#M_album .main.slider .box {position:relative;}
#M_album .main.slider img {
width:100%;
max-width: 100%;
height: auto;
}
#M_album .border {
border:1px solid var(--hoverC2);
border-left: none;
border-right: none;
padding: 10px 50px;
position:relative;
}
#M_album .main.slider-nav .slick-slide {
margin: 0 1px;
background-color: var(--black2);
}
#M_album .main.slider-nav img {
width:100%;
opacity: 0.75;
transition: 0.2s;
}
#M_album .main.slider-nav .slick-current img {opacity: 1;}
#M_album .slick-track {margin: 0 auto;}
#M_album .slick-prev.slick-arrow {
left: 0;
bottom: calc(50% - 15px);
}
#M_album .slick-next.slick-arrow {
right: 0;
bottom: calc(50% - 15px);
}

@media (max-width: 1680px) {
#M_album .main.slider {width: 100%;}
}

#M_sitemap .main {
max-width:1170px;
margin:50px auto 0;
}
#M_sitemap .main .inside {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
padding: 0 10px;
}
#M_sitemap .main .inside .box {
display: flex;
flex-direction: column;
width: calc(100% / 4);
padding: 0 5px 30px;
}
#M_sitemap .main .box .ti {padding-bottom: 7px;}
#M_sitemap .main .box .ti a {
height: 45px;
line-height: 45px;
color: #fff;
font-size: 1rem;
text-align: center;
background: var(--hoverC1);
border: none;
transition: all .2s linear;
padding: 0 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#M_sitemap .main .box .ti a:hover {background: var(--mainC);}
#M_sitemap .main .box a {
display:block;
width:100%;
font-size:.925rem;
text-align: center;
border-bottom:1px dashed var(--lineC);
padding:8px 15px;
transition:all .2s linear;
}
#M_sitemap .main .box a:hover {border-bottom-color: var(--hoverC2);}

@media (max-width: 991px) {
#M_sitemap .main .inside .box {width: calc(100% / 3);}
}

@media (max-width: 767px) {
#M_sitemap .main .inside .box {width: calc(100% / 2);}
}

@media (max-width: 479px) {
#M_sitemap .main .inside {padding: 0;}  
#M_sitemap .main .inside .box {
width: 100%;
padding: 0 0 30px;
}
#M_sitemap .main .inside .box:last-child {padding-bottom: 0;}
}

.program_msg {
font-size: 0.925rem;
color: var(--emphasize);
text-align:center;
line-height:25px;
padding:30px 0;
}

.program_msg02 {
font-size:0.9375rem;
color:var(--black1);
text-align:center;
line-height:25px;
padding:0 0 50px;
}

.program_msg03 {
font-size: 0.925rem;
color: var(--emphasize);
text-align:center;
padding-bottom: 10px;
}

.program_msg04 {
font-size: 0.925rem;
color: var(--emphasize);
text-align:center;
line-height:25px;
padding:30px 0 0;
margin:0 auto;
}

.program_msg05 {
display:block;
width:100%;
font-size: 0.925rem;
color: var(--emphasize);
text-align:center;
border: 1px solid var(--lineC);
padding:20px;
margin:0 auto 20px;
}

.program_msg06 {
display: block;
width: 100%;
font-size: 0.925rem;
color: var(--emphasize);
text-align: center;
border: 1px solid var(--lineC);
padding: 20px;
}

.program_msg07 {
display:block;
width:100%;
font-size: 0.925rem;
color: var(--emphasize);
text-align:center;
border: 1px solid var(--lineC);
padding:20px;
margin:30px auto 0;
}

.program_msg08 {
font-size: 0.925rem;
color: var(--emphasize);
text-align:center;
line-height:25px;
padding:20px 0;
margin:0 auto;
}

.form-control_freight {
background:#f9f9f9;
box-shadow:none;
border-radius:0;
border:1px solid var(--lineC);
height:35px;
margin-left:10px;
margin-right:20px;
}

#footer {
    color: var(--navB);
    overflow: hidden;
    position: relative;
    padding: 120px 0 45px;
    background-color: var(--footerC1);
}
#footer .fbg101, #footer .fbg102 {
    position: absolute;
    top: 0;
    width: calc(50% + 1px);
    height: 60px;
    pointer-events: none;
    background: linear-gradient(135deg, var(--footerC1) 50%, transparent 50%);
    background-size: cover;
}
#footer .fbg101 {
    left: 0;
    z-index: 3;
    transform: scale(1, -1);
}
#footer .fbg102 {
    right: 0;
    z-index: 2;
    transform: scale(-1 , -1);
}
#footer .fbg2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    pointer-events: none;
    background-color: var(--searchC);
    border-top: 25px solid #fff;
}
.footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1840px;
padding: 0 40px 0;
margin: 0 auto;
font-size: 0.925rem;
position: relative;
z-index: 6;
}
.footer a, .copyright a {color: var(--navB);transition: 0.2s;}
.footer a:hover, .footer .link-ti:hover a, .copyright a:hover {color: #fff;}
.footer .fInfo {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 780px;
    font-weight: 600;
    position: relative;
    z-index: 3;
}

.footer .fInfo .certificates {
    display: flex;
    width: 280px;
}
.footer .fInfo .cpNC {width: calc(100% - 310px);}

.footer .cNumber {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 0.975rem;
    padding-bottom: 5px;
    width: 100%;
}
.footer .cNumber > span {display: flex;}
.footer .cNumber > span:nth-child(1) {padding-right: 10px;}

.footer .cpContact, .aUS_contact {
display: flex;
flex-direction: column;
}
.footer .cpContact > a, .aUS_contact a {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 10px 0 0 30px;
position: relative;
}
.footer .cpContact > a::before, .aUS_contact a::before {
font-family: "Font Awesome 5 Free";
font-size: 1.05rem;
font-weight: 600;
position: absolute;
top: 8px;
left: 0;
width: 15px;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
}
.footer .cpContact > a.cpC_mail::before, .aUS_contact a.cpC_mail::before {content: "\f658";}
.footer .cpContact > a.cpC_tel::before, .aUS_contact a.cpC_tel::before {content: "\f095";}
.footer .cpContact > a.cpC_fax::before, .aUS_contact a.cpC_fax::before {content: "\f1ac";}
.footer .cpContact > a.cpC_add::before, .aUS_contact a.cpC_add::before {content: "\f3c5";}
.footer .cpContact > a > span, .aUS_contact a > span {display: flex;}

.footer .fmenuCopyright {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: calc(100% - 780px);
    position: relative;
    z-index: 2;
}
.footer .fmenu {
display: none;
align-items: flex-start;
justify-content: flex-end;
flex-wrap: wrap;
margin-bottom: 15px;
width: calc(100% - 30px);
}
.footer .fmenu .link-ti {
display: flex;
align-items: flex-start;
justify-content: flex-end;
margin: 7.5px 0 7.5px 30px;
}
.footer .fmenu .link-ti a {
display: flex;
font-size: 1rem;
}

.copyright {
width: 100%;
font-size: 0.925rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
.copyright.w992 {
padding: 30px 0 0;
border-top: 1px solid;
padding-left: 30px;
flex-wrap: wrap-reverse;
}
.copyright.w991 {
padding: 30px 30px 55px;
display: none;
flex-wrap: wrap;  
}
.copyright .copyright-1 {
display: flex;
align-items: center;
justify-content: end;
padding-top: 3px;
width: 100%;
text-align: right;
}
.copyright .copyright-1 > p > a {padding-left: 15px;}
.copyright .copyright-2 {
display: flex;
align-items: center;
justify-content: end;
width: 100%;
padding-bottom: 7px;
}
.copyright .ic {
display: flex;
width: 25px;
height: 25px;
font-size: 0;
overflow: hidden;
transition: 0.35s;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
margin: 0 0 0 15px;
position: relative;
filter: invert(1);
opacity: 0.35;
}
.copyright .ic:nth-child(1) {margin-left: 0;}
.copyright .ic.ic-fb {background-image:url("../images/index/ic_fb.svg");}
.copyright .ic.ic-line {background-image: url("../images/index/ic_line.svg");}
.copyright .ic.ic-ig {background-image: url("../images/index/ic_YT.svg");}

.copyright .ic:hover {opacity: 1;filter: none;}
.copyright .ic.ic-fb:hover {background-image: url("../images/index/ic_fbo.svg");}
.copyright .ic.ic-line:hover {background-image: url("../images/index/ic_lineo.svg");}
.copyright .ic.ic-ig:hover {background-image: url("../images/index/ic_YTo.svg");}


@media (min-width: 992px) {
.copyright .ic:nth-child(1) {margin-left: 31px;overflow: visible;}
.copyright .ic:nth-child(1)::after {
content: "";
position: absolute;
top: 5px;
left: -17px;
width: 1px;
height: 16px;
background-color: var(--navB);
pointer-events: none;
opacity: 0.75;
filter: invert(1);
transition: 0.35s;
}
.copyright .ic:nth-child(1):hover::after {
filter: invert(1);
background-color: var(--navW);
opacity: 0.25;
}
}

@media (max-width: 1680px) {
.copyright .copyright-2::after {left: 10px;}
} 

@media (max-width: 1409px) {  
.footer .fInfo {width: 700px;}
.footer .fmenuCopyright {width: calc(100% - 700px);}
.footer .fInfo .certificates {width: 250px;}
.footer .fInfo .cpNC {width: calc(100% - 270px);}
.copyright.w992 {
padding: 20px 0 0;
padding-left: 15px;
}
}

@media (max-width: 1199px) {
.footer {padding: 0 30px;}
.footer .fInfo {width: 65%;}
.footer .fmenuCopyright {width: 35%;}
}

@media (max-width: 991px) {
#footer {padding: 0;}
.footer {
align-items: flex-end;
justify-content: flex-end;
flex-flow: column-reverse;
padding: 45px 15px 30px;
}
.footer .fInfo {
width: 100%;
flex-direction: column-reverse;
align-items: center;
}
.footer .fInfo .cpNC {
width: 100%;
padding-bottom: 20px;
}
.footer .fInfo .certificates {
width: calc(100% - 30px);
max-width: 210px;
}
.footer .fmenuCopyright {width: 100%;}
.footer .cNumber {
justify-content: center;
flex-direction: column;
font-size: 0.925rem;
border-top: 1px dashed var(--footerC1);
padding-top: 30px;
}
.footer .cNumber > span:nth-child(1) {padding: 0 0 3px 0;}

.footer .cpContact {align-items: center;}
.footer .cpContact > a {
padding: 20px 0 0 30px;
margin: 0 10px;
}
.footer .cpContact > a::before, .aUS_contact > a::before {
font-size: 1rem;
top: 17px;
}

.footer .fmenu {
width: 100%;
margin-bottom: 5px;
}
.footer .fmenu .link-ti {
min-width: 100%;
margin: 0 0 -1px 0;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.17);
overflow: hidden;
padding: 2px;
}
.footer .fmenu .link-ti:first-child, .footer .fmenu .link-ti:first-child a {border-radius: 4px 4px 0 0;}
.footer .fmenu .link-ti:last-child, .footer .fmenu .link-ti:last-child a {border-radius: 0 0 4px 4px;}
.footer .fmenu .link-ti a {
padding: 5.5px 5px 4px;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.12);
box-shadow: 0 0 0 1px rgba(var(--fC2-rgb), 0.45) inset, 0 0 0 2px rgba(255, 255, 255, 0.18) inset;
}
.footer .fmenu .link-ti a:hover {background-color: var(--mainC);}

.copyright.w992 {display: none;}
.copyright.w991 {
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: center;
position: relative;
}
.copyright.w991::after {
content: "";
position: absolute;
top: 3px;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background-color: var(--navB);
opacity: 0.35;
pointer-events: none;
}
.copyright .copyright-1, .copyright .copyright-2 {position: relative;z-index: 3;}
.copyright .copyright-1 {
padding: 0 15px;
flex-direction: column;
text-align: center;
}
.copyright .copyright-1 > p {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5px;
}
.copyright .copyright-1 > p > a {padding: 5px 0 0 0;}
.copyright .copyright-2 {
padding: 20px 0 0 0;
justify-content: center;
}
}

@media (max-width: 767px) {
.footer .cpContact {align-items: flex-start;}
.footer .cpContact > a {
width: 100%;
margin: 0;
padding: 15px 0 0 30px;
text-align: left;
}
.footer .cpContact > a::before {top: 13px;}
}