@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url("../revolution/css/settings.css");
@import url("plugins/bootstrap-grid.css");
@import url("plugins/mega_menu.css");
@import url("plugins/font-awesome.min.css");
@import url("plugins/magnific-popup.css");
@import url("plugins/owl.carousel.min.css");
@import url("shortcodes/owl-carousel.css");

/*@import url("plugins/bootstrap.min.css");*/

/*@import url("plugins/animate.css");*/

a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #000000; text-decoration: none !important; }
a, button, input { outline: medium none !important; color: #000000; }
.uppercase { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, "Heiti TC", "Noto Sans TC", "Microsoft JhengHei", "Open Sans", sans-serif !important; font-weight: 100; color: #363636; margin-top: 0px; }
.button { font-family: Arial, "Heiti TC", "Noto Sans TC", "Microsoft JhengHei", "Open Sans", sans-serif !important; }
.shadow { box-shadow: 0px 14px 42px -6px rgba(0, 0, 0, 0.15) !important; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
label { font-weight: normal; }
.text-light { color: #fff !important; }
.text-dark { color: #000 !important; }
.text-blue { color: #02A0E9 !important; }
.letter-space-5 { letter-spacing: 5px; }
h1 { font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; }
h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; }
h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
.fw-1 { font-weight: 100; }
.fw-2 { font-weight: 200; }
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }
.fw-5 { font-weight: 500; }
.fw-6 { font-weight: 600; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }
.fw-9 { font-weight: 900; }
.l-height-24 { line-height: 24px; }
.l-height-26 { line-height: 26px; }
.l-height-28 { line-height: 28px; }
.l-height-30 { line-height: 30px; }
.l-height-32 { line-height: 32px; }
.l-height-34 { line-height: 34px; }
.l-height-36 { line-height: 36px; }
.l-height-38 { line-height: 38px; }
.l-height-40 { line-height: 40px; }
ul { margin: 0px; padding: 0px; }
p { font-weight: 500; line-height: 1.5; color: #000; }
hr { margin: 0; padding: 0px; border-bottom: 1px dashed #eceff8; border-top: 0px; }
hr.light { margin: 0; padding: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 0px; }
.hide { display: none !important; }
.red { color: #ff0000 !important; }
*::-moz-selection { background: #e71a0f; color: #fff; text-shadow: none; }
::-moz-selection { background: #e71a0f; color: #fff; text-shadow: none; }
::selection { background: #e71a0f; color: #fff; text-shadow: none; }
.cursordefault{cursor: default!important;}
/*************************
    Text color
*************************/
.theme-color { color: #e71a0f; }
.text-white { color: #fff !important; }
.text-black { color: #000; }
.text-gray { color: #999999; }
img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; }
.hidePC{display: none!important;}
.hideMobile{display: inline-block!important;}
/* Vertical Align */
.valign { display: table; }
.valign > [class*='col-'] { display: table-cell; float: none; }
[data-valign-overlay="top"] { vertical-align: top; }
[data-valign-overlay="middle"] { vertical-align: middle; }
[data-valign-overlay="bottom"] { vertical-align: bottom; }

/*************************
   Extra class
*************************/
.o-hidden { overflow: hidden; }
.position-re { position: relative; }
.full-width { width: 100% !important; }
.img-fluid { max-width: 100%; height: auto; }

/*************************
   back to top
*************************/
#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition: all .5s ease-in-out; position: fixed; bottom: 15px; right: 15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #5d9f02; width: 40px; height: 40px; text-align: center; }
#back-to-top i { padding-top: 2px; font-size: 20px; }
#back-to-top span { display: block; line-height: 8px; font-size: 11px; }

/*************************
 Basic margin padding
*************************/
.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.title-01 { color: #e0140c; font-size: 2.8rem; }

/*************************
    Margin top
*************************/

/*.mt-0 { margin-top: 0 !important; }*/
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important; }

/*************************
   Margin right
*************************/

/*.mr-0 { margin-right: 0!important }*/
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; }

/*************************
   Margin bottom
*************************/

/*.mb-0 { margin-bottom: 0!important }*/
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

/*************************
   Margin left
*************************/

/*.ml-0 { margin-left: 0!important }*/
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; }

/*************************
   Padding top
*************************/

/*.pt-0 { padding-top: 0!important }*/
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }

/*************************
   Padding right
*************************/

/*.pr-0 { padding-right: 0!important }*/
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; }

/*************************
   Padding bottom
*************************/

/*.pb-0 { padding-bottom: 0!important }*/
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }

/*************************
   Padding left
*************************/

/*.pl-0 { padding-left: 0!important }*/
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }

/*min height*/
.min-h-200 { min-height: 200px; }
.min-h-230 { min-height: 230px; }
.min-h-260 { min-height: 260px; }
.min-h-290 { min-height: 290px; }
.min-h-320 { min-height: 320px; }
.min-h-350 { min-height: 350px; }
.min-h-380 { min-height: 380px; }
.min-h-410 { min-height: 410px; }
.min-h-440 { min-height: 440px; }
.min-h-470 { min-height: 470px; }
.min-h-500 { min-height: 500px; }
.min-h-550 { min-height: 550px; }

/*max height*/
.max-h-200 { max-height: 200px; }
.max-h-230 { max-height: 230px; }
.max-h-260 { max-height: 260px; }
.max-h-290 { max-height: 290px; }
.max-h-320 { max-height: 320px; }
.max-h-350 { max-height: 350px; }
.max-h-380 { max-height: 380px; }
.max-h-410 { max-height: 410px; }
.max-h-440 { max-height: 440px; }
.max-h-470 { max-height: 470px; }
.max-h-500 { max-height: 500px; }
.max-h-550 { max-height: 550px; }

/*----------------------------------------------*/
.default { background: transparent; z-index: 9999; position: absolute; width: 100%; }

/*************************************
         Background  
**************************************/

/*images background*/
.white-bg { background: #fff; }
.gray-bg { background: #f7f7f7; }
.dark-gray-bg { background: #666666; }
.theme-bg { background: #ef1404; }
.black-bg { background: #323232; }
.dark-theme-bg { background: #050801; }
.bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-theme-20:before { background: rgba(132, 186, 63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-theme-50:before { background: rgba(132, 186, 63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-theme-70:before { background: rgba(132, 186, 63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-theme-90:before { background: rgba(132, 186, 63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90 { position: relative; }

/*mega-menu */
header { z-index: 99 !important; }
header .navbar { z-index: 1000 !important; }
.mega-menu .menu-logo { padding: 10px 0 10px; margin-left: -10px; }
.mega-menu .menu-logo img { display: none; margin-right: 20px; width: auto; height: 55px; }
.mega-menu .menu-logo img.logo-slogan { display: inline-block; vertical-align: middle; height: 53px; }
.mega-menu .menu-logo > li > a { width: auto; vertical-align: bottom; float: none; display: none; }
.mega-menu .drop-down-multilevel.right-menu { right: 0px; }
.mega-menu > section.menu-list-items { padding: 0; }
.mega-menu .menu-links > li > a { padding: 0 20px;/*text-transform: uppercase;*/ font-size: 18px; font-weight: 500; line-height: 20px; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5d9f02; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5d9f02; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5d9f02; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5d9f02; }
.mega-menu .row { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { display: inline-block; margin: 5px 20px; height: 55px; width: auto; }
.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img.logo-slogan { display: none; }
.mega-menu .badge { color: #ffffff; }
.mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #fafafa; }
.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }

/*header menu*/
.menu.light .mega-menu > section.menu-list-items { background: #fff !important; -webkit-box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2); box-shadow: 0 0 5px 1px rgba(150, 150, 150, 0.2) }
.menu.light .mega-menu { min-height: auto !important; }
.menu.light .mega-menu .menu-links > li > a { color: #000000 !important; }
.menu.light .mega-menu .menu-links > li > a:hover { color: #e71a0f !important; }
.menu.light .mega-menu .menu-links > li.active > a { color: #e71a0f !important; }
.menu.light .mega-menu > section.menu-list-items { height: 62px !important; }

/*************************************
section
 **************************************/
section { padding: 146px 0 0 0; }
section .main { background: none; }
section.minSize { padding: 0px 0 0 0 !important; }

/*************************************
         slider  
**************************************/
.rev-slider { overflow: hidden; position: relative; }
.slotholder { filter: none !important; }
.tp-half-one { opacity: 1 !important; visibility: visible !important; transform: inherit !important; }
.hermes.tp-bullets { }
.hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px rgb(204, 204, 204); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute }
.hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.21) }
.hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: rgb(204, 204, 204); box-shadow: 0 0 1px rgb(204, 204, 204); -webkit-transition: height 0.3s ease; transition: height 0.3s ease }
.hermes .tp-bullet.selected:after { height: 100% }
#main-slider .uranus.tparrows { width: 50px; height: 50px; background: rgba(255, 255, 255, 0) }
#main-slider .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all 0.3s; -webkit-transition: all 0.3s }
#main-slider .uranus.tparrows:hover:before { opacity: 0.75 }
.hermes.tp-bullets { }
.hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 14px; height: 14px; background-color: #D3D3D3; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute; }
.hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.21) }
.hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #e0140c; box-shadow: 0 0 1px #e0140c; -webkit-transition: height 0.3s ease; transition: height 0.3s ease }
.hermes .tp-bullet.selected:after { height: 100% }

/*************************************
         movie
**************************************/
.MovieSet { height: 640px; position: relative; margin-top: 2px; z-index: 1 !important; }
.MovieSet { background: url(../img/unity/video-cover.jpg) no-repeat center center; background-size: cover; }
.youtube-video { margin-top: -230px; }
.videoplay-btn { position: absolute; z-index: 50; top: 0; left: 50%; margin-left: -117px; margin-top: 100px; }

/*bgcolor*/
.pattern-white { background: url(../img/unity/bg01.png) no-repeat center bottom; }
.pattern-yellow { background: url(../img/unity/bg02.png) no-repeat center bottom; }
.pattern-wood { background: url(../img/unity/bg03.png) no-repeat center bottom; }
.pattern-pink { background: url(../img/unity/bg04.png) no-repeat center bottom; }
.pattern-bluespot { background: url(../img/unity/bg05.png) no-repeat center bottom; }
.pattern-wave { background: url(../img/unity/bg06.png) no-repeat center bottom; }

/*************************************
         Intro
**************************************/
.IntroSet { position: relative; z-index: 50; }
.IntroSet #firstScene { width: 20px; height: 20px; display: inline-block; position: absolute; top: -155px; }
.bgIntro { background: url(../img/unity/bg-deco.png) no-repeat center center; }
.margintop { margin-top: -170px !important; min-height: 700px; }
.paddingtop { padding-top: 50px !important; }
.paddingbottom { padding-bottom: 150px !important; }
.IntroSet .paddingtop { padding-top: 40px !important; }
.IntroSet.margintop { margin-top: 0px !important; min-height: 700px; padding-top: 20px; }
.img-xs { display: none; }
.IntroSet .numimg { width: 50% !important; max-width: auto !important; }
.formatdesc img { }
.formatdesc { margin-top: -15px; }

/*************************************
         FeatureSet
**************************************/
.FeatureSet { position: relative; z-index: 45; }
.FeatureSet .paddingtop { padding-top: 60px !important; }
.FeatureSet .feature-info h3 { font-size: 1.4rem; color: #000; }
.FeatureSet .feature-info p { font-size: 1.1rem; color: #000; }
.FeatureSet .feature-text { display: flex; flex-direction: row-reverse; padding: 0 10px; }
.FeatureSet .feature-text .feature-icon { flex: 0 0 100px; }
.FeatureSet .feature-text .feature-info { flex: 1 1 auto; padding-right: 20px; }
.feature-intro [class*=col] { display: flex; flex-direction: column; align-items: center; }
.feature-intro [class*=col] .text { width: 300px; padding: 20px 0; border-left: 4px solid #919191; padding-left: 30px; }
.feature-intro [class*=col]:nth-child(2) .text { border-color: #919191; }
.feature-intro [class*=col]:nth-child(3) .text { border-color: #919191; }
.feature-intro [class*=col] .text li { font-size: 1.5rem; line-height: 1.2; color: #000; font-weight: 500; }
.feature-intro [class*=col] .text li +li { margin-top: 10px; }
.washlist { width: 75% !important; margin: 0 auto; padding-bottom: 50px !important; }

/* apply */
.wash-apply-item { position: relative; }
.wash-apply-item .notice { position: absolute; color: #e0140c; border-bottom: 1px solid #e0140c; z-index: 3; left: 50%; bottom: 30px; width: 110px; font-size: 1.4rem; font-weight: 600; padding-bottom: 5px; margin-left: -55px; }
.wash-apply-item .btnphone { position: absolute; color: #e0140c; border-bottom: 0px solid #e0140c; z-index: 3; left: 50%; bottom: 10px; width: 245px; font-size: 1.4rem; font-weight: 600; padding-bottom: 0px; margin-left: -122px; }
.applystep [class*=col-] { text-align: center; position: relative; }
.applystep [class*=col-]:after { content: ""; position: absolute; width: 38px; height: 60px; background-image: url('../img/unity/arrow.png'); background-repeat: no-repeat; background-size: contain; top: calc(50% - 30px); left: 100%; }
.applystep [class*=col-]:last-child:after { content: none; }
.applystep [class*=col-] .icon { margin-bottom: 30px; }
.applystep [class*=col-] h3 { margin-bottom: 30px; }
.applystep [class*=col-] p { font-size: 1.2rem; }

/*************************************
         SpecSet
**************************************/
.SpecSet { position: relative; z-index: 40; margin-bottom: 50px; }
.SpecSet .section-title h3 {/*  margin-bottom: 20px; border-bottom: 1px solid #000; padding-bottom: 20px */ }
.SpecSet .section-title h3 { /* font-size: 3rem; font-weight: 400; */ }
.SpecSet .speclist { border-left: 1px solid #000; padding-left: 20px; margin-left: 0px }
.SpecSet .speclist li { font-size: 1.4rem; line-height: 2.3em; font-weight: 400; }
.SpecSet p { font-size: 1.35rem; color: #000; line-height: 1.7em; }
.price { font-size: 1.8em; display: inline-block; padding: 0 5px; }
.SpecSet .paddingtop { padding-top: 60px !important; }

/*************************************
         ButtonSet
**************************************/
.ButtonSet { position: relative; z-index: 35; }
#ButtonSet .paddingtop { padding-top: 170px !important; }

/*************************************
         HowtoSet
**************************************/
.HowtoSet { position: relative; z-index: 30; margin-bottom: 50px; }
.HowtoSet .col-lg-3 .feature-icon:after { content: none; background: url(../img/unity/dot.png); width: 152px; height: 36px; display: inline-block; position: absolute; right: -70px; top: 50%; }
.HowtoSet .col-lg-3:last-child .feature-icon:after { display: none; }
.HowtoSet .paddingtop { padding-top: 60px !important; }
.HowtoSet .sendstep { display: flex; }
.HowtoSet .sendstep .item { flex: 1 1 16%; padding: 0 20px; }
.HowtoSet .sendstep .item p { font-size: 1.15em; }

/*************************************
         BannerSet
**************************************/
.BannerSet { position: relative; z-index: 25; }
.BannerSet .paddingtop { padding-top: 60px !important; }

/*************************************
         AppSet
**************************************/
.AppSet { position: relative; z-index: 20; background: #fff }
.AppSet .paddingtop { padding-top: 0px !important; }
.backtop { z-index: 100 !important; }

/* accordion */
.accset .acd-group { border-bottom: 1px solid #ccc; }
.accset .acd-group:first-child { border-top: 1px solid #ccc; }
.accset .acd-group .acd-heading { display: block; color: #000; font-size: 1.3rem; padding: 12px 15px 12px 60px; line-height: 1.5; position: relative; }
.accset .acd-group .acd-heading:before { content: ""; position: absolute; width: 26px; height: 26px; border-radius: 50%; background-color: #737373; left: 25px; top: 12px; color: #fff; }
.accset .acd-group .acd-heading:after { content: "+"; position: absolute; left: 25.5px; background-color: transparent; height: 26px; width: 26px; color: #fff; top: 13px; font-size: 2.4rem; line-height: 26px; text-align: center; }
.accset .acd-group.acd-active .acd-heading:before { background-color: #fff; left: 15px; }
.accset .acd-group.acd-active .acd-heading:after { content: ""; width: 14px; height: 2px; left: 21px; top: 24px; background-color: #e0140c; }
.accset .acd-group.acd-active .acd-heading { background-color: #e0140c; color: #fff; padding-left: 50px; }
.accset .acd-group .acd-des { padding: 40px 50px 40px 50px; background-color: #F8F8F8; }
.accset .acd-group .acd-des p { color: #000; font-weight: 400; font-size: 1.2rem; line-height: 1.7; }

/*pagespt*/

/*.pagespot{
  position: absolute; display: inline-block; width: 20px; height: 20px;
  left:0; z-index: 10000; bottom:-150px;
}
#SpecSet .pagespot{bottom:50px;} */

.backtop { right: 5px; bottom: 20px; }

/* table set */
.tableSet { padding-top: 0; position: relative; z-index: 50; }
.bottomlink a { display: block; }
.bottomlink a img { width: 100%; }
.bottomlink .hideMobile {
    display: block!important;
}
/* modal */
.mfp-auto-cursor .mfp-content { background-color: #fff; max-width: 700px; }
.modal-body { padding: 30px; }
.modal-body h3 { text-align: center; color: #019FE8; margin-bottom: 20px; }
.modal-body p { font-size: 1.2rem }

.ruletext h3{color:#000!important;}
.ruletext p{font-size:1.1em; line-height: 1.6; margin-bottom: 10px; color: #000!important; letter-spacing: 0em;}
.ruletext ul{
  list-style: circle;
  margin-left: 18px;
  margin-top: 20px;
}
.ruletext hr {
    margin: 40px 0;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    border-top: 0px;
}
.ruletext ul li{line-height: 1.5; margin-bottom: 10px; font-size:.9em; color:#666;}
/*************************************
        responsive 
**************************************/
@media (min-width:992px) {
  .menu.light .mega-menu { min-height: 90px; }
  .mega-menu > section.menu-list-items { float: none; }
  .mega-menu > section.menu-list-items > .container, .mega-menu > section.menu-list-items > .container > .row, .mega-menu > section.menu-list-items > .container > .row > div { height: 100%; }
  .mega-menu > section.menu-list-items .menu-bar { height: 100%; }
  .mega-menu > section.menu-list-items .menu-bar > ul { display: table !important; height: 100%; }
  .mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; height: 55px; vertical-align: middle; float: none; }
  .mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; }
  .mega-menu > section.menu-list-items .search-cart { height: 100%; }
  .mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; }
  .mega-menu > section.menu-list-items > .container-fluid, .mega-menu > section.menu-list-items > .container-fluid > .row, .mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; }
  .mega-menu.desktopTopFixed .menu-list-items { height: 65px !important; top: inherit !important; }
  .mega-menu.desktopTopFixed { z-index: 999; }
}
@media(max-width:1366px) {
  .mega-menu .menu-logo { margin-left: 10px; }
  .MovieSet { height: 470px; }
  .youtube-video { margin-top: -230px; }
}
@media(max-width:1112px) {
  .FeatureSet .feature-text { padding: 0 5px; }
}
@media(max-width:1024px) {
  section { padding: 150px 0 0 0; }
  .MovieSet { background-size: cover !important; }
  .SpecSet { position: relative; z-index: 40; }
  .SpecSet .paddingtop.mb-50 { margin-bottom: 30px !important; }
  .SpecSet .speclist li { font-size: 1.3rem; line-height: 1.6em; font-weight: 400; white-space: nowrap; }
  .HowtoSet .feature-icon img, .ButtonSet .feature-icon img { width: 100%; }
  section { padding: 138px 0 0 0; }
  .AppSet { min-height: 500px; }
  .tp-bgimg { background-position: -500px center !important; }
  .IntroSet .headline img { width: 80% !important; }
  .IntroSet #firstScene { top: -135px; }
  .washlist { width: 90% !important; margin: 0 auto; padding-bottom: 30px !important; }
}
@media(max-width:1023px) {
  .tp-bgimg.defaultimg { background-position: 70% center !important; }
  .tp-caption img { width: 360px !important; height: auto !important; }
}
@media(max-width:991px) {
  section { padding: 130px 0 0 0; }
  .menu-bar { float: none; }
  .mega-menu .menu-links > li > a { line-height: normal; }
  .mega-menu .menu-mobile-collapse-trigger { height: 40px; top: 47%; transform: translateY(-50%); z-index: 9999; right: 20px; }
  .mega-menu { min-height: 60px; }
  .mega-menu .menu-logo > li > a { padding: 0; }
  .mega-menu .menu-links > li
  .mega-menu .menu-logo { padding: 3px 5px; margin-left: 0px; }
  .mega-menu .menu-logo img { height: 45px !important; margin: 0px 0; }
  .mega-menu .menu-links { overflow: auto; padding: 10px 10px 10px 10px; margin-top: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; display: block !important; }
  .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; }
  .mega-menu .menu-links > li > a { line-height: normal; padding: 20px 20px; }
  .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; }
  .mega-menu .drop-down-multilevel a { display: block; }
  .mega-menu .mobileTriggerButton { z-index: 1; }
  .mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; }
  .menu.light .mega-menu .menu-mobile-collapse-trigger:before, .menu.light .mega-menu .menu-mobile-collapse-trigger:after, .menu.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
  .menu.logo-center .mega-menu { min-height: 60px; }
  .mega-menu .menu-logo img.logo-slogan { display: none; }
  .mega-menu .menu-logo { margin-left: 0px; padding: 5px 0px 7px 0px; }
  header .navbar .navMobile { display: none; }
  .FeatureSet .feature-icon img, .SpecSet img.img-fluid { width: 100% !important; max-width: auto !important; }
  .BannerSet { position: relative; z-index: 25; min-height: 500px; }
  .AppSet { min-height: 400px; }
  .AppSet .col-xl-4 img { width: 99% !important; }
  .AppSet .section-title img { width: 80% !important; }
  .AppSet .col-6.col-xs-8.mt-30.pt-50 { padding-top: 20px !important; }
  .feature-intro [class*=col] .text { width: 200px; }
  .wash-apply-item .notice { bottom: 10px; }
  .paddingbottom { padding-bottom: 50px !important; }
  .paddingtop { padding-top: 100px !important; }
  .feature-intro [class*=col] .text li { font-size: 1.2rem; }
  .FeatureSet .feature-info p { font-size: 12px; text-align: left; letter-spacing: -0.04em; }
}
@media(max-width:767px) {
  .FeatureSet .feature-text { flex-direction: column; align-items: center; }
  .FeatureSet .feature-text .feature-info { padding-right: 0; text-align: center; }
  .FeatureSet .feature-text .feature-icon { text-align: center; margin-bottom: 0 !important; }
  .feature-intro [class*=col] { display: flex; flex-direction: row; align-items: flex-start; }
  .feature-intro [class*=col] .icon { flex: 0 0 100px; }
  .feature-intro [class*=col] .text { width: 100%; }
  .HowtoSet .sendstep .item { flex: 0 1 50%; }
  .applystep [class*=col-] { padding-left: 130px; margin-bottom: 80px; text-align: left; }
  .applystep [class*=col-] .icon { position: absolute; width: 100px; left: 15px; top: 0; }
  .applystep [class*=col-]:after { left: calc(50px); top: auto; bottom: -70px; transform: rotate(90deg); width: 20px; height: 45px; }
  .applystep [class*=col-] h3 { margin-bottom: 10px; font-size: 23px; }
  .bottomlink .container-fluid { padding: 0; }
  .wash-apply-item a { margin-bottom: 20px; display: block; }
  .img-xl { display: none; }
  .img-xs { display: block; }
  .fullwidthbanner-container .fullwidthabanner { height: 400px !important; }
  .tp-bgimg.defaultimg { height: 180px !important; background-position: right center !important; }
  .tp-caption img { width: 300px !important; }
  .tp-parallax-wrap { width: 100%; height: 200px; background-color: #fff; padding: 0 10px; top: 200px !important; }
  #main-slider_forcefullwidth { height: 430px !important; }
  .hermes.tp-bullets { top: calc(100% + 30px) !important; }
}
@media(max-width:480px) {
  .row { margin-right: 0px; margin-left: 0px; }
  .pattern-yellow { background: url(../img/unity/bg02-s.png) no-repeat center bottom; }
  .pattern-wood { background: url(../img/unity/bg03-s.png) no-repeat center bottom; }
  .IntroSet .headline img { width: 95% !important; }
  .IntroSet .action-box-button img { width: 100% !important; }
  .IntroSet .paddingtop { padding-top: 20px !important; }
  .IntroSet h4 { font-size: 17px; line-height: 1.6em !important; padding: 0 15px; color: #000; font-weight: 400; }
  .IntroSet h4 .deco { height: 30px; }
  .SpecSet .speclist { padding-left: 5px; }
  .SpecSet .speclist .col-sm-3.col-xs-3.col-xx-3 { flex: 0 0 25%; max-width: 25%; }
  .SpecSet .speclist .col-sm-9.col-xs-9.col-xx-9 { flex: 0 0 45%; max-width: 45%; }
  .FeatureSet .section-title img, .SpecSet .section-title img, .ButtonSet .section-title img, .HowtoSet .section-title img { width: 100% !important; }
  .FeatureSet .feature-icon img { width: 65% !important; max-width: 80% !important; }
  .HowtoSet .feature-icon img { width: 100% !important; max-width: 100% !important; }
  .FeatureSet .feature-info h3 { font-size: 1.65rem; }
  .SpecSet img.img-fluid { width: 92% !important; max-width: auto !important; margin: 0 auto; }
  .SpecSet .col-lg-6.col-sm-5 { text-align: center; }
  .SpecSet .col-lg-5.col-sm-6 { padding-right: 20px; padding-left: 20px; }
  .SpecSet .container .row:last-child { padding-bottom: 50px; }
  .FeatureSet .margintop { min-height: 1300px; }
  .SpecSet .specfooter { padding-bottom: 130px !important; }
  .HowtoSet .col-lg-3 .feature-icon:after { display: none; }
  .BannerSet .row { padding-left: 30px; padding-right: 30px; }
  .ButtonSet .col-4 { flex: 0 0 100%; max-width: 100%; padding-left: 5%; padding-right: 5%; }
  .ButtonSet .paddingbottom { padding-bottom: 100px !important; }
  .AppSet .col-6.col-xs-8.mt-30.pt-50 { width: 100% !important; flex: 0 0 100%; max-width: 100%; }
  .AppSet .col-xl-4 img { width: 100% !important; height: 45px; }
  .AppSet .section-title img { width: 80% !important; margin-left: 0px !important; }
  .AppSet .col-6.col-xs-4 img { width: 150% !important; max-width: 150%; }
  .AppSet .col-xl-4.col-6 { flex: 0 0 50%; max-width: 50%; }
  .view-video img { width: 75%; }
  .SpecSet .speclist li { font-size: 1.2rem; line-height: 1.6em; font-weight: 400; white-space: nowrap; }
  .pagespot { bottom: 100px; }
  #SpecSet .pagespot { bottom: 0px; }
  .tparrows { }
  .tparrows:before { color: transparent !important; }
  .tp-leftarrow { transform: matrix(1, 0, 0, 1, 0, -25) !important; }
  .tp-rightarrow { transform: matrix(1, 0, 0, 1, -50, -25) !important; }
  .mega-menu .menu-logo { display: none; }
  .mega-menu .menu-mobile-collapse-trigger { display: none !important; }
  .mega-menu .menu-links { display: block !important; }
  .mega-menu .menu-links { padding: 5px 10px 0px 10px; }
  .mega-menu .menu-links > li { width: 24%; display: inline-block !important; float: left }
  .mega-menu .menu-links > li > a { width: 100%; display: block; text-align: center; padding: 17px 2px; font-size: 1.1rem; font-weight: 700; }
  .FeatureSet .paddingtop { padding-top: 50px !important; }
  .SpecSet .paddingtop, .BannerSet .paddingtop, .HowtoSet .paddingtop { padding-top: 50px !important; }
  .AppSet .paddingtop { padding-top: 0px !important; }
  footer .searchrevampbox .searchbox { height: 33px !important; }
  .youtube-video { display: none !important; }
  .HowtoSet .sendstep .item p { font-size: 1.15em; }
  .paddingtop { padding-top: 50px !important; }
  .applystep { padding-left: 35px; }
  .txt-sloganp { padding-top: 20px !important; display: inline-block; }
  .accset .acd-group .acd-des { padding: 20px 20px 20px 20px; background-color: #F8F8F8; }
  .IntroSet #firstScene { width: 20px; height: 20px; display: inline-block; position: absolute; top: -125px; }
  .washlist { width: 100% !important; margin: 0 auto; padding-bottom: 30px !important; }
  .SpecSet { padding-left: 20px; }
  .SpecSet img.market { width: auto !important; height: 60px }
  .wash-apply-item .btnphone img { width: 150px; }
  .hidePC{display: inline-block!important;}
  .hideMobile{display: none!important;}
  .bottomlink .hideMobile {display: none!important;}
  .mfp-auto-cursor .mfp-content { background-color: #fff; max-width: 80%; }
  .modal-body h3 { text-align: left; color: #019FE8; margin-bottom: 20px; font-size: 20px; }
  .wash-apply-item .btnphone { position: absolute; color: #e0140c; border-bottom: 0px solid #e0140c; z-index: 3; left: 50%; bottom: 10px; width: 150px; font-size: 1.4rem; font-weight: 600; padding-bottom: 0px; margin-left: -75px; }
}
@media(max-width:380px) {
  .mega-menu .menu-links > li > a { width: 100%; display: block; text-align: center; padding: 17px 0px; font-size: 14px; letter-spacing: -0.04em; }
}