/* CSS Document */
body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"微軟正黑體", Arial, sans-serif; overflow-x:hidden; background:#51aaae; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:1360px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}



.menuzord-menu > li:first-child { position:absolute; z-index:999; top:55px; right:10px; padding:0; background:none; margin:0;}
.menuzord-menu > li:nth-last-child(2) { margin-right:0; background:none; }

#content { background:#fff;}

.banner { line-height:0;}
.banner .owl-item { text-align:center;}
.banner .owl-pagination { }
.banner .owl-prev { position:absolute; z-index:100; left:0px; top:calc(50% - 10px); background:none !important;}
.banner .owl-prev:before { font-family:'FontAwesome'; font-size:90px; content:"\f104";}
.banner .owl-next { position:absolute; z-index:100; right:0px; top:calc(50% - 10px); background:none !important;}
.banner .owl-next:before { font-family:'FontAwesome'; font-size:90px; content:"\f105";}
.banner .owl-controls { bottom:20px; padding:0 20px; text-align:center !important; position:absolute; z-index:100; margin-top:0 !important; width:100%;}
.banner .owl-buttons { display:none;}
.banner-rwd { display:none !important;}

.main-content { padding:5px 0 10px 0; display:flex; flex-direction:row; flex-wrap:wrap;}
aside { width:245px; background:#55b2b7;}
.side_classLink { }
.side_classLink ul { }
.side_classLink ul li { }
/*.side_classLink ul li > a{ display:block; padding:10px; color:#585858; font-size:14px; line-height:140%; border-top:1px solid #b5b5b5; }
.side_classLink ul li > a:hover, .side_classLink ul li > a.current { color:#e60012;}*/
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}

