/* text */
body{font-size:10px;}
.hmenu,.link-sub,.tx-ct,.tx-ct2,.tx-ct3,.tx-bold,.topic-s1,.topic-s2,.topic-f,.topic-f2,.ft-link,.copyright,.tx-table,.pro-topic,summary:after,.pro-sub,.tx-note,.tx-topic,.tx-ft,.register-topic,button.btn-login,.btn-menu,.nav-tabs .nav-item a,.input-03,.btn-login-blue,.btn-register,.btn-register2,.btn-register3,.input-05,.ft-link-menu,.tb-h,.tx-m,.tx-ft2,.quick-menu,.product-name
{font-family:'Prompt', sans-serif;}
.hmenu{font-size:0.68rem;font-weight:300;line-height: 40px;}
.topic-s1{display:block;padding:0;color:#444;font-size:2vw;line-height:1.1;margin:0;}
.topic-s2{display:block;padding:8px 3%;color:#fff;font-size:calc(1em + 5vw);font-weight:700;line-height:1.1;margin:0 auto;text-align:center;background:#e11425;}
.topic-s2 a{font-size: calc(.6em + 3vw) !important;}
.topic-s3{width:100%;position:relative;display:grid;padding:8px 3%;color:#fff;font-size:2.3vw;line-height:1.1;margin:0 auto;text-align:center;background:#c2102b;}

.tx-brand{font-size:0.9rem;font-weight:700;line-height:1.1;margin:0;color:#fff !important;}
.tx-topic{display:block;padding:0;color:#323232;font-size:1.4rem;font-weight:700;line-height:1.1;margin:0 0 20px;}
.tx-ct{line-height:1.3;font-weight:300;color:#444;font-size:16px;font-size:calc(.5em + .3vw);}
.tx-ct2{line-height:1.3;font-weight:300;text-align:center;color:#c60000 !important;font-size:16px;font-size:calc(.5em + .3vw);background:#ffffff;padding:10px 10%;}
.tx-ct3{line-height:1.1;font-weight:400;text-align:center;color:#444 !important;font-size:16px;font-size:calc(.7em + .4vw);background:#ffffff;padding:10px 10%;}
.tx-ft{line-height:1.3;font-weight:300;color:#bfbfbf;font-size:14px;font-size:calc(.5em + .2vw);text-align:left;}
.tx-ft2{line-height:1.3;font-weight:300;color:#dd0000;font-size:14px;font-size:calc(.5em + .2vw);text-align:right;}
.tx-table{line-height:1.3;font-weight:300;font-size:13px;font-size:calc(.4em + .1vw);}
.copyright{padding:10px 0;text-align:center;font-size:0.5rem;color:#ffdf08;}
.tx-center{text-align:center !important;}
.tx-left{text-align:left !important;}
.tx-right{text-align:right !important;}
.tx-indent{text-indent:5vw;}
.tx-bold{line-height:1.3;font-size:1.1em;font-weight:700;margin-bottom:15px;}
.tx-note{line-height:1.3;font-size:0.7em;width:100%;position:relative;display:grid;padding:5px;margin:0 auto;justify-content:center;background:#950000;color:#ffbc04}
.tx-m{font-size:1rem;font-weight:400;line-height:1.1;margin:0;}
.tx-white{color:#fff !important;}
.tx-mark{position: relative;display: inline;background: #e51818;color: #fff;padding: 0 5px;}

/* button */
button{text-align:center;color:#fff;position:relative;border-radius:3px !important;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;
background:transparent;}
.btn-menu{padding:10px 30px;width:100%;min-width:160px;max-width:300px;height:100%;margin:0;font-weight:400;font-size:0.8em;line-height:1;color: #c2102b;text-shadow:1px 1px 1px #ffff19;box-shadow: 0 3px 4px rgb(0 0 0 / 5%);}

.btn-menu-login{padding:8px 15px;margin:0;font-weight:700;font-size:0.5em;line-height:1;}
.btn-menu-login:hover{background: rgb(45, 106, 218);
	background:linear-gradient(0deg, rgb(7, 13, 46) 0%, rgb(71, 127, 254) 9%, rgb(32, 105, 229) 61%, rgb(31, 87, 211) 100%);
}

.btn-apply{width:100%;max-width:200px;min-width:120px;text-align:center;color:#fff;padding:3px 10px;margin:0 auto;
font-family:arial;font-weight:400;text-shadow:0px 1px 4px rgba(0, 0, 0, 0.58);
font-size:.64rem;position:relative;border-radius:4px !important;cursor:pointer;border:1px solid #b10909;
-webkit-transition:all .2s;transition:all .2s;
background:rgb(167, 0, 0);
background:linear-gradient(0deg, rgb(122, 0, 0) 0%, rgb(217, 0, 0) 70%, rgb(234, 33, 33) 100%);
}
.btn-apply:hover{color:#0d42b4 !important;text-shadow:1px 1px 0 #ffee99;border:1px solid #f6cf10;
background: rgb(255,200,0);
background: linear-gradient(0deg, rgb(255, 143, 12) 0%, #FFC107 56%, rgb(255, 224, 29) 100%);}

.btn-pdf{padding:10px 30px;width:100%;max-width:200px;height:100%;margin:0 auto;display:grid;grid-template-columns:30px 1fr;grid-gap:5px;align-items:center;justify-content:center;align-content:center;}
.btn-pdf:before{content:url('../images/icon-pdf.png');width:25px;height:25px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.btn-pdf:after{content:"Download";font-weight:700;font-size:.68em;line-height:1;color: #fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);text-transform: uppercase;}
/* header */
.top-menubar{z-index:997;position:fixed;top:0;left:0;width:100%;margin:0 auto;padding:2px 10px 2px 40px;color:#fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:space-between;background:#242424;}
.top-left{position:relative;display:grid;grid-gap:3px;grid-template-columns:1fr;align-items:center;}
.top-left a{cursor:pointer;font-size:.8rem;font-weight:700;color:#fff !important;}
.top-center{position:relative;display:grid;grid-gap:3px;grid-template-columns:auto auto;align-items:center;justify-content:center;}
.top-right{position:relative;display:grid;grid-gap:3px;grid-template-columns:auto;align-items:center;justify-content:end;}

.headmenu{z-index:995;width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:20% 1fr 20%;padding:10px 5%;margin:0 auto;}


#topnav{z-index:991;float: left;display: block;width:100%;}
.sticky{position: fixed;top: 0;width: 100%;display:block;}
.ft-link{width:100%;display:block;padding:10px 0 0;}

/* slide */
.slide-box{width:100%;padding:0;position:relative;display:grid;grid-template-columns:1fr;margin:0 auto;}
.sec1-slide{width:100%;display:grid;text-align:center;background:#000}
.card-item{width:100%;position:relative;display:grid;grid-template-columns:1fr;padding:0;margin:0 auto;}


/* section*/
.rows{width:100%;position:relative;display:block;}
.main-page{width:100%;position:relative;display:block;padding:40px 0 0;color: #a1a1a1;}
.maxcol{max-width:1280px;padding: 0 5% !important;}
.setbox{width:80%;max-width:1920px;margin:0 auto;padding:20px 20px 40px;overflow:hidden;}
.setbox-full{width:100%;max-width:1920px;margin:0 auto;padding:20px 10% 40px;overflow:hidden;}
.rwc-f{width:100%;height:100%;position:relative;display:grid;grid-template-columns:1fr;padding:0;margin:0 auto;}
.rwc-hf{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0 auto;}
.rwc-auto4{width:100%;position:relative;display:grid;grid-template-columns:auto auto auto auto;padding:0;margin:0 auto;}
.rwc-c3{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0;margin:0 auto;}
.rwc-c4{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:0;margin:0 auto;}
.rwc-c5{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:0;margin:0 auto;}
.in-full{width:100%;position:relative;display:grid;grid-template-columns:1fr;padding:20px;margin:0;}

.rwc-1-3{width:100%;position:relative;display:grid;grid-template-columns:1fr 3fr;padding:0;margin:0 auto;}
.rwc-1-4{width:100%;position:relative;display:grid;grid-template-columns:1fr 4fr;padding:0;margin:0 auto;}
.rwc-2-3{width:100%;position:relative;display:grid;grid-template-columns:2fr 3fr;padding:0;margin:0 auto;}
.rwc-2-4{width:100%;position:relative;display:grid;grid-template-columns:2fr 4fr;padding:0;margin:0 auto;}
.rwc-3-2{width:100%;position:relative;display:grid;grid-template-columns:3fr 2fr;padding:0;margin:0 auto;}
.rwc-system{width:100%;position:relative;display:grid;grid-template-columns:auto auto;padding:10px;margin:0 auto;justify-content: center;grid-gap:5px;background:#f5f5f5;}
.rwc-4-2{width:100%;position:relative;display:grid;grid-template-columns:4fr 2fr;padding:0;margin:0 auto;}


.rwalign-ct{justify-items:center;align-items: start;}
.rwalign-lt{justify-items:start;align-items: start;}
.rwalign-rt{justify-items:end;align-items: start;}
.rwalign-cc{justify-items:center;align-items: center;}
.rwalign-lc{justify-items:start;align-items: center;}
.rwalign-rc{justify-items:end;align-items: center;}
.rwalign-cb{justify-items:center;align-items: end;}
.rwalign-lb{justify-items:start;align-items: end;}
.rwalign-rb{justify-items:end;align-items: end;}

.rwalign-hc{justify-items: center;align-items:stretch ;}

.setbox-contact{width:100%;position:relative;display:grid;grid-template-columns:25% 1fr;grid-gap:0;padding:0;margin:0 auto;justify-items:center;align-items:center;}
.rwc-inline{width:100%;position:relative;display:flex;display:-webkit-flex;-webkit-justify-content:center;justify-content:center;
align-items:center;justify-items:center;padding:10px;margin:0 auto;flex-wrap:wrap;}
.rwc-inline span{margin-right:15px;}
.rwc-f i{position:abssolute;left:0;top:0;width:30px;height:100%;display:grid;}

.nav-tabs{width:100%;position:relative;display:grid !important;grid-gap:5px;grid-template-columns:auto auto auto auto;padding:0;margin:0 auto;justify-content:center;align-items:end;}
.nav-tabs .nav-link{font-size:0.7rem;border-radius:6px 6px 0 0;}
.tab-content{width:100%;padding:0;margin:0 auto;position:relative;display:block;}
.set-content{width:100%;padding:30px 5%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;flex-wrap:wrap;min-height:450px;}

.rwc-footer{position:relative;width:100%;margin:0 auto;padding:10px 3% 10px;display: grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;}

.download-list{width:100%;height:100%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 50px;padding:30px 10px;margin:0 auto;background:#fff;justify-items:center;justify-content:stretch;text-align:center;}

/* grid */
.gap1{grid-gap:1px}.gap3{grid-gap:3px}.gap5{grid-gap:5px}.gap10{grid-gap:10px}.gap20{grid-gap:20px}.gap30{grid-gap:30px}.gap3p{grid-gap:3%}
.margin-top20{margin-top:20px !important;}
.margin-bottom20{margin-bottom:20px !important;}.margin-bottom30{margin-bottom:30px !important;}
.padding-5p{padding:120px 5%;}.padding20{padding:20px !important;}


/* Footer */
.logo-footer{width:100%;max-width:300px;}


/* product */
.box-product{z-index:60;cursor: pointer;width:100%;position:relative;display:grid;grid-template-columns:1fr;min-height:360px;padding-bottom:60px;background:#111;-webkit-filter: brightness(95%) contrast(100%);filter: brightness(95%) contrast(100%);-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.box-product:hover{z-index:61;-webkit-filter: brightness(105%) contrast(110%);filter: brightness(105%) contrast(110%);box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);}
.product-name{width:100%;position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;padding:15px;font-size:0.74rem;font-weight:700;color:#fff;background:rgb(0 0 0 / 68%);line-height:1.2;text-align:center;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.box-product:hover .product-name{opacity:0.8;background:#b10000;color:#fff;bottom:10%;}

.p-01{background:url(../images/banner/product-01.jpg)no-repeat center center;background-size:cover;}
.p-02{background:url(../images/banner/product-02.jpg)no-repeat center center;background-size:cover;}
.p-03{background:url(../images/banner/product-03.jpg)no-repeat center center;background-size:cover;}
.p-04{background:url(../images/banner/product-04.jpg)no-repeat center center;background-size:cover;}
.p-05{background:url(../images/banner/product-05.jpg)no-repeat center center;background-size:cover;}

/* gallery */
.gallary-box{position:relative;width:100%;display: grid;grid-template-columns:1fr;padding:0;margin:0 auto;}
.gall-in{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;align-content:stretch;margin:0 auto;padding:0;background:#000;}
.gall-list{width:100%;height:260px;position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;overflow:hidden;-webkit-filter: brightness(90%) contrast(80%);filter: brightness(90%) contrast(80%);opacity:.7;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.gall-list:hover{opacity:1;-webkit-filter: brightness(110%) contrast(100%);filter: brightness(110%) contrast(105%);}

/* form */
.form-pay{width:100%;float:left;display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;
align-items:center;justify-items:center;}
.apply-left{float:left;text-align:center;flex: 1 1 auto;}
.apply-right{float:right;text-align:center;flex: 0 0 auto;padding:0 0 0 10px;}
.apply-full{width:100%;float:left;display:block;position:relative;margin:0 auto;padding:10px 20px 0;}
.form-register{width:100%;}
	.row-form{text-align:left;width:100%;position:relative;display:block;font-size:0.7rem;margin:0 auto;}
	.row-form i{z-index: +1;position: absolute;left:5px;top:-3px;display:block;font-size:1.4em;color:#3b3b3b;}

.input-01{font-size:0.9em;font-weight:500;border-radius:4px;padding:3px 5px 3px 30px;width:100%;background:hsl(0, 0%, 80%);border:1px solid #eee;color:#1d1d1d;}
.input-01:focus{background:#f5f5f5 !important;border:1px solid #fff;}

.input-02{font-size:16px;border-radius:12px;padding:10px 20px 6px 40px;margin:0 auto 10px;width:100%;background:#fff;
border:1px solid #dcdcdc;color: #444;}
.input-02:focus{background:#fff;color:#000;border:1px solid #25c6f9;}

.input-03{border-radius:4px;margin:0 auto;padding:8px 10px;width:100%;text-align:center;display:inline;
background:#fff;border:1px solid #d6d6d6;color:#2a2a2a;position:relative;
font-size:0.8rem;font-weight:400;line-height:1.1;}
.input-03:focus{background:#f5f5f5;color:#2a2a2a;border: 1px solid #1bbdff;box-shadow:0 0 6px rgba(0, 0, 0, 0.2);}

.input-04{font-size:16px;padding:10px;margin:0 auto 10px;width:100%;background:#4a4a4a;
border:1px solid #fff;color: #fff;}
.input-04:focus{background:#fff;color:#000;border:1px solid #eaeaea;}

.input-05{margin:0 auto;padding:10px 10px 10px 40px;width:100%;text-align:left;display:inline;border-radius:0;
background:#fff;border-bottom:3px solid #0d53bd;color:#0d53bd;position:relative;
font-size:1rem;font-weight:700;line-height:1.1;}
.input-05:focus{background:#fff;color:#0d53bd;border-bottom:3px solid green;}


.label:before
{pointer-events: none;position: absolute;top: -13px;left: 15px;overflow: hidden;border-radius:10px 10px 0 0;
padding: 0 10px 2px;background: #fff;color:#000;font-weight:700;}
.label2:before
{pointer-events: none;position: absolute;top:22px;left:5px;overflow: hidden;transform:translateY(-50%);
padding:10px;color:#d9d9d9;font-weight:700;font-size:2em;line-height:1;}


option.input-04{max-width:100%;font-size:0.6rem !important;}

::placeholder {color:#1d1d1d;opacity: 1;font-family:'Prompt', sans-serif;}
::-ms-input-placeholder {color:#1d1d1d}
::-ms-input-placeholder {color:#1d1d1d;}
::selected{color:#1d1d1d;text-align:center;}

.input-05::placeholder{color:#c7c7c7;text-align:left;}
.input-05::-ms-input-placeholder {color:#c7c7c7;text-align:left;}
.input-05::-ms-input-placeholder {color:#c7c7c7;text-align:left;}
.input-05::selected{color:#c7c7c7;text-align:center;}

.loginbox{width:100%;position:relative;display:block;padding:20px 5% 30px;margin:0 auto;max-width: 480px;}


/* bg template*/
.tx-yellow{color:#fcd000 !important}
.tx-blue{color:#083b72}
.tx-gray{color:#aeb7c7}

.tem-red{background-color:#de0022;}
.tem-blue{background-color:#19379f;}
.tem-yellow{background-color:#fdcf00;}
.tem-white{background-color:#ffffff;}
.tem-gray{background-color:#f5f5f5;}
.tem-light{background: rgb(244, 244, 244);
	background:linear-gradient(90deg, rgb(233, 233, 233) 0%, rgb(255, 255, 255) 49%, rgb(233, 233, 233) 82%)}
.tem-dark{background: rgb(39, 39, 39);
	background:linear-gradient(90deg, rgb(17, 17, 17) 0%, rgb(42, 42, 42) 49%, rgb(29, 29, 29) 82%);}

.tem-blue-gar{
	background: rgb(14,52,114);
background: linear-gradient(0deg, rgb(10, 28, 76) 0%, rgb(8, 41, 117) 49%, rgb(43, 75, 167) 82%);
}
.tem-dark-gar{background: rgb(56, 56, 56);
background:linear-gradient(90deg, rgb(15, 15, 15) 0%, rgb(40, 40, 40) 50%, rgb(13, 13, 13) 100%)}

.tem-btn-yellow{background: rgb(246,164,10);
background: linear-gradient(0deg, rgba(246,164,10,1) 0%, rgba(255,238,47,1) 82%, rgba(250,205,1,1) 100%);}
.tem-btn-yellow:hover{background: rgb(255,208,34);
background: linear-gradient(0deg, rgba(255,208,34,1) 0%, rgba(255,241,84,1) 82%, rgba(255,226,35,1) 100%);}

.tem-btn-red{background: rgb(131,0,0);
background: linear-gradient(0deg, rgba(131,0,0,1) 0%, rgba(226,11,29,1) 82%, rgba(222,16,16,1) 100%);}
.tem-btn-red:hover{background: rgb(179,0,0);
background: linear-gradient(0deg, rgba(179,0,0,1) 0%, rgba(255,48,66,1) 82%, rgba(255,28,28,1) 100%);}

.tem-btn-blue{background: rgb(6,50,149);
background: linear-gradient(0deg, rgba(6,50,149,1) 0%, rgba(20,132,241,1) 82%, rgba(23,100,219,1) 100%);}
.tem-btn-blue:hover{background: rgb(22,78,203);
background: linear-gradient(0deg, rgba(22,78,203,1) 0%, rgba(25,158,255,1) 82%, rgba(35,122,255,1) 100%);}

.tem-btn-green{background: rgb(0,133,53);
background: linear-gradient(0deg, rgba(0,133,53,1) 0%, rgba(131,223,22,1) 82%, rgba(82,217,18,1) 100%);}
.tem-btn-green:hover{background: rgb(5,168,70);
background: linear-gradient(0deg, rgba(5,168,70,1) 0%, rgba(176,254,84,1) 82%, rgba(92,233,25,1) 100%);}


/* blenmode */
.text {
    color: #fff;
    background-color: #000;
    mix-blend-mode:screen; 
    width: 100%; height: 100%;
    font-weight:900;
    text-align: center;
    line-height:.8;
    margin: 0;
}
.overlay {
    width: 100%; height: 100%;
    position: absolute;
    top: 0;
    mix-blend-mode:multiply;
}
.bg-sec1{background:#000 url(../images/bg/bg-sec1.jpg)fixed no-repeat center center;background-size:cover;}
.backdrop{width:100%;display:grid;position:relative;grid-template-columns:1fr;padding:80px 10% 100px;margin:0 auto;}
.blen.overlay{background-color:#e9e9e9;}
.blen.text{font-size:7vw;}

.bg-world{background:#fff url(../images/bg-sec4.jpg)no-repeat center center;background-size:cover;}
.bg-sec5{background:#fff url(../images/bg-sec5.jpg)no-repeat center center;background-size:cover;}



/* menu mobile*/
.message{z-index:998;color:#444;position:fixed;top:0;left:-100%;width:100%;max-width:220px;height:100%;display: grid;align-items: center;    justify-content: center;padding:60px 0 80px 0;overflow-x:auto;box-sizing:border-box;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.5s ; transition: all 0.5s;
background:rgba(0, 0, 0, 0.89);}
.message:after{content:"";position:absolute;top:0;right:0;height:100%;width:3px;background:#000;
}
#toggle{position:fixed;appearance:none;cursor:pointer;right:-1000px;top:0;}
#toggle + label{z-index:9999;display:none;position:fixed;left:0;top:0;cursor:pointer;padding:0;
color:#341f5c;line-height:1em;font-size:.9em;text-align:center;-webkit-font-smoothing:antialiased;
cursor:pointer;margin:0;transition:all 1s ease;}
#toggle + label:hover{color:#0dcdff;}
#toggle + label:after{content:"☰";width:50px;height:40px;position:relative;display:grid;align-items:center;justify-content:center;border-radius:6px;padding:0;color:#ffffff;margin-left:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#toggle + label:hover:after{color:red;}
.container{transition:margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);padding:0 1%;}
#toggle:checked ~ .message{left:0;}
#toggle:checked ~ .container{margin-left:0px;}
#toggle:checked + label{background:none;}
#toggle:checked + label:after{content:"x";color:#fff;border-radius:6px;margin-left:170px;}


div::-webkit-scrollbar{width:8px;background:#000;}
div::-webkit-scrollbar-thumb{background:#555;width:8px;border-radius:4px;}
div::-webkit-scrollbar-thumb:hover{background:#666;}
div::-webkit-scrollbar-thumb:active{background:#2f3a42;}

/* boostrap custom */
.carousel-control-next, .carousel-control-prev{width:60px !important;}
.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity ease-out .7s;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}


/* other */
.my-4{padding:0 40px !important;}
.controls-top{width:100%;position:absolute;left:0;top:50%;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content:space-between;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.btn-floating {color:#fafafa !important;text-shadow:0 0 6px #000;background:rgba(0, 0, 0, 0.6);opacity:0.3;}
.btn-floating:hover{background:rgba(0, 0, 0, 0.8);opacity:1;}
.border-l{border-left:1px solid #fff;}
.border1{border:1px solid #cdcdcd;}
.border-top{border-top:1px solid #555;}
.noborder{border:none !important;}


.qr-box{width:100%;max-width:240px;height:100%;max-height:240px;display:grid;background:white}

[type=radio] {position: absolute;opacity: 0;width: 0;height: 0;}
[type=radio] + img {padding:5px;outline:none;cursor: pointer;opacity:0.6;background:transparent; box-shadow:none;-webkit-transition:all .3s;transition:all .3s;}
[type=radio]:checked + img {padding:3px;outline:none; opacity: 1;background: #fff;box-shadow: 0 0 14px rgba(255, 255, 255, 0.8);}

.tw160{width:160px !important;}
table th, table td { overflow: hidden; }
th{font-size: .8rem !important;padding: 10px !important;}
td{padding:10px !important}
.rwtb{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0 auto;}
.tb-set-1-3{width:100%;position:relative;display:grid;grid-gap:5px;grid-template-columns:1fr 3fr;padding:0;margin:0 auto;}
.tb-set-1-3:nth-child(odd){background:#f5f5f5;}
.tb-h{width:100%;font-size:.8rem;font-weight:700;line-height:1;padding:8px 10px;position:relative;display:block;margin:0 auto;}
.tb-link{cursor: pointer;width:100%;font-size:0.7rem;line-height:1.2;color:#222;padding:5px 10px;margin:0 auto;text-align:left;border-left:2px solid #eaeaea;-webkit-transition:all .3s;transition:all .3s;}
.tb-link:hover{color:#000;border-left:2px solid green;background:#f4ffe5;}
.tb-name{width:100%;font-size:0.8rem;line-height:1.2;font-weight:700;color:#2daa30;padding:5px 10px;margin:0 auto;text-align:right;}


.border-tb1{border:1px solid #ebebeb;border-top:none;}

.video-box{width:100%;min-height:320px;position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-content:center;background:#fff;}
.video-size{position:absolute;left:0;top:0;width:100%;height:100%;}

/* responsive */
@media only screen and (max-width:1520px){

}
@media (max-width:1280px){
.rwtb{width:100%;max-width:100%;position:relative;display:block;overflow:hidden;margin:0 auto;padding:0;}
}
@media (max-width:1080px){


}
@media (max-width:960px){
#toggle + label{display:block;}
.topbar{display:none;}
.top-menubar{position:fixed;left:0;top:-2px;width:100%;padding:4px 5px 3px 40px;grid-template-columns:auto 300px auto;}
.btn-menu,.btn-menu-login{padding:8px 20px;font-size: 0.76em;}
.setbox{width:90%;padding: 20px;}
.rwc-hf{grid-template-columns: 1fr;grid-gap: 15px;padding: 10px;}
.rwc-c3{grid-gap:10px;}
.rwc-c4{grid-template-columns: 1fr 1fr;grid-gap:10px;}
.rwc-c5{grid-template-columns: 1fr;grid-gap:10px;}
.box-product{min-height:260px;}
.in-full{padding:0;grid-gap:10px;}
.rwc-2-4{grid-template-columns: 200px 1fr;margin: 0 auto 20px;grid-gap: 30px;}
.rwc-4-2{grid-template-columns: 1fr 1fr;margin: 0 auto 20px;grid-gap: 30px;}
.rwc-3-2{grid-template-columns: 1fr 25%;grid-gap:10px;}
.setbox-full{padding:20px;}
.icon-ff{margin-top:10px;}
.setbox-contact{width:100%;position:relative;display:grid;grid-template-columns:30% 1fr;grid-gap:0;padding:0;margin:0 auto;justify-items:center;align-items:center;}
.headmenu{grid-template-columns:1fr;}
#hm-logo{width:100%;max-width:400px;}
#hm-nav{display:none;}
.product-name{bottom:0;}
}
@media (max-width:760px){
.register-content{min-height: 100vh;padding:40px 10px;margin: 0 auto;align-content:center;border-radius:0;border:none;}
.rwc-2-3{grid-template-columns:1fr;margin: 0 auto 20px;grid-gap:10px;}
.rwc-1-4,.rwc-3-2{grid-template-columns:1fr;grid-gap:10px;}
#logo-icon{width:60px;}
.box-product{min-height:220px;}
.setbox-contact{width:100%;position:relative;display:grid;grid-template-columns:1fr;grid-gap:10px;padding:0;margin:0 auto;justify-items:center;align-items:center;}
.rwc-4-2{grid-template-columns:1fr;margin: 0 auto 20px;grid-gap:20px;}
.tx-ft,.tx-ft2{width:100%;text-align:center;}
.bg-sec5{background: #fff url(../images/bg-sec5.jpg)no-repeat center right;background-size: cover;}
.rwc-inline{width:100%;position:relative;display:grid;grid-template-columns:1fr;margin: 0 auto;grid-gap:10px;}
.padding-5p{padding: 60px 3%;}
.topic-s1{font-size:5vw;}
}
@media (max-width:680px){
.top-menubar{grid-template-columns:auto 1fr;}
.top-left{display:none;}
.top-center img{height:35px}
.btn-menu,.btn-menu-login{padding:15px;font-size: 0.6em;}
.setbox{width:100%;}
.box-product{min-height:180px;}
.rwc-2-4{grid-template-columns:1fr;margin: 0 auto 20px;grid-gap: 30px;}
.rwc-c3{grid-template-columns:1fr;}
.video-box{width:100%;min-height:240px;}
.rwc-footer{width:100%;position:relative;display:grid;grid-template-columns:1fr;padding:10px 5%;}
}

@media (max-width:480px){
.top-menubar{grid-template-columns:1fr;}
.top-right{display:none;}
}