body{font-family: '微軟正黑體'!important;}
a{font-family: '微軟正黑體'!important; color: #232323;}
h1, h2, h3, h4, h5, h6{font-family: '微軟正黑體'!important;}

/*layout reset*/
.head-left{ width: 25%; float: left;  }
.head-right{ width: 70%; display: flex; flex-direction: column; align-items: flex-start;    position: relative; }
.non-float{ float: unset!important;}

/*reset*/
nav.navbar.attr-border .attr-nav{ border-left: unset; position: absolute;right: 0;}
.logo{ width: 65%; }
nav.navbar.bootsnav ul.nav > li > a{ padding: 10px 15px; margin-bottom: 20px; }
.about-area .about-content .info h2::after{ content: unset!important; }
/*.product-p1 button.owl-prev{    position: relative;  left: -50%;}*/
/*.product-p1 button.owl-next{ border: unset;   position: relative; ; right: -50%;}
.product-p1 .owl-theme .owl-nav [class*=owl-]{ background: transparent!important; color: #E0DCDA!important;font-size: 36px!important;}
.product-p1 .owl-theme .owl-nav{ margin-top: -18%; position: relative; }*/

.product-p2 button.owl-prev{    position: relative;  left: -50%;}
.product-p2 button.owl-next{ border: unset;   position: relative; ; right: -50%;}
.product-p2 .owl-theme .owl-nav [class*=owl-]{ background: transparent!important; color: #E0DCDA!important;font-size: 36px!important;}
.product-p2 .owl-theme .owl-nav{ margin-top: -13%; position: relative; }
nav.navbar.attr-border .attr-nav{ min-height: 57px; }
.attr-nav > ul > li{ padding: 29px 0 20px 0; }
footer .f-item h4{ font-weight: 600; font-size: 24px; }
footer .f-item p , footer .f-item p a{margin-bottom: 3px; margin-top: 10px; font-size: 18px; font-family: '微軟正黑體'!important; color: #585757;}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a{ color: #000;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li{ font-family: '微軟正黑體'!important;color: #323232; font-weight: 900; }
.breadcrumb-area .breadcrumb li.active{color: #323232;}
.breadcrumb-area .breadcrumb::after{ background: transparent;}
.breadcrumb-area .breadcrumb li::after{ color: #ffffff94; border: unset; content: '/'; margin-top: -12px!important;}
.breadcrumb-area h1{ font-size: 42px; }
.breadcrumb-area .breadcrumb{ padding: unset;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #a3894b; border-color: #a3894b;}
.pagination>li>a, .pagination>li>span{ color: #a3894b; }

.service-area .owl-prev{ position: absolute; left: -80px; top: 50%; width: 40px; height:40px; display: block!important; background-image: url(assets/img/service-leftnav.png)!important; background-color: unset!important; background-size: 55%!important; background-repeat: no-repeat!important;  }
.service-area .owl-prev i{ display: none; }
.service-area .owl-next{ position: absolute; right: -80px; top: 50%; width: 40px; height:40px; border: unset!important;display: block!important; background-image: url(assets/img/service-rightnav.png)!important; background-color: unset!important; background-size: 55%!important; background-repeat: no-repeat!important;}
.service-area .owl-next i{ display: none; }

.class-area .owl-prev{ position: absolute; left: -40px; top: 40%; width: 30px; height:30px; display: block!important; background-image: url(assets/img/class-leftnav.png)!important; background-color: unset!important; background-size: 100%!important; background-repeat: no-repeat!important;  }
.class-area .owl-prev i{ display: none; }
.class-area .owl-next{ position: absolute; right: -40px; top: 40%; width: 30px; height:30px; border: unset!important;display: block!important; background-image: url(assets/img/class-rightnav.png)!important; background-color: unset!important; background-size: 100%!important; background-repeat: no-repeat!important;}
.class-area .owl-next i{ display: none; }

.panel-default>.panel-heading{ background-color: #fff!important; border-radius: 8px; }
.acd-items .panel.panel-default{   border: 1px solid #cd8a36!important; border-radius: 8px; }
.acd-items .panel-heading .panel-title a{ color: #cd8a36!important}
.acd-arrow .panel-group.symb .panel-heading a::after{     color: #cd8a36!important; }
.panel-default>.panel-heading+.panel-collapse>.panel-body{     border-top-color: transparent!important; }
.owl-theme .owl-nav .disabled{     opacity: 1!important;}

/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.c-888{ color:#888!important;}
.c-cd8a36{color:#cd8a36!important;}
.c-c1b191{color:#c1b191!important;}
.bg-102fbb{background-color: #102fbb!important;}
.bgc-efd66a{background-color: #efd66a!important;}
.bgc-ccc{background-color: #ccc!important;}
.bgc-c1b191{background-color: #c1b191!important;}
.bgc-d9c6ae{background-color: #d9c6ae!important;}
.bgc-fdf8ec{background-color: #fdf8ec!important;}
.bgc-dcc9af{background-color: rgba(220, 201, 175, 0.7);}
.bgc-tra{background-color: rgba(255, 255, 255, 0.3)!important;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-80{ width:80%; margin: auto;}
.width-90{ width:90%; margin: auto;}
.width-97{ width:97%; margin: auto;}
.text-height{ height:40px; overflow: hidden; }

.m-open{ display: none!important; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-non{padding: unset!important;}
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
.hidden{ overflow: hidden;  }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*shopping*/
.shopping-cart-num{ background-color: #cea789; display: inline-block; color: #fff; border-radius: 26px;width: 20px; height: 20px;font-size: 12px; position: absolute;right: 0px; top: 10px; text-align: center;
 line-height: 1.5; opacity: 0.5;}


.product-p1 .icon ,.product-p2 .icon{display: block; height: 50px; overflow: hidden;}
.btn-230524{ padding: 12px 20px;  display: inline-block;  border-radius: 50px;  border:1px solid #000; color: #000; overflow: hidden; }
.mask-btn{ position: absolute; top: 0; left: 0; transition-property: width; width: 0; height: 300px;    transition-timing-function: ease ;  transition-duration: 0.5s;}
.btn-230524:hover >.mask-btn{ width: 100%; background-color: #000; z-index: -100;}
.btn-230524:hover{ color:#fff ;}
body .about-area .about-content .info .btn-position-b{ margin-top:calc( 100% / 4); }
body .about-area .about-content .info .btn-position-b-en{ margin-top:100px; }
.btn-230524-2{ padding: 32px 0px;  display: inline-block; font-size: 24px; border-radius: 50px;   color: #000; overflow: hidden; }

.news-list{ padding: 0; list-style: none; }
.news-list li{ border-bottom:1px solid #4C4B4B;  }
.news-list li a{  display: flex; margin: 15px 0 5px 0;  }
.news-list li a p{  transition: margin-left;transition-timing-function: ease ;  transition-duration: 0.5s; font-size: 20px;color: #000; font-weight: 700; line-height: 2.4; }
.news-list li:hover > a{ margin-left: 30px; }
.news-c-title{margin-left: 180px;}
.p1-t-icon{display: block;}
.en-title-s{ display: block; }
.product-2-title{ align-items: center;display: flex;justify-content: space-between;}
.shape01{ width:10px; height:20px; display: inline-block; background-color: #152e9d; margin-right: 10px; }

.f-item ul{padding: 0; margin: 0;}
.f-item li{ margin-bottom: 10px; }
.f-icon{ display: flex;}
.f-icon li{ margin-right: 10px; }
.f-add{width: 119px; }
.f-add-en{width: 119px; margin-right: 16px; }
.f-phone{ letter-spacing: 41px;}
.f-phone-en{ letter-spacing: 4px;}
.f-phone-last{margin-right: 20px;}
.f-phone-last-en{margin-right: 20px;}
.f-fax{ letter-spacing: 19px;}
.f-fax-last{margin-right: 20px;}

/*pagetop*/
.breadcrumb-area{ position: relative; padding:115px 0 161px 0!important; }
.page-top{  display: inline-block; padding: 0px 0px 30px 0px; color: rgba(38, 38, 39, 1); opacity: 0.6; font-weight: 900; font-size: 16px; letter-spacing: 3px; margin-left: 30px; }
.page-line{  }
.page-line-mo{ animation-name: page-line-mo; animation-fill-mode: forwards; animation-delay: 1s; animation-duration: 1s; transition: all 2s ease-out;  }
@keyframes page-line-mo{ from {transform: translateY(-200px); }to {transform: translateY(0px); }}
.page-line img{ position: absolute; }
.line-1{ left: -74px; top:42%; }
.line-2{ left: -242px;  top: 56% }
.line-3{ left: -154px; top:62%; }
.move-line-1{ animation-name: line1; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; transition: all 2s ease-out; }
@keyframes line1{ from {transform: translate(-74px); }to {transform: translate(74px); }}
.move-line-2{ animation-name: line2; animation-fill-mode: forwards; animation-delay: 0.2s; animation-duration: 2s; transition: all 2s ease-out; }
@keyframes line2{ from {transform: translate(-242px);}to {transform: translate(242px);} }
.move-line-3{ animation-name: line3; animation-fill-mode: forwards; animation-delay: 0.3s; animation-duration: 2s; transition: all 2s ease-out; }
@keyframes line3{ from {transform: translate(-154px);}to {transform: translate(154px);} }

/*aboutpage*/
.circle-a{ z-index: 99; border-radius: 50%; width: 200px; height: 200px; ; margin:auto;  }
.circle-a p{ color: #4c59a4;transition: color 0.5s ease-out 100ms; font-size: 30px; text-align: center; transform: translateY(356%); }
.circle-a:hover > p{color: #fff;}
.circle-a::after{ z-index: -99; content: ''; width:3px; height:50px; display: block; background-color: #dcdcdc; position: absolute; top: 200px; left: 50%; }
.circle-a::hover{ animation-name: circlea; animation-fill-mode: forwards; animation-delay: 0.1s; animation-duration: 1s; transition: all 2s ease-out;}

.hover-co{ background-color: #dcdcdc; transition: background-color 0.5s ease-out 100ms; }
.hover-co:hover{ background-color: #535d97;  }
.hover-co:hover::before{opacity: 0; content: ''; animation-name: ho1; animation-fill-mode: forwards; animation-delay: 0.3s; animation-duration: 2s; transition: all 2s ease-out; width:3px; height:50px; z-index: -1;position: absolute; top: 199px; left: 50%; background-color:#535d97 ; }
@keyframes ho1{  from {transform: translateY(-50px); opacity: 0;}to {transform: translateY(0px);opacity: 1;} }

.about-txt ul li{ font-size: 20px; color:#535d97; font-weight: 800; text-align: center; }
.about-txt ul{ padding: 50px 0;  margin:auto ; }

/*page*/
.page-news-2305 h3{ margin-top:30px;  }
.page-news-2305 .page-news-time{margin-bottom: 30px;}
.page-news-2305 p{ font-size: 18px; color:#000; margin:15px 30px 15px 0; line-height: 1.8; }

.flex-product-c{    display: flex;align-items: center; justify-content: center;}
.page-products-main{ transition: background-color 0.5s ease-out 100ms; }
.page-products-main a:hover{ background-color:#404a7f; }
.page-products a:hover{ border:1px solid #535d97; background-color: #535d97; }
.page-products h3{     font-size: 16px;letter-spacing: 3px; margin-bottom: 0!important; }
.page-products a:hover > h3{color: #fff;}
.page-products a img{ margin-bottom: 20px; }
.p-type p{ padding: 3px 12px; background-color: #535d97; color:#fff; display: inline-block; margin-right: 15px; margin-bottom: 30px; }
.p-txt p span{ float: left; color: #000; font-size: 18px; margin-bottom: 30px; }
.product-main-info-bottom p{ font-size: 18px; line-height: 1.8; color:#000; }
.product-tt td{ border:1px solid #000; padding: 5px 10px; text-align: center; color:#000; }
.contact-info{display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;height: 600px;}
.contact-info h2{ margin-bottom: 100px; }
.contact-info p ,.contact-info a{ color:#000; font-size: 18px;line-height: 2.2; }

/*---*/
.br-m-op{ display: none; }
.none{display: none!important;}
.mt-nav-rwd{ margin-top: 89px;}
.search-btn-1115{ background-color: transparent!important; border: unset!important;}
.search-txt{ height: 20px!important; min-height: 35px; padding: 5px 20px; border: 1px solid #cfc28b; color: #cfc28b ; font-size: 16px;}

.lSSlideWrapper{position: unset!important;}
.slider-decoline1{ width: 1px; height: 900px; background-color: #fff; position: absolute; transform: translateX(600px); opacity: 1; animation-name:slider-decoline1;animation-duration:15s; animation-delay: 0; animation-iteration-count: infinite;animation-timing-function: linear; }
@keyframes slider-decoline1{
    0%{  transform: translateX(600px); opacity: 0.5; }
    25%{  transform: translateX(800px);  opacity: 0.2;}
    50%{  transform: translateX(200px); opacity: 0.5;}
}

.slider-decoline2{ width: 1px; height: 900px; background-color: #fff; position: absolute; transform: translateX(1000px); opacity: 1; animation-name:slider-decoline2;animation-duration:15s; animation-delay: 0; animation-iteration-count: infinite;animation-timing-function: linear; }
@keyframes slider-decoline2{
    0%{  transform: translateX(1000px); opacity: 0.5; }
    25%{  transform: translateX(500px);  opacity: 0.8;}
    50%{  transform: translateX(600px); opacity: 0.2;}
}

.banner-txt{position: absolute; left: 50%; top: 40% ; transform: translateX(-50%);}
.banner-title-01{ font-weight: 900; color: #000; filter: contrast(100%) invert(1); margin-top: 18px; transform: translateY(0px);animation-name:banner-title-01;animation-duration:1.2s; animation-delay: 0; animation-timing-function: ease-out; animation-fill-mode: forwards;}
@keyframes banner-title-01{
    0%{  transform: translateY(-50px); opacity: 0; }
    100%{  transform: translateY(0px);  opacity: 1;}
}
.banner-title-02{ margin-left: 50px;    position: absolute; right: -112px;width: 75%; opacity:0;transform: translateX(0px);animation-name:banner-title-02;animation-duration:1.2s; animation-delay: 1.2s; animation-timing-function: ease-out; animation-fill-mode: forwards;}
@keyframes banner-title-02{
    0%{  transform: translateX(-50px); opacity:0; }
    100%{  transform: translateX(0px);  opacity: 1;}
}
.banner-txt-2{position: absolute; left: 10%; top: 10% ; }
.banner-title-03{ font-weight: 900; color: #000;  margin-top: 18px;opacity:0; transform: translateX(0px);animation-name:banner-title-03;animation-duration:1.2s; animation-delay: 1.2s; animation-timing-function: ease-out; animation-fill-mode: forwards;}
@keyframes banner-title-03{
    0%{  transform: translateX(-50px); opacity: 0; }
    100%{  transform: translateX(0px);  opacity: 1;}
}
.banner-title-04{ margin-left: 20px;    margin-top: 80px; width: 75%; opacity:0;transform: translateX(0px);animation-name:banner-title-04;animation-duration:1.2s; animation-delay: 1.2s; animation-timing-function: ease-out; animation-fill-mode: forwards;}
@keyframes banner-title-04{
    0%{  transform: translateX(-50px); opacity:0; }
    100%{  transform: translateX(0px);  opacity: 1;}
}
.showslider{display: block!important;}
.animate-set-banner1{display: none;}
.animate-set-banner2{display: none;}
.animate-set-banner3{display: none;}
.animate-set-banner4{display: none;}
.animate-set-banner5{display: none;}

.whyus-area{ padding: 100px 0;}
.why-main{ display: flex; align-items: center; }
.why-title{ display: flex; align-items: center; }
.why-title img{width: 70%; min-width: 200px;}
.why-owl{ background-color: rgba(255, 253, 248, 0.5); padding: 20px 150px 20px 0px; }
.lSAction > a{ font-size: 50px; color: #dcdcdcd6;}
.service-txt{ width: 80%; position: absolute; top: 50%; transform: translate(-50% , -50%); font-size: 20px; color: #fff; text-shadow: 1px 4px 6px #000; line-height: 1.5; font-weight: 700; letter-spacing: 3px;}
.service-opacity-set img{opacity: 0.7;}
.service-opacity-set:hover > img{opacity: 1;}
.service-area{ padding: 130px 0 157px 0; }
.service-main{ position: relative;}
.service-title{padding: 30px 50px; }
.service-title img{ width: 100% ; max-width: 650px; }
.serviec-title-mb{margin-bottom: 100px;}
.service-area{position: relative;}
.service-box-img{ overflow: hidden; width: 100%; padding-top:calc( 100% + 36px); position: relative; background-color: #ccc; margin: auto;}
.service-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }

.class-area{padding: 80px 0 80px 0;}
.class-btn img{width: 100%; max-width: 200px;}
.class-flex{ display: flex; align-items: center; }
.txt-height{ height: 35px; overflow: hidden; display: block; line-height: 1.2;}
.class-txt{padding:10px 10px 20px 10px; font-size: 18px;}
.footer-bg{ background-image: url(assets/img/footer-bg.png); background-size: cover; }
.f-btn{ padding: 5px 20px; background-color: #d9c6ae; color:#fff; border-radius:50px ; font-size: 16px; letter-spacing: 3px; transition: ease 1s all; }
.f-btn:hover{ background-color: #edb772; color:#fff; }
.f-icon{ align-items: center; margin-top: 20px!important; }
.page-news h3{ font-size: 16px; margin-bottom: 0!important; color: #a3894b;}
.page-news p{ margin-bottom: 0!important; color: #bfbfbf; }
.page-news a{ background-image: url(assets/img/footer-bg.png); box-shadow: 0 0 10px #ccc; background-size: cover; transition: ease 1s all; }
.page-news a:hover{ box-shadow: 0px 5px 0px #a3894b;}
.page-news a::after{ content: ''; border-top: 13px solid transparent; transform: rotate(179deg); border-left: 10px solid transparent; border-right: 10px solid transparent;transition: ease-out 0.5s all; opacity: 0; position: relative; top:27px; }
.page-news a:hover::after{ content: '  ';
    border-top: 13px solid #a3894b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: rotate(179deg);
    display: inline-block; opacity: 1; position: relative; top:19px;}
.blog-items .blog-content .single-item .info img{ max-width: 100%; }
.service-main{ box-shadow: unset!important; padding: 0!important; }
.service-main h3{color: #cd8a36;}
.service-main h4{line-height: 1.8;}
.service-main p{ color:#000; }
.page-kh a::after{ content: ''; position: absolute!important;top: 101px!important;left: 87px!important;opacity: 0.5;transform: matrix(1, 3, 3, 1, 0, 1) skew(-6deg, -22deg);width: 33%; height: 89px;background-color: #ede5d9; z-index: -10;  }
.page-kh a:hover::after { transform: matrix(2, 3, 3, 1, 0, 1) skew(-6deg, -22deg)!important; border:unset!important; opacity: 0.3; }
.page-kh a{box-shadow: unset!important;}
.page-class a::after{content: unset!important;}
.page-class a:hover{box-shadow: 0px -5px 0px #ccc!important; }
.page-class a{position: relative; overflow: hidden;}
.page-class a::before{ content: ''; border-top: 0px solid #ccc; border-left: 0px solid transparent;border-right: 0px solid transparent; position: absolute; top: 0px; left: 47%; z-index: 50; opacity: 0; transition: ease 0.5s all;  }
.page-class a:hover::before{ content: ''; z-index: 10; border-top: 10px solid #ccc; border-left: 15px solid transparent;border-right: 15px solid transparent; position: absolute; top: 0; left: 47%; z-index: 50;opacity: 1;  }
.page-service a:hover{box-shadow: 0px -5px 0px #cd8a36!important; }
.page-service a::before{ content: ''; border-top: 0px solid #cd8a36!important; border-left: 0px solid transparent;border-right: 0px solid transparent; position: absolute; top: 0px; left: 47%; z-index: 50; opacity: 0; transition: ease 0.5s all;  }
.page-service a:hover::before{ content: ''; z-index: 10; border-top: 10px solid #cd8a36!important; border-left: 15px solid transparent;border-right: 15px solid transparent; position: absolute; top: 0; left: 47%; z-index: 50;opacity: 1;  }
.reserve-area .flex{ display: flex; }
.reserve-title h3, .reserve-title p{ color:#fff; }
.reserve-title p{ margin-bottom: 0; }
.reserve-title h3{font-weight: 900; margin-bottom: 0;}
.reserve-title{ display: flex; align-items: center;}
.contactus{display: block; transform: translateX(-24%); position: relative; left: 50%; margin-top: 50px;}
.c-icon{ list-style: none; width: 50%;display: flex; justify-content: center; padding: 0;}
.c-icon li{ margin-right: 20px; }
.c-icon a{display: inline-block; background-color: #c1b191; width: 50px!important; height: 50px!important;}
.c-icon a img{ width: 30px; height:30px; margin: auto; display: block; transform: translateY(35%);}
.c-icon a:hover{ box-shadow: 0 0 20px #c1b191;  border: 1px solid #fff!important; }
.c-icon a, .c-icon a:hover{color: #fff!important;}
.class-buy{ padding: 5px 20px; background-color: #d9c6ae;border:1px solid #fff; color:#fff; border-radius: 10px; }
.class-buy:hover{ color:#fff; box-shadow: 0 0 20px #d9c6ae; border:1px solid #fff; }
.class-note{ margin:20px 0 50px 0;}
.class-area-intro{padding: 50px 0;}
.class-area-intro .title{text-align: center; font-size: 18px; color: #888; background-color: #fff; border-radius: 15px; padding: 5px 20px; position: relative;left: 45%; display: inline-block; }
.price{ font-size: 20px; color: #888; font-weight: 500; margin-bottom: 50px; }
.page-classinfo .blog-content .info i >img{ max-width: 50px; width:30px; height:unset!important; }
.attr-nav > ul > li >.topicon-fb-pd{  padding: 8px 0!important; }

/*car*/
.num-bt{ display: flex; }
.pp-block{ display: flex; margin-bottom: 30px;}
.pp-block select{ margin-left: 45px; }
.pp-block .num-bt{ margin-left: 45px;}
.minus ,.plus{width: 30px; height: 30px; border-radius: 50%;}
.price{width: 170px;}

/*shopping-list*/
.shopping-step{width: 100%; margin: auto; margin-bottom: 80px;}
.shopping-step ul{ list-style: none; display: flex; justify-content: center; }
.shopping-step ul li{ background-color: #ccc; color:#fff; box-shadow: 1px 1px 4px #888; padding:10px 120px; font-size: 18px; letter-spacing:3px ; font-weight: 900; }
.shopping-step ul li.active{ background-color: #d9c6ae; }
.submit{ padding:5px 47px; background-color: #d9c6ae;  border: unset; color: #fff;}
.revise{ padding:10px 20px; background-color: #ccc; border: unset; color: #000;}
 

.car-align{ padding: 30px!important;}

.list-finish{ width: 100%; border: 1px solid #000; padding: 30px;  margin-bottom: 100px;}
.list-finish p{ font-size: 20px; color: #000; text-align: center;}

  /*shopping ul*/
.shopping-list-main .none{display: none!important;}
.shopping-list-main{width: 100%; margin:0 auto 50px auto; display: block; overflow: hidden;}
.shopping-list-main h2{ font-size: 18px; display: block; background-color: #d9c6ae; color:#fff; text-align: center!important; padding: 10px 50px; }
.shopping-title-content p{margin-bottom: 5px;}
.shopping-list-data a:hover{ text-decoration: underline ; }

.shopping-box{display: flex;display: flex;  width: 100%; justify-content: space-between;}
.shopping-list-info{  width: 100%;}
.part{display: flex; width: 100%;}
.shopping-cash{display: flex; width: 100%;}
.s-box-name{width: 30%;}
.s-box-average{}
.shopping-list-title{ width: 80%; display: inline-flex;  font-weight: 900; font-size: 16px;  }
.shopping-list-data{ padding: 20px 30px; text-align: center; }
.shopping-img{overflow: hidden;width: 15%;position: relative;}
.shopping-img img{position: absolute;top: 0;left: 0;}
.shopping-title-content{ width: 50%;}
.shopping-list-data input{min-height: 30px; width: 60px!important; }
.ss-color-type{ display: inline; margin-left: 20px; }
.clear-list{ float: left; }
.re-list{float: right;}
.list-btn-bar{ border-bottom:1px solid #ccc ; border-top: 1px solid #ccc; padding: 20px; }
.shopping-btn0{ color: #000!important;}
.shopping-btn1{ background-color: #dcdcdc!important; color: #000; f3efef}
.shopping-btn2{ background-color: #f3efef!important; color: #000; }
.shopping-btn3{ background-color: #d9c6ae; color: #fff; box-shadow: 1px 2px 10px #d9c6ae; padding: 10px 30px 9px 30px; display: inline-block; }
.shopping-next button{ border: unset; float: right; margin-top: 50px;    margin-right: 10px;margin-bottom: 10px; }
.total p{ float: right; font-size: 20px; font-weight: 900; margin-right: 20px; margin-top: 10px; letter-spacing: 3px;}
.coupon-input{     width: 120px; min-height: 30px; max-height: 30px; font-size: 12px; padding: 10px; }

/*login*/
.bg-AF7E46{background-color: #AF7E46;}
.login{ width: 30%; margin:auto; display: block;  border: 1px solid #b5a28a; padding: 20px 50px;}
.btn-secondary{ display: block;width: 100%;border: unset; margin-bottom: 10px; }
.bgc-line{ background-color: #00c854!important;}
.bgc-fb{ background-color: #2f569f!important;}
.bgc-gg{ background-color: #fff!important; border: 1px solid #000!important;}
/*register*/

.register{  width: 50%; margin:auto; display: block;}
.register button{ border: unset; color: #fff; background-color:#d9c6ae ; }

/*member*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li>a{font-size: 16px;border-bottom: 3px solid transparent; border-bottom: -3px; border-radius: unset!important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{  background-color: transparent!important;color: #cd8a36!important; border-bottom: 3px solid #cd8a36!important; border-radius: unset!important; }
.nav-pills{ border-bottom: 1px solid #ccc;  }
.tab-content{ padding-top: 50px;}
.page-member-area .member .tab-content .renew{ width: 50%; display: block; margin: auto;}
.member-id{ background-color: #dcdcdc;    height: 47px;  line-height: 2.5; }
.member-btn{ background-color: #d9c6ae; border:unset; color: #fff; display: inline-block!important; padding: 5px 20px; }
.shopping-check-item{display: flex; justify-content: center;}
.check-item-img{width: 50%; padding-top: 50%;}
.check-item-img img{width: 100%;}
.check-item-info{ padding: 20px; }
.reserve-form{      display: inline-block; transform: translate(0%, 20%); margin-bottom: 162px;}
.font-title-1{display: block; color: #c1b191!important;}
.con-block{ display: flex;flex-direction: column;align-content: center;flex-wrap: wrap; }
.con-select{display: flex;flex-direction: column;align-content: center;flex-wrap: wrap;}
.col6-input{width: 60%; padding:0 10px; border: 1px solid #d9c6ae;}
.con-select select{    width: 60%;height: 50px;border: 1px solid #d9c6ae!important;}
.submit:hover{ box-shadow: 0 0 20px #c1b191; }
.submit{ border:1px solid #fff; }
.reserve-area .col-md-6{overflow: hidden;}
.reserve-area .col-md-6 .m-close{ height: 100%; width: unset!important;max-width: unset!important; }


/*----price section----*/
.price-rwd{width: 77%; display: block; margin: auto;}
.mg-0{margin:0!important;}
.pd-0{padding:0!important;}

.price-area{ padding-top:50px;  }
.price-wrape{padding:0 50px 80px 50px; }

/*anima*/
.shining{ transition: ease 0.3s all; }
.shining-move{ text-shadow: 0 0 5px yellow;font-size: 26px; transform: rotate(0deg); transition: ease 0.8s all; animation-name:blitz-star;animation-duration:0.8s; animation-delay: 0;animation-iteration-count: infinite; animation-timing-function:  linear; }
@keyframes blitz-star{ 0% {transform: rotate(0deg);  } 50% {transform: rotate(45deg); } 100% {transform: rotate(0deg);  } }

.shining-icon img{ width:35px; }
/*top*/
.price-plan-list{box-shadow: 0px 12px 10px;border-radius: 30px;  }
.price-plan-top{display: flex;width: 100%;}
.price-plan-top ul{ width:calc(100% / 4); height: auto;}
.price-title-x0 li{border: 1px solid #ebc88c; padding: 10px; border-radius: 30px 30px 0 0;}
.price-title-a0 li{border-top: 1px solid #ebc88c;border-bottom: 1px solid #000; border-right: 1px solid #ebc88c;  padding: 10px;border-radius: 30px 30px 0 0;}
.price-title-b0 li{border-top: 1px solid #ebc88c; border-bottom: 1px solid #000;padding: 10px;border-radius: 30px 30px 0 0;}
.price-title-c0 li{border: 1px solid #ebc88c;padding: 10px;border-radius: 30px 30px 0 0;}
.price-title-a0 li small{font-size: 16px;}
.price-title-b0 li small{font-size: 16px;}
.price-title-c0 li small{font-size: 16px;} 

.price-plan-top ul li{position: relative; background-color: #fff;}
.price-plan-top ul li i{position: absolute; left: 9%;}
.price-plan-top ul li i img{width: 55px;}
.price-plan-top ul.price-title-a0 li i img{ width: 50px!important; }
.price-plan-top ul.price-title-b0 li i img{ width: 50px!important; }
.price-plan-top ul.price-title-a0 li i{ left: 16%!important; }
.price-plan-top ul.price-title-b0 li i{ left: 16%!important; }

.price-title-a0 li h3 , .price-title-b0 li h3 , .price-title-c0 li h3{margin-bottom: 0;}
.price-title-a0 li h3{color:#e8a610;}
.price-title-b0 li h3{color:#e8a610;}
.price-title-c0 li h3{ color:#e8a610; }

.price-plan-top ul li:nth-child(1){ height: 90px; padding-top: 30px;display: flex;justify-content: center; flex-direction: column;align-items: center;border-bottom:unset!important; }
.price-plan-top ul li:nth-child(2){ text-align:center;height:60px; display:flex; justify-content: center; align-items: center; }

.price-plan-top .price-title-a9{display: none;}
.price-plan-top .price-title-b9{display: none;}
.price-plan-top .price-title-c9{display: none;}

/*bottom*/
.price-plan-bottom{display: flex;width: 100%;}
.price-plan-bottom ul{ width:calc(100% / 4); height: auto;}
.price-plan-bottom ul.w-x-2{width:100%; border-radius: 0 0 30px 30px; overflow: hidden;}
.price-title-x9 li{border: 1px solid #efd66a; border-top: unset!important; border-radius: 0 0 0 30px; padding: 10px;}
.price-title-a9 li{border-bottom: 1px solid #efd66a; border-right: 1px solid #efd66a;  padding: 10px;}
.price-title-b9 li{ border-bottom: 1px solid #efd66a;padding: 10px;}
.price-title-c9 li{border: 1px solid #efd66a;border-top: unset!important;padding: 10px;border-radius: 0 0 30px 0 ;}

.price-plan-bottom ul{}
/*.price-plan-bottom ul li:nth-child(1){ height: 137px;display: flex;justify-content: center; flex-direction: column;align-items: center;border-bottom:unset!important; border-top:unset!important; }*/
.price-plan-bottom ul li:nth-child(1){ text-align:center; display:flex; justify-content: center; align-items: center;flex-direction: column;    justify-content: space-around; }
.price-plan-bottom ul li .blitz-price{font-size: 30px;font-weight: 900; color: #ffefae; height: 33px; overflow: hidden;}
.price-plan-bottom ul li .blitz-price::after{content: '/年'; font-size: 12px;margin-left: 10px;}
.price-plan-bottom ul li{ height: 80px; overflow: hidden;}
.price-title-a9 .price-title-color{background-color: #efd66a!important; }
.price-title-b9 .price-title-color{background-color: #efd66a!important; }
.price-title-c9 .price-title-color{background-color: #efd66a!important; }
.blitz-price-link{display: block;width: 100%; text-align: center; }
.blitz-price-link:hover .blitz-price-btn{opacity: 0.8;}
.blitz-price-btn-box{position: relative;}
.blitz-price-btn{font-size: 30px;  letter-spacing: 15px; width: 100%; background: unset; color: #e86969; display: block; border:unset; margin: 0; position: relative;font-weight: 900;}
/*.blitz-price-btn-shadow{ display: block;  padding: 10px 30px;background-color: #9b8d51; border-radius: 50px; position: absolute; top: 10px;left: 0px;z-index: -1; }*/
.price-plan-bottom ul .price-title-color{ position: relative; z-index: 1; }
.blitz-price small{ font-size: 16px; margin-right: 10px; }
.blitz-origin-p{font-size: 14px; color: #fff; text-decoration: line-through; overflow: hidden; height: 22px;}
/*center*/
.price-plan-center ul{display: flex;width: 100%;}
.price-plan-center ul li{width:calc(100% / 4 - 1px ); height: auto; padding: 20px;display: flex; justify-content: center; align-items: center; border: 1px solid #ebc88c;color: #a57838; font-size: 22px;}
.price-plan-center ul li:nth-child(1){ color: #3e3e84!important; text-align: center; font-size: 18px!important; font-weight: 900; }
.price-plan-center ul li:nth-child(2){width:calc(100% / 4 )!important;}
.price-plan-center ul li:nth-child(3){width:calc(100% / 4 + 1px )!important;}
.price-plan-center ul li:nth-child(4){width:calc(100% / 4 )!important;}

.price-list-s1 li{border-top:unset!important; border-right: unset!important;}
.price-plan-center .price-list-s1 li:last-child{border-right:1px solid #ebc88c!important;}

.price-plan-center ul:last-child li{ border-top: unset !important; border-bottom: unset;}

.price-plan-center .price-list-block li{background-color: #fff;border-top: unset!important; border-right: unset!important; border-bottom: 2px dotted #231815;}
.price-plan-center .price-list-block li:last-child{ border-right:1px solid #ebc88c!important; }



@media(max-width: 1520px) and (min-width: 1200px ){

	/*reset*/
	/*.product-p1 button.owl-prev{    position: relative;  left: -50%;}
	.product-p1 button.owl-next{    position: relative;  right: -50%;}
*/
}

@media(max-width:1600px){
    .price-plan-top ul li i{left: 4%;}
}

@media(max-width: 1440px){
    .price-rwd{width: 90%; display: block; margin: auto;}
/*    .blitz-price-btn{   width: 200px; }*/
/*    .blitz-price-btn-shadow{width: 200px;}*/
}
@media(max-width: 1390px){
    .price-plan-bottom ul li .blitz-price{ font-size: 20px; }
/*    .blitz-price-btn{   width: 130px;font-size: 14px; }*/
/*    .blitz-price-btn-shadow{width: 130px;}*/
}

@media(max-width: 1260px){
	nav.navbar.bootsnav ul.nav > li > a{ padding: 10px 11px; }
}
@media(max-width: 1250px){
    .price-plan-top ul.price-title-a0 li i{ left: 12% !important; }
    .price-plan-top ul.price-title-b0 li i{left: 12% !important;}
    .price-plan-top ul li i{ left: 5%; }
}

@media(max-width: 1200px){
	/*reset*/
	/*.product-p1 button.owl-prev{    position: relative;  left: -52%;}
	.product-p1 button.owl-next{    position: relative;  right: -52%;}*/
	nav.navbar.bootsnav ul.nav > li > a{ font-size: 16px!important; }
    .service-area .owl-prev{ position: absolute; left: -50px;}
    .service-area .owl-next{ position: absolute; right: -50px;}
    .class-area .owl-prev{ left: -40px; width: 30px; height:30px;  } 
    .class-area .owl-next{  right: -40px; width: 30px; height:30px;}


	.f-add{ width: 132px;  margin-right: 20px; }
	.mt-nav-rwd{ margin-top: 70px;}
}

@media(max-width: 1122px){
	nav.navbar.bootsnav ul.nav > li > a{ padding:10px 7px!important; }
    .reserve-area .col-md-6 .m-close{  margin-left: -20%; }
}

@media(min-width: 1024px){

	/*reset*/
	nav.navbar.bootsnav ul.nav > li > a{ font-size: 18px;font-weight: 400!important; }
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{ font-size: 18px;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width: 230px; background: rgba(255, 255, 255, 0.8); box-shadow:3px 4px 3px #bbbbbb;}
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{color: #938f8d;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{   border-bottom: unset; font-weight: 400!important;}
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#fff; background-color: #cfb897!important; }
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{ opacity: 0.8; color: #fff!important; background-color: #cfb897;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{ content: ""!important; }
	nav.navbar.bootsnav.sticked ul.nav > li > a{    padding: 10px 15px;}
	.navbar-brand>img{min-width:180px ; max-width: 260px;}

	nav.navbar.bootsnav ul.nav > li > a::before{ content: unset; transition: width 0.7s; width: 0px; height: 2px; background-color: #1D2D90; position: absolute; left: 10; bottom: 0;  }
	nav.navbar.bootsnav ul.nav > li > a:hover::before{  width: 85px; }
	body .attr-nav .attr-login-pd-re{ padding: 8px 0px 8px 10px!important;}

	.footer-left-flex{ display: flex;justify-content: flex-end; }
    .class-pic{ width: 70%; display: block; margin:auto; }

    .twitter-widget{ padding-left: 50px;}
    .footer-left-flex{ padding-right: 50px;}

}

@media(max-width: 1023px){
	nav.navbar.bootsnav .navbar-nav > li > a{ border-top: unset;  }
	nav.navbar.bootsnav .navbar-nav > li > a:last-child{ border-bottom: unset; }
	nav.navbar.bootsnav .navbar-nav{ margin-top: 30px; }
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{ background-color: #fff; }

}

@media(max-width: 1600px) and (min-width: 1024px){
    .service-area .owl-next{    right: -62px!important;}
    .service-area .owl-prev{ left: -45px!important; }
}

@media(max-width: 1024px) and (min-width: 991px){
    .service-area .owl-next{    right: -44px!important;}
    .service-area .owl-prev{ left: -30px!important; }
}

@media (max-width: 1024px){

	/*tool*/
	.m-non-float{ float: unset; }
	.m-pb-40{ padding-bottom: 50px; }
	.m-mb-50{ margin-bottom: 50px; }
	.m-mb-317{ margin-bottom: 317px!important; }
	.m-width-100{ width:100%!important; margin: auto;}
    .m-width-90{ width:90%!important; margin: auto;}

	/*layout reset*/
	.head-left{ float: unset; width: 100%; }
	.head-right{  align-items: center; justify-content: unset!important;   width: 100%; justify-content: center; margin-bottom: 15px; margin-top: -15px;}
	.logo{ width: 250px; }

	/*reset*/
	nav.navbar .navbar-brand img.logo{ height: unset; transform: translate(5%, 0%); max-width: 130px;}
	.attr-nav{     position: unset; }
	nav.navbar.bootsnav.attr-border .navbar-header{ border-bottom: unset; }
	nav.navbar.attr-border .attr-nav{    margin-left: 0px!important; padding-left: 0px!important;width: 100%; display: flex;justify-content: center; }
	.navbar-collapse{width: 100%;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size: 13px; font-weight: 300!important; }
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ font-size: 12px;font-weight: 300!important; }
	nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li > a{  border-bottom: unset ; }
	

	.img-r-mail{ height:40px!important; }
	.img-r-tw{ height:33px!important; margin-top: 2px; }
	.img-r-en{ height:17px!important; }


	body .about-area .about-content .info .btn-position-b{ margin-top:50px!important; }
	.product-2-title{ flex-direction: column; align-items: flex-start;}
	.page-top{    padding: 70px 10px 30px 0px;     margin-left: 0px;  text-align: center; }
	.breadcrumb-area{ background-position: top!important;   background-image: url(assets/img/m-pagetop.jpg)!important; min-height: 134px;   padding:  0!important; }

	.m-nav-height{height: 161px;}
	.attr-nav li img{ width: 30px; height: 30px; }
	.attr-nav > ul > li > a{ padding: 8px 8px !important; }

	/*banner*/
	.banner-title-03 img{ max-height: 100px; }
	.banner-title-04 img{ max-height: 100px;margin-left: unset;    margin-top: unset; }
    .banner-title-03{     margin-top: -5px;} 
    .banner-title-04{ margin-top: -23px; margin-left: 8px;}
    .banner-title-02{     right: -52px;}

	.why-main{ display: unset;  }
	.why-owl{ padding:50px 20px;  }
	.class-flex{ display: unset;  }
	.class-area{padding: 30px 0 30px 0;}

	.f-logo{margin: auto; display: block;}
	.f-item ul{ position: relative; left: calc(50% - 101px); }
	footer .f-item p, footer .f-item p a{ text-align: center; }
	.zindex-re{z-index: 1; position: relative; }
    .breadcrumb-area .breadcrumb{  bottom: -27px; }

    .blog-items .blog-content .single-item .info img{ max-width: 100%; width: 100%; height: unset!important; }
    .reserve-area .flex{ display: unset; }
    .contactus{transform:translateX(-46%); position: relative;top: 50%;}
    .reserve-form{ transform: translate(6%, -5%); }
    .reserve-title{     padding: 30px 10px; margin: 0!important; justify-content: center;}
    .c-icon{ margin-left: 5px; padding-bottom: 50px; width: 100%; }
    .service-main h3 img{ width: 30px!important; }
    .class-area-intro .title{ position: unset; margin-bottom: 30px; background-color: transparent; border-bottom: 2px dotted #d9c6ae;  border-radius: unset; padding: 0; }
    .class-buy{ margin: auto; display: table; }

    .service-area .blog-carousel .owl-item .item a{ display: block; padding: 30px; }
}	

@media (max-width: 991px){

	/*reset*/
	.navbar-collapse{width: 100%;}
	/*.product-p1 button.owl-prev{    position: relative;  left: -51%;}*/
	/*.product-p1 button.owl-next{    position: relative;  right: -51%;}
	.product-p1 .owl-theme .owl-nav{ margin-top: -30%; }*/
	.product-p2 .owl-theme .owl-nav{ margin-top: -19%; position: relative; }
	.breadcrumb-area h1{ font-size: 30px!important;}

	/*tool*/
    .m-mr-auto{ margin:auto; }
	.m-close{ display: none!important; }
	.m-open{ display: block!important; }
    .br-m-op{ display: block!important; }
	/*article set*/
	.max-w-800 img{ max-width: 100%; width:100%; }
	/*table-rwd*/
	.table-rwd{width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
	.table-rwd{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

    /*----price section----*/
    .price-rwd{width: 90%; display: block; margin: auto;}
      .price-wrape{    padding: 0px 10px;}
      .price-plan-center{display: none;}
      .price-plan-bottom{display: none;}

      .price-plan-top ul li:nth-child(1){ height:unset!important; padding:20px 0 0 0; border-bottom: 1px solid #ebc88c!important; }
      .price-plan-top{flex-direction: column;}
      .price-plan-top ul{width: 100%; margin-bottom: 30px}
      .price-title-x0{display: none;}

      .price-plan-top ul.price-title-a0 li i{ left: 18% !important; }
        .price-plan-top ul.price-title-b0 li i{left: 18% !important;}
      .price-plan-top ul li i{ top: 16px;left: 10%; }
      .price-plan-top ul.price-title-c0 li i{top: 0px;}
      

      .price-title-a0 li{  border-left: 1px solid #ebc88c; border-radius: 30px!important;overflow: hidden;}
      .price-title-b0 li{ border-left: 1px solid #ebc88c; border-right: 1px solid #ebc88c;border-radius:30px !important; overflow: hidden;}
      .price-title-c0 li{ border-radius: 30px!important;overflow: hidden;}

      .price-plan-top .acd-items{margin-top: 15px;width: 90%;text-align: center;} 
      .price-plan-top .acd-items .panel-heading .panel-title a{padding: 10px 0 10px 15px!important;font-size: 14px!important;  color: #4b4b4b!important;}
      .price-plan-top .acd-items .panel-body{text-align: left!important; }
      .price-plan-top .acd-items.blitzacd{margin-bottom: 30px;}
      .price-plan-top .acd-items.blitzacd .panel.panel-default{border: 1px solid #ededed!important;}
      .price-plan-top .acd-items.blitzacd .panel.panel-default>.panel-heading{ background-color: #ededed!important;}
      .price-plan-top .acd-arrow.blitzacd .panel-group.symb .panel-heading a::after{color: #ccc !important; font-size: 16px!important; top: 8px!important; }
      .price-plan-top .price-title-a9 .price-title-color{background-color: #efd66a!important; border-radius:0 0 30px 30px;}
        .price-plan-top .price-title-a9{display: block;}
        .price-plan-top .price-title-b9{display: block;}
        .price-plan-top .price-title-c9{display: block;}
        .price-plan-top .price-title-b9 .price-title-color{background-color: #efd66a!important; border-radius: 0 0 30px 30px ;}
        .price-plan-top .price-title-c9 .price-title-color{background-color: #efd66a!important; border-radius:  0 0 30px 30px;}
        .price-plan-top .price-title-a9 .price-title-color >li{background-color: unset!important;}
        .price-plan-top .price-title-b9 .price-title-color >li{background-color: unset!important;}
        .price-plan-top .price-title-c9 .price-title-color >li{background-color: unset!important;}
        .price-plan-top .price-title-b9{margin-bottom: 0!important; }
        .price-plan-top .price-title-c9{margin-bottom: 0!important;}
        .price-plan-top .price-title-a9{margin-bottom: 0!important;}
        .price-plan-top ul li .blitz-price{font-size: 26px;font-weight: 900;margin-bottom: unset!important; color: #ffefae; height: 33px; overflow: hidden;}
        .price-plan-top ul li .blitz-price::after{content: '/年'; font-size: 12px;margin-left: 10px;}
        .price-plan-top ul.price-title-a9 li:nth-child(1){ text-align:center; display:flex; justify-content: center; align-items: center;flex-direction: column;    justify-content: space-around;height: 100px!important; padding: 22px 0; }
        .price-plan-top ul.price-title-a9 li{ height: 230px; overflow: hidden;}
        .price-plan-top ul.price-title-b9 li:nth-child(1){ text-align:center; display:flex; justify-content: center; align-items: center;flex-direction: column;    justify-content: space-around;height: 100px!important; padding: 22px 0; }
        .price-plan-top ul.price-title-b9 li{ height: 230px; overflow: hidden;}
        .price-plan-top ul.price-title-c9 li:nth-child(1){ text-align:center; display:flex; justify-content: center; align-items: center;flex-direction: column;    justify-content: space-around;height: 100px!important; padding: 22px 0; }
        .price-plan-top ul.price-title-c9 li{ height: 230px; overflow: hidden;}
/*        .blitz-price-btn{    width: 155px;z-index: 10;  font-size: 18px;}*/
/*        .blitz-price-btn-shadow{width: 155px; z-index: 1;}*/
      .price-plan-top ul{ margin-bottom: 50px; } 
      .price-plan-list{box-shadow: unset!important;}

	.logo{ width: 98%; }
	.news-c-title{margin-left: 80px;}
	.f-add{ width: 100px;  margin-right: 0; }

	.contact-info{ padding: 10px ; }
	.news-list li a p{font-size: 16px;}
	.product-p1 .icon ,.product-p2 .icon{ height:80px; }

	.whyus-area{ background-size: 230%!important; padding: 30px 0; }
    .service-area{ padding:30px 0 50px 0;}
    .serviec-title-mb{     margin-bottom: 30px; }
	.service-area .owl-prev{ left: -7px; width: 30px; height:30px;}
	.service-area .owl-next{  right: -20px; width: 30px; height:30px;}
	.class-area .owl-prev{ left: -40px; width: 30px; height:30px;  }
	.class-area .owl-next{  right: -40px; width: 30px; height:30px;}
    .c-icon a{     width: 50px; height:50px; }
    .reserve-title img{ width: 80px;margin-left: 20px; }
    .page-kh a::after{ width: 38%; height: 78px;}
    .contactus{transform:unset;position: unset;}
    .reserve-form{ transform: unset!important; display: block!important;}
    .reserve-title{ justify-content: unset;  }
    .col6-input{width: 100%; }
.con-select select{    width: 100%;}

    /*shopping*/
    .shopping-step ul li{ padding:10px 20px; font-size: 12px; letter-spacing: 0; }
    .car-align a{ display: block; width: 70px!important;  }
    /*shopping ul*/
    .shopping-list-main h2{ font-size: 16px; letter-spacing: 3px;}
    .shopping-list-main{width: 95%;}
    .shopping-list-info{ width: 100%;}
    .part{display: unset; width: 100%;}
    .shopping-img{width: 25%;}
    .shopping-cash{display: unset; width: 100%;}
    .shopping-title-content{     width: 100%; padding-left: 20px;}
    .ss-color-type{ display: block; margin-left: unset; }
    .s-box-name{width: 100%;}
    .s-box-average{ width: 100%;}
    .list-btn-bar{ /*border-bottom:unset; border-top:unset;*/ }
    .shopping-list-title{  border-bottom:unset; text-align: left!important; padding: 10px 10px;font-size: 14px;width: 100%;}
    .shopping-list-data{text-align: right;  display: flex; flex-direction: column;align-items: flex-end;  padding: 10px 10px; width: 100%;}

    .shopping-box{ padding: 10px 0; display: block; }
    .shopping-list-data input{text-align: right;  }

    .re-list{float: unset;}
    .clear-list{float: unset;}
    .shopping-btn1{ width: 100%; margin-bottom: 20px;}
    .shopping-btn2{ width: 100%;}
    .m-block{display: block; margin-bottom: 20px;}
    .m-b-line{ border-bottom: 1px solid #ebebeb;}

    /*login*/
    .login{ width: 90%; }
    /*member*/
    .page-member-area .member .tab-content .renew{ width: 90%; }
   .m-shopping-list-flex{ display: unset; }
    .check-item-img{width: 100%; padding-top: 100%;}
    .page-classinfo .blog-content .info i >img{ max-width: 50px!important; width:30px!important; height:unset!important; }
    /*register*/

    .register{  width: 95%; margin:auto; display: block;}


    .attr-nav > ul > li >.topicon-fb-pd img{  width: unset!important; }
    .blitz-price-btn{font-size: 24px;letter-spacing: 5px;}
}

@media(max-width: 768px){

	/*reset*/
	/*.product-p1 .owl-theme .owl-nav{ margin-top: -30%; }*/

	.news-c-title{margin-left: 30px;}
	.breadcrumb-area{ background-position: 15% ; }


}

@media(max-width: 598px){
	/*reset*/
	/*.product-p1 .owl-theme .owl-nav{ margin-top: -50%; }*/
}

@media(max-width: 592px){
	.product-p2 .owl-theme .owl-nav{ margin-top: -56%; position: relative; }
}

@media(min-width: 425px){
    .breadcrumb-area{padding: 138px 0!important;  }
}