#content{ position:relative; }
.banner{ position:relative; }
.banner article{ color:#fff; max-width:1414px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-shadow:0 0 5px rgba(0,0,0,.7); }
.banner .title{ font-size:5rem; }
.banner .text{ margin:0; font-size:2rem; }
.banner img{ display:block; }

#path{ color:#444; padding:9px 0; }
#path ul, #path li{ list-style-type:none; margin:0; padding:0; }
#path li{ display:inline-block; vertical-align:top; }
#path li:last-child{ color:#444; font-weight:bold; }
#path li:last-child::before{ color:#444; }
#path li:not(:first-child)::before{ content:'\f105'; font:normal normal normal 14px/1 FontAwesome; margin-right:5px; }
#path a{ color:#444; }
#path a:hover{color:#000;}

.table_scroll { overflow-x: auto; }

.datatable { max-width: 875px; min-width: 500px; width: 100%; border-spacing: 0px; }
.datatable td, .datatable th { padding: 6px 15px; border: 1px solid #D7D7D7; }
.datatable th { font-weight: normal; background: #DEDEDE; }
.datatable tr:first-child th { color: #fff; background: #29166F; text-align: center; }
.datatable tr:first-child th:first-child { background: #686868; }

.seo_zone{ font-size: 16px; line-height: 1.6; padding: 0 10px;}

/* Contact Us */
.contact_table{ border-radius: 10px; }
.contact_table th{ border-left: none; }
.contact_table tr:first-child th{ border-radius: 10px 0 0 0 }
.contact_table tr:last-child th{ border-radius: 0 0 0 10px }
.contact_table td{ border-right: none; }
.contact_table tr:first-child td{ border-radius: 0 10px 0 0; }
.contact_table tr:last-child td{ border-radius: 0 0 10px 0; }
.contact_table select, 
.contact_table input{ padding: 5px 3px; }
input.contact_btn{ background: #000; border: none; border-radius: 0px; transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; -webkit-appearance: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
input.contact_btn:hover{ background: #444; }
@media only screen and (max-width: 768px) {
    .contact_table tr:first-child th{ border-radius: 10px 10px 0 0 }
    .contact_table tr:last-child th{ border-radius: 0 0 0 0px }
    .contact_table tr:first-child td{ border-radius: 0 0px 0 0; }
    .contact_table tr:last-child td{ border-radius: 0 0 10px 10px; }
}
/* Inquiry Cart */
.cart_table{ border: 1px solid #B6B6B6; border-collapse: separate !important; border-radius: 10px !important; border-spacing: 0px; border-radius: 10px; margin-bottom: 20px; }
.cart_table th{ padding: 5px 0; }
.cart_table tr:first-child th:first-child{ border-radius: 10px 0 0 0; }
.cart_table tr:first-child th:last-child{ border-radius: 0 10px 0 0; }
.member_table{ border-radius: 10px; }
.member_table td{ padding: 1%; }
.member_table td input,
.member_table td select{ padding: 5px 3px; margin: 0px; }
.member_table tr:first-child th{ border-radius: 10px 0 0 0 }
.member_table tr:last-child th{ border-radius: 0 0 0 10px }
.member_table tr:first-child td{ border-radius: 0 10px 0 0; }
.member_table tr:last-child td{ border-radius: 0 0 10px 0; }
input.shop_btn{ color: #fff; background: #000; border: none; border-radius: 50px; transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; -webkit-appearance: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
input.shop_btn:hover{ background: #444; }



aside{ width:216px; }
aside .left-top{ background:#29166F; color:#fff; font-size:1.6rem; text-align:center; margin-bottom:35px; padding:9px 0; position:relative; }
aside .submenu ul, aside .submenu li{ list-style-type:none; margin:0; padding:0; }
aside .side_classLink>ul{ overflow:hidden; border-bottom: 1px solid #444444; }
aside .side_classLink>ul>li.menu_head{ background:#a7a7a7; position:relative; }
aside .side_classLink>ul>li.menu_head:not(:last-child)>a{ font-size:1.1333rem; border-bottom:1px solid #fff; }
aside .side_classLink>ul>li.menu_head a{ color:#fff; display:block; text-align:center; padding:19px 0; word-wrap:break-word; }
aside .side_classLink>ul>li.menu_head a:hover{ background:#444; }
aside .side_classLink>ul>li.menu_head ul{ background:#fff; border-left:1px solid #444; border-right:1px solid #444; }
aside .side_classLink>ul>li.menu_head li{ border-bottom:1px dashed #444; }
aside .side_classLink>ul>li.menu_head li:last-child{ border-bottom:0 none; }
aside .side_classLink>ul>li.menu_head a:hover, aside .side_classLink > ul > li.menu_head a.current { background:#707070; }
aside .side_classLink>ul>li.menu_head li a{ color:#444; padding:10px; text-align:left; }
aside .side_classLink>ul>li.menu_head li a:hover, aside .side_classLink>ul>li.menu_head li a.current{ background:#1a1a1a, 46, 46); color:#fff; }
aside .side_classLink>ul>li.menu_head .plus{ padding:21px; }
.right-box{ max-width:814px; margin: 10px 45px; }
.editor { width:814px; }
.right-box h1{ font-size:1.5333rem; color:#878787; font-weight:initial; margin:0; padding:20px 0; }
.right-box h2 { margin-top:0; font-size:1.9333rem; color:#000; }

#content:not(.about) .content{ display:flex; max-width:1161px; margin:47px auto; }

/* about only */
#content.about #path{ text-align:right; }
#content.about img.bg{ object-fit:cover; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }
#content.about .left-box, #content.about .banner { display:none; }
#content.about .content { max-width:1414px; margin:0 auto; display:flex; justify-content:flex-end; align-items:center; height:100%;}
#content.about .right-box { max-width:830px; color:#000; padding:20px; margin:0; box-sizing:border-box;  text-align: justify;}
#content.about .right-box h1 { color:#000; border-bottom:1px solid #00499b; padding:0 0 26px; width:90%; margin:0 auto 26px; text-align:center; font-size:3rem; }
#content.about .right-box p { line-height:1.5; }
#content.about .right-box img.tip { display:block; margin:0 auto; }
#content.about .certification_logo { font-size:2rem; display:flex; align-items:center; justify-content:center; }
#content.about .certification_logo span{ margin-right:10px; }

/* products list */
.pro-list01, .pro-list01 li{ list-style-type:none; margin:0; padding:0; }
.pro-list01{ display:flex; flex-wrap:wrap;text-align:center; margin-bottom:30px;}
.pro-list01 li { /* max-width:244px; */ position:relative; text-align:center; margin-top:30px; width:calc( (100% - 70px) / 3 );}
.pro-list01 li .pto.fix { background:#fff; border:1px solid #eaeaea; display:flex; align-items:center; justify-content:center; padding:8px; box-sizing:border-box; box-shadow:0 0 17px 1px rgba(0,0,0,.2); }
.pro-list01 li .pto.fix+span { display:block; font-size:1.0666rem; color:#000; margin:20px 0; }
.pro-list01{display: flex; flex-wrap:wrap;text-align: center;}
.pro-list01 li:not(:nth-child(3n+1)){padding-left: 35px;}
.pro-list01 a:hover{ animation-name:example; animation-duration:.84s; display: block;}
.pro-list01.after-20.application li .pto.fix span{padding: 10px 0px; }
.pro-list01.after-20.application li .pto.fix a:hover{background-color: #444; color: white;}
.pro-list01.after-20.application li .pto.fix {text-align: center;vertical-align: middle;padding: 12px 23px;border: 1px solid #7b7b7b;background: #ff4a4a;background: linear-gradient(to bottom, #a7a7a7, #787878);text-shadow: #591717 1px 1px 1px;color: #ffffff;border-radius:109px; height: 100%; box-shadow: initial;}
.pro-list01.after-20.application li a:hover .pto.fix ,.pro-list01 li a:focus .pto.fix{background: #212121;background: linear-gradient(to bottom, #555555, #545454);color: #ffffff;}
/* .pro-list01.after-20.application li .pto.fix:active {background: #454545;background: linear-gradient(to bottom, #982727, #982727);} */
.pro-list01.after-20.application li  { /* max-width:244px; */ position:relative; text-align:center; margin-top:30px; width: calc( (100% - 46px) / 2 );}
.pro-list01.after-20.application li:not(:nth-child(3n+1)){padding-left:0;}
.pro-list01.after-20.application li:not(:nth-child(2n+1)){padding-left: 35px;}


#page, #page a{ text-align:center; color:#9e9d9d; font-size:1.06666rem; }
#page>*{ display:inline-block; vertical-align:middle; margin:0 18px; }
#page a:hover, #page .current{ font-weight:400; color:#252a29; }
#page [class*="fa-angle-"]{ font-size:1.5rem; }

.detailed-box.owl-carousel{width: 50%;}
.products-detailed ul, .products-detailed li{ list-style-type:none; margin:0; padding:0; }
/* .products-detailed ul li .products-detailed .content-pic li */
.content-box .content-text ul li{list-style-type: disc;}
.products-detailed .detailed-box {box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:412px; padding:17px; box-shadow:0 0 17px 1px rgba(0,0,0,.2); }
.products-detailed .product-text-box { width:calc(100% - 60px - 412px);}
.products-detailed .content-pic{ display:flex; justify-content:space-between; align-items:flex-start; }
.products-detailed .product-date{ color:#444; font-size:1.0333rem; line-height:2; border-bottom:1px solid #444; margin-bottom:28px; padding-bottom:49px; }
.products-detailed .product-icon-box { display:flex; }
.products-detailed .product-icon-box li a.prodToCart{ background:#29166F; text-shadow:1px 1px 0 rgba(41, 22, 111, 0.4); }
.products-detailed .product-icon-box li a.prodToCart:hover{ background:#1a1a1a; }
.products-detailed .product-icon-box li:not(:last-child){ margin-right:2px; }
.products-detailed .product-icon-box a{ color:#fff; display:block; padding:10px 1.2rem; background:#3c3c3c; border-radius:4px; display:flex; align-items:center; }
.products-detailed .product-icon-box a:hover{ background:#29166f; }
.products-detailed .product-icon-box i{ font-size:1.2rem; margin-right:10px; }
.products-detailed .product-icon-box i.fa.fa-angle-right{ margin:0 0 0 10px; }
.products-detailed .product-icon-box i.fa.fa-angle-right, .products-detailed .product-icon-box i.fa.fa-angle-left{ font-size:1.5rem; }
.products-detailed .product-icon-share{ margin:0 0 10px; }
.content-box { margin:62px 0 0; }
.content-title { color:#707070; font-size:2rem; margin:0 0 27px; }
.content-text { color:#5c5b5b; font-size:1.2rem; line-height:1.9; }


/* ebook */
.btn-ebook-out .btn-ebook{ background:#29166f; color:#fff; border-radius:50px; font-size:1.1rem; padding:5px 40px; }
.btn-ebook-out a:hover .btn-ebook{ background:#94080f; }
.icon-print span::before, .icon-download span::before { font:normal normal normal 1.1rem FontAwesome; margin-right:5px; }
.icon-print span::before { content:"\f02f"; }
.icon-download span::before { content:"\f019"; }


.owl-dots { display:flex; align-items:center; justify-content:space-between; }
.owl-dot { position:relative; margin-top:10px; width: 100%; }
.owl-dot:not(:first-child) { margin-left:10px; }
.owl-dot span{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all .28s ease;}
.owl-dot:hover span{ box-shadow:none; background:rgba(255,255,255,.4); }


/* product-table */
.editor .product_table{ min-width:400px; }
.editor .product_table th{ background:#29166f; padding:8px; }
.editor .product_table { border-left:1px solid #000; border-top:1px solid #000; }
.editor .product_table th, .editor .product_table td { border-right: 1px solid #000; border-bottom: 1px solid #000; }

/* Contact US */
.googlemap{ width: 100%; position: relative; margin-bottom: 20px; padding-top: 45%;}
.googlemap iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

/* 999 ↑ */
@media only screen and (min-width: 1100px) { 
    .banner article{ width:calc(100% - 40px); }
    #content:not(.about) .content{ padding:0 20px; }
    .left-top+.submenu{ display:block; }
    .left-top+.submenu::before, .left-top::after{ content:none; }
    
}


/* 999 ↓ */
@media only screen and (max-width: 1100px){

    .banner { height:50vw; }
    .banner img{ object-fit:cover; height:100%; }
    .banner article{ text-align:center; left:0; transform:translateY(-50%); }
    .banner .title{ font-size:3rem; }
    .banner .text{ font-size:1rem; }

    .left-top+.submenu{ display:none; margin-bottom:10px; }
    .right-box{ max-width:none; width:calc(100% -45px ); }
    .right-box #path{text-align: center;}
    .editor { width:100%; }
    .products-detailed .content-pic{flex-wrap: wrap;justify-content: center;}
    #content.about .right-box { background:rgba(255,255,255,.4); }
    #content:not(.about) .content{ display:block; }
    #content.about { background:url('../images/about-bg.jpg') no-repeat top center; height:auto; display:block; }
    #content.about .right-box{ margin:0 auto; }
    #content:not(.about) aside{ width:100%; }
    .pro-list01 li .pto.fix+span{ margin:17px 0 30px; }
    .right-box h1{ font-size:1.8rem; text-align:center;}
    .left-top::after{ content:'\f18e'; font: normal normal normal 2rem FontAwesome; position:absolute; right:15px; top:50%; transform:translateY(-50%) rotate(0); transition:all .28s ease; /* animation:.48s rightbutton infinite linear; */ }
    .left-top.toggle::after{ transform:translateY(-50%) rotate(90deg); }

    .products-detailed .product-text-box{ width:100%; margin-top:30px; text-align: center; }
    .pro-list01 li .pto.fix img{ max-width:none; width:100%; }


}



@media only screen and (max-width: 850px){
    .banner .title{ font-size:2rem; }
    .products-detailed .content-pic{ display:block; }
    .products-detailed .detailed-box{ width:100%; padding:10px; box-sizing:border-box; }
    .right-box{ max-width:auto; margin:0; padding:0 10px; }
    .pro-list01{ justify-content:space-around; }
    .pro-list01 li{ max-width:50%; }
    .products-detailed .product-icon-box { justify-content:space-around; align-items:flex-end;}
    .products-detailed .product-icon-box a{  text-align:center; display: block;}
    .right-box h1{ padding: 10px 0 ;}
}
@media only screen and (max-width: 768px) {
    .cart_table tr:last-child td:last-child{ border-bottom: none; }
    .member_table tr:first-child th{ border-radius: 10px 10px 0 0 }
    .member_table tr:last-child th{ border-radius: 0 0 0 0px }
    .member_table tr:first-child td{ border-radius: 0 0px 0 0; }
    .member_table tr:last-child td{ border-radius: 0 0 10px 10px; }
}

@media only screen and (max-width: 480px) {
    #content.about{ background-size:cover; }
    #page>*{ margin:0 8px; }
    .pro-list01 li{ max-width:none; width:100%; }
    .pro-list01 li:not(:nth-child(3n+1)){padding: 0;}
    .pro-list01.after-20.application li:not(:nth-child(2n+1)){padding: 0;}
    .pro-list01.after-20.application li{width: 100%;}



/*products*/
.products-text {text-align: center;padding: 5px;background-color: rgba(255, 255, 255, 0.52);;margin: 10px;}
#path {padding: 10px 0 10px 0;margin: 10px 10px;font-size: .8rem;}
.products-text > h1 {padding: 15px 5px;border-radius: 29px;text-align: center;margin: 0 auto;font-size: 1.3rem;}
.products-text > p {font-size: 1.7em;margin: 40px 10px 0 10px;}
.editor {font-size:1.1rem; margin:0px auto; }
.products-mid-menu li {display: inline-block;margin: 20px 20px;line-height: 114%;}
.products-mid-menu li::before {height: 2px;width: 100%;top:auto;right:50%;transform: translate(50%,-50%);bottom: -21px;}



}