@charset "utf-8";@import url("font.css");@import url("../plugins/fontawesome/css/fontawesome-all.min.css");@import url("../plugins/lineawesome/css/line-awesome.min.css");@import url("../plugins/owl-carousel/owl.carousel.css");@import url("../plugins/owl-carousel/owl.theme.default.css");@import url("../plugins/lightslider/css/lightslider.min.css");@import url("../plugins/lightgallery/css/lightgallery.min.css");@import url("../plugins/daterangepicker/daterangepicker.css");*, *:before, *:after { margin:0; padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; outline:0; }html { position:relative; min-height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden; }body { margin:0; padding:0; min-height:100vh; background-color:#eee; font-family:'open_sansregular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; color:#333; word-break:normal; line-height:1.42857143; position:relative; outline:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0.50); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; }*::-webkit-selection { background-color:#1266bc; color:#fff; }*::-moz-selection { background-color:#1266bc; color:#fff; }*::selection { background-color:#1266bc; color:#fff; }*::-moz-placeholder { color:#999 !important; opacity:1; }*::placeholder { color:#999 !important; opacity:1; }.clearfix::after { display:block; clear:both; height:0; line-height:0; visibility:hidden; content:" "; }* html .clearfix { height:1%; }html[xmlns] .clearfix { display:block; }.clear { display:block; height:0; clear:both; visibility:hidden; }a, a:link, a:visited, .button { color:#333; text-decoration:none; cursor:pointer; outline:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }a:focus, .button:focus { text-decoration:none; outline:none; }a:hover { color:#1266bc; text-decoration:none; }ul, ol, li{ margin:0; padding:0; list-style:none; }img, .img, a img { max-width:100%; border:none; }button { cursor:pointer; outline:0; }h1, h2, h3, h4, h5, h6, p { margin-bottom:10px; }h1 { font-size:32px; }h2 { font-size:30px; }h3 { font-size:24px; }h4 { font-size:20px; }h5 { font-size:18px; }h6 { font-size:16px; }p { font-size:14px; }hr { }b { font-family:'open_sansbold'; }.f-left { float:left; }.f-right { float:right; }.space { clear:both; height:20px; }.container, .container-fluid { padding-right:10px; padding-left:10px; }.row { margin-right:-10px; margin-left:-10px; }.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right:10px; padding-left:10px; }.wrap { position:relative; overflow-x:hidden; width:100%; min-height:100vh; }.header { position:relative; top:0; padding:0; width:100%; }.main { position:relative; padding-bottom:45px; }.footer { position:absolute; bottom:0; right:0; left:0; padding:10px 0; width:100%;background-color:#1266bc; color:#fff; text-align:center; font-size:13px; line-height:20px; }.footer a { color:#fff;}.footer a:hover { color:#fff;}.header-banner { position:relative; margin:0 auto; width:100%; height:auto; background-color:#efbf26; overflow:hidden; text-align:center; }.header-banner::before { position:absolute; top:0; left:0; right:0; bottom:0; content:""; width:100%; height:auto; background-color:#efbf26; z-index:0; }.header-banner img { position:relative; margin:auto; z-index:1; }.header-top { position:relative; width:100%; background-color:#ececec; }ul.header-link { padding:5px 0; font-size:13px; color:#666; line-height:20px; }ul.header-link>li { display:inline-block; }ul.header-link>li::before { display:inline-block; margin-right:5px; content:"|"; }ul.header-link>li:first-child::before { margin-right:0; content:""; }ul.header-link>li>span { margin-right:5px; }ul.header-link>li>a { margin-right:5px; color:#666; }ul.header-link>li>a::after { content:", "; }ul.header-link>li>a:last-child::after { content:""; }ul.header-link>li>a:hover { color:#1266bc; }ul.header-link>li>a:hover>img { opacity:0.7; }ul.header-link>li>a>i { margin-right:5px; }ul.header-link>li>a>span { display:inline-block; }.navbar { display:block; padding:0; }.bg-dark { background-color:#1266bc !important; }.header-center { display:block; position:relative; padding:15px 0px 0px 15px; width:100%; background-color:#fff; }.navbar-brand { margin-right:0; padding-top:0; padding-bottom:0; }.navbar-brand img { height:60px; }.keywords {overflow:hidden; margin:0pt auto; height:20px; }.keywords a { font-size:12px; color:#666; }.keywords a:hover { color:#1266bc; }.keywords a::before { display:inline-block; margin-right:5px;}.keywords a:first-child::before { margin-right:0; content:""; }.keywords h4{ font-size:12px; float:left;padding:0px 5px 0px 5px; }.header-center ul.header-link { padding:20px 0; font-size:14px; }.header-center ul.header-link>li>a { color:#333; }.header-center ul.header-link>li>a:hover { color:#1266bc; }.navbar-collapse .closebtn { display:none; }.header-nav { display:block; }.navbar-light .navbar-nav .nav-link { color:#fff; }.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color:#333; }.navbar-nav { display:-webkit-flex; -webkit-justify-content:center; display:-moz-box; -moz-justify-content:center; display:-ms-flexbox; -ms-justify-content:center; display:flex; -ms-flex-pack:justify; justify-content:center; width:100%; }.nav-item { padding:5px; }.navbar-expand-md .navbar-nav .nav-link { position:relative; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; color:#fff; border-radius:24px; }.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { background-color:#fff; color:#1266bc; }.nav-link::after, .nav-item.active .nav-link::after { display:none; }.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { background-color:#fff; color:#1266bc; }.nav-item-mem { padding:0 20px; border-top:solid 1px #eee; text-align:center; }.nav-link-mem { display:inline-block; padding:10px 0; }.nav-link-mem::before { display:inline-block; margin:0 7px; content:"|"; }.nav-link-mem:first-child::before { display:none; }.dropdown:hover > .dropdown-menu { display:block; }.dropdown > .dropdown-toggle:active { pointer-events:none; }.dropdown-menu { margin:0; padding:5px; min-width:150px; border:none; border-radius:0; font-size:12px; -webkit-box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18); -moz-box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18); box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18); }.dropdown-item { padding:7px; }.dropdown-item:hover { background-color:transparent; color:#1266bc; }.navbar-toggler { padding:5px 10px; border:none; border-radius:0; }.navbar-dark .navbar-toggler { color:#fff; outline:none; }.shopping-cart.dropdown-toggle::after { display:none; }.cart-list.dropdown-menu { padding:0; min-width:320px; max-width:320px; top:100% !important; left:auto !important; right:0 !important; -webkit-transform:unset !important; -moz-transform:unset !important; transform:unset !important; }.cart-list .cart-empty { display:block; padding:5px; width:100%; text-align:center; }.cart-list .cart-inside { display:block; padding:5px; width:100%; background-color:#eee; border-bottom:dashed 1px #ccc; overflow:hidden; }.cart-list .cart-num { padding:0 5px; width:50%; float:left; border-right:solid 1px #eee; }.cart-list .cart-num::before { content:"数量 "; }.cart-list .cart-num span { float:right; }.cart-list .cart-num span::after { content:" 個"; }.cart-list .cart-total { padding:0 5px; width:50%; float:left; border-left:solid 1px #ccc; border-radius:0; }.cart-list .cart-total::before { content:"合計 "; }.cart-list .cart-total span { float:right; }.cart-list .cart-total span::after { content:" "; }.cart-list .cart-item { padding:5px; width:100%; border-bottom:dashed 1px #ccc; overflow:hidden; }.cart-list .cart-item:hover { background-color:#eef6ff; }.cart-list .cart-item .cart-itemimg { padding-left:5px; width:15%; float:left; }.cart-list .cart-item .cart-itemimg img { max-width:100%; border:solid 1px #eee; }.cart-list .cart-item .cart-itemname { padding:0 5px; width:65%; float:left; }.cart-list .cart-item .cart-itemname span { display:block; width:100%; height:32px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:16px; }.cart-list .cart-item .cart-itemprice { padding-right:5px; width:20%; float:left; text-align:right; }.cart-list .cart-item .cart-itemprice::after { content:" "; }.header-sticky { position:relative; z-index:9; }.scroll-header { position:fixed; top:0; left:0; right:0; margin:auto; width:100%; background:#ffffff none repeat scroll 0 0; -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24); -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24); box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24); z-index:10; }.header-sticky.scroll-header .header-center { padding:10px 0; }.header-sticky.scroll-header .navbar-brand img { max-height:40px; }.header-sticky.scroll-header .keywords { display:none; }.header-sticky.scroll-header .header-center ul.header-link { padding:5px 0; }.header-sticky.scroll-header .header-center .navbar { margin-top:10px; }.bottom-banner { margin:0; padding:10px 0; width:100%; height:auto; background-color:#fff; overflow:hidden; }.bottom-contact { margin-bottom:10px; padding:60px 20px 20px 130px; width:100%; height:170px; background-image:url(../img/banner-contact.png); background-repeat:no-repeat; }.bottom-contact ul { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-5px; margin-left:-5px; }.bottom-contact>ul>li { position:relative; padding-right:5px; padding-left:5px; width:100%; -webkit-flex:0 0 25%; -moz-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; min-height:1px; float:left; text-align:center; }.bottom-contact>ul>li>a>img { opacity:1; }.bottom-contact>ul>li>a:hover>img { opacity:0.65; }.bottom-link { margin:0; padding:20px 0 10px 0; width:100%; height:auto; background-color:#eee; overflow:hidden; }.bottom-link-list { overflow:hidden; }.bottom-link-list>li {}.bottom-link-list>li>a { display:block; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center; }.bottom-link-list>li>.bottom-link-sub { padding-left:20px; font-size:13px; }.bottom-link-list>li>.bottom-link-sub>li { display:inline-block; }.bottom-link-list>li>.bottom-link-sub>li>a { margin-right:5px; }.bottom-link-list>li>.bottom-link-sub>li>a::after { content:", "; }.bottom-link-list>li>.bottom-link-sub>li:last-child>a::after { content:""; }.bg-ic { display:inline-block; margin-bottom:10px; background-image:url(../img/element.png); background-repeat:no-repeat; background-size:auto; overflow:hidden; }.bg-ic.ic-line { margin-right:10px; margin-bottom:10px; width:24px; height:24px; background-position:0 0; }.bg-ic.ic-fb { margin-right:10px; margin-bottom:10px; width:24px; height:24px; background-position:-50px 0; }.bg-ic.ic-mobile { margin-right:10px; margin-bottom:10px; width:24px; height:24px; background-position:-100px 0; }.bg-ic.ic-email { margin-right:10px; margin-bottom:10px; width:24px; height:24px; background-position:-150px 0; }.bottom-link-list>li>a:hover>.bg-ic.ic-line { background-position:0 -50px; }.bottom-link-list>li>a:hover>.bg-ic.ic-fb { background-position:-50px -50px; }.bottom-link-list>li>a:hover>.bg-ic.ic-mobile { background-position:-100px -50px; }.bottom-link-list>li>a:hover>.bg-ic.ic-email { background-position:-150px -50px; }.bg-ic.ic-cod { margin-right:5px; margin-bottom:5px; width:100px; height:36px; background-position:-200px 0; }.bg-ic.ic-paypal { margin-right:5px; margin-bottom:5px; width:60px; height:36px; background-position:-200px -50px; }.bg-ic.ic-kbank { margin-right:5px; margin-bottom:5px; width:60px; height:36px; background-position:0 -100px; }.bg-ic.ic-scb { margin-right:5px; margin-bottom:5px; width:60px; height:36px; background-position:-100px -100px; }.bg-ic.ic-bbank { margin-right:5px; margin-bottom:5px; width:60px; height:36px; background-position:-200px -100px; }.bg-ic.ic-thaipost { margin-right:5px; margin-bottom:5px; width:60px; height:36px; background-position:0 -150px; }.bg-ic.ic-kerry { margin-right:5px; margin-bottom:5px; width:90px; height:36px; background-position:-100px -150px; }.bg-ic.ic-scgexpress { margin-right:5px; margin-bottom:5px; width:110px; height:36px; background-position:-200px -150px; }#backtop { position:fixed; right:10px; bottom:10px; z-index:4; }#backtop a { display:block; position:relative; width:36px; height:36px; background-color:#ccc; border-radius:100%; color:#333; text-align:center; }#backtop a:before { position:absolute; top:0; left:0; right:0; bottom:0; font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f077"; font-size:14px; line-height:36px; }#backtop a:hover { background-color:#999; color:#fff; -webkit-transform:translate(0px, -5px); -moz-transform:translate(0px, -5px); transform:translate(0px, -5px); }.slidepromotion { display:block; background-color:transparent; }.banner-slide.owl-carousel .owl-stage-outer { margin-bottom:-20px; }.banner.owl-carousel .owl-stage-outer { margin-bottom:-20px; border:solid 1px #eee; }.owl-theme .owl-nav { position:absolute; top:50%; margin-top:-15px; width:100%; }.owl-theme .owl-nav .owl-prev { position:absolute; left:-25px; }.owl-theme .owl-nav .owl-prev:before { font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f104"; }.owl-theme .owl-nav .owl-next { position:absolute; right:-25px; }.owl-theme .owl-nav .owl-next:before { font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f105"; }.owl-theme .owl-nav.disabled + .owl-dots { bottom:0; }.mainpromotion { display:block; position:relative; margin-right:-10px; margin-left:-10px; margin-top:10px; margin-bottom:10px; padding:10px; background-color:#fff; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }.main-left { position:relative; width:100%; -webkit-flex:0 0 890px; -moz-flex:0 0 890px; -ms-flex:0 0 890px; flex:0 0 890px; max-width:890px; }.main-right { position:relative; padding-left:10px; width:100%; -webkit-flex:0 0 230px; -moz-flex:0 0 230px; -ms-flex:0 0 230px; flex:0 0 230px; max-width:230px; }.main-fluid { position:relative; margin-top:10px; width:100%; -webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }.bloginside { display:block; position:relative; margin-right:-10px; margin-left:-10px; margin-top:10px; margin-bottom:10px; padding:10px; background-color:#fff; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }.blog-left { position:relative; width:100%; -webkit-flex:0 0 230px; -moz-flex:0 0 230px; -ms-flex:0 0 230px; flex:0 0 230px; max-width:230px; }.blog-right { position:relative; padding-left:10px; width:100%; -webkit-flex:0 0 890px; -moz-flex:0 0 890px; -ms-flex:0 0 890px; flex:0 0 890px; max-width:890px; }.blog-fluid { position:relative; width:100%; -webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }.blog-fb { margin-bottom:10px; width:100%; }.blog-contact { overflow:hidden; }.blog-contact>ul { margin-bottom:10px; padding:10px 10px 0 10px; border:solid 1px #808285; }.blog-contact>ul>li {}.blog-contact>ul>li>a { display:block; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center; }.blog-contact .banner-addline img { margin-bottom:10px; }.flash-sale, .blog-list { position:relative; margin-bottom:10px; padding:10px; width:100%; background-color:#fff; }.flash-sale .title-h5 { position:relative; margin:10px 0 15px 0; text-align:center; text-transform:uppercase; }.flash-sale .title-h5::before, .flash-sale .title-h5::after { position:absolute; top:50%; left:0; content:""; margin-top:-1px; width:100%; height:1px; background-color:#eee; z-index:0; }.flash-sale .title-h5::after { top:auto; bottom:50%; margin-top:unset; margin-bottom:-1px; background-color:#eee; }.flash-sale .title-h5 span { position:relative; padding:0 15px; background-color:#fff; z-index:1; color:#ed2024; }.blog-list .title-h5 { position:relative; margin:10px 0; text-align:left; text-transform:uppercase; z-index:1; }.blog-list a.btn-allitem { display:inline-block; position:absolute; top:10px; right:10px; z-index:2; font-size:12px; color:#999; }.blog-list a.btn-allitem:hover { color:#1266bc; }.banner-promotion { opacity:1; }.banner-promotion:hover { opacity:0.7; }ul.blog-item { display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-5px; margin-left:-5px; }ul.blog-item>li { position:relative; padding:5px; width:100%; -webkit-flex:0 0 16.666667%; -moz-flex:0 0 16.666667%; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }.all-item { padding:5px 0; }.all-item ul.blog-item { display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-5px; margin-left:-5px; }.all-item ul.blog-item>li { position:relative; padding:5px; width:100%; -webkit-flex:0 0 25%; -moz-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }.item-list { position:relative; margin:0; padding:0; width:100%; height:100%; background-color:#fff; border:solid 1px #eee; border-radius:8px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; overflow:hidden; }.item-list:hover { -webkit-box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.24); -moz-box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.24); box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.24); }.item-thumb { position:relative; margin:0 auto; padding-bottom:100%; width:100%; height:auto; }.item-thumb .thumb-overlay { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin:0 auto; padding:0; overflow:hidden; text-align:center; }.item-thumb .thumb-overlay img { max-width:170px; max-height:170px; width:auto; height:auto; opacity:1; }.item-thumb:hover .thumb-overlay img { opacity:0.7; }.badge-tag { position:absolute; top:5px; z-index:3; color:#fff; font-size:10px; text-transform:uppercase; line-height:18px; text-align:center; }.badge-tag.new { left:-25px; width:85px; background-color:#1266bc; -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); transform:rotate(-30deg); }.badge-tag.sale { right:5px; padding:6px 0; width:30px; height:30px; background-color:#ed2024; border-radius:24px; }.badge-tag.freedelivery { right:5px; bottom:0; padding:3px 10px; background-color:#ed2024;line-height:25px;height:30px;font-size:.9rem !important; float:right; }.item-content { position:relative; display:block; margin:5px 0 0 0; padding:5px; width:100%; border:solid 1px #eee; border-width:1px 0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; overflow:hidden; }.item-content .item-name { display:block; width:100%; height:40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; text-align:center; }.item-content .item-inside { display:block; position:relative; margin:5px 0; width:100%; height:20px; }.item-price { display:inline-block; position:absolute; top:0; left:0; text-align:left; }.item-price .price-normal { margin-right:10px; text-decoration:line-through;font-size:16px; }.item-price .price-sale { font-family:'open_sansbold'; color:#ed2024; }.item-price .price-sale::after { font-family:'open_sansregular'; color:#333; content:" "; }.item-rate { display:inline-block; position:absolute; top:0; right:0; }.item-rate-inside { display:block; position:relative; }.item-rate-layer { display:inline-block; }.item-rate-layer.top-layer { position:absolute; overflow:hidden; white-space:nowrap; }.item-rate-layer span { display:inline-block; font-family:'Font Awesome 5 Free'; font-size:8px; }.item-rate-layer span:before { content:'\f005'; color:#ddd; font-weight:400; }.item-rate-layer.top-layer span:before { color:#faca51; font-weight:900; }.ic-favorite { position:absolute; bottom:0; left:5px; width:30px; height:30px; background-color:#fff; border:solid 1px #ccc; border-radius:50%; z-index:3; line-height:30px; text-align:center; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; opacity:0; }.ic-favorite i { color:#999; }.item-list:hover .ic-favorite { opacity:1; }.ic-favorite:hover { background-color:#1266bc; border-color:#1266bc; }.ic-favorite:hover i { color:#fff; } button.btn-addcart { display:block; margin:5px auto; padding:8px 5px; width:96%; text-align:center; background-color:#FFFF00; border:solid 4px red; border-radius:24px; color:#1266bc;font-weight:bold;font-size:16px; }button.btn-addcart:hover {background-color:#FFFF00; border-color:red; color:#1266bc; }button.btn-addcart i { margin-right:5px; width:24px; height:24px; background-color:#fff; border-radius:24px; line-height:24px; }button.btn-addcart i::before { color:#1266bc; }button.btn-notify, a.btn-notify { display:block; margin:5px auto; padding:9px 5px; width:90%; text-align:center; background-color:#ccc; border:solid 1px #ccc; border-radius:24px; color:#333; outline:none; cursor:pointer; }button.btn-notify:hover, a.btn-notify:hover {background-color:#999; border-color:#999; color:#fff; }.breadcrumb { margin-bottom:0; padding:10px 0 0 0; background-color:transparent; border-radius:0; font-size:12px; }.breadcrumb-item.active { color:#666; }.blog-category { margin-bottom:10px; width:100%; height:auto; background-color:#fff; border:solid 1px #eee; border-radius:8px; overflow:hidden; }.blog-category h6 { margin-bottom:0; padding:10px; background-color:#1266bc; color:#fff; line-height:20px; border-top-left-radius:8px; border-top-right-radius:8px; }.blog-category h6 i { margin-right:10px; }.blog-category ul li { border-top:solid 1px #eee; }.blog-category ul li:first-child { border-top:none; }.blog-category ul li a, .blog-category ul li label { display:block; margin:0; padding:10px; background-color:#fff; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; transition:all .25s ease-in; cursor:pointer; }.blog-category ul li label::after { float:right; font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f105"; -webkit-transition:-webkit-transform .65s ease; -moz-transition:-moz-transform .65s ease; transition:transform .65s ease; }.blog-category ul li a:focus, .blog-category ul li a:hover, .blog-category ul li label:focus, .blog-category ul li label:hover { color:#1266bc; }.blog-category ul ul { height:100%;overflow:hidden; -webkit-transition:max-height .5s ease-in-out; -moz-transition:max-height .5s ease-in-out; transition:max-height .5s ease-in-out; }.blog-category ul ul li { border-top:none; }.blog-category ul ul li a, .blog-category ul ul li label { padding:5px 0 5px 20px; color:#666; }.blog-category ul ul li a::before { margin-right:5px; content:"-"; }.blog-category ul ul li a:focus, .blog-category ul ul li a:hover { background-color:#1266bc; color:#fff; }.blog-category input[type=checkbox]:checked + label + ul {max-height:1000px; }.blog-category input[type=checkbox]:checked + label::after { content:"\f107" }.blog-category ul li a.selected { position:relative; padding-left:25px; color:#1266bc; }.blog-category ul li a.selected::before { position:absolute; top:0; left:10px; font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f105"; line-height:40px; }.title-item { padding:5px 10px; background-color:#eee; border-radius:8px; }.title-item h6 { margin-bottom:0; padding:5px 0; }.title-item p { margin:0; line-height:30px; }.title-item p span { color:#1266bc; }.pagination { padding:0; width:30%; float:left; background-color:#fff; border:solid 1px #eee; border-radius:24px; justify-content:space-between; }.pagination li { display:inline-block; text-align:center; }.pagination li a, .pagination li span { display:inline-block; padding:4px 5px; min-width:28px; }.pagination li.prev { display:inline-block; border-right:solid 1px #eee; }.pagination li.next { display:inline-block; border-left:solid 1px #eee; }.pagination-bottom { margin-top:10px; width:100%; float:none; background-color:#eee; justify-content:center; }ul.share-social {text-align:center; }ul.share-social li { display:inline-block; }ul.share-social li a { display:block; padding:0 5px; }.detail-item { display:block; position:relative; margin:10px 0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }.detail-item-img { position:relative; width:100%; -webkit-flex:0 0 400px; -moz-flex:0 0 400px; -ms-flex:0 0 400px; flex:0 0 400px; max-width:400px; overflow:hidden; }.lSSlideWrapper { padding-bottom:10px; border:solid 1px #eee; }.item-img-show-pc { display:block; }.item-img-show-sp { display:none; }.imageGallery, .imageGallery-sp { position:relative; width:100%; height:400px; }.imageGallery li, .imageGallery-sp li { display:block; position:relative; width:100%; height:100%; }.imageGallery li img, .imageGallery-sp li img { display:block; position:absolute; top:50%; left:50%; max-width:400px; max-height:400px; width:auto; height:auto; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); vertical-align:middle; }.lSSlideOuter .lSPager.lSGallery {position:relative; padding-top:5px; height:90px; }.lSSlideOuter .lSPager.lSGallery li { display:block; position:relative; height:100%; border:solid 1px #eee; }.lSSlideOuter .lSPager.lSGallery img { display:block; position:absolute; top:50%; left:50%; max-width:90px; max-height:90px; width:auto; height:auto; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); vertical-align:middle; }.detail-item-txt { position:relative; padding-left:10px; width:100%; -webkit-flex:0 0 480px; -moz-flex:0 0 480px; -ms-flex:0 0 480px; flex:0 0 480px; max-width:480px; }.detail-item-txt .item-inside { display:block; position:relative; }.detail-item-txt .item-rate { display:block; position:relative; right:auto; margin-bottom:10px; width:100%; }.detail-item-txt .item-rate-inside { display:inline-block; }.item-rate-layer span { font-size:11px; }.total-rate, .total-btn { display:inline-block; margin-left:10px; }.total-btn span { display:inline-block; margin-right:5px; }.total-btn span::before { display:inline-block; margin-right:5px; content:"|"; }.detail-item-txt .badge-tag { position:relative; right:auto; bottom:auto; display:inline-block; padding:3px 10px; font-size:12px; }.badge-tag.point { background-color:#eee; color:#333; }.badge-tag.point span::before { margin-right:5px; content:""; }.badge-tag.point span::after { margin-left:5px; content:""; }.detail-item-txt .item-price { position:relative; margin:10px 0; padding:10px 0; width:100%; border:dashed 1px #ccc; border-width:1px 0; }.detail-item-txt .item-price .price-normal { font-size:16px; }.detail-item-txt .item-price .price-normal::before { content:"通常価格:"; }.detail-item-txt .item-price .price-sale { font-family:unset; font-size:20px; color:#333; }.detail-item-txt .item-price .price-sale::before { margin-right:10px; content:"割引販売価格:"; color:#333; }.detail-item-txt .item-price .price-sale-normal::before { margin-right:10px; content:"価格:"; color:#333;}.detail-item-txt .item-price .price-sale-normal { font-family:unset; font-size:20px; color:#333; }.detail-item-txt .item-price .price-other { display:block; font-size:12px; color:#999; }.detail-item-txt .item-price .price-save, .detail-item-txt .item-price .price-enddate { display:inline-block; }.detail-item-txt .item-price .price-save::before { margin-right:5px; content:""; }.detail-item-txt .item-price .price-save::after { margin-left:5px; content:""; }.detail-item-txt .item-price .price-enddate::before { margin:0 5px 0 10px; content:"[ "; }.detail-item-txt .item-price .price-enddate::after { content:" ]"; }.detail-item-txt .price-save { color:#333;font-size:16px; }.item-addcart { position:relative; display:block; padding-right:45px; width:100%; overflow:hidden;}.item-addcart .item-status { width:25%; float:left; color:#1266bc; line-height:40px; }.item-addcart .item-status::before {content:"在庫:"; color:#333; }.item-addcart .btn-ic { display:block; position:absolute; top:0; right:0; padding:0; width:40px; height:40px; background-color:#999; border:solid 1px #999; color:#333; border-radius:24px; line-height:40px; text-align:center; }.item-addcart .btn-ic i { color:#333; }.item-addcart .btn-ic:hover { background-color:#999; border-color:#999; color:#fff; }.item-addcart .btn-ic:hover i { color:#fff; }.item-addcart .input-quantity { position:relative; padding-right:5px; width:30%; float:left; }.form-style .input-quantity { position:relative; margin-bottom:10px; width:100%; }.input-quantity .form-control { width:100%; text-align:center; }.input-quantity .js-qty-down, .input-quantity .js-qty-up { position:absolute; top:0; width:40px; height:40px; background-color:transparent; border:none; color:#333; font-size:16px; outline:none; }.input-quantity .js-qty-up { right:5px; }.input-quantity .js-qty-down { left:0; }.input-quantity .js-qty-down:hover, .input-quantity .js-qty-up:hover { color:#0e559d; }.form-style .input-quantity .js-qty-up { right:0; }.item-addcart button.btn-addcart { margin:0; width:40%; float:left; }.item-addcart button.btn-notify { margin:0; width:35%; float:left; border-top-left-radius:0; border-bottom-left-radius:0; }.item-addcart button.btn-addcart.modal-link, .item-addcart button.btn-notify.modal-link { display:none; }.item-addcart .input-email { position:relative; width:30%; float:left; }.item-addcart .input-email .form-control { padding:5px 10px; text-align:left; border-top-right-radius:0; border-bottom-right-radius:0; }.detail-item-txt .item-desc { clear:both; display:block; margin:10px 0; padding:10px 0; width:100%; background-color:#eee; border:dashed 1px #ccc; border-width:1px 0; }.detail-item-txt .item-desc dl { margin-bottom:0; padding:0 10px; list-style:none; overflow:hidden; font-size:13px; }.detail-item-txt .item-desc dl dt { position:relative; clear:both; padding-right:5px; width:175px; float:left; font-weight:400; }.detail-item-txt .item-desc dl dt::after { position:absolute; top:0; right:0; content:":" }.detail-item-txt .item-desc dl dd { margin-left:180px; margin-bottom:5px; }.item-set { display:block; position:relative; width:100%; background-color:#fff; border:solid 1px #eee; border-radius:8px; margin-top:10px;}.item-set-title { position:relative; padding:10px 10px 10px 15px; width:100%; height:40px; background-color:#1266bc; color:#fff; overflow:hidden; border-top-left-radius:8px; border-top-right-radius:8px; }.item-set-title::before { position:absolute; top:0; left:-30px;width:100px;text-align:center; line-height:24px; color:#fff; -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); transform:rotate(-30deg); font-size:12px; letter-spacing:1px; }.item-detail, .item-review { display:block; position:relative; margin:10px 0 0 0; width:100%; background-color:#fff; border:solid 1px #eee; border-radius:8px; }.item-detail .item-set-title, .item-review .item-set-title { padding:10px; background-color:#eee; color:#333; font-weight:600; }.item-detail .item-set-title::before, .item-review .item-set-title::before { display:none; }.item-set ul { overflow:hidden; }.item-set ul li { position:relative; display:block; padding:10px; width:100%; float:left; border-top:solid 1px #eee; }.item-set ul li:first-child { border-top:none; }.item-set-img { display:inline-block; width:11%; }.item-set-img img { width:80px; border:solid 1px #eee; }.item-set-name { display:inline-block; width:70%; }.item-price.price-set { display:inline-block; position:relative; width:25%; float:right; }.item-set-addcart { display:inline-block; width:18%; }.item-set ul li:hover { background-color:#eee; }.item-detail-inside { position:relative; padding:10px; }.item-detail-inside .collapse.show { padding-bottom:70px; }.item-detail-inside .collapse:not(.show) { display:block; min-height:200px !important; overflow:hidden; }.item-detail-inside .collapsing { min-height:300px !important; }.item-detail-inside .fade-more { position:relative; margin-top:-100px; height:100px; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%); }.item-detail-inside a.btn-more { display:inline-block; position:absolute; bottom:10px; left:50%; margin-left:-100px; padding:9px 0; width:200px; background-color:#ccc; border:solid 1px #ccc; cursor:pointer; text-align:center; color:#333; border-radius:24px; }.item-detail-inside a.btn-more:hover { background-color:#999; border-color:#999; color:#fff; }.item-detail-inside a.collapsed:after{ content:'+ もっと見る +'; }.item-detail-inside a:not(.collapsed):after { content:'- 閉じる -'; }.item-review-hilight { padding:10px; background-color:#eef6ff; overflow:hidden; }.item-review-hilight .item-inside { display:block; position:relative; }.item-review-hilight .item-rate { position:relative; display:block; }.item-review-hilight .item-rate-inside { display:inline-block; margin:10px 0; }.item-review-hilight .item-rate-layer span { margin:0 1px; font-size:14px; }.item-review-hilight .total-rate { display:inline-block; }.item-review-hilight .total-btn { position:absolute; top:0; right:0; }.item-review-hilight .total-btn a { display:block; padding:9px 20px; min-width:100px; background-color:#ccc; border:solid 1px #ccc; cursor:pointer; text-align:center; color:#333; border-radius:24px; }.item-review-hilight .total-btn a:hover { background-color:#999; border-color:#999; color:#fff; }ul.item-review-list { padding:0 10px; overflow:hidden; }ul.item-review-list li { position:relative; padding:10px 0; width:100%; border-top:dotted 1px #eee; overflow:hidden; }ul.item-review-list li:first-child { border-top:none; }ul.item-review-list li .item-rate { position:relative; display:block; }ul.item-review-list li .item-rate-inside { display:inline-block; }.review-name { display:inline-block; margin-left:10px; color:#999; }.review-date { position:absolute; top:0; right:0; color:#999; }.review-comment { display:block; margin-top:5px; }.blog-flashsale.owl-carousel .owl-stage-outer { padding:5px 0; }.rating { display:inline-block; margin-bottom:10px; border:none; }.rating > input { display:none; } .rating > label { margin-bottom:0; }.rating > label:before { display:inline-block; margin:0 5px; font-size:30px; font-family:'Font Awesome 5 Free'; content:'\f005'; font-weight:700; }.rating > .half:before { position:absolute; content:"\f089"; }.rating > label { float:right; color:#ccc; }.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label { color:#faca51;}.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label { color:#faca51;} .btn-toggle { position:relative; margin:0 75px 0 0; padding:0; width:40px; height:20px; float:right; background:#ccc; border:none; border-radius:20px; }.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active { outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }.btn-toggle:before, .btn-toggle:after { line-height:1.5rem; width:75px; text-align:center; font-size:0.75rem; text-transform:uppercase; position:absolute; bottom:0; transition:opacity .25s; }.btn-toggle:before { content:''; left:0; }.btn-toggle:after { content:'ไม่ระบุตัวตน'; right:-75px; opacity:.35; }.btn-toggle > .handle { position:absolute; top:1px; left:1px; width:18px; height:18px; border-radius:50%; background:#fff; transition:left .25s; }.btn-toggle.active { transition:background-color 0.25s; }.btn-toggle.active > .handle { left:21px; transition:left .25s; }.btn-toggle.active:before { opacity:.35; }.btn-toggle.active:after { opacity:1; }.btn-toggle:before, .btn-toggle:after { color:#999; }.btn-toggle.active { background-color:#1266bc; }.form-control { padding:5px 10px; border-color:#e5e5e5; border-radius:24px; outline:none; font-size:14px; line-height:28px; }.form-control:focus { border-color:#1266bc; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }.form-style { position:relative; width:100%; overflow:hidden; }.form-style .form-group { display:block; width:100%; float:left; }.form-style .bbtn { width:100%; }.spaceform { clear:both; height:10px; }.form-search { margin:0 auto; width:100%; overflow:hidden; }.form-search .form-control { display:inline-block; width:88%; float:left; border-top-right-radius:0; border-bottom-right-radius:0; }.form-search .btn-search { display:inline-block; padding:5px 12px; width:12%; float:left; border-radius:24px; border-top-left-radius:0; border-bottom-left-radius:0; outline:none; font-size:14px; line-height:28px; }.form-search .btn-search:focus { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }.form-subscribe { margin-bottom:20px; }.form-subscribe .form-row { margin-right:-0px; margin-left:-0px; }.form-subscribe .form-row>.col, .form-subscribe .form-row>[class*=col-] { padding-right:0; padding-left:0; }.form-subscribe .form-control { border-top-right-radius:0; border-bottom-right-radius:0; }.btn-subscibe { padding:5px 10px; border-radius:24px; border-top-left-radius:0; border-bottom-left-radius:0; outline:none; font-size:14px; line-height:28px; }.btn-subscibe:focus { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }.col-style { position:relative; padding-right:5px; width:70%; float:left; }.col-style label { margin-bottom:0; width:35%; float:left; line-height:30px; }.col-style select { padding:0 10px; width:65%; height:30px !important; float:left; -webkit-appearance:none; -moz-appearance:none; }.col-style::before { position:absolute; top:0; right:15px; z-index:1; font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f107"; font-size:12px; line-height:34px; color:#000; }.btn-close, .modal .modal-close { position:absolute; top:0; right:5px; background-color:transparent; border:none; outline:none; z-index:2; }.btn-close i, .modal .modal-close i { color:#333; }.btn-close:hover i, .modal .modal-close:hover i { color:#1266bc; }.btn-area { display:block; padding:5px; width:100%; text-align:center; }.btn-area .bbtn { margin:0 5px; }.bbtn { display:inline-block; position:relative; padding:9px 20px; min-width:100px; background-color:#ccc; border:solid 1px #ccc; color:#333 !important; cursor:pointer; text-align:center; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; border-radius:24px; font-weight:bold; }.bbtn:hover { background-color:#999; border-color:#999; color:#fff !important; }.bbtn-blue { background-color:#1266bc; border-color:#1266bc; color:#fff !important; }.bbtn-blue:hover { background-color:#0e559d; border-color:#0e559d; color:#fff !important; }.bbtn-orange { background-color:#e67e22; border-color:#e67e22; color:#fff !important; }.bbtn-orange:hover { background-color:#da751c; border-color:#da751c; color:#fff !important; }.bbtn-purple { background-color:#8e44ad; border-color:#8e44ad; color:#fff !important; }.bbtn-purple:hover { background-color:#80399d; border-color:#80399d; color:#fff !important; }.bbtn-green { background-color:#2ecc71; border-color:#2ecc71; color:#fff !important; }.bbtn-green:hover { background-color:#28be68; border-color:#28be68; color:#fff !important; }.bbtn-red { background-color:#c0392b; border-color:#c0392b; color:#fff !important; }.bbtn-red:hover { background-color:#b53224; border-color:#b53224; color:#fff !important; }.bbtn-yellow { background-color:#f1c40f; border-color:#f1c40f; color:#fff !important; }.bbtn-yellow:hover { background-color:#e2b607; border-color:#e2b607; color:#fff !important; }.bbtn-yellow { background-color:#f1c40f; border-color:#f1c40f; color:#fff !important; }.bbtn-yellow:hover { background-color:#e2b607; border-color:#e2b607; color:#fff !important; }#welcome-modal .modal-dialog { margin:0 auto; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); transform:translate(0,-50%); max-width:600px; }#welcome-modal .modal-content, .modal .modal-content { border:none; border-radius:0; }#welcome-modal .btn-area { position:absolute; bottom:0; }a.btn-register { display:inline-block; margin:5px; padding:9px 10px; min-width:240px; background-color:#1266bc; border:solid 1px #1266bc; color:#fff; border-radius:24px; }a.btn-register.btn-fb { background-color:#3b5998; border-color:#3b5998; }a.btn-register.btn-fb i { margin-right:10px; }a.btn-register:hover { background-color:#0e559d; border-color:#0e559d; }a.btn-register.btn-fb:hover { background-color:#2a4379; border-color:#2a4379; }.title-modal { margin:0; padding:10px; width:100%; height:auto; background-color:#ccc; text-align:center; }.modal .modal-body .item-img { margin-bottom:10px; width:25%; float:left; }.modal .modal-body .item-content { margin-bottom:10px; padding:0; width:75%; float:left; border:none; }.modal .modal-body .item-content .item-name { text-align:left; }.modal .modal-body button.btn-addcart { margin:0; width:100%; }.page-title { position:relative; margin-bottom:20px; line-height:18px; }.page-title::after { position:absolute; top:50%; right:0; content:""; margin-top:-1px; width:100%; height:2px; background-color:#eee; z-index:0; }.page-title span { position:relative; padding:0 15px; background-color:#fff; z-index:1; }.page-title span::before { position:absolute; top:50%; left:0; content:""; margin-top:-4px; width:8px; height:8px; border:solid 2px #1266bc; border-radius:10px; z-index:1; }.page-subtitle { position:relative; margin-bottom:20px; padding-bottom:15px; border-bottom:solid 2px #ccc; line-height:18px; text-align:center; }.login-area { margin:15px 0; padding:20px; width:100%; height:auto; background-color:#eee; border-radius:8px; -webkit-box-shadow:0 1px 5px 2px #e6e6e6; -moz-box-shadow:0 1px 5px 2px #e6e6e6; box-shadow:0 1px 5px 2px #e6e6e6; } .forgot-link { float:right; }.bbtn.btn-login { width:100%; }.or-txt { position:relative; z-index:1; margin:20px 0; width:100%; text-align:center; }.or-txt:before { position:absolute; top:50%; left:0; right:0; bottom:0; z-index:-1; content:""; margin:0 auto; width:100%; height:1px; background-color:#ccc; }.or-txt span { padding:0 20px; background-color:#eee; color:#999; }.login-area .btn-area { padding:0; }.login-area a.btn-register.btn-fb { margin:0; width:100%; }.form-txt { margin-top:20px; padding-top:15px; border-top:solid 1px #ccc; text-align:center; }.form-txt p { margin-bottom:0; }p.comment { font-size:12px; }p.comment a { text-decoration:underline; }.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before { content:counter(stepNum); font-family:'open_sansregular'; font-size:12px; font-weight:400; }.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after { background-color:#eee; }.multi-steps { display:table; table-layout:fixed; margin-bottom:20px; width:100%; }.multi-steps > li { counter-increment:stepNum; text-align:center; display:table-cell; position:relative; color:#1266bc; }.multi-steps > li:before { position:relative; display:block; margin:0 auto 5px auto; width:36px; height:36px; background-color:#1266bc; border:solid 2px #1266bc; border-radius:50%; line-height:32px; font-family:'Font Awesome 5 Free'; content:'\f00c'; font-size:12px; font-weight:700; text-align:center; z-index:1; color:#fff; }.multi-steps > li:after { position:absolute; top:18px; left:50%; z-index:0; content:''; width:100%; height:2px; background-color:#1266bc; }.multi-steps > li:last-child:after { display:none; }.multi-steps > li.is-active:before { background-color:#fff; border-color:#1266bc; color:#1266bc; }.multi-steps > li.is-active ~ li { color:#ccc; }.multi-steps > li.is-active ~ li:before { background-color:#fff; border-color:#eee; color:#ccc; }.orders-list { margin-bottom:20px }.orders-list ul { margin:0 0 20px 0; padding:10px; width:100%; overflow:hidden; border:solid 1px #eee; border-radius:8px; }.orders-list ul li { position:relative; margin-top:10px; padding-top:10px; width:100%; min-height:50px; float:left; border-top:solid 1px #eee; }.orders-list ul li:first-child { margin-top:0; padding-top:0; min-height:auto; border-top:none; }.order-item-img { position:relative; width:10%; height:50px; float:left; }.order-item-img a.img-thumb { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin:0 auto; padding:0; overflow:hidden; text-align:center; }.order-item-img a img { max-width:50px; max-height:50px; width:auto; height:auto; opacity:1; }.order-item-name { padding-right:10px; width:50%; height:20px; float:left; line-height:20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }.order-item-name a { display:block; }.order-item-qty { position:relative; width:18%; float:left; text-align:center; }.order-item-qty .form-control { width:100%; text-align:center; }.order-item-qty .js-qty-down, .order-item-qty .js-qty-up { position:absolute; top:0; width:40px; height:40px; background-color:transparent; border:none; color:#333; font-size:16px; outline:none; }.order-item-qty .js-qty-up { right:0; }.order-item-qty .js-qty-down { left:0; }.order-item-qty .js-qty-down:hover, .order-item-qty .js-qty-up:hover { color:#0e559d; }.order-item-price { width:22%; float:left; text-align:right; }.order-btn-ic { position:absolute; bottom:0; left:10%; }.order-btn-ic a { margin-right:10px; }.order-item-btn { padding-left:20px; width:18%; float:left; }.order-title { }.order-title ul { margin:0 0 10px 0; padding:5px 10px; width:100%; background-color:#eee; overflow:hidden; border:solid 1px #eee; border-width:1px 0; border-radius:8px; }.order-title ul li { width:100%; float:left; text-align:center; }.order-title-name { width:60%; float:left; }.order-title-qty { width:18%; float:left; }.order-title-price { width:22%; float:left; }.order-title-btn { padding-left:20px; width:18%; float:left; }.order-title-btn .btn-addcart { width:78%; }.order-title-btn .bbtn { display:inline-block; padding:9px 10px; min-width:40px; }.cart-total { position:relative; padding:20px; width:100%; border:solid 1px #eee; overflow:hidden; border-radius:8px; background-color:#ccc;}.cart-total h6 { padding-bottom:10px; border-bottom:solid 1px #eee; }.cart-total ul { border-bottom:solid 1px #eee; }.cart-total ul li { margin-bottom:10px; width:100%; overflow:hidden; }.cart-total ul li.order-total { padding-top:10px; border-top:solid 2px #eee; font-size:16px; color:#ff2556; }.cart-total ul li.order-total span.f-left { color:#333; }.cart-total label { display:block; padding-top:10px; border-top:dashed 1px #eee; }.cart-total .form-control { width:80%; float:left; border-top-right-radius:0; border-bottom-right-radius:0; }.cart-total button.btn-usecoupon { padding:9px 10px; width:20%; float:left; text-align:center; background-color:#ccc; border:solid 1px #ccc; border-top-right-radius:24px; border-bottom-right-radius:24px; color:#333; }.cart-total button.btn-usecoupon:hover {background-color:#999; border-color:#999; color:#fff; }.cart-total button.btn-next { padding:9px 10px; width:100%; text-align:center; background-color:#1266bc; border:solid 1px #1266bc; color:#fff; border-radius:24px; font-weight:bold;}.cart-total button.btn-next:hover {background-color:#0e559d; border-color:#0e559d; color:#fff; font-weight:bold; }.order-form { margin:0; padding:20px; border:solid 1px #eee; overflow:hidden; border-radius:8px; }.order-form h6 { padding-bottom:10px; border-bottom:solid 1px #eee; font-weight:bold; }.cart-total .orders-list { margin:20px 0; background-color:#ccc; border-radius:8px; }.cart-total .order-item-img { width:23%; }.cart-total .order-item-name { padding-left:2%; padding-right:0; width:77%; height:40px; line-height:20px; -webkit-line-clamp:2; }.cart-total .order-item-qty { clear:both; padding-left:25%; width:60%; text-align:left; }.cart-total .order-item-price { width:40%; }.cart-total .orders-list ul li { margin-bottom:0; }dl.bank-list { margin-bottom:0; padding:10px; list-style:none; overflow:hidden; border-bottom:solid 1px #ccc; }dl.bank-list dt { clear:both; padding-top:20px; width:75px; float:left; }dl.bank-list dd { position:relative; margin-left:90px; margin-bottom:5px; }.form-contact { padding:20px; width:100%; height:auto; background-color:#eee; border-radius:8px; -webkit-box-shadow:0 1px 5px 2px #e6e6e6; -moz-box-shadow:0 1px 5px 2px #e6e6e6; box-shadow:0 1px 5px 2px #e6e6e6; } .accordion {}.accordion .card { border-radius:8px; }.accordion .card:first-of-type { border-bottom-left-radius:8px; border-bottom-right-radius:8px; }.accordion .card:last-of-type { border-top-left-radius:8px; border-top-right-radius:8px; }.card { margin-bottom:20px; border:solid 1px #eee; border-bottom:solid 1px #eee !important; }.card-header { padding:10px; background-color:#eee; border-bottom:solid 1px #eee; }.card-header h6 { margin-bottom:0; cursor:pointer; }.card-header h6:hover { color:#1266bc; }.card-header h6::before { margin-right:10px; content:"-"; }.card-header h6.collapsed::before { content:"+"; }.blog-category .card-header { padding:0; border-bottom:none; }.blog-category .card-header h6:hover { background-color:#0e559d; color:#fff; }.blog-category .card-header h6::before { display:none; }.blog-category .card-body { padding:0; }.member-title { padding:10px; width:100%; background-color:#eee; }.member-title span { position:relative; padding-left:15px; }.member-title span::before { position:absolute; top:50%; left:0; display:inline-block; content:''; margin-top:-2px; width:4px; height:4px; background-color:#333; border-radius:5px; }.member-area { position:relative; margin-bottom:20px; padding:0; width:100%; height:auto; background-color:#fff; border:solid 1px #eee; border-radius:8px; overflow:hidden; }.member-area a.edit { position:absolute; top:50px; right:10px; display:inline-block; padding:5px 10px; background-color:#ccc; border:solid 1px #ccc; border-radius:24px; color:#333; line-height:18px; z-index:10; }.member-area a.edit:hover { background-color:#999; border-color:#999; color:#fff !important; }.member-area dl { margin-bottom:0; padding:10px; list-style:none; overflow:hidden; }.member-area dl dt { position:relative; clear:both; padding-right:5px; width:125px; float:left; font-weight:400; }.member-area dl dt::after { position:absolute; top:0; right:0; content:":" }.member-area dl dd { margin-left:130px; margin-bottom:5px; }.member-address { position:relative; margin-bottom:20px; padding:0; width:100%; height:auto; background-color:#fff; border:solid 1px #eee; border-radius:8px; overflow:hidden; }.member-address p { margin-bottom:0; padding-right:65px; }.member-address p span { font-size:13px; color:#999; }.member-address .address-list { position:relative; margin:0; padding:10px; border-top:dashed 1px #eee; }.member-address .address-list.address-base { border-top:0; }.member-address .address-list a { position:absolute; top:10px; right:10px; display:inline-block; padding:5px 10px; background-color:#ccc; border:solid 1px #ccc; border-radius:24px; color:#333; line-height:18px; }.member-address .address-list a:hover { background-color:#999; border-color:#999; color:#fff !important; }.member-address .address-new { padding:10px; border-top:dashed 1px #eee; text-align:center; }.order-history { position:relative; margin-bottom:20px; padding:0; width:100%; height:auto; background-color:#fff; border:solid 1px #eee; border-radius:8px; overflow:hidden; }.order-history ul { overflow:hidden; }.order-history ul li { padding:10px; width:100%; float:left; border-top:solid 1px #eee; }.order-history ul li:first-child { border-top:none; }.order-history ul.history-title { background-color:#f9f9f9; }.order-history ul.history-title li { padding-top:10px; }.order-history .alink::after { margin-left:5px; font-family:'Font Awesome 5 Free'; font-weight:700; content:"\f152"; font-size:12px; }.order-number { width:21%; float:left; }.order-date { width:29%; float:left; }.order-total { width:20%; float:left; }.order-history ul.history-list li .order-total::after { margin-left:5px; content:' '; }.order-status { width:30%; float:left; }.form-contact { padding:20px; width:100%; height:auto; background-color:#eee; -webkit-box-shadow:0 1px 5px 2px #e6e6e6; -moz-box-shadow:0 1px 5px 2px #e6e6e6; box-shadow:0 1px 5px 2px #e6e6e6; } .order-detail { padding:10px 5px; overflow:hidden; }.order-detail .address-list { padding:10px; width:33.333333%; float:left; }.order-detail .address-list .detail-title { position:relative; margin-bottom:10px; padding-bottom:5px; border-bottom:solid 1px #eee; }.blog-list .nav-tabs { position:relative; display:block; margin:20px 0; padding:0; border-bottom:none; text-align:center; }.blog-list .nav-tabs::before { position:absolute; top:8px; left:0; right:0; content:""; height:1px; background-color:#eee; z-index:0; }.blog-list .nav-tabs::after { position:absolute; top:10px; left:0; right:0; content:""; height:2px; background-color:#eee; z-index:0; }.blog-list .nav-tabs .nav-item { display:inline-block; position:relative; margin:0; padding:0 20px; float:none; background-color:#fff; z-index:1; }.blog-list .nav-tabs .nav-item .nav-link { display:inline-block; position:relative; margin:0; padding:0 0 5px 0; border:none; border-bottom:solid 3px transparent; border-radius:0; letter-spacing:1px; }.blog-list .nav-tabs .nav-item .nav-link::after { display:none; }.blog-list .nav-tabs .nav-item .nav-link:hover, .blog-list .nav-tabs .nav-item .nav-link.active { border-bottom:solid 3px #1266bc; }.blog-list .nav-tabs .nav-item .nav-link.active { color:#1266bc; font-weight:700; }.order-title.item-favorite {}.order-title.item-favorite .order-title-name { width:55%; }.order-title.item-favorite .order-title-btn { width:23%; }.orders-list.item-favorite .order-item-name { width:45%; }.orders-list.item-favorite .order-item-btn { width:23%; }.red{color:red;}.blue{color:blue;}.item-name h3{font-size:14px;padding:0px;margin:0px;}.item-set .item-set-addcart{width:20%;}.item-set .item-set-name{width:65%;}#header-info h1,#header-info h2{font-size:10px;padding:0px;margin:5px 0px;line-height:20px;float:left;}#header-info span{font-size:10px;padding:0px;margin:5px 0px;line-height:20px;float:left;}.nav-item h2{font-size:20px; font-weight:bold; color:#1266bc;}.item-set-addcart button.btn-addcart{padding:5px 5px;}.checkoutForm{padding:20px 5px 20px 5px;background-color:#ccc;}.quantity{font-weight:bold;font-size:20px;}#scrollCart{position:fixed;width:200px;right:10px;bottom:100px;border-radius:10px;display:none;text-align:center;}.bg-yellow{background-color:#EEEC70;}ul.blog-item.item-recommend>li {-webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}ul.blog-item.item-recommend .item-content .item-name {height:32px;line-height:16px;}ul.blog-item.item-recommend .item-content .item-name h3 {text-align:left;}ul.blog-item.item-recommend .item-content { border-top:none; }ul.blog-item.item-recommend .ic-favorite { bottom:5px; }.item-content .item-short {display:block;margin:10px 0 0 0;width:100%;height:45px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:15px;text-align:left;font-size:12px;}.blog-item-img {width:185px;float:left;border-right:solid 1px #eee;}.blog-item-txt {margin-left:185px;}.hidden-pc{ display:none; }.hidden-sp{ display:inline; }