/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 'Noto Sans TC', sans-serif; overflow-x: hidden;}
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; 
-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:1300px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 17px; line-height:30px; color: #3e3a39; letter-spacing: 0.05rem; padding-top: 235px;}
#content p{ margin-bottom: 30px; margin-top: 0; font-size: 17px;}

header { border-bottom: 1px solid #2660ad;}

#path { padding:10px 3% 100px 3%;text-align: left; color: #231815; position: relative; z-index: 2;}
#path ul { margin-bottom: 0;}
#path li { display: inline-block; vertical-align: top; font-size: 14px;}
#path li:after { content:"/"; display: inline-block; vertical-align: top; padding: 0 0 0 4px;}
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #231815;}
#path li a:hover, #path li:last-child a { color: #2660ad;}

/*about*/
.about-main-section { position: relative; margin-top: -142px;background: url(../images/about-bg.jpg) no-repeat top center; padding: 155px 3% 0 3%;}
.about-section-1 { line-height: 180%; margin-bottom: 420px; padding-bottom: 30px;}
.title01 { padding-bottom: 40px; letter-spacing: 0.35rem;}
.title01 h1 { font-size: 40px; color: #2660ad; letter-spacing: 0.5rem; line-height: 100%; padding-bottom: 5px; margin: 0;font-weight: 500; font-family: 'Noto Sans TC', sans-serif;}
.title01 span { font-size: 15px; text-transform: uppercase; padding-left: 5px;}

.title02 { font-size: 30px; padding-bottom: 25px;font-weight: 500;}

.about-section-2 { border-radius: 20px 20px 0 0; background: rgba(255,255,255,.75); padding: 60px 40px;}
.about-a { margin-bottom: 38px; background: #f7f8f8; line-height: 200%;}
.about-a-content { padding: 50px 5%; display: flex; flex-direction: row; flex-wrap: wrap;}
.about-a-content > div:nth-of-type(1) { width: 40%;display: flex; flex-direction: column; flex-wrap: wrap;}
.about-a-content > div:nth-of-type(2) { width: 60%;}
.about-pto { line-height: 0; overflow: hidden;}
.about-title { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.about-title > span { display: inline-block; }
.about-title > span:nth-of-type(1) { writing-mode: vertical-lr; text-orientation: mixed; font-size: 15px;letter-spacing: 0.1rem;}
.about-title > span:nth-of-type(2) { writing-mode: vertical-lr; font-size: 28px; font-weight: 500;letter-spacing: 0.5rem;}
.about-number-1 { padding-top: 90px; position: relative; top:-10px;}
.about-number-1 img { width: 100px;}
.about-number-1:before { content: ""; position: absolute; width: 1px; height: 90px; left: 10px; top: 0; background: #b6c04e;}

.about-b { margin-bottom: 38px; line-height: 200%; display: flex; flex-direction: row; flex-wrap: wrap;}
.about-b > div { width: 50%;}
.about-b > div:nth-of-type(1) { background: url(../images/about-pto-2.jpg) no-repeat center center; background-size: cover; line-height: 0;}
.about-b > div:nth-of-type(1) img { display: none;}
.about-b > div:nth-of-type(2) { padding: 50px 5%;}
.about-b-top { display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 100px;}
.about-b-top > div:nth-of-type(1) { width: calc(100% - 180px - 90px); min-width: 100px;}
.about-b-top > div:nth-of-type(1) img { width: 100px;}
.about-b-top > div:nth-of-type(2) { width: 180px; padding-right: 20px;}
.about-b-top > div:nth-of-type(3) { min-width: 90px;}

.about-c { background: #f7f8f8;}
.about-c > div:nth-of-type(1) {order: 2; background: url(../images/about-pto-3.jpg) no-repeat center center; background-size: cover; }
.about-c > div:nth-of-type(2) {order: 1;}
.about-c-top { display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 100px;}
.about-c-top > div:nth-of-type(1) { padding-right: 30px;}
.about-c-top > div:nth-of-type(2) img { width: 100px;}

/*products*/
.banner { height: 367px; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.products-section { padding: 0 3%;padding-bottom: 72px;}
.align-center { text-align: center;}

.products-list { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 30px;}
.products-list > a { display: block; width: 25%; padding:0 3% 70px 3%; }
.pro-pto { line-height: 0; margin-bottom: 10px; }
.pro-name { border-left: 2px solid #3e3a39; padding-left: 16px; font-size: 20px; color: #3e3a39;}
.pro-name span { display: block; padding-bottom: 6px;}

/*products-list*/
.products-main { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: -70px; position: relative; z-index: 3;}
.products-main > div:nth-of-type(1) { width: 300px;}
.products-main > div:nth-of-type(2) { width: calc(100% - 300px); padding-left: 5%;}

.side_classLink { }
.side_classLink > ul { list-style:none;}
.side_classLink > ul > li { margin-bottom: 20px;}
.side_classLink > ul > li > a{ font-size: 15px; color: #3e3a39; display:block; padding:0 0 14px 0; line-height:100%;}
.side_classLink > ul > li > a:hover, .side_classLink > ul > li > a.current, .side_classLink > ul > li.active > a { color:#2660ad;}
.side_classLink > ul > li > ul { border-bottom: 1px solid #898989; padding-bottom: 15px; padding-top: 15px;}
.side_classLink > ul > li > ul > li { display: block;}
.side_classLink > ul > li > ul > li > a{ display: block; position: relative; padding-bottom: 13px; color: #898989; font-size: 15px; line-height: 100%; }
.side_classLink > ul > li > ul > li > a:hover, .side_classLink > ul > li > ul > li > a.current, .side_classLink > ul > li > ul > li.active > a { color:#2660ad;}
.side_classLink > ul > li.current02{ display:none; }
.m_classLink{ display:none;}

.title03 { padding-bottom: 100px;}
.title03 h1 { margin: 0; font-size: 20px; font-weight: 500;}

.p-list { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 20px;}
.p-list > a { width: 33.33%; padding: 0 15px 40px 0;}
.p-list-pto { position: relative; margin-bottom: 15px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; padding:60px 0 11% 0;}
.p-list-name { font-weight: 500; font-size: 17px; color: #727171; line-height: 1.7em; padding: 0 10px;}
.p-list-name span { display: block; font-size: 20px; color: #3e3a39;}
.p-list-cash { font-size: 24px; color: #2660ad; font-weight: bold;margin-top: 5px;}
.idx-pro-top, .idx-pro-hot { position: absolute; top: 12px; left: 12px; font-size: 18px; height: 25px; padding-left: 35px;padding-top:0px;}
.idx-pro-top { color: #2660ad; background: url(../images/icon-top.png) no-repeat 0 0px; background-size: contain;}
.idx-pro-hot { color: #eb6100; background: url(../images/icon-hot.png) no-repeat 0 0px; background-size: contain;}

#page { text-align: center; padding-bottom: 40px;}
#page a { font-size: 20px; color: #727171;}
#page a:hover, #page a.current { color: #55a377;}
.page-number:after { content: "/";display: inline-block; padding-left: 5px;}

/*products-detail*/
.products-detail-top { display:flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px; }
.products-detail-top > div { }
.products-detail-top > div:nth-of-type(1) { padding:0 0px; width: 45%;}
.products-detail-top > div:nth-of-type(2) { padding-left: 40px; width: 55%;}
.products-detail-title { font-size: 30px; font-weight: 500; padding-bottom: 50px; line-height: 1.5em;}
.products-detail-note {  padding-bottom: 15px;}
.products-detail-note span { display: inline-block; width: 54px; line-height: 28px; text-align: center; border: 1px solid #333333; font-size: 15px;}

.pro-b {line-height: 0; margin-bottom: 10px; }
.pro-b li { background: #fff6e9; padding:18% 0 11% 0;}
.rslides_tabs { margin-top:0px; text-align:left; display:flex; flex-direction:row; flex-wrap:wrap; margin-right: -3px; }
.pro-s { }
.pro-s li { margin:0 10px 3px 0; line-height:0; width: calc(20% - 10px); list-style: none;}
.pro-s li a img { width:100%; opacity: 0.3;}
.rslides_here img { opacity: 1 !important;}

.p-detail-cash { padding-bottom: 25px;}
.p-detail-cash span { font-weight: 500;}
.p-detail-cash span:nth-of-type(1) { font-size: 20px;}
.p-detail-cash span:nth-of-type(2) { font-size: 36px;}
.p-detail-cash span:nth-of-type(3) { font-size: 15px;}

.products-detail-choice {padding: 10px 0 0 0; display: flex; flex-direction:row; flex-wrap: wrap; align-items: center; font-size: 18px; }
.products-detail-choice > div { margin-bottom: 20px;/*margin-right: 10px;*/}
.products-detail-choice .tit { width: 100px; text-align: center;}
.products-detail-choice .con { width: calc(100% - 100px); padding-left: 20px;}
.products-detail-choice .con > a {display: inline-block; margin: 0 0 3px 0;}
.pro-kind{display:flex;}
/*.pro-kind>div:first-child{margin-right:10px;}*/
.pro-kind .spec-node{padding:1px 6px;border: 1px solid #ccc;color: #000}
.pro-kind .spec-node.active{color: #009E91;background: #dcf6fd}
.first-choice{border-top:1px solid #3e3a39;}
.last-choice{border-bottom:1px solid #3e3a39;}
.title04 { background: #dcdddd; border-radius: 8px;}
.products-detail-choice select{  margin: 0px 0 0 0;  width:90px; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: 110% 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: transparent; font-size: 17px; border-width:1px; border-style: solid; border-color: #231815; color:#3e3a39; font-family: 'Noto Sans TC', sans-serif;  padding: 0px 35px 0 5px;  letter-spacing: 0.05rem; height: 30px; line-height: 100%;}
.products-detail-choice option { padding:1px 5px;}
.products-detail-choice select::-ms-expand {
    display: none;
}

.products-detail-add {}
.products-detail-add-header {background-color: #eeeeee; padding: 10px 15px 10px 45px; position: relative;}
.products-detail-add-header::before {content: ''; width: 16px; height: 3px; border-radius: 3px; background-color: #000; position: absolute; top: 23px; left: 15px;}
.products-detail-add-header::after {content: ''; width: 16px; height: 3px; border-radius: 3px; background-color: #000; position: absolute; top: 23px; left: 15px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.products-detail-add-list {background-color: #f9f9f9; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px dotted #ccc; letter-spacing: 0;}
.products-detail-add-list input {-moz-appearance: button!important; -webkit-appearance: button!important; appearance: button!important;}
.products-detail-add-list > div:nth-child(2n+1) {padding: 10px;}
.products-detail-add-list-chkbox {/* width: 12%; */margin-left: 10px;padding: 5px 10px!important;text-align: center;border: 2px solid #6a6a6a;border-radius: 12px;background-color: #fafafa;}
.products-detail-add-list-chkbox >a{color: #6a6a6a;font-weight: 600;}
.products-detail-add-list-photo {width: 20%; text-align: center;}
.products-detail-add-list-amount {width: 40%; font-size: 75%;}
.products-detail-add-list-amount .spinner {width: 100%!important; max-width: 100!important; height: 30px!important; font-weight: normal; background-color: #fff;}
.products-detail-add-list-amount .spinner .value {width: 100%!important; height: 100%!important; border: 1px solid #000!important; color: #000!important; font-size: 14.24px;}
.products-detail-add-list-amount .spinner .increase, .products-detail-add-list-amount .spinner .decrease {color: #000; font-size: 13px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: bold; top: 0px; position: absolute;}
.products-detail-add-list-price {width: 28%; font-size: 90%; color: #c0392b;}

.pro-cash-section2 { text-align: left;}
.pro-cash-section2 .pro-cash-o, .pro-cash-section2 .pro-cash-s { font-size: 18px; padding: 0 10px 5px 0px; display: inline-block;}
.pro-cash-section2 .pro-cash-s { color: #333; font-weight: bold; font-size: 28px;}
.remain_pro_num{font-size:16px; width: 100%; padding: 0 0 0 120px; color: #db5443;}
.btn-box { margin: 25px 0;}
.btn-box > a { display: inline-block; margin: 0 7px 7px 0; line-height: 50px; padding: 0 20px; letter-spacing: 0.1rem; border-radius: 12px; border: 1px solid #2660ad; color: #2660ad; font-size: 18px;}
.btn01 { background: #2660ad; color: #fff !important;}

.products-detail-bottom { padding-bottom: 30px;}

.description-type-1 { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 25px; position: relative;}
.description-type-1:after { content: ""; position: absolute; width: 100%; height: 1px; background: #231815; bottom: -25px; left: 0;}
.description-type-1 > div:nth-of-type(1) { width: 190px; padding: 0 5%; border-right: 1px solid #231815;}
.description-type-1 > div:nth-of-type(2) { width: calc(100% - 190px); padding-left: 35px;}
.description-title { font-size: 18px; padding-bottom: 30px;}
.description-country {text-align: center;}
.description-country span { text-align: center; display: block; padding-bottom: 15px; font-size: 12px;}
.description-pto { padding: 40px 0; text-align: center;}

.related-pro-section { background: #efefef; padding: 60px 3%;}
.related-pro-content { max-width: 1024px;}
.related-title { position: relative; text-align: center; margin-bottom: 30px;}
.related-title:before { position: absolute; content: ""; width: 100%; height: 1px; background: #2660ad; left: 0; top:50%;}
.related-title span { display: inline-block; background: #efefef; padding: 0 20px;  color: #2660ad; font-size: 30px; font-weight: 500; position: relative; z-index: 2; letter-spacing: 0.3em; text-align: center;}

.loop2 {padding:0 60px;}
.loop2 .owl-dots {display: none;}
.loop2 .owl-item > div { text-align: center; }
.loop2 .owl-nav { position: absolute; top:calc(50% - 0px); left: 0; width: 100%; z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100; top:calc(50% - 30px); width: 35px; height: 35px; background:#2660ad !important; border-radius: 100% !important;}
.loop2 .owl-prev { left:0px; }
.loop2 .owl-next { right:0px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:30px; color: #fff; opacity: 1;transition: all 0.4s ease-out 0s; line-height: 120%;}
.loop2 .owl-prev:before { content:"\f0d9"; padding-right: 6px; }
.loop2 .owl-next:before { content:"\f0da"; padding-left: 6px; }
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { opacity: 0.5;}
.loop2 .owl-stage-outer {z-index: 2;}
.loop2 .owl-dots { position: absolute; z-index: 100; bottom: -70px; width: 100%; text-align: center !important; padding: 0 50px;}
.loop2 .owl-dots .owl-dot span, .loop2  .owl-dots .owl-dot span { background: #d0d0d0 !important; width: 12px !important; height: 12px !important;}
.loop2 .owl-dots .owl-dot.active span, .loop2  .owl-dots .owl-dot:hover span { background: #ed7600 !important; }

.related-pro { padding-top: 100px; background: url(../images/related-bg.png) no-repeat top center; }
.related-pro-box { background: #fff; border-radius: 20px; position: relative; padding: 45px 20px 15px 20px; display: block;}
.related-pro-pto { margin-bottom: 15px;}
.related-pro-name { color: #3e3a39; font-size: 19px; text-align: left;}
.related-pro-name span { color: #2660ad; font-size: 17px; display: block; padding-top: 5px;}

/*news*/
.news-list { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1280px; margin-bottom: 40px;}
.news-list > div { margin: 0 5px 40px 5px; width: calc(33.33% - 10px); padding: 20px 30px 40px 30px; border: 1px solid #2660ad;}
.news-date { position: relative; margin-bottom: 20px; font-weight: 500; text-align: left;display: flex; flex-direction: row; flex-wrap: nowrap; }
.news-date span:nth-of-type(2):after { position: absolute; content: ""; bottom: 8px; left: 0; width: 100%; height: 1px; background: #2660ad;}
.news-date span:nth-of-type(2) { width: calc(100% - 122px); position: relative;}
.news-date span:nth-of-type(1) { position: relative; z-index: 2;display: inline-block; padding-right: 10px; color: #2660ad; font-size: 20px; padding-bottom: 2px; width: 122px;}
.news-pto { line-height: 0; overflow: hidden; margin-bottom: 15px;}
.news-txt { font-size: 20px; font-weight: 500; line-height: 1.5em; padding-bottom: 15px; min-height: 120px;}
.news-btn a { display: inline-block; width: 130px; line-height: 38px; text-align: center; border-radius: 19px; color: #fff; font-size: 14px; background: #2660ad;}

/*news-detail*/
.news-detail-section { max-width: 900px; margin: 0 auto 40px auto; text-align:left;}
.news-detail-date { font-size: 18px; color: #2660ad; padding-bottom: 20px; letter-spacing: 0;}
.news-detail-date span { font-size: 40px; font-weight: 500; display: block;}
.news-detail-title { font-size: 30px; font-weight: 500; padding-bottom: 60px; line-height: 1.3em;}

.news-detail-bottom { max-width: 1280px; margin: 30px auto 70px auto; text-align:left; display: flex; flex-direction: row; flex-wrap: wrap; position: relative;}
.news-detail-bottom:after {content: ""; position: absolute; right: calc(50% - 1px); width: 2px; height: 100%; background: #c9caca;}
.news-detail-bottom > a { width: 50%; padding: 15px 0;}
.news-detail-bottom > a:hover .news-detail-other { color: #2660ad;}
.news-detail-bottom > a:nth-of-type(1) { }
.news-detail-other { max-width: 480px; padding: 0 20px;display: flex; flex-direction: row; flex-wrap: wrap; color: #231815; margin: 0 auto 0 0;}
.news-detail-other > div:nth-of-type(1) { width: 80px;}
.news-detail-other > div:nth-of-type(2) { width: calc(100% - 80px); padding-left: 15px; line-height: 2em;}
.news-detail-btn { width: 82px; margin: 0px 0 0 auto; border-bottom: 1px solid #231815; position: relative;}
.news-detail-btn:before { position: absolute; left: -2px; top:-5.5px; content: ""; width: 0;height: 0;border-style: solid;border-width: 6px 8px 6px 0;border-color: transparent #231815 transparent transparent;}
.news-detail-bottom > a:nth-of-type(2) .news-detail-other > div:nth-of-type(1) { order: 2;}
.news-detail-bottom > a:nth-of-type(2) .news-detail-other > div:nth-of-type(2) { order: 1; padding-right: 15px; padding-left: 0;}
.news-detail-bottom > a:nth-of-type(2) .news-detail-other { margin: 0 0 0 auto;}
.news-detail-bottom > a:nth-of-type(2) .news-detail-btn { margin: 0px auto 0 0;}
.news-detail-bottom > a:nth-of-type(2) .news-detail-btn:before { border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #231815; right: -2px; left: inherit;}
.news-detail-other-txt { min-height: 112px; padding-bottom:20px; }

/*recruit-detail*/
.list-type-1 { list-style-type: square; color: #2660ad; }
.list-type-1 .color-black { display: inline-block;}
.list-type-1 li { margin-bottom: 20px;margin-left: 25px;}
.list-type-2 { list-style-type:decimal; color: #231815; }
.list-type-2 li { margin-bottom: 5px;margin-left: 25px;}
.color-black { color: #231815;}
.recruit-btn { display: inline-block; padding: 0px 14px; color: #fff !important; background: #2660ad; line-height: 160%; margin: 0 2px;}
.recruit-btn img { display: inline-block; width: 12px; margin-left: 10px; position: relative; top:-2px;}

/*cooking*/
.cooking-list > div { background: #ffe449;}
.cooking-list-data { font-size: 17px; font-weight: 400; margin-top: 10px;}

/*cooking-detail*/
.video-container {position: relative;padding-bottom: 51.5%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-width: 0;}
.cooking-detail-title { font-size: 24px; color: #2660ad; font-weight: 500;}
.cooking-detail-link { color: #c3d83f !important;}

/*food*/
.food-menu { margin-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: -70px; position: relative; z-index: 3;}
.food-menu > a { display: inline-block; line-height: 40px; padding: 0 10px; border: 1px solid #f39800; color: #f39800; font-size: 13px; margin: 0 5px 10px 5px; position: relative;}
.food-menu > a:after { content: ""; position: absolute; bottom: -5px; left: calc(50% - 4px); width: 0;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: transparent transparent transparent transparent;}
.food-menu > a:hover, .food-menu > a.current { background: #f39800; color: #fff; }
.food-menu > a:hover:after, .food-menu > a.current:after { border-color: #f39800 transparent transparent transparent; }

.food-list { justify-content: center;}

/*wholesale*/
.wholesale-section { max-width: 890px; margin: 0 auto 60px auto; border-radius: 20px; background: #efefef; border: 1px solid #dcdddd; padding: 30px 35px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.wholesale-section > div { width:48%; padding: 15px 0;}
.wholesale-section-title { font-weight: 500; font-size: 18px; padding-bottom: 5px;}
.wholesale-section-title span { color: #e60012; font-weight: 400;}
.contact-main input[type="text"], .contact-main input[type="number"], .contact-main input[type="tel"], .contact-main input[type="phone"], .contact-main input[type="date"], .contact-main input[type="email"], .contact-main input[type="password"], .contact-main input[type="button"], .contact-main textarea { font-size: 17px; border-width:1px; border-style: solid; border-color: #595757; margin: 0px 0 0 0; width: 100%; padding: 0px 10px; color:#3e3a39; background: #fff; font-family: 'Noto Sans TC', sans-serif; letter-spacing: 0.05rem; line-height: 40px; }
.contact-main textarea { height:80px; padding:10px 5px; letter-spacing: 0.05rem; resize:none; line-height: 120%;}
.contact-main select{  margin: 0px 0 0 0;  width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: 100% 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: #fff; font-size: 17px; border-width:1px; border-style: solid; border-color: #231815; color:#3e3a39; font-family: 'Noto Sans TC', sans-serif;  padding: 0px 35px 0 5px;  letter-spacing: 0.05rem; height: 38px; line-height: 100%;}
.contact-main option { padding:1px 5px;}
.contact-main select::-ms-expand {
    display: none;
}
.width-100 { width: 100% !important;}
.wholesale-phone { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.wholesale-phone > div:nth-of-type(1) { width: 65%; padding-right: 25px;}
.wholesale-phone > div:nth-of-type(2) { width: 15%; padding-right: 15px; font-weight: 500; min-width: 60px;}
.wholesale-phone > div:nth-of-type(3) { width: 20%; }

.wholesale-btn { line-height: 44px; border-radius: 12px; text-align: center; display: block; font-weight: 500; color: #fff !important; background: #2660ad; border: 1px solid #595757;}
.wholesale-btn2 { background: #ea5514;}
.wholesale-btn3 { background: #727171;}

/*cart*/
.cart-section { max-width: 1110px; margin: 0 auto; text-align: left;}

.cart-flow { margin-bottom: 25px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.cart-flow > div { position: relative; padding-right: 38px; margin-right: 25px;}
.cart-flow > div:last-child { padding-right: 0px; margin-right: 0px;}
.cart-flow > div:last-child:before, .cart-flow > div:last-child:after { display: none;}
.cart-flow > div:before { position: absolute; content: ""; display: block; width: 20px; height: 2px; background: #727171; top: 17px; right: 0%;}
.cart-flow > div:after { position: absolute; content: ""; display: block; width: 10px; height: 10px; border-width: 2px 2px 0 0; border-style: solid; border-color: #727171; transform: rotate(45deg); top: 13px; right: 0%;}
.cart-flow-number { display: inline-block;position: relative; top:2px; width: 34px; height: 34px; border-radius: 100%; color: #fff; background: #2660ad; font-size: 25px; font-weight: 500; text-align:center; margin-right: 10px;}

.order-detail-spec-2 { width: 100%; border-spacing: 0;}
.order-detail-spec-2 input { width: 64px; line-height: 40px; border-radius: 10px; border:1px solid #2660ad; padding: 0 10px;}
.order-detail-spec-2 th { padding: 4px 10px; text-align: center; font-weight: 500; color: #fff; background: #2660ad; font-size: 18px;}
.order-detail-spec-2 td { border-bottom: 1px solid #2660ad; padding: 8px 10px; text-align: center; font-size: 17px; line-height: 150%;}
.order-detail-spec-2 td img { width: 100px; vertical-align: middle; }
.order-detail-spec-2 td span{ display: inline-block; }
.order-detail-spec-2 td span:nth-of-type(1) { display: none;}
.order-detail-spec-2 td span:nth-of-type(2) { color: #3e3a39;}
.order-detail-spec-2 td a { color: #2660ad; display: inline-block;}
.color-red { color: #e60012 !important; font-weight: 500;}

.cart-info-0 { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 15px 0 0 0;}
.cart-info-0 > div:nth-of-type(1) { width: 115px; padding-left: 15px;}
.cart-info-0 > div:nth-of-type(2) { width: calc(100% - 115px);}
.cart-info-0 > div:nth-of-type(2) span { display: inline-block; margin: 0 40px 10px 0;}

.cart-info { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 15px 0 0 0;}
.cart-info > div:nth-of-type(1) { width: 115px; padding-left: 15px;}
.cart-info > div:nth-of-type(2) { width: calc(100% - 115px - 100px);}
.cart-info > div:nth-of-type(2) span { display: inline-block; margin: 0 40px 10px 0;}
.cart-info > div:nth-of-type(3) { width: 100px; text-align: center;}

.radio-type {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;user-select: none;}
/* Hide the browser's default radio button */
.radio-type input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute;top: 8px;left: 0;height: 19px;width: 19px;background-color: #fff;border-radius: 50%; border: 1px solid #3e3a39;}
/* On mouse-over, add a grey background color */
.radio-type:hover input ~ .checkmark {background-color: #eee;}
/* When the radio button is checked, add a blue background */
.radio-type input:checked ~ .checkmark {background-color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.radio-type input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.radio-type .checkmark:after {top: 2px;left: 2px;width: 13px;height: 13px;border-radius: 50%;background: #e60012;}
.radio-type2 .checkmark:after, .check-type .checkmark:after {top: 0px;left: 5px;width: 8px;height: 13px;border-radius: 0%;background: transparent; border-width: 0 2px 2px 0; border-style: solid;border-color: #e60012; transform: rotate(35deg);}
.check-type .checkmark{ border-radius: 0;}

.gray-bg { background: #dcdddd;}
.cart-total-section { border-top:1px solid #2660ad; padding: 20px 0 50px 0; margin-top: 25px;}
.cart-total { max-width: 460px; margin: 0 0 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: space-between;}
.cart-total > div:nth-of-type(2) { width: 100px; text-align: center;}

.cart-bottom { max-width: 960px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
.cart-bottom > div { width:47%; padding-bottom: 100px; }
.cart-title { font-size: 20px; border-bottom: 1px solid #3e3a39; padding: 10px; margin-bottom: 30px; font-weight: 500;}
.cart-info2 { display: flex; flex-direction: row; flex-wrap: wrap;}
.cart-info2 > div { padding-bottom: 10px;}
.cart-info2 > div:nth-child(odd) { width: 115px;}
.cart-info2 > div:nth-child(odd) span { color: #e60012;}
.cart-info2 > div:nth-child(even) { width: calc(100% - 115px);}

.cart-info2 input[type=text], .cart-info2 input[type=tel], .cart-info2 input[type=phone],  .cart-info2 input[type=email],  .cart-info2 textarea { margin-bottom: 10px; background: #fff; border:1px solid #3e3a39; padding: 0px 6px; line-height: 36px;font-family: 'Noto Sans TC', sans-serif; font-size: 17px; color: #3e3a39; width: 100%;}
.cart-info2 textarea { resize: none; height: 105px;}
.cart-info2 select{  margin: 0px 0 0 0;  width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: 110% 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: transparent; font-size: 17px; border-width:1px; border-style: solid; border-color: #231815; color:#3e3a39; font-family: 'Noto Sans TC', sans-serif;  padding: 0px 35px 0 5px;  letter-spacing: 0.05rem; height: 38px; line-height: 100%;}
.cart-info2 option { padding:1px 5px;}
.cart-info2 select::-ms-expand {
    display: none;
}
.cart-info2-type { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
/*.cart-info2-type > div:nth-of-type(1) { width: 50px;}
.cart-info2-type > div:nth-of-type(2) { width: calc(100% - 50px); padding-left: 25px;}*/
.cart-info2-type2 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.cart-info2-type2 > div:nth-of-type(1), .cart-info2-type2 > div:nth-of-type(2) { width: 80px; padding-right: 6px;}
.cart-info2-type2 > div:nth-of-type(3) { width: calc(100% - 160px);}
.cart-info2-type2 > div.area { width: 140px !important; }

.cart-btn-box { max-width: 890px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
.cart-btn-box > div { width:47%; padding-bottom: 100px; }

/*contact*/
.contact-info { max-width: 890px; margin: 0 auto; }
.google-map { line-height: 0;}
.google-map iframe { width: 100%; height: 600px; border-width: 0;}

/*qa*/
.qa-section { max-width: 1110px; margin: 0 auto 70px auto;}
.color-blue { color: #2660ad;}

/*login*/
.login-list { display: flex; flex-direction: row; flex-wrap: wrap;}
.login-list span { display: inline-block;}
.login-list > div { padding-bottom: 15px;}
.login-list > div:nth-child(odd) { width: 118px;}
.login-list > div:nth-child(odd) span { color: #e60012;}
.login-list > div:nth-child(even) { width: calc(100% - 118px);}
.width-375 { max-width: 375px; width: 100%; margin-right: 10px; display: inline-block;}
.width-300 { max-width: 300px; width: 100%; margin-right: 10px; display: inline-block;}

.login-list select { height: 42px;margin-bottom: 5px;}
.login-list input { margin-bottom: 5px;}

.login-note { border-top:1px solid #2660ad; padding: 30px 10px 0 10px; margin-top: 20px;}
.login-social { border-bottom:1px solid #2660ad; padding: 0px 0px 30px 0px; margin-top: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.login-social > a { display: block; width: 48%;}
.login-social > a span { display:inline-block; margin-right: 10px; position: relative;}
.login-social > a span:after { position: absolute; top:15px; right: -10px; content: ""; width: 1px; height: 18px; background: #fff;}
.btn-google { background: #c9472d;}
.btn_submit {background-color: #ea5514;width: 50%;color:#FFF;}
.btn_reset{background-color:#6e6e6e;width: 50%;}
.btn_submit:hover{color:#FFF;opacity:0.8;background-color: #ea5514;}
.btn_reset:hover {color:#FFF;opacity:0.8;background-color: #a5a5a5;border:1px solid #a5a5a5;}
.cms-member-center{padding-bottom:64px;}

@media only screen and (max-width:  1279px) {
	#content { padding-top: 60px; font-size: 16px;}
    #content p{ font-size: 16px;}
    
    #path { padding-bottom: 20px;}
    .about-main-section { margin-top: -162px;}
    .title01 { padding-bottom: 25px;}
    .title01 h1 { font-size: 30px;}
    .title02 { font-size: 22px;}
    
    .products-main { margin-top: 0;}
    .products-main > div:nth-of-type(1) { width: 100%; margin-bottom: 25px;}
    .products-main > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0;}
    
    .side_classLink { display:none;}
	.m_classLink{ display:block; position:relative; border-bottom:1px solid #dfe4e7;border-top:1px solid #dfe4e7;}
	.m_classLink a.main{ display:block; font-size:16px; position:relative; padding: 5px 10px; color:#fff; text-align:left; cursor:pointer; background:#2660ad;}
	.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:40%; margin-top:-11px; color:#fff; font-style:normal; font-family: 'Font Awesome 5 Free';font-weight: 900;}
	.m_classLink > ul{ display:none; width:100%;  position:absolute; z-index:5; background:#fff; padding: 20px; list-style:none;}
	.m_classLink > ul > li { border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; padding-bottom: 8px;}
	.m_classLink > ul > li > a{ font-size: 15px; color: #3e3a39; display:block; padding:0 0 14px 0; line-height:100%;}
	.m_classLink > ul > li > a:hover, .m_classLink > ul > li > a.current { color:#2660ad;}
	.m_classLink > ul > li > ul { }
	.m_classLink > ul > li > ul > li { display: block;}
	.m_classLink > ul > li > ul > li > a{ display: block; position: relative; padding-bottom: 13px; color: #898989; font-size: 15px; line-height: 100%; }
	.m_classLink > ul > li > ul > li > a:hover, .m_classLink > ul > li > ul > li > a.current { color:#2660ad;}
	.m_classLink > ul > li.current02{ display:none; }
    
    .title03 { padding-bottom: 20px;}
    
    .food-menu {margin-top: 0; margin-bottom: 20px;}
}
@media only screen and (max-width: 980px) {
    .about-section-2 { padding: 0px; overflow: hidden;}
    
    .about-b > div { width: 100%;}
    .about-b > div:nth-of-type(1) img { display: block; width: 100%;}
    .about-b-top, .about-c-top { padding-bottom: 30px;}
    
    .about-c > div:nth-of-type(1) {order: 1; }
    .about-c > div:nth-of-type(2) {order: 2;}
    
    .banner { height: 150px;}
    
    .p-list-name { font-size: 15px;}
    .p-list-name span { font-size: 17px;}
    .p-list-cash { font-size: 17px;}
    
    .loop2 { padding: 0 50px 0px 50px;}
    .loop2 .owl-prev { left:0px; }
    .loop2 .owl-next { right:0px;}
    
    .news-detail-title { font-size: 24px; padding-bottom: 30px;}
    
    .order-detail-spec-2 th { display: none;}
	.order-detail-spec-2 td { display: list-item; list-style: none;text-align: left; border-width: 0;  padding-bottom: 10px;}
	.order-detail-spec-2 td:nth-child(odd) { background: #F7F7F7;}
	.order-detail-spec-2 tr td:nth-of-type(1) { padding-left: 10px;}
	.order-detail-spec-2 tr td:last-child { border-width:1px;}
	.order-detail-spec-2 td span:nth-of-type(1) { display: inline-block; vertical-align: top; padding-right: 20px;}
    
    .cart-bottom > div { width:100%; padding-bottom:50px; }
    
    .products-detail-choice, .pro-kind {flex-direction: column; width: 100%;}
    .products-detail-choice .tit {width: 100%; margin-bottom: 5px;}
    .products-detail-choice .con {width: 100%; padding-left: 0; text-align: center;}
}
@media only screen and (max-width: 768px) {
    .products-list > a {  width: 50%; padding-bottom: 40px; }
    .pro-name { font-size: 18px;}
    
    .products-detail-top > div:nth-of-type(1) { width: 100%;}
    .products-detail-top > div:nth-of-type(2) { padding-left: 0px; width: 100%;}
    
    .news-list > div { width: calc(50% - 10px);}
    
    .wholesale-section > div { width:100%; padding: 0px 0 20px 0;}
    
    .google-map iframe { height: 300px; }
}
@media only screen and (max-width: 640px) {
    .about-section-1 { background: linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.8) 100%); padding: 0 20px 30px 20px; margin-bottom: 50px;}
	
    .p-list > a { width: 50%; padding: 0 15px 30px 0;}
    
    .description-type-1 > div:nth-of-type(1) { width: 100%; padding: 0; border-right: 0px solid #231815;border-bottom: 1px solid #231815; margin-bottom: 20px;}
    .description-type-1 > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0px;}
    .description-title { padding-bottom: 10px;}
    
    .news-detail-bottom { margin-bottom: 30px;}
    .news-detail-bottom > a { width: 100%; padding: 35px 0;}
    .news-detail-bottom > a:nth-of-type(1) { border-bottom: 2px solid #c9caca;}
    .news-detail-bottom:after { display: none;}
    .news-detail-other { max-width: 100%;}
    
    .order-detail-spec-2 td { padding-left:0px;}
	.order-detail-spec-2 td a { display: block; text-align: center;}
    
    .login-list > div:nth-child(odd) { width: 100%;}
    .login-list > div:nth-child(even) { width: calc(100% - 0px);}
    
    .login-social { padding-bottom: 15px;}
    .login-social > a { width: 100%; margin-bottom: 10px;}
}
@media only screen and (max-width: 570px) {
    
}

@media only screen and (max-width: 430px) {
	.p-list-pto{padding: 52px 0 11% 0;}
}

@media only screen and (max-width: 414px) {
	.news-list > div { width: calc(100% - 10px);}
	

}

@media only screen and (max-width: 350px) {
	.idx-pro-top, .idx-pro-hot{font-size: 16px;left: 0;}
}