.aside-top { position:relative; padding:50px 5px 50px 30px; }
.aside-top:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#fff;}
.aside-top > a { display:flex; margin-bottom:16px; flex-direction:row; flex-wrap:no-wrap; align-items:center;}
.aside-top > a:last-child { margin-bottom:0;}
.aside-top > a:hover { opacity:0.6;}
.aside-top-icon { width:53px;}
.aside-top-txt { width:calc(100% - 53px - 10px); margin-left:10px;}
.aside-top-txt span { display:block; padding:8px 5px; font-size:13px; letter-spacing:2px; font-weight:bold; color:#fff; border-bottom:1px dashed #fff;}
#main { width:calc(100% - 245px); padding-left:5px;}
.aside-menu { padding:20px 0;}
.aside-menu > div > a { display:block; position:relative; padding:9px 75px 9px 30px; letter-spacing:1px; color:#fff; font-size:13px;}
.aside-menu > div > a:hover, .aside-menu > div > a.current { background:#d9535e;}
.aside-menu > div > a.current:after { content:""; position:absolute; right:6px; bottom:13px; background:url(../images/aside-over.png) no-repeat; width:68px; height:41px;}
.aside-menu2 { padding:6px 0;}
.aside-menu2 > a { position:relative; display:block; padding:3px 6px 3px 44px; letter-spacing:1px; font-size:13px; color:#fff;}
.aside-menu2 > a:hover, .aside-menu2 > a.current { background:#009a9b;}
.aside-menu2 > a:before { content:""; position:absolute; height:100%; width:2px; background:#fff; left:35px; top:0;}

.search-bg { background:#faeee2; padding:15px; margin-bottom:30px;}
.search-bar { display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; border-radius:5px; background:#fff; padding:5px 10px 5px 15px;}
.search-bar input[type="text"] { width:calc(100% - 50px); letter-spacing:2px; background:none; border-width:0; color:#a2a3a3; font-size:15px;}
.search-bar a { display:block; width:50px; border-left:1px solid #b6b6b6; text-align:center; color:#a2a3a3; font-size:20px;}
.search-bar a:hover { opacity:0.6;}

#path { border-bottom:2px dashed #e2e2e2; margin-bottom:20px; padding:5px 15px;}
#path li { display:inline-block; vertical-align:top; letter-spacing:2px; font-size:13px;color:#8e8e8f;}
#path li:after { content:">"; display:inline-block; vertical-align:top; padding: 0 7px 0 10px;}
#path li:last-child:after { display:none;}
#path li a { color:#8e8e8f;}
#path li a:hover, #path li span { color:#595757;}

.white-bg { position:absolute; width:100%; height:100%; background:rgba(255,255,255,.8); opacity:0; z-index:2;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.idx-pro-list { margin-top:30px; display:flex; flex-direction:row; flex-wrap:wrap; max-width:1030px; margin:0 auto;}
.idx-pro-list > div { width:calc(33.33% - 26px); margin:0 13px 50px 13px; overflow:hidden; }
.idx-pro-list > div img { max-height: 211px;}
.idx-pro-list-pto { position:relative; line-height:0; text-align: center;}
.idx-pro-list-txt-1 { font-size:13px; color:#d57b37; text-align:center; padding:15px 10px; line-height:120%; letter-spacing:2px;}
.idx-pro-list-txt-2 { position:absolute; z-index:4; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:13px; color:#3e3a39; padding:10px; line-height:150%; opacity:0; letter-spacing:2px; text-align:center; font-weight:bold;}
.idx-pro-list > div:hover .idx-pro-list-txt-2 { opacity:1;}
.idx-pro-list > div:hover .white-bg { opacity:1;}

#page { text-align:right; padding:0px 13px 40px 13px;}
#page li { display:inline-block; vertical-align:top; margin:0 2px 3px 2px;}
#page li a { display:block; width:20px; height:20px; border-radius:100%; background:#53b2b6; color:#fff; text-align:center; font-size:14px; line-height:18px;}
#page li a:hover,#page li a.current { background:#d9535e;}
#page li a.last-page { width:inherit; font-size:13px; color:#d9535f; background:none;}

/*commodity-detail*/
.commodity-detail-box { display:flex; flex-direction:row; flex-wrap:wrap;}
.commodity-detail-box > div:first-child { width:calc(100% - 252px); padding-right:75px;}
.commodity-detail-box > div:last-child { width:252px; padding-top:22px;}
.commodity-detail-content { font-size: 13.3px; line-height: 1.5; padding:0 20px;}
.title01 { margin-bottom:20px; display:flex; flex-direction:row; flex-wrap:no-wrap; letter-spacing:2px; align-items:flex-end;}
.title01 h1 { font-size:17px; color:#231815; padding-right:32px;}
.title01 span { display:inline-block; font-size:11px;}

.rslides li { text-align:center;}
.responsive3 { padding:0 50px 15px 50px; margin-top:25px;}
.responsive3 .slick-slide img { display:inline-block;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.responsive3 .slick-slide:hover img { opacity:0.6;}
.responsive3 .slick-slide { position:relative; text-align:center; margin:0 5px; border:1px solid #e3e3e3; line-height:0; padding:3px;}
.responsive3 .slick-dots { text-align:center; display:none !important;}
.responsive3 .slick-dots li { width:auto; height:3px; overflow:hidden;}
.responsive3 .slick-dots li button { width:30px; height:3px; background:#fff; margin:0 2px;}
.responsive3 .slick-dots li button::before { content:""; display:none; }
.responsive3 .slick-dots li.slick-active button  { background:#de4609;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.responsive3 .slick-prev, .responsive3 .slick-next { width:auto; height:auto; top:33%;}
.responsive3 .slick-prev { left:5px; width: 36px; height: 36px; border-radius:100%; border:0px solid #e4e4e5; background:#fff;}
.responsive3 .slick-prev::before { font-family:'FontAwesome'; content:"\f053"; font-size:22px; color:#333;}
.responsive3 .slick-next { right:5px; width: 36px; height: 36px; border-radius:100%; border:0px solid #e4e4e5; background:#fff;}
.responsive3 .slick-next::before { font-family:'FontAwesome'; content:"\f054"; font-size:22px; color:#333;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus { background:rgba(255,255,255,.8);}
.responsive3 a:before {content: "";display: block;position: absolute;width: 100%;height: 100%;z-index: 1;}
.rslides_here { border-color:#e37d8a !important; }

.commodity-detail-cash { display:flex; flex-direction:row; flex-wrap:wrap; margin-top:30px; margin-bottom:45px; align-items:flex-end;}
.commodity-cash { padding-right:30px; font-size:13px; letter-spacing:2px; line-height:120%; color:#595758; width:180px;}
.commodity-cash > b { display:block; font-weight:normal; color:#d9535f; padding-bottom:3px;}
.commodity-cash > span { display:block; font-size:45px; color:#d9535f; line-height:120%; margin-bottom:5px; position:relative; left:-10px;}
.minus, .plus { padding: 0;vertical-align: middle;line-height: 18px;border: none;width: 22px;height: 22px;cursor: pointer;margin: 0;display: inline;border: 0;border-radius: 0;color: #595757;outline: none; border: 0; font-size:15px; background:#fff;}
.minus { border-width:1px 0 1px 1px; border-style:solid; border-color:#595757;}
.plus { border-width:1px 1px 1px 0px; border-style:solid; border-color:#595757;}
.qty { border: 1px solid #595757;outline: none;font: 18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #595757;background: #fff;height: 22px;width: 40px;display: inline;padding: 0px 5px;line-height: 22px;vertical-align: middle;margin: 0;text-align: center;}

.commodity-btn { padding-left:25px; width:calc((100% - 180px) / 2);}
.commodity-btn a { display:block; position:relative; text-align:center; width:100%; height:30px; border-radius:5px; font-size:13px; color:#fff; line-height:30px;}
.commodity-btn a:hover { opacity:0.6;}
.commodity-btn a:before { content:""; display:block; width:83px; height:80px; bottom:30px; left:calc(50% - 41px); position:absolute;}
.commodity-btn-1 { background:#d9535e;}
.commodity-btn-1:before { background:url(../images/commodity-btn-1.jpg) no-repeat top center;}
.commodity-btn-2 { background:#ffc40e;}
.commodity-btn-2:before { background:url(../images/commodity-btn-2.jpg) no-repeat top center;}
.commodity-btn-3 { background:#ffc40e;}


.commodity-detail-title { margin-bottom:18px; position:relative; text-align:center;}
.commodity-detail-title span { display:inline-block; letter-spacing:3px; padding:10px 10px 10px 13px; background:#fff; color:#d9535f; font-size:13px; position:relative; z-index:2;}
.commodity-detail-title:after { content:""; display:block; width:100%; height:1px; background:#d9535f; top:18px; position:absolute;}
.commodity-detail-info { display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:20px;}
.commodity-detail-info > div { width:33.33%; text-align:center; padding:0 0 10px 0; color:#231815; font-size:13px;}
.commodity-detail-info2 { text-align:center; margin-bottom:20px; color:#231815; font-size:13px; line-height:140%;}

.title02 { letter-spacing:4px; font-size:20px; font-weight:bold; color:#d9535f; line-height:120%; padding-bottom:22px; text-align:center;}
.title03 { letter-spacing:4px; font-size:20px; font-weight:bold; color:#41af5f; line-height:120%; padding-bottom:22px; text-align:center;}
.review-content { max-width:280px; margin:0 auto;}
.review-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.review-list > div { padding-bottom:10px;}
.review-list > div textarea { border:1px solid #808080; height:105px; width:100%; padding:10px; font-size:13px; letter-spacing:1px; color:#595758;}
/*.review-list > div input[type="file"] { display:none;}*/
.review-list > div:nth-child(odd) { padding-left:5px; width:94px; font-size:13px; color:#595758;}
.review-list > div:nth-child(even) { padding-left:0px; width:100%;}
.review-list-star { width:calc(100% - 94px) !important;}
.review-list-star i { display:inline-block; margin-right:5px; color:#a3a3a3; font-size:18px;}
#starSelect{ cursor:pointer; }
.review-list-star i.active { color:#f7c50e;}

.custom-file-input::-webkit-file-upload-button {visibility: hidden;}
.custom-file-input::before {content: '上傳圖片';display: block;border: 1px solid #808080;padding: 5px 8px;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;text-shadow: 1px 1px #fff;font-weight: 700;font-size: 10pt; color:#595758; font-weight:normal;}
.custom-file-input:hover::before {border-color: black;}
.custom-file-input:active::before {background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);}

.review-list-btn { display:block; border-radius:10px; margin:15px 0 25px 0; background:#f1c11f; color:#fff; padding:4px 15px; text-align:center; letter-spacing:3px; font-size:17px;}
.review-list-btn:hover { opacity:0.6;}

.review-show { border-width:1px 0 0 0; border-style:solid; border-color:#d9535f;}
.review-show > div:last-child { border-width:0 !important;}
.review-show-list { padding:30px 0 15px 0; border-bottom:1px dashed #54b2b7; display:flex; flex-direction:row; flex-wrap:wrap;}
.review-show-list > div:first-child { width:65%; padding-left:70px;}
.review-show-list > div:last-child { width:35%; text-align:center;}
.review-show-info { display:flex; flex-direction:row; flex-wrap:wrap;}
.review-show-info > div { padding-bottom:15px; font-size:13px; letter-spacing:1px;}
.review-show-info > div:nth-of-type(1) { width:100px; color:#54b2b7;}
.role-admin { color: rebeccapurple;}
.review-show-info > div:nth-of-type(2) { padding-left:10px; width:calc(100% - 100px);}
.review-show-info > div:nth-of-type(3) { width:100%; color:#595757;}
.review-show-info .review-list-star { width:100% !important;}
.review-show-pto img { box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); max-width:75px;}
.review-show-pto span { display:inline-block; font-size:12px; color:#595757; }

.disc-list-1 { margin:0 0 40px 20px;}
.disc-list-1 li { list-style-type:disc; letter-spacing:1px; font-size:13px; color:#d9535f; margin-bottom:20px;}

.related-pro { border:1px solid #c6c6c6; padding:10px;}
.related-pro-title { padding:10px 0; letter-spacing:3px; color:#8e8e8f; text-align:center; border-bottom:1px dashed #8e8e8f;}
.related-pro-list { border-bottom:1px dashed #8e8e8f; padding:20px 0; text-align:center;}
.related-pro-list:last-child { border-width:0;}
.related-pro-pto { position:relative; line-height:0;}
.related-pro-txt { font-size:13px; color:#d57b37; text-align:center; padding:15px 10px 0 10px; line-height:120%; letter-spacing:2px;}
.related-pro-list:hover .related-pro-pto { opacity:0.6;}

.list-type-1 { color:#54b2b7; display: inline-block;padding-left: 15px;position: relative;}
.list-type-1:before { content:"◎";	position: absolute; left: 4px;}

.list-type-2 { color:#54b2b7; }
.list-type-2 > div { color:#54b2b7; display: inline-block;padding-left: 20px;position: relative;}
.list-type-2 > div:before { position: absolute; left: 0px;}
.list-type-2 > div:nth-of-type(1):before { content:"(1)";	}
.list-type-2 > div:nth-of-type(2):before { content:"(2)";	}
.list-type-2 > div:nth-of-type(3):before { content:"(3)";	}

.list-type-3 { display: block;padding-left: 15px;position: relative;}
.list-type-3:before { content:"※";	position: absolute; left: 0px;}

.list-type-4 > div { color:#3e3a39;}

.list-type-5 { margin:0 0 0 25px;}
.list-type-5 > li { list-style-type:decimal;}

.list-type-6 { position: relative; padding-left:15px;}
.list-type-6:before { content:"#";	position: absolute; left: 4px;}


/*member*/
.member-box { padding:30px 0;}
.member-login-box { max-width:390px; margin:0 auto; width:100%; display:flex; flex-direction:row; flex-wrap:wrap;}
.member-login-box > div { width:100%;}
.member-login-box > div:nth-of-type(1) { position:relative; line-height:0;}
.member-login-box-title { position:absolute; bottom:30px; width:calc(100% - 58px); left:29px; font-size:21px; color:#fefefe; border-bottom:1px solid #fefefe; line-height:100%; padding-bottom:8px; text-align:center;}
.member-login-box > div:nth-of-type(2) { border-radius:0 0 8px 8px; background:#d2535e; padding:20px 38px 10px 38px;}
.member-login-table { width:100%; border-spacing:0;}
.member-login-table th { width:56px; font-weight:normal; text-align:left; font-size:19px; color:#fefefe; letter-spacing:2px; vertical-align:top; padding-bottom:20px;}
.member-login-table td { vertical-align:middle; padding-bottom:20px;}
.member-login-table td input[type="text"],.member-login-table td input[type="password"] { height:32px; border:1px solid #53adb2; border-radius:7px; background:#fff; padding:0 10px; line-height:32px; width:100%;}
.member-login-table-btn { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; align-items:center;margin-bottom: 10px;}
.member-login-table-btn > div:first-child { color:#fefefe; font-size:15px; letter-spacing:2px;width: 85px;}
.member-login-table-btn > div:last-child { width: calc(100% - 95px);}
.member-login-table-btn > div:last-child a { display:block; width:100%; line-height:28px; color:#fefefe; text-align:center; letter-spacing:2px; font-size:19px; background:#4faeb2; border-radius:10px;margin: 0;}
.member-login-table-btn:nth-child(2) > div{width: 100%!important;}
.member-login-table-btn:nth-child(2) > div > a{width: 100%!important;}
.member-login-table-btn > div:last-child a:hover { opacity:0.6;}
.member-login-bottom { padding-top:15px; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-around;}
.member-login-bottom > div { padding:0 5px;}
.member-login-bottom > div a { color:#595857; font-size:13px; letter-spacing:2px;}
.member-login-bottom > div a:hover { opacity:0.6;}
.member-login-bottom > div:last-child a { color:#f4c224; font-size:17px;}

/*member-join*/
.member-join-box { max-width:640px; width:100%; margin:0 auto; padding:0 10px;}
.member-join-title { letter-spacing:1px; font-size:13px; color:#3e3a39; padding-bottom:40px; text-align:left;}
.member-join-form { padding-left:98px; padding-bottom:32px;}
.member-join-form-table { border-spacing:10px; width:100%;}
.member-join-form-table input[type="text"], 
.member-join-form-table input[type="number"], 
.member-join-form-table input[type="tel"], 
.member-join-form-table input[type="phone"], 
.member-join-form-table input[type="date"], 
.member-join-form-table input[type="email"], 
.member-join-form-table input[type="password"], 
.member-join-form-table input[type="button"] { border:1px solid #9f9fa0; border-radius:8px; height:30px; line-height:30px; padding:0 8px; text-align:left; font-size:15px; color:#595857; margin-bottom:3px;}
.member-join-form-table textarea { border:1px solid #9f9fa0; border-radius:8px; height:130px; line-height:150%; padding:0 8px; text-align:left; font-size:15px; color:#595857; margin-bottom:3px; width:100%;}
input[type="radio"] {
    /*display:none; */
    position: absolute;
    left: auto;
    margin-top: 3px;
}
input[type="radio"]:checked+label:after { position:absolute; content:""; width:6px; height:6px; background:#333; left:calc(50% - 3px); top:calc(50% - 3px); border-radius:100%;}
input[type="checkbox"] { display:none;}
input[type="checkbox"]:checked+label:after { position:absolute; content:""; width:6px; height:6px; background:#333; left:calc(50% - 3px); top:calc(50% - 3px); border-radius:100%;}
.member-join-form-table th { width:102px; vertical-align:top; font-weight:normal; text-align:left; letter-spacing:1px; font-size:15px; color:#595757; padding-top:3px;}
.member-join-form-table th.bill, .member-join-form-table th.number{width: 80px;}
.member-join-form-table th span { display:inline; color:#f8b73d; font-size:13px; padding-right:8px;}
.member-join-form-table td { vertical-align:middle; font-weight:normal; text-align:left; letter-spacing:1px; font-size:15px; color:#595757;}
.member-join-form-table td span { color:#7d7d7d; font-size:13px; display:block; margin-top:5px; padding:3px;}
.member-join-form-table td label, .cart-box label, .member-login-table label { display:inline-block; vertical-align:top; margin-right:5px; border:1px solid #9f9fa0; width:22px; height:22px; border-radius:100%; position:relative; background:#fff;}
.member-join-form-table .cart_email{color: #595757!important;font-size: 13px!important;padding: 0!important;}
.verification-code { display:inline-block; vertical-align:middle; margin-left:10px;}
.width-60 { width:60px;}
.width-100 { width:100px;}
.width-130 { width:130px;}
.width-170 { width:170px;}
.width-260 { width:260px;}
.btn01 { text-align:right;}
.btn01 a { display:inline-block; min-width:140px; line-height:28px; text-align:center; color:#fff; background:#f2c222; letter-spacing:2px; font-size:19px; border-radius:10px;}
.btn01 a:hover { opacity:0.6;}
.btn02 a { color:#f2c222; background:#fff; border:1px solid #f2c222;}
.btn02 a:hover { opacity:0.6;}

/*member-center*/
.member-center-box { max-width:960px; margin:0 auto; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; padding-top:58px; padding-left:10px; padding-right:10px;}
.member-center-box > div:first-child { width:140px;}
.member-center-box > div:last-child { width:calc(100% - 140px); padding-left:70px;}
.member-center-title { position:relative; height:28px; background:#f2c222; padding:0 62px 0 10px; line-height:28px; font-size:13px; color:#fefefe; letter-spacing:2px; }
.member-center-title:after { content:""; display:block; bottom:0; right:1px; background:url(../images/member-center-title-icon.jpg) no-repeat; width:57px; height:69px; position:absolute;}
.member-center-menu { padding:26px 10px;}
.member-center-menu a { display:block; letter-spacing:1px; font-size:13px; color:#53adb2; margin-bottom:6px;}
.member-center-menu a:hover, .member-center-menu a.current { color:#333;}
.member-center-info-top { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; align-items:center; margin-bottom:25px;}
.member-center-path li { display:inline-block; vertical-align:top; letter-spacing:1px; font-size:13px; color:#9f9fa0;}
.member-center-path li:after { content:"/"; display:inline-block; vertical-align:top; padding:0 3px;}
.member-center-path li:last-child:after { display:none;}
.member-center-path li a { color:#3e3a39;}
.member-center-path li a:hover { color:#9f9fa0;}
.select-type-1 { border: 1px solid #ddd;background-image: url(../images/product-select.png);background-repeat: no-repeat;background-position: calc(100% - 7px) 0px; border:1px solid #f1c221;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 1px 27px 1px 5px;font-size: 13px;color: #f1c221; letter-spacing:1px; height: 25px;margin-bottom: 5px;background-color: #fff;margin-left: 15px;border-radius: 13px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);}

/*member-order*/
#page2 { text-align:right; padding:20px 0 20px 0;}
#page2 li { display:inline-block; vertical-align:top; margin:0 0px 3px 0px;}
#page2 li a { display:block; color:#53adb2; text-align:center; padding:0 10px; font-size:17px; line-height:20px;}
#page2 li a:hover, #page2 li a.current { color:#d1525d;}
.status-0 { color:#53adb2;}
.status-1 { color:#d1525d;}
.member-order-rwd { border: 1px solid #b5b5b5;padding: 20px;display: flex;flex-direction: row;flex-wrap: wrap;margin: 10px 0;}
.member-order-rwd > div:nth-child(odd) { background: #f2c222;color: #fefefe;font-size: 15px;text-align: center;letter-spacing: 1px; width:50%; padding: 10px; border-bottom:1px solid #eee;}
.member-order-rwd > div:nth-child(even) { color: #595857;font-size: 15px;letter-spacing: 1px;padding: 10px;border-bottom: 1px solid #b6b6b6; width:50%;}
.member-order-rwd > div a { text-decoration:underline; color:#595857;}

/*member-search*/
.member-search-info { border-top:22px solid #f2c222; border-bottom:1px solid #b6b6b6; display:flex; flex-direction:row; flex-wrap:wrap;}
.member-search-left { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center; align-items:center; padding:42px 10px; width:50%;}
.member-search-right { width:50%; padding:12px; letter-spacing:1px; font-size:12px; color:#221814; border-left:1px solid #b6b6b6;}
/*.member-search-left > div:first-child { border-right:1px solid #595857;}*/
.member-search-left > div { width:50%; text-align:center; font-size:13px; color:#595857; letter-spacing:1px; line-height:170%;}
.member-search-left > div span { display:inline; color:#d1525d; font-size:70px; margin-right:15px; line-height:110%;}

/*cart*/
.cart-box { max-width:920px; margin:0 auto; width:100%;}
.cart-flow { margin:10px 0 0px 0; display:flex; flex-direction:row; flex-wrap:no-wrap; height:100px;}
.cart-flow > div { position:relative;}
.cart-flow-icon { position:absolute; right:-30px; top:5px; z-index:2; background:url(../images/cart-flow-0.png) no-repeat top center; padding-top:10px; letter-spacing:1px; font-size:13px; color:#3e3a39; text-align:center; min-width:40px;}
.cart-flow-icon2 { right:calc(50% - 30px);}
.cart-flow-icon span { display:block; text-align:center; color:#fff; font-size:19px; line-height:110%; margin-bottom:9px;}
.cart-flow > div:nth-of-type(1) { width:21%;}
.cart-flow > div:nth-of-type(1):before { content:""; display:block; position:absolute; height:8px; width:100%; background:#dcdedd; border-radius:4px 0 0 4px; margin-top:20px; left:0;}
.cart-flow > div:nth-of-type(1).current:before, .cart-flow > div:nth-of-type(2).current:before, .cart-flow > div:nth-of-type(3).current:before, .cart-flow > div:nth-of-type(4).current:before { background:#4faeb2;}
.cart-flow > div:nth-of-type(1).current .cart-flow-icon, .cart-flow > div:nth-of-type(2).current .cart-flow-icon, .cart-flow > div:nth-of-type(3).current .cart-flow-icon, .cart-flow > div:nth-of-type(4).current .cart-flow-icon { background:url(../images/cart-flow-1.png) no-repeat top center;}
.cart-flow > div:nth-of-type(2) { width:19%;}
.cart-flow > div:nth-of-type(2):before { content:""; display:block; position:absolute; height:8px; width:100%; background:#dcdedd; border-radius:0; margin-top:20px; left:0;}
.cart-flow > div:nth-of-type(3) { width:20%;}
.cart-flow > div:nth-of-type(3):before { content:""; display:block; position:absolute; height:8px; width:100%; background:#dcdedd; border-radius:0px 4px 4px 0px; margin-top:20px; left:0;}
.cart-flow > div:nth-of-type(4) { width:40%;}
.cart-flow > div:nth-of-type(4):before { content:""; display:block; position:absolute; height:8px; width:100%; background:#dcdedd; border-radius:0px 4px 4px 0px; margin-top:20px; left:0;}

.cart-table { min-width:600px;}
.cart-table tr:nth-child(even) { background:#fff8ee;}
.cart-table .col_name{ display: none;}
.cart-pto-name { text-align:left !important;}
.cart-pto-name span { display:inline-block; vertical-align:middle; margin-right:22px; letter-spacing:1px; font-size:15px; color:#595857; text-align:left;}
.cart-pto-name span a{ color: #595857; }
.cart-pto-name img { max-width:70px;}
.money-red { color:#e94820 !important;}
.cart-info { padding:15px 0; border-bottom:1px dashed #b5b5b5; margin-bottom:10px; display:flex; flex-direction:row; flex-wrap:wrap;}
.cart-info > div:nth-of-type(1) { width:564px;}
.select-type-2 { border: 1px solid #ddd;background-image: url(../images/product-select2.png);background-repeat: no-repeat;background-position: 100% 0px; border:1px solid #595857; background-size:contain;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0px 27px 1px 6px;font-size: 15px;color: #595857; letter-spacing:1px; height: 22px;background-color: #fff;
min-width: 118px;
}

.input-type-1 {
    border: 1px solid #ddd;
    border:1px solid #595857; background-size:contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 27px 1px 6px;font-size: 15px;color: #595857; letter-spacing:1px; height: 22px;background-color: #fff;
    width: 118px;
}
.cart-info-list { display:flex; flex-direction:row; flex-wrap:wrap; width:230px;}
.cart-info-list > div { text-align:right; letter-spacing:1px;}
.cart-info-list > div:nth-child(odd) { width:55%; color:#595857; font-size:13px;}
.cart-info-list > div:nth-child(even) { width:45%; color:#e94820; font-size:15px;}
.cart-info-total { padding-left:564px;}

.cart-rwd-box { /*display:none;*/ padding:0 10px;}
.cart-rwd { border:1px solid #b5b5b5; padding:20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin:10px 0; }
.cart-rwd > div:nth-of-type(1) { width:100%;}
.cart-rwd > div:nth-of-type(2) { text-decoration:line-through;}
.cart-rwd > div:nth-of-type(2), .cart-rwd > div:nth-of-type(4) { width:50%; text-align:left; padding-top:10px;}
.cart-rwd > div:nth-of-type(3), .cart-rwd > div:nth-of-type(5) { width:50%; text-align:right; padding-top:10px;}
.cart-rwd > div:nth-of-type(4) a { color: #595857; text-decoration: underline; display:inline-block; padding-left:10px;}
.cart-rwd > div:nth-of-type(4) a:hover { color: #53adb2; text-decoration: underline;}

.pay-title { background:#f2c222; color:#fff; letter-spacing:1px; font-size:13px; padding:10px; text-align:center; margin-top:30px;}
.pay-list { padding:10px 10px; border-bottom:1px solid #b6b6b6; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;}
.pay-list > div { width:20%; padding:10px 0;}
.pay-btn { text-align:center;}
.pay-info { padding:25px 35px; letter-spacing:1px; font-size:15px; color:#3e3a39; line-height:160%;}
.note-title { background:#c1c1c3; color:#fff; letter-spacing:1px; font-size:13px; padding:5px 10px; text-align:center;}

.cart-info2 > div:nth-of-type(1) { width:617px;}
.cart-info-total2 { padding-left:617px;}

.cart2-form-box { max-width:760px; width:100%; margin:0 auto;}
.select-type-3 { border: 1px solid #ddd;background-image: url(../images/product-select3.png);background-repeat: no-repeat;background-position: calc(100% - 1px) 11px; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:1px solid #9f9fa0; border-radius:8px; height:30px; line-height:30px; padding:0 28px 0 8px; text-align:left; font-size:15px; color:#595857; margin-bottom:3px;}
.cart2-btn { background:#f2c222 !important; color:#fff !important;} 
.fix-note { position:fixed; z-index:100000; width:100%; height:100%; background:rgba(0,0,0,.85); top:0; left:0; display:flex; justify-content:center; align-items:center;}
.fix-note img { cursor:pointer;}
.note-close { display:none;}

.hand-scroll {padding: 0px 0 0px 0;font-size: 14px;color: #df0012;display: none;}
.hand-scroll img { display:inline-block; vertical-align:middle;}

/*隱私權*/
.provicy_box .privacy_screen{}
.provicy_box .privacy_screen ol{margin-left: 10px;}
.provicy_box .privacy_screen ol li{list-style-type:decimal !important;margin-left: 15px;}


/*news-detail*/
.news-detail-box { max-width:950px; margin:0 auto; padding:45px 15px;}
.news-detail-top { display:flex; flex-direction:row; flex-wrap:wrap;}
.news-detail-top > div:first-child { width:50%; padding-right:24px;}
.news-detail-top > div:last-child { width:50%; padding-left:24px; font-size:13px; color:#231815; line-height:130%;}
.news-detail-title { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; padding-bottom:65px; align-items:center;}
.news-detail-title > div:first-child { color:#54b2b7; font-size:18px; font-weight:bold; letter-spacing:2px; line-height:150%;}
.news-detail-title > div:last-child { width:85px; text-align:right; font-size:11px; color:#595758;}
.news-detail-bottom { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:30px 0;}
.news-detail-bottom a { display:inline-block; font-weight:bold; color:#d9535f; font-size:13px; letter-spacing:3px; position:relative;}
.news-detail-bottom a:after { position:absolute; display:block; width:0%; height:1px; background:#d9535f; bottom:-5px; content:"";
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.news-detail-bottom a:hover:after { width:100%; }
.other_box .contact_table{border-left: 1px solid #d4c8bc;border-top: 1px solid #d4c8bc;width: 80%;}
.other_box .contact_table th {border-right: 1px solid #d4c8bc;border-bottom: 1px solid #d4c8bc;background-color: #faeee2;padding: 5px 0;color: #383838;text-align: center;width: 20%;}
.other_box .contact_table td{border-right: 1px solid #d4c8bc;border-bottom: 1px solid #d4c8bc;}
.other_box .contact_table td select{border-color: #ccc;padding: 5px 2px;}
.other_box .contact_table input{padding: 5px 2px;width: 98%;}
.other_box .contact_table input.search_product{width:55%;}
.other_box .contact_btn{padding: 5px 30px;font-family:"微軟正黑體", Arial, sans-serif;margin: 10px 0;border: 3px solid rgb(229, 154, 39);color:rgb(229, 154, 39);background: #fff;font-size: 18px;font-weight: bold;box-shadow: none;text-shadow: none;border-radius: 8px;-webkit-appearance: none;}
.other_box .contact_btn:hover{background: rgba(229, 154, 39, 0.99);color: #fff;position: relative;top: -5px;}

.provicy_box{width: 70% !important;right:0px;left:0px!important;margin: 0 auto;}


.video { position: relative; width: 100%; max-width: 700px; margin: 0 auto; }
.video:before { content: ""; display: block; padding-top: 60%;  }
.video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.fix_table{ margin: 0 auto; }

@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1025px) {
.magnify .magnify-lens { display:none !important;}
}
@media only screen and (max-width: 980px) {
.showhide:before { color:#595757 !important}
.menuzord-menu > li:first-child { position:inherit;  top:auto; right:auto; border-bottom:solid 1px rgba(0,0,0,.1); padding:10px 0 !important;}

.banner { display:none !important;}
.banner-rwd { display:block !important;}

.main-content { padding-top:0;}
aside { width:100%;}
#main { width:100%; padding-left:0;}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative; border-bottom:1px solid #fff;}
.m_classLink a.main{ display:block; font-size:16px; font-weight:normal; letter-spacing:2px; position:relative; padding: 12px 10px 14px 10px; color:#fff; text-align:left; cursor:pointer; background:#55b2b7;}
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#fff; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width: calc(100% + 6px);  position:absolute; z-index:5; background:#55b2b7; border-top-width:1px; border-color:#fff; border-style:solid; left:-3px; }
.m_classLink ul li { }
.m_classLink ul li.current02{ display:none; }
.search-bg { margin-bottom:10px;}
.cart-info { flex-direction:column; padding-left:10px; padding-right:10px; max-width:390px; margin:0 auto;}
.cart-info > div, .cart-info-list { width:100% !important;}
.cart-info-list { margin-top:20px;}
.cart-info-list > div { text-align:left;}
.cart-info-total { padding-left:10px; padding-right:10px;max-width:390px; margin:0 auto;}
.cart-info-list > div:nth-child(odd) { width:calc(100% - 80px);}
.cart-info-list > div:nth-child(even) { width:80px;}

.idx-pro-list .idx-pro-list-txt-2, .idx-pro-list .white-bg { display:none;}
.idx-pro-list > div:hover .idx-pro-list-txt-1 { opacity:1;}

}

@media only screen and (max-width: 768px) {
#page { text-align:center;}
.commodity-detail-box > div { width:100% !important; padding-right:0 !important;}
.commodity-detail-box > div:last-child { padding:20px !important;}
.related-pro { border-radius:6px;}
.member-center-box > div { width:100% !important; padding-left:0 !important;}
.member-center-title { display:none;}
.member-center-box { padding-top:0;}
.member-center-menu { padding:0 0 20px 0; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;}
.member-center-menu a { border:1px solid #53adb2; margin:0 3px; padding:3px 6px; text-align:center; letter-spacing: -0.3px; }
.member-center-menu a:hover, .member-center-menu a.current { border-color:#333;}
.member-center-info-top { flex-direction:column; align-items:flex-start;}
.member-center-path { margin-bottom:7px;}
.select-type-1 { margin-right:10px; margin-left:0;}
.news-detail-box { padding:25px 15px;}
.news-detail-top > div { width:100% !important; padding:0 0 25px 0 !important;}
.news-detail-top > div:first-child { text-align:center;}
.news-detail-title { flex-direction:column; justify-content:flex-start; padding-bottom:30px;}
.news-detail-title > div { width:100% !important; text-align:left !important;}

.review-show-info > div { width:100% !important; padding-left:0 !important;}
/*.cart-pc-box { display:none;}*/
.cart-rwd-box { display:block;}
.banner .owl-controls { bottom:3px;}
}
@media only screen and (max-width: 640px) {
.idx-pro-list > div { width:calc(50% - 26px); margin-bottom:25px; }
.commodity-detail-info > div { width:100%; text-align:left;}
.commodity-detail-info2 { text-align:left;}
.member-search-info > div { width:100%;}	
.member-search-right { border-left:0px solid #b6b6b6; border-top:1px solid #b6b6b6}
.member-search-left { padding-left:0; padding-right:0;}
.pay-list > div { width:50%;}
.pay-list > div:last-child { width:100%;}
.pay-info { padding:15px; }

/*.hand-scroll { display:block;}*/
}
@media only screen and (max-width: 570px) {
.commodity-cash { width:100%; padding:0 5px; text-align:center;}
.commodity-btn { padding:0 5px; width:50%; margin-top:100px;}
.review-show-list > div { width:100% !important; padding-left:0 !important; text-align:left !important;}
.member-join-form { padding-left:0;}
.btn01 { text-align:center;}
.other_box .contact_table{width:100%;}
.other_box .contact_table input{width: 95%;}
.other_box .contact_table input.search_product{width:50%;}
.provicy_box{width: auto !important;}
}

@media only screen and (max-width: 414px) {
.idx-pro-list > div { width:calc(100% - 26px);}
.member-login-table-btn {  align-items:flex-start;}
.member-login-table-btn > div:first-child { padding-bottom:10px;}
/*.member-login-table-btn > div:last-child { width:100%;}*/
.member-login-table-btn > div:last-child a { width:100%;}
.member-join-form-table th, .member-join-form-table td { display:list-item; margin-bottom:10px;}
.member-join-form-table th { width:100%; font-weight:bold;}
}

@media only screen and (max-width: 320px) {

}

.required{
    border: 2px solid red !important;
}

.other_box{
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1030px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
}
.idx-about-bg {
    padding: 95px 0 50px 0;
    background: #f8c40e;
}
.idx-about-list-data{
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    font-weight: normal;
    letter-spacing: 1px;
}
.shop_btn_new{
    display: inline-block;
    min-width: 140px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: #f2c222;
    letter-spacing: 2px;
    font-size: 19px;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
}
.shop_btn_new:hover {
    opacity: 0.6;
}
.shop_btn_new2{
    color: #f2c222;
    background: #fff;
    border: 1px solid #f2c222;
}
.point_remark
{
    color: #e94820;
    font-size: 13px;
}
#date_week{
    display: inline;
    color: #f8b73d;
    font-size: 13px;
}

.colorSelect{
    margin-top: 10px;
}