@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&family=Noto+Serif+TC&display=swap');
/* CSS Document */

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

border: 0;
font-size: 100%;
font-family:Arial, 微軟正黑體, "Microsoft JhengHei", 新細明體, sans-serif;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html{height:100%;}
body{line-height:1; height:100%;}
ol, ul{list-style:inherit;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content: none;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:super;}

img{max-width:100%; max-height:100%;}

a{color:#000; text-decoration:none; transition:all 0.5s ease;}
a:hover{color:#00b7ee;}

.img-cover{
    display:block;
    height:0;
    text-align:center;
    padding-bottom:60%;
    overflow:hidden;
    position:relative;
	}

.img-cover>img{
    height:100%!important;
    max-width:100%;
    min-width:100%;
    object-fit:cover;
    -moz-object-fit:cover;
    -ms-object-fit:cover;
    -o-object-fit:cover;
    -webkit-object-fit:cover;
    position:absolute;
    transform:translate(-50%, 0) scale(1);
    transition:all 0.3s;
	}

.item-link{
    width:100%;
    height:100%;
    font-size:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:30;
	}

.list-setting{list-style:none; padding-left:0;}

input{outline:none!important;}
button:focus{outline:none!important;}

.formBox{margin-bottom:15px; display:flex;}

.formBox>label{
	font-size:18px;
	color:#808080;
	padding:15px 10px;
	flex-basis:150px;
	}

.formBox>label.required{padding:15px 10px 15px 30px; position:relative;}

label.required::before{
	content:"※";
	font-size:18px;
	color:#ea0000;
	position:absolute;
	top:15px;
	left:10px;
	}

.formBox .formBoxContent{
	flex:1;
	border:1px solid #d7d7d7;
	}

.formBoxContent input,
.formBoxContent textarea{
	padding:10px 15px;
	border:none;
	}

.checkBtn{
	width:100%;
	color:#468cc8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:15px 15px;
	margin-top:20px;
	border:3px solid rgba(126,206,244,0.75);
	cursor:pointer;
	}

.checkBtn i{color:#18306a; margin-right:10px;}

.checkBtn:hover{color:#fff; background-color:#18306a; border:3px solid #18306a;}

.checkBtn:hover i{color:#fff;}

a:not([href]):not([tabindex]){color:#27548a;}

a.checkBtn:not([href]):not([tabindex]):focus,
a.checkBtn:not([href]):not([tabindex]):hover{
	color:#fff;
	}

table{width:100%; text-align:center; background-color:#fff;}

table tr:nth-child(odd){background-color:#eee;}

table th, table td{
	font-size:18px;
	font-family:Arial, 微軟正黑體, "Microsoft JhengHei", 新細明體, sans-serif;
	color:#000000;
	line-height:1.5em;
	padding:10px;
	border:1px solid #aeaeae;
	vertical-align:middle;
	}

table ul{text-align:left;}

*{outline:none; -webkit-tap-highlight-color:transparent;}
*, *::before, *::after{
	-webkit-box-sizing:border-box;
    box-sizing: border-box;
	}

html body .main-wrapper{width:100%; overflow:hidden;}

.item img, .img img{width:100%;}

.b-lazy{
	-webkit-transition:opacity 500ms ease-in-out;
    -o-transition:opacity 500ms ease-in-out;
    transition:opacity 500ms ease-in-out;
    max-width:100%;
    opacity:0;
	}

.b-lazy.b-loaded{opacity:1;}

/*home-section1*/
.home .section1{background-color:#000;}

/*header選單*/
.main{
	background-color: #fff;
	position: relative;
	width:1920px;
}

.news-wrapper h6{
	color:#000;
	float: right;
	font-family:"微軟正黑體";
	font-weight:800;
	font-size:36px;
	display: block;
	text-align: end;
	margin-bottom:55px;
}

.navbar{
    position:absolute;
    top:calc(100vh + 13.8125vw);
    left:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    z-index:80;
	}

body:not(.home) .navbar{
    position:fixed;
    top:0;
    padding:0;
    background-color:#18306a;
    -webkit-animation:navSlideDown .5s ease-out forwards;
    animation:navSlideDown 1.5s ease-out forwards;
    -webkit-box-shadow:1.721px 2.457px 15px rgb(0 0 0 / 7%);
    box-shadow:1.721px 2.457px 15px rgb(0 0 0 / 7%);
	}

@-webkit-keyframes navSlideDown{
	0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
	}

@keyframes navSlideDown{
	0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
	}

body:not(.home) main::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80px;
	}

.mainMenu-container{width:95%; max-width:1480px; margin:0 auto;}
.mainMenu-row{justify-content:space-between; align-items:center;}

.mainLogo{flex-basis:160px; padding:5px;}
.mainMenuArea{flex:1;}
.mainMenuArea{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	}

.mainLogo a{display:block;}

.mainMemberBlock{width:100%; padding:7px 0 5px;}

.mainMemberList, .mainMenuList{display:flex; margin-bottom:0;}

.mainMemberList{justify-content:flex-end;}

.mainMemberList li{margin-right:10px;}
.mainMemberList li:last-child{margin-right:0;}

.mainMemberList li a{
	font-size:12px;
	font-weight:300;
	color:#fff;
	letter-spacing:2px;
	padding:5px 8px;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:5px;
	display:block;
	}

.mainMemberList li:hover a{
	color:#000;
	font-weight:500;
	background-color:#00b0d0;
	border:1px solid #00b0d0;
	}

.mainMenuList>li{
	padding-top:10px;
	padding-bottom:10px;
	margin-right:15px;
	position:relative;
	}

.mainMenuList>li:last-child{margin-right:0;}

.mainMenuList>li>a{
	font-size:16px;
	padding:8px 15px 6px;
	color:#fff;
	border:1px solid rgba(255,255,255,0);
	border-radius:999em;
	display:block;
	}

.mainMenuList>li:hover>a{border:1px solid rgba(255,255,255,1);}

.mainMenuList li ul.dropdown{
	display:none;
	background-color:#f1f2f4;
    border-radius:5px;
    box-shadow:0px 0px 16px rgb(0 0 0 / 20%);
    position:absolute;
    top:85%;
    left:0;
	}

.mainMenuList li:hover ul.dropdown{display:block;}

ul.dropdown>li>a{
    font-size:16px;
	font-weight:bold;
	color:#313131;
	letter-spacing:1px;
    padding:10px 20px;
    line-height:1.3em;
    border-bottom:1px solid rgba(204, 204, 204, 0.35);
    word-break:keep-all;
    white-space:nowrap;
	display:block;
	}

ul.dropdown>li:hover>a{color:#00b0d0;}

.searchBlock{padding-bottom:7px; margin-left:20px;}

.searchBox, .mobile-searchBox-inner{
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
    background-color:#ffffff;
    border:1px solid #ccc;
    border-radius:5px;
    display:flex;
    align-items:center;
	}

.searchBox{width:150px;}

.search-keyin{
    border:0;
    border-radius:5px;
    position:relative;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:1%;
    min-width:0;
    padding:10px;
    margin-bottom:0;
	}

.search-btn{
    height:100%;
    padding:0 15px;
    border:0;
    background-color:unset;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
	}

/*選單展開按鈕_start*/
.navTrigger{
	display:none;
	cursor:pointer;
	width:30px; 
	height:25px;
	margin:auto;
	position:fixed;
	top:30px;
	right:20px;
	z-index:500;
	}

.navTrigger>i{
    background-color:#fff;
    border-radius:2px;
    content:'';
    display:block;
    width:100%;
	height:2px;
	}

.navTrigger>i:nth-child(1){
    -webkit-animation:outT 0.8s backwards;
    animation:outT 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
	}
.navTrigger>i:nth-child(2){
    margin: 7px 0;
    -webkit-animation:outM 0.8s backwards;
    animation:outM 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
	}
.navTrigger>i:nth-child(3){
    -webkit-animation:outBtm 0.8s backwards;
    animation:outBtm 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
	}

.navTrigger.active>i:nth-child(1){
	-webkit-animation:inT 0.8s forwards;
	animation:inT 0.8s forwards;
    }
.navTrigger.active>i:nth-child(2){
	-webkit-animation:inM 0.8s forwards;
	animation:inM 0.8s forwards;
	}
.navTrigger.active>i:nth-child(3){
	-webkit-animation:inBtm 0.8s forwards;
	animation:inBtm 0.8s forwards;
	}

@-webkit-keyframes inM{
50%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes inM{
50%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}

@-webkit-keyframes outM{
50%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes outM{
50%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}

@-webkit-keyframes inT{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(9px) rotate(0deg);}
100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes inT{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(9px) rotate(0deg);}
100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes outT{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(9px) rotate(0deg);}
100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes outT{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(9px) rotate(0deg);}
100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes inBtm{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(-9px) rotate(0deg);}
100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes inBtm{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-9px) rotate(0deg);}
100%{transform: translateY(-9px) rotate(135deg);}
}

@-webkit-keyframes outBtm{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(-9px) rotate(0deg);}
100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes outBtm{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-9px) rotate(0deg);}
100%{transform: translateY(-9px) rotate(135deg);}
}

.overlay{
    position:fixed;
    z-index:90;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1c1d21;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.5s, visibility 0.5s;
	}

.nav-open .overlay{opacity:0.85; visibility:visible;}

/*選單展開按鈕_end*/

/*次選單mega-menu_start*/
.header-menu ul li.has-megamenu{position:static;}

.megaMenu{
	display:none;
	width:100%;
	padding:18px 20px 15px;
    position:absolute;
    left:0;
    top:67px;
    right:auto;
    z-index:100;
    background:#fff;
    -webkit-box-shadow:0 5px 10px rgb(0,0,0,0.4);
    box-shadow:0 5px 10px rgb(0,0,0,0.4);
    -webkit-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
    }

li.has-megamenu:hover .megaMenu{display:block;}

.megaMenu-row{
	width:95%;
	max-width:1240px;
	max-height:520px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	overflow-y:scroll;
	}

.col-left{width:16.666%;}
.col-right{width:83.334%;}

.col-right>.col-right-inner{display:flex; flex-wrap:wrap;}

.megaMenuBox{width:16.667%; margin-bottom:20px;}

h3.megaMenuTitle{margin-bottom:7px; line-height:1.3em;}

.navbar .container nav ul h3.megaMenuTitle a{
	font-size:16px;
	font-weight:bold;
	color:#387497;
	padding:0;
	text-transform:inherit;
	}

.navbar .container nav ul.megaMenuList{display:block;}

.navbar .container nav ul.megaMenuList li a{
	font-size:14px;
	padding:10px 8px 10px 0;
	}

.navbar .container nav ul h3.megaMenuTitle:hover a{color:#9b5a5a;}
.navbar .container nav ul.megaMenuList li:hover a{color:#909090;}

/*次選單mega-menu_end*/

/*手機選單_start*/
.mobile-menu-area{
	width:100%;
	height:100vh;
	padding:10px;
	background-image:url(../images/nav-bg-s.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:fixed;
	top:0;
	left:0;
	z-index:400;
	}

.mobile-logo{width:250px;}

.navmenu{padding:15px;}

.navmenu-item{
	border-bottom:1px solid rgba(255,255,255,0.5);
	}

.navmenu-item a{
    color: #fff;
	display:block;
	font-size:18px;
	padding:15px 0 15px;
	position:relative;
    transition: all 0.3s;
}

.navmenu-item a:hover{color:#ffff00;}

.navmenu-item.has-mobileDrop>a::before{
	content:"";
    display:inline-block;
    width:60px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
	}

.navmenu-item.has-mobileDrop>a::after {
    content:"\f107";
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    font-size:20px;
    position:absolute;
    top:13px;
    left:auto;
    right:24px;
    z-index:10;
    transition:all 0.5s ease;
	}

.navmenu-item.has-mobileDrop a.is-open::after{
	transform:rotate(180deg);
	}

.navmenu-item a span{
	padding:10px 12px;
	position:absolute;
	top:2px;
	right:0;
	transition:all 0.3s ease;
	}

.mobile-submenu-list{
    display:none;
    background-color:#468cc8;
    padding:0 10px;
	}

.mobile-submenu-list:after {
    content: '';
    display: block;
    clear: both;
}

.mobile-submenu-list>li{
	border-bottom:1px solid rgba(204,204,204,0.35);
	}

.mobile-submenu-list>li:last-child{border-bottom:none;}

.mobile-submenu-list>li>a{
	font-size:16px;
	padding:12px 0;
	}

.mobileDrop-open>a>span{transform:rotate(90deg);}
.mobileDrop-open .mobile-submenu-list{display:block;}

.mobile-3rdMenu-list{
    display:none;
    background-color:#02114e;
    padding:0 10px;
	}

.mobile-3rdMenu-list>li{
	border-bottom:1px solid rgba(204,204,204,0.35);
	}

.mobile-3rdMenu-list>li:last-child{border-bottom:none;}

.mobile-3rdMenu-list>li>a{
	font-size:16px;
	color:#fff;
	padding:12px 5px;
	}

.mobile-3rdMenu-list>li:hover>a{color:#03fff8;}

.mobile3rdDrop-open>a>span{transform:rotate(90deg);}
.mobile3rdDrop-open .mobile-3rdMenu-list{display:block;}

.mobile-memberBlock{margin:5px 0 15px;}

.mobile-memberList{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	}

.mobile-memberList li{margin:0 5px;}

.mobile-memberList li a{
	padding:7px 7px 5px;
	border:1px solid #0c57a8;
	border-radius:10px;
	background-color:rgba(255,255,255,0.5);
	display:flex;
	justify-content:center;
	align-items:center;
	}

.mobile-memberList li a span{font-size:16px; color:#18306a;}

.mobile-memberIcon{width:25px; margin-right:5px;}

.mobile-memberList li:hover a{
	background-color:#00b0d0;
	border:1px solid #00b0d0;
	}

.mobile-memberList li:hover a span{color:#000;}

.navmenu-bottom{width:90%; margin:0 auto 60px;}

.navmenu-bottom ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	}

.navmenu-bottom li{
	width:40px;
    height:40px;
    font-size:20px;
    margin:10px;
	}

.navmenu-bottom li a{
	width:100%;
	height:100%;
	color:#fff;
    border-radius:50%;
    background-color:#98928c;
	display:flex;
    justify-content:center;
    align-items:center;
    transition: all 0.3s;
}

.navmenu-bottom li a:hover {
    background-color: #e3d0c4;
    color: #53514e;
}

.navmenu-bottom li:hover a.icon-fb{background-color:#3b5998;}
.navmenu-bottom li:hover a.icon-ig{background-color:#d82f79;}
.navmenu-bottom li:hover a.icon-line{background-color:#44a73b;}
.navmenu-bottom li:hover a.icon-mail{background-color:#4da8d5;}
.navmenu-bottom li:hover a.icon-tel{background-color:#fc7000;}
.navmenu-bottom li:hover a.icon-map{background-color:#a596f4;}

/*手機選單_end*/

/*側邊按鈕選單_start*/
.sidebar-button-box{
	position:fixed;
	bottom:350px;
	right:0;
	z-index:20;
	}

#sidebar-button{
	height:55px;
    width:40px;
    background-color:#000000;
    opacity:0.3;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    margin-top:-20px;
    position:absolute;
    right:0;
    text-align:center;
    cursor:pointer;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
    transition:0.5s;
	}

#sidebar-button-text span{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
    transition:0.5s;
    font-size:40px;
    color:#ffffff;
    padding-left:17px;
    padding-top:3px;
	}

#sidebar-button-text span::before{font-size:30px; margin-top:10px;}

#sidebar-block{
	display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:column;
    flex-flow:column;
    -webkit-align-items:flex-end;
    align-items:flex-end;
    position:relative;
	}

.sidebar-box{
	display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    width:45px;
    height:45px;
    font-size:22px;
    color:#fff;
    border-radius:50%;
    background-color:#98928c;
    transition:width 0.15s ease-in-out;
    position:absolute;
    right:20px;
	}

.item-tel{top:0;}
.item-fb{top:51px;}
.item-ig{top:102px;}
.item-line{top:153px;}
.item-yt{top:153px;}

.sidebar-box:hover{color:#fff;}

.sidebar-box.item-tel:hover{background-color:#00b0d0;}
.sidebar-box.item-fb:hover{background-color:#1877f2;}
.sidebar-box.item-line:hover{background-color:#00c300;}
.sidebar-box.item-ig:hover{background-color:#e1306c;}
.sidebar-box.item-yt:hover{background-color:#ff0000;}

.sidebar-box .sidebar-pic{
	width:32px;
	height:32px;
	vertical-align: middle;
	}

/*側邊按鈕選單_end*/

/* footer_start */
footer{
    padding:60px 0 20px;
    background-image:url(../images/foot-info-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center top;
    position:relative;
	}

.footMenuBlock{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	}

.footMenuBox{width:25%; padding:0 10px;}

.footMenuTitle{margin-bottom:15px;}

.footMenuTitle h3{
	font-size:20px;
	font-weight:bold;
	color:#18306a;
	letter-spacing:1px;
	}

.footMenuList li{margin-bottom:15px;}

.footMenuList li a{font-size:17px; letter-spacing:1px;}

.footMenuList li:hover a{color:#185adb;}

.footBottomBlock{
	width:95%;
	max-width:1080px;
	margin:30px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	position:relative;
	}

.footLogo{flex-basis:300px;}
.footInfoBlock{flex:100%; margin:15px auto 20px;}

.footInfoList, .footIconList{padding-left:0; list-style:none; display:flex;}

.footInfoList{flex-wrap:wrap; justify-content:center;}
.footInfoList li{margin-right:15px; margin-bottom:15px;}
.footInfoList li:last-child{margin-right:0;}

.footInfoList li a{
	font-size:18px;
	color:#18306a;
	letter-spacing:1px;
	transition:all 0.5s ease;
	}

.footInfoList li a i{margin-right:3px;}

.footInfoList li:hover a{color:#ffff00;}

.footIconBlock{width:100%; margin:0 auto 30px;}

.footIconList{justify-content:center;}

.footIconList li{margin-right:15px;}
.footIconList li:last-child{margin-right:0;}

.footIconList li a{
	width:50px;
	height:50px;
	border:1px solid #11539b;
	border-radius:999em;
	transition:all 0.5s ease;
	display:flex;
	justify-content:center;
	align-items:center;
	}

.footIconList li a i{
	font-size:24px;
	color:#11539b;
	transition:all 0.5s ease;
	}

.footIconList li:hover a{border:1px solid #18306a; background-color:#18306a;}
.footIconList li:hover a i{color:#fff;}

.copyright{
	width:95%;
	max-width:1200px;
    font-weight:300;
	color:#fff;
    line-height:1.5em;
    letter-spacing:1px;
    margin:0 auto;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
	}

.copyright a{color:#00ffff; margin:0 5px;}

#gotop{
    display:none;
    position:fixed;
    right:20px;
    bottom:37px;
    padding:12px 14px;
    font-size:20px;
    background:#98928c;
    color:#ffffff;
    cursor:pointer;
    border-radius:999em;
    z-index:9997;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
	}

#gotop:hover{background:#53514e;}
/* footer_end */

.pro-dropdown a {
    color: #666666;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 400;
}
.pro-dropdown a:hover {
    color: #29ABE2;
}

.about-text{width: 100%;}
.service-text{width: 100%; list-style: decimal;font-size: 18px; font-weight: 200; line-height: 3em;}
.about-text h2{
	font-family: "微軟正黑體";
	letter-spacing:2px;
	font-size: 22px;
	font-weight:600;
	padding-top: 30px;
	
}

.about-text p, .about-text li{
    font-family: "微軟正黑體";
    line-height: 1.8em;
	letter-spacing:2px;
	font-size: 18px;
	padding-top:30px;
}

.a2-img{width:300px; height:260px; margin-left:500px; z-index:1;}

.a2-img-2{width:650px; padding:15px; margin:0 auto;}

.award-text{
	font-family: "微軟正黑體";
    line-height: 30px;
	letter-spacing:2px;
	font-size: 18px;
	font-weight:800;
	padding-top:30px;
	background-color:#F29228;
	box-shadow: 2px 2px 2px #A7ACB5;
	width:550px;
	padding: 40px;
	margin-top: -180px;
	margin-left:10px;
}
.award-text-2{
	font-family: "微軟正黑體";
    line-height: 1.5em;
	letter-spacing:2px;
	font-size: 18px;
	padding: 15px 0;
}

.award-text-2 li{padding-top:30px;}

.sort{float:right;}

.sort option{font-family:"微軟正黑體";}

.product-action {
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    text-align: center;
	
}

.product-action__icon a {
    width: 50px;
    height: 50px;
    background:#fff; ;
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 8%);
    color:#7ACFE6;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    border-radius: 10px;
}
.product-action__icon a:hover{
	background-color:#FED022;
	color:#fff;
}
.products-text{
	padding-top:10px;
}
.products-text h2{
    line-height:1.5em;
	letter-spacing:2px;
	font-size: 20px;
	font-weight:600;
}
.type{
	letter-spacing:2px;
	line-height:1.5em;
	font-size: 16px;
	font-weight:400;
	color:dimgrey;
	line-height: 30px;
}

.price{
	font-size:14px;
    color:#aaa;
	padding:5px 0;
	line-height:1em;
    text-decoration:line-through;
	}

.discount{
	font-size:18px;
	font-weight:800;
	color:#ff6464;
	line-height:1em;
	letter-spacing:2px;
	}

.fee-prefix-text{font-size:14px; color:#ff6464;}

.save_money{font-size:14px; color:#868686;}

.row-prodetail{display:flex; margin:5px;}

.pb-120{padding-bottom:120px;}

.inside{max-width:1430px;}

.pro-details-tab .custom-tab {
    width: 18%;
    float: left;
	
}
.pro-details-tab .custom-tab ul{
	display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.pro-details-tab .custom-tab ul li{
	list-style: none;
}
.nav-pills .nav-link.active {
    background-color: transparent;
    color: #9e4b47;
}

.pro-details-tab .custom-tab .nav-link {
    padding: 0px;
    margin-bottom: 25px;
	position: relative;
}

.discount-list .grid-news .news-item .products-img img {
    padding: 0 15px;
}
.date-list .news-item .news-text {
    font-size: 20px;
    line-height: 1.5em;
}
.news-item .news-text{
	text-align:center;
	letter-spacing: 2px;
	line-height: 22px;	
	margin-top:20px;
	font-size: 24px;
} 
.pro-details-tab .custom-tab .nav-link.active::before {
    opacity: 0.7;
}
.pro-details-tab .custom-tab .nav-link::before {
    position: absolute;
    content: "";
    background: #fff;
    opacity: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	transition: 0.3s;
}

.pro-detail-picbox-B{width:100%;}

.pro-detail-picbox-S ul{padding:10px;}
.pro-detail-picbox-S li{
	padding:1px;
	margin-bottom:20px;
	margin-right: 10px;
	width: 20%;
	}

.custom-content{float:right; width:77%;}

.tab-content>.active{display:block;}

.custom-content img{width:100%;}

.img-fluid{max-width:100%; height:auto;}

.mt-15{margin-left:20px;}

.pro-details-content h2 {
    font-size: 24px;
	line-height:1.8em;
}
.pro-details-content h4 {
    font-size: 18px;
    font-weight: 200;
    color: #666;
    margin-bottom: 5px;
}
.product-discount h4 {
    font-size: 18px;
	margin-bottom: 10px;
	padding: 10px;
}

.discount-content a{display:flex; align-items:flex-start;}

.discount-coupon{
	background-color:#98928c;
	color:#fff;
	padding:10px;
	word-break:keep-all;
	}

.discount-txt{padding:10px; line-height:1.3em;}

.detail-options-list li{display:inline-block; vertical-align:top;}

.detail-options-list li input[type="radio"]{display:none;}

.detail-options-list li input[type="radio"] + label{
	cursor:pointer;
    font-size:18px;
    text-align:center;
    font-weight:400;
	background-color:#fff;
    color:#000;
    text-transform:uppercase;
    margin-right:10px;
    margin-bottom:10px;
    padding:10px;
    border:2px solid rgba(170,170,170,0.5);
    min-width:60px;
	}

.detail-options-list li.disabled input[type="radio"] + label{
	color:#dcdcdc;
	border:2px solid rgba(170,170,170,0.25);
    pointer-events:none;
    cursor:default;
	}

.recommend-options-list li input[type="radio"] + label{
	font-size:14px;
	padding:5px 10px;
	width:40px;
	}

.detail-options-list li input[type="radio"]:checked + label{
	background-color:#e3d0c4;
    color:#53514e;
	}

.detail-options-list.color-option li input[type="radio"] + label{
	width:40px;
	min-width:40px;
	height:40px;
	padding:5px;
	border:2px solid rgba(170,170,170,0.5);
	}
.detail-options-list.color-option li input[type="radio"]:checked + label{
	background-color:#fff;
    color:#fff;
	}
	
.detail-options-list li input[type="radio"]:checked + label{
	border:2px solid #ff6464!important;
	}

.qty-box{
	width:150px;
	display:flex;
	justify-content:space-between;
    align-items:center;
	}

.qtyminus, .qtyplus{
    width:40px;
    height:40px;
    border:1px solid #468cc8;
    border-radius:5px;
    background-color:#5a8dee2e;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
	}

.qtyminus i, .qtyplus i{font-size:14px; color:#5a8dee;}

.qty{
	width:60px;
    height:40px;
    font-size:18px;
    text-align:center;
    border:1px solid #dfe3e7;
	}

.qtyminus:hover, .qtyplus:hover{background-color:#5a8dee;}
.qtyminus:hover i, .qtyplus:hover i{color: #fff;}

.accordion{
    width:100%;
    font-size:18px;
    color:#27548a;
    text-align:left;
    padding:10px;
    border:none;
    outline:none;
    background-color:#5a8dee2e;
    cursor:pointer;
    transition:0.4s;
    position:relative;
	}

.accordion::before, .accordion::after{
	content:"";
	background-color:#27548a;
	transition:all 0.5s ease;
    position:absolute;
	}

.accordion::before{width:1px; height:15px; top:11px; right:18px;}

.accordion::after{width:15px; height:1px; top:18px; right:11px;}

.accordion:hover{color:#fff; background-color:#468cc8;}
.accordion:hover::before, .accordion:hover::after{background-color:#fff;}

.accordion.expand::before{transform:rotate(90deg);}

.pro-details-content .btn {
    display: flex;
}
.pro-details-content .btn a {
    font-size: 18px;
    text-align: center;
    background-color: #5a8dee;
    color: #fff;
    border-radius: 5px;
    padding: 12px;
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    width: 200px;
    transition: all 0.3s;
}
.pro-details-content .btn a:hover {
    background-color: #e3d0c4;
    /*border: 1px solid #aaa;*/
    color: #53514e;
}
.product-freight h4, .product-features h4 {
    padding: 10px;
}
.product-freight p, .product-features p {
    padding: 0 10px;
}

.panel{
	padding:0 18px;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.2s ease-out;
    }

.panel h5 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.panel ul.payment, .panel ul.transport {
    padding:5px 5px 5px 25px;
    background-color:#5a8dee2e;
    margin-bottom: 10px;
    list-style: disc;
}
.panel ul.payment li, .panel ul.transport li {
    padding: 3px 0;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5em;
    letter-spacing: 1.2px;
    color: #666;
}
.pro-add, .dis-list {
    width: 100%;
	border-top: 1px solid #ccc;
    padding: 30px 15px;
}
.add-row {
    display: flow-root;
}
.add-row .add-item {
    display: flow-root;
    padding: 15px;
    margin: 10px;
    border: 1px solid #ccc;
}
.add-item .img {
    width: 40%;
    float: left;
}
.add-item .text {
    width: 60%;
    float: left;
	padding-left: 20px;
}
.add-item .text .price {
    color: #ccc;
    text-decoration: line-through;
    font-size: 16px;
}
.add-item .text .discount {
    text-decoration: none;
    font-size: 20px;
}
.add-item .btn a {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    margin-top: 15px;
    width: 120px;
}
.add-item .btn a:hover {
    border: 1px solid #aaa;
}

@media only screen and (max-width: 1420px){
	.add-row .add-item {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

.pro-intro h3, .pro-add h3, .dis-list h3 {
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0;
}
.product-discount a {
    font-size: 16px;
    font-weight: 200;
	padding: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}
.details-rating a {
    font-size: 12px;
    color: #fcd700;
    margin-right: 2px;
}

span.details-pro-price {
    font-size: 14px;
    font-weight: 800;
    color: #9e4b47;
    display: inline-block;
}
.color-wrapper .colors {
    margin-left: 42px;
    margin-top: 4px;
}
.color-wrapper .colors a {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 20px;
}

/* 首頁輪播圖_start */
.indexBannerSection{
	width:100%;
	height:100vh;
	position:relative;
	}

.indexBannerWrapper{
	width:100%;
	height:100%;
	padding-top:90px;
	overflow:hidden;
	background-color:rgb(16,80,176);
	transition:background-color 0.1s ease;
	position:relative;
	}

.indexBannerBlock{
	width:100%;
	height:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
	}

.indexBannerSection video{
      width:100%;
      height:100%;
      object-fit:cover; /* 讓影片填滿容器且保持比例 */
      object-position:center center; /* 影片置中顯示 */
      position:absolute;
      top:0;
      left:0;
    }

.banner__scroll{
    position:absolute;
    bottom:20px;
    left:-65px;
    color:#fff;
    width:110px;
    border-top:1px dashed;
    letter-spacing:0.1em;
    font-size:18px;
    padding-top:5px;
    transform-origin:right bottom;
    transform:rotate(90deg) translateY(100%);
    z-index:2;
	}

.banner__scroll::after{
    position:absolute;
    bottom:100%;
    left:0;
    content:"";
    width:10px;
    height:1px;
    background-color:#fff;
    animation:scroll_bar 2s infinite alternate-reverse ease-in-out;
	}

@keyframes scroll_bar{to{width:100%}}

.swiper-slider_fullheight{
    min-height:calc(100vh - 56px);
    height:auto;
	}

.swiper-wrapper{
	width:100%;
	height:auto;
	min-height:inherit;
	transition-property:transform;
	box-sizing:content-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-align-self:stretch;
	-ms-flex-item-align:stretch;
	align-self:stretch;
	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	position:relative;
	z-index:1;
	}

.video {
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
	}

/* 首頁輪播圖_end */

/*首頁特色介紹區_start*/
.indexFeatureSection{padding:50px 0 0; position:relative;}

.indexFeatureBlock{width:95%; max-width:1280px; margin:0 auto;}

.indexFeatureBlock .row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    }

.featureCircleCoverBox{width:540px; margin-right:20px; position:relative;}
.indexSlideContentBlock{width:700px;}

.CircleCoverBox__inner{width:100%; height:540px; position:relative;}

.CircleCoverBox__inner::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-image:url(../images/circle.png);
    background-size:cover;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    -webkit-animation:circleAni 30s linear infinite;
    animation:circleAni 30s linear infinite;
	}

.CircleCoverBox__inner .circle{
    width:450px;
    height:450px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-directioncolumn;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack: center;
    -ms-flex-pack:center;
    justify-content:center;
	position:absolute;
    top:calc(50% - 225px);
    left:calc(50% - 225px);
    z-index:1;
	}

@-webkit-keyframes circleAni{
	0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
	}

@keyframes circleAni {
	0%{-webkit-transform:rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
	}

.indexSlideContentBlock>.box__inner{
	padding:30px;
	border:1px solid #ccc;
	border-radius:20px;
	-webkit-box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.29);
    box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.29);
	}

.indexFeatureContentBlock>.box__inner{
	background-image:url(../images/feature-block-bg.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	}

.blockTitleBox{
	padding-bottom:20px;
	margin-bottom:20px;
	position:relative;
	}

.blockTitleBox::after{
	content:"";
    width:50px;
    height:2px;
    background-color:#fff;
    position:absolute;
    left:0;
    bottom:-1px;
	}

.blockTtile-main{
	font-size:36px;
    font-weight:bold;
    color:#fff;
    letter-spacing:3px;
	}

.blockTtile-sub{
	font-size:30px;
    font-weight:bold;
    color:#fff;
    letter-spacing:2px;
	}

.indexFeature-container{
	width:100%;
	overflow:hidden;
	position:relative;
	}

.featureItemBox{padding:10px;}

.featureItemBox>.box__inner{
	padding:15px 20px;
	border:1px solid #fff;
	border-radius:15px;
	backdrop-filter: blur(5px);
	}

.featureTitle{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.5);
	display:flex;
	align-items:flex-end;
	}

.featureIcon{flex-basis:70px;}
.featureItemBox h4{flex:1;}

.featureItemBox h4{font-size:20px; font-weight:bold; color:#fff;}

.featureItemBox h4 span{font-size:14px; line-height:1.8em;}

.featureItemBox p{
    display:-webkit-box;
    width:100%;
    height:4.5em;
    line-height:1.5em;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px;
    color:#fff;
    margin:0;
	}

.moreBtnBlock{margin-top:20px; display:flex; justify-content:flex-end;}

.moreBtn{margin-right:20px; position:relative;}

.moreBtn__inner{
	padding:7px 12px;
	border:1px solid #fff;
	border-radius:999em;
	-webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    display:flex;
    align-items:center;
    position:relative;
	}

.moreIconBox{
	width:30px;
	height:30px;
	position:relative;
	}

.moreBtn__inner span{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin:0 5px 0 8px;
	white-space:nowrap;
	}

.moreBtn:hover .moreBtn__inner{border:1px solid #00ffff; backdrop-filter:blur(5px);}
.moreBtn:hover .moreBtn__inner span{color:#00ffff;}
.moreBtn:hover .moreBtn__inner .moreIconBox svg path{stroke:#00ffff!important;}

/*首頁特色介紹區_end*/

/* 首頁推薦商品區_start */
.indexRecomSection{
	padding:40px 0 100px;
	margin-bottom:-50px;
	background-image:url(../images/index-recom-block-bg.jpg);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
	}

.sectionTitle{
	width:95%;
	max-width:800px;
	padding-bottom:15px;
	margin:0 auto 25px;
	position:relative;
	}

.sectionTitle::after{
	content:"";
	width:50px;
	height:2px;
	margin-left:-25px;
	background-color:#18306a;
	position:absolute;
	left:50%;
	bottom:-1px;
	}

.sectionTitle h3{
	font-size:36px;
	font-weight:bold;
	color:#18306a;
	text-align:center;
	}

.indexRecomBlock{
	width:95%;
	max-width:1280px;
	padding-top:30px;
	margin:0 auto;
	position:relative;
	}

.productSlideContainer{overflow:hidden; position:relative;}

.recomItemBox{padding:10px;}

.recomItemBox .box__inner{
	padding:20px 30px;
	border:1px solid rgba(0,176,208,0.5);
	border-radius:10px;
	backdrop-filter:blur(5px);
	transition:all 0.5s ease;
	position:relative;
	}

.recomItem-cover .img-cover{
	padding-bottom:100%;
	background-color:#fff;
	border:1px solid rgba(204,204,204,0.5);
	border-radius:15px;
	}

.recomItem-cover .img-cover>img{
	object-fit:contain;
    -moz-object-fit:contain;
    -ms-object-fit:contain;
    -o-object-fit:contain;
    -webkit-object-fit:contain;
	}

.recomItem-txt{margin-top:10px;}

.recomItem-txt h4{
	min-height:45px;
	font-size:18px;
	text-align:center;
	}

.proInfo__icon{
	width:50px;
    height:50px;
    border-radius:999em;
    border:1px solid #18306a;
    display:block;
    position:absolute;
    right:15px;
    bottom:15px;
    opacity:0;
    transition:opacity 0.3s;
    will-change:opacity;
    pointer-events:none;
	}

.proInfo__icon::before,
.proInfo__icon::after{
	content:"";
    display:block;
    position:absolute;
    background-color:#18306a;
    transform:rotate(-180deg);
    transition:transform 0.3s;
    will-change:transform;
    top:50%;
    left:50%;
	}

.proInfo__icon::before{
	width:19px;
    height:1px;
    margin-left:-9px
	}

.proInfo__icon::after{
	height:19px;
    width:1px;
    margin-top:-9px
	}

.recomItemBox:hover .box__inner{border:1px solid #18306a; backdrop-filter:blur(10px);}
.recomItemBox:hover .recomItem-cover .img-cover>img{transform:translate(-50%, 0) scale(1.1);}
.recomItemBox:hover .recomItem-txt h4{color:#18306a;}
.recomItemBox:hover .proInfo__icon{opacity:1;}
.recomItemBox:hover .proInfo__icon::before{transform:rotate(0);}
.recomItemBox:hover .proInfo__icon::after{transform:rotate(0);}

/* 首頁推薦商品區_end */

/* 首頁技術介紹區_start */
.indexTechSection{padding:50px 0;}

.indexTechBlock-row{flex-direction:row-reverse;}

.techMovingCoverBox{width:540px;}

.moving-path{
    width:100%;
    max-width:540px;
    margin:0 auto;
    position:relative;
	}

.indexTechContentBlock>.box__inner{
	background-image:url(../images/tech-block-bg.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	}
/* 首頁技術介紹區_end */

/* 首頁活動介紹區_start */
.indexActivitySection{padding:50px 0;}

.activityList{display:flex; flex-wrap:wrap;}

.activityList li{width:25%; padding:10px; position:relative;}

.activityItemCover .img-cover{padding-bottom:100%;}

/* 首頁活動介紹區_end */

/* 分頁欄位設定_start */
.pageBannerSection{
    width:100%;
    height:300px;
    margin-top:85px;
    background-size:cover;
    background-repeat:no-repeat;
	background-position:center left;
	}

.pageBannerBlock{
	padding-top:110px;
	padding-left:150px;
	position:relative;
	}

.pageBannerBlock::before{
	content:"";
	width:140px;
	height:1px;
	background-color:#fff;
	position:absolute;
	top:150px;
	left:0;
	}

.pageBannerTitle-main{
	font-size:42px;
	color:#fff;
	letter-spacing:3px;
	}

.pageBannerTitle-sub{
	font-size:30px;
	font-family:"Outfit", sans-serif;
	color:#fff;
	padding-left:5px;
	letter-spacing:2px;
	}

.pageContentSection{position:relative;}

.breadBlock{padding:15px 0;}

.breadList{display:flex; justify-content:center; flex-wrap:wrap;}

.breadList li a{
	font-size:16px;
	line-height:1em;
	color:#a9a9a9;
	padding:5px 5px 5px 15px;
	display:block;
	position:relative;
	}

.breadList li a::before{
	content:"";
    width:7px;
    height:7px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    position:absolute;
    top:50%;
    left:0;
    z-index:1;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg);
	}

.breadList li:nth-child(1) a{padding:5px;}

.breadList li:nth-child(1) a::before{
	content:"";
    width:0;
    height:0;
    border-right:none;
    border-bottom:none;
    position:relative;
    top:unset;
    left:unset;
	}

.breadList li:hover a span{color:#00b0d0;}

.pageContentArea{
	width:90%;
	max-width:1080px;
	padding-bottom:60px;
	margin:0 auto;
	border-top:1px solid #ccc;
	position:relative;
	}

.pageContentArea .blockTitleBox{text-align:center;}
.pageContentArea .blockTtile-sub{color:#468cc8;}
.pageContentArea .blockTtile-main{color:#18306a;}
.pageContentArea .blockTitleBox::after{
	margin-left:-25px;
	background-color:#468cc8;
	left:50%;
	}

.pageContentTitle{
	padding-bottom:30px;
	margin:20px auto;
	position:relative;
	}

.pageContentTitle::after{
	content:"";
	width:130px;
	height:30px;
	margin-left:-65px;
	background-image:url(../images/title-pic.png);
	background-size:cover;
	position:absolute;
	left:50%;
	bottom:0;
	}

.pageContentTitle h3{
	font-size:40px;
	font-weight:bold;
	color:#18306a;
	letter-spacing:3px;
	text-align:center;
	}

.pageContentBlock{
	min-height:300px;
	padding:20px 0;
	position:relative;
	}

.pageContentBlock p,
.pageContentBlock ul li{
	font-size:18px;
	font-weight:500;
	line-height:1.8em;
	}

/* 分頁欄位設定_end */

/* 分頁關於我們_start */
.pageAboutBlock-row{
	margin:20px auto 30px;
	display:flex;
	align-items:center;
	}

.aboutCoverBox{flex-basis:540px;}
.pageAboutBlock-row .pageContentBlock{flex:1;}

.history-container{
	width:100%;
	padding:30px 0;
	overflow:hidden;
	position:relative;
	}

.history-container::after{
	content:"";
	width:100%;
	height:5px;
	background:linear-gradient(to right,#468cc8, #7ecef4,#468cc8);
    background:-moz-linear-gradient(to right,#468cc8,#7ecef4,#468cc8);
    background:-o-linear-gradient(to right,#468cc8,#7ecef4,#468cc8);
    background:-webkit-linear-gradient(to right,#468cc8,#7ecef4,#468cc8);
	position:absolute;
	top:98px;
	left:0;
	}

.historyItemBox::before{
	content:"";
	width:14px;
	height:14px;
	border-radius:999em;
	background-color:#333;
	position:absolute;
	top:63px;
	left:6px;
	z-index:5;
	}

.historyItemBox::after{
	content:"";
	width:22px;
	height:22px;
	border-radius:999em;
	background-color:#fff;
	box-shadow:0 0 0 2px #ccc;
	position:absolute;
	top:59px;
	left:2px;
	z-index:3;
	}

.historyTitle{margin-bottom:36px;}

.historyTitle h4{
	font-size:30px;
	font-family:"Outfit", sans-serif;
	font-weight:bold;
	color:#18306a;
	}

.historySubTitle{
	font-size:18px;
	color:#868686;
	letter-spacing:2px;
	}

.historyItemBox.swiper-slide-active::before{
	background-color:#00b0d0;
	}

.historyItemBox.swiper-slide-active .historyTitle h4{
	color:#00b0d0;
	}

.privacy-block h5{
    font-size:22px;
    font-weight:bold;
    color:#18306a;
    line-height:1.5em;
    padding-bottom:10px;
	}
/* 分頁關於我們_end */

/* 分頁產品介紹_start */
.productContentArea{max-width:1280px;}

.product .pageContentBlock>.row{align-items:flex-start;}

.proCateMenuBlock{flex-basis:200px; margin-right:20px;}
.proCateContentBlock{flex:1; min-height:600px;}

.proCateMenu__inner{
	border:1px solid rgba(204,204,204,0.5);
	background-color:#fff;
	box-shadow:1px 1px 10px rgb(0 0 0 / 10%);
	transition:all 0.5s ease;
	}

.proCateTitle{
	padding:10px 15px;
	border-bottom:1px solid rgba(204,204,204,0.5);
	}

.proCateTitle h3{
	font-size:24px;
	font-weight:bold;
	color:#18306a;
	}

.proCateMenuList li a{
	padding:15px;
	line-height:1em;
    border-bottom:1px solid rgba(204, 204, 204, 0.35);
	display:block;
	}

.proCateMenu__inner:hover{box-shadow:1px 3px 15px rgb(0 0 0 / 20%);}
.proCateMenuList li:hover a{color:#18306a; background-color:rgba(126,206,244,0.5);}

.proCateList{display:flex; flex-wrap:wrap;}

.proCateList li{width:25%; padding:10px;}

.proCateList li .box__inner{
	padding:15px;
	border:1px solid rgba(204,204,204,0.5);
	box-shadow:1px 1px 10px rgb(0 0 0 / 10%);
	transition:all 0.5s ease;
	position:relative;
	}

.bestseller{
	position:absolute;
	top:0;
	right:10px;
	z-index:5;
	}

.best-svg{width:26px; height:32px;}

.best-num{
    font-size:16px;
    font-weight:900;
    color:#000;
    transform:translateX(-50%);
    position:absolute;
    top:0;
    left:50%;
	}

.proItem-cover{position:relative;}

.proItem-cover .img-cover{
	padding-bottom:100%;
	border:1px solid #ddd;
	border-radius:10px;
	background-color:#fff;
	}

.proItem-cover .img-cover>img{
	object-fit:contain;
    -moz-object-fit:contain;
    -ms-object-fit:contain;
    -o-object-fit:contain;
    -webkit-object-fit:contain;
    }

.proItem-txt{margin-top:15px;}

.proItem-txt h4{
	font-size:16px;
	line-height:1.5em;
	min-height:48px;
	}

.order{position:absolute; right:20px; bottom:20px;}

.order a{
	color:#ccc;
	display:flex;
	justify-content:center;
	align-items:center;
	}

.collectBtn i{font-size:16px; color: #ccc;}

.proCateList li:hover .box__inner{
	background:linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    background:-moz-linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    background:-o-linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    background:-webkit-linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    box-shadow:1px 3px 15px rgb(0 0 0 / 20%);
	}

.gallery-top .img-cover{padding-bottom:100%;}

.gallery-top .img-cover>img{
	object-fit:contain;
    -moz-object-fit:contain;
    -ms-object-fit:contain;
    -o-object-fit:contain;
    -webkit-object-fit:contain;
    }

.product-desc{margin-top:15px;}
.product-desc p{font-size:16px; color:#686868; line-height:1.5em;}

.product-details{padding:20px 0;}

.product-details .proCateTitle{padding:10px 0;}

.recomContentBlock{padding:20px 0; border-top:2px dashed rgba(126,206,244,0.35);}

.recomSlideBlock{margin-top:25px; position:relative;}

.recomSlideContainer{
	width:90%;
	min-height:350px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}

.recomSlideBox{
	padding:15px;
    border:1px solid rgba(204, 204, 204, 0.5);
    box-shadow:1px 1px 10px rgb(0 0 0 / 10%);
    transition:all 0.5s ease;
    position:relative;
	}

.recomSlideBox:hover{
    background:linear-gradient(to bottom, #fff, #fff, #c4d9ff);
    background:-moz-linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    background:-o-linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    background:-webkit-linear-gradient(to bottom,#fff,#fff,#c4d9ff);
    box-shadow:1px 3px 15px rgb(0 0 0 / 20%);
	}

/* 分頁產品介紹_end */

/* 分頁專業代工_start */
.oemContentArea{max-width:900px;}

.oemContentArea .pageContentBlock{min-height:unset;}

.oemProcessBlock{flex:1;}
.oemCertifiedBlock{flex-basis:450px;}

.oemProcessBlock, .oemCertifiedBlock{padding:15px;}

.oemProcessBlock>.box__inner,
.oemCertifiedBlock>.box__inner{
	padding:30px;
	border-radius:10px;
	box-shadow:1px 5px 20px rgb(0 0 0 / 40%);
	}

.oemTitleBox{padding-left:70px; position:relative;}

.oemTitleBox::before{
	content:"";
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
	}

.oemTitleBox_process::before{
	background-image:url(../images/oem-title-icon-1.png);
	background-size:cover;
	}

.oemTitleBox_certified::before{
	background-image:url(../images/oem-title-icon-2.png);
	background-size:cover;
	}

.blockTitle-main_oem{
	font-size:30px;
    font-weight:500;
    color:#468cc8;
    letter-spacing:2px;
    margin-bottom:5px;
    transition:all 0.8s;
    }

.blockTitle-sub_oem{
	font-size:22px;
	font-weight:600;
    color:#868686;
    letter-spacing:1px;
    padding-left:5px;
	}

.oemContentList{
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid rgba(204,204,204,0.75);
	display:flex;
	}

.oemContentList li{margin-right:20px; position:relative;}
.oemContentList li:last-child{margin-right:0;}

.oemContentList li>.box__inner{
	padding:8px 25px;
	border-radius:999em;
	background-color:#468cc8;
	}

.oemContentList li:nth-child(even)>.box__inner{background-color:#13a4c1;}

.oemContentList li a{cursor:pointer;}

.oemContentList li span{color:#fff; font-size:20px;}

.pageOemContentArea{max-width:1280px;}

.oemTechArea{padding:60px 0 80px; background-color:#468cc8;}

.oemTechArea__inner{width:90%; max-width:1280px; margin:0 auto;}

.oemTechArea .row{flex-direction:row-reverse;}

.techShowBlock{flex-basis:500px; margin-right:20px;}
.techBtnListBlock{flex:1;}

.techShowList{
    width:100%;
    height:100%;
    display:block;
    position:relative;
	}

.techShowList li{
    width:100%;
    height:100%;
    padding:15px;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.75s ease, visibility 0.75s ease;
    position:absolute;
	}

.techShowList li .box__inner{
    width:100%;
    height:100%;
    padding:30px;
	border-radius:10px;
	background-color:#fff;
	box-shadow:1px 5px 20px rgb(0 0 0 / 40%);
	}

.techShowTitle h4{
	font-size:36px;
	font-family:"Outfit", sans-serif;
	color:#468cc8;
	margin-bottom:20px;
	}

.techShowContent p{font-size:16px; line-height:1.6em;}
.techShowContent p span{font-size:22px; font-weight:bold; line-height:1.6em;}

.techShowList li.active{opacity:1; visibility:visible;}

.techBtnList{display:flex; flex-wrap:wrap;}

.techBtnList li{width:33.333%; padding:10px; position:relative;}

.techBtnList li .box__inner{
	padding:15px;
	border-radius:10px;
	background-color:#fff;
	box-shadow:1px 3px 15px rgb(0 0 0 / 10%);
	overflow:hidden;
	transition:all 0.5s ease;
	cursor:pointer;
    position:relative;
	}

.overload-bg{
	width:100%;
    height:100%;
    transition:all .5s;
    transition-delay:0s;
    transition-timing-function:ease-in-out;
    position:absolute;
    top:0;
    left:0;
    right:unset;
    bottom:unset;
    z-index:1;
    opacity:0;
    }

.overload-bg::before{
	content:"";
    width:100%;
    height:100%;
    background:#02488e;
    box-shadow:0 -60px 100px #000 inset;
    position:absolute;
    top:0;
    left:0;
    opacity:0.6;
    }

.overload-bg img{
	width:100%;
	height:100%;
    -o-object-fit:cover;
    object-fit:cover;
	}

.techItemContent{
	display:flex;
    flex-direction:column;
    align-items:center;
	position:relative;
	z-index:2;
	}

.techItemIcon{
	width:65px;
	height:65px;
	display:flex;
    flex-direction:column;
    align-items:center;
	}

.techBtnList li svg{width:100%; max-width:60px;}

.techBtnList li svg path{fill:#18306a;}

.techItem-txt{
	font-size:20px;
	font-weight:bold;
	color:#468cc8;
	margin-top:10px;
	}

.techBtnList li:hover .overload-bg{opacity:1;}
.techBtnList li:hover .box__inner{box-shadow:1px 5px 20px rgb(0 0 0 / 40%);}
.techBtnList li:hover svg path{fill:#fff;}
.techBtnList li:hover .techItem-txt{color:#fff;}

.popUpModal .modal-dialog{width:80%; max-width:800px; margin:0 auto;}

.popUpModal .modal-content{border-radius:10px;}

.popUpModal .modal-title{font-size:24px; font-weight:bold; color:#468cc8;}

.popUpModal .modal-body p{font-size:18px; line-height:1.5em;}

.helpModal .modal-body a{color:#468cc8; margin:0 6px;}
.helpModal .modal-body i{margin-right:5px;}

.oemModalList{margin-top:15px; display:flex; flex-wrap:wrap;}

.oemModalList li{
	width:25%;
	padding:0 5px;
	margin-bottom:15px;
	}

.oemModalList li .box__inner{
	font-size:16px;
	font-weight:bold;
	color:#13a4c1;
	text-align:center;
	padding:16px 0 15px;
	border:2px solid #13a4c1;
	border-radius:999em;
	}

#oemModal-1 .oemModalList li .box__inner{color:#468cc8; border:2px solid #468cc8;}
#oemModal-1 .oemModalList li.bgColored .box__inner{color:#fff; background-color:#468cc8;}
#oemModal-2 .oemModalList li .box__inner{color:#13a4c1; border:2px solid #13a4c1;}
#oemModal-2 .oemModalList li.bgColored .box__inner{color:#fff; background-color:#13a4c1;}

/* 分頁專業代工_end */

/* 分頁常見問題_start */
.faqBox-title{
	padding:10px 0 10px 70px;
	margin-bottom:10px;
	position:relative;
	}

.faqBox-title::before{
	content:"Q";
	font-family:"Outfit", sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#18306a;
	position:absolute;
	top:10px;
	left:19px;
	z-index:3;
	}

.faqBox-title::after{
	content:"";
	width:60px;
	height:48px;
	background-image:url(../images/faq-title-cover.png);
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}

.faqBox-title h4{
	font-size:22px;
	font-weight:bold;
	color:#468cc8;
	}

.faqBox-content{padding-left:70px; margin-bottom:50px; position:relative;}

.faqBox-content::before{
	content:"ANS.";
	font-family:"Outfit", sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:3px 10px;
	border-radius:999em;
	background-color:#7ecef4;
	position:absolute;
	top:4px;
	left:2px;
	}

.faqBox-content ul{padding-left:25px; list-style:inherit;}

/* 分頁常見問題_end */

.coupon{
    width:80%;
    max-width:400px;
    margin:10px;
    padding: 15px;
    background-color: #f5ece6;
    border-left: 6px solid #e3d0c4;
    cursor: pointer;
    max-height:220px;
}

/* 分頁折價券專區_start */
.couponList{display:flex; flex-wrap:wrap;}

.couponList li{
	width:50%;
	padding:10px;
	margin-bottom:30px;
	position:relative;
	}

.memberCouponList li{width:100%;}

.memberCouponList li>.box__inner{width:50%;}

.couponList li>.box__inner{
	padding:15px;
	background-color:rgba(126,206,244,0.25);
    border-left:6px solid #7ecef4;
	}

.coupon-header{margin-bottom:10px; display:flex; align-items:flex-start;}

.couponTitle{flex:1;}

.couponTitle span{font-size:18px; font-weight:200; color:#333;}

.couponTag{
    font-size:14px;
    font-weight:200;
    color:#fff;
    background-color:#468cc8;
    text-align:center;
    padding:0 5px;
    margin-left:5px;
    flex-basis:80px;
	}

.couponPrice{font-size:36px; padding:10px 0;}

.couponCate{font-size:18px;}

.coupon-content p{
    font-size:14px;
    font-weight:200;
    line-height:1.2em;
    color:#666;
    padding-top:5px;
	}

.couponDetailBlock{padding:10px;}

.couponDetailBlock>.box__inner{
	padding:20px;
	border:1px solid rgba(204,204,204,0.75);
	border-radius:10px;
	}

.couponDetailBlock h4{
	font-size:24px;
    font-weight:400;
    padding-bottom:10px;
    }

.couponDetailBlock p{
    font-size:16px;
    font-weight:200;
    line-height:1.2em;
    color:#666;
    padding-bottom:10px;
	}

.couponDetailBtn{
	color:#fff;
	background-color:#468cc8;
    border-color:#468cc8;
	}

.couponDetailBtn:hover{color:#fff;}

.couponDetailContent{padding:15px 0;}

/* 分頁折價券專區_end */

/* 分頁聯絡我們_start */
.contact-row{flex-direction:row-reverse;}

.contact-info-box{margin-bottom:30px;}

.contact-map-box{border:1px solid rgba(204,204,204,0.5);}

.contact-map-box iframe{width:100%; height:350px;}

.remark{
    width:100%;
    padding:10px 20px;
    margin-bottom:10px;
    border:2px dashed rgba(68, 138, 202, 0.5);
	}

.remark p{
	font-size:16px!important;
	color:#686868;
	}

.remark span{color:#ea0000; margin-right:5px;}

.contactFormBox{flex-wrap:wrap;}

.contactFormBox .formBoxContent{flex:100%;}

.contactFormBox .formBoxContent textarea{min-height:180px;}

.contactFormBox>label{font-weight:bold;}

.formBox .verifyBoxContent{border:0; display:flex;}

.verifyBoxContent input{
    width:150px;
    height:40px;
    margin-left:10px;
    border:1px solid #d7d7d7;
	}

/* 分頁聯絡我們_end */

/* 登入頁面_start */
.loginBlock{
    width:95%;
    max-width:600px;
    padding-bottom:30px;
    margin:50px auto;
	}

.login-tab .tab{display:flex;}

.login-tab .tablinks{
    width:50%;
    font-size:18px;
    font-weight:bold;
    color:#89a8b2;
    text-align:center;
    letter-spacing:2px;
    padding:15px 0 10px;
    border:none;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
    background-color:#b3c8cf;
    cursor:pointer;
	}

.login-tab .active{color:#468cc8; background-color:#d9eafd;}

.login-tab .tabcontent{
	padding:10px 0 50px;
	background:linear-gradient(to bottom,#d9eafd,#d9eafd,#fff);
    background:-moz-linear-gradient(to bottom,#d9eafd,#d9eafd,#fff);
    background:-o-linear-gradient(to bottom,#d9eafd,#d9eafd,#fff);
    background:-webkit-linear-gradient(to bottom,#d9eafd,#d9eafd,#fff);
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    -webkit-box-shadow:3px 3px 10px 0 #00000045;
    box-shadow:3px 3px 10px #00000045;
	}

.login-tab .tabcontent .box__inner{
	width:90%;
	max-width:450px;
	margin:0 auto;
	}

.loginTitle{
	padding-top:70px;
	margin-bottom:20px;
	position:relative;
	}

.loginBackTitle::after{
	content:"LOGIN";
	font-size:72px;
	font-family:"Anton", sans-serif;
	color: transparent; /* 文字顏色設定透明 */
	background-image:linear-gradient(0deg, #d9eafd, #7ecef4 80%); /* 設定漸層角度及顏色 */
	-webkit-background-clip:text; /* 背景裁剪成文字的前景色 */
	background-clip:text;
    letter-spacing:2px;
    margin-left:-80px;
    position:absolute;
    top:30px;
    left:50%;
    z-index:1;
	}

.registerBackTitle::after{
	content:"REGISTER";
	font-size:72px;
	font-family:"Anton", sans-serif;
	color: transparent; /* 文字顏色設定透明 */
	background-image:linear-gradient(0deg, #d9eafd, #7ecef4 80%); /* 設定漸層角度及顏色 */
	-webkit-background-clip:text; /* 背景裁剪成文字的前景色 */
	background-clip:text;
    letter-spacing:2px;
    margin-left:-128px;
    position:absolute;
    top:30px;
    left:50%;
    z-index:1;
	}

.loginTitle h3{
	color:#53514e;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	position:relative;
	z-index:5;
	}

.formBoxContent input.password-input{padding:10px 40px 10px 15px;}

.password-group{position:relative;}

.password-group i{
	color:#868686;
	cursor:pointer;
	position:absolute;
	top:15px;
	right:10px;
	}

.ruleCheckblock{padding:10px 10px 0; display:flex; flex-wrap:wrap;}

.ruleCheckbox{margin-right:15px; margin-bottom:10px; display:flex; align-items:center;}

.ruleCheckbox input[type=checkbox]{
    width:30px;
    height:30px;
    border:0;
    float:none;
    padding:0;
    margin:0;
    border-radius:0;
    background-color:#ddd;
    background-repeat:no-repeat;
    background-position:center;
    background-size:17px 13px;
    margin-right:10px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0;
    cursor:pointer;
    -webkit-transition:0.2s ease all;
    transition:0.2s ease all;
    position:relative;
	}

.ruleCheckbox input[type="checkbox"]:checked{
	background-color:#27445d;
    background-image:url(../images/icon_check.svg);
	}

.ruleCheckbox label{font-size:18px; font-weight:bold;}

.ruleCheckbox label a{color:#468cc8;}
/* 登入頁面_end */

/* 會員中心_start */
.memberContentBlock .row{align-items:flex-start;}

.memberDropBtn{
	display:none;
	width:100%;
    padding:15px;
    font-size:15px;
    color:#fff;
    border-bottom:1px solid rgba(255, 255, 255, 0.35);
    background-color:#18306a;
    cursor:pointer;
	}

.memberDropBtn .bars{
    display:inline-block;
    margin-right:7px;
    position:relative;
    top:3px;
	}

.memberDropBtn .bars span{
    display:block;
    width:15px;
    height:2px;
    border-radius:6px;
    background:#fff;
    margin:0 0 3px;
	}

.memberMenuListBlock{flex-basis:250px; margin-right:20px;}
.memberMenuContentBlock{flex:1;}

.memberMenuListBlock{
	padding:15px 15px 20px;
	border:1px solid rgba(204,204,204,0.5);
	border-radius:10px;
	}

.memberMenuListBlock.is-open .member-list{display:block;}

.member-list li{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(204,204,204,0.5);
	}

.member-list li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
	}

.member-list li a{
	padding:5px;
	display:block;
	position:relative;
	}

.member-list li a::before{
	content:"";
	width:25px;
	height:25px;
	background-image:url(../images/icon_water_drop.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:all 0.5s ease;
	opacity:0;
	position:absolute;
	top:5px;
	left:-30px;
	}

.member-list li:hover a{padding:5px 5px 5px 30px;}
.member-list li:hover a::before{opacity:1; left:3px;}

.header-title{
	margin-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid rgba(204,204,204,0.5);
	position:relative;
	}

.header-title::before{
	content:"";
	width:25px;
	height:25px;
	background-image:url(../images/icon_water_drop.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:all 0.5s ease;
	position:absolute;
	top:5px;
	left:3px;
	}

.header-title h3{font-size:32px;}

.welcomBox{
	padding-top:10px;
	margin-left:20px;
	background-image:linear-gradient(to right, rgba(126,206,244,0.85), transparent 85%);
	}

.welcomBox svg{
	width:100%;
	max-width:500px;
	font-family:"Cabin", sans-serif;
	font-weight:600;
	font-style:italic;
	}

.member-txt{padding:10px 20px 20px;}

.instructionList{display:flex; flex-wrap:wrap;}

.instructionList li{
	width:25%;
	padding:10px;
	position:relative;
	}

.instructionList li .box__inner{
	padding:20px 10px;
	border:1px solid rgba(204,204,204,0.5);
	border-radius:10px;
	box-shadow:0px 0px 10px rgb(0 0 0 / 20%);
	transition:all 0.5s ease;
	display:flex;
	align-items:center;
	}

.instructionIcon{
	width:40px;
	height:40px;
	margin-right:10px;
	background-color:#7ecef4;
	border-radius:999em;
	transition:all 0.5s ease;
	display:flex;
	justify-content:center;
    align-items:center;
	}

.instructionIcon i{color:#fff;}

.instructionList li span{font-size:16px;}

.instructionList li:hover .box__inner{
	box-shadow:0px 3px 13px rgb(0 0 0 / 30%);
	}

.instructionList li:hover .instructionIcon{background-color:#468cc8;}
.instructionList li:hover span{color:#00b7ee;}

.memberBtnBlock{display:flex; justify-content:space-between; flex-wrap:wrap;}

.memberBtnBlock .checkBtn{width:49.5%;}

.collectList li{width:33.333%;}

/* 會員中心_end */

/* 購物車_start */
.shoppingcartArea{max-width:900px;}

.shoppingcart-wrapper, .checkout-wrapper{padding:20px;}

.shoppingcart-item{
    width:95%;
    margin:20px auto;
    padding:20px;
    background-color:#fff;
    border:1px solid #ccc;
    position:relative;
	}

.order-tab .shoppingcart-item.completed{display:flex;}
.order-tab .shoppingcart-item.cancel{display:flex;}

.order-tab .shoppingcart-item>.item-pic{flex:0 0; flex-basis:100px;}
.order-tab .shoppingcart-item>.item-detail{flex:1;}

.comb-main{width:100%; margin:20px auto 0;}
.comb-sub{width:100%; margin:0 auto; padding:20px 20px 20px 95px; border-top:none;}

.item-name-box, .item-specs{width:100%; display:flex;}

.item-name-box .item-detail{width:80%;}

.item-specs{justify-content:space-between;}

.shoppingcart-item .cart-price{width:120px; text-align:right;}

.shoppingcart-item .item-quantity{
	width:130px;
	margin-top:10px;
	display:flex;
	justify-content:space-between;
    align-items:center;
    }

.shoppingcart-item .item-quantity .qty{width:45px;}

.add_on-cart-wrapper{max-width:1200px;}

.add_on-cart-wrapper .comb-main{width:95%; padding:10px 20px;}

.add_on-cart-wrapper .shoppingcart-item{margin:0 auto 20px;}

.add_on-cart-wrapper input[type="checkbox"]{
	opacity:0;
    top:0;
    left:0;
    position:absolute;
    }

.add_on-cart-checkbox{
	position:relative;
	display:flex;
    align-items:center;
	}

.add_on-cart-checkbox__box{
	position:relative;
    width:16px;
    height:16px;
    border-radius:2px;
    border:1px solid rgba(0,0,0,.14);
    text-align:center;
    box-shadow:inset 0 2px 0 0 rgb(0 0 0 / 2%);
    margin-right:8px;
	}

.add_on-cart-checkbox__box::before{
	position:absolute;
    content:"";
    height:5px;
    width:9px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:3px;
    top:3px;
	}

.checkbox--checked .add_on-cart-checkbox__box{background-color:#ff6464;}
.checkbox--checked .add_on-cart-checkbox__box::before{border-color:#fff;}

.add_on_main_header{
	width:95%;
	margin:0 auto;
	padding:20px;
	background-color:rgba(255,100,100,0.1);
	border:1px solid rgba(255,100,100,0.1);
	}

.add_on-cart-wrapper .item-name-box>.item-pic{flex-basis:100px;}
.add_on-cart-wrapper .item-pic img{padding:10px;}

.add_on-cart-wrapper .add_on-detail{
	display:flex;
	flex-grow:1;
	width:auto;
	justify-content:space-between;
	align-items:center;
	}

.add_on-cart-wrapper .add_on-detail .item-spec-inner{
	display:flex;
    flex-direction:column;
    justify-content:center;
	cursor:pointer;
	}

.item-spec-inner p{
	font-size:14px;
	font-weight:400;
	line-height:1.5em;
	position:relative;
	letter-spacing:unset;
	}

.item-spec-inner i{margin-left:5px; position:absolute; top:2px;}

.item-spec-inner p.light-color{color:#ccc;}

.add_on-cart-wrapper .add_on-detail .tit{
	font-size:14px;
    display:-webkit-box;
    width:100%;
    max-width:250px;
    height:3.2em;
    line-height:1.6em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.add_on_main li{border-bottom:1px solid rgba(204,204,204,0.5);}

.add_on_main li:last-child{border-bottom:none;}

.add_on-detail .pop-qty-block{display:none;}

.ecoupon-header{font-size:20px; font-weight:400;}

.ecoupon-content{
    margin:10px 0;
    border-bottom:1px solid #ddd;
    }

.ecoupon-content a{
    padding:10px 0 10px 5px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	}

.ecoupon-content span{
	font-size:16px;
    font-weight:200;
    color:#aaa;
    }

.ecoupon-content i{font-size:16px; color:#aaa;}

.ecoupon-selector-block{
	margin-top:15px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.ecoupon-selector{
    width:70%;
    box-sizing:border-box;
    height:40px;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:5px;
    background-color:#fff;
	}

.ecoupon-selector>input{width:100%; height:100%; border:0;}

.ecoupon-selector-block button{
	font-size:15px;
    color:#fff;
    background-color:#ff6464;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #ff6464;
    border-radius:5px;
    width:76px;
    height:40px;
    cursor:pointer;
	}

.ecoupon-box{
	width:100%;
	min-height:160px;
	margin:20px auto;
	padding:10px;
	border:1px solid #dcdcdc;
	background-color:rgb(255, 255, 255);
    border-radius:4px;
    box-shadow:rgb(0 0 0 / 20%) 0px 1px 3px 0px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 2px 1px -1px;
    position:relative;
	}

.coupon-icon{
	width:30px;
	display:inline-block;
	vertical-align:bottom;
	}

.ecoupon-box h4{
	font-size:30px;
	margin-top:10px;
	margin-bottom:5px;
	}

.ecoupon-box .remark-text{font-size:12px; color:#999999; line-height: 1.5em;}
.ecoupon-box .remark-date{font-size:12px; color:#666666; line-height: 1.5em;}

.use-btn-box{
	position:absolute;
	right:10px;
	bottom:10px;
	}

.use-btn-box a{
	padding:10px 12px;
	border:1px solid #ccc;
	border-radius:5px;
	}

.use-btn-box.selected a{
	color:#fff;
	border:1px solid #ff6464;
	background-color:#ff6464;
	}

.ecoupon-action-btn{
	width:100%;
	margin-top:20px;
	display:flex;
	justify-content:flex-end;
	}

.ecoupon-action-btn a{
	padding:10px 12px;
	margin-left:15px;
	color:#fff;
	border:1px solid #686868;
	border-radius:5px;
	background-color:#686868;
	}

.ecoupon-action-btn a:hover{border:1px solid #000; background-color:#000;}

.remit-block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.remit-search{
    width:70%;
    box-sizing:border-box;
    height:40px;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:5px;
    background-color:#fff;
	}

.remit-search>input{width:100%; height:100%; border:0;}

.remit-block button{
	font-size:15px;
    color:#fff;
    background-color:#ff6464;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #ff6464;
    border-radius:5px;
    width:76px;
    height:40px;
    cursor:pointer;
	}

.delete-btn{
	position:absolute;
	top:15px;
	right:15px;
	}

.delete-btn a{
	color:#888;
	width:30px;
	height:30px;
	text-align:center;
	line-height:32px;
	display:block;
	}

.delete-btn:hover a{color:#ff6464;}

.order-btn{position:absolute; top:20px; right:20px;}
.remit-btn{position:absolute; top:110px; right:20px;}
.order-cancel-btn{position:absolute; top:65px; right:20px;}

.order-btn a{padding:10px; background-color:#53514e; color:#fff; display:block;}

.remit-btn a,
.order-cancel-btn a{
	padding:10px;
	background-color: #9b5a5a;
    color: #fff;
	letter-spacing:4px;
    transition: all 0.3s;
    display:block;
	}

.remit-btn a:hover, .order-cancel-btn a:hover{background-color:#824242;}

.shrink-btn a{
	font-size:16px;
	color:#fff;
	text-align:center;
	letter-spacing:2px;
	margin-top:15px;
	padding:10px;
	border:1px solid #18306a;
	background-color:#18306a;
	display:block;
	}

.order-btn a i, .shrink-btn a i{margin-left:5px;}

.order-detail-open .order-btn a i{transform:rotate(180deg);}
.order-detail-open .shrink-btn a i{transform:rotate(180deg);}

.order-detail-box{
	display:none;
	width:100%;
	border-top:1px solid #dcdcdc;
	}

.order-detail-open .order-detail-box{display:block;}

.order-detail-box>.box-inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background-color: #fff;
	margin-top:15px;
	padding:10px 0;
	}

.order-detail-box>.box-inner.has-promotion{margin-top:0; border-top:none;}

.order-detail-box .box-inner>.item-pic{flex:0 0; flex-basis:130px;}
.order-detail-box .box-inner>.item-detail{flex-grow:1; width:auto;}

.item-name-box>.item-pic{
	margin-right:15px;
	background-color:#fff;
	border:1px solid rgba(204,204,204,0.5);
	flex:0 0;
	flex-basis:100px;
	}

.item-name-box>.item-detail{flex-grow:1; width:auto;}

.order-detail-info{line-height:25px; flex:1;}

.order-detail-info .tit{font-size:16px;}

.order-detail-info .options{
    font-size:14px;
    font-weight:200;
    padding-top:0px;
	}

.order-detail-info .options.check-price{font-weight:bold;}

.promotion-tag{
	width:100%;
	padding:10px 30px;
	background-color:#f8e8e3;
	margin-top:-10px;
	}

.promotion-tag.color-blue{background-color:#00b0d0;}

.promotion-tag.color-blue h3{color:#fff;}

.form-detail{width:100%; border:1px solid #e1e1e1; margin:10px;}

.form-detail li{display:flex; border-bottom:1px solid #e1e1e1;}

.form-detail li:last-child{border-bottom:none;}

.form-detail .form-title{width:30%; padding:10px;}
.form-detail .form-desc{width:70%; padding:10px; border-left:1px solid #e1e1e1;}

.progress-bar{
	width:100%;
	margin-top:30px;
	padding-bottom:20px;
	background-color:unset;
	display:flex;
	-ms-flex-direction:row;
    flex-direction:row;
	}

.progress-box{
	width:25%;
	position:relative;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    flex-direction:column;
    -webkit-box-pack:start;
    justify-content:start;
    flex:1 1 0%;
    font-size:15px;
	}

.bjQtgs{
    background-color:rgb(204, 204, 204);
    position:absolute;
    height:6px;
    width:100%;
    top:47px;
    left:-50%;
	}

.progress-box:first-child .bjQtgs{display:none;}

.progress-date{
	color:rgb(153, 153, 153);
    font-weight:500;
    line-height:1.2em;
    width:100px;
    height:35px;
    margin-bottom:5px;
    text-align:center;
    }

.progress-circle{
	background-color:rgb(255, 255, 255);
    border:4px solid rgb(204, 204, 204);
    border-radius:10px;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0px 10px;
    position:relative;
    z-index:10;
    }

.progress-state{
	color:rgb(153, 153, 153);
    line-height:16px;
    margin-top:5px;
    font-weight:400;
    text-align:center;
    }

.progress-box.checked .progress-date,
.progress-box.checked .progress-state{
	color:rgb(0, 0, 0);
	}

.progress-box.checked .progress-circle{
	border: 4px solid rgb(155, 90, 90);
	}

.progress-box.checked .bjQtgs{
	background-color:rgb(155, 90, 90);
	}

.cart-total{
	width:100%;
	border:1px solid #ccc;
	background-color: #eee;
	flex-wrap:wrap;
	}

.conclusion-block{display:flex; justify-content:flex-end;}

.conclusion-box{width:100%; padding:10px 5px;}

.conclusion_for_discount{background-color:#fff; margin:10px;}

.conclusion-row{
	display:flex;
	padding:5px;
	font-size:16px;
	font-weight:lighter;
	}

.conclusion-block .conclusion-li_left{flex:2; text-align:left;}
.conclusion-block .conclusion-li_right{letter-spacing:1px; flex:1; text-align:right;}

.has-top-border{
	border-top:1px solid #ccc;
	padding-bottom:0;
	}

.conclusion-total{
	letter-spacing:2px;
    line-height:30px;
    font-size:20px;
    font-weight:800;
	color:#ff0000;
	padding-top:7px;
	}

.free-delivery{
	width:100%;
	margin:10px 5px;
	padding:5px;
	text-align:right;
	background-color:#fff;
	}

.free-delivery p{font-size:14px; font-weight:lighter;}

.question-tag{position:relative; cursor:pointer;}

.question-tag i{color:#9b9b9b; margin-left:5px;}

.question-note{
	display:none;
	position:absolute;
	top:20px;
	right:0;
	}

.question-note p{
	width:270px;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
	padding:5px 10px;
	color:#fff;
	background-color:#666;
	border-radius:3px;
	}

.question-tag:hover .question-note{display:block;}

.promotion-mark{
	position:absolute;
	top:15px;
	left:15px;
	background-color:rgba(255,255,255,0.25);
	}

.promotion-mark p{
	font-size:14px;
	color:#ff6464;
	padding:4px 6px;
	border:1px solid #ff6464;
	border-radius:3px;
	}

.item-detail{line-height:25px; margin:2px;}

.item-detail .tit {
    font-size:16px;
    font-weight: 400;
}
.item-detail .model {
    font-size: 14px;
    font-weight: 200;
    color: #aaa;
}
.item-detail .options {
    font-size: 14px;
    font-weight: 200;
    padding-top: 10px;
}
.item-detail .discount {
    font-size: 19px;
    font-weight: 400;
}
.item-detail h12{
	font-weight: 800;
	font-size: 20px;
}

.add-on-box{margin-top:10px;}

.add-on-box a{color:#ff6464;}

.add-on-tag{
	border-radius:3px 0 0 3px;
    display:inline-block;
    font-size:12px;
    float:left;
    height:20px;
    line-height:20px;
    margin-top:2px;
    margin-right:5px;
    position:relative;
    padding:0 10px 0 15px;
    transition:color .2s;
    background-color:#ff6464;
    color:#fff;
	}

.add-on-tag::before{
    border-radius:10px;
    box-shadow:inset 0 1px rgb(0 0 0 / 25%);
    content:'';
    height:5px;
    left:5px;
    position:absolute;
    top:7px;
    width:5px;
    background-color:#fff;
	}

.add-on-tag::after{
    border-bottom:10px solid;
    border-left:10px solid;
    border-top:10px solid;
    content:'';
    position:absolute;
    right:0;
    top:0;
    border-left-color:#ff6464;
	}

.item-pic img{padding:10px;}

.item-quantity{font-size:20px; font-weight:500; display:flex;}

.item-quantity .quantity{margin-right:20px;}

.item-price{
	margin:60px 10px;
	text-align:center;
	font-size:20px;
	font-weight:500;
	}

.item-quantity .cart-add-num,
.pop-qty .cart-add-num{
    font-size:17px;
    width:60px;
    height:32px;
	border:1px solid #aaa;
    display:flex;
    justify-content:center;
    align-items:center;
	}

.c-d{
	margin:55px auto;
    text-align:center;
    font-size:20px;
    font-weight:500;
    width:100px;
	}

.c-d li{
	background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-top: 10px;
}

.c-d li:hover{border:1px solid #aaa; padding:10px;}

.c-d li a:hover{color:#000;}

.edit-btn .del-btn {
    border: 1px solid #ff6464;
    color: #ff6464;
}
.edit-btn .del-btn:hover {
    border: 1px solid #ff0000;
}
.edit-btn .del-btn a:hover{
    color:#ff0000;
}

.emptyMessage{text-align:center;}

.emptyMessage p{font-size:28px;}

/* 購物車_end */

/* 經銷商_start */
.pageTabListBlock{margin-bottom:30px;}

.pageTabList{display:flex; justify-content:center; flex-wrap:wrap;}

.pageTabList li{margin-right:15px;}
.pageTabList li:last-child{margin-right:0;}

.pageTabList li .tablinks{
	line-height:1em;
	padding:12px 30px;
	border:1px solid #ccc;
	}

.pageTabList li:hover .tablinks{color:#fff; background-color:#468cc8;}

.pageTabList li .tablinks.active{color:#fff; background-color:#18306a;}

.pageTabContentBlock{width:100%; max-width:900px; min-height:350px; margin:0 auto;}

.dealer-table{text-align:left;}

.dealer-table td{padding:15px; border:none;}

.dealer-shop{width:450px;}
.dealer-shop p{font-size:18px; font-weight:bold;}

/* 經銷商_end */

/* 分頁最新消息_start */
.newsList{padding:20px; border:1px solid rgba(204,204,204,0.5);}

.newsList li{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid rgba(204,204,204,0.75);
	position:relative;
	}

.newsList li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
	}

.newsList li .row{align-items:center;}

.newsItemCover{flex-basis:300px;}
.newsItemTxt{flex:1;}

.newsItemCover .img-cover{padding-bottom:100%;}

.date{
	font-size:14px;
	font-style:italic;
	color:#ccc;
	line-height:1em;
	margin-bottom:5px;
	}

.newsItemTxt-title{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid rgba(204,204,204,0.5);
	}

.newsItemTxt-title h4{
	font-size:20px;
	font-weight:bold;
	color:#18306a;
	display:inline-block;
	transition:all 0.5s ease 0s;
	}

.newsMoreBtnBlock{display:flex; justify-content:flex-end;}

.newsMoreBox{
	color:#468cc8;
	font-family:"Outfit", sans-serif;
	padding:10px 25px;
	border:1px solid #468cc8;
	line-height:1em;
	border-radius:999em;
	transition:all 0.5s ease 0s;
	}

.newsList li:hover .newsItemTxt-title h4{color:#468cc8;}
.newsList li:hover .newsMoreBox{
	color:#fff;
	background-color:#468cc8;
	}

.paginationBlock{margin:20px 0;}

.pagination{display:flex; justify-content:center;}

.pagination li{margin:0 5px; position:relative;}

.pagination li .box__inner{
	width:30px;
	height:30px;
	border:1px solid rgba(51,51,51,0.5);
	transition:all 0.5s ease 0s;
	display:flex;
	justify-content:center;
	align-items:center;
	}

.pagination li.prev .box__inner,
.pagination li.next .box__inner{
	border:none;
	}

.pagination li span, .pagination li i{font-size:14px; color:#333;}

.pagination li:hover .box__inner{background-color:#468cc8;}
.pagination li:hover span{color:#fff;}
.pagination li:hover i{color:#fff;}

.pagination li.active .box__inner{background-color:#18306a;}
.pagination li.active span{color:#fff;}

.newsDetailCover{flex-basis:350px;}
.newsDetailContentBlock{flex:1;}

.newsDetailCover img{width:100%;}

.newsDetailContentBlock .date{margin-bottom:10px;}
.newsDetailContentBlock .newsItemTxt-title h4{font-size:24px;}

.newsDetailContent{min-height:350px; padding-bottom:50px;}

.newsBackBtnBlock{display:flex; justify-content:flex-end;}

.newsBackBtnBox{position:relative;}

.newsBackBtn{
	color:#468cc8;
	font-family:"Outfit", sans-serif;
	padding:10px 25px;
	border:1px solid #468cc8;
	line-height:1em;
	border-radius:999em;
	transition:all 0.5s ease 0s;
	}

.newsBackBtn i{margin-right:5px;}

.newsBackBtnBox:hover .newsBackBtn{color:#fff; background-color:#468cc8;}

/* 分頁最新消息_end */

.identify-list{
	display:flex;
	flex-wrap:wrap;
	margin-top:20px;
	}

.identify-list li{
	width:100%;
	padding:10px;
	margin:0 auto 10px;
	text-align:center;
	}

.identify-list li a{
    background-color:#dcdcdc;
    border:1px solid #dcdcdc;
    border-radius:5px;
    padding:20px 0;
	}

.identify-list li a:hover{
	color:#fff;
	background-color:#700414;
    border:1px solid #700414;
	}

.checkout-item{
    margin-bottom:40px;
    border:1px solid #e3d0c4;
	}

.checkout-item-header{
	padding:20px;
	border-bottom:1px solid #ccc;
    background-color:#e0f4ff;
	position:relative;
	}

.checkout-item .formBox{padding:10px; margin-bottom:5px;}

.checkout-item .formBox textarea{min-height:180px;}

.checkout-order-btn{
	position:absolute;
	top:60px;
	right:30px;
	cursor:pointer;
	}

.checkout-order-btn .fa-down-left-and-up-right-to-center{display:none;}

.checkout-order-open .fa-up-right-and-down-left-from-center{display:none;}
.checkout-order-open .fa-down-left-and-up-right-to-center{display:block;}

.checkout-item-header.total-amount{
	border-bottom:1px solid #18306a;
	background-color:#18306a;
	}

.checkout-item-header h2 {
    font-size:20px;
    font-weight:400;
    line-height:1.5em;
}

.checkout-item-header.total-amount h2{color:#fff;}

.checkout-list li{
	display:block;
	cursor:pointer;
	border-bottom:1px solid #ccc;
	}

.checkout-list li:last-child{border-bottom:none;}

.checkout-list li input[type=radio]{display:none;}

.checkout-list li label{
	display:block;
	padding:20px 20px 20px 40px;
	cursor:pointer;
	position:relative;
	}

.checkout-list li label::before, .checkout-list li label::after{
	content:"";
    position:absolute;
    top:50%;
    left:15px;
    -webkit-transform:translate(0,-50%) scale(1);
    transform:translate(0,-50%) scale(1);
    display:inline-block;
    width:16px;
    height:16px;
    box-sizing:border-box;
    transition:0.15s ease-in-out;
    transition-property:background-color,border-color,-webkit-transform;
    transition-property:background-color,border-color,transform;
    transition-property:background-color,border-color,transform,-webkit-transform;
	}

.checkout-list li input[type=radio]+label::before,
.checkout-list li input[type=radio]+label::after{
    border-radius:50%;
    border:1px solid #c3c3c3;
    background-color:#fff;
    }

.checkout-list li input[type=radio]:checked+label::before,
.checkout-list li input[type=radio]:checked+label::after{
	border-color:#ff6464;
	}

.checkout-list li input[type=radio]:checked+label::after{
	-webkit-transform:translate(0,-50%) scale(.5);
    transform:translate(0,-50%) scale(.5);
    background-color:#ff6464;
	}

.checkout-total{padding:20px; text-align:right;}

.checkout-total p{
	letter-spacing:2px;
    line-height:30px;
    font-size:20px;
    font-weight:800;
    color:#ff0000;
	}
.checkout-total span{font-size:28px;}


.checkout-wrapper select {
    padding: 10px;
    margin: 10px 0;
    font-size: 16px;
    width: 20%;
    border: 1px solid #aaa;
}
.checkout-item .form-row {
    display:flex;
    padding:10px 10px 10px 0;
}
.checkout-item .form-row .col-l {
    width: 15%;
    display: flex;
    justify-content: right;
    padding-top:15px;
    padding-right: 30px;
}
.checkout-item .form-row .col-r {
    width: 85%;
}
.checkout-item .input {
    background-color: #f5ece6;
    border: 1px solid #e3d0c4;
    padding: 10px;
}

.ecoupon-list li{padding:20px;}

.sum-item{display:flex; border-top:1px solid #e3d0c4; position:relative;}
.sum-item .item-detail{padding:10px;}

.sum-item.has-remark{padding-top:35px;}

.item-remark{position:absolute; top:10px; left:15px;}

.item-remark h5{
	font-size:14px;
    color:#ff6464;
    padding:4px 6px;
    border:1px solid #ff6464;
    border-radius:3px;
    }

.checkout-item-order{font-size:16px; font-weight:bold;}
.checkout-item-order span{font-size:22px; color:#ff0000; padding-left:5px;}

.confirm-item-content{display:flex; flex-wrap:wrap;}

.confirm-item-block{width:50%; padding:20px 20px 0;}
.confirm-item-block.confirm-remark{width:100%; padding:0 20px 20px;}

.confirm-item-box{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	}

.confirm-item-block .confirm-item-box .col-l{
	flex-basis:115px;
	padding:10px 5px 10px 0;
	text-align:right;
	}
.confirm-item-block .confirm-item-box .col-r{flex:1; padding:10px 0 10px 5px;}

.confirm-item-box.confirm-statement{padding:0 30px 20px;}

.confirm-statement h3{font-size:20px; font-weight:bold;}

.confirm-statement ul{padding:20px;}

.confirm-statement ul li{
	font-size:16px;
	padding:5px 0;
	line-height:1.5em;
	list-style:decimal;
	}

.confirm-statement ul li a{display:inline-block; color:#9b9b9b;}

.bankAccount-content, .vat-content{display:none; padding:5px 20px;}

.bankAccount-open .bankAccount-content{display:block;}
.vat-open .vat-content{display:block;}

.vat-block{
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #dbdbdb;
	}

.vat-box{
	width:50%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	}

.vat-box label{
	flex-basis:120px;
	text-align:right;
	padding:20px 5px 20px 20px!important;
	}

.vat-box input{
	flex:1;
	padding:10px 12px;
    border-radius:5px;
    border:1px solid #aaaaaa;
    margin:15px 10px 12px;
	}

.sum-item .item-detail .tit{
	display:-webkit-box;
    width:100%;
    height:3.2em;
    line-height:1.6em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.sum-item .item-detail .options{padding-top:0;}
.sum-item .item-detail .check-price{font-weight:bold;}

.sum-item .conclusion-block{width:100%;}

.sum-item table {
    width: 100%;
    border-bottom: 1px solid #e3d0c4;
}
.sum-item tr {
    display: flex;
    border-top: 1px solid #e3d0c4;
}
.sum-item td{padding:15px;}

.sum-item .td-l{width:20%; border-right:1px solid #e3d0c4;}

.sum-item .td-r{width:80%; padding-left:40px;}

.sum-item img{width:100px;}

.sum-proname {
    font-size: 20px;
    font-weight: 400;
    margin: auto 0;
}
.check-btn {
    font-size: 18px;
    text-align: center;
    background-color: #53514e;
    color: #fff;
    padding: 12px;
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    width: 200px;
    transition: all 0.3s;
}

.check-btn:hover{
    background-color: #e3d0c4;
    color: #53514e;
}

.order-tab .tab{
	padding:5px;
	margin:0 30px;
	background-color:#7fbcd2;
	border-radius:12px;
	display:inline-block;
	}

.order-tab .tablinks{
    font-size:16px;
    font-weight:bold;
    color:#3b9ae1;
    padding:10px 30px;
    border:1px solid #7fbcd2;
    border-radius:10px;
    background-color:#7fbcd2;
    transition:background ease 0.2s;
    cursor:pointer;
	}

.order-tab .active{
	color:#333;
	background-color:#fff;
	}

.order-num {
    color: #9b5a5a;
    padding-bottom: 10px;
}
.cancel-order {
    font-size: 20px;
    color: #aaa;
    border-bottom: 1px solid #ccc;
    padding: 80px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-block{padding-top:30px;}

.order-block h8{
	font-weight: 500;
	font-size: 30px;
	display: block;
    width: 150px;
}

.order-info{display:flex; line-height:50px; margin-top:30px;}

.order-info li{padding-left:20px;}

.info-blank{
	border-bottom:1px solid #000000;
	width:200px;
	margin-bottom:15px;
	margin-left:10px;
}

.sort{letter-spacing:1px; padding:10px;}

.othermem{
	width:300px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center;
}
.othermem li{
	width:200px;
	border-bottom: 2px solid #333;
    padding-bottom: 5px;
	margin-right: 25px;
}

.othermem li a{font-size:18px; text-align:center;}

.total-block{width:50%; text-align:end;}

.total{font-size:25px; color:red; font-weight:500;}

/*Shop Page*/
.navbar .container .menu-btn i {
    color: #000;
}
.main-menu {
    background-color: #ccc !important;
}
.main-menu .close-btn span::before, .shop .main-menu .close-btn span::after {
    background-color: #000 !important;
}
.main-menu .base .list li a {
    color: #000;
}

.main-menu .base .list li a:hover{color:#666;}

.mobile-contact li{
    background-color:#000;
    color:#fff;
    width:40px;
    height:40px;
    font-size:20px;
    padding:0;
    margin:0 10px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.mobile-contact li:hover{background-color:#333;}

.mobile-contact li a:hover{color:#fff;}

.shop-index .main-wrapper main{padding-top:0; position:relative;}

.shop-login .navbar .container {
    border: 0;
}

.navbar .container nav ul li a{color:#fff;}

.expandright {
	left: auto;
	right: 49px; /* Button width-1px */
}

.expandright:focus {
	padding: 0 0 0 16px;
}

.shopindex-section1{width:100%; margin:0 auto;}

.slideshow-container{position:relative;}

.shopindex-section1 .slide-prev, .shopindex-section1 .slide-next {
    color: #fff;
}
.shopindex-section1 .slide-prev:hover, .shopindex-section1 .slide-next:hover {
    color: #000;
}
.swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.slideshow-container:hover .swiper-button {
    display: block;
}
.slideshow-container .swiper-button {
    display: none;
}
.slideshow-container .swiper-button-prev {
    color: #fff !important;
    left: 60px !important;
}
.slideshow-container .swiper-button-next {
    color: #fff !important;
    right: 85px !important;
}
.swiper-pagination-bullet {
    background-color: #fff !important;
    width: 40px !important;
    height: 5px !important;
    margin: 0 5px !important;
    border-radius: 1px !important;
}
.mySlides{display:none;}

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

.shop-nav{width:1240px; margin:0 auto; position: relative;}
.nav-link::before {
    content: '';
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}
.nav-link::before, .nav-link::after {
    position: absolute;
    width: 100%;
    height: 3px;
    background: currentColor;
    border-radius: 10px;
    top: 100%;
    left: 0;
    pointer-events: none;
}
.shop-nav .img {
    position: relative;
    background-color: #000;
    border-radius: 10px;
}
.shop-nav .img img {
    opacity: 80%;
    border-radius: 10px;
}
.shop-nav .img:hover img {
    opacity: 60%;
}
.shop-nav .txt {
    position: absolute;
    width:90%;
    left: 3%;
    bottom: 4%;
    color: #ffffff;
}
.shop-nav h3 {
    font-family: 微軟正黑體, Microsoft JhengHei;
    font-size: 18px;
    font-weight: 400;
    background-image: linear-gradient(#e3d0c4,#e3d0c4);
    background-position: left top;
    background-size: 0 2px;
    background-repeat: no-repeat;
    transition: 0.5s;
    padding-top: 5px;
}
.shop-nav .img:hover h3 {
    background-size: 75% 1px;
}
.shop-nav h4 {
    color: #e3d0c4;
    font-family: "Corinthia", cursive;
    font-size: 40px;
}


.col-3{width:25%; float:left; padding:10px;}

.shop .tit{
	display:-webkit-box;
    width:100%;
    height:2.4em;
    line-height:1.2em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}

.shopindex-section3 .shop-banner{padding:30px 10px 0;}

.shop-banner{width:100%; max-width:1240px; margin:0 auto; padding:10px;}

.shop-banner .row{margin:0; padding-bottom:60px;}

.shop-nav>.row>.col-3{float:none;}

.shopindex-section4 .shop-banner{padding:0 10px 10px;}

.shop-banner .shop-banner-half{width:50%;}

.shop-banner .shop-banner-half.half-L{padding-right:5px;}
.shop-banner .shop-banner-half.half-R{padding-left:5px;}

.shop-recom{width:1240px; margin:0 auto; margin-top:30px;}

.shop-recom .col-7{padding-right:10px; position:relative;}

.block-content{width:100%; padding:20px; border-top:1px solid #ccc;}

.block-content h4{
	font-size:22px;
	color:#9b5a5a;
	letter-spacing:2px;
	padding:10px 0;
	line-height:1.5em;
	}

.block-content p{
	font-size:18px;
	line-height:2em;
	margin-bottom:15px;
	letter-spacing:unset;
	}

.block-content ul, .block-content ol {padding-left:30px; margin-bottom:15px;}
.block-content ul li, .block-content ol li {
	font-size:18px;
	line-height:2em;
}

.block-content ul li {
	list-style:disc;
}

.block-content ol li {
    list-style: decimal;
}

.for_mobile{display:none;}

.explanation-content ul li{
	list-style:decimal;
	}

.maintain-block{display:flex; flex-wrap:wrap;}

.maintain-box{width:50%; margin:20px 0;}

.maintain-box>.box-inner{
    background-color: #f5ece6;
    height: 100%;
	margin:15px;
	padding:5px 15px 10px;
	border:1px solid rgba(220,220,220,0.5);
	border-radius:5px;
	}

.recommend-options-list{padding-left:10px!important;}
.recommend-options-list li{line-height:1.3em;}

.add-recom {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.add-recom .col-12{position:relative;}

.product-slide-block{overflow:hidden;}

.product-slide-box{margin:20px;}

.recom-tit{
	display:-webkit-box;
    width:100%;
    height:2.4em;
    line-height:1.2em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.shop-recom .col-7 .swiper-button-next,
.shop-recom .col-7 .swiper-button-prev{
	padding:10px 22px;
	background-color:#e3d0c4;
	border-radius:999em;
    font-weight: bold;
	}

.shop-recom .col-7 .swiper-button-next:after,
.shop-recom .col-7 .swiper-button-prev:after{
	font-size:21px;
    color: #98928c;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	}

.shop-recom .swiper-button-prev:after, .shop-recom .swiper-rtl .swiper-button-next:after {
    content: '\f053' !important;
}
.shop-recom .swiper-button-next:after, .shop-recom .swiper-rtl .swiper-button-prev:after {
    content: '\f054' !important;
}

.shop-recom .col-7 .swiper-button-prev,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-next{
	top:10px;
	left:auto;
	right:100px;
	}

.shop-recom .col-7 .swiper-button-next,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-prev{
	top:10px;
	right:40px;
	}

.shop-recom h3 {
    font-size: 28px;
    font-weight: 400;
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.add-recom .col-12 .swiper-button-next,
.add-recom .col-12 .swiper-button-prev{
	padding:10px 22px;
	background-color:#ccc;
	border-radius:999em;
    font-weight: bold;
	}

.add-recom .col-12 .swiper-button-next:after,
.add-recom .col-12 .swiper-button-prev:after{
	font-size:21px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	}

.add-recom .swiper-button-prev:after, .add-recom .swiper-rtl .swiper-button-next:after {
    content: '\f053' !important;
}
.add-recom .swiper-button-next:after, .add-recom .swiper-rtl .swiper-button-prev:after {
    content: '\f054' !important;
}

.add-recom h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 10px 0;
}
.recom-btn {
    position: absolute;
    display: flex;
    top: 0;
    right: 160px;
}
.recom-btn a {
    font-size: 20px;
    padding: 0 5px;
}
.shop-recom .col-3, .shop-product-show .col-3 {
    padding: 20px;
	margin-top: 60px;
}
.shop-recom .col-3:hover,  .shop-product-show .col-3:hover {
    background-color: #f5ece6;
    /*box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);*/
    transition: 0.3s;
	margin-top: 58px;
}

.recom-img, .shop-product-show .img {
    padding: 20px;
}
.recom-img img {
    border-radius: 10px;
}
.pro-col .tit {
    line-height: 18pt;
    letter-spacing: 2px;
    -webkit-line-clamp: 2;
    height: 50px;
    overflow: hidden;
}
.recom-tit h4, .tit h4 {
    font-size:14px;
}
.recom-detail, .detail {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end;
}
.recom-value, .value {
    margin-top:10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.recom-order .btn a {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    margin-top: 15px;
    width: 120px;
}
.recom-order .btn a:hover {
    border: 1px solid #aaa;
}
.shop-activity {
    width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
}

.shop-product-show, .shop-video{
    width:100%;
    max-width:1240px;
    margin:0 auto 60px;
    padding:10px;
}

.shop-product-show .img img {
    border-radius: 10px;
}

.shop-video-inner{
	display:flex;
	position:relative;
	}

.shop-video-part{width:50%;}
.shop-video-part>.box-inner{
	margin-left:5px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	}

.shop-video-part-L>.box-inner{
	height:100%;
	margin-right:5px;
	margin-left:0;
	background-color:#000;
	}

.shop-video-box{width:100%;}

.shop-video-box>.box-inner{
	display:flex;
	align-items:center;
	margin-top:5px;
	padding:10px;
	background-color:#eee;
	}

.shop-video-box:first-child>.box-inner{margin-top:0; margin-bottom:5px;}

.shop-video-box-L>.box-inner{
	height:100%;
	align-items:center;
	padding:0;
	background-color:unset;
	}

.video-film, .video-content{width:50%;}
.shop-video-box-L .video-film{width:100%;}

.shop-video-box .video-content{padding:0 15px;}

.shop-video-box .video-content h4{
	display:-webkit-box;
    width:100%;
    height:2.6em;
    margin:0 auto 15px;
    line-height:1.3em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:20px;
    font-weight:400;
	}

.shop-video-box .video-content p{
	display:-webkit-box;
    width:100%;
    height:3em;
    margin:0 auto;
    line-height:1.5em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:16px;
    font-weight:200;
	}

.shop-video-box .video-content .video-btn a{
	display:inline-block;
    font-size:14px;
    margin-top:15px;
    padding:8px 12px;
    border:1px solid #ccc;
    border-radius:5px;
    background-color:#ccc;
	}

.shop-video-box .video-content .video-btn a:hover{
	color:#fff;
	border:1px solid #868686;
	background-color:#868686;
	}

.youtubecontent{
	position:relative;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}

.youtubecontent{padding-bottom:56.25%;}

.youtubecontent iframe,
.youtubecontent object,
.youtubecontent embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

.shoppingcart .main-wrapper{overflow:unset;}

.shop-section1{padding:20px 0;}
.shoppingcart-section1{padding:20px;}

.probreadcrumb>li:not(:first-child)::before {
    content: ">";
    color: #aaa;
    margin: 0 10px;
}
.shop-section2 .container {
    display: flex;
	margin-bottom: 60px;
}
.shop-section2 .block-left {
    width: 20%;
    background-color: #fff;
    position: relative;
    right: 80%;
    z-index: 9;
}
.shop-section2 .block-right {
    width: 80%;
    position: relative;
    left: 20%;
}

.article-content{padding:15px;}

.product-list .inside{margin:15px;}

.list-header{/*display:flex;*/ margin-bottom:30px; position:relative;}

.list-content{display:flex;}

.collect-content{display:block;}

.coupon-activity .list-content{display:flow-root;}

.header-banner{margin-bottom:30px;}

.header-title h2{font-size:28px; font-weight:200; padding:20px 10px;}

.promotion-block{
    width:100%;
    margin:10px;
    padding:20px;
    border:1px solid #ccc;
    border-radius:5px;
	}

.promotion-block h4{
	font-size:22px;
	font-weight:400;
	margin-bottom:10px;
	}

.promotion-block p{line-height:1.5em; padding-bottom:15px;}

.promotion-block ul{padding-left:20px; padding-bottom:15px;}
.promotion-block li{line-height:1.5em; list-style:disc;}

.gift-pic-box{display:inline-block; margin-left:20px;}

.gift-pic{width:150px; height:150px; position:relative;}
.gift-pic img{width:100%;}

.run-out{
	color:rgb(51, 51, 51);
    font-size:13px;
    text-align:center;
    word-break:break-word;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, 0.6);
	}

.gift-text{font-size:14px; color:#ff6464;}

.ch-header{padding-bottom:40px; position:relative;}

.ch-right{
	/*width:50%;
	float:right;*/
	position:absolute;
	top:0;
	right:10px;
	}

.pro-row{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:2px;
	}

.pro-col{
	width:25%;
	padding:20px;
	position:relative;
	box-shadow:0px 0px 5px 1px rgb(0 0 0 / 0%);
    transition:0.3s;
	}

.pro-col:hover{background-color: #f5ece6; /*box-shadow:0px 0px 5px 1px rgb(0 0 0 / 20%);*/}

.pro-col a:hover {
    color: #9b5a5a;
}

.collected-heart{color:#ff6464;}

/* product detailed - plus buy */
.plus-buy{border-bottom:1px solid #ccc;}

.plus-buy>.row{margin:1% 0;}

.plus-buy .plus-box{width:80%; padding:10px;}

.plus-tit{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	}

.plus-tit h3{
    font-size:18px;
    font-weight:400;
    margin-bottom:10px;
    padding:10px 0;
	}

.plus-tit span{font-size:14px; color:#ff6464;}

.plus-tit i{margin-left:7px;}

.plus-buy .plus-main{width:20%; position:relative;}

.plus-buy .plus-main::before{
	content:"+";
	position:absolute;
	top:45%;
	right:0;
	font-size:24px;
	}

.main-col{padding:15px;}

.main-col .tit, .plus-col .tit{
    line-height:18pt;
    letter-spacing:2px;
    -webkit-line-clamp:2;
    height:50px;
    overflow:hidden;
	}

.plus-col .tit{margin-bottom:5px;}

.plus-options{display:flex;}

.options-wrap{font-size:14px; color:#686868; line-height:1.2em;}

.options-wrap i{margin-left:3px;}

.plus-options .check-box{position:relative;}

.plus-options input[type="checkbox"]{
    opacity:0;
    top:0;
    left:0;
    position:absolute;
	}

.plus-options-checkbox{
    position:relative;
    width:16px;
    height:16px;
    border-radius:2px;
    border:1px solid rgba(0,0,0,.14);
    text-align:center;
    box-shadow:inset 0 2px 0 0 rgb(0 0 0 / 2%);
    margin-right:8px;
	}

.plus-options-checkbox::before{
    position:absolute;
    content:"";
    height:5px;
    width:9px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:3px;
    top:3px;
	}

.checkbox--checked .plus-options-checkbox{
    background-color:#ff6464;
	}

.checkbox--checked .plus-options-checkbox::before{
    border-color:#fff;
	}

.checkbox-disabled{opacity:0.35; cursor:no-drop;}

.options-wrap span{padding-left:3px;}

.plus-buy .plus-sign{
    width:10%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.plus-buy .plus-list{width:80%;}

.plus-list .plus-col{width:25%; padding:15px;}

.plus-buy .plus-shop{
    width:20%;
    padding-left:20px;
    border-left:1px solid #aaa;
    display:flex;
    justify-content:center;
    align-items:center;
}

.plus-shop .save{color:#666; font-size:14px;}

.plus-shop .btn{margin-top:10px;}

.plus-shop .btn a {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    width: 120px;
}
.plus-shop .btn a:hover {
    border: 1px solid #aaa;
}

.total-box{padding:0 10px;}

.subtotal span{display:block;}

/* options - Click Show / Hide */
.options-content {
    background-color: #fff;
    padding: 0 20px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px 1px #666;
    position: absolute;
    z-index: 99;
    display: none;
}

.options-content .product-color{margin:10px auto 0;}

.options-content .size-wrapper{margin:0 auto 20px;}

.options-content ul{margin-bottom:0;}

.options-btn {
    display: flex;
    padding: 20px 0;
}
.member-content .end-btn {
    display: flex;
    padding: 20px 0;
}
.options-btn a, .member-content .end-btn a {
    margin-right: 10px;
}
.options-btn .sure, .end-btn .sure {
    font-size: 16px;
    text-align: center;
    background-color: #53514e;
    color: #fff;
    padding: 10px;
    width: 120px;
    transition: all 0.3s;
}
.options-btn .sure:hover, .end-btn .sure:hover {
    background-color: #e3d0c4;
    color: #53514e;
}
.options-btn .cancel, .end-btn .cancel, .revise-info, .revise-pw {
    font-size: 16px;
    text-align: center;
    background-color: #53514e;
    color: #fff;
    padding: 10px;
    width: 120px;
    transition: all 0.3s;
}
.options-btn .cancel:hover, .end-btn .cancel:hover, .revise-info:hover, .revise-pw:hover {
    background-color: #e3d0c4;
    color: #53514e;
}

.popbox-content{display:none; position:relative;}

.popbox-open .popbox-content{display:block;}

.popbox-block{
    width:345px;
    padding:20px 10px 10px;
	background-color:#fff;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:2px 2px 3px 1px #666;
    position:absolute;
    top:10px;
    left:-50%;
    z-index:99;
	}

.pop-title h4{
	font-size:16px;
	margin-bottom:10px;
	padding-left:7px;
	}

ul.pop-options-list{
	padding-left:0;
	margin-bottom:15px;
	display:flex;
	flex-wrap:wrap;
	}

ul.pop-options-list li{
	list-style:none;
	line-height:inherit;
	}

.add_on-cart-wrapper ul.pop-options-list li{
	line-height:2.5em;
	border-bottom:none;
	}

.add_on-cart-wrapper ul.pop-color li{line-height:inherit;}

.pop-options-list li input[type="radio"]{display:none;}

.pop-options-list li input[type="radio"] + label{
    cursor:pointer;
    font-size:14px;
    text-align:center;
    font-weight:400;
    background-color:#fff;
    color:#000;
    text-transform:uppercase;
    margin-right:5px;
    padding:10px 15px;
    border:1px solid rgba(170,170,170,0.5);
	}

.pop-color li input[type="radio"] + label{
	padding:0;
	}

.add_on-cart-wrapper .pop-options-list li input[type="radio"] + label{
    cursor:pointer;
    font-size:14px;
    text-align:center;
    font-weight:400;
    background-color:#fff;
    color:#000;
    text-transform:uppercase;
    margin-right:5px;
    padding:10px 15px;
    border:1px solid rgba(170,170,170,0.5);
    }

.add_on-cart-wrapper .pop-color li input[type="radio"] + label{
    display:block;
    padding:0;
    }

.add_on-cart-wrapper .pop-color li input[type="radio"] + label img{
	margin-bottom:-4px;
	}

.pop-options-list li input[type="radio"]:checked + label{
	border:2px solid #ff6464;
    color:#ff6464;
	}

.pop-options-list li.disabled input[type="radio"] + label{
    color:#dcdcdc;
    border:1px solid rgba(170,170,170,0.25);
    pointer-events:none;
    cursor:default;
}

.pop-qty-block{
	display:flex;
	margin-bottom:10px;
	align-items:center;
	}

.pop-title.pop-qty{margin-right:20px;}
.pop-title.pop-qty h4{margin-bottom:0;}

.qty-box.pop-qty{width:120px; display:flex;}

.pop-btn-box{
	display:flex;
	text-align:center;
	justify-content:center;
	}

.pop-btn-box a{
	width:80px;
	padding:10px 15px;
	margin:10px 7px;
	border-radius:5px;
	}

.pop-close-btn a{background-color:#f1f2f4; border:1px solid #f1f2f4;}
.pop-confirm-btn a{background-color:#ff6464; border:1px solid #ff6464; color:#fff;}

.pop-close-btn:hover a{background-color:#dcdcdc; border:1px solid #dcdcdc; color:#000;}
.pop-confirm-btn:hover a{background-color:#ff0000; border:1px solid #ff0000; color:#fff;}

.pro-col .img{padding:10px; margin-bottom:30px;}

.pro-col .img img {
    border-radius: 10px;
}

.product-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
}
.product-type {
    display: flex;
	position: relative;
	border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 20px;
}

.product-model{font-size:14px; font-weight:200; color:#aaa;}

.product-keep{position:absolute; right:0;}

.product-keep a{font-size:18px; color:#ccc;}
.product-keep a:hover {
    color: #9b5a5a;
}
.product-keep a:focus, .product-keep a:active{color:#ff6464;}

.value-content{position:relative;}

.pro-details-content .value{
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
	}

.pro-details-content .discount {
    font-size: 24px;
}
.off-desc {
    padding-top: 20px;
    font-size: 14px;
    font-weight: 200;
    color: #ff6464;
}
.value-content .spec-btn {
    position: absolute;
    right: 0;
    bottom: 20px;
}
.value-content .spec-btn a {
    color: #000;
    font-size: 18px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px 20px;
}
.value-content .spec-btn a:hover {
    border: 1px solid #aaa;
}

.product-showbox{height:100%; display:none;}

.product-showbox.active{display:block;}

.product-showbox .swiper-container{
	width:100%;
	height:300px;
	margin-left:auto;
	margin-right:auto;
    }

.product-showbox .swiper-container .swiper-wrapper{height:100%;}

.product-showbox .swiper-slide{
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	}

.product-showbox .gallery-top{height:80%; width:100%; max-width:450px; margin:0 auto;}

.product-showbox .gallery-thumbs{height:20%; box-sizing:border-box; padding:10px 0;}

.product-showbox .gallery-thumbs .swiper-wrapper{/*justify-content:center;*/}

.product-showbox .gallery-thumbs .swiper-slide{height:100%; opacity:0.4;}

.product-showbox .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}

.modalTitle{display:flex; align-items:center;}

.iconCheckBox{
	width:20px;
	height:20px;
	margin-right:5px;
	border-radius:999em;
	background-color:#468cc8;
	display:flex;
	justify-content:center;
    align-items:center;
	}

.iconCheckBox i{font-size:12px; color:#fff;}

.modalTitle h5{font-size:18px; font-weight:bold; line-height:1em;}

.simpleCartCover{flex-basis:120px;}
.simpleCartContent{flex:1;}

.simpleCartCover .img-cover{padding-bottom:100%; border:1px solid rgba(204,204,204,0.5);}

.simpleCartContent .tit{font-size:16px; font-weight:400;}
.simpleCartContent .model{font-size:14px; font-weight:200; color:#aaa;}
.simpleCartContent .discount{	
	font-size:16px;
	font-weight:600;
	color:#333;
	letter-spacing:0;
	margin-top:10px;
	}

.simpleCartBtnBlock{padding:0 20px; display:flex; justify-content:flex-end;}

.simpleCartBtnBlock .checkBtn{max-width:250px; letter-spacing:2px;}

/* Home Popup */
.popup-box {
    background: rgba(0,0,0,.6);
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 9998;
}

.popup-ads{
    display:none;
    width:90%;
    max-width:700px;
    height:auto;
    position:fixed;
    z-index:9999;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    overflow:auto;
    background-color:#fff;
    color:#aaa;
    margin:auto;
	}

.popup-close{
    position:absolute;
    top:3px;
    right:10px;
    font-size:42px;
    transition:0.3s;
	}

.popup-ads img{width:100%;}

.popup-close:hover, .popup-close:focus {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
}

/* Home Bottom Pop */
.bottom-pop {
    position: fixed;
    z-index: 9997;
    left: 20px;
    bottom: 20px;
    overflow: auto;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #666;
    margin: auto;
}
.botpop-close {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 30px;
    transition: 0.3s;
}
.botpop-close:hover, .botpop-close:focus {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
.botpop-content a:hover {
    color: #666;
}
.botpop-coupon {
    padding: 20px;
}
.botpop-coupon h2 {
    font-size: 28px;
    line-height: 1.2em;
}
.botpop-coupon h3 {
    font-size: 14px;
    line-height: 1.2em;
}
.botpop-coupon p {
    font-size: 18px;
    line-height: 1.2em;
}

.proDescTitle{font-size:18px; color:#666; margin-bottom:10px;}

.proDescContent p{
    font-size:16px;
    line-height:1.5em;
    color:#333;
	}

/*響應式*/
@media only screen and (max-width: 1360px){
	.index-products{margin:0 5vw;}
	.header-menu ul li a{padding:14px 10px;}
	.indexTechSection{padding:0 0 50px;}
	.featureCircleCoverBox, .techMovingCoverBox{margin:0 auto;}
	.indexSlideContentBlock{width:100%;}
	}

@media only screen and (max-width: 1280px){
	.header-contact-icon a{font-size:18px}
	.row-prodetail{justify-content:center;}
	.row-prodetail{flex-wrap:wrap; height:100%;}
	.col-lg-7{width:70%;}
	.col-lg-5{width:70%;}
	.inner-wrap{width:100%; margin:0 auto;}
	.plus-buy .row{justify-content:flex-end;}
	.plus-buy .plus-box{width:100%; border-bottom:1px solid rgba(170,170,170,0.25);}
	.plus-buy .plus-shop{width:100%; border-left:none; padding:30px 0;}
	.plus-buy .plus-shop{justify-content:center;}
	.total-box{text-align:left;}
	.subtotal span{display:inline-block;}
	.checkout{display:flex; align-items:center;}
	.plus-shop .btn{margin-top:0;}
	.discount{display:block;}
	.fixed-icon{right:20px;}
	#gotop{right:21px;}
	.recom-order a{margin-left:10px;}
	.recom-order .btn{padding:0.375rem 0;}
	.recom-order .btn a{padding:10px 0; margin-left:0;}
	.popbox-block{left:-20%;}
	.plus-col:nth-child(4) .popbox-block{left:auto; right:-50%;}
	.footBottomBlock{justify-content:center;}
	.footInfoBlock{flex:100%;}
	.footInfoList{justify-content:center;}
	.proCateList li{width:33.333%;}
	}

@media only screen and (max-width:1200px){
	.navTrigger{display:block;}
	.indexBannerWrapper{padding-top:80px;}
	.header-contact-icon{display:none;}
	.hot-text h5{font-size:20px;}
	.n1{height:500px;}
	.n2{height:500px;}
	.index-products{margin:0 6vw;}
	.index-products li{width: calc((100% - 50px) / 2);}
	.partner-text{padding:30px;}
	.contact-text li{line-height:20px;}
    .mainMenuArea{display:none;}
	.instructionList li{width:33.333%;}
}

@media only screen and (max-width:1080px){
	.techShowBlock{flex-basis:400px;}
	.techBtnList li{width:50%;}
	.oemContentList{flex-wrap:wrap;}
	.oemContentList li{width:100%; margin-right:0; margin-bottom:20px;}
	.oemContentList li>.box__inner{text-align:center;}
	}

@media only screen and (min-width:992px){
	.swiper-slider_fullheight{min-height:100vh;}
	}

@media only screen and (max-width:991px){
	.shop-section2 .block-right{width:70%; left:30%;}
	.shop-section2 .block-left{width:30%; right:70%;}
	.row-prodetail .col-lg-7, .row-prodetail .col-lg-5{width:100%;}
	.product-showbox{min-height:600px;}
	.plus-buy .plus-main{width:25%;}
	.plus-buy .plus-list{width:75%;}
	.plus-list .plus-col{width:33.333%;}
	.plus-list .plus-col:nth-child(4){display:none;}
	.plus-col:nth-child(3) .popbox-block{left:auto; right:-50%;}
	.proCateMenuBlock{display:none;}
	}

@media only screen and (max-width:980px){
	.pro-col{width:50%;}
	.fot-menu .fot-opition{padding:20px 30px;}
	.contact-map-part, .contact-form-part{width:100%; max-width:450px; margin:0 auto 30px;}
	.contact-map-part{padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.25);}
	.contact-form-box.name-box{width:100%;}
	.add_on-cart-wrapper .add_on-detail .tit{max-width:150px;}
	.pageTabList li{margin-right:5px;}
	.pageTabList li .tablinks{font-size:14px; padding:12px 0;}
	.dealer-table{max-width:500px; margin:0 auto;}
	.dealer-table td{display:block;}
	.dealer-table td{display:block; padding:0 15px 15px;}
	.dealer-table .dealer-shop{padding:15px 15px 0;}
	.collectList li{width:50%;}
	.aboutCoverBox{flex-basis:400px;}
	.oemProcessBlock{flex:100%;}
	.oemCertifiedBlock{flex-basis:100%;}
	}

@media only screen and (max-width:960px){
	.news-wrapper{padding:0px 60px;}
	.partner-btn a{padding-top:80px;}
	.partner-btn a:hover{font-size:22px; padding-top:80px;}
	.product-details-area{width:70%;}
	.pro-details-content{padding:15px;}
	.mt-15{margin-top:20px; margin-left:0;}
	.s2-pic{padding:0px;}
	.apart-main{flex-direction:column;}
	.apart-text{width:100%; padding-top:20px;}
	.apart-main-pic{width:100%;}
	.item{padding:0 45px;}
	.shopindex-section4 .row{padding:0 45px;}
    .checkout-wrapper select{width:40%;}
    .checkout-item .form-row .col-l {width:20%;}
    .checkout-item .form-row .col-r {width:70%;}
    .sum-item .td-l {width:30%;}
    .sum-item .td-r {width:70%;}
    .apart-main{width:100%;}
    .instructionList li{width:50%;}
}

@media only screen and (max-width:900px){
	.shop-product-show .col-3{width:33.333%; margin-top:20px;}
	.shop-nav .row{margin:0 0 0 5px;}
	.shop-nav .col-3{width:33.333%; margin-top:0; padding:0;}
	.shop-nav .col-3 .img{margin:5px 5px 5px 0;}
	.shop-recom .col-3:hover,  .shop-product-show .col-3:hover{margin-top:18px;}
	.shop-banner .item, .shop-activity .item{padding:0;}
	.shopindex-section4 .row{padding:0;}
	.shop-recom .col-3{width:100%; margin-left:auto; margin-right:auto;}
	.shop-video .col-6{width:100%;}
	.video-item{margin-left:auto; margin-right:auto;}
    .shop-section2 .container{padding:0; flex-wrap:wrap;}
	.shop-section2 .block-left{width:100%; right:0; display:none;}
	.shop-section2 .block-right{width:100%; max-width:600px; margin:0 auto;}
	.member-content .end-btn{justify-content:center;}
	.shop-section2 .block-right{padding:15px; left:unset;}
    .shop-section2 .product-list{margin-bottom:40px;}
    .product-detailed .product-category{display:none;}
    .product-showbox{width:100%; margin:0 auto;}
    .product-showbox{min-height:inherit;}
    .product-showbox .gallery-top{max-width:300px; height:300px; margin:0 auto;}
    .product-showbox .gallery-thumbs{height:120px;}
	.pro-col{width:33.333%;}
    .other-contact-wrapper{display:flex; flex-wrap:wrap; margin:0 auto; width:50%;}
	.other-contact{padding:15px 0px;}
	.other-contact ul li a{font-size:18px;}
	.other-contact ul{padding:10px 20px 20px 20px;}
	.hot-text h5{font-size: 20px;}
	.hot{flex-flow: wrap;}
	.in-type{padding-top: 40px;}
	.news-wrapper h6{margin-top:50px; margin-bottom:15px;}
	.partner-btn a{font-size:18px; padding-top:50px;}
	.partner-btn a:hover{font-size:20px; padding-top:50px;}
	.map-text li{line-height:20px;}
	.item-detail h12{font-size:18px;}
	.item-detail ul li{font-size:15px;}
	.activity-banner{padding:0;}
	.products-text{padding-top:20px;}
	.products-text h2{font-size:15px;}
	.partner-main h7{font-size:20px;}
	.shopnews-item{width:100%;}
	.newsDetailCover{flex-basis:100%; max-width:400px;}
	.newsDetailContentBlock{flex:100%; margin-top:20px;}
}

@media only screen and (max-width:840px){
	.item-name-box>.item-detail{padding-right:25px;}
	.fot-menu .fot-opition{padding:20px 15px;}
	.fot-menu{letter-spacing:1px;}
	.add_on-cart-wrapper .add_on-detail{flex-wrap:wrap;}
	.add_on-cart-wrapper .add_on-detail .tit{flex-basis:100%;}
	.confirm-item-block{width:100%;}
	.confirm-item-block:nth-child(2){padding:0 20px;}
	.shop-video-inner{flex-wrap:wrap;}
	.shop-video-part{width:100%;}
	.shop-video-part-L{margin-bottom:10px;}
	.shop-video-part>.box-inner{margin-left:0;}
	.shop-video-part-L>.box-inner{margin-right:0;}
	.footMenuBox{width:50%;}
	.activityList li{width:50%;}
	.oemModalList li{width:33.333%;}
	.indexFeatureSection{padding:0;}
	.indexActivitySection{padding:0;}
	}

@media only screen and (min-width:768px){
	.conclusion-box{width:50%;}
	}

@media only screen and (max-width:768px){
	.guide-row .step-col{width:100%; margin-top:40px;}
	.guide-row .step-col i.fa{float:left; margin-right:20px;}
	.guide-row .ship-col{width:100%; margin-bottom:30px;}
	.ship-col p{padding-right:20px;}
	.add_on-cart-wrapper .add_on-detail{flex-wrap:wrap;}
	.add_on-cart-wrapper .add_on-detail .tit{max-width:unset; padding-right:40%;}
	.add_on-cart-wrapper .add_on-detail .item-quantity{display:none;}
	.add_on-detail .pop-qty-block{display:flex;}
	.shoppingcart .shoppingcart-section1{display:none;}
	.shoppingcart .shoppingcart-section2{padding-top:20px;}
	.order-detail-box .box-inner>.item-pic{flex-basis:100px;}
	.maintain-box{width:100%; max-width:500px; margin:20px auto;}
	.vat-box{width:100%;}
	.vat-box label{padding:15px 5px 5px 10px!important;}
	.vat-box input{max-width:250px; margin:5px 10px 17px;}
	.shopnews-item{flex-wrap:wrap;}
	.shopnews-img{flex-basis:100%;}
	.shopnews-img .news-list-cover{padding-bottom:70%;}
	.shopnews-info{margin-top:25px;}
	.news-btn-box{margin-bottom:30px;}
	.activity-left, .activity-right{width:100%; float:none;}
	.activity-left{margin-bottom:30px;}
	.formBox{flex-wrap:wrap;}
	.formBox .formBoxContent{flex:100%;}
    .memberMenuListBlock{flex-basis:100%; max-width:400px; margin:0 auto 20px;}
    .memberMenuListBlock{border:none;}
    .memberMenuContentBlock{flex:100%;}
    .memberDropBtn{display:inline-block;}
    .memberDropBtn:hover{color:#fff; background-color:#0e56a8;}
    .member-list{display:none;}
    .member-list li{padding-bottom:0; margin-bottom:0;}
    .member-list li a{padding:10px 20px; background-color:#fff;}
    .member-list li:nth-child(even) a{background-color:#e9ecef;}
    .member-list li:hover a{color:#fff; padding:10px 20px; background-color:#0e56a8;}
    .member-list li:hover a::before{opacity:0;}
    .welcomBox{margin-left:0;}
    .contactInfoBlock{margin-top:50px;}
    .pageAboutBlock-row{flex-wrap:wrap;}
    .aboutCoverBox{flex-basis:100%; max-width:400px;}
	.pageAboutBlock-row .pageContentBlock{flex:100%;}
	.proCateList li{width:33.333%;}
	.oemTechArea .row{flex-direction:row;}
	.techShowBlock{flex-basis:100%; min-height:450px; margin-right:0;}
	.techBtnListBlock{flex:100%;}
	.techBtnList li{width:33.333%;}
	.couponList li{width:100%; max-width:500px;}
	.pageTabList{justify-content:space-between;}
	.pageTabList li{width:32.5%; margin-right:0; margin-bottom:10px;}
	.pageTabList li:nth-child(1){width:49.5%;}
	.pageTabList li:nth-child(2){width:49.5%;}
	.pageTabList li .tablinks{width:100%;}
	.newsItemCover, .newsDetailCover{flex-basis:100%; max-width:450px;}
	.newsItemTxt, .newsDetailContentBlock{flex:100%; margin-top:15px;}
	}

@media only screen and (max-width:767px){
	.breadcrumb-wrap{flex-direction:row; flex-wrap:wrap; padding-bottom:20px;}
	.breadcrumb-wrap .breadcrumb{width:100%;}
	.breadcrumb-wrap h1{width:100%; padding:2% 0;}
	.banner-block{padding-top: 180px;}
	.index-products{margin: 0 6vw;}
	.index-products li{width: calc((100% - 50px) / 2);}
	.block-right{width: 100%;}
	.proline{width:100%; padding-right:0px;}
	.product-details-area{width:100%;}
	.item-detail h12{font-size:15px;}
	.item-detail ul li {font-size:13px;}
	.item-price{font-size:17px;}
	.slogan{font-size:22px;}
	.page-banner-line{padding-top:65px;}
	.en-title{font-size:80px;}
	.ch-title{font-size:18px;}
	.title_ch{margin-left:48px;}
	.title_en{font-size:25px; margin-left:48px;}
	.description{font-size:25px; font-weight:500; margin-left:48px;}
	.text-area{width:100%; padding:0 20px 48px 20px; top:auto; bottom:0;}
	.news .main-wrapper main section.section2 .inner-wrap{margin-top:-140px}
	.decor{display:none;}
    .plus-main{width:30%; display:flex; justify-content:center; align-items:center;}
    .plus-list{width:60%;}
    .plus-col{width:50%; padding:30px;}
    .shoppingcart-item .order-detail-info{width:100%; margin-bottom:20px; line-height:1.5em;}
    .shoppingcart-item .edit-btn{width:30%;}
    .member-content .form-rows .col-l{width:20%;}
    .checkout-item .form-row{flex-wrap:wrap; padding:10px;}
    .checkout-item .form-row .col-l{width:100%; justify-content:flex-start;}
    .checkout-item .form-row .col-l{padding-left:10px; padding-right:0; padding-top:0;}
    .checkout-item .form-row .col-r{width:100%; margin:10px auto 15px;}
    .fot-menu{padding-top:30px;}
    .fot-menu .fot-opition{width:50%;}
    .content-wrapper{padding:20px;}
    .ex-grid{width:50%;}
    .section1.banner{height:250px;}
    .banner-block{padding-top:140px}
    .page-banner-line{padding-top:35px}
    .en-title{font-size:40px;}
    .shop-banner .shop-banner-half{width:100%;}
    .shop-banner .shop-banner-half.half-L{padding-right:0; padding-bottom:10px;}
    .shop-banner .shop-banner-half.half-R{padding-left:0;}
    .map-box iframe{height:250px;}
	.for_mobile{display:block;}
}

@media only screen and (max-width:640px){
	.shop-nav .col-3 .txt h3{font-size:16px;}
	.shop-nav .col-3 .txt h4{font-size:12px;}
	.item-detail h12{font-size:15px;}
	.item-detail ul li{font-size:13px;}
	.item-price{font-size:16px;}
	.c-d li{padding:8px; margin-left:20px;}
	.item-quantity{font-size:18px; font-weight:500;}
	.item-quantity .quantity{padding-right:5px}
	.index-products{margin:0 6vw;}
	.index-products li{width:100%;}
	.partner-text{padding:20px;}
	.partner-btn a{padding-top:30px; margin-bottom:0px;}
	.partner-btn a:hover{padding-top:30px;}
	.partner-main h7{font-size:20px;}
	.container h1 {letter-spacing: 0px}
	.block-right .row h8{font-size:25px}
	.page-banner-line{width:10%;}
     .title_ch{font-size:35px; margin-left:30px;}
	.title_en{font-size:20px; margin-left:30px;}
	.description{font-size:20px; font-weight:500; margin-left:30px;}
	.fot-menu{flex-wrap:wrap;}
	.fot-opition{width:45%; padding:0 20px; margin-top:40px;}
	.col-lg-5{width:90%}
	.col-lg-7{width:90%}
    .c-d{width:130px;}
    .order-tab .shoppingcart-item.completed ul.c-d{width:inherit; margin:20px auto;}
    .order-tab .shoppingcart-item.completed li{margin-left:0; width:120px; display:inline-block;}
    .order-tab .shoppingcart-item.completed li:hover{padding:8px;}
    .order-tab .shoppingcart-item.cancel ul.c-d{width:inherit; margin:20px auto;}
    .order-tab .shoppingcart-item.cancel li{margin-left:0; width:120px; display:inline-block;}
    .order-tab .shoppingcart-item.cancel li:hover{padding:8px;}
    .shop-nav .txt{width:80%;}
    .shop-nav h3{font-size:20px;}
    .video-item{flex-wrap:wrap;}
    .pro-col{width:50%;}
    .recom-detail{flex-wrap:wrap;}
    .recom-value{width:100%;}
    .shopindex-section3 .shop-banner{padding:0;}
    .shopindex-section4 .shop-banner{padding:0;}
    .shopindex-section4 .col-5{width:100%; float:none; padding-right:0;}
    .shopindex-section4 .col-7{width:100%; float:none; padding-left:0;}
    .shopnews-item, .partner-item{width:90%; max-width:450px; margin:30px auto 60px;}
    .shopnews-img, .partner-img{width:100%;}
    .shopnews-info, .partner-info{width:100%;}
    .shop-banner .shop-banner-half.half-L{padding-bottom:0;}
    .shopindex-section7 .detail{flex-wrap:wrap;}
    .shopindex-section7 .value{width:100%;}
	.branches-row{width:100%;}
	.order-tab .shoppingcart-item.completed{flex-wrap:wrap;}
	.order-tab .shoppingcart-item.cancel{flex-wrap:wrap;}
	.shoppingcart-item .edit-btn{width:100%;}
	.footInfoBlock{padding-top:0;}
	.footInfoList{flex-direction:column; align-items:center;}
	.footInfoList li{margin-bottom:20px;}
	.footIconBlock{margin:10px auto 30px;}
	.featureCircleCoverBox{width:350px;}
	.CircleCoverBox__inner{height:350px;}
	.CircleCoverBox__inner .circle{width:300px; height:300px; top:calc(50% - 150px); left:calc(50% - 150px);}
	.recomItem-txt h4{font-size:16px;}
	.proCateList li{width:50%;}
	.oemModalList li{width:50%;}
}

@media only screen and (max-width: 600px){
    .shopnews-info .date{font-size:14px;}
    .shopnews-info .title{margin-top:10px; font-size:18px;}
	#gotop{right:20px;}
    .footer-contact li{margin:0 5px;}
    .copyright{float:none; width:90%; margin:0 auto;}
    .shop-product-show{margin-bottom:0;}
    .shop-product-show .col-3{width:50%;}
    .dealer .tablinks{padding:10px 7px;}
    .shop-video-box>.box-inner{flex-wrap:wrap;}
    .video-film, .video-content{width:100%;}
    .shop-video-box .video-content{margin:15px auto;}
	}

@media only screen and (max-width:575px){
	.navbar .container{padding:0 22px;}
	.navbar .container .logo{width:147px;}
	.other-contact ul li a{font-size:14px;}
	.news-block{width:50%;}
	.partner-text{padding:10px;}
	.partner-btn a{font-size:18px; padding-top:10px;}
	.partner-btn a:hover{font-size:20px; padding-top:10px;}
	.grid-news{width:100%;}
	.no-icon{font-size:50px;}
	.no-icon2{font-size:50px;}
	.slogan{font-size:18px;}
	.page-banner-line{width:8%;}
	.ch-title{font-size:16px;}
	.title_ch{font-size:40px;margin-bottom:20px}
	.description{font-size:25px;margin-bottom:14px}
	.title_en{font-size:25px;margin-bottom:4px}
    .plus-col{padding:20px;}
    .plus-buy .plus-box{border-bottom:none;}
    .main-col .tit, .plus-col .tit, .plus-options{display:none;}
    .plus-buy .plus-shop{display:none;}
    .plus-main .price, .plus-main .discount{font-size:12px;}
    .plus-list .price, .plus-list .discount{font-size:12px;}
    .subtotal .discount{font-size:18px;}
    .plus-buy .plus-shop{width:100%; margin-right:50px; justify-content:flex-end;}
    .detail{flex-wrap:wrap;}
	.popbox-open .overlay{opacity:0.5; visibility:visible;}
}

@media only screen and (max-width:540px){
	.item-name-box>.item-detail{padding-right:0;}
	.item-detail .tit{width:90%;}
	.popbox-block{position:fixed; top:35%; left:50%; margin-left:-173px;}
	}

@media only screen and (max-width:500px){
	.news-wrapper{width:450px;}
	.news-block{width:100%;}
	.in-type{padding-top:60px;}
	.hot-title h2{font-size:32px; padding-left:20px;}
	.partner-btn a{font-size:16px; padding-top:20px;}
	.partner-btn a:hover{font-size:18px; padding-top:20px;}
	.partner-main h7{font-size:19px;}
	.block-right .row h8{font-size:20px}
	.mb-55{flex-direction:column;}
	.cart-plus-minus input{margin-right: 0;width: 200px;}
	.product-quantity{padding-bottom: 10px;}
	.pro-cart-btn a{width: 200px;}
	.pro-cart-btn{padding-bottom: 10px;}
	.pro-wish a{font-size: 20px;margin-top: 20px;margin-left: 10px;margin-right: 10px;}
	.login-blank li{width: 400px;margin-left:auto;margin-right:auto;}
	.sign-blank li{width: 400px;margin-left:auto;margin-right:auto;}
	.no-icon{font-size: 40px;}
	.no-icon2{font-size: 40px;}
	.page-banner-line{width:35%;}
	.ch-title{font-size:18px;padding-top: 5px;}
	.partner-text{line-height: 22px;}
	.products-text h2{font-size: 15px;}
	.news-wrapper{padding: 0 20px;}
	.type{font-size: 13px;}
	.shop-recom .col-7 .swiper-button-prev,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-next{right:130px;}
	.shop-recom .col-7 .swiper-button-next,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-prev{right:70px;}
	.order-btn{top:15px; right:15px;}
	.order-cancel-btn{top:15px; right:125px;}
	.order-cancel-btn a{letter-spacing:unset;}
	.remit-btn{top:15px; right:220px;}
	.remit-btn a{letter-spacing:unset;}
	.shoppingcart-item{padding-top:70px;}
	.order-tab .shoppingcart-item.completed{padding-top:20px;}
	.order-tab .shoppingcart-item.cancel{padding-top:20px;}
	.shoppingcart-wrapper{padding:0;}
	.comb-main{padding:10px;}
	.comb-sub{padding:60px 10px 10px;}
	.item-name-box>.item-pic{flex-basis:80px;}
	.delete-btn{top:0; right:0;}
	.cart-total{padding-top:20px;}
	.add_on_main{padding-top:0;}
	.navmenu-bottom{max-width:200px;}
	.block-content{padding:20px 50px 20px 20px;}
	.block-content h4{font-size:20px;}
	.block-content p{font-size:16px;}
	.detail-options-list li input[type="radio"] + label{font-size:16px;}
	.detail-options-list li input[type="radio"] + label{margin-right:7px;}
	.product-slide-box>a>.recom-tit>h4{font-size:14px; padding:0;}
	.pro-row>.pro-col>a>.tit>h4{font-size:14px;}
	.shoppingcart-item .cart-price{text-align:left;}
	.other-btn{flex-wrap:wrap;}
}

@media only screen and (max-width:480px){
	.pageBannerBlock{padding-left:50px;}
	.pageBannerBlock::before{width:40px;}
	.other-btn button + button{margin-top:15px;}
	.footMenuBox{width:100%;}
    .instructionList li{width:100%;}
    .techBtnList li{width:50%;}
    .techBtnList li .box__inner{flex-direction:row;}
    .techItemIcon{width:40px; height:40px;}
    .techItem-txt{margin-top:0; margin-left:15px;}
    .techShowTitle h4{font-size:30px;}
    .techShowContent p span{font-size:18px;}
	.oemModalList li .box__inner{font-size:14px; font-weight:500;}
	.mobile-memberList li{width:45%; margin:0 5px 15px;}
	}