@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap');
* { font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei" }
a { cursor: pointer; display: block }
.clearfix { clear: both }
.pd-top-0 { padding-top: 0px !important }
.pd-top-1 { padding-top: 1px !important }
.pd-top-2 { padding-top: 2px !important }
.pd-top-3 { padding-top: 3px !important }
.pd-top-4 { padding-top: 4px !important }
.pd-top-5 { padding-top: 5px !important }
.pd-top-6 { padding-top: 6px !important }
.pd-top-7 { padding-top: 7px !important }
.pd-top-8 { padding-top: 8px !important }
.pd-top-9 { padding-top: 9px !important }
.pd-top-10 { padding-top: 10px !important }
.pd-top-11 { padding-top: 11px !important }
.pd-top-12 { padding-top: 12px !important }
.pd-top-13 { padding-top: 13px !important }
.pd-top-14 { padding-top: 14px !important }
.pd-top-15 { padding-top: 15px !important }
.pd-top-16 { padding-top: 16px !important }
.pd-top-17 { padding-top: 17px !important }
.pd-top-18 { padding-top: 18px !important }
.pd-top-19 { padding-top: 19px !important }
.pd-top-20 { padding-top: 20px !important }
.pd-top-21 { padding-top: 21px !important }
.pd-top-22 { padding-top: 22px !important }
.pd-top-23 { padding-top: 23px !important }
.pd-top-24 { padding-top: 24px !important }
.pd-top-25 { padding-top: 25px !important }
.pd-top-26 { padding-top: 26px !important }
.pd-top-27 { padding-top: 27px !important }
.pd-top-28 { padding-top: 28px !important }
.pd-top-29 { padding-top: 29px !important }
.pd-top-30 { padding-top: 30px !important }
.pd-top-31 { padding-top: 31px !important }
.pd-top-32 { padding-top: 32px !important }
.pd-top-33 { padding-top: 33px !important }
.pd-top-34 { padding-top: 34px !important }
.pd-top-35 { padding-top: 35px !important }
.pd-top-36 { padding-top: 36px !important }
.pd-top-37 { padding-top: 37px !important }
.pd-top-38 { padding-top: 38px !important }
.pd-top-39 { padding-top: 39px !important }
.pd-top-40 { padding-top: 40px !important }
.pd-top-41 { padding-top: 41px !important }
.pd-top-42 { padding-top: 42px !important }
.pd-top-43 { padding-top: 43px !important }
.pd-top-44 { padding-top: 44px !important }
.pd-top-45 { padding-top: 45px !important }
.pd-top-46 { padding-top: 46px !important }
.pd-top-47 { padding-top: 47px !important }
.pd-top-48 { padding-top: 48px !important }
.pd-top-49 { padding-top: 49px !important }
.pd-top-50 { padding-top: 50px !important }
.pd-right-0 { padding-right: 0px !important }
.pd-right-1 { padding-right: 1px !important }
.pd-right-2 { padding-right: 2px !important }
.pd-right-3 { padding-right: 3px !important }
.pd-right-4 { padding-right: 4px !important }
.pd-right-5 { padding-right: 5px !important }
.pd-right-6 { padding-right: 6px !important }
.pd-right-7 { padding-right: 7px !important }
.pd-right-8 { padding-right: 8px !important }
.pd-right-9 { padding-right: 9px !important }
.pd-right-10 { padding-right: 10px !important }
.pd-right-11 { padding-right: 11px !important }
.pd-right-12 { padding-right: 12px !important }
.pd-right-13 { padding-right: 13px !important }
.pd-right-14 { padding-right: 14px !important }
.pd-right-15 { padding-right: 15px !important }
.pd-right-16 { padding-right: 16px !important }
.pd-right-17 { padding-right: 17px !important }
.pd-right-18 { padding-right: 18px !important }
.pd-right-19 { padding-right: 19px !important }
.pd-right-20 { padding-right: 20px !important }
.pd-right-21 { padding-right: 21px !important }
.pd-right-22 { padding-right: 22px !important }
.pd-right-23 { padding-right: 23px !important }
.pd-right-24 { padding-right: 24px !important }
.pd-right-25 { padding-right: 25px !important }
.pd-right-26 { padding-right: 26px !important }
.pd-right-27 { padding-right: 27px !important }
.pd-right-28 { padding-right: 28px !important }
.pd-right-29 { padding-right: 29px !important }
.pd-right-30 { padding-right: 30px !important }
.pd-right-31 { padding-right: 31px !important }
.pd-right-32 { padding-right: 32px !important }
.pd-right-33 { padding-right: 33px !important }
.pd-right-34 { padding-right: 34px !important }
.pd-right-35 { padding-right: 35px !important }
.pd-right-36 { padding-right: 36px !important }
.pd-right-37 { padding-right: 37px !important }
.pd-right-38 { padding-right: 38px !important }
.pd-right-39 { padding-right: 39px !important }
.pd-right-40 { padding-right: 40px !important }
.pd-right-41 { padding-right: 41px !important }
.pd-right-42 { padding-right: 42px !important }
.pd-right-43 { padding-right: 43px !important }
.pd-right-44 { padding-right: 44px !important }
.pd-right-45 { padding-right: 45px !important }
.pd-right-46 { padding-right: 46px !important }
.pd-right-47 { padding-right: 47px !important }
.pd-right-48 { padding-right: 48px !important }
.pd-right-49 { padding-right: 49px !important }
.pd-right-50 { padding-right: 50px !important }
.pd-bottom-0 { padding-bottom: 0px !important }
.pd-bottom-1 { padding-bottom: 1px !important }
.pd-bottom-2 { padding-bottom: 2px !important }
.pd-bottom-3 { padding-bottom: 3px !important }
.pd-bottom-4 { padding-bottom: 4px !important }
.pd-bottom-5 { padding-bottom: 5px !important }
.pd-bottom-6 { padding-bottom: 6px !important }
.pd-bottom-7 { padding-bottom: 7px !important }
.pd-bottom-8 { padding-bottom: 8px !important }
.pd-bottom-9 { padding-bottom: 9px !important }
.pd-bottom-10 { padding-bottom: 10px !important }
.pd-bottom-11 { padding-bottom: 11px !important }
.pd-bottom-12 { padding-bottom: 12px !important }
.pd-bottom-13 { padding-bottom: 13px !important }
.pd-bottom-14 { padding-bottom: 14px !important }
.pd-bottom-15 { padding-bottom: 15px !important }
.pd-bottom-16 { padding-bottom: 16px !important }
.pd-bottom-17 { padding-bottom: 17px !important }
.pd-bottom-18 { padding-bottom: 18px !important }
.pd-bottom-19 { padding-bottom: 19px !important }
.pd-bottom-20 { padding-bottom: 20px !important }
.pd-bottom-21 { padding-bottom: 21px !important }
.pd-bottom-22 { padding-bottom: 22px !important }
.pd-bottom-23 { padding-bottom: 23px !important }
.pd-bottom-24 { padding-bottom: 24px !important }
.pd-bottom-25 { padding-bottom: 25px !important }
.pd-bottom-26 { padding-bottom: 26px !important }
.pd-bottom-27 { padding-bottom: 27px !important }
.pd-bottom-28 { padding-bottom: 28px !important }
.pd-bottom-29 { padding-bottom: 29px !important }
.pd-bottom-30 { padding-bottom: 30px !important }
.pd-bottom-31 { padding-bottom: 31px !important }
.pd-bottom-32 { padding-bottom: 32px !important }
.pd-bottom-33 { padding-bottom: 33px !important }
.pd-bottom-34 { padding-bottom: 34px !important }
.pd-bottom-35 { padding-bottom: 35px !important }
.pd-bottom-36 { padding-bottom: 36px !important }
.pd-bottom-37 { padding-bottom: 37px !important }
.pd-bottom-38 { padding-bottom: 38px !important }
.pd-bottom-39 { padding-bottom: 39px !important }
.pd-bottom-40 { padding-bottom: 40px !important }
.pd-bottom-41 { padding-bottom: 41px !important }
.pd-bottom-42 { padding-bottom: 42px !important }
.pd-bottom-43 { padding-bottom: 43px !important }
.pd-bottom-44 { padding-bottom: 44px !important }
.pd-bottom-45 { padding-bottom: 45px !important }
.pd-bottom-46 { padding-bottom: 46px !important }
.pd-bottom-47 { padding-bottom: 47px !important }
.pd-bottom-48 { padding-bottom: 48px !important }
.pd-bottom-49 { padding-bottom: 49px !important }
.pd-bottom-50 { padding-bottom: 50px !important }
.pd-left-0 { padding-left: 0px !important }
.pd-left-1 { padding-left: 1px !important }
.pd-left-2 { padding-left: 2px !important }
.pd-left-3 { padding-left: 3px !important }
.pd-left-4 { padding-left: 4px !important }
.pd-left-5 { padding-left: 5px !important }
.pd-left-6 { padding-left: 6px !important }
.pd-left-7 { padding-left: 7px !important }
.pd-left-8 { padding-left: 8px !important }
.pd-left-9 { padding-left: 9px !important }
.pd-left-10 { padding-left: 10px !important }
.pd-left-11 { padding-left: 11px !important }
.pd-left-12 { padding-left: 12px !important }
.pd-left-13 { padding-left: 13px !important }
.pd-left-14 { padding-left: 14px !important }
.pd-left-15 { padding-left: 15px !important }
.pd-left-16 { padding-left: 16px !important }
.pd-left-17 { padding-left: 17px !important }
.pd-left-18 { padding-left: 18px !important }
.pd-left-19 { padding-left: 19px !important }
.pd-left-20 { padding-left: 20px !important }
.pd-left-21 { padding-left: 21px !important }
.pd-left-22 { padding-left: 22px !important }
.pd-left-23 { padding-left: 23px !important }
.pd-left-24 { padding-left: 24px !important }
.pd-left-25 { padding-left: 25px !important }
.pd-left-26 { padding-left: 26px !important }
.pd-left-27 { padding-left: 27px !important }
.pd-left-28 { padding-left: 28px !important }
.pd-left-29 { padding-left: 29px !important }
.pd-left-30 { padding-left: 30px !important }
.pd-left-31 { padding-left: 31px !important }
.pd-left-32 { padding-left: 32px !important }
.pd-left-33 { padding-left: 33px !important }
.pd-left-34 { padding-left: 34px !important }
.pd-left-35 { padding-left: 35px !important }
.pd-left-36 { padding-left: 36px !important }
.pd-left-37 { padding-left: 37px !important }
.pd-left-38 { padding-left: 38px !important }
.pd-left-39 { padding-left: 39px !important }
.pd-left-40 { padding-left: 40px !important }
.pd-left-41 { padding-left: 41px !important }
.pd-left-42 { padding-left: 42px !important }
.pd-left-43 { padding-left: 43px !important }
.pd-left-44 { padding-left: 44px !important }
.pd-left-45 { padding-left: 45px !important }
.pd-left-46 { padding-left: 46px !important }
.pd-left-47 { padding-left: 47px !important }
.pd-left-48 { padding-left: 48px !important }
.pd-left-49 { padding-left: 49px !important }
.pd-left-50 { padding-left: 50px !important }
.mg-top-0 { margin-top: 0px !important }
.mg-top-1 { margin-top: 1px !important }
.mg-top-2 { margin-top: 2px !important }
.mg-top-3 { margin-top: 3px !important }
.mg-top-4 { margin-top: 4px !important }
.mg-top-5 { margin-top: 5px !important }
.mg-top-6 { margin-top: 6px !important }
.mg-top-7 { margin-top: 7px !important }
.mg-top-8 { margin-top: 8px !important }
.mg-top-9 { margin-top: 9px !important }
.mg-top-10 { margin-top: 10px !important }
.mg-top-11 { margin-top: 11px !important }
.mg-top-12 { margin-top: 12px !important }
.mg-top-13 { margin-top: 13px !important }
.mg-top-14 { margin-top: 14px !important }
.mg-top-15 { margin-top: 15px !important }
.mg-top-16 { margin-top: 16px !important }
.mg-top-17 { margin-top: 17px !important }
.mg-top-18 { margin-top: 18px !important }
.mg-top-19 { margin-top: 19px !important }
.mg-top-20 { margin-top: 20px !important }
.mg-top-21 { margin-top: 21px !important }
.mg-top-22 { margin-top: 22px !important }
.mg-top-23 { margin-top: 23px !important }
.mg-top-24 { margin-top: 24px !important }
.mg-top-25 { margin-top: 25px !important }
.mg-top-26 { margin-top: 26px !important }
.mg-top-27 { margin-top: 27px !important }
.mg-top-28 { margin-top: 28px !important }
.mg-top-29 { margin-top: 29px !important }
.mg-top-30 { margin-top: 30px !important }
.mg-top-31 { margin-top: 31px !important }
.mg-top-32 { margin-top: 32px !important }
.mg-top-33 { margin-top: 33px !important }
.mg-top-34 { margin-top: 34px !important }
.mg-top-35 { margin-top: 35px !important }
.mg-top-36 { margin-top: 36px !important }
.mg-top-37 { margin-top: 37px !important }
.mg-top-38 { margin-top: 38px !important }
.mg-top-39 { margin-top: 39px !important }
.mg-top-40 { margin-top: 40px !important }
.mg-top-41 { margin-top: 41px !important }
.mg-top-42 { margin-top: 42px !important }
.mg-top-43 { margin-top: 43px !important }
.mg-top-44 { margin-top: 44px !important }
.mg-top-45 { margin-top: 45px !important }
.mg-top-46 { margin-top: 46px !important }
.mg-top-47 { margin-top: 47px !important }
.mg-top-48 { margin-top: 48px !important }
.mg-top-49 { margin-top: 49px !important }
.mg-top-50 { margin-top: 50px !important }
.mg-right-0 { margin-right: 0px !important }
.mg-right-1 { margin-right: 1px !important }
.mg-right-2 { margin-right: 2px !important }
.mg-right-3 { margin-right: 3px !important }
.mg-right-4 { margin-right: 4px !important }
.mg-right-5 { margin-right: 5px !important }
.mg-right-6 { margin-right: 6px !important }
.mg-right-7 { margin-right: 7px !important }
.mg-right-8 { margin-right: 8px !important }
.mg-right-9 { margin-right: 9px !important }
.mg-right-10 { margin-right: 10px !important }
.mg-right-11 { margin-right: 11px !important }
.mg-right-12 { margin-right: 12px !important }
.mg-right-13 { margin-right: 13px !important }
.mg-right-14 { margin-right: 14px !important }
.mg-right-15 { margin-right: 15px !important }
.mg-right-16 { margin-right: 16px !important }
.mg-right-17 { margin-right: 17px !important }
.mg-right-18 { margin-right: 18px !important }
.mg-right-19 { margin-right: 19px !important }
.mg-right-20 { margin-right: 20px !important }
.mg-right-21 { margin-right: 21px !important }
.mg-right-22 { margin-right: 22px !important }
.mg-right-23 { margin-right: 23px !important }
.mg-right-24 { margin-right: 24px !important }
.mg-right-25 { margin-right: 25px !important }
.mg-right-26 { margin-right: 26px !important }
.mg-right-27 { margin-right: 27px !important }
.mg-right-28 { margin-right: 28px !important }
.mg-right-29 { margin-right: 29px !important }
.mg-right-30 { margin-right: 30px !important }
.mg-right-31 { margin-right: 31px !important }
.mg-right-32 { margin-right: 32px !important }
.mg-right-33 { margin-right: 33px !important }
.mg-right-34 { margin-right: 34px !important }
.mg-right-35 { margin-right: 35px !important }
.mg-right-36 { margin-right: 36px !important }
.mg-right-37 { margin-right: 37px !important }
.mg-right-38 { margin-right: 38px !important }
.mg-right-39 { margin-right: 39px !important }
.mg-right-40 { margin-right: 40px !important }
.mg-right-41 { margin-right: 41px !important }
.mg-right-42 { margin-right: 42px !important }
.mg-right-43 { margin-right: 43px !important }
.mg-right-44 { margin-right: 44px !important }
.mg-right-45 { margin-right: 45px !important }
.mg-right-46 { margin-right: 46px !important }
.mg-right-47 { margin-right: 47px !important }
.mg-right-48 { margin-right: 48px !important }
.mg-right-49 { margin-right: 49px !important }
.mg-right-50 { margin-right: 50px !important }
.mg-bottom-0 { margin-bottom: 0px !important }
.mg-bottom-1 { margin-bottom: 1px !important }
.mg-bottom-2 { margin-bottom: 2px !important }
.mg-bottom-3 { margin-bottom: 3px !important }
.mg-bottom-4 { margin-bottom: 4px !important }
.mg-bottom-5 { margin-bottom: 5px !important }
.mg-bottom-6 { margin-bottom: 6px !important }
.mg-bottom-7 { margin-bottom: 7px !important }
.mg-bottom-8 { margin-bottom: 8px !important }
.mg-bottom-9 { margin-bottom: 9px !important }
.mg-bottom-10 { margin-bottom: 10px !important }
.mg-bottom-11 { margin-bottom: 11px !important }
.mg-bottom-12 { margin-bottom: 12px !important }
.mg-bottom-13 { margin-bottom: 13px !important }
.mg-bottom-14 { margin-bottom: 14px !important }
.mg-bottom-15 { margin-bottom: 15px !important }
.mg-bottom-16 { margin-bottom: 16px !important }
.mg-bottom-17 { margin-bottom: 17px !important }
.mg-bottom-18 { margin-bottom: 18px !important }
.mg-bottom-19 { margin-bottom: 19px !important }
.mg-bottom-20 { margin-bottom: 20px !important }
.mg-bottom-21 { margin-bottom: 21px !important }
.mg-bottom-22 { margin-bottom: 22px !important }
.mg-bottom-23 { margin-bottom: 23px !important }
.mg-bottom-24 { margin-bottom: 24px !important }
.mg-bottom-25 { margin-bottom: 25px !important }
.mg-bottom-26 { margin-bottom: 26px !important }
.mg-bottom-27 { margin-bottom: 27px !important }
.mg-bottom-28 { margin-bottom: 28px !important }
.mg-bottom-29 { margin-bottom: 29px !important }
.mg-bottom-30 { margin-bottom: 30px !important }
.mg-bottom-31 { margin-bottom: 31px !important }
.mg-bottom-32 { margin-bottom: 32px !important }
.mg-bottom-33 { margin-bottom: 33px !important }
.mg-bottom-34 { margin-bottom: 34px !important }
.mg-bottom-35 { margin-bottom: 35px !important }
.mg-bottom-36 { margin-bottom: 36px !important }
.mg-bottom-37 { margin-bottom: 37px !important }
.mg-bottom-38 { margin-bottom: 38px !important }
.mg-bottom-39 { margin-bottom: 39px !important }
.mg-bottom-40 { margin-bottom: 40px !important }
.mg-bottom-41 { margin-bottom: 41px !important }
.mg-bottom-42 { margin-bottom: 42px !important }
.mg-bottom-43 { margin-bottom: 43px !important }
.mg-bottom-44 { margin-bottom: 44px !important }
.mg-bottom-45 { margin-bottom: 45px !important }
.mg-bottom-46 { margin-bottom: 46px !important }
.mg-bottom-47 { margin-bottom: 47px !important }
.mg-bottom-48 { margin-bottom: 48px !important }
.mg-bottom-49 { margin-bottom: 49px !important }
.mg-bottom-50 { margin-bottom: 50px !important }
.mg-left-0 { margin-left: 0px !important }
.mg-left-1 { margin-left: 1px !important }
.mg-left-2 { margin-left: 2px !important }
.mg-left-3 { margin-left: 3px !important }
.mg-left-4 { margin-left: 4px !important }
.mg-left-5 { margin-left: 5px !important }
.mg-left-6 { margin-left: 6px !important }
.mg-left-7 { margin-left: 7px !important }
.mg-left-8 { margin-left: 8px !important }
.mg-left-9 { margin-left: 9px !important }
.mg-left-10 { margin-left: 10px !important }
.mg-left-11 { margin-left: 11px !important }
.mg-left-12 { margin-left: 12px !important }
.mg-left-13 { margin-left: 13px !important }
.mg-left-14 { margin-left: 14px !important }
.mg-left-15 { margin-left: 15px !important }
.mg-left-16 { margin-left: 16px !important }
.mg-left-17 { margin-left: 17px !important }
.mg-left-18 { margin-left: 18px !important }
.mg-left-19 { margin-left: 19px !important }
.mg-left-20 { margin-left: 20px !important }
.mg-left-21 { margin-left: 21px !important }
.mg-left-22 { margin-left: 22px !important }
.mg-left-23 { margin-left: 23px !important }
.mg-left-24 { margin-left: 24px !important }
.mg-left-25 { margin-left: 25px !important }
.mg-left-26 { margin-left: 26px !important }
.mg-left-27 { margin-left: 27px !important }
.mg-left-28 { margin-left: 28px !important }
.mg-left-29 { margin-left: 29px !important }
.mg-left-30 { margin-left: 30px !important }
.mg-left-31 { margin-left: 31px !important }
.mg-left-32 { margin-left: 32px !important }
.mg-left-33 { margin-left: 33px !important }
.mg-left-34 { margin-left: 34px !important }
.mg-left-35 { margin-left: 35px !important }
.mg-left-36 { margin-left: 36px !important }
.mg-left-37 { margin-left: 37px !important }
.mg-left-38 { margin-left: 38px !important }
.mg-left-39 { margin-left: 39px !important }
.mg-left-40 { margin-left: 40px !important }
.mg-left-41 { margin-left: 41px !important }
.mg-left-42 { margin-left: 42px !important }
.mg-left-43 { margin-left: 43px !important }
.mg-left-44 { margin-left: 44px !important }
.mg-left-45 { margin-left: 45px !important }
.mg-left-46 { margin-left: 46px !important }
.mg-left-47 { margin-left: 47px !important }
.mg-left-48 { margin-left: 48px !important }
.mg-left-49 { margin-left: 49px !important }
.mg-left-50 { margin-left: 50px !important }
.font-size-1 { font-size: 1px !important }
.font-size-2 { font-size: 2px !important }
.font-size-3 { font-size: 3px !important }
.font-size-4 { font-size: 4px !important }
.font-size-5 { font-size: 5px !important }
.font-size-6 { font-size: 6px !important }
.font-size-7 { font-size: 7px !important }
.font-size-8 { font-size: 8px !important }
.font-size-9 { font-size: 9px !important }
.font-size-10 { font-size: 10px !important }
.font-size-11 { font-size: 11px !important }
.font-size-12 { font-size: 12px !important }
.font-size-13 { font-size: 13px !important }
.font-size-14 { font-size: 14px !important }
.font-size-15 { font-size: 15px !important }
.font-size-16 { font-size: 16px !important }
.font-size-17 { font-size: 17px !important }
.font-size-18 { font-size: 18px !important }
.font-size-19 { font-size: 19px !important }
.font-size-20 { font-size: 20px !important }
.font-size-21 { font-size: 21px !important }
.font-size-22 { font-size: 22px !important }
.font-size-23 { font-size: 23px !important }
.font-size-24 { font-size: 24px !important }
.font-size-25 { font-size: 25px !important }
.font-size-26 { font-size: 26px !important }
.font-size-27 { font-size: 27px !important }
.font-size-28 { font-size: 28px !important }
.font-size-29 { font-size: 29px !important }
.font-size-30 { font-size: 30px !important }
.font-size-31 { font-size: 31px !important }
.font-size-32 { font-size: 32px !important }
.font-size-33 { font-size: 33px !important }
.font-size-34 { font-size: 34px !important }
.font-size-35 { font-size: 35px !important }
.font-size-36 { font-size: 36px !important }
.font-size-37 { font-size: 37px !important }
.font-size-38 { font-size: 38px !important }
.font-size-39 { font-size: 39px !important }
.font-size-40 { font-size: 40px !important }
.font-size-41 { font-size: 41px !important }
.font-size-42 { font-size: 42px !important }
.font-size-43 { font-size: 43px !important }
.font-size-44 { font-size: 44px !important }
.font-size-45 { font-size: 45px !important }
.font-size-46 { font-size: 46px !important }
.font-size-47 { font-size: 47px !important }
.font-size-48 { font-size: 48px !important }
.font-size-49 { font-size: 49px !important }
.font-size-50 { font-size: 50px !important }
.font-size-51 { font-size: 51px !important }
.font-size-52 { font-size: 52px !important }
.font-size-53 { font-size: 53px !important }
.font-size-54 { font-size: 54px !important }
.font-size-55 { font-size: 55px !important }
.font-size-56 { font-size: 56px !important }
.font-size-57 { font-size: 57px !important }
.font-size-58 { font-size: 58px !important }
.font-size-59 { font-size: 59px !important }
.font-size-60 { font-size: 60px !important }
.font-size-61 { font-size: 61px !important }
.font-size-62 { font-size: 62px !important }
.font-size-63 { font-size: 63px !important }
.font-size-64 { font-size: 64px !important }
.font-size-65 { font-size: 65px !important }
.font-size-66 { font-size: 66px !important }
.font-size-67 { font-size: 67px !important }
.font-size-68 { font-size: 68px !important }
.font-size-69 { font-size: 69px !important }
.font-size-70 { font-size: 70px !important }
.font-size-71 { font-size: 71px !important }
.font-size-72 { font-size: 72px !important }
.font-size-73 { font-size: 73px !important }
.font-size-74 { font-size: 74px !important }
.font-size-75 { font-size: 75px !important }
.font-size-76 { font-size: 76px !important }
.font-size-77 { font-size: 77px !important }
.font-size-78 { font-size: 78px !important }
.font-size-79 { font-size: 79px !important }
.font-size-80 { font-size: 80px !important }
.font-size-81 { font-size: 81px !important }
.font-size-82 { font-size: 82px !important }
.font-size-83 { font-size: 83px !important }
.font-size-84 { font-size: 84px !important }
.font-size-85 { font-size: 85px !important }
.font-size-86 { font-size: 86px !important }
.font-size-87 { font-size: 87px !important }
.font-size-88 { font-size: 88px !important }
.font-size-89 { font-size: 89px !important }
.font-size-90 { font-size: 90px !important }
.font-size-91 { font-size: 91px !important }
.font-size-92 { font-size: 92px !important }
.font-size-93 { font-size: 93px !important }
.font-size-94 { font-size: 94px !important }
.font-size-95 { font-size: 95px !important }
.font-size-96 { font-size: 96px !important }
.font-size-97 { font-size: 97px !important }
.font-size-98 { font-size: 98px !important }
.font-size-99 { font-size: 99px !important }
.font-size-100 { font-size: 100px !important }
.bread { position: relative; z-index: 3; padding-top: 20px; padding-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: -5px }
.bread.dark>a { color: #7b7b7b }
.bread.light>a { color: #cccccc }
.bread>a { font-size: 16px; padding: 5px 10px 0 0; font-weight: 400; -ms-flex: 0 1 auto; flex: 0 1 auto }
.bread>a: before { content: ">"; position: relative; margin-right: 10px; transform-origin: center; display: inline-block; transform: scaleX(1.2) scaleY(1); color: #7b7b7b; font-weight: 100 }
.bread>a: first-child { padding-left: 0; font-weight: normal; background: url(../images/icon/home_gray.png) no-repeat center center; background-size: 100%; width: 20px; margin-right: 10px; height: 18px }
.bread>a: first-child: before { display: none }
.bread>a: last-child { color: #3D9738; font-weight: 500 }
.form-grid { display: grid; display: -ms-grid }
.form-grid.cf-grid-th1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr }
.form-grid.cf-grid-th2 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.form-grid.cf-grid-th2>div { grid-column: 1/3; -ms-grid-column-span: 2; -ms-flex-item-align: center; align-self: center; -ms-grid-row-align: center; -ms-flex-align: center; align-items: center; -ms-grid-column: 1 !important }
.form-grid.cf-grid-th2_2 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.form-grid.cf-grid-th2_2>div { -ms-flex-item-align: center; align-self: center; -ms-grid-row-align: center; -ms-flex-align: center; align-items: center }
.form-grid.cf-grid-th4_1 { grid-template-columns: max-content 1fr max-content 1fr; -ms-grid-columns: max-content 1fr max-content 1fr }
.form-grid.cf-grid-th4_1>div { -ms-flex-item-align: center; align-self: center; -ms-grid-row-align: center; -ms-flex-align: center; align-items: center }
.form-grid.cf-grid-th4_1>.cf-grid-col-span3-2 { grid-column: 2/5; -ms-grid-column-span: 3; -ms-grid-column: 2 !important }
.form-grid.cf-grid-th4_1>.cf-grid-col-3 { padding-left: 20px; padding-top: 26px; padding-bottom: 26px; -ms-flex-item-align: start; align-self: start; -ms-grid-row-align: start }
.form-grid.cf-grid-th4_1>.cf-grid-col-1 { padding-top: 26px; padding-bottom: 26px; -ms-flex-item-align: start; align-self: start; -ms-grid-row-align: start }
.form-grid.cf-grid-sub-th3_1 { grid-template-columns: auto auto 1fr; -ms-grid-columns: minmax(min-content, max-content) minmax(min-content, max-content) 1fr }
.form-grid.cf-grid-sub-th3_1>div: nth-child(1) { -ms-grid-column: 1 }
.form-grid.cf-grid-sub-th3_1>div: nth-child(2) { -ms-grid-column: 2 }
.form-grid.cf-grid-sub-th3_1>div: nth-child(3) { -ms-grid-column: 3 }
.form-grid.cf-grid-sub-th3_2 { grid-template-columns: 1fr auto auto; -ms-grid-columns: 1fr minmax(min-content, max-content) minmax(min-content, max-content) }
.form-grid.cf-grid-sub-th3_2>div: nth-child(1) { -ms-grid-column: 1 }
.form-grid.cf-grid-sub-th3_2>div: nth-child(1)>div { width: 100% }
.form-grid.cf-grid-sub-th3_2>div: nth-child(2) { -ms-grid-column: 2 }
.form-grid.cf-grid-sub-th3_2>div: nth-child(2)>div { width: 100% }
.form-grid.cf-grid-sub-th3_2>div: nth-child(3) { -ms-grid-column: 3 }
.form-grid.cf-grid-sub-th3_2>div: nth-child(3)>div { width: 100% }
.form-grid.cf-grid-sub-nopadding { margin: 0 -6px }
.form-grid.cf-grid-sub-nopadding>div { padding: 0 6px }
.form-grid .cf-col-mg-right12 { margin-right: 12px }
.form-grid>div { padding: 8px 0px }
.form-grid>div>div { position: relative; display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; box-sizing: border-box }
.form-grid textarea { min-height: 160px }
.form-grid select { padding: 12px 14px 11px 14px }
.form-grid select>option { line-height: 0px }
.form-grid .word { font-size: 18px }
.form-grid input[type=text],.form-grid input[type=password],.form-grid input[type=number],.form-grid select,.form-grid textarea { font-weight: 400; font-size: 18px; color: #333333; border: 0; background: #F5F5F5; border-radius: 0; padding: 16px 17px; width: 100% }
.form-grid input[type=text],.form-grid input[type=password],.form-grid input[type=number],.form-grid select { height: 45px }
.form-grid input [type=password] { padding-right: 50px }
.cf-grid-col-1 { grid-column: 1; -ms-grid-column: 1 !important }
.cf-grid-col-2 { grid-column: 2; -ms-grid-column: 2 !important }
.cf-grid-col-3 { grid-column: 3; -ms-grid-column: 3 !important }
.cf-grid-col-4 { grid-column: 4; -ms-grid-column: 4 !important }
.cf-grid-col-5 { grid-column: 5; -ms-grid-column: 5 !important }
.cf-grid-col-6 { grid-column: 6; -ms-grid-column: 6 !important }
.cf-grid-col-7 { grid-column: 7; -ms-grid-column: 7 !important }
.cf-grid-col-8 { grid-column: 8; -ms-grid-column: 8 !important }
.cf-grid-col-9 { grid-column: 9; -ms-grid-column: 9 !important }
.cf-grid-col-10 { grid-column: 10; -ms-grid-column: 10 !important }
.cf-grid-col-11 { grid-column: 11; -ms-grid-column: 11 !important }
.cf-grid-col-12 { grid-column: 12; -ms-grid-column: 12 !important }
.cf-grid-col-13 { grid-column: 13; -ms-grid-column: 13 !important }
.cf-grid-col-14 { grid-column: 14; -ms-grid-column: 14 !important }
.cf-grid-col-15 { grid-column: 15; -ms-grid-column: 15 !important }
.cf-grid-col-16 { grid-column: 16; -ms-grid-column: 16 !important }
.cf-grid-col-17 { grid-column: 17; -ms-grid-column: 17 !important }
.cf-grid-col-18 { grid-column: 18; -ms-grid-column: 18 !important }
.cf-grid-col-19 { grid-column: 19; -ms-grid-column: 19 !important }
.cf-grid-col-20 { grid-column: 20; -ms-grid-column: 20 !important }
.cf-grid-col-21 { grid-column: 21; -ms-grid-column: 21 !important }
.cf-grid-col-22 { grid-column: 22; -ms-grid-column: 22 !important }
.cf-grid-col-23 { grid-column: 23; -ms-grid-column: 23 !important }
.cf-grid-col-24 { grid-column: 24; -ms-grid-column: 24 !important }
.cf-grid-col-25 { grid-column: 25; -ms-grid-column: 25 !important }
.cf-grid-col-26 { grid-column: 26; -ms-grid-column: 26 !important }
.cf-grid-col-27 { grid-column: 27; -ms-grid-column: 27 !important }
.cf-grid-col-28 { grid-column: 28; -ms-grid-column: 28 !important }
.cf-grid-col-29 { grid-column: 29; -ms-grid-column: 29 !important }
.cf-grid-col-30 { grid-column: 30; -ms-grid-column: 30 !important }
.cf-grid-col-31 { grid-column: 31; -ms-grid-column: 31 !important }
.cf-grid-col-32 { grid-column: 32; -ms-grid-column: 32 !important }
.cf-grid-col-33 { grid-column: 33; -ms-grid-column: 33 !important }
.cf-grid-col-34 { grid-column: 34; -ms-grid-column: 34 !important }
.cf-grid-col-35 { grid-column: 35; -ms-grid-column: 35 !important }
.cf-grid-col-36 { grid-column: 36; -ms-grid-column: 36 !important }
.cf-grid-col-37 { grid-column: 37; -ms-grid-column: 37 !important }
.cf-grid-col-38 { grid-column: 38; -ms-grid-column: 38 !important }
.cf-grid-col-39 { grid-column: 39; -ms-grid-column: 39 !important }
.cf-grid-col-40 { grid-column: 40; -ms-grid-column: 40 !important }
.cf-grid-col-41 { grid-column: 41; -ms-grid-column: 41 !important }
.cf-grid-col-42 { grid-column: 42; -ms-grid-column: 42 !important }
.cf-grid-col-43 { grid-column: 43; -ms-grid-column: 43 !important }
.cf-grid-col-44 { grid-column: 44; -ms-grid-column: 44 !important }
.cf-grid-col-45 { grid-column: 45; -ms-grid-column: 45 !important }
.cf-grid-col-46 { grid-column: 46; -ms-grid-column: 46 !important }
.cf-grid-col-47 { grid-column: 47; -ms-grid-column: 47 !important }
.cf-grid-col-48 { grid-column: 48; -ms-grid-column: 48 !important }
.cf-grid-col-49 { grid-column: 49; -ms-grid-column: 49 !important }
.cf-grid-col-50 { grid-column: 50; -ms-grid-column: 50 !important }
.cf-grid-col-51 { grid-column: 51; -ms-grid-column: 51 !important }
.cf-grid-col-52 { grid-column: 52; -ms-grid-column: 52 !important }
.cf-grid-col-53 { grid-column: 53; -ms-grid-column: 53 !important }
.cf-grid-col-54 { grid-column: 54; -ms-grid-column: 54 !important }
.cf-grid-col-55 { grid-column: 55; -ms-grid-column: 55 !important }
.cf-grid-col-56 { grid-column: 56; -ms-grid-column: 56 !important }
.cf-grid-col-57 { grid-column: 57; -ms-grid-column: 57 !important }
.cf-grid-col-58 { grid-column: 58; -ms-grid-column: 58 !important }
.cf-grid-col-59 { grid-column: 59; -ms-grid-column: 59 !important }
.cf-grid-col-60 { grid-column: 60; -ms-grid-column: 60 !important }
.cf-grid-col-61 { grid-column: 61; -ms-grid-column: 61 !important }
.cf-grid-col-62 { grid-column: 62; -ms-grid-column: 62 !important }
.cf-grid-col-63 { grid-column: 63; -ms-grid-column: 63 !important }
.cf-grid-col-64 { grid-column: 64; -ms-grid-column: 64 !important }
.cf-grid-col-65 { grid-column: 65; -ms-grid-column: 65 !important }
.cf-grid-col-66 { grid-column: 66; -ms-grid-column: 66 !important }
.cf-grid-col-67 { grid-column: 67; -ms-grid-column: 67 !important }
.cf-grid-col-68 { grid-column: 68; -ms-grid-column: 68 !important }
.cf-grid-col-69 { grid-column: 69; -ms-grid-column: 69 !important }
.cf-grid-col-70 { grid-column: 70; -ms-grid-column: 70 !important }
.cf-grid-col-71 { grid-column: 71; -ms-grid-column: 71 !important }
.cf-grid-col-72 { grid-column: 72; -ms-grid-column: 72 !important }
.cf-grid-col-73 { grid-column: 73; -ms-grid-column: 73 !important }
.cf-grid-col-74 { grid-column: 74; -ms-grid-column: 74 !important }
.cf-grid-col-75 { grid-column: 75; -ms-grid-column: 75 !important }
.cf-grid-col-76 { grid-column: 76; -ms-grid-column: 76 !important }
.cf-grid-col-77 { grid-column: 77; -ms-grid-column: 77 !important }
.cf-grid-col-78 { grid-column: 78; -ms-grid-column: 78 !important }
.cf-grid-col-79 { grid-column: 79; -ms-grid-column: 79 !important }
.cf-grid-col-80 { grid-column: 80; -ms-grid-column: 80 !important }
.cf-grid-col-81 { grid-column: 81; -ms-grid-column: 81 !important }
.cf-grid-col-82 { grid-column: 82; -ms-grid-column: 82 !important }
.cf-grid-col-83 { grid-column: 83; -ms-grid-column: 83 !important }
.cf-grid-col-84 { grid-column: 84; -ms-grid-column: 84 !important }
.cf-grid-col-85 { grid-column: 85; -ms-grid-column: 85 !important }
.cf-grid-col-86 { grid-column: 86; -ms-grid-column: 86 !important }
.cf-grid-col-87 { grid-column: 87; -ms-grid-column: 87 !important }
.cf-grid-col-88 { grid-column: 88; -ms-grid-column: 88 !important }
.cf-grid-col-89 { grid-column: 89; -ms-grid-column: 89 !important }
.cf-grid-col-90 { grid-column: 90; -ms-grid-column: 90 !important }
.cf-grid-col-91 { grid-column: 91; -ms-grid-column: 91 !important }
.cf-grid-col-92 { grid-column: 92; -ms-grid-column: 92 !important }
.cf-grid-col-93 { grid-column: 93; -ms-grid-column: 93 !important }
.cf-grid-col-94 { grid-column: 94; -ms-grid-column: 94 !important }
.cf-grid-col-95 { grid-column: 95; -ms-grid-column: 95 !important }
.cf-grid-col-96 { grid-column: 96; -ms-grid-column: 96 !important }
.cf-grid-col-97 { grid-column: 97; -ms-grid-column: 97 !important }
.cf-grid-col-98 { grid-column: 98; -ms-grid-column: 98 !important }
.cf-grid-col-99 { grid-column: 99; -ms-grid-column: 99 !important }
.cf-grid-col-100 { grid-column: 100; -ms-grid-column: 100 !important }
.cf-grid-col-span-1 { -ms-grid-column-span: 1 }
.cf-grid-col-span-2 { -ms-grid-column-span: 2 }
.cf-grid-col-span-3 { -ms-grid-column-span: 3 }
.cf-grid-col-span-4 { -ms-grid-column-span: 4 }
.cf-grid-col-span-5 { -ms-grid-column-span: 5 }
.cf-grid-col-span-6 { -ms-grid-column-span: 6 }
.cf-grid-col-span-7 { -ms-grid-column-span: 7 }
.cf-grid-col-span-8 { -ms-grid-column-span: 8 }
.cf-grid-col-span-9 { -ms-grid-column-span: 9 }
.cf-grid-col-span-10 { -ms-grid-column-span: 10 }
.cf-grid-col-span-11 { -ms-grid-column-span: 11 }
.cf-grid-col-span-12 { -ms-grid-column-span: 12 }
.cf-grid-col-span-13 { -ms-grid-column-span: 13 }
.cf-grid-col-span-14 { -ms-grid-column-span: 14 }
.cf-grid-col-span-15 { -ms-grid-column-span: 15 }
.cf-grid-col-span-16 { -ms-grid-column-span: 16 }
.cf-grid-col-span-17 { -ms-grid-column-span: 17 }
.cf-grid-col-span-18 { -ms-grid-column-span: 18 }
.cf-grid-col-span-19 { -ms-grid-column-span: 19 }
.cf-grid-col-span-20 { -ms-grid-column-span: 20 }
.cf-grid-col-span-21 { -ms-grid-column-span: 21 }
.cf-grid-col-span-22 { -ms-grid-column-span: 22 }
.cf-grid-col-span-23 { -ms-grid-column-span: 23 }
.cf-grid-col-span-24 { -ms-grid-column-span: 24 }
.cf-grid-col-span-25 { -ms-grid-column-span: 25 }
.cf-grid-col-span-26 { -ms-grid-column-span: 26 }
.cf-grid-col-span-27 { -ms-grid-column-span: 27 }
.cf-grid-col-span-28 { -ms-grid-column-span: 28 }
.cf-grid-col-span-29 { -ms-grid-column-span: 29 }
.cf-grid-col-span-30 { -ms-grid-column-span: 30 }
.cf-grid-col-span-31 { -ms-grid-column-span: 31 }
.cf-grid-col-span-32 { -ms-grid-column-span: 32 }
.cf-grid-col-span-33 { -ms-grid-column-span: 33 }
.cf-grid-col-span-34 { -ms-grid-column-span: 34 }
.cf-grid-col-span-35 { -ms-grid-column-span: 35 }
.cf-grid-col-span-36 { -ms-grid-column-span: 36 }
.cf-grid-col-span-37 { -ms-grid-column-span: 37 }
.cf-grid-col-span-38 { -ms-grid-column-span: 38 }
.cf-grid-col-span-39 { -ms-grid-column-span: 39 }
.cf-grid-col-span-40 { -ms-grid-column-span: 40 }
.cf-grid-col-span-41 { -ms-grid-column-span: 41 }
.cf-grid-col-span-42 { -ms-grid-column-span: 42 }
.cf-grid-col-span-43 { -ms-grid-column-span: 43 }
.cf-grid-col-span-44 { -ms-grid-column-span: 44 }
.cf-grid-col-span-45 { -ms-grid-column-span: 45 }
.cf-grid-col-span-46 { -ms-grid-column-span: 46 }
.cf-grid-col-span-47 { -ms-grid-column-span: 47 }
.cf-grid-col-span-48 { -ms-grid-column-span: 48 }
.cf-grid-col-span-49 { -ms-grid-column-span: 49 }
.cf-grid-col-span-50 { -ms-grid-column-span: 50 }
.cf-grid-col-span-51 { -ms-grid-column-span: 51 }
.cf-grid-col-span-52 { -ms-grid-column-span: 52 }
.cf-grid-col-span-53 { -ms-grid-column-span: 53 }
.cf-grid-col-span-54 { -ms-grid-column-span: 54 }
.cf-grid-col-span-55 { -ms-grid-column-span: 55 }
.cf-grid-col-span-56 { -ms-grid-column-span: 56 }
.cf-grid-col-span-57 { -ms-grid-column-span: 57 }
.cf-grid-col-span-58 { -ms-grid-column-span: 58 }
.cf-grid-col-span-59 { -ms-grid-column-span: 59 }
.cf-grid-col-span-60 { -ms-grid-column-span: 60 }
.cf-grid-col-span-61 { -ms-grid-column-span: 61 }
.cf-grid-col-span-62 { -ms-grid-column-span: 62 }
.cf-grid-col-span-63 { -ms-grid-column-span: 63 }
.cf-grid-col-span-64 { -ms-grid-column-span: 64 }
.cf-grid-col-span-65 { -ms-grid-column-span: 65 }
.cf-grid-col-span-66 { -ms-grid-column-span: 66 }
.cf-grid-col-span-67 { -ms-grid-column-span: 67 }
.cf-grid-col-span-68 { -ms-grid-column-span: 68 }
.cf-grid-col-span-69 { -ms-grid-column-span: 69 }
.cf-grid-col-span-70 { -ms-grid-column-span: 70 }
.cf-grid-col-span-71 { -ms-grid-column-span: 71 }
.cf-grid-col-span-72 { -ms-grid-column-span: 72 }
.cf-grid-col-span-73 { -ms-grid-column-span: 73 }
.cf-grid-col-span-74 { -ms-grid-column-span: 74 }
.cf-grid-col-span-75 { -ms-grid-column-span: 75 }
.cf-grid-col-span-76 { -ms-grid-column-span: 76 }
.cf-grid-col-span-77 { -ms-grid-column-span: 77 }
.cf-grid-col-span-78 { -ms-grid-column-span: 78 }
.cf-grid-col-span-79 { -ms-grid-column-span: 79 }
.cf-grid-col-span-80 { -ms-grid-column-span: 80 }
.cf-grid-col-span-81 { -ms-grid-column-span: 81 }
.cf-grid-col-span-82 { -ms-grid-column-span: 82 }
.cf-grid-col-span-83 { -ms-grid-column-span: 83 }
.cf-grid-col-span-84 { -ms-grid-column-span: 84 }
.cf-grid-col-span-85 { -ms-grid-column-span: 85 }
.cf-grid-col-span-86 { -ms-grid-column-span: 86 }
.cf-grid-col-span-87 { -ms-grid-column-span: 87 }
.cf-grid-col-span-88 { -ms-grid-column-span: 88 }
.cf-grid-col-span-89 { -ms-grid-column-span: 89 }
.cf-grid-col-span-90 { -ms-grid-column-span: 90 }
.cf-grid-col-span-91 { -ms-grid-column-span: 91 }
.cf-grid-col-span-92 { -ms-grid-column-span: 92 }
.cf-grid-col-span-93 { -ms-grid-column-span: 93 }
.cf-grid-col-span-94 { -ms-grid-column-span: 94 }
.cf-grid-col-span-95 { -ms-grid-column-span: 95 }
.cf-grid-col-span-96 { -ms-grid-column-span: 96 }
.cf-grid-col-span-97 { -ms-grid-column-span: 97 }
.cf-grid-col-span-98 { -ms-grid-column-span: 98 }
.cf-grid-col-span-99 { -ms-grid-column-span: 99 }
.cf-grid-col-span-100 { -ms-grid-column-span: 100 }
.ms-grid-row-1 { -ms-grid-row: 1 }
.ms-grid-row-2 { -ms-grid-row: 2 }
.ms-grid-row-3 { -ms-grid-row: 3 }
.ms-grid-row-4 { -ms-grid-row: 4 }
.ms-grid-row-5 { -ms-grid-row: 5 }
.ms-grid-row-6 { -ms-grid-row: 6 }
.ms-grid-row-7 { -ms-grid-row: 7 }
.ms-grid-row-8 { -ms-grid-row: 8 }
.ms-grid-row-9 { -ms-grid-row: 9 }
.ms-grid-row-10 { -ms-grid-row: 10 }
.ms-grid-row-11 { -ms-grid-row: 11 }
.ms-grid-row-12 { -ms-grid-row: 12 }
.ms-grid-row-13 { -ms-grid-row: 13 }
.ms-grid-row-14 { -ms-grid-row: 14 }
.ms-grid-row-15 { -ms-grid-row: 15 }
.ms-grid-row-16 { -ms-grid-row: 16 }
.ms-grid-row-17 { -ms-grid-row: 17 }
.ms-grid-row-18 { -ms-grid-row: 18 }
.ms-grid-row-19 { -ms-grid-row: 19 }
.ms-grid-row-20 { -ms-grid-row: 20 }
.ms-grid-row-21 { -ms-grid-row: 21 }
.ms-grid-row-22 { -ms-grid-row: 22 }
.ms-grid-row-23 { -ms-grid-row: 23 }
.ms-grid-row-24 { -ms-grid-row: 24 }
.ms-grid-row-25 { -ms-grid-row: 25 }
.ms-grid-row-26 { -ms-grid-row: 26 }
.ms-grid-row-27 { -ms-grid-row: 27 }
.ms-grid-row-28 { -ms-grid-row: 28 }
.ms-grid-row-29 { -ms-grid-row: 29 }
.ms-grid-row-30 { -ms-grid-row: 30 }
.ms-grid-row-31 { -ms-grid-row: 31 }
.ms-grid-row-32 { -ms-grid-row: 32 }
.ms-grid-row-33 { -ms-grid-row: 33 }
.ms-grid-row-34 { -ms-grid-row: 34 }
.ms-grid-row-35 { -ms-grid-row: 35 }
.ms-grid-row-36 { -ms-grid-row: 36 }
.ms-grid-row-37 { -ms-grid-row: 37 }
.ms-grid-row-38 { -ms-grid-row: 38 }
.ms-grid-row-39 { -ms-grid-row: 39 }
.ms-grid-row-40 { -ms-grid-row: 40 }
.ms-grid-row-41 { -ms-grid-row: 41 }
.ms-grid-row-42 { -ms-grid-row: 42 }
.ms-grid-row-43 { -ms-grid-row: 43 }
.ms-grid-row-44 { -ms-grid-row: 44 }
.ms-grid-row-45 { -ms-grid-row: 45 }
.ms-grid-row-46 { -ms-grid-row: 46 }
.ms-grid-row-47 { -ms-grid-row: 47 }
.ms-grid-row-48 { -ms-grid-row: 48 }
.ms-grid-row-49 { -ms-grid-row: 49 }
.ms-grid-row-50 { -ms-grid-row: 50 }
.ms-grid-row-51 { -ms-grid-row: 51 }
.ms-grid-row-52 { -ms-grid-row: 52 }
.ms-grid-row-53 { -ms-grid-row: 53 }
.ms-grid-row-54 { -ms-grid-row: 54 }
.ms-grid-row-55 { -ms-grid-row: 55 }
.ms-grid-row-56 { -ms-grid-row: 56 }
.ms-grid-row-57 { -ms-grid-row: 57 }
.ms-grid-row-58 { -ms-grid-row: 58 }
.ms-grid-row-59 { -ms-grid-row: 59 }
.ms-grid-row-60 { -ms-grid-row: 60 }
.ms-grid-row-61 { -ms-grid-row: 61 }
.ms-grid-row-62 { -ms-grid-row: 62 }
.ms-grid-row-63 { -ms-grid-row: 63 }
.ms-grid-row-64 { -ms-grid-row: 64 }
.ms-grid-row-65 { -ms-grid-row: 65 }
.ms-grid-row-66 { -ms-grid-row: 66 }
.ms-grid-row-67 { -ms-grid-row: 67 }
.ms-grid-row-68 { -ms-grid-row: 68 }
.ms-grid-row-69 { -ms-grid-row: 69 }
.ms-grid-row-70 { -ms-grid-row: 70 }
.ms-grid-row-71 { -ms-grid-row: 71 }
.ms-grid-row-72 { -ms-grid-row: 72 }
.ms-grid-row-73 { -ms-grid-row: 73 }
.ms-grid-row-74 { -ms-grid-row: 74 }
.ms-grid-row-75 { -ms-grid-row: 75 }
.ms-grid-row-76 { -ms-grid-row: 76 }
.ms-grid-row-77 { -ms-grid-row: 77 }
.ms-grid-row-78 { -ms-grid-row: 78 }
.ms-grid-row-79 { -ms-grid-row: 79 }
.ms-grid-row-80 { -ms-grid-row: 80 }
.ms-grid-row-81 { -ms-grid-row: 81 }
.ms-grid-row-82 { -ms-grid-row: 82 }
.ms-grid-row-83 { -ms-grid-row: 83 }
.ms-grid-row-84 { -ms-grid-row: 84 }
.ms-grid-row-85 { -ms-grid-row: 85 }
.ms-grid-row-86 { -ms-grid-row: 86 }
.ms-grid-row-87 { -ms-grid-row: 87 }
.ms-grid-row-88 { -ms-grid-row: 88 }
.ms-grid-row-89 { -ms-grid-row: 89 }
.ms-grid-row-90 { -ms-grid-row: 90 }
.ms-grid-row-91 { -ms-grid-row: 91 }
.ms-grid-row-92 { -ms-grid-row: 92 }
.ms-grid-row-93 { -ms-grid-row: 93 }
.ms-grid-row-94 { -ms-grid-row: 94 }
.ms-grid-row-95 { -ms-grid-row: 95 }
.ms-grid-row-96 { -ms-grid-row: 96 }
.ms-grid-row-97 { -ms-grid-row: 97 }
.ms-grid-row-98 { -ms-grid-row: 98 }
.ms-grid-row-99 { -ms-grid-row: 99 }
.ms-grid-row-100 { -ms-grid-row: 100 }
select: : -ms-expand { display: none }
.selectStyleBox { position: relative; background-color: #FAFAFA }
.selectStyleBox>select { border: 0px; box-shadow: none; background-image: none; -webkit-appearance: none; font-size: 20px; padding: 10px 15px; outline: none; width: 100%; box-sizing: border-box; border-radius: 5px }
.selectStyleBox: after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
.words_ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.words_ellipsis.clamp_2 { -webkit-line-clamp: 2 }
.words_ellipsis.clamp_3 { -webkit-line-clamp: 3 }
.lazyload_outer { position: relative }
.lazyload_outer: before { content: ""; background-color: #D1AA6D; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; transform: scaleX(1); transform-origin: right center }
.lazyload_outer img { opacity: 0; transform: translate(-20%, 0) }
.lazyload_outer.imgloaded: before { animation: imgloaded_bgremove1 0.5s cubic-bezier(0.38, 0.63, 0.21, 0.88) 1; animation-fill-mode: forwards }
.lazyload_outer.imgloaded img { opacity: 1; transform: none }
.lazyload_outer.imgloadedend: before { animation: imgloaded_bgremove1 0s cubic-bezier(0.38, 0.63, 0.21, 0.88) 1; animation-fill-mode: forwards }
.lazyload_outer.imgloadederror { background: url(../images/news-dragon.png) no-repeat center center; background-size: 50%; filter: grayscale(1); opacity: .8 }
.radioStyleBox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.radioStyleBox>div { margin-right: 25px }
.radiotype_custom { display: -ms-inline-flexbox; display: inline-flex; position: relative; cursor: pointer }
.radiotype_custom input[type=radio] { position: absolute; opacity: 0; cursor: pointer; box-sizing: inherit; width: 100%; height: 100%; left: 0; top: 0 }
.radiotype_custom input[type=radio]: checked ~ label { color: #333333 }
.radiotype_custom input[type=radio]: checked ~ .checkmark { border-color: #777777 }
.radiotype_custom input[type=radio]: checked ~ .checkmark: before { animation: radio_checked 0.5s 1 cubic-bezier(0.16, 0.9, 0.29, 0.97); animation-fill-mode: forwards }
.radiotype_custom input[type=radio]: checked ~ .checkmark: after { transform: translate(-50%, -50%) scale(1) }
.radiotype_custom input[type=radio]: disabled: hover { cursor: not-allowed }
.radiotype_custom input[type=radio]: disabled ~ .checkmark { border-color: #999999 }
.radiotype_custom input[type=radio]: disabled ~ .checkmark: hover { cursor: not-allowed }
.radiotype_custom input[type=radio]: disabled ~ label { color: #999999 }
.radiotype_custom input[type=radio]: disabled ~ label: hover { cursor: not-allowed }
.radiotype_custom label { font-size: 20px; font-weight: 500; color: #333333; padding-top: 4px }
.radiotype_custom label .unit { font-size: 15px; margin-left: 4px }
.radiotype_custom .label { font-size: 20px; font-weight: 500; color: #333333; padding-top: 3px; width: 100% }
.radiotype_custom.samll1 { -ms-flex-align: center; align-items: center }
.radiotype_custom.samll1 label { font-size: 16px; font-weight: 500; color: #333333; padding-top: 1px }
.radiotype_custom.samll1 .checkmark { height: 16px; width: 16px; min-width: 16px; background-color: #F2F2F2 }
.radiotype_custom.samll1 .checkmark: after { height: 8px; width: 8px }
.radiotype_custom .checkmark { transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96); height: 28px; width: 28px; min-width: 28px; border-radius: 99em; border: 1px solid #777777; margin-right: 7px; position: relative }
.radiotype_custom .checkmark: before { content: ""; position: absolute; display: block; left: 50%; top: 50%; height: 100%; width: 100%; border-radius: 99em; transform: translate(-50%, -50%) scale(0.6); opacity: 0; transform-origin: center; background-color: #3D9738 }
.radiotype_custom .checkmark: after { content: ""; transition: all 0.4s cubic-bezier(0.13, 2.69, 0.47, 0.96); position: absolute; display: block; left: 50%; top: 50%; height: 13px; width: 13px; border-radius: 99em; transform: translate(-50%, -50%) scale(0); transform-origin: center; background-color: #777777 }
.checkbox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; color: #999; font-size: 15px }
.checkbox.error .checkmark { border: 1px solid red }
.checkbox a.g { color: #3D9738; padding-bottom: 4px; border-bottom: 1px solid #3D9738; transform: translate(0px, 3px) }
.checkbox input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; box-sizing: inherit }
.checkbox input[type=checkbox]: checked ~ .checkmark { background-color: #55bb4f; border: 1px solid #55bb4f }
.checkbox input[type=checkbox]: checked ~ .checkmark: after { transform: rotate(45deg) scale(1) }
.checkbox.samll1 { -ms-flex-align: center; align-items: center }
.checkbox.samll1 input[type=checkbox] { cursor: default; left: 0; top: 0; width: 100%; height: 100% }
.checkbox.samll1 label { font-size: 16px; font-weight: 500; color: #333333; padding-top: 1px }
.checkbox.samll1 .checkmark { height: 16px; width: 16px; min-width: 16px; background-color: #F2F2F2; margin-right: 7px }
.checkbox.samll1 .checkmark: after { width: 3px; height: 7px; left: 6px; top: 6px; border-width: 0 2px 2px 0 }
.checkbox .checkmark { transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96); height: 28px; width: 28px; background-color: #ffffff; border-radius: 4px; border: 1px solid #777777; margin-right: 10px }
.checkbox .checkmark: after { content: ""; transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96); position: absolute; display: block; left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg) scale(0) }
.checkbox span: not(.mention_q) { font-size: 15px; color: #999 }
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
 .words_ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; position: relative }
 }
@keyframes radio_checked {
 0% { transform: translate(-50%, -50%) scale(0.6); transform-origin: center }
40% { opacity: .3; transform-origin: center }
99% { opacity: 0; transform: translate(-50%, -50%) scale(1.8); transform-origin: center; z-index: 0 }
100% { opacity: 0; transform: translate(-50%, -50%) scale(1.8); transform-origin: center; z-index: -1 }
 }
@keyframes reveal {
 0% { transform: scale(1.05); opacity: 0 }
100% { transform: scale(1); opacity: 1 }
 }
@keyframes imgloaded_bgremove1 {
 0% { transform: scaleX(1) }
100% { transform: scaleX(0) }
 }
@keyframes imgloaded_bgremove2 {
 0% { transform-origin: center top; transform: scaleY(0) }
39% { transform-origin: center top; transform: scaleY(1) }
40% { transform-origin: center bottom; transform: scaleY(1) }
99% { transform-origin: center bottom; transform: scaleY(0) }
100% { transform-origin: center bottom; transform: scaleY(0) }
 }
@keyframes floatshow {
 0% { opacity: 0; display: block }
100% { opacity: 1 }
 }
@keyframes floathide {
 0% { opacity: 1; display: block }
99% { opacity: 0; display: block }
100% { opacity: 0; display: none }
 }
@keyframes floatshow_slide {
 0% { opacity: 0; display: block; transform: translate(0, -30%) }
100% { opacity: 1; transform: translate(0, 0%) }
 }
@keyframes floathide_slide {
 0% { opacity: 1; display: block; transform: translate(0, 0%) }
99% { opacity: 0; display: block; transform: translate(0, -30%) }
100% { opacity: 0; display: none; transform: translate(0, -30%) }
 }
@keyframes floatshow_slide2 {
 0% { opacity: 0; display: block; transform: translate(-50%, -10%) }
100% { opacity: 1; transform: translate(-50%, 0%) }
 }
@media (max-width: 769px) {
 .bread>a: first-child { width: 16px }
 }
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css **/
/* { box-sizing: border-box }
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
*/
body { margin: 0 }
main { display: block }
h1 { font-size: 2em; margin: 0 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent; text-decoration: none; color: #000000 }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b,strong { font-weight: bolder }
code,kbd,samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub,sup { font-size: 100%; transform: scale(0.5); line-height: 0; position: relative; vertical-align: baseline; display: inline-block; margin-left: -0.5% }
sub { bottom: -0.25em }
sup { top: -0.4em }
img { border-style: none; max-width: 100%; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
button { cursor: pointer }
button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button,input { overflow: visible }
button,select { text-transform: none }
button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button }
button: : -moz-focus-inner,[type="button"]: : -moz-focus-inner,[type="reset"]: : -moz-focus-inner,[type="submit"]: : -moz-focus-inner { border-style: none; padding: 0 }
button: -moz-focusring,[type="button"]: -moz-focusring,[type="reset"]: -moz-focusring,[type="submit"]: -moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: 0.35em 0.75em 0.625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0 }
[type="number"]: : -webkit-inner-spin-button,[type="number"]: : -webkit-outer-spin-button { height: auto }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]: : -webkit-search-decoration { -webkit-appearance: none }
: : -webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
: focus { outline: 0 }
ul,li { margin: 0px; padding: 0px }
ol,ul { list-style: none }
p>sup,h3>sup { display: inline-block; top: -0.4em }
.page-number { display: block; text-align: center; margin-top: 40px; position: relative; z-index: 1 }
.page-number>ul { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100% }
.page-number>ul>li.paginationjs-page { font-weight: 700 }
.page-number>ul>li { float: left; margin: 0 5px; min-width: 45px; height: 45px; position: relative; transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) }
.page-number>ul>li.paginationjs-omitted { width: auto; min-width: 0px }
.page-number>ul>li.paginationjs-omitted>a { border: 0px; padding: 0; cursor: default; color: #3D9738 !important; font-size: 26px; letter-spacing: 2px }
.page-number>ul>li.paginationjs-omitted>a: after { display: none }
.page-number>ul>li>a { width: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; display: -ms-flexbox; display: flex; height: 100%; position: relative; color: #3D9738; border-radius: 5px; border: 1px solid #3D9738; transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); padding: 13px 15px }
.page-number>ul>li>a: not(.paginationjs-omitted): hover { color: #ffffff; border-color: #94ab93 }
.page-number>ul>li>a: not(.paginationjs-omitted): hover: after { transform: scale(1); opacity: 1 }
.page-number>ul>li>a: after { content: ""; position: absolute; left: 3px; right: 3px; bottom: 3px; top: 3px; background-color: #94ab93; z-index: -1; border-radius: 5px; transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transform: scale(0); opacity: 0 }
.page-number>ul>li.active>a { background-color: #3D9738; color: #ffffff; font-size: 18px }
.page-number>ul>li.active>a: hover { background-color: #2e722a; cursor: not-allowed }
.page-number>ul>li.paginationjs-prev a,.page-number>ul>li.paginationjs-next a,.page-number>ul>li.paginationjs-last a,.page-number>ul>li.paginationjs-first a { font-size: 16px }
@media (max-width: 769px) {
 .paginationjs-first,.paginationjs-last { display: none }
 }
@media (max-width: 481px) {
 .page-number { margin: 20px -5px 0 -5px }
.page-number>ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between }
.page-number>ul>li { min-width: 35px; width: auto; height: 35px }
.page-number>ul>li.paginationjs-omitted { margin: 0 0 }
.page-number>ul>li.paginationjs-omitted>a { font-size: 15px; font-weight: 700 }
.page-number>ul>li>a { padding: 0; font-size: 18px }
.paginationjs-next>a,.paginationjs-prev>a { padding: 0 9px !important }
 }
.menufloat { opacity: 0; position: fixed }
.menufloat.active { opacity: 1; animation-fill-mode: forwards; animation-duration: 1.3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.15, 0.38, 0, 0.86) }
.menufloat.active.fbf-top { animation-name: floatshow_top }
.menufloat.active.fbf-right { animation-name: floatshow_right }
.menufloat.active.fbf-bottom { animation-name: floatshow_bottom }
.menufloat.active.fbf-left { animation-name: floatshow_left }
.menufloat.inactive { opacity: 0; animation-fill-mode: forwards; animation-duration: 1.3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.15, 0.38, 0, 0.86) }
.menufloat.inactive.fbf-top { animation-name: floathide_top }
.menufloat.inactive.fbf-right { animation-name: floathide_right }
.menufloat.inactive.fbf-bottom { animation-name: floathide_bottom }
.menufloat.inactive.fbf-left { animation-name: floathide_left }
body.float-bar-fixed .menufloat { position: fixed; margin: auto; height: 0; z-index: 2 }
body.float-bar-fixed .menufloat.fbf-top { top: 0; left: 0; right: 0; transform: translate(0, -100%) }
body.float-bar-fixed .menufloat.fbf-right { bottom: 0; top: 0; right: 0; transform: translate(100%, 0%) }
body.float-bar-fixed .menufloat.fbf-right>div { transform: translate(0%, -50%) }
body.float-bar-fixed .menufloat.fbf-bottom { bottom: 0; left: 0; right: 0; transform: translate(0%, 100%) }
body.float-bar-fixed .menufloat.fbf-bottom>div { margin-top: -100% }
body.float-bar-fixed .menufloat.fbf-left { bottom: 0; top: 0; left: 0; transform: translate(-100%, 0%) }
body.float-bar-fixed .menufloat.fbf-left>div { transform: translate(0%, -50%) }
@keyframes floatshow_top {
 0% { opacity: 0; transform: translate(0, -100%) }
100% { opacity: 1; transform: translate(0, 0) }
 }
@keyframes floathide_top {
 0% { opacity: 1; transform: translate(0, 0) }
100% { opacity: 0; transform: translate(0, -100%) }
 }
@keyframes floatshow_right {
 0% { opacity: 0; transform: translate(100%, -50%) }
100% { opacity: 1; transform: translate(0%, -50%) }
 }
@keyframes floathide_right {
 0% { opacity: 1; transform: translate(0%, -50%) }
100% { opacity: 0; transform: translate(100%, -50%) }
 }
@keyframes floatshow_bottom {
 0% { opacity: 0; transform: translate(0%, 100%) }
100% { opacity: 1; transform: translate(0%, 0%) }
 }
@keyframes floathide_bottom {
 0% { opacity: 1; transform: translate(0, 0) }
100% { opacity: 0; transform: translate(0%, 100%) }
 }
@keyframes floatshow_left {
 0% { opacity: 0; transform: translate(-100%, 0%) }
100% { opacity: 1; transform: translate(0, 0) }
 }
@keyframes floathide_left {
 0% { opacity: 1; transform: translate(0, 0) }
100% { opacity: 0; transform: translate(-100%, 0%) }
 }
.calendarbox .cal__thead { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 14px; -ms-flex-pack: justify; justify-content: space-between }
.calendarbox .cal__thead>div { text-align: center; font-size: 12px; width: calc((100% / 7) - 6px); white-space: nowrap }
.calendarbox .cal__tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between }
.calendarbox .cal__tbody.hide .cal__cell { transform: translate(-10px, -10px); opacity: 0; transition: all 0.5s cubic-bezier(0.48, 1.64, 0.71, 1.51) }
.calendarbox .cal__tbody.show .cal__cell { transform: translate(0px, 0px); opacity: 1; transition: all 0.5s cubic-bezier(0.48, 1.64, 0.71, 1.51) }
.calendarbox .cal__tbody.show .cal__cell: nth-child(0) { transition-delay: 0s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(1) { transition-delay: .015s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(2) { transition-delay: .03s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(3) { transition-delay: .045s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(4) { transition-delay: .06s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(5) { transition-delay: .075s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(6) { transition-delay: .09s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(7) { transition-delay: .105s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(8) { transition-delay: .12s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(9) { transition-delay: .135s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(10) { transition-delay: .15s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(11) { transition-delay: .165s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(12) { transition-delay: .18s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(13) { transition-delay: .195s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(14) { transition-delay: .21s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(15) { transition-delay: .225s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(16) { transition-delay: .24s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(17) { transition-delay: .255s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(18) { transition-delay: .27s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(19) { transition-delay: .285s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(20) { transition-delay: .3s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(21) { transition-delay: .315s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(22) { transition-delay: .33s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(23) { transition-delay: .345s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(24) { transition-delay: .36s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(25) { transition-delay: .375s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(26) { transition-delay: .39s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(27) { transition-delay: .405s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(28) { transition-delay: .42s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(29) { transition-delay: .435s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(30) { transition-delay: .45s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(31) { transition-delay: .465s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(32) { transition-delay: .48s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(33) { transition-delay: .495s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(34) { transition-delay: .51s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(35) { transition-delay: .525s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(36) { transition-delay: .54s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(37) { transition-delay: .555s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(38) { transition-delay: .57s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(39) { transition-delay: .585s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(40) { transition-delay: .6s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(41) { transition-delay: .615s }
.calendarbox .cal__tbody.show .cal__cell: nth-child(42) { transition-delay: .63s }
.calendarbox .cal__tbody>div { width: calc((100% / 7) - 6px); margin-bottom: 6px }
.calendarbox .cal__tbody .cal__cell { position: relative; background-color: #F2F2F2; transform: translate(-10px, -10px); opacity: 0 }
.calendarbox .cal__tbody .cal__cell: after { content: ''; padding-bottom: 100%; display: block }
.calendarbox .cal__tbody .cal__cell: before { content: ""; position: absolute; width: 100%; transform-origin: center; height: 2px; background-color: #000000; transform: scaleX(0); transition: transform 0.4s cubic-bezier(0.9, 0, 0.1, 1) }
.calendarbox .cal__tbody .cal__cell .cal__content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; padding: 9px; z-index: 1; font-size: 14px; font-weight: 400; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between }
.calendarbox .cal__tbody .cal__cell .cal__date { text-align: center }
.calendarbox .cal__tbody .cal__cell .cal__title { line-height: 140% }
.calendarbox .cal__tbody .cal__cell.noday { background-color: #ffffff; text-indent: -9999px }
.calendarbox .cal__tbody .cal__cell.offday { color: #ffffff; background-color: #3D9738 }
.calendarbox .cal__tbody .cal__cell.today { color: #ffffff; background-color: #D1AA6D }
.calendarbox .cal__tbody .cal__cell.showmsg: before { transform: scaleX(1) }
.calendarbox .cal__tbody .cal__cell.showmsg .calendar_msgbox { opacity: 1; transform: translate(0, 0px) }
.calendar_msgbox { position: absolute; width: 150px; padding: 15px; line-height: 140%; color: #ffffff; font-size: 14px; top: 100%; left: -9999px; right: -9999px; margin: auto; opacity: 0; transform: translate(0, 10px); transition: all 0.4s cubic-bezier(0.48, 1.64, 0.71, 1.51) }
.calendar_msgbox: after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; background: rgba(0,0,0,0.75); z-index: -1 }
@media (max-width: 769px) {
 .calendarbox .cal__tbody .cal__cell.rightside .calendar_msgbox { left: auto; right: 0 }
.calendarbox .cal__tbody .cal__cell.leftside .calendar_msgbox { left: 0; right: auto }
 }
.rippleClick { position: absolute; overflow: hidden; left: 0; top: 0; bottom: 0; right: 0; z-index: 2 }
.ripple { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.4); transform: scale(0); position: absolute; opacity: 1 }
.rippleEffect { animation: rippleDrop .4s linear }
@keyframes rippleDrop {
 100% { border-radius: 50%; transform: scale(2); opacity: 0 }
 }
#owlcarousel1.owl-carousel.owl-theme .owl-nav { margin: 0 auto }
#owlcarousel1.owl-carousel.owl-theme .owl-nav>.owl-prev { outline: none; position: absolute; left: 50px; top: 50%; bottom: 0; right: auto; margin: 0 auto; border: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.2); height: 58px; width: 58px; margin-top: -29px }
#owlcarousel1.owl-carousel.owl-theme .owl-nav>.owl-next { outline: none; position: absolute; left: auto; top: 50%; bottom: 0; right: 50px; margin: 0 auto; border: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.2); height: 58px; width: 58px; margin-top: -29px }
#owlcarousel1.owl-carousel.owl-theme .owl-dots { display: block; width: 1200px; position: relative; margin: -20px auto 0; bottom: 30px; text-align: left; padding-left: 50px }
#owlcarousel1.owl-carousel.owl-theme .owl-dots>.owl-dot>span { width: 6px; height: 6px; margin: 5px 6px; background: #869791 }
#owlcarousel1.owl-carousel.owl-theme .owl-dots>.owl-dot: hover>span,#owlcarousel1.owl-carousel.owl-theme .owl-dots>.owl-dot.active>span { background: #D6D6D6 }
#owlcarousel1 .owl-item { opacity: 1; transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) }
#owlcarousel1 .owl-item .item { overflow: hidden }
#owlcarousel1 .owl-item .item .bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; height: inherit }
#owlcarousel1 .owl-item.in .bg-image { animation-name: slideIn; animation-duration: 2s; animation-fill-mode: both }
#owlcarousel1 .owl-item.in.active { z-index: 2 !important }
#owlcarousel1 .owl-item.out .bg-image { animation-name: slideOut; animation-duration: 2s; animation-fill-mode: both }
#owlcarousel1 .animated { animation-duration: 2s !important; animation-fill-mode: both }
#owlcarousel1 .reverse .in .bg-image { animation-name: slideInReverse }
#owlcarousel1 .reverse .out .bg-image { animation-name: slideOutReverse }
.owlcarousel_availproduct.owl-theme .owl-nav { margin-top: 0 }
.owlcarousel_availproduct.owl-theme .owl-nav button.owl-prev { width: 23px; height: 27px; background: url(../images/icon/arrowleft.png) no-repeat center center !important; background-size: 100% !important; left: 0; top: 50%; transform: translate(0px, -50%); position: absolute }
.owlcarousel_availproduct.owl-theme .owl-nav button.owl-next { width: 23px; height: 27px; background: url(../images/icon/arrowright.png) no-repeat center center !important; background-size: 100% !important; right: 0; top: 50%; transform: translate(0px, -50%); position: absolute }
@keyframes slideIn {
 from { transform: translateX(-50%) }
to { transform: translateX(0%) }
 }
@keyframes slideInReverse {
 from { transform: translateX(50%) }
to { transform: translateX(0%) }
 }
@keyframes slideOut {
 from { transform: translateX(0%) }
to { transform: translateX(50%) }
 }
@keyframes slideOutReverse {
 from { transform: translateX(0%) }
to { transform: translateX(-50%) }
 }
@media (max-width: 769px) {
 #owlcarousel1.owl-carousel.owl-theme .owl-dots { bottom: 0; padding-left: 10px }
#owlcarousel1.owl-carousel.owl-theme .owl-dots>.owl-dot>span { margin: 5px 3px }
 }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage: after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none }
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut {
 0% { opacity: 1 }
100% { opacity: 0 }
 }
.owl-height { transition: height 500ms ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease }
.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy: not([src]) { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease }
.owl-carousel .owl-video-play-icon: hover { transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*='owl-']: hover { background: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot: hover span { background: #869791 }
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms }
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms }
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s }
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s }
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s }
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s }
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s }
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s }
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s }
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s }
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s }
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s }
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s }
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s }
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s }
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s }
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s }
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s }
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s }
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s }
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s }
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s }
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s }
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s }
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s }
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s }
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s }
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s }
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s }
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s }
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s }
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s }
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s }
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s }
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s }
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s }
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s }
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s }
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s }
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s }
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s }
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s }
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s }
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s }
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s }
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s }
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s }
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s }
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s }
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s }
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s }
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s }
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s }
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s }
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s }
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s }
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s }
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s }
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s }
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s }
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s }
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s }
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s }
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s }
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s }
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s }
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s }
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s }
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s }
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s }
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s }
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s }
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s }
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s }
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s }
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s }
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s }
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s }
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s }
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s }
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s }
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s }
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s }
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s }
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s }
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s }
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s }
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s }
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s }
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s }
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s }
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s }
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s }
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s }
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s }
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s }
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s }
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s }
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s }
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s }
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s }
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s }
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s }
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s }
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s }
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s }
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s }
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s }
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s }
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s }
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s }
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s }
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s }
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s }
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s }
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s }
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s }
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s }
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s }
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s }
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75) }
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease }
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in }
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out }
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out }
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045) }
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275) }
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) }
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715) }
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1) }
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95) }
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) }
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) }
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) }
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
[data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,transform }
[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0) }
[data-aos^=fade][data-aos^=fade].aos-animate.aos-opacity95 { opacity: 0.95; transform: translateZ(0) }
[data-aos=fade-up] { transform: translate3d(0, 100px, 0) }
[data-aos=fade-down] { transform: translate3d(0, -100px, 0) }
[data-aos=fade-right] { transform: translate3d(-100px, 0, 0) }
[data-aos=fade-left] { transform: translate3d(100px, 0, 0) }
[data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) }
[data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) }
[data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) }
[data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) }
[data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,transform }
[data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1) }
[data-aos=zoom-in] { transform: scale(0.6) }
[data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6) }
[data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6) }
[data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6) }
[data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6) }
[data-aos=zoom-out] { transform: scale(1.2) }
[data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2) }
[data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2) }
[data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2) }
[data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2) }
[data-aos^=slide][data-aos^=slide] { transition-property: transform }
[data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) }
[data-aos=slide-up] { transform: translate3d(0, 100%, 0) }
[data-aos=slide-down] { transform: translate3d(0, -100%, 0) }
[data-aos=slide-right] { transform: translate3d(-100%, 0, 0) }
[data-aos=slide-left] { transform: translate3d(100%, 0, 0) }
[data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform }
[data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg) }
[data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0) }
[data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg) }
[data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) }
[data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) }
[data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) }
[data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) }
[data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) }
body.finished.subPage .loader { transform-origin: right center; transition: transform-origin 0s linear,opacity 1s cubic-bezier(0.19, 0.78, 0, 0.96),transform 1s cubic-bezier(0.19, 0.78, 0, 0.96); opacity: 0 }
body.finished.subPage .loader .loading__wordflex { transform: rotateX(220deg) translate(0px, -40px); transition: transform 1s cubic-bezier(0.14, 0.68, 0.25, 1) !important }
body.finished.subPage .loader .loading-bar { transform-origin: right center; transform: scaleX(0) !important; transition: transform-origin 0s linear,transform 1s cubic-bezier(0.14, 0.68, 0.25, 1) !important }
body.finished.isIndexPage .loader { transform: translate(10%, 0); transform-origin: right center; transition: transform-origin 0s linear,opacity 1s cubic-bezier(0.19, 0.78, 0, 0.96) 1.5s,transform 1s cubic-bezier(0.19, 0.78, 0, 0.96) 1.5s; opacity: 0 }
body.finished.isIndexPage .loader .box_O: before { transform: scale(1, 1) translate(0, 0px); animation: yAxis 0.5s cubic-bezier(0.76, 0.26, 1, 0.54) 2 alternate-reverse }
body.finished.isIndexPage .loader .box_O: after { transform: scale(1, 1) translate(0, 0px); animation: yAxis 0.5s cubic-bezier(0.76, 0.26, 1, 0.54) 2 alternate-reverse }
body.finished.isIndexPage .loader .box_X .box_X1 { animation: box_X1 0.5s 1 cubic-bezier(0.03, 0.66, 0.21, 0.99); animation-fill-mode: forwards }
body.finished.isIndexPage .loader .box_X .box_X2 { animation: box_X1 0.5s 1 cubic-bezier(0.03, 0.66, 0.21, 0.99),box_X2 1s 1 cubic-bezier(0.21, 0.52, 0, 0.8) 0.5s; animation-fill-mode: forwards }
body.finished.isIndexPage .loader .box_D_shadow { transform: translate(15px, 0px); transition: transform 0.8s cubic-bezier(0.14, 0.68, 0.25, 1) }
body.finished.isIndexPage .loader .box_D { transform: translate(-10px, 0px); transition: transform 0.8s cubic-bezier(0.14, 0.68, 0.25, 1) }
body.finished.isIndexPage .loader .loading-bar { transform-origin: right center; transform: scaleX(0) !important; transition: transform-origin 0s linear,transform 1s cubic-bezier(0.14, 0.68, 0.25, 1) !important }
.loader { overflow: hidden; position: fixed; z-index: 9999; width: 100%; height: 100%; background-color: #e2e4e2; top: 0; left: 0; transition: all 1s cubic-bezier(0.18, 0.28, 0, 0.86); font-family: sans-serif }
.loader .loading__wordflex { width: 170px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-pack: center; justify-content: center }
.loader .loading__line_light { position: absolute; color: #3D9738; font-size: 36px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; -ms-flex-direction: row; flex-direction: row }
.loader .loading__line_light .box_D_shadow { transform: translate(30px, 0px); position: relative; z-index: 2; color: #e2e4e2 }
.loader .loading__line_light .box_D { width: 21px; height: 26px; background-color: #3D9738; border-top-right-radius: 44%; border-bottom-right-radius: 44%; position: relative; z-index: 1; transform: translate(-25px, 0px); margin-right: 10px; display: block }
.loader .loading__line_light .box_O { width: 27px; height: 27px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50%; position: relative }
.loader .loading__line_light .box_O: before { content: ""; border-radius: 100%; background-color: #3D9738; width: 27px; height: 27px; position: absolute; z-index: 0; left: 0; top: 0; transform: scale(1, 1) translate(0, 0px) }
.loader .loading__line_light .box_O: after { content: ""; border-radius: 100%; background-color: #e2e4e2; width: 21px; height: 21px; position: absolute; z-index: 1; top: 3px; left: 3px; transform: scale(1, 1) translate(0, 0px) }
.loader .loading__line_light .box_X { position: relative; width: 24px; height: 27px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-left: 3px; top: -1px }
.loader .loading__line_light .box_X .box_X1 { position: absolute; width: 4px; height: 100%; background-color: #3D9738; transform: skew(-36deg) translate(-50%, -50%); top: 50%; transform-origin: center top }
.loader .loading__line_light .box_X .box_X2 { position: absolute; width: 4px; height: 100%; background-color: #3D9738; transform: skew(-36deg) translate(-50%, -50%); top: 50%; transform-origin: center top }
.loader .loading-bar { transition-timing-function: cubic-bezier(0.14, 0.68, 0.25, 1); content: ""; position: fixed; height: 1px; width: 100%; right: -999px; left: -999px; margin: auto; transform-origin: left center; transform: scaleX(0); z-index: 2; top: 50%; margin-top: 12px; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%,#d1aa6e 100%) }
body.subPage .loader .loading__line_light { perspective: 300px; color: #a0af9f }
body.subPage .loader .loading__wordflex { transform: rotateX(220deg); transform-origin: center bottom 23px }
body.subPage .loader .box_D_shadow { transform: translate(15px, 0px); transition: none !important }
body.subPage .loader .box_D { background-color: #a0af9f; transform: translate(-10px, 0px); transition: none !important; background-image: none !important }
body.subPage .loader .box_B { background-image: none !important; -webkit-text-fill-color: initial !important }
body.subPage .loader .box_O: before { background-color: #a0af9f; background-image: none !important }
body.subPage .loader .box_X .box_X1 { background-color: #a0af9f; animation: none !important; transform: skew(36deg) translate(-50%, -50%); background-image: none !important }
body.subPage .loader .box_X .box_X2 { background-color: #a0af9f; animation: none !important; transform: skew(144deg) translate(-50%, -50%); height: 150%; background-image: none !important }
@keyframes xAxis {
 50% { animation-timing-function: ease-in; transform: translateX(100px) }
 }
@keyframes yAxis {
 0% { transform: scale(1, 1) translate(0, -80px) }
10% { transform: scale(1, 1.1) translate(0, -72px) }
90% { transform: scale(0.8, 1.3) translate(0, -8px) }
95% { transform: scale(1.2, 0.8) translate(0, -4px) }
100% { transform: scale(1.2, 0.6) translate(0, 0px) }
 }
@keyframes box_X1 {
 0% { transform: skew(-36deg) translate(-50%, -50%) }
100% { transform: skew(36deg) translate(-50%, -50%) }
 }
@keyframes box_X2 {
 0% { transform: skew(36deg) translate(-50%, -50%) }
100% { transform: skew(144deg) translate(-50%, -50%); height: 150% }
 }
@keyframes loadingBG2 {
 0% { transform: scaleX(0); transform-origin: left center }
38% { transform: scaleX(1); transform-origin: left center }
52% { transform: scaleX(1); transform-origin: right center }
70% { transform: scaleX(0); transform-origin: right center }
100% { transform: scaleX(0); transform-origin: right center }
 }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 body.finished .loader .loading__line_light .box_D { background-image: linear-gradient(90deg, #3d9738 25%,#3d9738 100%) }
body.finished .loader .loading__line_light .box_B { background-image: linear-gradient(90deg, #3d9738 25%,#6d9e4a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
body.finished .loader .loading__line_light .box_O: before { background-image: linear-gradient(90deg, #6e9d4a 25%,#a4a55e 100%) }
body.finished .loader .loading__line_light .box_X .box_X2 { background-image: linear-gradient(200deg, #d1aa6e 25%,#a4a55e 100%) }
body.finished .loader .loading__line_light .box_X .box_X1 { background-image: linear-gradient(50deg, #d1aa6e 25%,#a4a55e 100%) }
 }
body.popup-open header,body.popup-open main,body.popup-open footer { overflow: hidden }
.Popup-box { font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; position: absolute; left: 50%; top: 0; width: 100%; max-width: 100%; min-height: 160px; z-index: 49; opacity: 0; display: none; 
	/* transform: translate(-50%, -100px); animation: Popup_show .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1;  */
}
.Popup-box.active { display: block }
.Popup-box .pop-container { background-color: #ffffff }
.Popup-box.Popup-category { margin-top: 4px }
.Popup-box.Popup-category .pop_cateflex { max-height: calc(100vh - 280px); overflow: auto }
.Popup-box.Popup-category .pop_cateflex: : -webkit-scrollbar { width: 6px }
.Popup-box.Popup-category .pop_cateflex: : -webkit-scrollbar-track { background-color: #f0f0f0 }
.Popup-box.Popup-category .pop_cateflex: : -webkit-scrollbar-thumb { background-color: #d1aa6d }
.Popup-box.Popup-category .pop-container { padding: 46px }
.Popup-box.Popup-categoryAll { margin-top: 4px }
.Popup-box.Popup-categoryAll .pop-container { padding: 48px 0 }
.Popup-box.Popup-categoryAll .pop_top_section { padding: 0 48px }
.Popup-box.Popup-categoryAll .pop_cateflex { overflow: auto; max-height: calc(100vh - 350px); height: auto; padding: 0 38px; margin: 0 0px -20px 0px }
.Popup-box.Popup-categoryAll .pop_cateflex: : -webkit-scrollbar { width: 6px }
.Popup-box.Popup-categoryAll .pop_cateflex: : -webkit-scrollbar-track { background-color: #f0f0f0 }
.Popup-box.Popup-categoryAll .pop_cateflex: : -webkit-scrollbar-thumb { background-color: #d1aa6d }
.Popup-box.Popup-categoryAll .pop_cateflex>div { -ms-flex: 0 0 20%; flex: 0 0 20% }
.Popup-box.Popup-categoryAll .pop_cateflex .pop_cate_linkimg { padding-bottom: 63.63636363636363% }
.Popup-box.Popup-categoryAll .Popup-close { display: none }
.Popup-box.Popup-quote_service { box-shadow: 0 5px 25px -1px #7b7b7b; bottom: 100px; top: auto !important; right: auto; left: 50%; -ms-flex-wrap: wrap; position: fixed; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #ffffff; max-width: 270px; padding: 0 30px 0px 30px }
.Popup-box.Popup-quote_service.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox>div { width: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_imgbox a { width: 90px; position: relative }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_service { position: relative }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_service .side__link_imgbox { position: relative; bottom: 7px }
.Popup-box.Popup-quote_service .popup__quote_service_linkbox .side__link_textbox { color: #3D9738; font-size: 14px }
.Popup-box.Popup-quote_service .footer__medialinkbox { width: 100%; -ms-flex-pack: distribute; justify-content: space-around }
.Popup-box.Popup-quote_service .footer__medialinkbox>a { margin: 0; position: relative }
.Popup-box.Popup-cartempty { bottom: auto !important; left: 50%; font-size: 16px; color: #FF6715; min-height: 0; transform: translate(-50%, -150px); position: fixed; z-index: 51; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-cartempty.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-cartempty .pop-container { -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #ffffff; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 32px; width: auto; position: absolute; right: 0; box-shadow: 0 0px 7px 1px #c7c7c7 }
.Popup-box.Popup-cart { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: fixed !important; z-index: 51; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-cart.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-cart .pop_cartlist_outer { max-height: calc(100vh - 350px); height: auto; margin-bottom: 28px; overflow: auto }
.Popup-box.Popup-cart .pop_cartlist_outer: : -webkit-scrollbar { width: 6px }
.Popup-box.Popup-cart .pop_cartlist_outer: : -webkit-scrollbar-track { background-color: #f0f0f0 }
.Popup-box.Popup-cart .pop_cartlist_outer: : -webkit-scrollbar-thumb { background-color: #d1aa6d }
.Popup-box.Popup-cart .pop-container { background-color: #ffffff; padding: 56px 70px 56px 70px; position: absolute; right: 0; box-shadow: 0 0px 20px 0px #adadad; width: 900px }
.Popup-box.Popup-cart .btn__style7 { width: 180px; margin: 0 auto }
.Popup-box.Popup-cart .Popup-close { z-index: 2; right: 24px; top: 24px }
.Popup-box.Popup-like { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: absolute !important; z-index: 54; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-like.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-like .pop_likelist_outer { height: auto; margin-bottom: 28px }
.Popup-box.Popup-like .pop-container { background-color: #ffffff; padding: 50px 50px 50px 50px; position: absolute; right: 0; width: 1224px; left: 50%; transform: translate(-50%, 0px) }
.Popup-box.Popup-like .Popup-close { z-index: 2; right: 25px; top: 30px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 16px 0; border-bottom: 1px solid #dfdfdf }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid>.title { font-size: 24px; color: #333333; margin-bottom: 20px; text-align: center; width: 100% }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter { width: 100% }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox>.text { display: none }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options { display: block; position: relative; left: auto; top: auto; box-shadow: none; transform: none; opacity: 1; padding: 0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label { border: 1px solid #3D9738; padding: 0px; height: 35px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label .flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; margin-top: 0px; position: relative; z-index: 1 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label .flex i { margin-right: 6px; font-size: 18px; color: #3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox label .flex span { margin-top: 0px; padding-top: 2px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div { padding: 0 4px; margin-bottom: 8px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole { width: 90px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label { border: 1px solid #D1AA6D; color: #D1AA6D; font-size: 18px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label input[type=radio]: checked ~ .border { opacity: 1 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label input[type=radio]: checked ~ .flex { color: #ffffff }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole label .flex { -ms-flex-pack: center; justify-content: center; font-size: 18px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole .number { display: none }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole .border { background-color: #D1AA6D }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) { -ms-flex: 1 0 180px; flex: 1 0 180px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) label { color: #3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) label input[type=radio]: checked ~ .border { opacity: 1 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) label input[type=radio]: checked ~ .flex { color: #ffffff }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) label input[type=radio]: checked ~ .flex i.fas { color: #ffffff }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) label .flex { padding-left: 12px; padding-right: 12px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) .border { background-color: #3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox .border { transform: none; border: 0px; z-index: 0; margin: -1px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; padding: 16px 0; border-bottom: 1px solid #dfdfdf }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top { grid-column: 1/3; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column-span: 2; -ms-grid-column: 1; display: grid; display: -ms-grid; grid-template-columns: max-content max-content 1fr max-content; -ms-grid-columns: max-content max-content 1fr max-content; -ms-flex-align: center; align-items: center; padding-bottom: 10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user { padding-right: 15px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 18px; color: #D1AA6D; -ms-flex-align: center; align-items: center }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container .icon { background-color: #D1AA6D; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 25px; height: 25px; margin-right: 5px; border-radius: 50% }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container .icon i { color: #ffffff; font-size: 13px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .prd_name { font-size: 18px; color: #333333; padding-right: 10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material { -ms-flex-item-align: end; align-self: end; -ms-grid-row-align: end; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 2px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-right: 10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container .title { font-size: 14px; color: #858585; padding-right: 4px; -ms-flex: 0 0 auto; flex: 0 0 auto }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container .value { font-size: 15px; color: #333333 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .date { justify-self: end; -ms-grid-column-align: end; color: #858585; font-size: 15px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .img { grid-column: 1/2; grid-row: 2/3; -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .img .img_container { width: 180px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail { grid-column: 2/3; grid-row: 2/3; -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; padding-left: 16px; min-height: 152px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars { margin-bottom: 12px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars .stars_container { display: -ms-flexbox; display: flex }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars .stars_container i { font-size: 18px; margin-right: 6px; color: #3D9738 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment { padding-bottom: 10px; -ms-flex: 1; flex: 1 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment .comment_container { font-size: 20px; font-weight: 500; color: #333333 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: start; align-items: flex-start; font-size: 16px; color: #575757 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container: before { content: ""; display: block; background: url(../images/icon/like.png) no-repeat center center; background-size: 37px; min-width: 37px; width: 37px; height: 38px; margin-right: 10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container span { padding-top: 12px }
.Popup-box.Popup-inquiry { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: absolute !important; z-index: 54; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-inquiry .btn__style7 { width: 180px; margin: 0 auto }
.Popup-box.Popup-inquiry.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-inquiry .pop_inquiry_outer { height: auto; margin-bottom: 28px }
.Popup-box.Popup-inquiry .pop-container { background-color: #ffffff; padding: 50px 50px 50px 50px; position: absolute; right: 0; width: 982px; left: 50%; transform: translate(-50%, 0px) }
.Popup-box.Popup-inquiry .Popup-close { z-index: 2; right: 25px; top: 30px }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 16px 0 0 0 }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid>.title { font-size: 24px; color: #333333; margin-bottom: 20px; text-align: center; width: 100% }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid>.title .green { color: #3D9738 }
.Popup-box.Popup-inquiry .mention_q { width: 16px; min-width: 16px; height: 16px; min-height: 16px; font-size: 12px }
.Popup-box.Popup-newaddress { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: absolute !important; z-index: 54; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-newaddress .btn__style7 { width: 180px; margin: 0 auto }
.Popup-box.Popup-newaddress.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-newaddress .pop_inquiry_outer { height: auto; margin-bottom: 28px }
.Popup-box.Popup-newaddress .pop-container { background-color: #ffffff; padding: 50px 50px 50px 50px; position: absolute; right: 0; width: 982px; left: 50%; transform: translate(-50%, 0px) }
.Popup-box.Popup-newaddress .Popup-close { z-index: 2; right: 25px; top: 30px }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 16px 0 0 0 }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid>.title { font-size: 24px; color: #333333; margin-bottom: 20px; text-align: center; width: 100% }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid>.title .green { color: #3D9738 }
.Popup-box.Popup-purchase_record { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: absolute !important; z-index: 54; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-purchase_record.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-purchase_record .pop_inquiry_outer { height: auto; margin-bottom: 28px }
.Popup-box.Popup-purchase_record .pop-container { background-color: #ffffff; padding: 38px 20px 20px 20px; position: absolute; right: 0; width: 672px; left: 50%; transform: translate(-50%, 0px); box-shadow: 0px 10px 20px 0px rgba(140,140,140,0.43137) }
.Popup-box.Popup-purchase_record .Popup-close { z-index: 2; right: 20px; top: 20px }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 16px 0 0 0 }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid>.title { font-size: 24px; color: #333333; margin-bottom: 20px; text-align: center; width: 100% }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid>.title .green { color: #3D9738 }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box { margin-top: 24px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box: first-child { margin-top: 0px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box>.title { font-size: 16px; font-weight: 500; color: #333333; padding-bottom: 8px; border-bottom: 1px solid #dfdfdf; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin-bottom: 12px; color: #D1AA6D }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: -5px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex>div { padding: 5px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .title { font-size: 14px; color: #858585; padding-bottom: 8px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .content { font-size: 15px; color: #333333 }
.Popup-box.Popup-orderdetail { bottom: auto !important; left: auto; width: auto; min-height: 0; position: absolute !important; 
	/* animation: Popup_show_upper2 .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1;   */
}
.Popup-box.Popup-orderdetail.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-orderdetail .pop_orderdetail_outer { height: auto }
.Popup-box.Popup-orderdetail#receiptdetail_popupbox .pop-container { width: 300px }
.Popup-box.Popup-orderdetail#ordertotal_popupbox .pop-container { width: 250px }
.Popup-box.Popup-orderdetail#ordercomment_popupbox .pop-container { width: 340px }
.Popup-box.Popup-orderdetail#errorreport_popupbox .pop-container { width: 340px }
.Popup-box.Popup-orderdetail#prdname_popupbox .pop-container { width: 260px }
.Popup-box.Popup-orderdetail#ordercancel_popupbox .pop-container { width: 340px }
.Popup-box.Popup-orderdetail#ordercancel_popupbox .btn__style5 { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; min-width: 110px; width: 110px; height: 40px }
.Popup-box.Popup-orderdetail#refund_popupbox .pop-container { width: 365px }
.Popup-box.Popup-orderdetail#refund_popupbox .btn__style7 { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; min-width: 110px; width: 110px; height: 40px }
.Popup-box.Popup-orderdetail .pop-container { background-color: #ffffff; padding: 28px 20px 28px 20px; position: relative; box-shadow: 0px 10px 20px 0px rgba(140,140,140,0.43137) }
.Popup-box.Popup-orderdetail .Popup-close { z-index: 2; right: 20px; top: 20px; width: 12px; height: 12px }
.Popup-box.Popup-orderdetail .pop_orderdetail_header .pop_orderdetail_grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.Popup-box.Popup-orderdetail .pop_orderdetail_header .pop_orderdetail_grid>.title { font-size: 24px; color: #333333; margin-bottom: 18px; text-align: left; width: 100% }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -6px -4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .span_col2 { grid-column: 1/3; -ms-grid-column-span: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost { -ms-flex-align: center; align-items: center }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .value { font-size: 20px; color: #3D9738; justify-self: end }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .value.total { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 100% }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .title.total { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: end; align-items: flex-end }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .total { color: red; border-top: 1px solid #DFDFDF }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid.cost .total.value { font-size: 24px; font-weight: 500 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid>div { padding: 6px 4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid>div.star_section { -ms-grid-row: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid>div.file_section { -ms-grid-row: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .title { font-size: 16px; color: #858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .title_inner { font-size: 16px; color: #858585; padding-bottom: 8px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_grid .value { font-size: 16px; color: #333333 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -5px -4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div { padding: 5px 4px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.file_section { -ms-grid-column: 1; -ms-grid-row: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.account_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.account_section { -ms-grid-row: 3 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.account_section { -ms-grid-column: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.bank_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.bank_section { -ms-grid-row: 4 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.bank_section { -ms-grid-column: 2; position: relative; z-index: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.subbank_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.subbank_section { -ms-grid-row: 5 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.subbank_section { -ms-grid-column: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.refund_section_title,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.refund_section { -ms-grid-row: 6 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid>div.refund_section { -ms-grid-column: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=text],.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=password],.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=number],.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select { height: 35px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=text]: -ms-input-placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=password]: -ms-input-placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=number]: -ms-input-placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select: -ms-input-placeholder { font-size: 16px; color: #858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=text]: : placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=password]: : placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid input[type=number]: : placeholder,.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select: : placeholder { font-size: 16px; color: #858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid select { padding: 5px 20px 5px 15px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .span_col2 { grid-column: 1/3; -ms-grid-column-span: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .title { font-size: 16px; color: #858585 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .title.title_pa { padding-top: 16px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .title_inner { font-size: 16px; color: #858585; padding-bottom: 8px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .value { font-size: 16px; color: #333333; position: relative; z-index: 2 }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .p_ods_formgrid .select-style>select { font-size: 16px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .agreecheck { margin-top: 16px }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .agreecheck a { color: #3D9738; padding-bottom: 4px; border-bottom: 1px solid #3D9738; transform: translate(0px, 3px) }
.Popup-box.Popup-orderdetail .pop_orderdetail_body .centerbtnbox { padding-top: 16px }
.Popup-box.Popup-orderdetail .starflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.Popup-box.Popup-orderdetail .starflex[data-level="1"] .number: before { content: "1" }
.Popup-box.Popup-orderdetail .starflex[data-level="1"]>span: nth-child(1) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="1"]>span: nth-child(1) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="2"] .number: before { content: "2" }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span: nth-child(1) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span: nth-child(1) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span: nth-child(2) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="2"]>span: nth-child(2) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="3"] .number: before { content: "3" }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span: nth-child(1) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span: nth-child(1) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span: nth-child(2) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span: nth-child(2) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span: nth-child(3) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="3"]>span: nth-child(3) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"] .number: before { content: "4" }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(1) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(1) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(2) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(2) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(3) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(3) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(4) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="4"]>span: nth-child(4) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"] .number: before { content: "5" }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(1) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(1) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(2) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(2) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(3) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(3) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(4) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(4) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(5) .fa-star.fas { display: block }
.Popup-box.Popup-orderdetail .starflex[data-level="5"]>span: nth-child(5) .fa-star.far { display: none }
.Popup-box.Popup-orderdetail .starflex>span { position: relative; margin-right: 6px }
.Popup-box.Popup-orderdetail .starflex>span.star { cursor: pointer; display: -ms-flexbox; display: flex }
.Popup-box.Popup-orderdetail .starflex>span .fa-star { left: 0; top: 0; font-size: 18px; color: #3D9738 }
.Popup-box.Popup-orderdetail .starflex>span .fa-star.fas { display: none }
.Popup-box.Popup-orderdetail .starflex>span.starnumber { font-size: 12px; color: #3D9738 }
.Popup-box.Popup-orderdetail .centerbtnbox { padding-top: 15px }
.Popup-box.Popup-orderdetail .btn__style7 { width: 110px; min-width: 110px; height: 40px; border-radius: 8px }
.Popup-box.Popup-orderdetail textarea { min-height: 80px }
.Popup-box.Popup-orderdetail .imguploadbox_outer { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start }
.Popup-box.Popup-orderdetail .imguploadbox_outer .mention_rex { padding-left: 0; padding-top: 5px }
.Popup-box.Popup-login { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: absolute; z-index: 51; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-login.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-login .pop-container { background-color: #ffffff; padding: 56px 0px; position: absolute; right: 0; box-shadow: 0 0px 20px 0px #adadad; width: 529px }
.Popup-box.Popup-login .other_fn_box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; margin: 20px 0 18px 0 }
.Popup-box.Popup-login .other_fn_box .pwdforgotbox a { color: #3D9738; font-size: 15px }
.Popup-box.Popup-login .socialmediabox { margin-bottom: 36px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -6px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a { -ms-flex: 1; flex: 1; margin: 0 6px; color: #ffffff; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 46px; position: relative; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a: before { display: block }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb { background-color: #3A589B }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb: before { content: ""; background: url(../images/icon/sign-fb.png) no-repeat center center; background-size: 12px; width: 12px; height: 21px; margin-right: 3px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb: hover { background-color: #5976b9 }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line { background-color: #5CBF40 }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line: before { content: ""; background: url(../images/icon/sign-line.png) no-repeat center center; background-size: 26px; width: 26px; height: 25px; margin-right: 8px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line: hover { background-color: #74ca5c }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google { background-color: #EA4335 }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google: before { content: ""; background: url(../images/icon/sign-google.png) no-repeat center center; background-size: 28px; width: 28px; height: 26px; margin-right: 3px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google: hover { background-color: #ea6c61 }
.Popup-box.Popup-login .mention_to_regist { color: #333333; font-size: 16px }
.Popup-box.Popup-login .mention_to_regist>span { color: #868686; font-size: 17px }
.Popup-box.Popup-login .seperateline { height: 1px; background-color: #CCCCCC; width: 100%; margin: 24px 0 }
.Popup-box.Popup-login[data-switchtype=member] #section_login { opacity: 1 }
.Popup-box.Popup-login[data-switchtype=member] #section_regist { opacity: 0 }
.Popup-box.Popup-login[data-switchtype=member] #pop_btn_login { color: #3D9738; border-bottom: 1px solid #3D9738 }
.Popup-box.Popup-login[data-switchtype=member] .switch_outerbox { transform: translate(0, 0px) }
.Popup-box.Popup-login[data-switchtype=regist] #section_login { opacity: 0 }
.Popup-box.Popup-login[data-switchtype=regist] #section_regist { opacity: 1 }
.Popup-box.Popup-login[data-switchtype=regist] #pop_btn_regist { color: #3D9738; border-bottom: 1px solid #3D9738 }
.Popup-box.Popup-login[data-switchtype=regist] .switch_outerbox { transform: translate(-50%, 0px) }
.Popup-box.Popup-login #section_login,.Popup-box.Popup-login #section_regist { opacity: 0; -ms-flex: 1; flex: 1; transition: opacity 0.3s cubic-bezier(0.76, 0.29, 0.26, 0.79) }
.Popup-box.Popup-login .switch_outerbox { width: 200%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition: transform 0.3s cubic-bezier(0.76, 0.29, 0.26, 0.79); transform: translate(0, 0px) }
.Popup-box.Popup-login .switch_outerbox>div { padding: 0px 70px }
.Popup-box.Popup-login .Popup-close { z-index: 2; right: 24px; top: 24px }
.Popup-box.Popup-firstpurchase { bottom: auto !important; left: 50%; min-height: 0; transform: translate(-50%, -150px); position: absolute; z-index: 51; animation: Popup_show_upper .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.Popup-box.Popup-firstpurchase.active { display: -ms-flexbox; display: flex }
.Popup-box.Popup-firstpurchase .pop-container { background-color: #ffffff; padding: 56px 0px; position: absolute; right: 0; box-shadow: 0 0px 20px 0px #adadad; width: 529px }
.Popup-box.Popup-firstpurchase .switch_outerbox { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition: transform 0.3s cubic-bezier(0.76, 0.29, 0.26, 0.79) }
.Popup-box.Popup-firstpurchase .section_first { width: 100%; padding: 0px 70px }
.Popup-box.Popup-firstpurchase .mention_words { margin: 70px 0 75px 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; font-size: 20px; line-height: 180%; text-align: center }
.Popup-box.Popup-firstpurchase .Popup-close { z-index: 2; right: 24px; top: 24px }
.Popup-box .pop_login_bottom { overflow: hidden }
.Popup-box .pop_switch_top { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 24px; padding: 0px 70px }
.Popup-box .pop_switch_top a { color: #868686; font-size: 18px; padding-bottom: 15px; border-bottom: 1px solid transparent }
.Popup-box .pop_switch_top a.active { color: #3D9738; border-bottom: 1px solid #3D9738 }
.Popup-box .pop_top_section { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px }
.Popup-box .pop_top_section .title_box { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.Popup-box .pop_top_section .title_box .words { font-size: 26px; padding-right: 12px }
.Popup-box .pop_top_section .title_box .line { height: 1px; width: 72px; background-color: #000000 }
.Popup-box .pop_top_section .searching_box { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.Popup-box .pop_top_section .searching_box input[type=text] { width: 230px; height: 40px }
.Popup-box .pop_top_section .custom_btn_box { padding-left: 12px }
.Popup-box .Popup-close { position: absolute; right: 10px; top: 10px; background: url(../images/icon/x.png) no-repeat center center; width: 18px; height: 18px; background-size: 100% }
.Popup-cover { position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; z-index: -1 }
.Popup-cover .cover { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000000; opacity: .6 }
.Popup-cover.white { background-color: transparent }
.Popup-cover.active { transition: all 0.2s cubic-bezier(0.2, 0.64, 0.26, 0.97); opacity: 1; z-index: 48 }
.Popup-cover.active2 { transition: all 0.2s cubic-bezier(0.2, 0.64, 0.26, 0.97); opacity: 1; z-index: 53 }
.Popup-cover.inactive { animation: PopupCover_hide 0.2s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
@keyframes PopupCover_show {
 0% { z-index: 48; opacity: 0 }
100% { z-index: 48; opacity: 1 }
 }
@keyframes PopupCover_hide {
 0% { z-index: 48; opacity: 0.6 }
99% { z-index: 48; opacity: 0 }
100% { z-index: -1; opacity: 0 }
 }
@keyframes Popup_show {
 0% { display: none; opacity: 0; transform: translate(-50%, -100px) }
1% { display: none; opacity: 0; transform: translate(-50%, -100px) }
2% { display: block; opacity: 0; transform: translate(-50%, -100px) }
100% { display: block; opacity: 1; transform: translate(-50%, 0px) }
 }
@keyframes Popup_show2 {
 0% { display: none; opacity: 0; transform: translate(0%, -20px) }
1% { display: none; opacity: 0; transform: translate(0%, -20px) }
2% { display: block; opacity: 0; transform: translate(0%, -20px) }
100% { display: block; opacity: 1; transform: translate(0%, 0px) }
 }
@keyframes Popup_hide {
 0% { display: block; opacity: 1; transform: translate(-50%, 0px) }
99% { display: block; opacity: 0; transform: translate(-50%, -100px) }
100% { display: none; opacity: 0 }
 }
@keyframes Popup_show_upper {
 0% { display: -ms-flexbox; display: flex; opacity: 0; transform: translate(-50%, -150px) }
100% { display: -ms-flexbox; display: flex; opacity: 1; transform: translate(-50%, 0px) }
 }
/* @keyframes Popup_show_upper2 {
 0% { display: -ms-flexbox; display: flex; opacity: 0; transform: translate(0%, -20px) }
100% { display: -ms-flexbox; display: flex; opacity: 1; transform: translate(0%, 0px) }
 } */
@keyframes Popup_hide_upper {
 0% { display: -ms-flexbox; display: flex; opacity: 1; transform: translate(-50%, 0px) }
99% { display: -ms-flexbox; display: flex; opacity: 0; transform: translate(-50%, -150px) }
100% { display: none; opacity: 0 }
 }
.pop_cateflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -20px -10px; position: relative }
.pop_cateflex>div { -ms-flex: 0 0 16.666666666666%; flex: 0 0 16.666666666666% }
.pop_cateflex>div>a { margin: 0 10px 20px 10px }
.pop_cateflex .pop_cate_linkbox.more a { position: relative; color: #3D9738; font-size: 20px; overflow: hidden }
.pop_cateflex .pop_cate_linkbox.more a .pop_cate_linkimg: after { content: ""; position: absolute; width: 111%; height: 100%; z-index: 0; background-color: #3D9738; left: 0; top: 100%; transform: rotate(0deg); transform-origin: left top; transition: transform 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pop_cateflex .pop_cate_linkbox.more a: hover .pop_cate_linkimg: after { transform: rotate(-10deg) }
.pop_cateflex .pop_cate_linkbox.more a: hover .pop_cate_linkimg .more_word { transform: rotate(-10deg) translate(0px, -10px) }
.pop_cateflex .pop_cate_linkbox.more .more_word { transition: transform 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); position: absolute; display: -ms-flexbox; display: flex; left: 0; right: 0; bottom: 0; top: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 1 }
.pop_cateflex .pop_cate_linkbox: not(.more) a .pop_cate_linkimg img { transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pop_cateflex .pop_cate_linkbox: not(.more) a .pop_cate_linkimg: before { content: "view"; position: absolute; left: 0; top: 0; right: 0; transform: scale(1); bottom: 0; border: 2px solid #3D9738; z-index: 1; opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #3D9738 }
.pop_cateflex .pop_cate_linkbox: not(.more) a .pop_cate_linkimg: after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; opacity: 0; background-color: #ffffff; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pop_cateflex .pop_cate_linkbox: not(.more) a: hover .pop_cate_linkimg img { transform: scale(1.1) }
.pop_cateflex .pop_cate_linkbox: not(.more) a: hover .pop_cate_linkimg: before { transform: scale(0.95); opacity: 1 }
.pop_cateflex .pop_cate_linkbox: not(.more) a: hover .pop_cate_linkimg: after { opacity: .5 }
.pop_cateflex .pop_cate_collapse_box { background-color: #3D9738; -ms-flex: 0 1 100% !important; flex: 0 0 auto !important; margin-bottom: 32px; width: calc(100% + 76px); margin-left: -38px; position: relative; transition: all 0.5s cubic-bezier(0.23, 0.81, 0.32, 0.96); opacity: 0; transform: translate(0, -10%) }
.pop_cateflex .pop_cate_collapse_box.active { opacity: 1; transform: translate(0, 0) }
.pop_cateflex .pop_cate_collapse_box.active .arrow { transform: translate(0px, 0) }
.pop_cateflex .pop_cate_collapse_box .arrow { position: absolute; bottom: 100%; left: 0; transform: translate(0px, 100%); border-bottom: 8px solid #3D9738; border-right: 8px solid transparent; border-left: 8px solid transparent; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) 0.3s }
.pop_cateflex .pop_cate_collapse_flexOuter { padding: 20px 48px }
.pop_cateflex .pop_cate_collapse_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px -20px -5px }
.pop_cateflex .pop_cate_collapse_flex>div { -ms-flex: 0 0 11.1111111111111%; flex: 0 0 11.1111111111111% }
.pop_cateflex .pop_cate_collapse_flex>div>a { margin: 0 5px 20px 5px }
.pop_cateflex .pop_cate_collapse_flex .pop_cate_linkimg { position: relative; padding-bottom: 83.333333333333% !important; overflow: hidden; background-color: #F0F0F0 }
.pop_cateflex .pop_cate_collapse_flex .pop_cate_linktext { font-size: 16px; color: #ffffff; margin-top: 8px }
.pop_cateflex .pop_cate_linkimg { position: relative; padding-bottom: 83.333333333333%; overflow: hidden; background-color: #F0F0F0 }
.pop_cateflex .pop_cate_linkimg .lazyload_outer { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.pop_cateflex .pop_cate_linkimg img { width: 100%; position: absolute; display: block; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto }
.pop_cateflex .pop_cate_linktext { margin-top: 4px; color: #333333; font-size: 18px; text-align: center }
@media (max-width: 1024px) {
 .Popup-box.Popup-positionStyle1 { margin: 0; top: 0px !important; padding: 0px !important; height: 100%; position: fixed }
.Popup-box.Popup-positionStyle1 .pop-container { height: 100%; padding: 35px 10px 70px 10px !important; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.Popup-box.Popup-positionStyle2 { margin: 0; top: 0px; padding: 0px; left: 50%; transform: translate(-50%, 0); position: absolute }
.Popup-box.Popup-positionStyle2 .pop-container { max-width: calc(100% - 40px); right: auto; left: auto; left: 50%; transform: translate(-50%, 0) }
.Popup-box.Popup-categoryAll .pop_top_section { padding: 0 }
.Popup-box.Popup-categoryAll .pop_cateflex { overflow: auto; height: auto; max-height: none; padding: 0; margin: 0 -10px -20px -10px }
.Popup-box.Popup-categoryAll .pop_cateflex>div { -ms-flex: 0 0 25%; flex: 0 0 25% }
.Popup-box.Popup-categoryAll .Popup-close { display: block }
.Popup-box.Popup-cartempty.Popup-positionStyle1 { height: auto; top: 50% !important }
.Popup-box.Popup-cartempty.Popup-positionStyle1 .pop-container { height: auto; padding: 32px !important; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 350px; max-width: 100% }
.Popup-box.Popup-cart { top: 58px !important }
.Popup-box.Popup-cart .pop_cartlist_outer { max-height: calc(100vh - 350px); height: auto }
.pop_cateflex .pop_cate_collapse_box { margin-bottom: 20px; width: 100%; margin-left: 0 }
.pop_cateflex .pop_cate_collapse_box.active .arrow { transform: translate(0, 0) }
.pop_cateflex .pop_cate_collapse_box .arrow { transform: translate(0, 0px) }
.pop_cateflex .pop_cate_collapse_flexOuter { padding: 15px 15px }
.pop_cateflex .pop_cate_collapse_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2.5px -16px -2.5px }
.pop_cateflex .pop_cate_collapse_flex>div { -ms-flex: 0 0 11.1111111111111%; flex: 0 0 11.1111111111111% }
.pop_cateflex .pop_cate_collapse_flex>div>a { margin: 0 2.5px 16px 2.5px }
 }
@media (max-width: 1024px) {
 .Popup-box.Popup-cart .pop-container { padding: 45px 15px 45px 15px }
.Popup-box.Popup-cart .Popup-close { top: 16px; right: 16px }
.pop_cateflex .pop_cate_collapse_flex>div { -ms-flex: 0 0 16.666666666%; flex: 0 0 16.666666666% }
 }
@media (max-width: 769px) {
 .Popup-box .pop_top_section { margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.Popup-box .pop_top_section .title_box { width: 100%; margin-bottom: 12px }
.Popup-box .pop_top_section .title_box .words { font-size: 24px }
.Popup-box .pop_top_section .title_box .line { width: 42px }
.Popup-box .pop_top_section .searching_box { width: 100% }
.Popup-box .pop_top_section .searching_box input[type=text] { height: 34px; width: 100% }
.Popup-box .pop_top_section .search_boxouter { -ms-flex: 1; flex: 1 }
.Popup-box.Popup-categoryAll .pop_cateflex>div { -ms-flex: 0 0 33.3333333333333%; flex: 0 0 33.3333333333333% }
.Popup-box.Popup-login .pop-container { padding: 55px 10px 32px 10px !important; width: 100% }
.Popup-box.Popup-login .Popup-close { top: 16px; right: 16px }
.Popup-box.Popup-login .other_fn_box { margin: 20px 0 20px 0 }
.Popup-box.Popup-login .seperateline { margin: 20px 0 20px 0 }
.Popup-box.Popup-login .socialmediabox { margin-bottom: 28px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex { margin: 0 -4px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a { height: 34px; font-size: 12px; margin: 0 4px; white-space: nowrap }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb: before { background-size: 9px; width: 9px; height: 16px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line: before { background-size: 20px; width: 20px; height: 22px }
.Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google: before { background-size: 21px; width: 21px; height: 19px }
.Popup-box.Popup-login .btn-refresh { padding: 15px 12px 15px 12px }
.Popup-box.Popup-login .switch_outerbox>div { padding: 0px 0px }
.Popup-box.Popup-firstpurchase .pop-container { padding: 55px 10px 32px 10px !important; width: 100% }
.Popup-box.Popup-firstpurchase .Popup-close { top: 16px; right: 16px }
.Popup-box.Popup-firstpurchase .section_first { padding: 0px 0px }
.Popup-box.Popup-cart { top: 25px !important }
.Popup-box.Popup-cart .btn__style7 { width: 100%; padding: 10px 0 }
.Popup-box.Popup-cart .pop-container { padding: 45px 15px 20px 15px }
.Popup-box.Popup-cart .pop_cartlist_outer { max-height: calc(100vh - 270px); height: auto; margin-bottom: 15px }
.Popup-box .pop_login_bottom { padding: 0 10px }
.Popup-box .pop_switch_top { padding: 0 10px; margin-bottom: 28px }
.Popup-box .pop_switch_top a { padding-bottom: 12px }
.Popup-box .btn__style6 { height: 34px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.Popup-box.Popup-like .Popup-close { top: 8px; right: 8px; width: 12px; height: 12px }
.Popup-box.Popup-like .pop-container { padding: 24px 8px 20px 8px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid { padding: 0 0 16px 0 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid>.title { font-size: 20px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox>.text { display: block; background-color: #ffffff; border: 1px solid #3D9738; border-radius: 5px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox: after { border-top: 6px solid #3D9738; border-right: 3px solid transparent; border-left: 3px solid transparent }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options { position: absolute; left: 50%; top: 100%; transform: translate(-50%, -10%); display: none; opacity: 0; box-shadow: 0 3px 12px 0px #d2d2d2 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox { margin: 0 0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox .border { border-radius: 0px; margin: -1px; background-color: #3D9738 !important }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div { width: 100% !important; padding: 0px; margin: 0; border-top: 1px solid #DDDDDD }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: first-child { border-top: 0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div>label { border-radius: 0px; border: 0px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div>label .flex { padding-left: 10px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div>label .flex i { margin-right: 5px; font-size: 14px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole>label { border-radius: 0px; border: 0px; color: #3D9738 }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole>label .flex { -ms-flex-pack: start; justify-content: start; padding-left: 10px; font-size: 16px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div.whole>label .flex .number { display: block; padding-left: 5px }
.Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div: not(.whole) { -ms-flex: none; flex: none }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top { grid-template-columns: max-content 1fr max-content; -ms-grid-columns: max-content 1fr max-content; padding-bottom: 0px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user { grid-column: 1/2; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 0; -ms-grid-column-span: 0; -ms-grid-column: 1 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container { font-size: 16px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .prd_name { grid-column: 2/3; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 0; -ms-grid-column-span: 0; -ms-grid-column: 2 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material { grid-column: 1/4; grid-row: 2/3; -ms-grid-row: 2; -ms-grid-row-span: 0; -ms-grid-column-span: 3; -ms-grid-column: 1; padding-bottom: 0px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material .material_container { padding-top: 10px; padding-bottom: 10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .date { font-size: 14px; grid-column: 3/4; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 0; -ms-grid-column-span: 0; -ms-grid-column: 3 }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .img .img_container { width: 101px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail { min-height: 0px; padding-left: 10px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars { margin-bottom: 5px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars .stars_container i { font-size: 12px; margin-right: 3px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment { padding-bottom: 8px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment .comment_container { font-size: 20px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container { font-size: 14px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container: before { background-size: 23px; min-width: 23px; width: 23px; height: 23px; margin-right: 3px }
.Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container span { padding-top: 5px }
.Popup-box.Popup-like #Like_dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #3D9738 }
.Popup-box.Popup-like #Like_dropdown i { font-size: 14px; color: #3D9738; margin-right: 5px }
.Popup-box.Popup-inquiry .btn__style7 { width: 140px; padding: 9px 0 }
.Popup-box.Popup-inquiry .Popup-close { top: 8px; right: 8px; width: 12px; height: 12px }
.Popup-box.Popup-inquiry .pop-container { padding: 24px 8px 20px 8px; max-width: calc(100% - 20px) }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid { padding: 10px 0 0 0 }
.Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid>.title { font-size: 20px }
.Popup-box.Popup-newaddress .btn__style7 { width: 140px; padding: 9px 0 }
.Popup-box.Popup-newaddress .Popup-close { top: 8px; right: 8px; width: 12px; height: 12px }
.Popup-box.Popup-newaddress .pop-container { padding: 24px 8px 20px 8px; max-width: calc(100% - 20px) }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid { padding: 10px 0 0 0 }
.Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid>.title { font-size: 20px }
.Popup-box.Popup-purchase_record .pop-container { padding: 24px 8px 20px 8px; max-width: calc(100% - 20px) }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid { padding-top: 0px }
.Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid>.title { font-size: 20px; margin-bottom: 16px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box { margin-top: 12px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box>.title { padding-bottom: 8px; margin-bottom: 8px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex { margin: -3px -5px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .title { padding-bottom: 0px; padding-top: 1px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .content { padding-left: 8px }
.Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex>div { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 3px 5px; -ms-flex-preferred-size: calc(50% - (10px)); display: -ms-flexbox; display: flex }
.Popup-box.Popup-purchase_record .Popup-close { top: 8px; right: 8px; width: 12px; height: 12px }
.pop_cateflex { margin: 0 -6px -15px -6px }
.pop_cateflex>div { -ms-flex: 0 0 33.3333333333333%; flex: 0 0 33.3333333333333% }
.pop_cateflex>div>a { margin: 0 6px 15px 6px }
.pop_cateflex .pop_cate_collapse_flex>div { -ms-flex: 0 0 25%; flex: 0 0 25% }
 }
.messagebox { position: absolute; opacity: 0; z-index: 999; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; max-width: 100% }
.messagebox .innerbox { width: 100%; background-color: #ffffff; position: relative; z-index: 2 }
.messagebox: after { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157) }
.messagebox[data-direction^=top] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); top: 100%; margin-top: -8.5px }
.messagebox[data-direction^=right] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); right: 100%; margin-right: -8.5px }
.messagebox[data-direction^=bottom] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); bottom: 100%; margin-bottom: -8.5px }
.messagebox[data-direction^=left] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157); left: 100%; margin-left: -8.5px }
.messagebox.dboxalert { box-shadow: 0 0px 7px 1px #c7c7c7; font-size: 16px; color: #FF6715; z-index: 100 }
.messagebox.dboxalert[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxalert[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxalert[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxalert[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxalert.show { transition-property: all; transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97); transform: none; opacity: 1 }
.messagebox.dboxalert.show.hide { opacity: 0 }
.messagebox.dboxalert.show.hide[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxalert.show.hide[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxalert.show.hide[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxalert.show.hide[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxalert .innerbox { padding: 32px }
.messagebox.dboxalert.addtocartmsg .innerbox { padding: 20px 30px }
.messagebox.dboxalert.alertmsg { left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; position: fixed !important; transform: translate(-50%, -50%); text-align: center; min-width: 250px }
.messagebox.dboxalert.alertmsg.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.alertmsg.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.alertmsg.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.alertmsg.right { transform: translate(calc(-50% + 20px), -50%) }
.messagebox.dboxalert.alertmsg.show { transform: translate(-50%, -50%) }
.messagebox.dboxalert.alertmsg.show.hide.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.alertmsg.show.hide.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.alertmsg.show.hide.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.alertmsg.show.hide.right { transform: translate(calc(-50% + 20px), -50%) }
.messagebox.dboxmention { color: #ffffff; font-size: 14px; letter-spacing: .05em; line-height: 140% }
.messagebox.dboxmention[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxmention[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxmention[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxmention[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxmention.show { transition-property: all; transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97); transform: none; opacity: 1 }
.messagebox.dboxmention.show.hide { opacity: 0 }
.messagebox.dboxmention.show.hide[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxmention.show.hide[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxmention.show.hide[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxmention.show.hide[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxmention .innerbox { padding: 12px 30px 12px 12px }
.messagebox.dboxmention .innerbox>.removecross { width: 16px; height: 16px; right: 12px; top: 12px; bottom: auto }
.messagebox.dboxmention .innerbox>.removecross: before,.messagebox.dboxmention .innerbox>.removecross: after { background-color: #ffffff }
.messagebox.dboxmention.white { color: #999999 }
.messagebox.dboxmention.white .innerbox { background-color: #ffffff }
.messagebox.dboxmention.white .innerbox>.removecross: before,.messagebox.dboxmention.white .innerbox>.removecross: after { background-color: #999999 }
.messagebox.dboxmention.green .innerbox { background-color: #155B4A }
.messagebox.dboxmention.red .innerbox { background-color: red }
.messagebox.dboxmention.orange .innerbox { background-color: #FF6614 }
.messagebox.dboxpayway { background-color: #ffffff }
.messagebox.dboxpayway[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxpayway[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxpayway[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxpayway[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxpayway.show { transition-property: all; transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97); transform: none; opacity: 1 }
.messagebox.dboxpayway.show.hide { opacity: 0 }
.messagebox.dboxpayway.show.hide[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxpayway.show.hide[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxpayway.show.hide[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxpayway.show.hide[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxpayway .innerbox { padding: 20px }
.messagebox.dboxpayway: after { box-shadow: 3px 4px 15px -2px #bbbbbb; -webkit-box-shadow: 3px 4px 15px -2px #bbbbbb; -moz-box-shadow: 3px 4px 15px -2px #bbbbbb; -o-box-shadow: 3px 4px 15px -2px #bbbbbb }
.messagebox.dboxpayway .payway_word_section { padding-bottom: 13px }
.messagebox.dboxpayway .payway_word_section .title { font-size: 13px; color: #2077CC; margin-bottom: 4px }
.messagebox.dboxpayway .payway_word_section .description { font-size: 14px; color: #333333 }
.messagebox.dboxpayway .payway_word_section: last-child { padding-bottom: 0 }
@media (max-width: 1297px) {
 .messagebox.dboxalert { left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; position: fixed !important }
.messagebox.dboxalert.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.right { transform: translate(calc(-50% + 20px), -50%) }
.messagebox.dboxalert.show { transform: translate(-50%, -50%) }
.messagebox.dboxalert.show.hide.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.show.hide.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.show.hide.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.show.hide.right { transform: translate(calc(-50% + 20px), -50%) }
 }
@keyframes waveFadein {
 0% { opacity: 0 }
100% { opacity: 1 }
 }
@keyframes wave1 {
 0% { transform: translateX(-20px) }
100% { transform: translateX(0px) }
 }
@keyframes wave2 {
 0% { transform: translateX(-20px) }
100% { transform: translateX(0px) }
 }
.wave .wave1>span { float: left; opacity: 0 }
.wave .wave1: before { opacity: 0 }
.wave .wave1: after { content: ""; display: block; clear: both }
.wave .wave1_2 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave2 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave2_2 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave3 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave3_2 { display: block; transform: translateX(-20px); opacity: 0; -ms-flex: 1 1 auto; flex: 1 1 auto }
.wave .wave4 { display: block; transform: translateX(-20px); opacity: 0 }
.wave.active .wave1>span { animation: wave1 1s 1 cubic-bezier(0.1, 1.01, 0.46, 1.03),waveFadein 1s 1 linear; animation-fill-mode: forwards }
.wave.active .wave1>span: nth-child(1) { animation-delay: .07s }
.wave.active .wave1>span: nth-child(2) { animation-delay: .14s }
.wave.active .wave1>span: nth-child(3) { animation-delay: .21s }
.wave.active .wave1>span: nth-child(4) { animation-delay: .28s }
.wave.active .wave1>span: nth-child(5) { animation-delay: .35s }
.wave.active .wave1>span: nth-child(6) { animation-delay: .42s }
.wave.active .wave1>span: nth-child(7) { animation-delay: .49s }
.wave.active .wave1>span: nth-child(8) { animation-delay: .56s }
.wave.active .wave1>span: nth-child(9) { animation-delay: .63s }
.wave.active .wave1>span: nth-child(10) { animation-delay: .7s }
.wave.active .wave1>span: nth-child(11) { animation-delay: .77s }
.wave.active .wave1>span: nth-child(12) { animation-delay: .84s }
.wave.active .wave1>span: nth-child(13) { animation-delay: .91s }
.wave.active .wave1>span: nth-child(14) { animation-delay: .98s }
.wave.active .wave1>span: nth-child(15) { animation-delay: 1.05s }
.wave.active .wave1>span: nth-child(16) { animation-delay: 1.12s }
.wave.active .wave1>span: nth-child(17) { animation-delay: 1.19s }
.wave.active .wave1>span: nth-child(18) { animation-delay: 1.26s }
.wave.active .wave1>span: nth-child(19) { animation-delay: 1.33s }
.wave.active .wave1>span: nth-child(20) { animation-delay: 1.4s }
.wave.active .wave1>span: nth-child(21) { animation-delay: 1.47s }
.wave.active .wave1>span: nth-child(22) { animation-delay: 1.54s }
.wave.active .wave1>span: nth-child(23) { animation-delay: 1.61s }
.wave.active .wave1>span: nth-child(24) { animation-delay: 1.68s }
.wave.active .wave1>span: nth-child(25) { animation-delay: 1.75s }
.wave.active .wave1>span: nth-child(26) { animation-delay: 1.82s }
.wave.active .wave1>span: nth-child(27) { animation-delay: 1.89s }
.wave.active .wave1>span: nth-child(28) { animation-delay: 1.96s }
.wave.active .wave1>span: nth-child(29) { animation-delay: 2.03s }
.wave.active .wave1>span: nth-child(30) { animation-delay: 2.1s }
.wave.active .wave1: before { opacity: 1; transition: opacity 2s linear }
.wave.active .wave1_2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: .3s }
.wave.active .wave2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: 1.2s }
.wave.active .wave2_2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear; animation-fill-mode: forwards }
.wave.active .wave3 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: 2s }
.wave.active .wave3_2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: .8s }
.wave.active .wave4 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: 2.8s }
.parallex { transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86); opacity: 0 }
.loading-finished .parallex { opacity: 1; transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86) !important; -webkit-transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86) !important }
.loading-finished .wave .wave1 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave1_2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave2_2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave3 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave3_2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave4 { display: block; transform: translateX(0); opacity: 1; animation: none }
.frameBtn { position: absolute; border: 2px solid #3D9738; border-radius: 5px; z-index: -1; transition-property: all; transition-timing-function: cubic-bezier(0.17, 0.7, 0.47, 0.96); opacity: 0; top: 0 }
.frameBtn: after { position: absolute; top: 100%; left: 50%; margin-top: 1px; transform: translate(-50%, 0); content: ""; border-top: 6px solid #3D9738; border-right: 12px solid transparent; border-left: 12px solid transparent; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.ui-datepicker { background-color: #ffffff; border: 1px solid #3D9738; border-radius: 5px; box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.0902); font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; z-index: 999 !important }
.ui-datepicker-header { background-color: #3D9738; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; color: #ffffff; height: 40px; overflow: hidden; font-weight: 400 }
.ui-datepicker-header .ui-datepicker-prev { position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); color: #ffffff; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei" }
.ui-datepicker-header .ui-datepicker-next { position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); color: #ffffff; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei" }
.ui-datepicker-header .ui-datepicker-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.ui-datepicker-header .ui-datepicker-month,.ui-datepicker-header .ui-datepicker-year { padding: 0; height: 30px; background-color: #3d9738; color: white; font-size: 16px; width: auto }
.ui-datepicker-calendar { padding: 25px 15px }
.ui-datepicker-calendar th { font-size: 12px }
.ui-datepicker-calendar th span { transform: scale(0.83); display: block; padding-bottom: 5px }
.ui-datepicker-calendar td { padding: 1px; position: relative }
.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled { display: none }
.ui-datepicker-calendar td.ui-datepicker-other-month { opacity: .5 }
.ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default { background: #F7F0E6 }
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-default { background-color: #D1AA6D }
.ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-default { background-color: #b3d6b2 }
.ui-datepicker-calendar td .ui-state-default { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; background: #F2F2F2; width: 40px; height: 35px; font-size: 15px; font-weight: 500; padding-right: 4px; padding-bottom: 4px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.ui-datepicker-calendar td .ui-state-default: hover { border-radius: 5px; color: #ffffff; font-weight: 400; background: #3D9738; cursor: pointer }
.datepickerbox input[type=text] { position: relative; z-index: 1; padding-left: 50px }
.datepickerbox: after { position: absolute; content: ""; width: 25px; height: 25px; background: #3D9738 url(../images/icon/date.png) no-repeat center center; background-size: 15px; left: 15px; border-radius: 5px; z-index: 2; top: 50%; transform: translate(0, -50%) }
/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https: //jonsuh.com/hamburgers * @link https: //github.com/jonsuh/hamburgers*/
	.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible }
.hamburger: hover { opacity: .7 }
.hamburger.is-active: hover { opacity: .7 }
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner: : before,.hamburger.is-active .hamburger-inner: : after { background-color: #3D9738 }
.hamburger-box { width: 20px; height: 14px; display: inline-block; position: relative }
.hamburger-inner { display: block; top: 50%; margin-top: -1px }
.hamburger-inner,.hamburger-inner: : before,.hamburger-inner: : after { width: 20px; height: 2px; background-color: #3D9738; border-radius: 1px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease }
.hamburger-inner: : before,.hamburger-inner: : after { content: ""; display: block }
.hamburger-inner: : before { top: -6px }
.hamburger-inner: : after { bottom: -6px }
.hamburger--3dx .hamburger-box { perspective: 40px }
.hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx .hamburger-inner: : before,.hamburger--3dx .hamburger-inner: : after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg) }
.hamburger--3dx.is-active .hamburger-inner: : before { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--3dx.is-active .hamburger-inner: : after { transform: translate3d(0, -6px, 0) rotate(-45deg) }
.hamburger--3dx-r .hamburger-box { perspective: 40px }
.hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx-r .hamburger-inner: : before,.hamburger--3dx-r .hamburger-inner: : after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg) }
.hamburger--3dx-r.is-active .hamburger-inner: : before { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--3dx-r.is-active .hamburger-inner: : after { transform: translate3d(0, -6px, 0) rotate(-45deg) }
.hamburger--3dy .hamburger-box { perspective: 40px }
.hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy .hamburger-inner: : before,.hamburger--3dy .hamburger-inner: : after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg) }
.hamburger--3dy.is-active .hamburger-inner: : before { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--3dy.is-active .hamburger-inner: : after { transform: translate3d(0, -6px, 0) rotate(-45deg) }
.hamburger--3dy-r .hamburger-box { perspective: 40px }
.hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy-r .hamburger-inner: : before,.hamburger--3dy-r .hamburger-inner: : after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) }
.hamburger--3dy-r.is-active .hamburger-inner: : before { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--3dy-r.is-active .hamburger-inner: : after { transform: translate3d(0, -6px, 0) rotate(-45deg) }
.hamburger--3dxy .hamburger-box { perspective: 40px }
.hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dxy .hamburger-inner: : before,.hamburger--3dxy .hamburger-inner: : after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) }
.hamburger--3dxy.is-active .hamburger-inner: : before { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--3dxy.is-active .hamburger-inner: : after { transform: translate3d(0, -6px, 0) rotate(-45deg) }
.hamburger--3dxy-r .hamburger-box { perspective: 40px }
.hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dxy-r .hamburger-inner: : before,.hamburger--3dxy-r .hamburger-inner: : after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) }
.hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg) }
.hamburger--3dxy-r.is-active .hamburger-inner: : before { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--3dxy-r.is-active .hamburger-inner: : after { transform: translate3d(0, -6px, 0) rotate(-45deg) }
.hamburger--arrow.is-active .hamburger-inner: : before { transform: translate3d(-4px, 0, 0) rotate(-45deg) scale(0.7, 1) }
.hamburger--arrow.is-active .hamburger-inner: : after { transform: translate3d(-4px, 0, 0) rotate(45deg) scale(0.7, 1) }
.hamburger--arrow-r.is-active .hamburger-inner: : before { transform: translate3d(4px, 0, 0) rotate(45deg) scale(0.7, 1) }
.hamburger--arrow-r.is-active .hamburger-inner: : after { transform: translate3d(4px, 0, 0) rotate(-45deg) scale(0.7, 1) }
.hamburger--arrowalt .hamburger-inner: : before { transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt .hamburger-inner: : after { transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt.is-active .hamburger-inner: : before { top: 0; transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowalt.is-active .hamburger-inner: : after { bottom: 0; transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowalt-r .hamburger-inner: : before { transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt-r .hamburger-inner: : after { transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) }
.hamburger--arrowalt-r.is-active .hamburger-inner: : before { top: 0; transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowalt-r.is-active .hamburger-inner: : after { bottom: 0; transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) }
.hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg) }
.hamburger--arrowturn.is-active .hamburger-inner: : before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1) }
.hamburger--arrowturn.is-active .hamburger-inner: : after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1) }
.hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg) }
.hamburger--arrowturn-r.is-active .hamburger-inner: : before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1) }
.hamburger--arrowturn-r.is-active .hamburger-inner: : after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1) }
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner: : before,.hamburger--boring .hamburger-inner: : after { transition-property: none }
.hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg) }
.hamburger--boring.is-active .hamburger-inner: : before { top: 0; opacity: 0 }
.hamburger--boring.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(-90deg) }
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse .hamburger-inner: : after { top: -12px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0.1s linear }
.hamburger--collapse .hamburger-inner: : before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -6px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--collapse.is-active .hamburger-inner: : after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0.1s 0.22s linear }
.hamburger--collapse.is-active .hamburger-inner: : before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse-r .hamburger-inner: : after { top: -12px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0.1s linear }
.hamburger--collapse-r .hamburger-inner: : before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -6px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--collapse-r.is-active .hamburger-inner: : after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0.1s 0.22s linear }
.hamburger--collapse-r.is-active .hamburger-inner: : before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--elastic .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic .hamburger-inner: : before { top: 6px; transition: opacity 0.125s 0.275s ease }
.hamburger--elastic .hamburger-inner: : after { top: 12px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(135deg); transition-delay: 0.075s }
.hamburger--elastic.is-active .hamburger-inner: : before { transition-delay: 0s; opacity: 0 }
.hamburger--elastic.is-active .hamburger-inner: : after { transform: translate3d(0, -12px, 0) rotate(-270deg); transition-delay: 0.075s }
.hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic-r .hamburger-inner: : before { top: 6px; transition: opacity 0.125s 0.275s ease }
.hamburger--elastic-r .hamburger-inner: : after { top: 12px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55) }
.hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(-135deg); transition-delay: 0.075s }
.hamburger--elastic-r.is-active .hamburger-inner: : before { transition-delay: 0s; opacity: 0 }
.hamburger--elastic-r.is-active .hamburger-inner: : after { transform: translate3d(0, -12px, 0) rotate(270deg); transition-delay: 0.075s }
.hamburger--emphatic { overflow: hidden }
.hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in }
.hamburger--emphatic .hamburger-inner: : before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in }
.hamburger--emphatic .hamburger-inner: : after { top: 6px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in }
.hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important }
.hamburger--emphatic.is-active .hamburger-inner: : before { left: -40px; top: -40px; transform: translate3d(40px, 40px, 0) rotate(45deg); transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--emphatic.is-active .hamburger-inner: : after { right: -40px; top: -40px; transform: translate3d(-40px, 40px, 0) rotate(-45deg); transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--emphatic-r { overflow: hidden }
.hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in }
.hamburger--emphatic-r .hamburger-inner: : before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in }
.hamburger--emphatic-r .hamburger-inner: : after { top: 6px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in }
.hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important }
.hamburger--emphatic-r.is-active .hamburger-inner: : before { left: -40px; top: 40px; transform: translate3d(40px, -40px, 0) rotate(-45deg); transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--emphatic-r.is-active .hamburger-inner: : after { right: -40px; top: 40px; transform: translate3d(-40px, -40px, 0) rotate(45deg); transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1) }
.hamburger--minus .hamburger-inner: : before,.hamburger--minus .hamburger-inner: : after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear }
.hamburger--minus.is-active .hamburger-inner: : before,.hamburger--minus.is-active .hamburger-inner: : after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear }
.hamburger--minus.is-active .hamburger-inner: : before { top: 0 }
.hamburger--minus.is-active .hamburger-inner: : after { bottom: 0 }
.hamburger--slider .hamburger-inner { top: 1px }
.hamburger--slider .hamburger-inner: : before { top: 6px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s }
.hamburger--slider .hamburger-inner: : after { top: 12px }
.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--slider.is-active .hamburger-inner: : before { transform: rotate(-45deg) translate3d(-2.85714px, -4px, 0); opacity: 0 }
.hamburger--slider.is-active .hamburger-inner: : after { transform: translate3d(0, -12px, 0) rotate(-90deg) }
.hamburger--slider-r .hamburger-inner { top: 1px }
.hamburger--slider-r .hamburger-inner: : before { top: 6px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s }
.hamburger--slider-r .hamburger-inner: : after { top: 12px }
.hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(-45deg) }
.hamburger--slider-r.is-active .hamburger-inner: : before { transform: rotate(45deg) translate3d(2.85714px, -4px, 0); opacity: 0 }
.hamburger--slider-r.is-active .hamburger-inner: : after { transform: translate3d(0, -12px, 0) rotate(90deg) }
.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin .hamburger-inner: : before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in }
.hamburger--spin .hamburger-inner: : after { transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin.is-active .hamburger-inner: : before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out }
.hamburger--spin.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin-r .hamburger-inner: : before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in }
.hamburger--spin-r .hamburger-inner: : after { transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spin-r.is-active .hamburger-inner: : before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out }
.hamburger--spin-r.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spring .hamburger-inner { top: 1px; transition: background-color 0s 0.13s linear }
.hamburger--spring .hamburger-inner: : before { top: 6px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring .hamburger-inner: : after { top: 12px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important }
.hamburger--spring.is-active .hamburger-inner: : before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 6px, 0) rotate(45deg) }
.hamburger--spring.is-active .hamburger-inner: : after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 6px, 0) rotate(-45deg) }
.hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring-r .hamburger-inner: : after { top: -12px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear }
.hamburger--spring-r .hamburger-inner: : before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -6px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--spring-r.is-active .hamburger-inner: : after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0s 0.22s linear }
.hamburger--spring-r.is-active .hamburger-inner: : before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear }
.hamburger--stand .hamburger-inner: : before { transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand .hamburger-inner: : after { transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear }
.hamburger--stand.is-active .hamburger-inner: : before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear }
.hamburger--stand-r .hamburger-inner: : before { transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand-r .hamburger-inner: : after { transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear }
.hamburger--stand-r.is-active .hamburger-inner: : before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--stand-r.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--squeeze .hamburger-inner: : before { transition: top 0.075s 0.12s ease, opacity 0.075s ease }
.hamburger--squeeze .hamburger-inner: : after { transition: bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19) }
.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--squeeze.is-active .hamburger-inner: : before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease }
.hamburger--squeeze.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1) }
.hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex .hamburger-inner: : before,.hamburger--vortex .hamburger-inner: : after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear }
.hamburger--vortex .hamburger-inner: : before { transition-property: top, opacity }
.hamburger--vortex .hamburger-inner: : after { transition-property: bottom, transform }
.hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex.is-active .hamburger-inner: : before,.hamburger--vortex.is-active .hamburger-inner: : after { transition-delay: 0s }
.hamburger--vortex.is-active .hamburger-inner: : before { top: 0; opacity: 0 }
.hamburger--vortex.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(90deg) }
.hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex-r .hamburger-inner: : before,.hamburger--vortex-r .hamburger-inner: : after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear }
.hamburger--vortex-r .hamburger-inner: : before { transition-property: top, opacity }
.hamburger--vortex-r .hamburger-inner: : after { transition-property: bottom, transform }
.hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) }
.hamburger--vortex-r.is-active .hamburger-inner: : before,.hamburger--vortex-r.is-active .hamburger-inner: : after { transition-delay: 0s }
.hamburger--vortex-r.is-active .hamburger-inner: : before { top: 0; opacity: 0 }
.hamburger--vortex-r.is-active .hamburger-inner: : after { bottom: 0; transform: rotate(-90deg) }
/*! * Font Awesome Free 5.10.1 by @fontawesome - https: //fontawesome.com * License - https: //fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
	/*! * Font Awesome Free 5.10.1 by @fontawesome - https: //fontawesome.com * License - https: //fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
	@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("../webfonts/fa-brands-400.eot"); src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.woff") format("woff"),url("../webfonts/fa-brands-400.ttf") format("truetype"),url("../webfonts/fa-brands-400.svg#fontawesome") format("svg") }
.fab { font-family: 'Font Awesome 5 Brands' }
/*! * Font Awesome Free 5.10.1 by @fontawesome - https: //fontawesome.com * License - https: //fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
	@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("../webfonts/fa-regular-400.eot"); src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-regular-400.woff2") format("woff2"),url("../webfonts/fa-regular-400.woff") format("woff"),url("../webfonts/fa-regular-400.ttf") format("truetype"),url("../webfonts/fa-regular-400.svg#fontawesome") format("svg") }
.far { font-family: 'Font Awesome 5 Free'; font-weight: 400 }
/*! * Font Awesome Free 5.10.1 by @fontawesome - https: //fontawesome.com * License - https: //fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
	@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("../webfonts/fa-solid-900.eot"); src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.woff") format("woff"),url("../webfonts/fa-solid-900.ttf") format("truetype"),url("../webfonts/fa-solid-900.svg#fontawesome") format("svg") }
.fa,.fas { font-family: 'Font Awesome 5 Free'; font-weight: 900 }
.fa,.fas,.far,.fal,.fad,.fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 }
.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em }
.fa-xs { font-size: .75em }
.fa-sm { font-size: .875em }
.fa-1x { font-size: 1em }
.fa-2x { font-size: 2em }
.fa-3x { font-size: 3em }
.fa-4x { font-size: 4em }
.fa-5x { font-size: 5em }
.fa-6x { font-size: 6em }
.fa-7x { font-size: 7em }
.fa-8x { font-size: 8em }
.fa-9x { font-size: 9em }
.fa-10x { font-size: 10em }
.fa-fw { text-align: center; width: 1.25em }
.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 }
.fa-ul>li { position: relative }
.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit }
.fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em }
.fa-pull-left { float: left }
.fa-pull-right { float: right }
.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left { margin-right: .3em }
.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right { margin-left: .3em }
.fa-spin { animation: fa-spin 2s infinite linear }
.fa-pulse { animation: fa-spin 1s infinite steps(8) }
@keyframes fa-spin {
 0% { transform: rotate(0deg) }
100% { transform: rotate(360deg) }
 }
.fa-rotate-90 { -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) }
.fa-rotate-180 { -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) }
.fa-rotate-270 { -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) }
.fa-flip-horizontal { -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1) }
.fa-flip-vertical { -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1) }
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1) }
: root .fa-rotate-90,: root .fa-rotate-180,: root .fa-rotate-270,: root .fa-flip-horizontal,: root .fa-flip-vertical,: root .fa-flip-both { filter: none }
.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em }
.fa-stack-1x,.fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% }
.fa-stack-1x { line-height: inherit }
.fa-stack-2x { font-size: 2em }
.fa-inverse { color: #fff }
.fa-500px: before { content: "\f26e" }
.fa-accessible-icon: before { content: "\f368" }
.fa-accusoft: before { content: "\f369" }
.fa-acquisitions-incorporated: before { content: "\f6af" }
.fa-ad: before { content: "\f641" }
.fa-address-book: before { content: "\f2b9" }
.fa-address-card: before { content: "\f2bb" }
.fa-adjust: before { content: "\f042" }
.fa-adn: before { content: "\f170" }
.fa-adobe: before { content: "\f778" }
.fa-adversal: before { content: "\f36a" }
.fa-affiliatetheme: before { content: "\f36b" }
.fa-air-freshener: before { content: "\f5d0" }
.fa-airbnb: before { content: "\f834" }
.fa-algolia: before { content: "\f36c" }
.fa-align-center: before { content: "\f037" }
.fa-align-justify: before { content: "\f039" }
.fa-align-left: before { content: "\f036" }
.fa-align-right: before { content: "\f038" }
.fa-alipay: before { content: "\f642" }
.fa-allergies: before { content: "\f461" }
.fa-amazon: before { content: "\f270" }
.fa-amazon-pay: before { content: "\f42c" }
.fa-ambulance: before { content: "\f0f9" }
.fa-american-sign-language-interpreting: before { content: "\f2a3" }
.fa-amilia: before { content: "\f36d" }
.fa-anchor: before { content: "\f13d" }
.fa-android: before { content: "\f17b" }
.fa-angellist: before { content: "\f209" }
.fa-angle-double-down: before { content: "\f103" }
.fa-angle-double-left: before { content: "\f100" }
.fa-angle-double-right: before { content: "\f101" }
.fa-angle-double-up: before { content: "\f102" }
.fa-angle-down: before { content: "\f107" }
.fa-angle-left: before { content: "\f104" }
.fa-angle-right: before { content: "\f105" }
.fa-angle-up: before { content: "\f106" }
.fa-angry: before { content: "\f556" }
.fa-angrycreative: before { content: "\f36e" }
.fa-angular: before { content: "\f420" }
.fa-ankh: before { content: "\f644" }
.fa-app-store: before { content: "\f36f" }
.fa-app-store-ios: before { content: "\f370" }
.fa-apper: before { content: "\f371" }
.fa-apple: before { content: "\f179" }
.fa-apple-alt: before { content: "\f5d1" }
.fa-apple-pay: before { content: "\f415" }
.fa-archive: before { content: "\f187" }
.fa-archway: before { content: "\f557" }
.fa-arrow-alt-circle-down: before { content: "\f358" }
.fa-arrow-alt-circle-left: before { content: "\f359" }
.fa-arrow-alt-circle-right: before { content: "\f35a" }
.fa-arrow-alt-circle-up: before { content: "\f35b" }
.fa-arrow-circle-down: before { content: "\f0ab" }
.fa-arrow-circle-left: before { content: "\f0a8" }
.fa-arrow-circle-right: before { content: "\f0a9" }
.fa-arrow-circle-up: before { content: "\f0aa" }
.fa-arrow-down: before { content: "\f063" }
.fa-arrow-left: before { content: "\f060" }
.fa-arrow-right: before { content: "\f061" }
.fa-arrow-up: before { content: "\f062" }
.fa-arrows-alt: before { content: "\f0b2" }
.fa-arrows-alt-h: before { content: "\f337" }
.fa-arrows-alt-v: before { content: "\f338" }
.fa-artstation: before { content: "\f77a" }
.fa-assistive-listening-systems: before { content: "\f2a2" }
.fa-asterisk: before { content: "\f069" }
.fa-asymmetrik: before { content: "\f372" }
.fa-at: before { content: "\f1fa" }
.fa-atlas: before { content: "\f558" }
.fa-atlassian: before { content: "\f77b" }
.fa-atom: before { content: "\f5d2" }
.fa-audible: before { content: "\f373" }
.fa-audio-description: before { content: "\f29e" }
.fa-autoprefixer: before { content: "\f41c" }
.fa-avianex: before { content: "\f374" }
.fa-aviato: before { content: "\f421" }
.fa-award: before { content: "\f559" }
.fa-aws: before { content: "\f375" }
.fa-baby: before { content: "\f77c" }
.fa-baby-carriage: before { content: "\f77d" }
.fa-backspace: before { content: "\f55a" }
.fa-backward: before { content: "\f04a" }
.fa-bacon: before { content: "\f7e5" }
.fa-balance-scale: before { content: "\f24e" }
.fa-balance-scale-left: before { content: "\f515" }
.fa-balance-scale-right: before { content: "\f516" }
.fa-ban: before { content: "\f05e" }
.fa-band-aid: before { content: "\f462" }
.fa-bandcamp: before { content: "\f2d5" }
.fa-barcode: before { content: "\f02a" }
.fa-bars: before { content: "\f0c9" }
.fa-baseball-ball: before { content: "\f433" }
.fa-basketball-ball: before { content: "\f434" }
.fa-bath: before { content: "\f2cd" }
.fa-battery-empty: before { content: "\f244" }
.fa-battery-full: before { content: "\f240" }
.fa-battery-half: before { content: "\f242" }
.fa-battery-quarter: before { content: "\f243" }
.fa-battery-three-quarters: before { content: "\f241" }
.fa-battle-net: before { content: "\f835" }
.fa-bed: before { content: "\f236" }
.fa-beer: before { content: "\f0fc" }
.fa-behance: before { content: "\f1b4" }
.fa-behance-square: before { content: "\f1b5" }
.fa-bell: before { content: "\f0f3" }
.fa-bell-slash: before { content: "\f1f6" }
.fa-bezier-curve: before { content: "\f55b" }
.fa-bible: before { content: "\f647" }
.fa-bicycle: before { content: "\f206" }
.fa-biking: before { content: "\f84a" }
.fa-bimobject: before { content: "\f378" }
.fa-binoculars: before { content: "\f1e5" }
.fa-biohazard: before { content: "\f780" }
.fa-birthday-cake: before { content: "\f1fd" }
.fa-bitbucket: before { content: "\f171" }
.fa-bitcoin: before { content: "\f379" }
.fa-bity: before { content: "\f37a" }
.fa-black-tie: before { content: "\f27e" }
.fa-blackberry: before { content: "\f37b" }
.fa-blender: before { content: "\f517" }
.fa-blender-phone: before { content: "\f6b6" }
.fa-blind: before { content: "\f29d" }
.fa-blog: before { content: "\f781" }
.fa-blogger: before { content: "\f37c" }
.fa-blogger-b: before { content: "\f37d" }
.fa-bluetooth: before { content: "\f293" }
.fa-bluetooth-b: before { content: "\f294" }
.fa-bold: before { content: "\f032" }
.fa-bolt: before { content: "\f0e7" }
.fa-bomb: before { content: "\f1e2" }
.fa-bone: before { content: "\f5d7" }
.fa-bong: before { content: "\f55c" }
.fa-book: before { content: "\f02d" }
.fa-book-dead: before { content: "\f6b7" }
.fa-book-medical: before { content: "\f7e6" }
.fa-book-open: before { content: "\f518" }
.fa-book-reader: before { content: "\f5da" }
.fa-bookmark: before { content: "\f02e" }
.fa-bootstrap: before { content: "\f836" }
.fa-border-all: before { content: "\f84c" }
.fa-border-none: before { content: "\f850" }
.fa-border-style: before { content: "\f853" }
.fa-bowling-ball: before { content: "\f436" }
.fa-box: before { content: "\f466" }
.fa-box-open: before { content: "\f49e" }
.fa-boxes: before { content: "\f468" }
.fa-braille: before { content: "\f2a1" }
.fa-brain: before { content: "\f5dc" }
.fa-bread-slice: before { content: "\f7ec" }
.fa-briefcase: before { content: "\f0b1" }
.fa-briefcase-medical: before { content: "\f469" }
.fa-broadcast-tower: before { content: "\f519" }
.fa-broom: before { content: "\f51a" }
.fa-brush: before { content: "\f55d" }
.fa-btc: before { content: "\f15a" }
.fa-buffer: before { content: "\f837" }
.fa-bug: before { content: "\f188" }
.fa-building: before { content: "\f1ad" }
.fa-bullhorn: before { content: "\f0a1" }
.fa-bullseye: before { content: "\f140" }
.fa-burn: before { content: "\f46a" }
.fa-buromobelexperte: before { content: "\f37f" }
.fa-bus: before { content: "\f207" }
.fa-bus-alt: before { content: "\f55e" }
.fa-business-time: before { content: "\f64a" }
.fa-buysellads: before { content: "\f20d" }
.fa-calculator: before { content: "\f1ec" }
.fa-calendar: before { content: "\f133" }
.fa-calendar-alt: before { content: "\f073" }
.fa-calendar-check: before { content: "\f274" }
.fa-calendar-day: before { content: "\f783" }
.fa-calendar-minus: before { content: "\f272" }
.fa-calendar-plus: before { content: "\f271" }
.fa-calendar-times: before { content: "\f273" }
.fa-calendar-week: before { content: "\f784" }
.fa-camera: before { content: "\f030" }
.fa-camera-retro: before { content: "\f083" }
.fa-campground: before { content: "\f6bb" }
.fa-canadian-maple-leaf: before { content: "\f785" }
.fa-candy-cane: before { content: "\f786" }
.fa-cannabis: before { content: "\f55f" }
.fa-capsules: before { content: "\f46b" }
.fa-car: before { content: "\f1b9" }
.fa-car-alt: before { content: "\f5de" }
.fa-car-battery: before { content: "\f5df" }
.fa-car-crash: before { content: "\f5e1" }
.fa-car-side: before { content: "\f5e4" }
.fa-caret-down: before { content: "\f0d7" }
.fa-caret-left: before { content: "\f0d9" }
.fa-caret-right: before { content: "\f0da" }
.fa-caret-square-down: before { content: "\f150" }
.fa-caret-square-left: before { content: "\f191" }
.fa-caret-square-right: before { content: "\f152" }
.fa-caret-square-up: before { content: "\f151" }
.fa-caret-up: before { content: "\f0d8" }
.fa-carrot: before { content: "\f787" }
.fa-cart-arrow-down: before { content: "\f218" }
.fa-cart-plus: before { content: "\f217" }
.fa-cash-register: before { content: "\f788" }
.fa-cat: before { content: "\f6be" }
.fa-cc-amazon-pay: before { content: "\f42d" }
.fa-cc-amex: before { content: "\f1f3" }
.fa-cc-apple-pay: before { content: "\f416" }
.fa-cc-diners-club: before { content: "\f24c" }
.fa-cc-discover: before { content: "\f1f2" }
.fa-cc-jcb: before { content: "\f24b" }
.fa-cc-mastercard: before { content: "\f1f1" }
.fa-cc-paypal: before { content: "\f1f4" }
.fa-cc-stripe: before { content: "\f1f5" }
.fa-cc-visa: before { content: "\f1f0" }
.fa-centercode: before { content: "\f380" }
.fa-centos: before { content: "\f789" }
.fa-certificate: before { content: "\f0a3" }
.fa-chair: before { content: "\f6c0" }
.fa-chalkboard: before { content: "\f51b" }
.fa-chalkboard-teacher: before { content: "\f51c" }
.fa-charging-station: before { content: "\f5e7" }
.fa-chart-area: before { content: "\f1fe" }
.fa-chart-bar: before { content: "\f080" }
.fa-chart-line: before { content: "\f201" }
.fa-chart-pie: before { content: "\f200" }
.fa-check: before { content: "\f00c" }
.fa-check-circle: before { content: "\f058" }
.fa-check-double: before { content: "\f560" }
.fa-check-square: before { content: "\f14a" }
.fa-cheese: before { content: "\f7ef" }
.fa-chess: before { content: "\f439" }
.fa-chess-bishop: before { content: "\f43a" }
.fa-chess-board: before { content: "\f43c" }
.fa-chess-king: before { content: "\f43f" }
.fa-chess-knight: before { content: "\f441" }
.fa-chess-pawn: before { content: "\f443" }
.fa-chess-queen: before { content: "\f445" }
.fa-chess-rook: before { content: "\f447" }
.fa-chevron-circle-down: before { content: "\f13a" }
.fa-chevron-circle-left: before { content: "\f137" }
.fa-chevron-circle-right: before { content: "\f138" }
.fa-chevron-circle-up: before { content: "\f139" }
.fa-chevron-down: before { content: "\f078" }
.fa-chevron-left: before { content: "\f053" }
.fa-chevron-right: before { content: "\f054" }
.fa-chevron-up: before { content: "\f077" }
.fa-child: before { content: "\f1ae" }
.fa-chrome: before { content: "\f268" }
.fa-chromecast: before { content: "\f838" }
.fa-church: before { content: "\f51d" }
.fa-circle: before { content: "\f111" }
.fa-circle-notch: before { content: "\f1ce" }
.fa-city: before { content: "\f64f" }
.fa-clinic-medical: before { content: "\f7f2" }
.fa-clipboard: before { content: "\f328" }
.fa-clipboard-check: before { content: "\f46c" }
.fa-clipboard-list: before { content: "\f46d" }
.fa-clock: before { content: "\f017" }
.fa-clone: before { content: "\f24d" }
.fa-closed-captioning: before { content: "\f20a" }
.fa-cloud: before { content: "\f0c2" }
.fa-cloud-download-alt: before { content: "\f381" }
.fa-cloud-meatball: before { content: "\f73b" }
.fa-cloud-moon: before { content: "\f6c3" }
.fa-cloud-moon-rain: before { content: "\f73c" }
.fa-cloud-rain: before { content: "\f73d" }
.fa-cloud-showers-heavy: before { content: "\f740" }
.fa-cloud-sun: before { content: "\f6c4" }
.fa-cloud-sun-rain: before { content: "\f743" }
.fa-cloud-upload-alt: before { content: "\f382" }
.fa-cloudscale: before { content: "\f383" }
.fa-cloudsmith: before { content: "\f384" }
.fa-cloudversify: before { content: "\f385" }
.fa-cocktail: before { content: "\f561" }
.fa-code: before { content: "\f121" }
.fa-code-branch: before { content: "\f126" }
.fa-codepen: before { content: "\f1cb" }
.fa-codiepie: before { content: "\f284" }
.fa-coffee: before { content: "\f0f4" }
.fa-cog: before { content: "\f013" }
.fa-cogs: before { content: "\f085" }
.fa-coins: before { content: "\f51e" }
.fa-columns: before { content: "\f0db" }
.fa-comment: before { content: "\f075" }
.fa-comment-alt: before { content: "\f27a" }
.fa-comment-dollar: before { content: "\f651" }
.fa-comment-dots: before { content: "\f4ad" }
.fa-comment-medical: before { content: "\f7f5" }
.fa-comment-slash: before { content: "\f4b3" }
.fa-comments: before { content: "\f086" }
.fa-comments-dollar: before { content: "\f653" }
.fa-compact-disc: before { content: "\f51f" }
.fa-compass: before { content: "\f14e" }
.fa-compress: before { content: "\f066" }
.fa-compress-arrows-alt: before { content: "\f78c" }
.fa-concierge-bell: before { content: "\f562" }
.fa-confluence: before { content: "\f78d" }
.fa-connectdevelop: before { content: "\f20e" }
.fa-contao: before { content: "\f26d" }
.fa-cookie: before { content: "\f563" }
.fa-cookie-bite: before { content: "\f564" }
.fa-copy: before { content: "\f0c5" }
.fa-copyright: before { content: "\f1f9" }
.fa-cotton-bureau: before { content: "\f89e" }
.fa-couch: before { content: "\f4b8" }
.fa-cpanel: before { content: "\f388" }
.fa-creative-commons: before { content: "\f25e" }
.fa-creative-commons-by: before { content: "\f4e7" }
.fa-creative-commons-nc: before { content: "\f4e8" }
.fa-creative-commons-nc-eu: before { content: "\f4e9" }
.fa-creative-commons-nc-jp: before { content: "\f4ea" }
.fa-creative-commons-nd: before { content: "\f4eb" }
.fa-creative-commons-pd: before { content: "\f4ec" }
.fa-creative-commons-pd-alt: before { content: "\f4ed" }
.fa-creative-commons-remix: before { content: "\f4ee" }
.fa-creative-commons-sa: before { content: "\f4ef" }
.fa-creative-commons-sampling: before { content: "\f4f0" }
.fa-creative-commons-sampling-plus: before { content: "\f4f1" }
.fa-creative-commons-share: before { content: "\f4f2" }
.fa-creative-commons-zero: before { content: "\f4f3" }
.fa-credit-card: before { content: "\f09d" }
.fa-critical-role: before { content: "\f6c9" }
.fa-crop: before { content: "\f125" }
.fa-crop-alt: before { content: "\f565" }
.fa-cross: before { content: "\f654" }
.fa-crosshairs: before { content: "\f05b" }
.fa-crow: before { content: "\f520" }
.fa-crown: before { content: "\f521" }
.fa-crutch: before { content: "\f7f7" }
.fa-css3: before { content: "\f13c" }
.fa-css3-alt: before { content: "\f38b" }
.fa-cube: before { content: "\f1b2" }
.fa-cubes: before { content: "\f1b3" }
.fa-cut: before { content: "\f0c4" }
.fa-cuttlefish: before { content: "\f38c" }
.fa-d-and-d: before { content: "\f38d" }
.fa-d-and-d-beyond: before { content: "\f6ca" }
.fa-dashcube: before { content: "\f210" }
.fa-database: before { content: "\f1c0" }
.fa-deaf: before { content: "\f2a4" }
.fa-delicious: before { content: "\f1a5" }
.fa-democrat: before { content: "\f747" }
.fa-deploydog: before { content: "\f38e" }
.fa-deskpro: before { content: "\f38f" }
.fa-desktop: before { content: "\f108" }
.fa-dev: before { content: "\f6cc" }
.fa-deviantart: before { content: "\f1bd" }
.fa-dharmachakra: before { content: "\f655" }
.fa-dhl: before { content: "\f790" }
.fa-diagnoses: before { content: "\f470" }
.fa-diaspora: before { content: "\f791" }
.fa-dice: before { content: "\f522" }
.fa-dice-d20: before { content: "\f6cf" }
.fa-dice-d6: before { content: "\f6d1" }
.fa-dice-five: before { content: "\f523" }
.fa-dice-four: before { content: "\f524" }
.fa-dice-one: before { content: "\f525" }
.fa-dice-six: before { content: "\f526" }
.fa-dice-three: before { content: "\f527" }
.fa-dice-two: before { content: "\f528" }
.fa-digg: before { content: "\f1a6" }
.fa-digital-ocean: before { content: "\f391" }
.fa-digital-tachograph: before { content: "\f566" }
.fa-directions: before { content: "\f5eb" }
.fa-discord: before { content: "\f392" }
.fa-discourse: before { content: "\f393" }
.fa-divide: before { content: "\f529" }
.fa-dizzy: before { content: "\f567" }
.fa-dna: before { content: "\f471" }
.fa-dochub: before { content: "\f394" }
.fa-docker: before { content: "\f395" }
.fa-dog: before { content: "\f6d3" }
.fa-dollar-sign: before { content: "\f155" }
.fa-dolly: before { content: "\f472" }
.fa-dolly-flatbed: before { content: "\f474" }
.fa-donate: before { content: "\f4b9" }
.fa-door-closed: before { content: "\f52a" }
.fa-door-open: before { content: "\f52b" }
.fa-dot-circle: before { content: "\f192" }
.fa-dove: before { content: "\f4ba" }
.fa-download: before { content: "\f019" }
.fa-draft2digital: before { content: "\f396" }
.fa-drafting-compass: before { content: "\f568" }
.fa-dragon: before { content: "\f6d5" }
.fa-draw-polygon: before { content: "\f5ee" }
.fa-dribbble: before { content: "\f17d" }
.fa-dribbble-square: before { content: "\f397" }
.fa-dropbox: before { content: "\f16b" }
.fa-drum: before { content: "\f569" }
.fa-drum-steelpan: before { content: "\f56a" }
.fa-drumstick-bite: before { content: "\f6d7" }
.fa-drupal: before { content: "\f1a9" }
.fa-dumbbell: before { content: "\f44b" }
.fa-dumpster: before { content: "\f793" }
.fa-dumpster-fire: before { content: "\f794" }
.fa-dungeon: before { content: "\f6d9" }
.fa-dyalog: before { content: "\f399" }
.fa-earlybirds: before { content: "\f39a" }
.fa-ebay: before { content: "\f4f4" }
.fa-edge: before { content: "\f282" }
.fa-edit: before { content: "\f044" }
.fa-egg: before { content: "\f7fb" }
.fa-eject: before { content: "\f052" }
.fa-elementor: before { content: "\f430" }
.fa-ellipsis-h: before { content: "\f141" }
.fa-ellipsis-v: before { content: "\f142" }
.fa-ello: before { content: "\f5f1" }
.fa-ember: before { content: "\f423" }
.fa-empire: before { content: "\f1d1" }
.fa-envelope: before { content: "\f0e0" }
.fa-envelope-open: before { content: "\f2b6" }
.fa-envelope-open-text: before { content: "\f658" }
.fa-envelope-square: before { content: "\f199" }
.fa-envira: before { content: "\f299" }
.fa-equals: before { content: "\f52c" }
.fa-eraser: before { content: "\f12d" }
.fa-erlang: before { content: "\f39d" }
.fa-ethereum: before { content: "\f42e" }
.fa-ethernet: before { content: "\f796" }
.fa-etsy: before { content: "\f2d7" }
.fa-euro-sign: before { content: "\f153" }
.fa-evernote: before { content: "\f839" }
.fa-exchange-alt: before { content: "\f362" }
.fa-exclamation: before { content: "\f12a" }
.fa-exclamation-circle: before { content: "\f06a" }
.fa-exclamation-triangle: before { content: "\f071" }
.fa-expand: before { content: "\f065" }
.fa-expand-arrows-alt: before { content: "\f31e" }
.fa-expeditedssl: before { content: "\f23e" }
.fa-external-link-alt: before { content: "\f35d" }
.fa-external-link-square-alt: before { content: "\f360" }
.fa-eye: before { content: "\f06e" }
.fa-eye-dropper: before { content: "\f1fb" }
.fa-eye-slash: before { content: "\f070" }
.fa-facebook: before { content: "\f09a" }
.fa-facebook-f: before { content: "\f39e" }
.fa-facebook-messenger: before { content: "\f39f" }
.fa-facebook-square: before { content: "\f082" }
.fa-fan: before { content: "\f863" }
.fa-fantasy-flight-games: before { content: "\f6dc" }
.fa-fast-backward: before { content: "\f049" }
.fa-fast-forward: before { content: "\f050" }
.fa-fax: before { content: "\f1ac" }
.fa-feather: before { content: "\f52d" }
.fa-feather-alt: before { content: "\f56b" }
.fa-fedex: before { content: "\f797" }
.fa-fedora: before { content: "\f798" }
.fa-female: before { content: "\f182" }
.fa-fighter-jet: before { content: "\f0fb" }
.fa-figma: before { content: "\f799" }
.fa-file: before { content: "\f15b" }
.fa-file-alt: before { content: "\f15c" }
.fa-file-archive: before { content: "\f1c6" }
.fa-file-audio: before { content: "\f1c7" }
.fa-file-code: before { content: "\f1c9" }
.fa-file-contract: before { content: "\f56c" }
.fa-file-csv: before { content: "\f6dd" }
.fa-file-download: before { content: "\f56d" }
.fa-file-excel: before { content: "\f1c3" }
.fa-file-export: before { content: "\f56e" }
.fa-file-image: before { content: "\f1c5" }
.fa-file-import: before { content: "\f56f" }
.fa-file-invoice: before { content: "\f570" }
.fa-file-invoice-dollar: before { content: "\f571" }
.fa-file-medical: before { content: "\f477" }
.fa-file-medical-alt: before { content: "\f478" }
.fa-file-pdf: before { content: "\f1c1" }
.fa-file-powerpoint: before { content: "\f1c4" }
.fa-file-prescription: before { content: "\f572" }
.fa-file-signature: before { content: "\f573" }
.fa-file-upload: before { content: "\f574" }
.fa-file-video: before { content: "\f1c8" }
.fa-file-word: before { content: "\f1c2" }
.fa-fill: before { content: "\f575" }
.fa-fill-drip: before { content: "\f576" }
.fa-film: before { content: "\f008" }
.fa-filter: before { content: "\f0b0" }
.fa-fingerprint: before { content: "\f577" }
.fa-fire: before { content: "\f06d" }
.fa-fire-alt: before { content: "\f7e4" }
.fa-fire-extinguisher: before { content: "\f134" }
.fa-firefox: before { content: "\f269" }
.fa-first-aid: before { content: "\f479" }
.fa-first-order: before { content: "\f2b0" }
.fa-first-order-alt: before { content: "\f50a" }
.fa-firstdraft: before { content: "\f3a1" }
.fa-fish: before { content: "\f578" }
.fa-fist-raised: before { content: "\f6de" }
.fa-flag: before { content: "\f024" }
.fa-flag-checkered: before { content: "\f11e" }
.fa-flag-usa: before { content: "\f74d" }
.fa-flask: before { content: "\f0c3" }
.fa-flickr: before { content: "\f16e" }
.fa-flipboard: before { content: "\f44d" }
.fa-flushed: before { content: "\f579" }
.fa-fly: before { content: "\f417" }
.fa-folder: before { content: "\f07b" }
.fa-folder-minus: before { content: "\f65d" }
.fa-folder-open: before { content: "\f07c" }
.fa-folder-plus: before { content: "\f65e" }
.fa-font: before { content: "\f031" }
.fa-font-awesome: before { content: "\f2b4" }
.fa-font-awesome-alt: before { content: "\f35c" }
.fa-font-awesome-flag: before { content: "\f425" }
.fa-font-awesome-logo-full: before { content: "\f4e6" }
.fa-fonticons: before { content: "\f280" }
.fa-fonticons-fi: before { content: "\f3a2" }
.fa-football-ball: before { content: "\f44e" }
.fa-fort-awesome: before { content: "\f286" }
.fa-fort-awesome-alt: before { content: "\f3a3" }
.fa-forumbee: before { content: "\f211" }
.fa-forward: before { content: "\f04e" }
.fa-foursquare: before { content: "\f180" }
.fa-free-code-camp: before { content: "\f2c5" }
.fa-freebsd: before { content: "\f3a4" }
.fa-frog: before { content: "\f52e" }
.fa-frown: before { content: "\f119" }
.fa-frown-open: before { content: "\f57a" }
.fa-fulcrum: before { content: "\f50b" }
.fa-funnel-dollar: before { content: "\f662" }
.fa-futbol: before { content: "\f1e3" }
.fa-galactic-republic: before { content: "\f50c" }
.fa-galactic-senate: before { content: "\f50d" }
.fa-gamepad: before { content: "\f11b" }
.fa-gas-pump: before { content: "\f52f" }
.fa-gavel: before { content: "\f0e3" }
.fa-gem: before { content: "\f3a5" }
.fa-genderless: before { content: "\f22d" }
.fa-get-pocket: before { content: "\f265" }
.fa-gg: before { content: "\f260" }
.fa-gg-circle: before { content: "\f261" }
.fa-ghost: before { content: "\f6e2" }
.fa-gift: before { content: "\f06b" }
.fa-gifts: before { content: "\f79c" }
.fa-git: before { content: "\f1d3" }
.fa-git-alt: before { content: "\f841" }
.fa-git-square: before { content: "\f1d2" }
.fa-github: before { content: "\f09b" }
.fa-github-alt: before { content: "\f113" }
.fa-github-square: before { content: "\f092" }
.fa-gitkraken: before { content: "\f3a6" }
.fa-gitlab: before { content: "\f296" }
.fa-gitter: before { content: "\f426" }
.fa-glass-cheers: before { content: "\f79f" }
.fa-glass-martini: before { content: "\f000" }
.fa-glass-martini-alt: before { content: "\f57b" }
.fa-glass-whiskey: before { content: "\f7a0" }
.fa-glasses: before { content: "\f530" }
.fa-glide: before { content: "\f2a5" }
.fa-glide-g: before { content: "\f2a6" }
.fa-globe: before { content: "\f0ac" }
.fa-globe-africa: before { content: "\f57c" }
.fa-globe-americas: before { content: "\f57d" }
.fa-globe-asia: before { content: "\f57e" }
.fa-globe-europe: before { content: "\f7a2" }
.fa-gofore: before { content: "\f3a7" }
.fa-golf-ball: before { content: "\f450" }
.fa-goodreads: before { content: "\f3a8" }
.fa-goodreads-g: before { content: "\f3a9" }
.fa-google: before { content: "\f1a0" }
.fa-google-drive: before { content: "\f3aa" }
.fa-google-play: before { content: "\f3ab" }
.fa-google-plus: before { content: "\f2b3" }
.fa-google-plus-g: before { content: "\f0d5" }
.fa-google-plus-square: before { content: "\f0d4" }
.fa-google-wallet: before { content: "\f1ee" }
.fa-gopuram: before { content: "\f664" }
.fa-graduation-cap: before { content: "\f19d" }
.fa-gratipay: before { content: "\f184" }
.fa-grav: before { content: "\f2d6" }
.fa-greater-than: before { content: "\f531" }
.fa-greater-than-equal: before { content: "\f532" }
.fa-grimace: before { content: "\f57f" }
.fa-grin: before { content: "\f580" }
.fa-grin-alt: before { content: "\f581" }
.fa-grin-beam: before { content: "\f582" }
.fa-grin-beam-sweat: before { content: "\f583" }
.fa-grin-hearts: before { content: "\f584" }
.fa-grin-squint: before { content: "\f585" }
.fa-grin-squint-tears: before { content: "\f586" }
.fa-grin-stars: before { content: "\f587" }
.fa-grin-tears: before { content: "\f588" }
.fa-grin-tongue: before { content: "\f589" }
.fa-grin-tongue-squint: before { content: "\f58a" }
.fa-grin-tongue-wink: before { content: "\f58b" }
.fa-grin-wink: before { content: "\f58c" }
.fa-grip-horizontal: before { content: "\f58d" }
.fa-grip-lines: before { content: "\f7a4" }
.fa-grip-lines-vertical: before { content: "\f7a5" }
.fa-grip-vertical: before { content: "\f58e" }
.fa-gripfire: before { content: "\f3ac" }
.fa-grunt: before { content: "\f3ad" }
.fa-guitar: before { content: "\f7a6" }
.fa-gulp: before { content: "\f3ae" }
.fa-h-square: before { content: "\f0fd" }
.fa-hacker-news: before { content: "\f1d4" }
.fa-hacker-news-square: before { content: "\f3af" }
.fa-hackerrank: before { content: "\f5f7" }
.fa-hamburger: before { content: "\f805" }
.fa-hammer: before { content: "\f6e3" }
.fa-hamsa: before { content: "\f665" }
.fa-hand-holding: before { content: "\f4bd" }
.fa-hand-holding-heart: before { content: "\f4be" }
.fa-hand-holding-usd: before { content: "\f4c0" }
.fa-hand-lizard: before { content: "\f258" }
.fa-hand-middle-finger: before { content: "\f806" }
.fa-hand-paper: before { content: "\f256" }
.fa-hand-peace: before { content: "\f25b" }
.fa-hand-point-down: before { content: "\f0a7" }
.fa-hand-point-left: before { content: "\f0a5" }
.fa-hand-point-right: before { content: "\f0a4" }
.fa-hand-point-up: before { content: "\f0a6" }
.fa-hand-pointer: before { content: "\f25a" }
.fa-hand-rock: before { content: "\f255" }
.fa-hand-scissors: before { content: "\f257" }
.fa-hand-spock: before { content: "\f259" }
.fa-hands: before { content: "\f4c2" }
.fa-hands-helping: before { content: "\f4c4" }
.fa-handshake: before { content: "\f2b5" }
.fa-hanukiah: before { content: "\f6e6" }
.fa-hard-hat: before { content: "\f807" }
.fa-hashtag: before { content: "\f292" }
.fa-hat-wizard: before { content: "\f6e8" }
.fa-haykal: before { content: "\f666" }
.fa-hdd: before { content: "\f0a0" }
.fa-heading: before { content: "\f1dc" }
.fa-headphones: before { content: "\f025" }
.fa-headphones-alt: before { content: "\f58f" }
.fa-headset: before { content: "\f590" }
.fa-heart: before { content: "\f004" }
.fa-heart-broken: before { content: "\f7a9" }
.fa-heartbeat: before { content: "\f21e" }
.fa-helicopter: before { content: "\f533" }
.fa-highlighter: before { content: "\f591" }
.fa-hiking: before { content: "\f6ec" }
.fa-hippo: before { content: "\f6ed" }
.fa-hips: before { content: "\f452" }
.fa-hire-a-helper: before { content: "\f3b0" }
.fa-history: before { content: "\f1da" }
.fa-hockey-puck: before { content: "\f453" }
.fa-holly-berry: before { content: "\f7aa" }
.fa-home: before { content: "\f015" }
.fa-hooli: before { content: "\f427" }
.fa-hornbill: before { content: "\f592" }
.fa-horse: before { content: "\f6f0" }
.fa-horse-head: before { content: "\f7ab" }
.fa-hospital: before { content: "\f0f8" }
.fa-hospital-alt: before { content: "\f47d" }
.fa-hospital-symbol: before { content: "\f47e" }
.fa-hot-tub: before { content: "\f593" }
.fa-hotdog: before { content: "\f80f" }
.fa-hotel: before { content: "\f594" }
.fa-hotjar: before { content: "\f3b1" }
.fa-hourglass: before { content: "\f254" }
.fa-hourglass-end: before { content: "\f253" }
.fa-hourglass-half: before { content: "\f252" }
.fa-hourglass-start: before { content: "\f251" }
.fa-house-damage: before { content: "\f6f1" }
.fa-houzz: before { content: "\f27c" }
.fa-hryvnia: before { content: "\f6f2" }
.fa-html5: before { content: "\f13b" }
.fa-hubspot: before { content: "\f3b2" }
.fa-i-cursor: before { content: "\f246" }
.fa-ice-cream: before { content: "\f810" }
.fa-icicles: before { content: "\f7ad" }
.fa-icons: before { content: "\f86d" }
.fa-id-badge: before { content: "\f2c1" }
.fa-id-card: before { content: "\f2c2" }
.fa-id-card-alt: before { content: "\f47f" }
.fa-igloo: before { content: "\f7ae" }
.fa-image: before { content: "\f03e" }
.fa-images: before { content: "\f302" }
.fa-imdb: before { content: "\f2d8" }
.fa-inbox: before { content: "\f01c" }
.fa-indent: before { content: "\f03c" }
.fa-industry: before { content: "\f275" }
.fa-infinity: before { content: "\f534" }
.fa-info: before { content: "\f129" }
.fa-info-circle: before { content: "\f05a" }
.fa-instagram: before { content: "\f16d" }
.fa-intercom: before { content: "\f7af" }
.fa-internet-explorer: before { content: "\f26b" }
.fa-invision: before { content: "\f7b0" }
.fa-ioxhost: before { content: "\f208" }
.fa-italic: before { content: "\f033" }
.fa-itch-io: before { content: "\f83a" }
.fa-itunes: before { content: "\f3b4" }
.fa-itunes-note: before { content: "\f3b5" }
.fa-java: before { content: "\f4e4" }
.fa-jedi: before { content: "\f669" }
.fa-jedi-order: before { content: "\f50e" }
.fa-jenkins: before { content: "\f3b6" }
.fa-jira: before { content: "\f7b1" }
.fa-joget: before { content: "\f3b7" }
.fa-joint: before { content: "\f595" }
.fa-joomla: before { content: "\f1aa" }
.fa-journal-whills: before { content: "\f66a" }
.fa-js: before { content: "\f3b8" }
.fa-js-square: before { content: "\f3b9" }
.fa-jsfiddle: before { content: "\f1cc" }
.fa-kaaba: before { content: "\f66b" }
.fa-kaggle: before { content: "\f5fa" }
.fa-key: before { content: "\f084" }
.fa-keybase: before { content: "\f4f5" }
.fa-keyboard: before { content: "\f11c" }
.fa-keycdn: before { content: "\f3ba" }
.fa-khanda: before { content: "\f66d" }
.fa-kickstarter: before { content: "\f3bb" }
.fa-kickstarter-k: before { content: "\f3bc" }
.fa-kiss: before { content: "\f596" }
.fa-kiss-beam: before { content: "\f597" }
.fa-kiss-wink-heart: before { content: "\f598" }
.fa-kiwi-bird: before { content: "\f535" }
.fa-korvue: before { content: "\f42f" }
.fa-landmark: before { content: "\f66f" }
.fa-language: before { content: "\f1ab" }
.fa-laptop: before { content: "\f109" }
.fa-laptop-code: before { content: "\f5fc" }
.fa-laptop-medical: before { content: "\f812" }
.fa-laravel: before { content: "\f3bd" }
.fa-lastfm: before { content: "\f202" }
.fa-lastfm-square: before { content: "\f203" }
.fa-laugh: before { content: "\f599" }
.fa-laugh-beam: before { content: "\f59a" }
.fa-laugh-squint: before { content: "\f59b" }
.fa-laugh-wink: before { content: "\f59c" }
.fa-layer-group: before { content: "\f5fd" }
.fa-leaf: before { content: "\f06c" }
.fa-leanpub: before { content: "\f212" }
.fa-lemon: before { content: "\f094" }
.fa-less: before { content: "\f41d" }
.fa-less-than: before { content: "\f536" }
.fa-less-than-equal: before { content: "\f537" }
.fa-level-down-alt: before { content: "\f3be" }
.fa-level-up-alt: before { content: "\f3bf" }
.fa-life-ring: before { content: "\f1cd" }
.fa-lightbulb: before { content: "\f0eb" }
.fa-line: before { content: "\f3c0" }
.fa-link: before { content: "\f0c1" }
.fa-linkedin: before { content: "\f08c" }
.fa-linkedin-in: before { content: "\f0e1" }
.fa-linode: before { content: "\f2b8" }
.fa-linux: before { content: "\f17c" }
.fa-lira-sign: before { content: "\f195" }
.fa-list: before { content: "\f03a" }
.fa-list-alt: before { content: "\f022" }
.fa-list-ol: before { content: "\f0cb" }
.fa-list-ul: before { content: "\f0ca" }
.fa-location-arrow: before { content: "\f124" }
.fa-lock: before { content: "\f023" }
.fa-lock-open: before { content: "\f3c1" }
.fa-long-arrow-alt-down: before { content: "\f309" }
.fa-long-arrow-alt-left: before { content: "\f30a" }
.fa-long-arrow-alt-right: before { content: "\f30b" }
.fa-long-arrow-alt-up: before { content: "\f30c" }
.fa-low-vision: before { content: "\f2a8" }
.fa-luggage-cart: before { content: "\f59d" }
.fa-lyft: before { content: "\f3c3" }
.fa-magento: before { content: "\f3c4" }
.fa-magic: before { content: "\f0d0" }
.fa-magnet: before { content: "\f076" }
.fa-mail-bulk: before { content: "\f674" }
.fa-mailchimp: before { content: "\f59e" }
.fa-male: before { content: "\f183" }
.fa-mandalorian: before { content: "\f50f" }
.fa-map: before { content: "\f279" }
.fa-map-marked: before { content: "\f59f" }
.fa-map-marked-alt: before { content: "\f5a0" }
.fa-map-marker: before { content: "\f041" }
.fa-map-marker-alt: before { content: "\f3c5" }
.fa-map-pin: before { content: "\f276" }
.fa-map-signs: before { content: "\f277" }
.fa-markdown: before { content: "\f60f" }
.fa-marker: before { content: "\f5a1" }
.fa-mars: before { content: "\f222" }
.fa-mars-double: before { content: "\f227" }
.fa-mars-stroke: before { content: "\f229" }
.fa-mars-stroke-h: before { content: "\f22b" }
.fa-mars-stroke-v: before { content: "\f22a" }
.fa-mask: before { content: "\f6fa" }
.fa-mastodon: before { content: "\f4f6" }
.fa-maxcdn: before { content: "\f136" }
.fa-medal: before { content: "\f5a2" }
.fa-medapps: before { content: "\f3c6" }
.fa-medium: before { content: "\f23a" }
.fa-medium-m: before { content: "\f3c7" }
.fa-medkit: before { content: "\f0fa" }
.fa-medrt: before { content: "\f3c8" }
.fa-meetup: before { content: "\f2e0" }
.fa-megaport: before { content: "\f5a3" }
.fa-meh: before { content: "\f11a" }
.fa-meh-blank: before { content: "\f5a4" }
.fa-meh-rolling-eyes: before { content: "\f5a5" }
.fa-memory: before { content: "\f538" }
.fa-mendeley: before { content: "\f7b3" }
.fa-menorah: before { content: "\f676" }
.fa-mercury: before { content: "\f223" }
.fa-meteor: before { content: "\f753" }
.fa-microchip: before { content: "\f2db" }
.fa-microphone: before { content: "\f130" }
.fa-microphone-alt: before { content: "\f3c9" }
.fa-microphone-alt-slash: before { content: "\f539" }
.fa-microphone-slash: before { content: "\f131" }
.fa-microscope: before { content: "\f610" }
.fa-microsoft: before { content: "\f3ca" }
.fa-minus: before { content: "\f068" }
.fa-minus-circle: before { content: "\f056" }
.fa-minus-square: before { content: "\f146" }
.fa-mitten: before { content: "\f7b5" }
.fa-mix: before { content: "\f3cb" }
.fa-mixcloud: before { content: "\f289" }
.fa-mizuni: before { content: "\f3cc" }
.fa-mobile: before { content: "\f10b" }
.fa-mobile-alt: before { content: "\f3cd" }
.fa-modx: before { content: "\f285" }
.fa-monero: before { content: "\f3d0" }
.fa-money-bill: before { content: "\f0d6" }
.fa-money-bill-alt: before { content: "\f3d1" }
.fa-money-bill-wave: before { content: "\f53a" }
.fa-money-bill-wave-alt: before { content: "\f53b" }
.fa-money-check: before { content: "\f53c" }
.fa-money-check-alt: before { content: "\f53d" }
.fa-monument: before { content: "\f5a6" }
.fa-moon: before { content: "\f186" }
.fa-mortar-pestle: before { content: "\f5a7" }
.fa-mosque: before { content: "\f678" }
.fa-motorcycle: before { content: "\f21c" }
.fa-mountain: before { content: "\f6fc" }
.fa-mouse-pointer: before { content: "\f245" }
.fa-mug-hot: before { content: "\f7b6" }
.fa-music: before { content: "\f001" }
.fa-napster: before { content: "\f3d2" }
.fa-neos: before { content: "\f612" }
.fa-network-wired: before { content: "\f6ff" }
.fa-neuter: before { content: "\f22c" }
.fa-newspaper: before { content: "\f1ea" }
.fa-nimblr: before { content: "\f5a8" }
.fa-node: before { content: "\f419" }
.fa-node-js: before { content: "\f3d3" }
.fa-not-equal: before { content: "\f53e" }
.fa-notes-medical: before { content: "\f481" }
.fa-npm: before { content: "\f3d4" }
.fa-ns8: before { content: "\f3d5" }
.fa-nutritionix: before { content: "\f3d6" }
.fa-object-group: before { content: "\f247" }
.fa-object-ungroup: before { content: "\f248" }
.fa-odnoklassniki: before { content: "\f263" }
.fa-odnoklassniki-square: before { content: "\f264" }
.fa-oil-can: before { content: "\f613" }
.fa-old-republic: before { content: "\f510" }
.fa-om: before { content: "\f679" }
.fa-opencart: before { content: "\f23d" }
.fa-openid: before { content: "\f19b" }
.fa-opera: before { content: "\f26a" }
.fa-optin-monster: before { content: "\f23c" }
.fa-osi: before { content: "\f41a" }
.fa-otter: before { content: "\f700" }
.fa-outdent: before { content: "\f03b" }
.fa-page4: before { content: "\f3d7" }
.fa-pagelines: before { content: "\f18c" }
.fa-pager: before { content: "\f815" }
.fa-paint-brush: before { content: "\f1fc" }
.fa-paint-roller: before { content: "\f5aa" }
.fa-palette: before { content: "\f53f" }
.fa-palfed: before { content: "\f3d8" }
.fa-pallet: before { content: "\f482" }
.fa-paper-plane: before { content: "\f1d8" }
.fa-paperclip: before { content: "\f0c6" }
.fa-parachute-box: before { content: "\f4cd" }
.fa-paragraph: before { content: "\f1dd" }
.fa-parking: before { content: "\f540" }
.fa-passport: before { content: "\f5ab" }
.fa-pastafarianism: before { content: "\f67b" }
.fa-paste: before { content: "\f0ea" }
.fa-patreon: before { content: "\f3d9" }
.fa-pause: before { content: "\f04c" }
.fa-pause-circle: before { content: "\f28b" }
.fa-paw: before { content: "\f1b0" }
.fa-paypal: before { content: "\f1ed" }
.fa-peace: before { content: "\f67c" }
.fa-pen: before { content: "\f304" }
.fa-pen-alt: before { content: "\f305" }
.fa-pen-fancy: before { content: "\f5ac" }
.fa-pen-nib: before { content: "\f5ad" }
.fa-pen-square: before { content: "\f14b" }
.fa-pencil-alt: before { content: "\f303" }
.fa-pencil-ruler: before { content: "\f5ae" }
.fa-penny-arcade: before { content: "\f704" }
.fa-people-carry: before { content: "\f4ce" }
.fa-pepper-hot: before { content: "\f816" }
.fa-percent: before { content: "\f295" }
.fa-percentage: before { content: "\f541" }
.fa-periscope: before { content: "\f3da" }
.fa-person-booth: before { content: "\f756" }
.fa-phabricator: before { content: "\f3db" }
.fa-phoenix-framework: before { content: "\f3dc" }
.fa-phoenix-squadron: before { content: "\f511" }
.fa-phone: before { content: "\f095" }
.fa-phone-alt: before { content: "\f879" }
.fa-phone-slash: before { content: "\f3dd" }
.fa-phone-square: before { content: "\f098" }
.fa-phone-square-alt: before { content: "\f87b" }
.fa-phone-volume: before { content: "\f2a0" }
.fa-photo-video: before { content: "\f87c" }
.fa-php: before { content: "\f457" }
.fa-pied-piper: before { content: "\f2ae" }
.fa-pied-piper-alt: before { content: "\f1a8" }
.fa-pied-piper-hat: before { content: "\f4e5" }
.fa-pied-piper-pp: before { content: "\f1a7" }
.fa-piggy-bank: before { content: "\f4d3" }
.fa-pills: before { content: "\f484" }
.fa-pinterest: before { content: "\f0d2" }
.fa-pinterest-p: before { content: "\f231" }
.fa-pinterest-square: before { content: "\f0d3" }
.fa-pizza-slice: before { content: "\f818" }
.fa-place-of-worship: before { content: "\f67f" }
.fa-plane: before { content: "\f072" }
.fa-plane-arrival: before { content: "\f5af" }
.fa-plane-departure: before { content: "\f5b0" }
.fa-play: before { content: "\f04b" }
.fa-play-circle: before { content: "\f144" }
.fa-playstation: before { content: "\f3df" }
.fa-plug: before { content: "\f1e6" }
.fa-plus: before { content: "\f067" }
.fa-plus-circle: before { content: "\f055" }
.fa-plus-square: before { content: "\f0fe" }
.fa-podcast: before { content: "\f2ce" }
.fa-poll: before { content: "\f681" }
.fa-poll-h: before { content: "\f682" }
.fa-poo: before { content: "\f2fe" }
.fa-poo-storm: before { content: "\f75a" }
.fa-poop: before { content: "\f619" }
.fa-portrait: before { content: "\f3e0" }
.fa-pound-sign: before { content: "\f154" }
.fa-power-off: before { content: "\f011" }
.fa-pray: before { content: "\f683" }
.fa-praying-hands: before { content: "\f684" }
.fa-prescription: before { content: "\f5b1" }
.fa-prescription-bottle: before { content: "\f485" }
.fa-prescription-bottle-alt: before { content: "\f486" }
.fa-print: before { content: "\f02f" }
.fa-procedures: before { content: "\f487" }
.fa-product-hunt: before { content: "\f288" }
.fa-project-diagram: before { content: "\f542" }
.fa-pushed: before { content: "\f3e1" }
.fa-puzzle-piece: before { content: "\f12e" }
.fa-python: before { content: "\f3e2" }
.fa-qq: before { content: "\f1d6" }
.fa-qrcode: before { content: "\f029" }
.fa-question: before { content: "\f128" }
.fa-question-circle: before { content: "\f059" }
.fa-quidditch: before { content: "\f458" }
.fa-quinscape: before { content: "\f459" }
.fa-quora: before { content: "\f2c4" }
.fa-quote-left: before { content: "\f10d" }
.fa-quote-right: before { content: "\f10e" }
.fa-quran: before { content: "\f687" }
.fa-r-project: before { content: "\f4f7" }
.fa-radiation: before { content: "\f7b9" }
.fa-radiation-alt: before { content: "\f7ba" }
.fa-rainbow: before { content: "\f75b" }
.fa-random: before { content: "\f074" }
.fa-raspberry-pi: before { content: "\f7bb" }
.fa-ravelry: before { content: "\f2d9" }
.fa-react: before { content: "\f41b" }
.fa-reacteurope: before { content: "\f75d" }
.fa-readme: before { content: "\f4d5" }
.fa-rebel: before { content: "\f1d0" }
.fa-receipt: before { content: "\f543" }
.fa-recycle: before { content: "\f1b8" }
.fa-red-river: before { content: "\f3e3" }
.fa-reddit: before { content: "\f1a1" }
.fa-reddit-alien: before { content: "\f281" }
.fa-reddit-square: before { content: "\f1a2" }
.fa-redhat: before { content: "\f7bc" }
.fa-redo: before { content: "\f01e" }
.fa-redo-alt: before { content: "\f2f9" }
.fa-registered: before { content: "\f25d" }
.fa-remove-format: before { content: "\f87d" }
.fa-renren: before { content: "\f18b" }
.fa-reply: before { content: "\f3e5" }
.fa-reply-all: before { content: "\f122" }
.fa-replyd: before { content: "\f3e6" }
.fa-republican: before { content: "\f75e" }
.fa-researchgate: before { content: "\f4f8" }
.fa-resolving: before { content: "\f3e7" }
.fa-restroom: before { content: "\f7bd" }
.fa-retweet: before { content: "\f079" }
.fa-rev: before { content: "\f5b2" }
.fa-ribbon: before { content: "\f4d6" }
.fa-ring: before { content: "\f70b" }
.fa-road: before { content: "\f018" }
.fa-robot: before { content: "\f544" }
.fa-rocket: before { content: "\f135" }
.fa-rocketchat: before { content: "\f3e8" }
.fa-rockrms: before { content: "\f3e9" }
.fa-route: before { content: "\f4d7" }
.fa-rss: before { content: "\f09e" }
.fa-rss-square: before { content: "\f143" }
.fa-ruble-sign: before { content: "\f158" }
.fa-ruler: before { content: "\f545" }
.fa-ruler-combined: before { content: "\f546" }
.fa-ruler-horizontal: before { content: "\f547" }
.fa-ruler-vertical: before { content: "\f548" }
.fa-running: before { content: "\f70c" }
.fa-rupee-sign: before { content: "\f156" }
.fa-sad-cry: before { content: "\f5b3" }
.fa-sad-tear: before { content: "\f5b4" }
.fa-safari: before { content: "\f267" }
.fa-salesforce: before { content: "\f83b" }
.fa-sass: before { content: "\f41e" }
.fa-satellite: before { content: "\f7bf" }
.fa-satellite-dish: before { content: "\f7c0" }
.fa-save: before { content: "\f0c7" }
.fa-schlix: before { content: "\f3ea" }
.fa-school: before { content: "\f549" }
.fa-screwdriver: before { content: "\f54a" }
.fa-scribd: before { content: "\f28a" }
.fa-scroll: before { content: "\f70e" }
.fa-sd-card: before { content: "\f7c2" }
.fa-search: before { content: "\f002" }
.fa-search-dollar: before { content: "\f688" }
.fa-search-location: before { content: "\f689" }
.fa-search-minus: before { content: "\f010" }
.fa-search-plus: before { content: "\f00e" }
.fa-searchengin: before { content: "\f3eb" }
.fa-seedling: before { content: "\f4d8" }
.fa-sellcast: before { content: "\f2da" }
.fa-sellsy: before { content: "\f213" }
.fa-server: before { content: "\f233" }
.fa-servicestack: before { content: "\f3ec" }
.fa-shapes: before { content: "\f61f" }
.fa-share: before { content: "\f064" }
.fa-share-alt: before { content: "\f1e0" }
.fa-share-alt-square: before { content: "\f1e1" }
.fa-share-square: before { content: "\f14d" }
.fa-shekel-sign: before { content: "\f20b" }
.fa-shield-alt: before { content: "\f3ed" }
.fa-ship: before { content: "\f21a" }
.fa-shipping-fast: before { content: "\f48b" }
.fa-shirtsinbulk: before { content: "\f214" }
.fa-shoe-prints: before { content: "\f54b" }
.fa-shopping-bag: before { content: "\f290" }
.fa-shopping-basket: before { content: "\f291" }
.fa-shopping-cart: before { content: "\f07a" }
.fa-shopware: before { content: "\f5b5" }
.fa-shower: before { content: "\f2cc" }
.fa-shuttle-van: before { content: "\f5b6" }
.fa-sign: before { content: "\f4d9" }
.fa-sign-in-alt: before { content: "\f2f6" }
.fa-sign-language: before { content: "\f2a7" }
.fa-sign-out-alt: before { content: "\f2f5" }
.fa-signal: before { content: "\f012" }
.fa-signature: before { content: "\f5b7" }
.fa-sim-card: before { content: "\f7c4" }
.fa-simplybuilt: before { content: "\f215" }
.fa-sistrix: before { content: "\f3ee" }
.fa-sitemap: before { content: "\f0e8" }
.fa-sith: before { content: "\f512" }
.fa-skating: before { content: "\f7c5" }
.fa-sketch: before { content: "\f7c6" }
.fa-skiing: before { content: "\f7c9" }
.fa-skiing-nordic: before { content: "\f7ca" }
.fa-skull: before { content: "\f54c" }
.fa-skull-crossbones: before { content: "\f714" }
.fa-skyatlas: before { content: "\f216" }
.fa-skype: before { content: "\f17e" }
.fa-slack: before { content: "\f198" }
.fa-slack-hash: before { content: "\f3ef" }
.fa-slash: before { content: "\f715" }
.fa-sleigh: before { content: "\f7cc" }
.fa-sliders-h: before { content: "\f1de" }
.fa-slideshare: before { content: "\f1e7" }
.fa-smile: before { content: "\f118" }
.fa-smile-beam: before { content: "\f5b8" }
.fa-smile-wink: before { content: "\f4da" }
.fa-smog: before { content: "\f75f" }
.fa-smoking: before { content: "\f48d" }
.fa-smoking-ban: before { content: "\f54d" }
.fa-sms: before { content: "\f7cd" }
.fa-snapchat: before { content: "\f2ab" }
.fa-snapchat-ghost: before { content: "\f2ac" }
.fa-snapchat-square: before { content: "\f2ad" }
.fa-snowboarding: before { content: "\f7ce" }
.fa-snowflake: before { content: "\f2dc" }
.fa-snowman: before { content: "\f7d0" }
.fa-snowplow: before { content: "\f7d2" }
.fa-socks: before { content: "\f696" }
.fa-solar-panel: before { content: "\f5ba" }
.fa-sort: before { content: "\f0dc" }
.fa-sort-alpha-down: before { content: "\f15d" }
.fa-sort-alpha-down-alt: before { content: "\f881" }
.fa-sort-alpha-up: before { content: "\f15e" }
.fa-sort-alpha-up-alt: before { content: "\f882" }
.fa-sort-amount-down: before { content: "\f160" }
.fa-sort-amount-down-alt: before { content: "\f884" }
.fa-sort-amount-up: before { content: "\f161" }
.fa-sort-amount-up-alt: before { content: "\f885" }
.fa-sort-down: before { content: "\f0dd" }
.fa-sort-numeric-down: before { content: "\f162" }
.fa-sort-numeric-down-alt: before { content: "\f886" }
.fa-sort-numeric-up: before { content: "\f163" }
.fa-sort-numeric-up-alt: before { content: "\f887" }
.fa-sort-up: before { content: "\f0de" }
.fa-soundcloud: before { content: "\f1be" }
.fa-sourcetree: before { content: "\f7d3" }
.fa-spa: before { content: "\f5bb" }
.fa-space-shuttle: before { content: "\f197" }
.fa-speakap: before { content: "\f3f3" }
.fa-speaker-deck: before { content: "\f83c" }
.fa-spell-check: before { content: "\f891" }
.fa-spider: before { content: "\f717" }
.fa-spinner: before { content: "\f110" }
.fa-splotch: before { content: "\f5bc" }
.fa-spotify: before { content: "\f1bc" }
.fa-spray-can: before { content: "\f5bd" }
.fa-square: before { content: "\f0c8" }
.fa-square-full: before { content: "\f45c" }
.fa-square-root-alt: before { content: "\f698" }
.fa-squarespace: before { content: "\f5be" }
.fa-stack-exchange: before { content: "\f18d" }
.fa-stack-overflow: before { content: "\f16c" }
.fa-stackpath: before { content: "\f842" }
.fa-stamp: before { content: "\f5bf" }
.fa-star: before { content: "\f005" }
.fa-star-and-crescent: before { content: "\f699" }
.fa-star-half: before { content: "\f089" }
.fa-star-half-alt: before { content: "\f5c0" }
.fa-star-of-david: before { content: "\f69a" }
.fa-star-of-life: before { content: "\f621" }
.fa-staylinked: before { content: "\f3f5" }
.fa-steam: before { content: "\f1b6" }
.fa-steam-square: before { content: "\f1b7" }
.fa-steam-symbol: before { content: "\f3f6" }
.fa-step-backward: before { content: "\f048" }
.fa-step-forward: before { content: "\f051" }
.fa-stethoscope: before { content: "\f0f1" }
.fa-sticker-mule: before { content: "\f3f7" }
.fa-sticky-note: before { content: "\f249" }
.fa-stop: before { content: "\f04d" }
.fa-stop-circle: before { content: "\f28d" }
.fa-stopwatch: before { content: "\f2f2" }
.fa-store: before { content: "\f54e" }
.fa-store-alt: before { content: "\f54f" }
.fa-strava: before { content: "\f428" }
.fa-stream: before { content: "\f550" }
.fa-street-view: before { content: "\f21d" }
.fa-strikethrough: before { content: "\f0cc" }
.fa-stripe: before { content: "\f429" }
.fa-stripe-s: before { content: "\f42a" }
.fa-stroopwafel: before { content: "\f551" }
.fa-studiovinari: before { content: "\f3f8" }
.fa-stumbleupon: before { content: "\f1a4" }
.fa-stumbleupon-circle: before { content: "\f1a3" }
.fa-subscript: before { content: "\f12c" }
.fa-subway: before { content: "\f239" }
.fa-suitcase: before { content: "\f0f2" }
.fa-suitcase-rolling: before { content: "\f5c1" }
.fa-sun: before { content: "\f185" }
.fa-superpowers: before { content: "\f2dd" }
.fa-superscript: before { content: "\f12b" }
.fa-supple: before { content: "\f3f9" }
.fa-surprise: before { content: "\f5c2" }
.fa-suse: before { content: "\f7d6" }
.fa-swatchbook: before { content: "\f5c3" }
.fa-swimmer: before { content: "\f5c4" }
.fa-swimming-pool: before { content: "\f5c5" }
.fa-symfony: before { content: "\f83d" }
.fa-synagogue: before { content: "\f69b" }
.fa-sync: before { content: "\f021" }
.fa-sync-alt: before { content: "\f2f1" }
.fa-syringe: before { content: "\f48e" }
.fa-table: before { content: "\f0ce" }
.fa-table-tennis: before { content: "\f45d" }
.fa-tablet: before { content: "\f10a" }
.fa-tablet-alt: before { content: "\f3fa" }
.fa-tablets: before { content: "\f490" }
.fa-tachometer-alt: before { content: "\f3fd" }
.fa-tag: before { content: "\f02b" }
.fa-tags: before { content: "\f02c" }
.fa-tape: before { content: "\f4db" }
.fa-tasks: before { content: "\f0ae" }
.fa-taxi: before { content: "\f1ba" }
.fa-teamspeak: before { content: "\f4f9" }
.fa-teeth: before { content: "\f62e" }
.fa-teeth-open: before { content: "\f62f" }
.fa-telegram: before { content: "\f2c6" }
.fa-telegram-plane: before { content: "\f3fe" }
.fa-temperature-high: before { content: "\f769" }
.fa-temperature-low: before { content: "\f76b" }
.fa-tencent-weibo: before { content: "\f1d5" }
.fa-tenge: before { content: "\f7d7" }
.fa-terminal: before { content: "\f120" }
.fa-text-height: before { content: "\f034" }
.fa-text-width: before { content: "\f035" }
.fa-th: before { content: "\f00a" }
.fa-th-large: before { content: "\f009" }
.fa-th-list: before { content: "\f00b" }
.fa-the-red-yeti: before { content: "\f69d" }
.fa-theater-masks: before { content: "\f630" }
.fa-themeco: before { content: "\f5c6" }
.fa-themeisle: before { content: "\f2b2" }
.fa-thermometer: before { content: "\f491" }
.fa-thermometer-empty: before { content: "\f2cb" }
.fa-thermometer-full: before { content: "\f2c7" }
.fa-thermometer-half: before { content: "\f2c9" }
.fa-thermometer-quarter: before { content: "\f2ca" }
.fa-thermometer-three-quarters: before { content: "\f2c8" }
.fa-think-peaks: before { content: "\f731" }
.fa-thumbs-down: before { content: "\f165" }
.fa-thumbs-up: before { content: "\f164" }
.fa-thumbtack: before { content: "\f08d" }
.fa-ticket-alt: before { content: "\f3ff" }
.fa-times: before { content: "\f00d" }
.fa-times-circle: before { content: "\f057" }
.fa-tint: before { content: "\f043" }
.fa-tint-slash: before { content: "\f5c7" }
.fa-tired: before { content: "\f5c8" }
.fa-toggle-off: before { content: "\f204" }
.fa-toggle-on: before { content: "\f205" }
.fa-toilet: before { content: "\f7d8" }
.fa-toilet-paper: before { content: "\f71e" }
.fa-toolbox: before { content: "\f552" }
.fa-tools: before { content: "\f7d9" }
.fa-tooth: before { content: "\f5c9" }
.fa-torah: before { content: "\f6a0" }
.fa-torii-gate: before { content: "\f6a1" }
.fa-tractor: before { content: "\f722" }
.fa-trade-federation: before { content: "\f513" }
.fa-trademark: before { content: "\f25c" }
.fa-traffic-light: before { content: "\f637" }
.fa-train: before { content: "\f238" }
.fa-tram: before { content: "\f7da" }
.fa-transgender: before { content: "\f224" }
.fa-transgender-alt: before { content: "\f225" }
.fa-trash: before { content: "\f1f8" }
.fa-trash-alt: before { content: "\f2ed" }
.fa-trash-restore: before { content: "\f829" }
.fa-trash-restore-alt: before { content: "\f82a" }
.fa-tree: before { content: "\f1bb" }
.fa-trello: before { content: "\f181" }
.fa-tripadvisor: before { content: "\f262" }
.fa-trophy: before { content: "\f091" }
.fa-truck: before { content: "\f0d1" }
.fa-truck-loading: before { content: "\f4de" }
.fa-truck-monster: before { content: "\f63b" }
.fa-truck-moving: before { content: "\f4df" }
.fa-truck-pickup: before { content: "\f63c" }
.fa-tshirt: before { content: "\f553" }
.fa-tty: before { content: "\f1e4" }
.fa-tumblr: before { content: "\f173" }
.fa-tumblr-square: before { content: "\f174" }
.fa-tv: before { content: "\f26c" }
.fa-twitch: before { content: "\f1e8" }
.fa-twitter: before { content: "\f099" }
.fa-twitter-square: before { content: "\f081" }
.fa-typo3: before { content: "\f42b" }
.fa-uber: before { content: "\f402" }
.fa-ubuntu: before { content: "\f7df" }
.fa-uikit: before { content: "\f403" }
.fa-umbrella: before { content: "\f0e9" }
.fa-umbrella-beach: before { content: "\f5ca" }
.fa-underline: before { content: "\f0cd" }
.fa-undo: before { content: "\f0e2" }
.fa-undo-alt: before { content: "\f2ea" }
.fa-uniregistry: before { content: "\f404" }
.fa-universal-access: before { content: "\f29a" }
.fa-university: before { content: "\f19c" }
.fa-unlink: before { content: "\f127" }
.fa-unlock: before { content: "\f09c" }
.fa-unlock-alt: before { content: "\f13e" }
.fa-untappd: before { content: "\f405" }
.fa-upload: before { content: "\f093" }
.fa-ups: before { content: "\f7e0" }
.fa-usb: before { content: "\f287" }
.fa-user: before { content: "\f007" }
.fa-user-alt: before { content: "\f406" }
.fa-user-alt-slash: before { content: "\f4fa" }
.fa-user-astronaut: before { content: "\f4fb" }
.fa-user-check: before { content: "\f4fc" }
.fa-user-circle: before { content: "\f2bd" }
.fa-user-clock: before { content: "\f4fd" }
.fa-user-cog: before { content: "\f4fe" }
.fa-user-edit: before { content: "\f4ff" }
.fa-user-friends: before { content: "\f500" }
.fa-user-graduate: before { content: "\f501" }
.fa-user-injured: before { content: "\f728" }
.fa-user-lock: before { content: "\f502" }
.fa-user-md: before { content: "\f0f0" }
.fa-user-minus: before { content: "\f503" }
.fa-user-ninja: before { content: "\f504" }
.fa-user-nurse: before { content: "\f82f" }
.fa-user-plus: before { content: "\f234" }
.fa-user-secret: before { content: "\f21b" }
.fa-user-shield: before { content: "\f505" }
.fa-user-slash: before { content: "\f506" }
.fa-user-tag: before { content: "\f507" }
.fa-user-tie: before { content: "\f508" }
.fa-user-times: before { content: "\f235" }
.fa-users: before { content: "\f0c0" }
.fa-users-cog: before { content: "\f509" }
.fa-usps: before { content: "\f7e1" }
.fa-ussunnah: before { content: "\f407" }
.fa-utensil-spoon: before { content: "\f2e5" }
.fa-utensils: before { content: "\f2e7" }
.fa-vaadin: before { content: "\f408" }
.fa-vector-square: before { content: "\f5cb" }
.fa-venus: before { content: "\f221" }
.fa-venus-double: before { content: "\f226" }
.fa-venus-mars: before { content: "\f228" }
.fa-viacoin: before { content: "\f237" }
.fa-viadeo: before { content: "\f2a9" }
.fa-viadeo-square: before { content: "\f2aa" }
.fa-vial: before { content: "\f492" }
.fa-vials: before { content: "\f493" }
.fa-viber: before { content: "\f409" }
.fa-video: before { content: "\f03d" }
.fa-video-slash: before { content: "\f4e2" }
.fa-vihara: before { content: "\f6a7" }
.fa-vimeo: before { content: "\f40a" }
.fa-vimeo-square: before { content: "\f194" }
.fa-vimeo-v: before { content: "\f27d" }
.fa-vine: before { content: "\f1ca" }
.fa-vk: before { content: "\f189" }
.fa-vnv: before { content: "\f40b" }
.fa-voicemail: before { content: "\f897" }
.fa-volleyball-ball: before { content: "\f45f" }
.fa-volume-down: before { content: "\f027" }
.fa-volume-mute: before { content: "\f6a9" }
.fa-volume-off: before { content: "\f026" }
.fa-volume-up: before { content: "\f028" }
.fa-vote-yea: before { content: "\f772" }
.fa-vr-cardboard: before { content: "\f729" }
.fa-vuejs: before { content: "\f41f" }
.fa-walking: before { content: "\f554" }
.fa-wallet: before { content: "\f555" }
.fa-warehouse: before { content: "\f494" }
.fa-water: before { content: "\f773" }
.fa-wave-square: before { content: "\f83e" }
.fa-waze: before { content: "\f83f" }
.fa-weebly: before { content: "\f5cc" }
.fa-weibo: before { content: "\f18a" }
.fa-weight: before { content: "\f496" }
.fa-weight-hanging: before { content: "\f5cd" }
.fa-weixin: before { content: "\f1d7" }
.fa-whatsapp: before { content: "\f232" }
.fa-whatsapp-square: before { content: "\f40c" }
.fa-wheelchair: before { content: "\f193" }
.fa-whmcs: before { content: "\f40d" }
.fa-wifi: before { content: "\f1eb" }
.fa-wikipedia-w: before { content: "\f266" }
.fa-wind: before { content: "\f72e" }
.fa-window-close: before { content: "\f410" }
.fa-window-maximize: before { content: "\f2d0" }
.fa-window-minimize: before { content: "\f2d1" }
.fa-window-restore: before { content: "\f2d2" }
.fa-windows: before { content: "\f17a" }
.fa-wine-bottle: before { content: "\f72f" }
.fa-wine-glass: before { content: "\f4e3" }
.fa-wine-glass-alt: before { content: "\f5ce" }
.fa-wix: before { content: "\f5cf" }
.fa-wizards-of-the-coast: before { content: "\f730" }
.fa-wolf-pack-battalion: before { content: "\f514" }
.fa-won-sign: before { content: "\f159" }
.fa-wordpress: before { content: "\f19a" }
.fa-wordpress-simple: before { content: "\f411" }
.fa-wpbeginner: before { content: "\f297" }
.fa-wpexplorer: before { content: "\f2de" }
.fa-wpforms: before { content: "\f298" }
.fa-wpressr: before { content: "\f3e4" }
.fa-wrench: before { content: "\f0ad" }
.fa-x-ray: before { content: "\f497" }
.fa-xbox: before { content: "\f412" }
.fa-xing: before { content: "\f168" }
.fa-xing-square: before { content: "\f169" }
.fa-y-combinator: before { content: "\f23b" }
.fa-yahoo: before { content: "\f19e" }
.fa-yammer: before { content: "\f840" }
.fa-yandex: before { content: "\f413" }
.fa-yandex-international: before { content: "\f414" }
.fa-yarn: before { content: "\f7e3" }
.fa-yelp: before { content: "\f1e9" }
.fa-yen-sign: before { content: "\f157" }
.fa-yin-yang: before { content: "\f6ad" }
.fa-yoast: before { content: "\f2b1" }
.fa-youtube: before { content: "\f167" }
.fa-youtube-square: before { content: "\f431" }
.fa-zhihu: before { content: "\f63f" }
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.sr-only-focusable: active,.sr-only-focusable: focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.paging { text-align: center }
.paging ul { display: inline-block; text-align: center }
.paging ul li { display: inline-block; margin: 0 5px !important; text-align: center }
.paging ul li i { display: inline-block }
.paging ul li a { color: #444444; font-size: 16px; display: inline-block; width: 33px; height: 33px }
.paging ul li: hover a,.paging ul li.active a { display: inline-block; border-radius: 100%; background-color: #CCCCCC; width: 33px; height: 33px; text-align: center; line-height: 33px }
.paging ul li.first: hover a,.paging ul li.prev: hover a,.paging ul li.next: hover a,.paging ul li.last: hover a { background: none }
a { cursor: pointer }
body { background-color: #F0F0F0; position: relative; overflow-x: hidden; transition: padding-top 0.5s cubic-bezier(0.18, 0.71, 0.07, 0.89) }
body.overflow_hidden { overflow: hidden }
body.loading-finished .subpage_title { opacity: 1; transform: none; transition-delay: 1.15s }
body.loading-finished .subpage_content { opacity: 1; transform: none; transition-delay: 1.30s }
body.loading-finished .index_subtype_ul: after { opacity: 1; transition-delay: .8s }
body.loading-finished .index_subtype_ul>li { transition-duration: .6s,1.2s; transition-property: transform,opacity; transition-timing-function: cubic-bezier(0.1, 0.69, 0.56, 1.15) }
body.loading-finished .index_subpage_content { opacity: 1; transform: none; transition-delay: 1s }
body.nav-fixed .scrollfixed { position: fixed; left: 0; right: 0; top: 0; margin: auto }
body: : -webkit-scrollbar { width: 10px }
body: : -webkit-scrollbar-track { background-color: #f0f0f0 }
body: : -webkit-scrollbar-thumb { background-color: #d1aa6d }
main { font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei" }
*: : selection { background: #ffb100; color: #ffffff }
select: : -ms-expand { display: none }
.select-style { position: relative; background-color: #FAFAFA }
.select-style>select { border: 0px; box-shadow: none; background-image: none; -webkit-appearance: none; font-size: 18px; padding: 10px 15px; padding-right: 25px; outline: none; width: 100%; box-sizing: border-box }
.select-style: after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
.select-style.style2 { background-color: #ffffff; border: 1px solid #3D9738; border-radius: 5px }
.select-style.style2 select { color: #3D9738; background-color: #ffffff; height: 35px; padding: 5px 15px 5px 10px }
.select-style.style2 select ~ .border { border-radius: 5px }
.select-style.style2: after { border-top: 6px solid #3D9738; border-right: 3px solid transparent; border-left: 3px solid transparent }
.selectCustomBox { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.selectCustomBox .border { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transform: scale(1.1, 1.3); border: 1px solid #3D9738; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.selectCustomBox .text { background-color: #F0F0F0; padding: 10px; font-size: 18px; cursor: default; position: relative; z-index: 2 }
.selectCustomBox .text.active ~ .options { display: block !important; animation: floatshow_slide2 0.3s 1 cubic-bezier(0.15, 0.38, 0, 0.86); animation-fill-mode: forwards }
.selectCustomBox .text.active ~ .border { opacity: 1; transform: scale(1) }
.selectCustomBox .options { position: absolute; left: 50%; width: 100%; top: 100%; padding: 30px; background-color: #ffffff; box-shadow: 0 0 11px 7px #d2d2d2; transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86); transform: translate(-50%, -10%); opacity: 0; display: none; z-index: 99 }
.selectCustomBox .options_innerbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px }
.selectCustomBox .options_innerbox: hover>div>label { opacity: .7 }
.selectCustomBox .options_innerbox>div { width: 33.3333333333%; padding: 5px }
.selectCustomBox .options_innerbox>div>label { cursor: pointer; position: relative; padding: 10px; border-radius: 5px; border: 2px solid #F1F1F1; -ms-flex-direction: column; flex-direction: column; display: -ms-flexbox; display: flex; text-align: center; transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.selectCustomBox .options_innerbox>div>label img { transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.selectCustomBox .options_innerbox>div>label: hover { opacity: 1 }
.selectCustomBox .options_innerbox>div>label: hover img { transform: scale(1.1) }
.selectCustomBox .options_innerbox>div>label span { display: block; position: relative; font-size: 14px; margin-top: 7px }
.selectCustomBox .options_innerbox>div>label .border { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #3D9738; border-radius: 5px; margin: -2px; opacity: 0; transform: scale(1.3); transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.selectCustomBox .options_innerbox>div>label input[type=radio] { display: none }
.selectCustomBox .options_innerbox>div>label input[type=radio]: checked ~ .border { transform: scale(1); opacity: 1 }
.selectCustomBox: after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
.wrapContent { width: 1280px; margin: 0 auto }
.wrapGotop { width: 1280px; margin: 0 auto; position: fixed; bottom: 100px; left: 0; right: 0 }
input[type=text],input[type=password],input[type=number],select { height: 45px }
textarea { min-height: 125px; display: block }
input[type=text],input[type=password],input[type=number],select,textarea { border: 0px; box-shadow: none; font-size: 20px; padding: 10px 15px; background-color: #F0F0F0; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
input[type=text]: disabled,input[type=password]: disabled,input[type=number]: disabled,select: disabled,textarea: disabled { cursor: not-allowed }
input[type=text],input[type=password],input[type=number],select,textarea { outline: none; width: 100%; box-sizing: border-box; position: relative; z-index: 2; display: block }
input[type=text].green,input[type=password].green,input[type=number].green,select.green,textarea.green { color: #3D9738; font-weight: 700 }
input[type=text] ~ .border,input[type=password] ~ .border,input[type=number] ~ .border,select ~ .border,textarea ~ .border { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transform: scale(1.1, 1.3); border: 1px solid #3D9738; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
input[type=text]: not([readonly]): focus ~ .border,input[type=password]: not([readonly]): focus ~ .border,input[type=number]: not([readonly]): focus ~ .border,select: not([readonly]): focus ~ .border,textarea: not([readonly]): focus ~ .border { opacity: 1; transform: scale(1) }
.input_textbox_pad { padding: 1px; position: relative }
select: : -ms-expand { border: 0px; background-color: transparent }
body.hamburger-is-active #owlcarousel1 .owl-item.active .bg-image,body.hamburger-is-active #owlcarousel1 .owl-item.animated .bg-image,body.hamburger-is-active #owlcarousel1 .owl-item.fadeOut .bg-image,body.hamburger-is-active #owlcarousel1 .owl-item.owl-animated-out .bg-image { transition: none !important; transform: none !important }
.checkbox2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; color: #999; font-size: 15px }
.checkbox2 input[type=checkbox] { position: absolute; opacity: 0; cursor: default; box-sizing: inherit }
.checkbox2 input[type=checkbox]: checked ~ .checkmark: after { transform: rotate(45deg) scale(1) }
.checkbox2 .checkmark { transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96); height: 16px; width: 16px; background-color: #F2F2F2; border: 1px solid #AAAAAA }
.checkbox2 .checkmark: after { content: ""; transition: all 0.2s cubic-bezier(0.17, 0.84, 0.23, 0.95); position: absolute; display: block; left: 5px; top: 2px; width: 4px; height: 7px; border: solid #aaaaaa; border-width: 0 3px 3px 0; transform: rotate(45deg) scale(0) }
.checkbox2 span { font-size: 15px; color: #999 }
.radiobox2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; color: #999; font-size: 15px }
.radiobox2 input[type=radio] { position: absolute; opacity: 0; cursor: pointer; box-sizing: inherit }
.radiobox2 input[type=radio]: checked ~ .radiomark: after { transform: scale(1) }
.radiobox2 .radiomark { transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96); height: 16px; width: 16px; background-color: #F2F2F2; border: 1px solid #AAAAAA; border-radius: 50%; cursor: pointer }
.radiobox2 .radiomark: after { content: ""; transition: all 0.2s cubic-bezier(0.17, 0.84, 0.23, 0.95); position: absolute; display: block; left: 4px; top: 4px; width: 8px; height: 8px; background-color: #aaaaaa; border-radius: 50%; transform: scale(0) }
.radiobox2 span { font-size: 15px; color: #999 }
.centerbtnbox { display: -ms-flexbox; display: flex; padding-top: 20px; -ms-flex-pack: center; justify-content: center }
.centerbtnbox a { display: -ms-inline-flexbox; display: inline-flex; min-width: 180px; height: 50px }
.btn__style1 { min-width: 130px; font-size: 17px; font-weight: 500; height: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.btn__style1.green { color: #3D9738 }
.btn__style1.green .hamburger-inner,.btn__style1.green .hamburger-inner: : before,.btn__style1.green .hamburger-inner: : after { background-color: #3D9738 }
.btn__style1.black { color: #1F1F1F }
.btn__style1.black .hamburger-inner,.btn__style1.black .hamburger-inner: : before,.btn__style1.black .hamburger-inner: : after { background-color: #1F1F1F }
.btn__style1 .hamburger { padding: 0; margin-right: 8px }
.btn__style2 { position: relative; font-size: 17px; font-weight: 500; min-width: 125px; height: 40px; border-radius: 5px; border: 1px solid #3D9738; color: #3D9738; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.btn__style2: hover,.btn__style2.active { color: #ffffff; background-color: #3D9738 }
.btn__style2: hover.login: after,.btn__style2.active.login: after { border-top-color: #ffffff }
.btn__style2: before { margin-right: 7px; background-size: 100%; background-position: center; background-repeat: no-repeat; display: block }
.btn__style2.login .small { font-size: 14px; margin: 0 0 -3px 5px }
.btn__style2.login: after { content: ""; border-top: 7px solid #3D9738; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-left: 8px; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81); display: -ms-flexbox; display: flex }
.btn__style2.contact: before { content: ''; width: 26px; height: 22px; background-image: url(../images/icon/contact.png) }
.btn__style2.contact: hover: before,.btn__style2.contact.active: before { background-image: url(../images/icon/contact2.png) }
.btn__style2.qa: before { content: ''; width: 14px; height: 20px; background-image: url(../images/icon/q.png) }
.btn__style2.qa: hover: before,.btn__style2.qa.active: before { background-image: url(../images/icon/q2.png) }
.btn__style2.member: before { content: ''; width: 20px; height: 23px; background-image: url(../images/icon/user.png) }
.btn__style2.member: hover: before,.btn__style2.member.active: before { background-image: url(../images/icon/user2.png) }
.btn__style2.search: before { content: ''; width: 20px; height: 20px; background-image: url(../images/icon/search.png) }
.btn__style2.search: hover: before,.btn__style2.search.active: before { background-image: url(../images/icon/search2.png) }
.btn__style2.order: before { content: ''; width: 22px; height: 21px; background-image: url(../images/icon/paper.png) }
.btn__style2.order: hover: before,.btn__style2.order.active: before { background-image: url(../images/icon/paper2.png) }
.btn__style2.cart { position: relative }
.btn__style2.cart: before { content: ''; width: 24px; height: 26px; background-image: url(../images/icon/shop.png) }
.btn__style2.cart: hover: before,.btn__style2.cart.active: before { background-image: url(../images/icon/shop2.png) }
.btn__style2.cart .count { position: absolute; right: 2px; top: 2px; transform: translate(50%, -50%); font-size: 16px; font-weight: 500; width: 28px; height: 28px; color: #ffffff; border-radius: 99em; background: #FF0000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.btn__style3 { font-size: 18px; font-weight: 700; color: #333; min-width: 180px; height: 50px; border-radius: 5px; border: 1px solid #333; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; position: relative; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.btn__style3: hover { color: #ffffff !important }
.btn__style3: hover.black { background-color: #333 }
.btn__style3: hover.brown { background-color: #825723 }
.btn__style3.black { color: #333; border: 1px solid #333 }
.btn__style3.brown { color: #825723; border: 1px solid #825723 }
.btn__style4 { font-size: 14px; font-weight: 500; color: #825723 !important; border-radius: 5px; background: #dfdfdf; padding: 6px 12px; text-align: center; display: inline-block; position: relative; transition: all 0.2s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.btn__style4: hover { color: #ffffff !important; background: #825723 }
.btn__style4.green { color: #3D9738 !important }
.btn__style4.green: hover { color: #3D9738 !important; background: #ffefb5 }
.btn__style4.bg_lightbrown { color: #ffffff !important; background: #D1AA6D }
.btn__style4.bg_lightbrown: hover { color: #ffffff !important; background: #c59346 }
.btn__style5 { font-size: 20px; color: #3D9738; font-weight: 700; border-radius: 5px; background: #dfdfdf; padding: 10px 15px; text-align: center; display: inline-block; position: relative; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.btn__style5: hover { color: #ffffff; background: #3D9738 }
.btn__style6 { font-size: 18px; font-weight: 500; border-radius: 5px; background-color: #825723; color: #ffffff; padding: 10px 15px; text-align: center; display: inline-block; position: relative; min-width: 110px; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.btn__style6: hover { color: #404040 !important; letter-spacing: 3px; background: none; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.3s ease 0s }
.btn__style7 { font-size: 18px; font-weight: 400; border-radius: 5px; background: #333; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; padding: 15px 15px; position: relative; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); min-height: 35px }
.btn__style7: hover { background: #6b6b6b }
.btn__style7.green { background: #3D9738 }
.btn__style7.green: hover { background: #48b142 }
.btn__style7.orange { background: #D1AA6D }
.btn__style7.orange: hover { background: #c59346 }
.btn__style7.brown { background: #825723 }
.btn__style7.brown: hover { background: #5a3c18 }
.btn__style7.gray { background: #858585 }
.btn__style7.gray: hover { background: #6c6c6c }
.btn__style8 { padding: 6px; font-size: 12px; font-weight: 400; border-radius: 5px; background: #FF6715; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; position: relative; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn__style8: hover { background: #e14f00 }
.btn__style8.paper1: before { content: ""; width: 18px; height: 18px; background: url(../images/icon/paper_s.png) no-repeat center center; background-size: 18px; margin-right: 5px }
.btn__style8.paper2: before { content: ""; width: 16px; height: 18px; background: url(../images/icon/paper_s2.png) no-repeat center center; background-size: 16px; margin-right: 5px }
.btn__style9 { width: 120px; height: 40px; font-size: 18px; font-weight: 400; border-radius: 5px; background: #3D9738; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; position: relative; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); overflow: hidden }
.btn__style9: hover { background: #2e722a }
.btn__style9: hover i { transform: translate(-50%, -50%); opacity: 1 }
.btn__style9: hover>span { transform: translate(-50%, 0); opacity: 0 }
.btn__style9 i { position: absolute; left: 50%; top: 50%; transform: translate(100%, -50%); opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn__style9>span { transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.btn__style9>span.text: before { content: ""; display: inline-block; width: 22px; height: 10px; background: url(../images/icon/back.png) no-repeat center center; background-size: 22px; margin-right: 5px }
.btn__style10 { font-size: 14px; font-weight: 500; color: #805721; position: relative; letter-spacing: 1px; padding-left: 17px; display: -ms-inline-flexbox; display: inline-flex }
.btn__style10 .cross { position: absolute; width: 14px; height: 14px; left: 0; top: 50%; transform: translate(0, -50%) rotate(45deg) }
.btn__style10 .cross: before,.btn__style10 .cross: after { content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background-color: #805721 }
.btn__style10 .cross: before { transform: translate(0, -50%) }
.btn__style10 .cross: after { transform: translate(0, -50%) rotate(90deg) }
.btn__style11 { font-size: 15px; font-weight: 700; color: #825723; position: relative; display: -ms-inline-flexbox; display: inline-flex; padding-bottom: 5px }
.btn__style11: before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0; background-color: #825723 }
.btn__style12 { font-size: 15px; font-weight: 500; color: #D1AA6D; position: relative; display: -ms-inline-flexbox; display: inline-flex; padding-bottom: 5px; border-bottom: 1px solid #D1AA6D }
.btn__style12: before { content: "+"; color: #D1AA6D; font-size: 15px; margin-right: 5px }
.btn__style12.active: before { content: "-" }
.btn__style13 { font-size: 12px; font-weight: 500; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn__style13.green { width: 70px; height: 30px; border: 1px solid #3D9738; color: #3D9738 }
.btn__style13.green: hover { color: #ffffff; background-color: #3D9738 }
.btn__style13.brown { width: 100px; height: 30px; border: 1px solid #825723; color: #825723 }
.btn__style13.brown: hover { color: #ffffff; background-color: #825723 }
.btn_contact2 { position: relative; font-size: 12px; font-weight: 500; min-width: 0px; width: 70px; height: 55px; border-radius: 5px; background-color: #155B4A; color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81); -ms-flex-direction: column; flex-direction: column }
.btn_contact2: before { content: ''; width: 20px; height: 17px; background-image: url(../images/icon/contact2.png); background-size: 100%; margin-bottom: 4px }
.btn_contact2: hover,.btn_contact2.active { background-color: #12755d }
.btn_download { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-size: 12px; width: 77px; height: 30px; border-radius: 5px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn_download: before { content: ""; width: 13px; height: 13px; background: url(../images/icon/download3.png) no-repeat center center; background-size: 100%; margin-right: 5px; display: block }
.btn_download.brown { background-color: #825723 }
.btn_download.brown: hover { background-color: #a97940 }
.btn_download.darkgreen { background-color: #155B4A }
.btn_download.darkgreen: hover { background-color: #287d69 }
.btn_download2 { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-size: 12px; border-radius: 5px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); margin-top: 0; background-color: transparent !important; width: auto; height: auto }
.btn_download2: before { content: ""; width: 13px; height: 13px; background: url(../images/icon/download2.png) no-repeat center center; background-size: 100%; margin-right: 0 }
.btn-filter_style1 { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; width: 80px; height: 30px; font-size: 16px; color: #ffffff; font-weight: 400; background-color: #58A52B; background-image: linear-gradient(180deg, #58a52b 0%,#92c111 100%); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; border-radius: 5px; margin: 20px 0 8px 0 }
.btn-filter_style1 .icon { width: 17px; position: relative; height: 19px; z-index: 1; margin-right: 6px }
.btn-filter_style1 .icon path { fill: transparent; stroke: #ffffff; stroke-width: 35px }
.btn-filter_style1 span.name { z-index: 1; position: relative }
.btn-filter_style1: after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background-color: #58A52B; background-image: linear-gradient(180deg, #58a52b 0%,#92c111 100%); transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); z-index: 0 }
.btn-filter_style1: hover: after { transform: translate(0, -5px) }
.btn-search_style1 { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; font-size: 20px; font-weight: 400; background-color: #3D9738; background-image: linear-gradient(180deg, #3d9738 25%,#98c40e 100%); color: #ffffff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden }
.btn-search_style1: before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/icon/search2.png) no-repeat center center; background-size: 100%; margin-bottom: 8px; position: relative; z-index: 1 }
.btn-search_style1 span.name { z-index: 1; position: relative }
.btn-search_style1: after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background-color: #3d9738; background-image: linear-gradient(180deg, #3d9738 25%,#98c40e 100%); transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); z-index: 0 }
.btn-search_style1: hover: after { transform: translate(0, 20px) }
.btn-search_style2 { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #3D9738; background-image: linear-gradient(180deg, #3d9738 25%,#98c40e 100%); color: #ffffff; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden }
.btn-search_style2 span.name { z-index: 1; position: relative }
.btn-search_style2: after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background-color: #3d9738; background-image: linear-gradient(180deg, #3d9738 25%,#98c40e 100%); transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); z-index: 0 }
.btn-search_style2: hover: after { transform: translate(0, 5px) }
.btn-close_style1 { border-radius: 5px; background-color: #ffffff; display: -ms-flexbox; display: flex; height: 35px; width: 45px; position: relative; position: relative }
.btn-close_style1.desk_hide { display: none }
.btn-close_style1.active: before { transform: translate(-50%, -50%) rotate(0deg) }
.btn-close_style1.active: after { transform: translate(-50%, -50%) rotate(-180deg) }
.btn-close_style1: before,.btn-close_style1: after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #D1AA6E; height: 2px; width: 14px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn-close_style1: before { transform: translate(-50%, -50%) rotate(90deg) }
.btn-close_style1 .ripple { background: rgba(202,164,164,0.4) }
.btn-close_style1.green { background-color: #F5FAF5 }
.btn-close_style1.green: before,.btn-close_style1.green: after { background-color: #3D9738 }
.btn_eye { position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); background: url(../images/icon/see.png) no-repeat center center; background-size: 100%; width: 16px; height: 11px; z-index: 3; cursor: pointer }
.btn_remove { font-size: 13px; color: #3D9738; background: #DDDDDD; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 48px; height: 48px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition: background 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn_remove .icon { background: url(../images/icon/delete.png) no-repeat center center; background-size: 14px; height: 15px; width: 14px; transform-origin: center bottom 5px }
.btn_remove .words { padding-top: 4px }
.btn_remove: hover { background: #fff2c5 }
.btn_remove: hover .icon { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.btn_remove2 { font-size: 13px; color: #3D9738; background: #DDDDDD; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 70px; height: 30px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition: background 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn_remove2 .icon { background: url(../images/icon/delete.png) no-repeat center center; background-size: 14px; height: 15px; width: 14px; transform-origin: center bottom 5px }
.btn_remove2 .words { padding-left: 5px; top: 1px; position: relative }
.btn_remove2: hover { background: #fff2c5 }
.btn_remove2: hover .icon { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.btn_edit { font-size: 13px; color: #ffffff; background: #3D9738; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 70px; height: 30px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition: background 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn_edit .icon { background: url(../images/icon/pen.png) no-repeat center center; background-size: 14px; height: 15px; width: 14px; transform-origin: center bottom 5px }
.btn_edit .words { padding-left: 5px; top: 1px; position: relative }
.btn_edit: hover { background: #4dbb47 }
.btn_edit: hover .icon { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.btn-cart { display: -ms-inline-flexbox; display: inline-flex; width: 210px; height: 50px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: #3D9738; border-radius: 8px; color: #ffffff; font-weight: 400; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn-cart: before { content: ""; width: 20px; height: 22px; background: url(../images/icon/shop2.png) no-repeat center center; background-size: 20px; margin-right: 10px; display: block }
.btn-cart: hover { background: #48b142 }
@keyframes trashcane_shake {
 20% { transform: rotateZ(-10deg) }
40% { transform: rotateZ(10deg) }
60% { transform: rotateZ(-10deg) }
80% { transform: rotateZ(10deg) }
100% { transform: rotateZ(0deg) }
 }
.btn-refresh { background: url(../images/icon/re.png) no-repeat center center; background-size: 23px; display: block; padding: 15px 12px 15px 24px; position: relative; z-index: 2 }
.btn-refresh.style2 { background: url(../images/icon/re2.png) no-repeat center center; background-size: 23px }
.removecross { position: absolute; width: 12px; height: 12px; right: 0; bottom: 100%; margin-bottom: 5px; transform: rotate(45deg); cursor: pointer; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.removecross: hover ~ .remove_cover { z-index: 1; opacity: 1 }
.removecross: hover ~ .remove_cover: after { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.removecross: before,.removecross: after { content: ""; position: absolute; background-color: #333333 }
.removecross: before { height: 100%; width: 1px; top: 0; left: 50%; transform: translate(-50%, 0) }
.removecross: after { height: 1px; width: 100%; top: 50%; left: 0; transform: translate(0, -50%) }
.banner-content { position: relative; min-height: 420px; height: 420px; max-height: 420px }
.banner-content.aboutbannermain { min-height: 100vh; height: 100vh; max-height: 100vh }
.banner-content .wrapContent { position: relative; height: 100% }
.banner-content.heightstyle1 { height: 300px; min-height: 300px; max-height: 300px }
.banner-content.fixed { overflow: hidden }
.banner-content.fixed>img { position: absolute; left: 0; right: 0; margin: auto; z-index: -1; max-width: none; width: auto }
.banner-content.fixed2>img { top: -9999px; bottom: -9999px; transition: transform 0.9s cubic-bezier(0.18, 0.69, 0.34, 0.75) 0s }
.banner-content>img { display: block }
.banner_title { position: absolute; left: 125px; bottom: 96px; color: #ffffff }
.banner_title .en { font-size: 18px; font-weight: 900; text-transform: uppercase; color: #3D9738; font-style: italic }
.banner_title .zh { font-size: 45px; font-weight: 900; color: #333333; padding-bottom: 5px }
.detail_editor { margin-bottom: -15px; padding-bottom: 24px }
.detail_editor img.banner { margin-bottom: 15px }
.detail_editor p { margin-bottom: 15px; font-size: 18px; line-height: 150%; color: #333333 }
.detail_editor p.word_stype1 { font-size: 24px; font-weight: 700; line-height: 150%; color: #333333 }
.detail_editor p.word_stype2 { font-size: 40px; font-weight: 900; line-height: 120%; color: #805721 }
.detail_editor p.word_stype3 { font-size: 20px; font-weight: 500; line-height: 150%; color: #2177CD }
.detail_editor .word_special_orange { font-size: 35px; font-weight: 700; color: #FF6613; padding: 0 5px }
.index__info_content { padding-bottom: 90px }
.index__subpageList { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.subpage_section { padding: 40px 40px; margin-bottom: 30px; background-color: #ffffff; -ms-flex: 1; flex: 1; max-width: 100% }
.subpage_section.no_margin_b { margin-bottom: 0px }
.index__filteroptions_outer { width: 100% }
.index__filteroptions_outer .isfilter .btn__style10 { display: block }
.index__filteroptions_outer .btn-clear_style1 { display: none }
.index__filteroptions_outer .btn__style10 { display: none; margin: 16px 0 8px 0; float: right }
.index__filteroptions_outer .index__filteroptions_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: #ffffff }
.index__filteroptions_outer .index__filteroptions_flex>div { padding: 16px 28px; border-left: 1px solid #F0F0F0; -ms-flex: 0 0 auto; flex: 0 0 auto }
.index__filteroptions_outer .index__filteroptions_flex>div: first-child { border-left: 0px }
.index__filteroptions_outer .index__filteroptions_flex .pro_standard_each { margin-bottom: 0px }
.index__filteroptions_outer .index__filteroptions_flex .pro_standard_each .main_title { font-size: 16px }
.index__filteroptions_outer .index__filteroptions_flex .pro_standard_each .main_title .mention_w { font-size: 13px; padding-left: 0px; color: #858585 }
.index__filteroptions_outer .index__filteroptions_flex .searchbtnbox { padding: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; width: 70px }
.index__filteroptions_outer .index__filteroptions_flex .mention_q { width: 18px; min-width: 18px; height: 18px; min-height: 18px; font-size: 15px }
.index__filteroptions_outer .index__filteroptions_flex .materialoption .selectCustomBox,.index__filteroptions_outer .index__filteroptions_flex .lengthoption .selectCustomBox { width: 260px }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption { -ms-flex: 1; flex: 1 }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex .inputbox input { width: 56px }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex>div { -ms-flex: none; flex: none }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex>div: not(.addbox) { width: auto }
.index__filteroptions_outer .index__filteroptions_flex .deviation { padding-left: 15px; -ms-flex-align: end; align-items: flex-end }
.index__filteroptions_outer .index__filteroptions_flex .deviation .flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end; color: #D1AA6C; padding-bottom: 2px; border-bottom: 1px solid #D1AA6C }
.index__filteroptions_outer .index__filteroptions_flex .deviation .selectStyleBox select { height: auto; padding: 0 13px 0 13px; background-color: transparent; font-size: 16px }
.index__filteroptions_outer .index__filteroptions_flex .deviation .selectStyleBox: after { right: 0px }
.subpage_section2 { margin-bottom: 30px; -ms-flex: 1; flex: 1; max-width: 100% }
.subpage_section2.no_margin_b { margin-bottom: 0px }
.index_subpage_left { width: 255px; min-width: 255px; margin-right: 10px }
.index_subpage_right { -ms-flex: 1; flex: 1 }
.index_subtype_mobile_box { display: none }
.index_subtype_ul { position: relative }
.index_subtype_ul>li { opacity: 0; transform: scale(0.75) }
.index_subtype_ul>li: first-child .subpage_type_link { border: 0px }
.index_subtype_ul>li.open .subpage_type_link .arrow { transform: translate(0, -50%) rotate(-90deg) }
.index_subtype_ul: after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.68, 0.24, 0.38, 0.9); box-shadow: 0px 40px 28px -31px #A6A6A6; -webkit-box-shadow: 0px 40px 28px -31px #A6A6A6; -moz-box-shadow: 0px 40px 28px -31px #A6A6A6; -o-box-shadow: 0px 40px 28px -31px #A6A6A6; z-index: -1 }
.index_subtype_subul>li>a { font-size: 16px; color: #858585; padding: 12px 28px; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(0.1, 0.69, 0.26, 1.01); background-color: #ffffff }
.index_subtype_subul>li>a: hover { font-size: 16px; font-weight: 500; color: #3D9738; background-color: #F0F0F0 }
.index_subpage_content { background-color: #ffffff; padding: 50px; opacity: 0; transform: translate(0, 40px); transition-duration: 1s; transition-property: all; transition-timing-function: cubic-bezier(0.1, 0.69, 0.26, 1.01) }
.subpage_type_link { padding: 16px 28px; overflow: hidden; position: relative; background-color: #ffffff; border-top: 1px solid #F0F0F0; transition: color 0.5s cubic-bezier(0.24, 0.74, 0.3, 0.89); color: #333 }
.subpage_type_link .qa_type_title { position: relative; z-index: 3; font-size: 18px; transition: font-size 0.3s cubic-bezier(0.15, 0.59, 0.3, 0.89); padding-right: 10px }
.subpage_type_link: before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-image: linear-gradient(-90deg, #ffffff 70%,rgba(255,255,255,0) 100%); z-index: 2; transition: all 1.5s cubic-bezier(0.24, 0.74, 0.3, 0.89); transform: translate(75px, 0) scaleX(2) skew(-30deg); transform-origin: right center }
.subpage_type_link: after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%,#d1aa6e 100%); z-index: 1; transition: all 0.6s cubic-bezier(0.15, 0.59, 0.3, 0.89) }
.subpage_type_link: hover,.subpage_type_link.active { color: #ffffff }
.subpage_type_link: hover .qa_type_title,.subpage_type_link.active .qa_type_title { font-size: 22px }
.subpage_type_link: hover: before,.subpage_type_link.active: before { transform: translate(100%, 0); transition: all 0.4s cubic-bezier(0.15, 0.59, 0.3, 0.89) }
.subpage_type_link: hover: after,.subpage_type_link.active: after { transform: translate(0px, 0); box-shadow: 8px 8px 20px 0 rgba(32,33,36,0.08) }
.subpage_type_link: hover .arrow,.subpage_type_link.active .arrow { position: absolute; z-index: 3; right: 0px; top: 50%; background: url(../images/icon/arrow-menu.png) no-repeat center center; background-size: 100%; width: 12px; height: 19px; transform: translate(0, -50%) }
.page__title { font-size: 36px; margin-bottom: 28px; font-weight: 500 }
.pro_detailbox: not(.avaiprd_detailbox) { padding-top: 41px }
.contentfloat { transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.contentfloat .page__title { margin-top: -46px }
.subpage_title { font-size: 22px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #333; font-weight: 500; opacity: 0; transform: translate(0, 40px); transition-duration: .7s; transition-property: all; transition-timing-function: cubic-bezier(0.1, 0.69, 0.26, 1.01); margin-bottom: 24px }
.subpage_title .line { height: 1px; width: 50px; background-color: #000000; margin-left: 8px }
.subpage_title2 { font-size: 28px; color: #D1AA6D; margin-bottom: 20px }
.subpage_content { opacity: 0; transform: translate(0, 40px); transition-duration: .7s; transition-property: all; transition-timing-function: cubic-bezier(0.1, 0.69, 0.26, 1.01) }
@keyframes mention_active {
 0% { transform: scale(2) }
65% { transform: scale(1.3) }
100% { transform: scale(2) }
 }
.mention_q { color: #ffffff; font-size: 16px; border-radius: 50%; width: 21px; min-width: 21px; height: 21px; min-height: 21px; background-color: #3D9738; background-image: linear-gradient(180deg, #3d9738 25%,#b3d201 100%); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative; z-index: 1 }
.mention_q.active: after { animation: mention_active 1s infinite cubic-bezier(0.34, -0.46, 0.64, 0.68); animation-fill-mode: forwards }
.mention_q: not(.active): hover: after { transform: scale(2) }
.mention_q: after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; transition-property: all; transition-timing-function: cubic-bezier(0.13, 0.89, 0.26, 0.97); transition-duration: 0.3s; opacity: .2; z-index: -1 }
.mention_q[data-bgcolor=green]: after { background-color: #3d9738 }
.mention_q[data-bgcolor=white]: after { background-color: #b7b7b7 }
.mention_q[data-bgcolor=red]: after { background-color: red }
.mention_q[data-bgcolor=orange]: after { background-color: #FF6614 }
.mention_q.style_2 { background-color: #CCCCCC; background-image: none; width: 16px; height: 16px; min-width: 16px; min-height: 16px; font-size: 13px }
.mention_q.style_3 { background-color: red; background-image: none; width: 16px; height: 16px; min-width: 16px; min-height: 16px; font-size: 13px }
.mention_q.style_4 { background-color: #FF6614; background-image: none; width: 16px; height: 16px; min-width: 16px; min-height: 16px; font-size: 13px }
.index__category_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; margin: -9px -9px }
.index__category_flex .index__category_linkbox { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 9px 9px; -ms-flex-preferred-size: calc(33.33333% - (18px)); position: relative }
.index__category_flex .index__category_linkbox>a: hover .index__category_linkimg img { transform: scale(1.1) }
.index__category_flex .index__category_linkbox>a: hover .index__category_linkimg: before { transform: scale(0.95); opacity: 1 }
.index__category_flex .index__category_linkbox>a: hover .index__category_linkimg: after { opacity: .5 }
.index__category_flex .index__category_linkimg { position: relative; padding-bottom: 63.14%; overflow: hidden }
.index__category_flex .index__category_linkimg .lazyload_outer { height: 100%; position: absolute; display: block; left: 0; top: 0; width: 100% }
.index__category_flex .index__category_linkimg: before { content: "view"; position: absolute; left: 0; top: 0; right: 0; transform: scale(1); bottom: 0; border: 2px solid #3D9738; z-index: 1; opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #3D9738 }
.index__category_flex .index__category_linkimg: after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; opacity: 0; background-color: #ffffff; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.index__category_flex .index__category_linkimg img { width: 100%; position: absolute; display: block; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.index__category_flex .index__category_linktext { margin-top: 6px; font-size: 24px; font-weight: 500; text-align: center }
.index__subcategory_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; margin: -5px -5px }
.index__subcategory_flex .index__category_linkbox { -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 5px 5px; -ms-flex-preferred-size: calc(25% - (10px)); position: relative; width: 25% }
.index__subcategory_flex .index__category_linkbox: hover { z-index: 99 }
.index__subcategory_flex .index__category_linkbox>a { padding: 18px; background-color: #ffffff; position: relative; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); height: 100% }
.index__subcategory_flex .index__category_linkbox>a: hover { box-shadow: 0px 14px 20px 4px #00000017; -webkit-box-shadow: 0px 14px 20px 4px #00000017; -moz-box-shadow: 0px 14px 20px 4px #00000017; -o-box-shadow: 0px 14px 20px 4px #00000017 }
.index__subcategory_flex .index__category_linkbox>a: hover .index__category_linkimg img { transform: scale(1.1) }
.index__subcategory_flex .index__category_linkbox>a: hover .index__category_linktext { color: #3D9738 }
.index__subcategory_flex .index__category_linkbox>a: hover: before { transform: scale(1); opacity: 1 }
.index__subcategory_flex .index__category_linkbox>a: before { content: "view"; position: absolute; left: 0; top: 0; right: 0; transform: scale(1); bottom: 0; border: 2px solid #3D9738; z-index: 1; opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #3D9738 }
.index__subcategory_flex .index__category_linkimg { position: relative; overflow: hidden; margin-bottom: 10px; padding-bottom: 83.333333333% }
.index__subcategory_flex .index__category_linkimg img { width: 100%; position: absolute; display: block; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.index__subcategory_flex .index__category_linktext { padding-bottom: 10px; font-size: 22px; font-weight: 500; text-align: center; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.index__subcategory_flex .index__category_linkprice { padding-top: 7px; padding-bottom: 15px; font-size: 24px; font-weight: 500; text-align: center; color: #FF0000; word-break: break-all }
.index__title { font-size: 32px; font-weight: 500; margin-bottom: 12px }
.index__title.title_collapse { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.index__subbox { padding: 32px 28px 40px 28px; background-color: #ffffff; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.index__calenderbox .index__subbox { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.Calendar_section { -ms-flex: 1 0 auto; flex: 1 0 auto }
.Calendar_section.nodata { padding: 20px 0 }
.Calendar_section .nodata { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 20px; color: #FF6715 }
.index__infobox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; padding: 56px 0 56px 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.index__infobox>div { width: 50% }
.index__infobox .wrap { padding: 0 5px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100% }
.index__newsbox .index__subbox { padding: 18px 0 40px 0 }
.index__newsbox .btn__style3 { margin: 0 auto; margin-top: 30px }
.index__newsbox .morebox { width: 180px; margin: 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex }
.index__newsList { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.index__newsEachbox>a { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; padding: 18px 36px; -ms-flex-align: center; align-items: center; transition: all 0.4s cubic-bezier(0.15, 0.38, 0, 0.86); position: relative }
.index__newsEachbox>a: after { content: ""; position: absolute; width: 80%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-color: transparent; z-index: 1; transition: all 0.4s cubic-bezier(0.15, 0.38, 0, 0.86) }
.index__newsEachbox>a: hover { padding: 18px 28px 18px 56px; color: #ffffff !important }
.index__newsEachbox>a: hover: after { width: calc(100% + 20px); height: calc(100% + 20px); background-color: #D1AA6D; box-shadow: 8px 8px 20px 0 rgba(32,33,36,0.08) }
.index__newsEachbox>a: hover .index_nEbox_date { color: #ffffff !important }
.index__newsEachbox>a: hover .index_nEbox_title { padding-right: 28px }
.index__newsEachbox>a: hover .index_nEbox_title h1 { font-weight: 500 }
.index__newsEachbox>a: hover .arrow { -ms-flex: 0 0 38px; flex: 0 0 38px }
.index__newsEachbox .arrow { width: 0px; display: -ms-inline-flexbox; display: inline-flex; background: url(../images/icon/arrow2.png) no-repeat right center; background-size: 37px; position: relative; height: 20px; z-index: 2 }
.index__newsEachbox .index_nEbox_date { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; color: #D1AA6D; transition: all 0.4s cubic-bezier(0.15, 0.38, 0, 0.86); position: relative; z-index: 2; min-width: 54px; -ms-flex-align: center; align-items: center }
.index__newsEachbox .index_nEbox_date .dragon { width: 70px }
.index__newsEachbox .index_nEbox_date .date { font-size: 32px; font-weight: 700; display: block }
.index__newsEachbox .index_nEbox_date .year_month { font-size: 14px; font-weight: 500 }
.index__newsEachbox .index_nEbox_title { position: relative; z-index: 2; -ms-flex: 1; flex: 1 }
.index__newsEachbox .index_nEbox_title h1 { font-size: 20px; font-weight: 400; line-height: 120%; padding-left: 10px }
.index__clientsbox .index__subbox { padding: 40px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row }
.index__clientsbox .index__subbox>a { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; text-align: center; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); transform-origin: 80% bottom }
.index__clientsbox .index__subbox>a.grayscale { filter: grayscale(1); opacity: .7 }
.index__clientsbox .index__subbox>a: hover { transform: rotateZ(7deg); filter: grayscale(0); opacity: 1 }
.index__clientsbox .index__subbox>a img { padding: 12% }
.otherinfobox { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 32px }
.otherinfobox>div { -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 20px }
.otherinfobox>div: first-child { padding: 0 }
.otherinfobox .obf_link_content { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex: 1; flex: 1; padding: 0 }
.otherinfobox .obf_link_content>a { text-decoration: underline }
.otherinfobox .ofb_content { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.otherinfobox .ofb_content>div { -ms-flex: 0 1 auto; flex: 0 1 auto }
.otherinfobox .ofb_content.brown .ofb_circle { background: #825723 }
.otherinfobox .ofb_content.brown .ofb_mentionbox .ofb_mentionword2 { color: #825723 }
.otherinfobox .ofb_content.brown .ofb_mentionbox .ofb_mentionword2>span { color: #825723 }
.otherinfobox .ofb_content.blue .ofb_circle { background: #2177CD }
.otherinfobox .ofb_content.blue .ofb_mentionbox .ofb_mentionword2 { color: #2177CD }
.otherinfobox .ofb_content.blue .ofb_mentionbox .ofb_mentionword2>span { color: #2177CD }
.otherinfobox .ofb_content .ofb_circle { font-size: 20px; font-weight: 500; color: #ffffff; width: 75px; height: 75px; border-radius: 99em; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.otherinfobox .ofb_content .ofb_mentionbox { padding-left: 7px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword1 { font-size: 18px; font-weight: 400; color: #333 }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2 { font-size: 18px; font-weight: 500 }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2>span { font-size: 30px; font-weight: 900; padding: 0 5px }
#MemberMenu { width: 209px; position: absolute; left: 0; top: 0; z-index: 50; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; display: none }
#MemberMenu.active { display: block; animation: floatshow 0.4s 1 cubic-bezier(0.25, 0.1, 0.25, 1); animation-fill-mode: forwards }
#MemberMenu>ul { box-shadow: 0 0px 7px 1px #c7c7c7 }
#MemberMenu>ul>li a { background-color: #ffffff; font-size: 16px; color: #575757; padding: 12px 24px; border-bottom: 1px solid #ccc; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); position: relative; text-align: center }
#MemberMenu>ul>li a: hover { color: #ffffff; font-weight: 500; background: #3D9738 }
.pop_cartlist_grid { display: grid; display: -ms-grid; grid-template-columns: minmax(156px, min-content) 110px 1fr 75px 75px 75px; -ms-grid-columns: minmax(156px, min-content) 110px 1fr 75px 75px 75px }
.pop_cartlist_grid>div { padding: 10px 15px; -ms-flex-item-align: center; align-self: center; -ms-grid-row-align: center }
.pop_cartlist_grid .imgbox { -ms-grid-column: 1 }
.pop_cartlist_grid .namebox { -ms-grid-column: 2 }
.pop_cartlist_grid .specbox { -ms-grid-column: 3 }
.pop_cartlist_grid .amountbox { -ms-grid-column: 4 }
.pop_cartlist_grid .unitbox { -ms-grid-column: 5 }
.pop_cartlist_grid .removebox { -ms-grid-column: 6 }
.pop_cartlist_grid .amountbox,.pop_cartlist_grid .unitbox { justify-self: center }
.pop_cartlist_header { font-size: 15px; color: #858585 }
.pop_cartlist_body { overflow: auto; height: 100%; font-size: 18px; color: #333 }
.pop_cartlist_body .show_onMobile { color: #868686 }
.pop_cartlist_body .pop_cartlist_grid { border-bottom: 1px solid #ccc }
.pop_cartlist_body .pop_cartlist_grid: nth-child(2n+1) { background-color: #f5f5f5 }
.pop_cartlist_body .pop_cartlist_grid: first-child { border-top: 1px solid #ccc }
.pop_cartlist_body .imgbox>div { width: 126px; position: relative; overflow: hidden }
.pop_cartlist_body .imgbox>div: after { content: ""; display: block; padding-bottom: 100% }
.pop_cartlist_body .imgbox img { width: 100%; position: absolute; display: block; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto }
.pop_cartlist_body .specbox { line-height: 140% }
.pop_cartlist_body .removebox { -ms-flex-pack: center; justify-content: center }
.show_onMobile { display: none; padding-right: 6px }
.payway_box { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.payway_box .description { font-size: 16px; color: #2177CD; padding-bottom: 5px; border-bottom: 1px solid #2177CD; padding-top: 5px; cursor: pointer }
.payway_box>div: first-child { margin-right: 10px }
.payway_box .freepaylist { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.payway_box .freepaylist>div { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 7px 8px 6px 8px; border: 1px solid #3D9738; font-size: 15px; font-weight: 500; color: #3D9738; margin-right: 4px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: default; margin-bottom: 5px }
.share_linklist { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: -9px }
.share_linklist: hover>a: not(.link) { opacity: .5; transform: scale(0.9); transition-delay: 0s !important }
.share_linklist>a { position: relative; width: 30px; min-width: 30px; margin-right: 9px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.share_linklist>a: hover { opacity: 1 !important; transform: scale(1) !important; transition-delay: 0s !important }
.share_linklist>a: after { content: ""; display: block; padding-bottom: 100% }
.share_linklist>a: before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.share_linklist .link { margin-right: 12px; cursor: default }
.share_linklist .link: before { background: url(../images/icon/share.png) no-repeat center center; background-size: 22px }
.share_linklist .link_line: before { background: url(../images/icon/line.png) no-repeat center center; background-size: 100% }
.share_linklist .link_ig: before { background: url(../images/icon/ig.png) no-repeat center center; background-size: 100% }
.share_linklist .link_fb: before { background: url(../images/icon/fb.png) no-repeat center center; background-size: 100% }
.share_linklist .link_other: before { background: url(../images/icon/link.png) no-repeat center center; background-size: 100% }
.link_opinion { font-size: 14px; font-weight: 500; color: #3D9738; position: relative; padding-bottom: 4px }
.link_opinion: after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; bottom: 0; background-color: #3D9738; transition: transform-origin 0s linear,transform 0.7s cubic-bezier(0.9, 0, 0.1, 1) 0s; transform-origin: left center }
.link_opinion: hover: after { transform-origin: right center; transform: scaleX(0) }
.link_share { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 6px 7px; color: #D1AA6E; border: 1px solid #D1AA6E; font-size: 12px; border-radius: 5px; height: 30px; transition: all 0.2s cubic-bezier(0.35, 0.45, 0.49, 0.81); cursor: pointer }
.link_share i { font-size: 13px; margin-right: 5px }
.link_share: not(.active): hover { border-color: #b38e56; color: #b38e56 }
.link_share .share_linklist { z-index: -1 }
.link_share .share_linklist>a { opacity: 0; transform: translate(0, -10px) }
.link_share.active { background-color: #D1AA6E; color: #ffffff }
.link_share.active .share_linklist { z-index: 1 }
.link_share.active .share_linklist>a { opacity: 1; transform: none }
.link_share.active .share_linklist>a: nth-child(1) { transition-delay: 0s }
.link_share.active .share_linklist>a: nth-child(2) { transition-delay: .1s }
.link_share.active .share_linklist>a: nth-child(3) { transition-delay: .2s }
.link_share.active .share_linklist>a: nth-child(4) { transition-delay: .3s }
.link_share.active .share_linklist>a: nth-child(5) { transition-delay: .4s }
.link_share.active .share_linklist>a: nth-child(6) { transition-delay: .5s }
.link_share.active .share_linklist>a: nth-child(7) { transition-delay: .6s }
.link_share.active .share_linklist>a: nth-child(8) { transition-delay: .7s }
.link_share.active .share_linklist>a: nth-child(9) { transition-delay: .8s }
.link_share.active .share_linklist>a: nth-child(10) { transition-delay: .9s }
.link_favorite { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 6px 7px; font-size: 12px; color: #FF6715; border: 1px solid #FF6715; border-radius: 5px; height: 30px; transition: all 0.2s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.link_favorite i { font-size: 15px; margin-right: 5px }
.link_favorite: not(.active): hover { border-color: #e14f00; color: #e14f00 }
.link_favorite.active { background-color: #FF6715; color: #ffffff }
.link_favorite.active i { color: #ffffff }
.must.self { color: red }
.must: before { content: "*"; color: red; position: relative; top: -2px }
.must.muststyle2: before { top: -11px }
.pro_introduction_section { width: 100% }
.pro_introduction_section .step_section { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 2px solid #dfdfdf; background-color: #ffffff }
.pro_introduction_section .step_section>div { -ms-flex: 1; flex: 1; position: relative; padding: 20px 10px; font-size: 20px; font-weight: 500; color: #575757; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-align: center; align-items: center }
.pro_introduction_section .step_section>div: first-child: before { display: none }
.pro_introduction_section .step_section>div: before { content: ""; position: absolute; height: 32px; left: 0; top: 50%; transform: translate(0, -50%); width: 2px; background-color: #dfdfdf }
.pro_introduction_section .step_section>div[data-switchbtnname] { cursor: pointer }
.pro_introduction_section .step_section>div[data-switchbtnname]: after { content: ""; position: absolute; height: 4px; width: 100%; background-color: #3D9738; bottom: -2px; left: 0; transform: translate(0, 20px); opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pro_introduction_section .step_section>div[data-switchbtnname].active { color: #3D9738 }
.pro_introduction_section .step_section>div[data-switchbtnname].active: after { transform: none; opacity: 1 }
.pro_introduction_section .content_section_outer { overflow: hidden }
.pro_introduction_section .content_section { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition-timing-function: cubic-bezier(0.22, 0.63, 0.16, 0.86) }
.pro_introduction_section .content_section>div { padding: 40px; background-color: #ffffff }
.pro_introduction_section .content_section>div[data-switchcontentname] { position: relative; width: 100%; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pro_introduction_section .content_section>div[data-switchcontentname].active { color: #3D9738 }
.pro_introduction_content img { width: 100% }
.must_mentiontext { display: block; text-align: right; font-size: 15px; margin-top: -17px; padding-bottom: 4px; color: red }
.flexnone { -ms-flex: 0 !important; flex: 0 !important }
.iq_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr max-content 1fr; -ms-grid-columns: max-content 1fr max-content 1fr; margin: -8px -10px }
.iq_grid>div { padding: 8px 10px }
.iq_grid .titlebox { padding-right: 0px }
.iq_grid .titlebox .main_title { color: #575757; font-size: 16px; padding-top: 12px }
.iq_grid .titlebox .main_title .word { padding-right: 0px }
.iq_grid .titlebox .main_title .mention_q { margin-left: 5px }
.iq_grid .g-span1 { grid-column: 2/4 }
.iq_grid .g-span4 { grid-column: 1/5 }
.iq_grid .g-span3 { grid-column: 2/5 }
.iq_grid .pad-r-small { padding-right: 0 !important }
.iq_grid .address-grid { display: grid; display: -ms-grid; grid-template-columns: 130px 130px 85px 1fr; -ms-grid-columns: 130px 130px 85px 1fr; margin: 0 -7px }
.iq_grid .address-grid>div { padding: 0 7px }
.iq_grid .phone-grid { display: grid; display: -ms-grid; grid-template-columns: 1fr max-content 77px; -ms-grid-columns: 1fr max-content 77px; margin: 0 -7.5px }
.iq_grid .phone-grid>div { padding: 0 7.5px }
.iq_grid .inputbox_grid { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: -7.5px -5px -7.5px -5px }
.iq_grid .inputbox_grid .inputbox_g_text { padding-bottom: 0; -ms-flex: 1; flex: 1 }
.iq_grid .inputbox_grid .inputbox_g_select { -ms-flex: 0 0 270px; flex: 0 0 270px }
.iq_grid input[type=text],.iq_grid input[type=password],.iq_grid input[type=number],.iq_grid select { height: 40px }
.titlebox.error { color: red }
.titlebox.error .main_title { color: red !important }
#inquiry_popupbox1 .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_amount { -ms-grid-row: 1; -ms-grid-column: 3 }
#inquiry_popupbox1 .iq_grid .v_amount { -ms-grid-row: 1; -ms-grid-column: 4 }
#inquiry_popupbox1 .iq_grid .t_container { -ms-grid-row: 2; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_container { -ms-grid-row: 2; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_container_weight { -ms-grid-row: 2; -ms-grid-column: 3 }
#inquiry_popupbox1 .iq_grid .v_container_weight { -ms-grid-row: 2; -ms-grid-column: 4 }
#inquiry_popupbox1 .iq_grid .t_material { -ms-grid-row: 3; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_material1 { -ms-grid-row: 3; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .v_material2 { -ms-grid-row: 3; -ms-grid-column: 4 }
#inquiry_popupbox1 .iq_grid .v_size { -ms-grid-row: 4; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .t_color { -ms-grid-row: 5; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_color { -ms-grid-row: 5; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_otherneed { -ms-grid-row: 6; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_otherneed { -ms-grid-row: 6; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_file { -ms-grid-row: 7; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_file { -ms-grid-row: 7; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_address { -ms-grid-row: 8; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_address { -ms-grid-row: 8; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_contact { -ms-grid-row: 9; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_contact { -ms-grid-row: 9; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_company { -ms-grid-row: 9; -ms-grid-column: 3 }
#inquiry_popupbox1 .iq_grid .v_company { -ms-grid-row: 9; -ms-grid-column: 4 }
#inquiry_popupbox1 .iq_grid .t_taxid { -ms-grid-row: 10; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_taxid { -ms-grid-row: 10; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_phone { -ms-grid-row: 10; -ms-grid-column: 3 }
#inquiry_popupbox1 .iq_grid .v_phone { -ms-grid-row: 10; -ms-grid-column: 4 }
#inquiry_popupbox1 .iq_grid .t_email { -ms-grid-row: 11; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_email { -ms-grid-row: 11; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_remark { -ms-grid-row: 12; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_remark { -ms-grid-row: 12; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_amount { -ms-grid-row: 1; -ms-grid-column: 3 }
#inquiry_popupbox2 .iq_grid .v_amount { -ms-grid-row: 1; -ms-grid-column: 4 }
#inquiry_popupbox2 .iq_grid .t_material { -ms-grid-row: 2; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_material1 { -ms-grid-row: 2; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .v_material2 { -ms-grid-row: 2; -ms-grid-column: 4 }
#inquiry_popupbox2 .iq_grid .v_size { -ms-grid-row: 3; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .t_color { -ms-grid-row: 4; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_color { -ms-grid-row: 4; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_otherneed { -ms-grid-row: 5; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_otherneed { -ms-grid-row: 5; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_file { -ms-grid-row: 6; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_file { -ms-grid-row: 6; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_address { -ms-grid-row: 7; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_address { -ms-grid-row: 7; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_contact { -ms-grid-row: 8; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_contact { -ms-grid-row: 8; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_company { -ms-grid-row: 8; -ms-grid-column: 3 }
#inquiry_popupbox2 .iq_grid .v_company { -ms-grid-row: 8; -ms-grid-column: 4 }
#inquiry_popupbox2 .iq_grid .t_taxid { -ms-grid-row: 9; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_taxid { -ms-grid-row: 9; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_phone { -ms-grid-row: 9; -ms-grid-column: 3 }
#inquiry_popupbox2 .iq_grid .v_phone { -ms-grid-row: 9; -ms-grid-column: 4 }
#inquiry_popupbox2 .iq_grid .t_email { -ms-grid-row: 10; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_email { -ms-grid-row: 10; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_remark { -ms-grid-row: 11; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_remark { -ms-grid-row: 11; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_amount { -ms-grid-row: 1; -ms-grid-column: 3 }
#inquiry_popupbox3 .iq_grid .v_amount { -ms-grid-row: 1; -ms-grid-column: 4 }
#inquiry_popupbox3 .iq_grid .t_container { -ms-grid-row: 2; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_container { -ms-grid-row: 2; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_container_weight { -ms-grid-row: 2; -ms-grid-column: 3 }
#inquiry_popupbox3 .iq_grid .v_container_weight { -ms-grid-row: 2; -ms-grid-column: 4 }
#inquiry_popupbox3 .iq_grid .t_material { -ms-grid-row: 3; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_material1 { -ms-grid-row: 3; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .v_material2 { -ms-grid-row: 3; -ms-grid-column: 4 }
#inquiry_popupbox3 .iq_grid .t_cell { -ms-grid-row: 4; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_cell { -ms-grid-row: 4; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .v_size { -ms-grid-row: 5; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .t_otherneed { -ms-grid-row: 6; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_otherneed { -ms-grid-row: 6; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_file { -ms-grid-row: 7; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_file { -ms-grid-row: 7; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_address { -ms-grid-row: 8; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_address { -ms-grid-row: 8; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_contact { -ms-grid-row: 9; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_contact { -ms-grid-row: 9; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_company { -ms-grid-row: 9; -ms-grid-column: 3 }
#inquiry_popupbox3 .iq_grid .v_company { -ms-grid-row: 9; -ms-grid-column: 4 }
#inquiry_popupbox3 .iq_grid .t_taxid { -ms-grid-row: 10; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_taxid { -ms-grid-row: 10; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_phone { -ms-grid-row: 10; -ms-grid-column: 3 }
#inquiry_popupbox3 .iq_grid .v_phone { -ms-grid-row: 10; -ms-grid-column: 4 }
#inquiry_popupbox3 .iq_grid .t_email { -ms-grid-row: 11; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_email { -ms-grid-row: 11; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_remark { -ms-grid-row: 12; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_remark { -ms-grid-row: 12; -ms-grid-column: 2 }
.iq_subgrid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: 0px -7.5px }
.iq_subgrid>div { padding: 0px 7.5px }
.iq_subgrid .print_input_flex { margin: 0 -7.5px }
.iq_subgrid .print_input_flex>div { padding: 0 7.5px; -ms-flex: 0 0 153px; flex: 0 0 153px; width: auto !important }
.file_uploader_result { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.file_uploader_result .fileresultbox { background-color: #F7F0E6; margin-right: 23px; padding: 10px 12px; color: #333333; font-size: 17px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border: 1px solid #D1AA6D; position: relative; margin-top: 10px }
.file_uploader_result .fileresultbox .removecross { position: absolute; left: 100%; right: auto; bottom: auto; top: -2px; margin-left: 3px }
.uploadCustomBox { cursor: pointer; width: 107px; height: 40px; border-radius: 8px; background: #D1AA6D; font-size: 16px; color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition: all 0.3s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.uploadCustomBox input { position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0 }
.uploadCustomBox: hover { background: #c59346 }
.imguploadbox_outer { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.imguploadbox_outer .mention_rex { padding-left: 5px; font-size: 14px; color: #D1AA6D }
.other_purchase_recommand { background-color: #ffffff; padding: 25px 80px; margin-top: 10px }
#owlcarousel_other_purchase .oth_p_link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center }
#owlcarousel_other_purchase .oth_p_link .imgbox { position: relative; overflow: hidden }
#owlcarousel_other_purchase .oth_p_link .imgbox img { width: 100%; transition: all 0.3s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
#owlcarousel_other_purchase .oth_p_link .p_name { margin-top: 8px; font-size: 18px; transition: all 0.3s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
#owlcarousel_other_purchase .oth_p_link: hover .p_name { color: #3D9738 }
#owlcarousel_other_purchase .oth_p_link: hover .imgbox img { transform: scale(1.2) }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev,#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next { position: absolute; top: 35%; color: #ffffff; font-size: 16px; border-radius: 50%; width: 40px; min-width: 40px; height: 40px; min-height: 40px; background-color: #3D9738; background-image: linear-gradient(0deg, #3d9738 25%,#b3d201 100%); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev: after,#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next: after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/icon/arrow-menu.png) no-repeat center center; background-size: 25% }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev>span,#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next>span { text-indent: -9999px }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev { right: 100%; margin-right: 15px }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev: after { transform: rotate(180deg) }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next { left: 100%; margin-left: 15px }
[data-aos=aclin] { transform: scale(1.5); transform-origin: center top; opacity: 0 }
[data-aos^=aclin].aos-animate { opacity: 1; transform: none }
[data-aos][data-aos][data-aos-easing=ease-out-new1],body[data-aos-easing=ease-out-new1] [data-aos] { transition-timing-function: cubic-bezier(0.26, 0.43, 0.18, 1.09) }
@media (max-width: 1480px) {
 .selectCustomBox .text { padding: 9px 10px; font-size: 16px }
.index__filteroptions_outer .isfilter .btn-filter_style1 .icon path { fill: #ffffff; stroke: transparent }
.index__filteroptions_outer .isfilter .btn-clear_style1 { display: -ms-inline-flexbox; display: inline-flex }
.index__filteroptions_outer .clear_btn_outer { display: none !important }
.index__filteroptions_outer .index__filteroptions_flex { -ms-flex-wrap: wrap; flex-wrap: wrap }
.index__filteroptions_outer .index__filteroptions_flex>div { -ms-flex: 1 1 100%; flex: 1 1 100%; border-left: 0px; border-top: 1px solid #F0F0F0; padding: 15px 16px }
.index__filteroptions_outer .index__filteroptions_flex>div: first-child { border-top: 0px }
.index__filteroptions_outer .index__filteroptions_flex .deviation { -ms-flex: 1 1 100% !important; flex: 1 1 100% !important; padding: 10px 5px 0 5px !important }
.index__filteroptions_outer .index__filteroptions_flex .searchbtnbox { -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; padding: 0px 16px 16px 16px; border-top: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end }
.index__filteroptions_outer .index__filteroptions_flex .searchbtnbox .btn-search_style1 { background-image: none; border-radius: 5px; display: -ms-inline-flexbox; display: inline-flex; width: 80px; font-size: 16px; height: 35px; letter-spacing: 4px; text-indent: 4px }
.index__filteroptions_outer .index__filteroptions_flex .searchbtnbox .btn-search_style1: before,.index__filteroptions_outer .index__filteroptions_flex .searchbtnbox .btn-search_style1: after { display: none }
.index__filteroptions_outer .index__filteroptions_flex .searchbtnbox .btn-clear_style1 { position: relative; background-image: none; border-radius: 5px; background-color: #dfdfdf; color: #858585; display: none; width: 80px; font-size: 16px; height: 35px; letter-spacing: 4px; text-indent: 4px; margin-right: 10px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex { margin: 0 -3px }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex>div { padding: 0 3px }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex .titlebox { padding-right: 3px }
.index__filteroptions_outer .index__filteroptions_flex .sizeoption .print_input_flex .inputbox input { width: 48px; height: 35px; padding: 10px; font-size: 16px }
.pro_standard_each .optionsbox { margin-top: 5px !important }
.print_input_flex { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.print_input_flex .inputbox { font-size: 16px !important }
 }
@media (max-width: 1297px) {
 html.overflow_hidden { overflow: hidden }
body { padding-bottom: 50px }
.wrapContent { width: 100%; padding: 0 10px !important }
#MemberMenu { position: fixed }
.subpage_section { padding: 15px 15px }
 }
@media (max-width: 1024px) {
 .index__infobox { padding: 32px 0 32px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column }
.index__infobox>div { width: 100% }
.index__calenderbox { margin-bottom: 32px }
.index__calenderbox .index__title { margin-bottom: 12px }
.other_purchase_recommand { padding: 25px 60px }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev,#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next { width: 30px; min-width: 30px; height: 30px; min-height: 30px; top: 30% }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev>span,#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next>span { text-indent: -9999px }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev { margin-right: 10px }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next { margin-left: 10px }
 }
@media (min-width: 770px) {
 #News_container,#Calendar_container { display: block !important }
 }
@media (max-width: 769px) {
 .centerbtnbox { padding-top: 10px }
.centerbtnbox a { min-width: 0px; height: auto }
.page__title { font-size: 32px; margin-bottom: 14px }
.pro_detailbox: not(.avaiprd_detailbox) { padding-top: 36px }
.contentfloat .page__title { margin-top: -36px }
.btn-cart { -ms-flex-direction: column; flex-direction: column; width: 110px; height: 55px }
.btn-cart: before { margin-right: 0; margin-bottom: 5px; width: 16px; height: 17px; background-size: 16px }
.mention_q { width: 18px; min-width: 18px; height: 18px; min-height: 18px }
.mention_q.style_2 { width: 15px; height: 15px; min-width: 15px; min-height: 15px }
.selectCustomBox .options { padding: 15px 8px }
.selectCustomBox .options_innerbox { margin: -4px }
.selectCustomBox .options_innerbox>div { width: 50%; padding: 4px }
.must.muststyle2: before { top: -2px }
.banner-content { height: 220px; min-height: 220px; max-height: 220px }
.banner-content .zh { font-size: 28px; padding-bottom: 3px }
.banner-content .en { font-size: 14px }
.banner-content.aboutbannermain { min-height: 344px; height: auto; max-height: none }
.banner_title { left: 55px; bottom: 70px }
.btn-close_style1.desk_hide { display: block }
.btn__style3 { font-size: 15px; font-weight: 700; width: 140px; height: 35px; min-width: 0 }
.index__title { font-size: 28px; font-weight: 500 }
.index__subbox { padding: 24px 8px 20px 8px }
.index__newsbox .index__subbox { padding: 14px 0 32px 0 }
.index__newsbox .btn__style3 { margin-top: 14px }
.index__newsbox .index__title { margin-bottom: 10px }
.index__newsEachbox>a { padding: 14px 8px }
.index__newsEachbox>a: hover { padding: 14px 18px 14px 26px }
.index__newsEachbox>a: hover: after { width: 100%; height: calc(100% + 10px) }
.index__newsEachbox .index_nEbox_date .date { font-size: 24px }
.index__newsEachbox .index_nEbox_date .dragon { width: 45px }
.index__newsEachbox .index_nEbox_title h1 { font-size: 18px }
.index__category_flex { margin: -2.5px }
.index__category_flex .index__category_linkbox { padding: 0px; -ms-flex-preferred-size: 33.33333% }
.index__category_flex .index__category_linkbox>a { padding: 6px 2.5px }
.index__category_flex .index__category_linktext { font-size: 18px; font-weight: 500; margin-top: 2px }
.index__subcategory_flex { margin: -2.5px -2.5px }
.index__subcategory_flex .index__category_linkbox { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 2.5px 2.5px; -ms-flex-preferred-size: calc(33.33333% - (5px)); width: 33.33333% }
.index__subcategory_flex .index__category_linkbox>a { padding: 10px }
.index__subcategory_flex .index__category_linktext { font-size: 16px; font-weight: 500; padding-bottom: 7px }
.index__subcategory_flex .index__category_linkprice { font-size: 17px; padding-top: 0; padding-bottom: 20px }
.calendarbox .cal__tbody .cal__cell .cal__content { font-size: 12px }
.calendarbox .cal__tbody .cal__cell .cal__title { line-height: 100% }
.ie .otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2 { margin-top: 0; position: relative; bottom: 3px }
.otherinfobox { margin-top: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column }
.otherinfobox>div { width: 100%; padding: 0; margin-top: 8px }
.otherinfobox>div: first-child { margin: 0 }
.otherinfobox .ofb_content .ofb_circle { font-size: 16px; width: 55px; height: 55px }
.otherinfobox .ofb_content .ofb_mentionbox { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: start; -ms-flex-align: center; align-items: center }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword1 { font-size: 16px }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2 { font-size: 16px; margin-left: 10px; margin-top: -11px }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2>span { font-size: 28px }
.index__clientsbox .index__subbox { padding: 20px 8px }
.index__clientsbox .index__subbox>a { -ms-flex: 0 0 25%; flex: 0 0 25% }
.index__clientsbox .index__subbox>a img { padding: 5px }
.index__info_content { padding-bottom: 32px }
.form-grid>div { padding: 7px 0px }
.form-grid input[type=text],.form-grid input[type=password],.form-grid input[type=number],.form-grid select { height: 40px }
.btn__style7 { font-size: 16px }
.pop_cartlist_header { display: none }
.pop_cartlist_body { font-size: 14px }
.pop_cartlist_body .pop_cartlist_grid { padding: 5px 0 }
.pop_cartlist_body .pop_cartlist_grid: nth-child(2n+1) { background-color: #ffffff }
.pop_cartlist_body .imgbox>div { width: 100% }
.pop_cartlist_body .imgbox>div: after { padding-bottom: 85.7143% }
.pop_cartlist_grid { grid-template-columns: minmax(90px, 156px) 1fr; -ms-grid-columns: minmax(90px, 156px) 1fr }
.pop_cartlist_grid>div { padding: 5px 15px }
.pop_cartlist_grid .imgbox { grid-column: 1/2; -ms-grid-column: 1; grid-row: 1/5; -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-flex-item-align: start; align-self: start; -ms-grid-row-align: start; padding-bottom: 0; padding-right: 0 }
.pop_cartlist_grid .namebox { grid-column: 2/3; -ms-grid-column: 2; grid-row: 1; -ms-grid-row: 1; padding-left: 5px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row }
.pop_cartlist_grid .specbox { grid-column: 2/3; -ms-grid-column: 2; grid-row: 2; -ms-grid-row: 2; padding-left: 5px; -ms-flex-item-align: start; align-self: start; -ms-grid-row-align: start; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row }
.pop_cartlist_grid .amountbox { grid-column: 2/3; -ms-grid-column: 2; grid-row: 3; -ms-grid-row: 3; padding-left: 5px; justify-self: start; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row }
.pop_cartlist_grid .unitbox { grid-column: 2/3; -ms-grid-column: 2; grid-row: 4; -ms-grid-row: 4; padding-left: 5px; justify-self: start; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row }
.pop_cartlist_grid .removebox { grid-column: 1/2; -ms-grid-column: 1; grid-row: 1/5; -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-row-align: start; -ms-flex-item-align: start; align-self: start; width: 100%; padding-right: 0 }
.pop_cartlist_grid .removebox .btn_remove { width: 100%; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 30px; margin-top: 85.7143% }
.pop_cartlist_grid .removebox .btn_remove .words { padding: 0 0 0 5px; position: relative; top: 1px }
.show_onMobile { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto }
.index__filteroptions_outer .index__filteroptions_flex .materialoption .selectCustomBox,.index__filteroptions_outer .index__filteroptions_flex .lengthoption .selectCustomBox { width: 100% }
.share_linklist>a { margin-right: 6px }
.share_linklist .link { margin-right: 3px }
.subpage_section { padding: 20px 8px }
.iq_grid { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -7px -5px }
.iq_grid .g-span1 { grid-column: 2/3; padding-right: 5px !important }
.iq_grid .g-span4 { grid-column: 1/3 }
.iq_grid .g-span3 { grid-column: 2/3 }
.iq_grid .cf-grid-col-4 { grid-column: 2/3 }
.iq_grid>div { padding: 7px 5px }
.iq_grid .inputbox_grid { margin: -5px -2.5px -5px -2.5px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.iq_grid .inputbox_grid>div { padding: 5px 2.5px }
.iq_grid .inputbox_grid .inputbox_g_checkbox { padding-top: 17px }
.iq_grid .inputbox_grid .inputbox_g_text { padding-top: 3px; padding-bottom: 9px; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; padding-left: 23px }
.iq_grid .inputbox_grid .inputbox_g_select { -ms-flex: 1; flex: 1 }
.iq_grid .inputbox_grid .other_words { position: relative }
.iq_grid .address-grid { grid-template-columns: 1fr 1fr 76px; -ms-grid-columns: 1fr 1fr 76px; margin: 0 -3px }
.iq_grid .address-grid>div { padding: 0 3px }
.iq_grid .address-grid>div: first-child+div { -ms-grid-column: 2 !important }
.iq_grid .address-grid>div: first-child+div+div { -ms-grid-column: 3 !important }
.iq_grid .address-grid .address4 { grid-column: 1/4; -ms-grid-column-span: 3 !important; -ms-grid-column: 1; -ms-grid-row: 2; padding-top: 8px }
.iq_subgrid { grid-template-columns: 1fr; -ms-grid-columns: 1fr }
.iq_subgrid .print_input_flex { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; padding-top: 8px; margin: 0 -7px }
.iq_subgrid .print_input_flex>div { -ms-flex: 1 1 33.3333333%; flex: 1 1 33.3333333%; padding: 0 7px }
.imguploadbox_outer { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start }
.imguploadbox_outer .imguploadbox { padding-right: 5px; padding-bottom: 3px }
.imguploadbox_outer .mention_rex { padding-left: 0px }
.uploadCustomBox { width: 86px; height: 35px }
.select-style>select { font-size: 16px; padding: 10px 15px 10px 10px }
#inquiry_popupbox1 .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_amount { -ms-grid-row: 2; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_amount { -ms-grid-row: 2; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_container { -ms-grid-row: 3; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_container { -ms-grid-row: 3; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_container_weight { -ms-grid-row: 4; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_container_weight { -ms-grid-row: 4; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_material { -ms-grid-row: 5; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_material1 { -ms-grid-row: 5; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .v_material2 { -ms-grid-row: 6; -ms-grid-column: 2 !important; padding-top: 1px }
#inquiry_popupbox1 .iq_grid .v_size { -ms-grid-row: 7; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .iq_subgrid .inputbox { -ms-grid-column: 1 !important; -ms-grid-row: 2 !important }
#inquiry_popupbox1 .iq_grid .t_color { -ms-grid-row: 8; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_color { -ms-grid-row: 8; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_otherneed { -ms-grid-row: 9; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_otherneed { -ms-grid-row: 9; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_file { -ms-grid-row: 10; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_file { -ms-grid-row: 10; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_address { -ms-grid-row: 11; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_address { -ms-grid-row: 11; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .address-grid .selectbox1 { -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .address-grid .selectbox2 { -ms-grid-column: 2 !important }
#inquiry_popupbox1 .iq_grid .address-grid .inputbox { -ms-grid-column: 3 !important }
#inquiry_popupbox1 .iq_grid .address-grid .address4 { -ms-grid-row: 2; -ms-grid-column: 1 !important }
#inquiry_popupbox1 .iq_grid .t_contact { -ms-grid-row: 12; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_contact { -ms-grid-row: 12; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_company { -ms-grid-row: 13; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_company { -ms-grid-row: 13; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_taxid { -ms-grid-row: 14; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_taxid { -ms-grid-row: 14; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_phone { -ms-grid-row: 15; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_phone { -ms-grid-row: 15; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_email { -ms-grid-row: 16; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_email { -ms-grid-row: 16; -ms-grid-column: 2 }
#inquiry_popupbox1 .iq_grid .t_remark { -ms-grid-row: 17; -ms-grid-column: 1 }
#inquiry_popupbox1 .iq_grid .v_remark { -ms-grid-row: 17; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_amount { -ms-grid-row: 2; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_amount { -ms-grid-row: 2; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_material { -ms-grid-row: 3; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_material1 { -ms-grid-row: 3; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .v_material2 { -ms-grid-row: 4; -ms-grid-column: 2 !important; padding-top: 1px }
#inquiry_popupbox2 .iq_grid .v_size { -ms-grid-row: 5; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .iq_subgrid .inputbox { -ms-grid-column: 1 !important; -ms-grid-row: 2 !important }
#inquiry_popupbox2 .iq_grid .t_color { -ms-grid-row: 6; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_color { -ms-grid-row: 6; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_otherneed { -ms-grid-row: 7; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_otherneed { -ms-grid-row: 7; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_file { -ms-grid-row: 8; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_file { -ms-grid-row: 8; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_address { -ms-grid-row: 9; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_address { -ms-grid-row: 9; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .address-grid .selectbox1 { -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .address-grid .selectbox2 { -ms-grid-column: 2 !important }
#inquiry_popupbox2 .iq_grid .address-grid .inputbox { -ms-grid-column: 3 !important }
#inquiry_popupbox2 .iq_grid .address-grid .address4 { -ms-grid-row: 2; -ms-grid-column: 1 !important }
#inquiry_popupbox2 .iq_grid .t_contact { -ms-grid-row: 10; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_contact { -ms-grid-row: 10; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_company { -ms-grid-row: 11; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_company { -ms-grid-row: 11; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_taxid { -ms-grid-row: 12; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_taxid { -ms-grid-row: 12; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_phone { -ms-grid-row: 13; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_phone { -ms-grid-row: 13; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_email { -ms-grid-row: 14; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_email { -ms-grid-row: 14; -ms-grid-column: 2 }
#inquiry_popupbox2 .iq_grid .t_remark { -ms-grid-row: 15; -ms-grid-column: 1 }
#inquiry_popupbox2 .iq_grid .v_remark { -ms-grid-row: 15; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_amount { -ms-grid-row: 2; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_amount { -ms-grid-row: 2; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_container { -ms-grid-row: 3; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_container { -ms-grid-row: 3; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_container_weight { -ms-grid-row: 4; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_container_weight { -ms-grid-row: 4; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_material { -ms-grid-row: 5; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_material1 { -ms-grid-row: 5; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .v_material2 { -ms-grid-row: 6; -ms-grid-column: 2 !important; padding-top: 1px }
#inquiry_popupbox3 .iq_grid .t_cell { -ms-grid-row: 7; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_cell { -ms-grid-row: 7; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .v_size { -ms-grid-row: 8; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .iq_subgrid .inputbox { -ms-grid-column: 1 !important; -ms-grid-row: 2 !important }
#inquiry_popupbox3 .iq_grid .t_otherneed { -ms-grid-row: 9; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_otherneed { -ms-grid-row: 9; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_file { -ms-grid-row: 10; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_file { -ms-grid-row: 10; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_address { -ms-grid-row: 11; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_address { -ms-grid-row: 11; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .address-grid .selectbox1 { -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .address-grid .selectbox2 { -ms-grid-column: 2 !important }
#inquiry_popupbox3 .iq_grid .address-grid .inputbox { -ms-grid-column: 3 !important }
#inquiry_popupbox3 .iq_grid .address-grid .address4 { -ms-grid-row: 2; -ms-grid-column: 1 !important }
#inquiry_popupbox3 .iq_grid .t_contact { -ms-grid-row: 12; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_contact { -ms-grid-row: 12; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_company { -ms-grid-row: 13; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_company { -ms-grid-row: 13; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_taxid { -ms-grid-row: 14; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_taxid { -ms-grid-row: 14; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_phone { -ms-grid-row: 15; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_phone { -ms-grid-row: 15; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_email { -ms-grid-row: 16; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_email { -ms-grid-row: 16; -ms-grid-column: 2 }
#inquiry_popupbox3 .iq_grid .t_remark { -ms-grid-row: 17; -ms-grid-column: 1 }
#inquiry_popupbox3 .iq_grid .v_remark { -ms-grid-row: 17; -ms-grid-column: 2 }
.index__subpageList { -ms-flex-wrap: wrap; flex-wrap: wrap }
.index_subpage_left { width: 100%; margin-right: 0px; margin-bottom: 20px }
.index_subpage_right { -ms-flex: none; flex: none; width: 100% }
.index_subtype_ul { display: none }
.index_subtype_ul: after { display: none }
.index_subtype_mobile_box { display: block; position: relative; z-index: 10 }
.index_subpage_content { padding: 16px 8px 32px 8px }
.subpage_title { font-size: 20px; margin-bottom: 8px }
.detail_editor p { font-size: 16px; margin-bottom: 5px; line-height: 145% }
.detail_editor p .word_special_orange { font-size: 32px }
.detail_editor p.word_stype1 { font-size: 20px }
.detail_editor p.word_stype3 { font-size: 18px }
.detail_editor p.word_stype2 { font-size: 32px }
.pro_introduction_section .content_section>div { padding: 16px }
.other_purchase_recommand { padding: 25px 15px }
#owlcarousel_other_purchase.owl-theme .owl-nav { display: none !important }
 }
@media (max-width: 481px) {
 .link_favorite,.link_share { padding: 6px 5px }
.calendarbox .cal__tbody>div { width: calc((100% / 7) - 3px) }
.calendarbox .cal__tbody .cal__cell .cal__content { padding: 3px }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2 { margin-left: 0px }
.pop_cartlist_grid { grid-template-columns: 90px 1fr; -ms-grid-columns: 90px 1fr }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword1 { font-size: 14px }
.otherinfobox .ofb_content .ofb_mentionbox .ofb_mentionword2 { font-size: 14px }
 }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .mention_q { padding-top: 3px }
.mention_q.style_2,.mention_q.style_3 { padding-top: 1px }
 }
* { font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei" }
header { position: relative; top: 0; left: 0; right: 0; z-index: 50; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; margin: auto; width: 100%; transform: translate(0, -100%); opacity: 0 }
header .header__content { perspective: 1000px }
header .header__top { position: relative; background: #ffffff; z-index: 2; transition-delay: .6s; transition: margin-top 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) }
header .header__top .header__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: width 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) }
header .header__top .header__logo>a { transform: translate(0px, 4px); transition-delay: .6s }
header .header__top .header__logo img { width: 303px; transition: width 0.5s cubic-bezier(0.15, 0.38, 0, 0.86); transition-delay: .6s; display: block }
header .header__top .header__topflex { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; transition: height 0.5s cubic-bezier(0.15, 0.38, 0, 0.86); background-color: #ffffff; transition-delay: .6s }
header .header__top .header__top_menu { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 42px 0 27px 0; transition: padding 0.5s cubic-bezier(0.15, 0.38, 0, 0.86); transition-delay: .6s }
header .header__top .header__top_menu>a { margin: 0 0 0 10px }
header .header__top .header__top_menu>a.hide { display: none }
header .header__top .header__top_menu>a: first-child { margin: 0 }
header .header__top .header__top_menu_mobile { display: none }
header .header__top .header__top_menu_mobile>a.btn__style2 { width: 35px; height: 35px; margin-left: 6px; min-width: 0 }
header .header__top .header__top_menu_mobile>a.btn__style2.qa: before { width: 13px; height: 18px }
header .header__top .header__top_menu_mobile>a.btn__style2.search: before { width: 17px; height: 18px }
header .header__top .header__top_menu_mobile>a.btn__style2: before { margin-right: 0 }
header .header__bottom { position: relative; z-index: 1; box-shadow: 0px 5px 10px 0 rgba(32,33,36,0.03); padding: 14px 0; background: #ffffff; transform-origin: center top; height: 68px }
header .header__bottom: after { content: ""; position: absolute; height: 1px; width: 100%; top: 0; left: 0; right: 0; z-index: -1; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%,#d1aa6e 100%) }
header .header__bottom .header__bottomflex { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; transition: opacity 0.6s cubic-bezier(0.15, 0.38, 0, 0.86) }
header .header__bottom .header__bottom_nav,header .header__bottom .main_menu,header .header__bottom .sub_nav1,header .header__bottom .sub_nav2 { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
header .header__bottom .sub_nav1 { position: relative }
header .header__bottom .sub_nav1 a { padding: 0 16px; font-size: 20px; font-weight: 400; color: #333; height: 38px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
header .header__bottom .sub_nav2 { margin-left: 16px; margin-right: 16px; position: relative }
header .header__bottom .sub_nav2>li { padding: 0 22px; position: relative }
header .header__bottom .sub_nav2>li: before { position: absolute; content: ""; left: -3px; top: 0; bottom: 0; width: 5px; height: 35px; margin: auto; background-color: #F7F0E6 }
header .header__bottom .sub_nav2>li>a { transition: transform 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
header .header__bottom .sub_nav2>li>a: hover { transform: translate(0px, -5px) }
header .header__bottom .sub_nav2 a { position: relative; font-size: 20px; font-weight: 500; color: #825723 }
header .header__top_btn_wholetype { position: relative; z-index: -1 }
.search_box { position: relative; background-color: #F7F0E6; border-radius: 5px; overflow: hidden }
.search_box: after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #D1AA6D; transform: scaleX(0); z-index: 1; transform-origin: right center; transition: all 0.25s cubic-bezier(0.68, 0.09, 0.35, 0.88) }
.search_box.active .btn_search_icon { background-color: #D1AA6D; width: 30px }
.search_box.active: after { transform: scaleX(1) }
.search_box.active input[type=text]: -ms-input-placeholder { color: #a7834c }
.search_box.active input[type=text]: : placeholder { color: #a7834c }
.search_box input[type=text] { font-size: 17px; color: #575757; padding: 5px 12px; background-color: transparent; border-radius: 5px; overflow: hidden; width: 170px; border: 0px; height: 38px; padding-right: 52px; margin: 0; position: relative; z-index: 2 }
.search_box .btn_search_icon { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #3D9738; width: 40px; background-image: url(../images/icon/search2.png); background-size: 19px; background-position: center; background-repeat: no-repeat; z-index: 3; transition: all 0.25s cubic-bezier(0.68, 0.09, 0.35, 0.88) }
.header__top_search_mobile { display: none }
.menu__bottombox_mobile { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 50px; opacity: 0; transform: translate(0, 100%); transition: transform 0.7s cubic-bezier(0.15, 0.38, 0, 0.86),opacity 0.7s cubic-bezier(0.15, 0.38, 0, 0.86); z-index: 52 }
.menu__bottombox_mobile: before { background-color: #3D9738; content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.9; z-index: -1 }
.menu__bottombox_mobile>div { -ms-flex: 1; flex: 1; font-size: 13px }
.menu__bottombox_mobile>div>a { position: relative; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; color: #ffffff; padding: 7px 0 5px 0; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86) }
.menu__bottombox_mobile>div>a: hover,.menu__bottombox_mobile>div>a.is-active { background-color: #D1AA6D }
.menu__bottombox_mobile .menu__bottombox_imgbox { background-position: center; background-repeat: no-repeat; background-size: auto 100%; -ms-flex: 1; flex: 1; width: 100%; text-align: center }
.menu__bottombox_mobile .menu__bottombox_wordbox { padding-top: 5px }
.menu__bottombox_mobile .menu_bottom_home .menu__bottombox_imgbox { background-image: url(../images/icon/home.png) }
.menu__bottombox_mobile .menu_bottom_category .menu__bottombox_imgbox .hamburger { padding: 0 }
.menu__bottombox_mobile .menu_bottom_category .menu__bottombox_imgbox .hamburger-inner,.menu__bottombox_mobile .menu_bottom_category .menu__bottombox_imgbox .hamburger-inner: : before,.menu__bottombox_mobile .menu_bottom_category .menu__bottombox_imgbox .hamburger-inner: : after { background-color: #ffffff }
.menu__bottombox_mobile .menu_bottom_contact .menu__bottombox_imgbox { background-image: url(../images/icon/contact2.png) }
.menu__bottombox_mobile .menu_bottom_member .menu__bottombox_imgbox { background-image: url(../images/icon/user2.png) }
.menu__bottombox_mobile .menu_bottom_cart .menu__bottombox_imgbox { background-image: url(../images/icon/shop2.png) }
.menu__bottombox_mobile .hamburger-box { width: 17px; height: auto; top: 4px }
.menu__bottombox_mobile .hamburger-inner { bottom: 25%; left: 50%; margin-left: -8.5px; width: 17px }
.menu__bottombox_mobile .hamburger-inner: before { width: 17px; top: -6px }
.menu__bottombox_mobile .hamburger-inner: after { top: -12px; width: 17px }
.side__link_box { margin-right: 40px; position: relative }
.side__link_box>a { font-size: 15px; color: #3D9738; width: 90px; height: 90px; border-radius: 99em; border: 2px solid #3D9738; overflow: hidden; position: relative; font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px }
.side__link_box>a: before { content: ""; position: absolute; left: 0; top: 0; right: 0; transform: scale(1); bottom: 0; border-radius: 50%; border: 2px solid #84ab83; z-index: 0; opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.side__link_box>a: after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.88); z-index: -1 }
.side__link_box>a: hover: before { transform: scale(0.95); opacity: 1 }
.side__link_box .side__link_quote { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.side__link_box .side__link_imgbox { width: 100% }
.side__link_box .side__link_textbox { padding-top: 6px }
.side__link_box .side__link_cart { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.side__link_box .side__link_cart .side__link_imgbox { height: 36px; background: url(../images/icon/shop.png) no-repeat center center; background-size: 32px }
.side__link_box .side__link_gotop { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border: 0px; box-shadow: 0px 0px 10px 0 rgba(32,33,36,0.08) }
.side__link_box .side__link_gotop: after { background: rgba(130,87,35,0.95) }
.side__link_box .side__link_gotop .side__link_imgbox { height: 18px; background: url(../images/icon/top.png) no-repeat center center; background-size: 22px }
.side__link_box .side__link_gotop .side__link_textbox { color: #ffffff; font-size: 20px }
.side__link_box .side__link_all { display: none }
.side__link_box .footer__medialinkbox { transform: translate(-50%, 0px); position: absolute; left: 50%; top: 100%; margin-top: 24px }
.side__link_box .footer__medialinkbox>a { width: 30px; min-width: 30px }
.side__link_box .footer__medialinkbox>a .rippleClick { z-index: 1 }
.side__link_service { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.side__link_service .side__link_imgbox { height: 34px; background: url(../images/icon/online.png) no-repeat center center; background-size: 35px }
.slideToHide_body .header__top_btn_wholetype { z-index: 1 }
.slideToHide_body .header__bottom { transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg) !important; background-color: #a78a5e; height: 0; padding: 0; transition: transform 0.7s cubic-bezier(0.15, 0.38, 0, 0.86) 0s,background 1s cubic-bezier(0.15, 0.38, 0, 0.86),height 0s linear 0.7s,padding 0s linear 0.7s }
.slideToHide_body .header__bottom .header__bottomflex { opacity: 0; transition: opacity 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) }
.slideToHide_body .header__top { box-shadow: 0px 5px 10px 0 rgba(32,33,36,0.03); margin-top: -11px }
.slideToHide_body .header__top .header__logo>a { transform: translate(0px, 12px) }
.slideToHide_body .header__top .header__logo img { width: 243px }
.slideToHide_body .header__top .header__top_menu { padding: 34px 0 17px 0 }
.slideToShow_body .header__bottom { transition: transform .5s cubic-bezier(0.48, 1.64, 0.71, 1.51) 0s,background 1s cubic-bezier(0.15, 0.38, 0, 0.86) }
.slideToShow_body .header__bottom .header__bottomflex { opacity: 1; transition: opacity 2s cubic-bezier(0.15, 0.38, 0, 0.86) }
body.loading-finished header { transform: none; opacity: 1; transition: transform 0.7s cubic-bezier(0.33, 0.04, 0.05, 0.89),opacity 1.2s cubic-bezier(0.15, 0.38, 0, 0.86) }
body.loading-finished.isIndexPage header { transition-delay: 1s }
body.loading-finished.subcategory--open header { transform: none !important; transition: none !important; -webkit-transform: none !important }
body.loading-finished.subcategory--open .slideToShow_body .header__bottom { transform: none !important; transition: none !important; -webkit-transform: none !important }
body.loading-finished.subcategory--open .slideToHide_body .header__bottom { background-color: #ffffff; transform: none !important; transition: none !important; -webkit-transform: none !important }
body.loading-finished.subcategory--open .slideToHide_body .header__bottom .header__bottomflex { opacity: 1 }
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
 .slideToHide_body .header__top { box-shadow: 0px 5px 10px 0 rgba(32,33,36,0.03); margin-top: 0 }
.slideToHide_body .header__top .header__logo>a { transform: translate(0px, 4px) }
.slideToHide_body .header__top .header__logo img { width: 303px }
.slideToHide_body .header__top .header__top_menu { padding: 42px 0 28px 0 }
header .header__top { transition: none }
header .header__top .header__logo>a { transition: none }
header .header__top .header__logo img { transition: none }
header .header__top .header__top_menu { transition: none }
 }
@keyframes sub_menu_slide {
 0% { opacity: 0 }
100% { opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0) }
 }
@keyframes sub_menu_show {
 0% { opacity: 0 }
100% { opacity: 1 }
 }
@keyframes sub_menu_hide {
 0% { opacity: 1; display: block }
99% { opacity: 0; display: block }
100% { opacity: 0; display: none }
 }
@media (max-width: 1650px) {
 body.float-bar-fixed .menufloat.fbf-right { top: auto; bottom: 110px }
.side__link_box { margin-right: 5px; position: relative }
.side__link_box>a { width: 32px; height: 32px; border: 1px solid #e2e2e2; margin-bottom: 0; margin-top: 5px; border-radius: 50% }
.side__link_box>a: after { background: rgba(255,255,255,0.88) }
.side__link_box .side__link_quote { display: none }
.side__link_box .side__link_cart { display: none }
.side__link_box .side__link_service { display: none }
.side__link_box .side__link_gotop .side__link_imgbox { height: 20px; background-size: 10px }
.side__link_box .side__link_gotop .side__link_textbox { display: none }
.side__link_box .side__link_gotop: after { background: rgba(130,87,35,0.88) }
.side__link_box .side__link_all { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.side__link_box .side__link_all .side__link_imgbox { width: 13px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; transition: all 0.5s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.side__link_box .side__link_all .side__link_imgbox>div { -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative }
.side__link_box .side__link_all .side__link_imgbox>div .box { position: absolute; width: 100%; height: 100%; border: 2px solid #5fb75a; border-radius: 2px; transform: scale(0.7) }
.side__link_box .side__link_all .side__link_imgbox>div: after { content: ""; display: block; padding-bottom: 100% }
.side__link_box .side__link_all.active { background-color: #3D9738 }
.side__link_box .side__link_all.active .side__link_imgbox { transform: rotateZ(225deg) }
.side__link_box .side__link_all.active .side__link_imgbox>div .box { border: 2px solid #ffffff }
.side__link_box .footer__medialinkbox { display: none }
 }
@media (max-width: 1480px) {
 header .header__content .header__empty { display: none }
 }
@media (max-width: 1297px) {
 .slideToHide_body .header__top { margin-top: 0 }
header { z-index: 49 }
 }
@media screen and (max-width: 1297px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 1297px) and (min-width: 0\0) and (min-resolution: 72dpi) {
 body .slideToHide_body .header__top .header__logo>a { transform: translate(0px, 5px) }
 }
 .nav_section_box{
	width: 488px;overflow:hidden; 
    height: 68px;
    margin-top: -14px;
    padding-top: 13px;
 }
 .sub_nav1{
	width: 488px;overflow:visible;
 }
 @media (max-width: 1297px){
	#btn_categoryall2.btn__style1{
		-ms-flex-pack: left;
		justify-content: left;
		min-width: 140px;
	}
	header .header__bottom .sub_nav2>li{
		padding: 0 5px;
	}
	header .header__bottom .sub_nav2>li:before{
		width: 2px;
	}
	header .header__bottom .sub_nav2 a{
		font-size: 18px;
	}
	header .header__bottom .sub_nav1 a{
		padding: 0 6px;
		font-size: 18px;
	}
	header .header__bottom .sub_nav2{
		margin-left: 5px;
		margin-right: 5px;
	}
 }
 @media (max-width: 1140px){
	.nav_section_box{
		width: 430px;
	}
 }
 @media (max-width: 1094px){
	.nav_section_box{
		width: 360px;
	}
 }
@media (max-width: 1024px) {
 body.loading-finished header .header__content { box-shadow: 0px 5px 10px 0px rgba(32,33,36,0.12); overflow: visible }
body.loading-finished .menu__bottombox_mobile { opacity: 1; transform: translate(0, 0%) }
body.loading-finished.isIndexPage .menu__bottombox_mobile { transition-delay: 1s }
body header .header__top.afterElementScrollToHide { margin-top: 0; transition: none; transform: none }
body header .header__top.afterElementScrollToHide .header__topflex { height: auto }
body header .header__top.afterElementScrollToHide .header__logo img { width: 160px }
body header .header__top.afterElementScrollToHide .header__logo>a { transform: translate(0px, 5px) }
body header .header__top .header__top_menu { display: none }
body header .header__top .header__top_menu_mobile { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; height: 60px }
body header .header__top .header__logo { padding-left: 10px; width: 160px; -ms-flex: 0 0 160px; flex: 0 0 160px }
body header .header__top .header__logo>a { width: 100%; transform: translate(0px, 5px) }
body header .header__bottom { display: none; transform: none; -webkit-transform: none }
body .slideToHide_body .header__top .header__logo>a { transform: translate(0px, 5px) }
.header__top_search_mobile { position: absolute; width: 100%; padding: 16px 10px; top: 100%; left: 0; right: 0; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: -1; transform: translate(0, -100%); opacity: 0; transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86) }
.header__top_search_mobile.show { transform: translate(0, 0); opacity: 1 }
.header__top_search_mobile: after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background-color: #095341; background-image: linear-gradient(90deg, #095341 25%,#825723 100%); opacity: .95 }
.header__top_search_mobile .input_textbox { -ms-flex: 1; flex: 1 }
.header__top_search_mobile .input_textbox input[type=text] { font-size: 18px; padding: 8px; width: 100%; border: 0; border-bottom: 1px solid #ffffff; color: #ffffff; background-color: transparent; height: 40px }
.header__top_search_mobile .input_textbox input[type=text]: -ms-input-placeholder { color: #ffffff }
.header__top_search_mobile .input_textbox input[type=text]: : placeholder { color: #ffffff }
.header__top_search_mobile .search_btnbox { padding-left: 12px }
.header__top_search_mobile .search_btnbox a { font-size: 20px; width: 100px; height: 40px; border-radius: 5px; border: 1px solid #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #ffffff }
 }
@keyframes side__link_boxmove {
 0% { opacity: 0; transform: rotateZ(45deg) translate(-25px, -25px) }
100% { transform: rotateZ(45deg) translate(0px, 0px); opacity: 1 }
 }
@keyframes side__link_boxleave {
 0% { opacity: 1; transform: rotateZ(45deg) translate(0px, 0px) }
100% { transform: rotateZ(45deg) translate(-15px, -15px); opacity: 0 }
 }
@keyframes menuboxfadein {
 0% { opacity: 0; display: block }
99% { display: block; opacity: 1 }
100% { display: block; opacity: 1 }
 }
@keyframes menuboxfadeout {
 0% { display: block; opacity: 1 }
99% { display: block; opacity: 0 }
100% { display: none; opacity: 0 }
 }
@keyframes menumove {
 100% { transform: translate(0, 0) }
 }
@keyframes menufadein {
 0% { opacity: 0 }
100% { opacity: 1 }
 }
@keyframes menuleave {
 0% { transform: translate(0, 0) }
100% { transform: translate(-25px, -2px) }
 }
@keyframes menufadeout {
 0% { opacity: 1 }
100% { opacity: 0 }
 }
@supports (-ms-flow-from: thingy) { .myclass { -ms-flex-pack: distribute; justify-content: space-around }
 }
footer { font-family: "Roboto","Noto Sans TC",sans-serif,"Microsoft Jhenghei"; background-color: #ffffff; padding: 40px 0 }
footer .footer__container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
footer .footer__container>div { -ms-flex: 0 1 auto; flex: 0 1 auto }
footer .footer__container .footer__left { max-width: 20% }
footer .footer__container .footer__center { -ms-flex: 1; flex: 1 }
footer .footer__container .footer__center .footer__maplinklist { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between }
footer .footer__container .footer__center .footer__maplinklist: before,footer .footer__container .footer__center .footer__maplinklist: after { content: ''; display: block }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head { font-size: 18px }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head>a { color: #3D9738; width: 100%; margin-bottom: 18px }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.more { margin-top: 20px }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul { width: 100% }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul li { margin-bottom: 10px; font-size: 15px; color: #333333 }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul li a { color: #333333; position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul li a: hover { color: #66AA2D }
footer .footer__container .footer__center .footer__maplinklist .footer__maplink_infolist { display: none }
footer .footer__logo { margin-top: -79px }
footer .footer__logo img { width: 241px }
footer .footer__copyright { text-align: center; font-size: 13px; color: #66AA2D }
footer .footer__infolist { margin-bottom: 15px }
footer .footer__infolist li { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; color: #F2F2F2; display: -ms-flexbox; display: flex }
footer .footer__infolist li a { color: #F2F2F2; font-size: 16px }
footer .footer__infolist li span.words { display: -ms-flexbox; display: flex; top: 7px; position: relative; font-size: 14px; color: #575757 }
footer .footer__infolist li span.words>span { color: #66AA2D; font-size: 14px; display: inline-block; min-width: 50px }
footer .footer__infolist li span.words>span: first-child { padding-right: 10px }
footer .footer__infolist li span.words>span.sp2 { font-size: 16px; color: #575757; font-weight: 500 }
footer .footer__infolist li span.icon { margin-right: 12px }
footer .footer__infolist li span.icon: before { content: ""; width: 30px; height: 30px; display: block; border-radius: 50%; background-color: #64AC60; background-position: center; background-repeat: no-repeat }
footer .footer__infolist li.footer_info_hours span.icon: before { background-image: url(../images/icon/clock.png); background-size: 17px }
footer .footer__infolist li.footer_info_email span.icon: before { background-image: url(../images/icon/mail.png); background-size: 16px }
footer .footer__infolist li.footer_info_phone span.icon: before { background-image: url(../images/icon/phone.png); background-size: 13px }
footer .footer__infolist li.footer_info_fax span.icon: before { background-image: url(../images/icon/tax.png); background-size: 16px }
footer .footer__infolist li.footer_info_map span.icon: before { background-image: url(../images/icon/map.png); background-size: 12px }
footer .footer_otherlink1 { font-size: 13px; color: #999; text-decoration: underline; margin-bottom: 5px }
footer .footer_otherinfobox h4 { color: #333333; font-size: 15px }
footer .footer_otherinfobox .copyright,footer .footer_otherinfobox .footer__medialinkbox { display: none }
.footer__medialinkbox { margin-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center }
.footer__medialinkbox>a { width: 44px; background-position: center; background-repeat: no-repeat; background-size: 100%; margin: 0 7.5px; position: relative }
.footer__medialinkbox>a: after { content: ""; position: relative; width: 100%; padding-bottom: 100%; display: block }
.footer__medialinkbox>a.footer_link_line { background-image: url(../images/icon/line.png) }
.footer__medialinkbox>a.footer_link_instagram { background-image: url(../images/icon/ig.png) }
.footer__medialinkbox>a.footer_link_fb { background-image: url(../images/icon/fb.png) }
@media (max-width: 1297px) {
 footer .footer__container { padding: 0 20px }
 }
@media (min-width: 1025px) {
 footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul { display: block !important }
 }
@media (max-width: 1024px) {
 footer { background: #F7F0E6; padding: 0 }
footer .wrapContent { padding: 0px !important }
footer .footer__container { -ms-flex-direction: column; flex-direction: column; padding: 0px }
footer .footer__container>div { width: 100% }
footer .footer__container .footer__center { -ms-flex: none; flex: none }
footer .footer__container .footer__center .footer__maplinklist { -ms-flex-direction: column; flex-direction: column }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul { margin: 0 }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head { margin-bottom: 0; padding: 0 }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head>a { padding: 20px; font-size: 18px; font-weight: 500; color: #3D9738; background: #ffffff; border-bottom: 1px solid #D1AA6D; margin-bottom: 0; position: relative }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head>a[data-issubmenu="true"]>span.arrow { position: relative; width: 10px; height: 10px; display: inline-block; margin-left: 10px; top: -1px }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head>a[data-issubmenu="true"]>span.arrow: after { content: ""; position: absolute; width: 10px; height: 10px; background: url(../images/icon/footer-arrow.png) no-repeat center center; background-size: 10px; left: 0; top: 0; z-index: 1; transition: all 0.6s cubic-bezier(0.13, 0.46, 0.03, 0.87) }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.head>a[data-issubmenu="true"]>span.arrow: before { content: ""; position: absolute; width: 10px; height: 10px; background: url(../images/icon/footer-arrow.png) no-repeat center center; background-size: 10px; left: 0; top: 0; z-index: 1; transform: rotateZ(180deg) translateY(10px); opacity: 0; transition: all 0.6s cubic-bezier(0.13, 0.46, 0.03, 0.87) }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.active.head>a[data-issubmenu="true"]>span.arrow: after { transform: translateY(10px); opacity: 0 }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.active.head>a[data-issubmenu="true"]>span.arrow: before { transform: rotateZ(180deg) translateY(0px); opacity: 1 }
footer .footer__container .footer__center .footer__maplinklist .footer__maplinkul li.more { margin-top: 0 }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul { margin: 0; display: none }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul li { margin: 0 }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul li a { font-size: 15px; color: #ffffff; background: #3D9738; border-bottom: 1px solid #dfdfdf; padding: 12px 28px; width: 100% }
footer .footer__container .footer__center .footer__maplinklist .footer__submaplinkul li a.btn__style4 { background: #155B4A; border-bottom: none; padding: 12px 28px; color: #ffffff !important; border-radius: 0; display: block; text-align: left }
footer .footer__container .footer__center .footer__maplinklist .footer__maplink_infolist { display: block }
footer .footer__container .footer__center .footer__maplinklist .footer__infolist li { background: #3D9738; padding: 12px 28px }
footer .footer__container .footer__center .footer__maplinklist .footer__infolist li span.icon { display: none }
footer .footer__container .footer__center .footer__maplinklist .footer__infolist li span.words { top: 0; color: #ffffff; font-size: 15px }
footer .footer__container .footer__center .footer__maplinklist .footer__infolist li span.words>span { color: #ffffff }
footer .footer__left { display: none }
footer .footer__info { padding-bottom: 20px }
footer .footer__info>ul { margin-bottom: 20px; margin-top: 24px }
footer .footer__info>ul>li { display: none; margin: 0 }
footer .footer__info>ul>li.footer_info_hours { display: block }
footer .footer__info>ul>li.footer_info_hours>.icon { display: none }
footer .footer__info>ul>li.footer_info_hours>.words { display: block; text-align: center; top: 0; font-size: 14px; font-weight: 500; color: #575757 }
footer .footer__info>ul>li.footer_info_hours>.words span { text-align: center }
footer .footer__info>ul>li.footer_info_hours>.words span: first-child { width: 100%; display: block; padding: 0; font-size: 15px; font-weight: 500; color: #66AA2D; margin-bottom: 4px }
footer .footer__info>ul>li.footer_info_hours>.words span.sp2 { display: inline; font-size: 14px; font-weight: 500; color: #575757 }
footer .footer_otherlink1 { display: none }
footer .footer_otherinfobox { text-align: center; padding: 0 10px }
footer .footer_otherinfobox .footer__medialinkbox { margin-bottom: 24px; display: -ms-flexbox; display: flex }
footer .footer_otherinfobox .footer__medialinkbox>a { width: 40px; margin: 0 6px }
footer .footer_otherinfobox h4 { font-size: 14px; color: #333333; margin-bottom: 4px }
footer .footer_otherinfobox .copyright { display: block; font-size: 13px; color: #858585 }
 }
.Banner { position: relative }
.index__bannerflex { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 10px 0 }
.index__bannerflex .index__banner_left { width: 66%; transform: translate(0, -100%); opacity: 0; position: relative; z-index: 2 }
.index__bannerflex .index__banner_right { position: relative; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; -ms-flex: 1; flex: 1; width: 34%; margin-left: 10px; transform: translate(0, -100%); opacity: 0 }
.index__bannerflex .index__banner_right a { position: absolute; width: 100%; left: 0; top: 0; display: block; height: 100% }
.index__bannerflex .index__banner_right: after { content: ""; display: block; padding-bottom: 116.279% }
.index__main { overflow: hidden }
.index__category_content { padding: 50px 0 60px 0; background-color: #68aa2f; background-image: linear-gradient(180deg, #68aa2f 25%,#bdca75 100%); position: relative }
.index__category_content: before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: url(../images/index-product-back2.png) bottom 45px left 45px/auto auto }
.index__category_content: after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: url(../images/index-product-back2.png) bottom -20px left 227px/auto auto }
.index__category_content .index__categorybox { padding: 40px 40px 50px 40px; background-color: #ffffff; position: relative; z-index: 1 }
.index__category_content .index__categorybox .morebox { position: absolute; top: 100%; left: 0; right: 0; margin: auto; margin-top: -26px; width: 180px }
.index__category_content .T-rex_1 { position: absolute; right: 0; top: 0; z-index: 2; margin-right: -84px; margin-top: -110px }
.index__category_content .T-rex_2 { position: absolute; left: 0; bottom: 0; z-index: 2; margin-left: -109px; margin-bottom: -67px }
.index__knowledgebox { margin-bottom: 55px }
.index__knowledgebox .index__title { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr max-content; -ms-grid-columns: minmax(min-content, max-content) 1fr minmax(min-content, max-content); max-width: 100% }
.index__knowledgebox .index__title>div { -ms-grid-row-align: center }
.index__knowledgebox .index__knowledgetyle_sliderbox { display: grid; display: -ms-grid; grid-template-columns: 50px 50px 1fr 50px; -ms-grid-columns: 50px 50px 1fr 50px; font-size: 16px; -ms-flex: 1; flex: 1; padding-left: 80px; -ms-flex-align: center; align-items: center }
.index__knowledgebox .index__knowledgetyle_sliderbox .knowledgetype_slider { min-width: 300px }
.index__knowledgebox .index__knowledgetyle_sliderbox>div { -ms-grid-row-align: center }
.index__knowledgebox .index__knowledgetyle_sliderbox .knowledgetype_btn_whole { margin: 0 10px 0 0 }
.index__knowledgebox .index__knowledgetyle_sliderbox .knowledgetype_btn a { background-position: center; height: 20px; background-repeat: no-repeat; background-size: 8px }
.index__knowledgebox .index__knowledgetyle_sliderbox .knowledgetype_btn a.knowledgetype_prev { background-image: url(../images/icon/arrow_left.png) }
.index__knowledgebox .index__knowledgetyle_sliderbox .knowledgetype_btn a.knowledgetype_next { background-image: url(../images/icon/arrow_right.png) }
.index__knowledgebox .index__knowledgetyle_sliderbox .index__knowledgetype_link { text-align: center }
.index__knowledgebox .knowledgetype_dropdown { display: none }
.index__knowledgebox .index__subbox { background-color: transparent; padding: 0 }
.index__knowledgebox .index__knowledgeflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px }
.index__knowledgebox .index__knowledgeflex>div { -ms-flex: 0 0 25%; flex: 0 0 25% }
.index__knowledgebox .index__knowledgeflex>div>a { height: 100%; padding: 5px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.index__knowledgebox .index__knowledgeflex a { transition: all 0.5s cubic-bezier(0.26, 0.35, 0, 0.55) }
.index__knowledgebox .index__knowledgeflex a: hover { box-shadow: 0px 26px 29px -23px #DEDEDE; -webkit-box-shadow: 0px 26px 29px -23px #DEDEDE; -moz-box-shadow: 0px 26px 29px -23px #DEDEDE; -o-box-shadow: 0px 26px 29px -23px #DEDEDE }
.index__knowledgebox .index__knowledgeflex a: hover .index__knowledgeimgbox img { transform: scale(1.1) }
.index__knowledgebox .index__knowledgeflex a: hover .index__knowledgedesbox { background: #333333; color: #ffffff }
.index__knowledgebox .index__knowledgeflex a: hover .index__knowledgedesbox h3 { color: #3D9738 }
.index__knowledgebox .index__knowledgeflex a: hover .index__knowledgedesbox p { color: #ffffff }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox { position: relative; padding-bottom: 66.667%; overflow: hidden }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox .lazyload_outer { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox img { width: 100%; position: absolute; display: block; left: -9999px; right: -9999px; top: -9999px; bottom: -9999px; margin: auto; transition: all 0.5s cubic-bezier(0.26, 0.35, 0, 0.55) }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox { padding: 24px 18px; background-color: #ffffff; transition: all 0.3s cubic-bezier(0.26, 0.35, 0, 0.55); -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox h1 { font-size: 18px; font-weight: 400; line-height: 120%; margin-bottom: 10px }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox p { font-size: 16px; font-weight: 400; color: #575757; transition: all 0.3s cubic-bezier(0.26, 0.35, 0, 0.55); line-height: 140%; margin-bottom: 18px; -ms-flex-positive: 1; flex-grow: 1 }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox h3 { font-size: 15px; color: #825723; transition: all 0.3s cubic-bezier(0.26, 0.35, 0, 0.55) }
body.loading-finished .index__banner_left { animation: boxfall_down 0.8s cubic-bezier(0.76, 0.26, 1, 0.54) 1; animation-fill-mode: forwards; animation-delay: 0s }
body.loading-finished .index__banner_right { animation: boxfall_down2 0.8s cubic-bezier(0.76, 0.26, 1, 0.54) 1; animation-fill-mode: forwards; animation-delay: .15s }
@keyframes boxfall_down {
 0% { opacity: 0; transform: translate(0, -100%) scale(1, 1) rotate(0deg); transition-timing-function: cubic-bezier(0.46, 0.03, 0.91, 0.17) }
40% { opacity: 1; transform-origin: center bottom; transform: translate(0, 0%) scale(0.93, 1.1) rotate(-8deg) }
48% { transform-origin: center bottom; transform: translate(0, 0%) scale(1.04, 0.92) rotate(0deg) }
64% { transform-origin: center bottom; transform: translate(0, -5%) scale(0.95, 1.02) rotate(5deg) }
78% { transform-origin: center bottom; transform: translate(0, -8%) scale(1.02, 0.97) rotate(0deg) }
90% { transform-origin: center bottom; transform: translate(0, 0%) scale(0.98, 1.01) rotate(-2deg) }
100% { opacity: 1; transform-origin: center bottom; transform: translate(0, 0%) scale(1, 1) rotate(0deg) }
 }
@keyframes boxfall_down2 {
 0% { opacity: 0; transform: translate(0, -100%) scale(1, 1) rotate(0deg); transition-timing-function: cubic-bezier(0.46, 0.03, 0.91, 0.17) }
40% { opacity: 1; transform-origin: center bottom; transform: translate(0, 0%) scale(0.93, 1.1) rotate(-13deg) }
48% { transform-origin: center bottom; transform: translate(0, 0%) scale(1.04, 0.92) rotate(0deg) }
64% { transform-origin: center bottom; transform: translate(0, -5%) scale(0.95, 1.02) rotate(5deg) }
78% { transform-origin: center bottom; transform: translate(0, -8%) scale(1.02, 0.97) rotate(0deg) }
90% { transform-origin: center bottom; transform: translate(0, 0%) scale(0.98, 1.01) rotate(-2deg) }
100% { opacity: 1; transform-origin: center bottom; transform: translate(0, 0%) scale(1, 1) rotate(0deg) }
 }
#owlcarousel2 { margin-bottom: 48px }
#owlcarousel2 .item { text-align: center; font-size: 16px; font-weight: 500 }
#owlcarousel2 .owl-nav { margin: 0; margin-top: -18px }
#owlcarousel2 .owl-nav img { width: 10px; display: block }
#owlcarousel2 .owl-nav button { width: 10px; height: 16px }
#owlcarousel2 .owl-nav button: hover { background-color: transparent }
#owlcarousel2 .owl-nav button.owl-prev { position: absolute; left: 0; margin: 0; background: url(../images/icon/arrow_left.png) no-repeat center center; background-size: 10px }
#owlcarousel2 .owl-nav button.owl-next { position: absolute; right: 0; margin: 0; background: url(../images/icon/arrow_right.png) no-repeat center center; background-size: 10px }
@media (max-width: 1650px) {
 .index__category_content .T-rex_1 { width: 200px; margin-right: -70px; margin-top: -70px }
.index__category_content .T-rex_2 { width: 200px; margin-left: -70px; margin-bottom: -30px }
 }
@media (max-width: 1297px) {
 .index__category_content .T-rex_1 { display: none }
.index__category_content .T-rex_2 { display: none }
 }
@media (max-width: 769px) {
 .index__category_content { padding: 20px 0 36px 0 }
.index__category_content .index__categorybox { padding: 16px 8px 36px 8px }
.index__category_content .index__categorybox .morebox { margin-top: 0; width: 140px }
.index__category_content .index__categorybox .btn__style3 { margin-top: -18px }
.index__content { padding: 38px 0 38px 0 }
.index__knowledgebox { margin-bottom: 32px }
.index__knowledgebox .index__knowledgetyle_sliderbox { display: none }
.index__knowledgebox .index__title { margin-bottom: 10px; display: flex; display: -ms-flexbox; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center }
.index__knowledgebox .index__title .btn__style5 { font-size: 16px; font-weight: 700; min-width: 90px }
.index__knowledgebox .index__knowledgeflex { margin: 0 }
.index__knowledgebox .index__knowledgeflex>div { -ms-flex: 1 1 100%; flex: 1 1 100% }
.index__knowledgebox .index__knowledgeflex>div>a { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 10px; padding: 0 }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox { width: 26%; min-width: 100px; padding-bottom: 0px }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox: after { content: ""; display: block; padding-bottom: 63.14% }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox { -ms-flex: 1; flex: 1; padding: 12px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox h1 { font-size: 16px; margin-bottom: 8px; -webkit-line-clamp: 1 !important }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox p { display: none }
.index__knowledgebox .index__knowledgeflex .index__knowledgedesbox h3 { font-size: 14px }
.index__knowledgebox .knowledgetype_dropdown { display: block; margin-bottom: 10px }
.knowledgetype_dropdown_outer { position: relative }
.knowledgetype_dropdown_flex { display: -ms-flexbox; display: flex; position: relative; font-size: 16px; height: 45px; -ms-flex-direction: row; flex-direction: row; z-index: 3 }
.knowledgetype_dropdown_flex.active ~ .options { display: -ms-flexbox; display: flex; animation: floatshow_slide 0.3s 1 cubic-bezier(0.15, 0.38, 0, 0.86); animation-fill-mode: forwards }
.knowledgetype_dropdown_flex .text { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: #ffffff; padding: 0 15px }
.knowledgetype_dropdown_flex .icon { width: 45px; position: relative }
.knowledgetype_dropdown_flex .icon: before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotateZ(-45deg); transform-origin: center; width: 6px; height: 6px; background-color: transparent; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; z-index: 1; transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86) }
.knowledgetype_dropdown_flex .icon: after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background-color: #3D9738 }
.knowledgetype_dropdown_flex ~ .options { position: absolute; left: 0; top: 100%; right: 0; margin-top: 1px; padding: 15px 10px; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #ffffff; box-shadow: 0 0px 20px 0px #adadad; z-index: 2; transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86); transform: translate(0, -30%); opacity: 0; display: none }
.knowledgetype_dropdown_flex ~ .options>label { -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 10px; cursor: pointer }
.knowledgetype_dropdown_flex ~ .options>label span { padding: 8px 15px; border-bottom: 1px solid transparent; display: block; position: relative }
.knowledgetype_dropdown_flex ~ .options>label span: after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #3D9738; width: 100%; transform-origin: center center; transform: scaleX(0); transition: all 0.3s cubic-bezier(0.22, 0.86, 0.37, 0.97) }
.knowledgetype_dropdown_flex ~ .options>label input[type=radio] { display: none }
.knowledgetype_dropdown_flex ~ .options>label input[type=radio]: checked ~ span { color: #3D9738 }
.knowledgetype_dropdown_flex ~ .options>label input[type=radio]: checked ~ span: after { transform: scaleX(1) }
 }
.news-index-section .index__newsList { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px }
.news-index-section .index__newsList>div { position: relative; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 5px 5px; -ms-flex-preferred-size: calc(50% - (10px)) }
.news-index-section .index__newsEachbox>a { background-color: #ffffff; height: 100%; padding: 35px 30px; overflow: hidden }
.news-index-section .index__newsEachbox>a: before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-image: linear-gradient(-90deg, #ffffff 70%,rgba(255,255,255,0) 100%); z-index: 2; transition: all 1.5s cubic-bezier(0.24, 0.74, 0.3, 0.89); transform: translate(75px, 0) scaleX(1.9) skew(-30deg); transform-origin: right center }
.news-index-section .index__newsEachbox>a: after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%,#d1aa6e 100%); z-index: 1; transition: all 0.6s cubic-bezier(0.15, 0.59, 0.3, 0.89) }
.news-index-section .index__newsEachbox>a: hover { box-shadow: 0px 5px 10px 0 rgba(32,33,36,0.16) }
.news-index-section .index__newsEachbox>a: hover .arrow { background: url(../images/icon/arrow2.png) no-repeat right center; background-size: 37px }
.news-index-section .index__newsEachbox>a: hover: before { transform: translate(100%, 0); transition: all 0.6s cubic-bezier(0.15, 0.59, 0.3, 0.89) }
.news-index-section .index__newsEachbox>a: hover: after { transform: translate(0px, 0); box-shadow: 8px 8px 20px 0 rgba(32,33,36,0.08) }
.news-index-section .index__newsEachbox .index_nEbox_title { padding-right: 35px !important }
.news-index-section .index__newsEachbox .arrow { -ms-flex: 0 0 38px; flex: 0 0 38px; background: url(../images/icon/arrow3.png) no-repeat right center; background-size: 37px; transition: all 0.6s cubic-bezier(0.15, 0.59, 0.3, 0.89) 0.2s }
.news-details-section { padding-top: 65px }
.news-details-section .detail_title { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 40px }
.news-details-section .detail_title .word { max-width: 706px; -ms-flex: 0 0 auto; flex: 0 0 auto }
.news-details-section .detail_title .shares { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end }
.news-details-section .detail_title .shares .share_linklist { padding-right: 0px }
.news-details-section .detail_title .titleflag { margin-top: -55px; margin-left: -20px; padding: 32px 28px; background-color: #D1AA6D; color: #ffffff }
.news-details-section .detail_title .titleflag .date { font-size: 16px; margin-bottom: 10px }
.news-details-section .detail_title .titleflag h1 { font-size: 36px; font-weight: 500; line-height: 140%; margin-bottom: 10px }
.news-details-section .detail__newsbox { background-color: #ffffff; padding: 0 60px 40px 60px }
@media (max-width: 1024px) {
 .news-details-section { padding-top: 42px }
.news-details-section .detail__newsbox { padding: 0 8px 20px 8px; margin-bottom: 16px }
.news-details-section .detail_title { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; display: inline-block; width: 100%; margin-top: -42px }
.news-details-section .detail_title .titleflag { padding: 14px; margin-top: 0; margin-left: 0px }
.news-details-section .detail_title .titleflag .date { font-size: 14px }
.news-details-section .detail_title .titleflag h1 { font-size: 26px; line-height: 130%; margin-bottom: 7px }
.news-details-section .detail_title .shares { -ms-flex-pack: start; justify-content: flex-start }
.share_linklist { margin-right: 0px }
 }
@media (max-width: 769px) {
 .news-index-section .index__newsEachbox .arrow { display: none !important }
.news-index-section .index__newsEachbox>a { padding: 16px 8px }
.news-index-section .index__newsEachbox .index_nEbox_title { padding-right: 0 !important }
.news-index-section .index__newsList>div { -ms-flex: none; flex: none; padding: 5px 5px; width: 100% }
 }
.knowledge-index-section .index__knowledgebox { margin-bottom: 0px }
.knowledgetype_section { position: relative; z-index: 2 }
.knowledgetype_desktop { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -4px -14px }
.knowledgetype_desktop>a { -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; padding: 4px 14px }
.knowledgetype_desktop>a.active { color: #3D9738 }
.knowledgesort_section { margin-top: 28px; margin-bottom: 20px; position: relative; display: inline-block; z-index: 1 }
.knowledgesort_section .sort_flex { background-color: #DFDFDF; border-radius: 8px; width: 200px; padding: 12px 15px; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; cursor: pointer; -ms-flex-align: center; align-items: center }
.knowledgesort_section .sort_flex: after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
.knowledgesort_section .sort_flex .value { color: #3D9738; padding-right: 11px; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-pack: end; justify-content: flex-end }
.sort_flex ~ .options { position: absolute; left: auto; top: 50%; right: 10px; max-width: 100px; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #ffffff; box-shadow: 0 0px 20px 0px #adadad; transition: all 0.2s cubic-bezier(0.84, -0.01, 0.15, 0.95); transform: translate(0, -50%); border-radius: 8px; height: 0px; overflow: hidden; -ms-flex-pack: justify; justify-content: space-between; z-index: 3 }
.sort_flex ~ .options: before,.sort_flex ~ .options: after { content: ''; display: block }
.sort_flex ~ .options>label { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 8px 15px; cursor: pointer }
.sort_flex ~ .options>label input[type=radio] { display: none }
.sort_flex ~ .options>label input[type=radio]: checked ~ span { color: #3D9738 }
.sort_flex.active ~ .options { height: auto; min-height: 100px; padding: 10px 0 }
.knowledge-details-section { padding-top: 65px }
.knowledge-details-section .detail_title { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 40px }
.knowledge-details-section .detail_title .word { max-width: 706px; -ms-flex: 0 0 auto; flex: 0 0 auto }
.knowledge-details-section .detail_title .shares { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end }
.knowledge-details-section .detail_title .shares .share_linklist { padding-right: 0px }
.knowledge-details-section .detail_title .titleflag { margin-top: -55px; margin-left: -20px; padding: 32px 28px; background-color: #D1AA6D; color: #ffffff }
.knowledge-details-section .detail_title .titleflag .date { font-size: 16px; margin-bottom: 10px }
.knowledge-details-section .detail_title .titleflag h1 { font-size: 36px; font-weight: 500; line-height: 140%; margin-bottom: 10px }
.knowledge-details-section .detail__knowledgebox { background-color: #ffffff; padding: 0 60px 40px 60px }
@media (max-width: 1024px) {
 .knowledgetype_desktop { display: none }
.knowledge-details-section { padding-top: 42px }
.knowledge-details-section .detail__knowledgebox { padding: 0 8px 20px 8px }
.knowledge-details-section .detail_title { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; display: inline-block; width: 100%; margin-top: -42px }
.knowledge-details-section .detail_title .titleflag { padding: 14px; margin-top: 0; margin-left: 0px }
.knowledge-details-section .detail_title .titleflag .date { font-size: 14px }
.knowledge-details-section .detail_title .titleflag h1 { font-size: 26px; line-height: 130%; margin-bottom: 7px }
.knowledge-details-section .detail_title .shares { -ms-flex-pack: start; justify-content: flex-start }
.share_linklist { margin-right: 0px }
 }
.qa_subtype_section { margin: 20px -4px -8px -4px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 0; transform: translate(0, 40px); transition-duration: .7s; transition-property: all; transition-timing-function: cubic-bezier(0.1, 0.69, 0.26, 1.01) }
.qa_subrtpe_link { -ms-flex: 0 1 auto; flex: 0 1 auto }
.qa_subrtpe_link>a { font-size: 18px; display: -ms-flexbox; display: flex; -ms-flex-align: self-start; align-items: self-start; padding: 15px; background-color: #D1AA6D; color: #ffffff; border-radius: 5px; margin: 0 4px 8px 4px; transition: all 0.3s cubic-bezier(0.17, 0.35, 0.07, 0.89) }
.qa_subrtpe_link>a>span { font-size: 16px; padding-right: 5px; padding-top: 2px }
.qa_subrtpe_link>a: hover,.qa_subrtpe_link>a.active { background-color: #3D9738; box-shadow: 0px 11px 23px -15px #3D9738; -webkit-box-shadow: 0px 11px 23px -15px #3D9738; -moz-box-shadow: 0px 11px 23px -15px #3D9738; -o-box-shadow: 0px 11px 23px -15px #3D9738 }
.qa_list { padding-top: 35px }
.qa_list_each { border-bottom: 1px solid #dfdfdf; padding-top: 20px; padding-bottom: 8px; opacity: 0; transform: translate(0, 40px); transition-duration: .7s; transition-property: all; transition-timing-function: cubic-bezier(0.1, 0.69, 0.26, 1.01) }
.qa__title { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 12px }
.qa__title .word { font-size: 28px }
.qa__title .word>span { font-size: 32px; color: #3D9738; padding-right: 8px; font-weight: 700 }
.qa__answer { padding-bottom: 12px }
.qa__answer p { margin-bottom: 10px; font-size: 16px; color: #333; line-height: 160% }
.qa__answer p: last-child { margin-bottom: 0 }
body.loading-finished .qa_subtype_section { opacity: 1; transform: none; transition-delay: 1.3s }
body.loading-finished .qa_list_each { opacity: 1; transform: none }
body.loading-finished .qa_list_each: nth-child(1) { transition-delay: 1.53s }
body.loading-finished .qa_list_each: nth-child(2) { transition-delay: 1.61s }
body.loading-finished .qa_list_each: nth-child(3) { transition-delay: 1.69s }
body.loading-finished .qa_list_each: nth-child(4) { transition-delay: 1.77s }
body.loading-finished .qa_list_each: nth-child(5) { transition-delay: 1.85s }
body.loading-finished .qa_list_each: nth-child(6) { transition-delay: 1.93s }
body.loading-finished .qa_list_each: nth-child(7) { transition-delay: 2.01s }
body.loading-finished .qa_list_each: nth-child(8) { transition-delay: 2.09s }
body.loading-finished .qa_list_each: nth-child(9) { transition-delay: 2.17s }
body.loading-finished .qa_list_each: nth-child(10) { transition-delay: 2.25s }
body.loading-finished .qa_list_each: nth-child(11) { transition-delay: 2.33s }
body.loading-finished .qa_list_each: nth-child(12) { transition-delay: 2.41s }
body.loading-finished .qa_list_each: nth-child(13) { transition-delay: 2.49s }
body.loading-finished .qa_list_each: nth-child(14) { transition-delay: 2.57s }
body.loading-finished .qa_list_each: nth-child(15) { transition-delay: 2.65s }
body.loading-finished .qa_list_each: nth-child(16) { transition-delay: 2.73s }
body.loading-finished .qa_list_each: nth-child(17) { transition-delay: 2.81s }
body.loading-finished .qa_list_each: nth-child(18) { transition-delay: 2.89s }
body.loading-finished .qa_list_each: nth-child(19) { transition-delay: 2.97s }
body.loading-finished .qa_list_each: nth-child(20) { transition-delay: 3.05s }
body.loading-finished .qa_list_each: nth-child(21) { transition-delay: 3.13s }
body.loading-finished .qa_list_each: nth-child(22) { transition-delay: 3.21s }
body.loading-finished .qa_list_each: nth-child(23) { transition-delay: 3.29s }
body.loading-finished .qa_list_each: nth-child(24) { transition-delay: 3.37s }
body.loading-finished .qa_list_each: nth-child(25) { transition-delay: 3.45s }
body.loading-finished .qa_list_each: nth-child(26) { transition-delay: 3.53s }
body.loading-finished .qa_list_each: nth-child(27) { transition-delay: 3.61s }
body.loading-finished .qa_list_each: nth-child(28) { transition-delay: 3.69s }
body.loading-finished .qa_list_each: nth-child(29) { transition-delay: 3.77s }
body.loading-finished .qa_list_each: nth-child(30) { transition-delay: 3.85s }
body.loading-finished .qa_list_each: nth-child(31) { transition-delay: 3.93s }
body.loading-finished .qa_list_each: nth-child(32) { transition-delay: 4.01s }
body.loading-finished .qa_list_each: nth-child(33) { transition-delay: 4.09s }
body.loading-finished .qa_list_each: nth-child(34) { transition-delay: 4.17s }
body.loading-finished .qa_list_each: nth-child(35) { transition-delay: 4.25s }
body.loading-finished .qa_list_each: nth-child(36) { transition-delay: 4.33s }
body.loading-finished .qa_list_each: nth-child(37) { transition-delay: 4.41s }
body.loading-finished .qa_list_each: nth-child(38) { transition-delay: 4.49s }
body.loading-finished .qa_list_each: nth-child(39) { transition-delay: 4.57s }
body.loading-finished .qa_list_each: nth-child(40) { transition-delay: 4.65s }
.qa_m_options { display: none }
@media (max-width: 769px) {
 .qa_d_options { display: none }
.qa_m_options { display: block }
.qa__title { margin-bottom: 8px }
.qa__title .word { font-size: 20px }
.qa__title .word>span { font-size: 22px; padding-right: 5px }
.qa_list { padding-top: 9px }
.qa_list_each { padding-top: 15px }
.qa_list_each .btn-close_style1 { width: 31px; height: 24px }
.qa_list_each .btn-close_style1: before,.qa_list_each .btn-close_style1: after { width: 10px }
.qa__answer { padding-bottom: 0px }
 }
.date_becomemember { color: #825723; font-size: 15px }
.date_becomemember span { font-size: 18px; font-weight: 700; padding-left: 10px }
.member-index-section .page-number { margin-top: 24px }
.member-index-section .index_subpage_content { margin-top: 10px }
.member-index-section .index_subpage_content: first-child { margin-top: 0px }
.member-index-section .index_subtype_mobile_box.orderstatus { display: none }
.member-index-section .index_subtype_mobile_box .select-style { border-radius: 5px }
.member-index-section .index_subtype_mobile_box .select-style>select { background-color: #ffffff; color: #3D9738; border-radius: 5px }
.member-index-section .index_subtype_mobile_box .select-style>select ~ .border { border-radius: 5px }
.member-index-section .subpage_title { position: relative }
.member-index-section .subpage_title .must_mentiontext { position: absolute; right: 0px; top: 0px; margin-top: 0px }
.member-index-section .subpage_title .btn__style11 { position: absolute; right: 0px; bottom: 0 }
.memberinfo_grid { padding-top: 24px; display: grid; display: -ms-grid; grid-template-columns: max-content 1fr max-content 1fr; -ms-grid-columns: max-content 1fr max-content 1fr; margin: -8px -10px }
.memberinfo_grid .main_title .word { padding-right: 0px }
.memberinfo_grid>div { padding: 8px 10px }
.memberinfo_grid .titlebox { padding-right: 0px }
.memberinfo_grid .titlebox .main_title { color: #575757; font-size: 16px; padding-top: 14px }
.memberinfo_grid .g-span3 { grid-column: 2/5 }
.memberinfo_grid .phone-grid { display: grid; display: -ms-grid; grid-template-columns: 1fr max-content 77px; -ms-grid-columns: 1fr max-content 77px; margin: 0 -7.5px }
.memberinfo_grid .phone-grid>div { padding: 0 7.5px }
.memberinfo_grid .address-grid { display: grid; display: -ms-grid; grid-template-columns: 130px 130px 85px 1fr; -ms-grid-columns: 130px 130px 85px 1fr; margin: 0 -7px }
.memberinfo_grid .address-grid>div { padding: 0 7px }
.memberinfo_grid .pad-r-small { padding-right: 0 !important }
.memberinfo_grid .t_invoicehead { -ms-grid-row: 1; -ms-grid-column: 1 }
.memberinfo_grid .v_invoicehead { -ms-grid-row: 1; -ms-grid-column: 2 }
.memberinfo_grid .t_taxid { -ms-grid-row: 1; -ms-grid-column: 3 }
.memberinfo_grid .v_taxid { -ms-grid-row: 1; -ms-grid-column: 4 }
.memberinfo_grid .t_email { -ms-grid-row: 1; -ms-grid-column: 1 }
.memberinfo_grid .v_email { -ms-grid-row: 1; -ms-grid-column: 2 }
.memberinfo_grid .t_mid { -ms-grid-row: 2; -ms-grid-column: 1 }
.memberinfo_grid .v_mid { -ms-grid-row: 2; -ms-grid-column: 2 }
.memberinfo_grid .t_name { -ms-grid-row: 2; -ms-grid-column: 3 }
.memberinfo_grid .v_name { -ms-grid-row: 2; -ms-grid-column: 4 }
.memberinfo_grid .t_cellphone { -ms-grid-row: 3; -ms-grid-column: 1 }
.memberinfo_grid .v_cellphone { -ms-grid-row: 3; -ms-grid-column: 2 }
.memberinfo_grid .t_phone { -ms-grid-row: 3; -ms-grid-column: 3 }
.memberinfo_grid .v_phone { -ms-grid-row: 3; -ms-grid-column: 4 }
.memberinfo_grid .t_address { -ms-grid-row: 4; -ms-grid-column: 1 }
.memberinfo_grid .v_address { -ms-grid-row: 4; -ms-grid-column: 2 }
.memberpwdchange_grid { padding-top: 10px; display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -8px -10px }
.memberpwdchange_grid .main_title .word { padding-right: 0px }
.memberpwdchange_grid>div { padding: 8px 10px }
.memberpwdchange_grid .titlebox { padding-right: 0px }
.memberpwdchange_grid .titlebox .main_title { color: #575757; font-size: 16px; padding-top: 14px }
.memberaddress_grid { text-align: center; display: grid; display: -ms-grid; grid-template-columns: 75px 75px 120px 110px 110px 54px 1fr 120px 90px; -ms-grid-columns: 75px 75px 120px 110px 110px 54px 1fr 120px 90px; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dfdfdf }
.memberaddress_grid .show_onMobile,.memberaddress_grid .btn_mobile { display: none }
.memberaddress_grid.header { font-size: 14px; color: #858585 }
.memberaddress_grid.header>div { padding: 8px 10px }
.memberaddress_grid.body { font-size: 16px; color: #333333 }
.memberaddress_grid.body.checked { background-color: #F5F5F5 }
.memberaddress_grid>div { padding: 15px 10px; -ms-grid-row-align: center }
.memberaddress_grid>div: first-child { padding-left: 30px }
.memberaddress_grid>div.align_l { text-align: left }
.memberaddress_grid>div.name_section { -ms-grid-column: 2 }
.memberaddress_grid>div.company_section { -ms-grid-column: 3 }
.memberaddress_grid>div.cellphone_section { -ms-grid-column: 4 }
.memberaddress_grid>div.phone_section { -ms-grid-column: 5 }
.memberaddress_grid>div.phone2_section { -ms-grid-column: 6 }
.memberaddress_grid>div.address_section { -ms-grid-column: 7 }
.memberaddress_grid>div.remarks_section { -ms-grid-column: 8 }
.memberaddress_grid>div.functions_section { -ms-grid-column: 9 }
.memberaddress_grid .btn_edit { margin-bottom: 10px }
.memberaddress_grid .radiotype_custom { display: -ms-inline-flexbox; display: inline-flex }
.memberaddress_grid .radiotype_custom .checkmark { margin-right: 0px }
.Popup-newaddress .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_company { -ms-grid-row: 1; -ms-grid-column: 3 }
.Popup-newaddress .iq_grid .v_company { -ms-grid-row: 1; -ms-grid-column: 4 }
.Popup-newaddress .iq_grid .t_cellphone { -ms-grid-row: 2; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_cellphone { -ms-grid-row: 2; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_phone { -ms-grid-row: 2; -ms-grid-column: 3 }
.Popup-newaddress .iq_grid .v_phone { -ms-grid-row: 2; -ms-grid-column: 4 }
.Popup-newaddress .iq_grid .t_address { -ms-grid-row: 3; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_address { -ms-grid-row: 3; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_remark { -ms-grid-row: 4; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_remark { -ms-grid-row: 4; -ms-grid-column: 2 }
.invoice_optionbox { margin-top: 20px }
.invoice_optionbox .memberinfo_grid { padding-top: 0px }
.invoice_optionbox: first-child { margin-top: 10px }
.invoice_optionbox .radiobox_outer { margin-bottom: 8px; display: -ms-inline-flexbox; display: inline-flex }
.invoice_optionbox .radiobox_outer .radiobox { display: -ms-inline-flexbox; display: inline-flex }
.invoice_optionbox input[type=radio][name=invoice_type]: checked ~ label { color: #3D9738 }
.invoice_optionbox input[type=radio][name=invoice_type] ~ label { font-size: 18px; font-weight: 500 }
.invoice_optionsflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border: 1px solid #dfdfdf }
.invoice_optionsflex .other_words { padding-top: 3px }
.invoice_optionsflex>div { -ms-flex: 1; flex: 1; padding: 20px; border-left: 1px solid #dfdfdf }
.invoice_optionsflex>div: first-child { border-left: 0px }
.invoice_optionsflex .radiotype_custom .checkmark { height: 16px; width: 16px; min-width: 16px; background-color: #F2F2F2 }
.invoice_optionsflex .radiotype_custom .checkmark: after { height: 8px; width: 8px }
.invoice_optionsflex input[type=radio][name=invoice_subtype] ~ .label { font-size: 16px; font-weight: 500; padding-top: 0px }
.invoice_optionsflex input[type=radio][name=invoice_subtype] ~ .label .main { padding-bottom: 5px; display: block }
.invoice_optionsflex .sw { font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.invoiceselectbox { width: 49% }
.inquiry_outerbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 10px }
.inquiry_outerbox .miqimg { width: 80px; min-width: 80px }
.inquiry_outerbox: first-child { margin-top: 0 }
.inquiry_outerbox .left { -ms-flex: 1; flex: 1; padding: 20px; background-color: #ffffff }
.inquiry_outerbox .left>.title { font-size: 18px; font-weight: 500; color: #333333; padding-bottom: 8px; border-bottom: 1px solid #dfdfdf; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin-bottom: 15px }
.inquiry_outerbox .left>.title>span { font-size: 15px; font-weight: 500; color: #FF6715; padding-left: 10px }
.inquiry_outerbox .miq_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: -5px }
.inquiry_outerbox .miq_flex>div { padding: 5px }
.inquiry_outerbox .miq_flex>div.id1box,.inquiry_outerbox .miq_flex>div.id2box { max-width: 150px; word-break: break-word }
.inquiry_outerbox .miq_flex>div.totalbox { max-width: 100px; word-break: break-word }
.inquiry_outerbox .miq_flex .title { font-size: 14px; color: #858585; padding-bottom: 8px }
.inquiry_outerbox .miq_flex .content { font-size: 15px; color: #333333 }
.inquiry_outerbox .miq_flex .content .btn_download { margin-top: 8px }
.inquiry_outerbox .right { padding: 24px 20px; width: auto; background-color: #F9F9F9; color: #858585 }
.inquiry_outerbox .progressline { display: -ms-flexbox; display: flex; height: 100%; position: relative }
.inquiry_outerbox .progressline .line { position: absolute; left: 6px; top: 4px; width: 1px; background-color: #858585; z-index: 0 }
.inquiry_outerbox .progressline .line.step1 { height: 0% }
.inquiry_outerbox .progressline .line.step2 { height: 33% }
.inquiry_outerbox .progressline .line.step3 { height: 65% }
.inquiry_outerbox .progressline .line.step4 { height: 93% }
.inquiry_outerbox .pl_point { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 14px; -ms-flex-pack: justify; justify-content: space-between }
.inquiry_outerbox .pl_point>div { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; z-index: 1; -ms-flex-align: center; align-items: center; min-height: 16px }
.inquiry_outerbox .pl_point>div.ed: before { content: ""; display: block; background-color: #858585; width: 12px; height: 12px; min-width: 12px; border-radius: 50%; margin-right: 8px }
.inquiry_outerbox .pl_point>div.current { color: #FF6715 }
.inquiry_outerbox .pl_point>div.current: before { background-color: #FF6715 }
.inquiry_outerbox .pl_point .date { font-size: 13px; padding-left: 3px }
.favorite_outerbox { padding: 30px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: #ffffff; margin-top: 10px; position: relative }
.favorite_outerbox.disabled .removecross: after,.favorite_outerbox.disabled .removecross: before { background-color: #ffffff; box-shadow: 1px 1px 1px 0 #5a5a5a }
.favorite_outerbox .removecross { width: 25.5px; height: 25.5px; right: 20px; top: 20px; bottom: auto; z-index: 10 }
.favorite_outerbox .removecross: after,.favorite_outerbox .removecross: before { border-radius: 4px }
.favorite_outerbox .removecross: after { height: 2px }
.favorite_outerbox .removecross: before { width: 2px }
.favorite_outerbox .disabled_cover { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.favorite_outerbox .disabled_cover: after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background-color: #000000; opacity: .35 }
.favorite_outerbox .disabled_cover .text { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 155px; height: 60px; font-size: 15px; color: #ffffff; background-color: #494949; z-index: 1; padding: 10px }
.favorite_outerbox.type2>.right .amount { margin-bottom: 10px }
.favorite_outerbox.type2>.right .amount .optionsbox .btn-cart { width: 130px; height: 39px; font-size: 15px }
.favorite_outerbox.type2>.right .amount .optionsbox .btn-cart: before { margin-right: 8px }
.favorite_outerbox: first-child { margin-top: 0 }
.favorite_outerbox>.left { -ms-flex: 1; flex: 1; padding: 0 20px }
.favorite_outerbox>.left .contentbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.favorite_outerbox>.left .imgbox { width: 200px }
.favorite_outerbox>.left .detailbox_outer { padding-left: 12px; -ms-flex: 1; flex: 1 }
.favorite_outerbox>.left .detailbox_outer .prd_name { font-size: 22px; font-weight: 500; color: #333333; padding-bottom: 16px }
.favorite_outerbox>.left .detailbox { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -8px -2.5px }
.favorite_outerbox>.left .detailbox>div { padding: 8px 2.5px }
.favorite_outerbox>.left .detailbox .title { color: #858585; font-size: 16px; padding-top: 13px }
.favorite_outerbox>.left .detailbox .value { font-size: 18px; color: #333333; line-height: 150% }
.favorite_outerbox>.right { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 20px; border-left: 1px solid #DFDFDF; min-width: 350px }
.favorite_outerbox>.right .amount .optionsbox { padding-top: 0px; margin-top: 0px !important }
.favorite_outerbox>.right .amount_flex .btn__style7 { height: 39px }
.favorite_outerbox>.right .amount_calculate_flex { padding: 6px 10px; width: 112px }
.favorite_outerbox>.right .contentbox { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center }
.favorite_outerbox>.right .pro_standard_each { margin-bottom: 0px }
.favorite_outerbox>.right .pro_standard_totalbox { padding-bottom: 10px }
.favorite_outerbox>.right .total_flex { padding: 16px; border-radius: 10px; max-width: 400px }
.favorite_outerbox>.right .total_flex .unit_each { -ms-flex-direction: column; flex-direction: column; padding: 0 2.5px; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex: 1 0 auto; flex: 1 0 auto }
.favorite_outerbox>.right .total_flex .unit_each .title { padding-bottom: 5px; font-size: 15px }
.favorite_outerbox>.right .total_flex .unit_each .cost { font-size: 18px; word-break: break-word }
.favorite_outerbox>.right .total_flex .left { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -2.5px; padding-right: 0px }
.favorite_outerbox>.right .total_flex .right { padding: 0px; padding-left: 15px }
.favorite_outerbox>.right .total_flex .btn-cart { width: 110px; height: 55px; font-size: 15px; -ms-flex-direction: column; flex-direction: column }
.favorite_outerbox>.right .total_flex .btn-cart: before { margin-right: 0px; margin-bottom: 5px; width: 18px; height: 20px; background-size: 18px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 20px; grid-template-columns: none; -ms-grid-columns: none; height: 100% }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .titlebox { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding-bottom: 8px; border-bottom: 1px solid #dfdfdf; margin-bottom: 24px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .titlebox .zh { font-size: 20px; font-weight: 500; color: #333333; padding-right: 8px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .titlebox .no { font-size: 15px; color: #858585 }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_flex>div { -ms-flex: 1 1 auto; flex: 1 1 auto }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -8px 0px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>div { padding: 8px 5px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>.title { font-size: 14px; color: #858585; padding-top: 10px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>.value { font-size: 17px; color: #333333 }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>.btnbox { grid-column: 1/3; -ms-grid-column-span: 2; -ms-grid-column: 1 !important }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group .btn_record { width: 100px; height: 30px; border-radius: 5px; font-size: 13px; background: #D1AA6D; color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group .btn_record: hover { background: #825723 }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner { padding: 20px }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner .top { -ms-flex: none; flex: none; margin: -5px 0 0 0 }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner .top>div { padding: 5px 0 }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner .bottom .value { font-size: 24px }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox { -ms-flex-direction: column; flex-direction: column }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox>div { width: 100% }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox>.pricebox_outer { display: none }
.member_reorder-section .avaipro_withnumber_each .amount_flex { -ms-flex-direction: row; flex-direction: row; margin-bottom: 0px }
.member_reorder-section .avaipro_withnumber_each .amount_flex .btn__style7 { height: 100%; width: 100% }
.member_reorder-section .avaipro_withnumber_each .amount_flex .amount_calculate_flex { padding: 6px 10px; margin-bottom: 0; margin-right: 8px; width: 132px }
.member_reorder-section .avaipro_withnumber_each .amount_flex .amount_quote_box { width: 110px; height: 39px }
.member_reorder-section .other_flex { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; -ms-flex: 1; flex: 1 }
.member_reorder-section .other_flex .datebox { font-size: 15px; font-weight: 700; display: -ms-flexbox; display: flex; color: #FF0000 }
.member_reorder-section .other_flex .datebox .mention_q { margin-left: 5px }
.member_reorder-section .other_flex .datebox .date { font-weight: 300; padding-left: 5px }
.member_list-section .index_subpage_content { background-color: transparent; padding: 0px }
.order_outerbox { margin-top: 20px }
.order_outerbox .btn_download2 { display: block; margin-left: 5px; transform: translate(0, 2px) }
.order_outerbox: first-child { margin-top: 0px }
.order_outerbox .maindetailbox .datebox { -ms-flex-align: center; align-items: center; font-size: 20px; color: #333333; margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.order_outerbox .maindetailbox .datebox .date { padding-right: 15px }
.order_outerbox .maindetailbox .finished_mention { border-radius: 3px; background-color: #ffffff; color: #3D9738; font-size: 14px; padding: 7px 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative }
.order_outerbox .maindetailbox .finished_mention: before { content: ""; position: absolute; right: 100%; top: 50%; transform: translate(0, -50%); border-right: 10px solid #ffffff; border-top: 5px solid transparent; border-bottom: 5px solid transparent }
.order_outerbox .maindetailbox .detailflexbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 5px }
.order_outerbox .maindetailbox .detailflexbox .left { -ms-flex: 1; flex: 1; padding-right: 10px }
.order_outerbox .maindetailbox .detailflexbox .left .container { background-color: #ffffff; height: 100%; padding: 20px }
.order_outerbox .maindetailbox .detailflexbox .right { padding: 15px; border-radius: 5px; background-color: #3D9738; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.order_outerbox .maindetailbox .detailflexbox .right a { font-size: 13px; margin-top: 8px; width: 70px }
.order_outerbox .maindetailbox .detailflexbox .right a.btn__style4 { height: 30px; padding: 3px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.order_outerbox .maindetailbox .detailflexbox .right a: first-child { margin-top: 0px }
.order_outerbox .info_flexbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: -5px; margin-bottom: 20px }
.order_outerbox .info_flexbox .title { font-size: 14px; color: #858585; padding-bottom: 8px }
.order_outerbox .info_flexbox .content { font-size: 17px; color: #333333 }
.order_outerbox .info_flexbox .content>div: first-child { padding-bottom: 8px }
.order_outerbox .info_flexbox>div { padding: 5px }
.order_outerbox .btn_s_detail { color: #3D9738; font-size: 13px; display: -ms-inline-flexbox; display: inline-flex }
.order_outerbox .btn_s_detail.orange { color: #D1AA6E }
.order_outerbox .remarks { padding: 6px 0; font-size: 15px; font-weight: 400; color: #575757; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.order_outerbox .remarks>div: first-child { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 5px }
.order_outerbox .subdetailbox { margin-top: 10px }
.order_outerbox .subdetailbox .topbox_inner { border-bottom: 1px solid #dfdfdf; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 12px }
.order_outerbox .subdetailbox .topbox { background: #ffffff; padding: 20px 20px 0 20px }
.order_outerbox .subdetailbox .topbox .titlebox { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-right: 10px }
.order_outerbox .subdetailbox .topbox .titlebox .name { margin-bottom: 8px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end }
.order_outerbox .subdetailbox .topbox .titlebox .name .zh { font-size: 18px; font-weight: 500; color: #333333; padding-right: 5px }
.order_outerbox .subdetailbox .topbox .titlebox .name .no { font-size: 15px; color: #858585 }
.order_outerbox .subdetailbox .topbox .titlebox .status { font-size: 15px; font-weight: 500; color: #FF6715 }
.order_outerbox .subdetailbox .topbox .btnbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.order_outerbox .subdetailbox .topbox .btnbox>div { text-align: center; padding-left: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column }
.order_outerbox .subdetailbox .topbox .btnbox>div: first-child { padding-left: 0 }
.order_outerbox .subdetailbox .topbox .deadline { font-size: 12px; color: #825723; display: block; padding-top: 4px; padding-left: 4px }
.order_outerbox .subdetailbox .middlebox { padding: 12px 20px; background: #ffffff }
.order_outerbox .subdetailbox .bottombox { position: relative; padding: 24px 20px; background: #F9F9F9; padding-bottom: 95px; -webkit-overflow-scrolling: touch; overflow-x: auto }
.order_outerbox .od_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between }
.order_outerbox .od_flex .title { font-size: 14px; color: #858585; padding-bottom: 8px }
.order_outerbox .od_flex .content { font-size: 17px; color: #333333 }
.order_outerbox .od_flex .content>div: first-child { padding-bottom: 8px }
.order_outerbox .pl_point { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-size: 14px; -ms-flex-pack: justify; justify-content: space-between; color: #858585 }
.order_outerbox .pl_point>div { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; -ms-flex-align: start; align-items: flex-start; -ms-flex: 1; flex: 1 }
.order_outerbox .pl_point>div.ed { min-width: 98px }
.order_outerbox .pl_point>div.ed: before { content: ""; display: block; background-color: #858585; width: 12px; height: 12px; min-width: 12px; border-radius: 50%; margin-right: 0; margin-bottom: 8px }
.order_outerbox .pl_point>div.current { color: #FF6715 }
.order_outerbox .pl_point>div.current .date,.order_outerbox .pl_point>div.current .time { color: #FF6715 }
.order_outerbox .pl_point>div.current: before { background-color: #FF6715 }
.order_outerbox .pl_point .date { font-size: 13px; padding-left: 0; margin-top: 5px; font-weight: 400; color: #858585 }
.order_outerbox .pl_point .time { font-size: 13px; margin-top: 2px; font-weight: 300; color: #858585 }
.order_outerbox .pl_point .line { position: absolute; left: 0; top: 5px; height: 1px !important; min-height: 0px; background-color: #858585; z-index: 0; min-width: 0px; width: calc(100% - 98px) }
.subflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: -8px 0 }
.subflex>div { padding: 8px 0 }
.subflex .t { padding-right: 5px; -ms-flex: 0 0 auto; flex: 0 0 auto }
.order_searchoptionbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -9px }
.order_searchoptionbox>div { padding: 5px 9px; -ms-flex: none; flex: none }
.order_searchoptionbox>div.pagefilter { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.order_searchoptionbox>div.pagefilter .value { -ms-flex: none; flex: none }
.order_searchoptionbox .os_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.order_searchoptionbox .os_flex .title { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 5px }
.order_searchoptionbox .os_flex .value { -ms-flex: 1; flex: 1 }
.order_searchoptionbox .os_flex .orderid_box { width: 260px; min-width: 260px }
.order_searchoptionbox .dateflexouter { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; margin: 0 -3px }
.order_searchoptionbox .dateflexouter>div { padding: 0 3px }
.order_searchoptionbox .dateflexouter .datep_box { width: 143px; min-width: 143px }
.order_searchoptionbox .dateflexouter .datep_box .datepickerbox: after { left: 10px }
.order_searchoptionbox .dateflexouter .datep_box .datepickerbox input[type=text] { padding-left: 40px }
.order_searchoptionbox input[type=text],.order_searchoptionbox input[type=password],.order_searchoptionbox input[type=number] { background-color: #ffffff; height: 40px; font-size: 16px; padding-right: 10px }
.order_searchoptionbox input[type=text]: -ms-input-placeholder,.order_searchoptionbox input[type=password]: -ms-input-placeholder,.order_searchoptionbox input[type=number]: -ms-input-placeholder { font-size: 16px; color: #999999 }
.order_searchoptionbox input[type=text]: : placeholder,.order_searchoptionbox input[type=password]: : placeholder,.order_searchoptionbox input[type=number]: : placeholder { font-size: 16px; color: #999999 }
.order_searchoptionbox .pagefilter select { font-size: 14px; color: #575757; height: 24px; padding: 0 25px 0 0; border-radius: 0px; background-color: #F0F0F0 }
@media (max-width: 1024px) {
 .member-index-section .subpage_title { margin-bottom: 14px }
.member-index-section .subpage_title .btn__style11 { font-size: 14px }
.invoiceselectbox { width: 100% }
.contentbox_outer { padding-left: 35px }
.memberinfo_grid { padding-top: 12px; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -7px -5px }
.memberinfo_grid>div { padding: 7px 5px }
.memberinfo_grid .g-span3 { grid-column: 2/3 }
.memberinfo_grid .address-grid { grid-template-columns: 1fr 1fr 76px; -ms-grid-columns: 1fr 1fr 76px; margin: 0 -3px }
.memberinfo_grid .address-grid>div { padding: 0 3px }
.memberinfo_grid .address-grid>div: first-child+div { -ms-grid-column: 2 }
.memberinfo_grid .address-grid>div: first-child+div+div { -ms-grid-column: 3 }
.memberinfo_grid .address-grid .address4 { grid-column: 1/4; -ms-grid-column-span: 3 !important; -ms-grid-column: 1; -ms-grid-row: 2; padding-top: 8px }
.memberinfo_grid .t_invoicehead { -ms-grid-row: 1; -ms-grid-column: 1 }
.memberinfo_grid .v_invoicehead { -ms-grid-row: 1; -ms-grid-column: 2 }
.memberinfo_grid .t_taxid { -ms-grid-row: 2; -ms-grid-column: 1 }
.memberinfo_grid .v_taxid { -ms-grid-row: 2; -ms-grid-column: 2 }
.memberinfo_grid .t_email { -ms-grid-row: 1; -ms-grid-column: 1 }
.memberinfo_grid .v_email { -ms-grid-row: 1; -ms-grid-column: 2 }
.memberinfo_grid .t_mid { -ms-grid-row: 2; -ms-grid-column: 1 }
.memberinfo_grid .v_mid { -ms-grid-row: 2; -ms-grid-column: 2 }
.memberinfo_grid .t_name { -ms-grid-row: 3; -ms-grid-column: 1 }
.memberinfo_grid .v_name { -ms-grid-row: 3; -ms-grid-column: 2 }
.memberinfo_grid .t_cellphone { -ms-grid-row: 4; -ms-grid-column: 1 }
.memberinfo_grid .v_cellphone { -ms-grid-row: 4; -ms-grid-column: 2 }
.memberinfo_grid .t_phone { -ms-grid-row: 5; -ms-grid-column: 1 }
.memberinfo_grid .v_phone { -ms-grid-row: 5; -ms-grid-column: 2 }
.memberinfo_grid .t_address { -ms-grid-row: 6; -ms-grid-column: 1 }
.memberinfo_grid .v_address { -ms-grid-row: 6; -ms-grid-column: 2 }
.memberaddress_grid { grid-template-columns: max-content max-content max-content max-content 1fr; -ms-grid-columns: max-content max-content max-content max-content 1fr; text-align: left; padding: 6px 0; border-top: 1px solid #dfdfdf; border-bottom: 0px; -ms-flex-align: start; align-items: start }
.memberaddress_grid: last-child { border-bottom: 1px solid #dfdfdf }
.memberaddress_grid .show_onMobile { display: block }
.memberaddress_grid .btn_mobile { display: -ms-flexbox; display: flex; position: absolute; right: 10px; top: 9px; padding: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 2; cursor: pointer; height: 20px; -ms-flex-align: center; align-items: center }
.memberaddress_grid .btn_mobile>span { background-color: #D1AA6E; width: 4px; height: 4px; margin: 0 2px; border-radius: 50% }
.memberaddress_grid>div { padding: 5px 5px }
.memberaddress_grid>div: first-child { padding-left: 8px }
.memberaddress_grid>div.value { -ms-grid-column: 3 !important; grid-column: 3/4; color: #333333; font-size: 16px }
.memberaddress_grid>div.show_onMobile { -ms-grid-column: 2; grid-column: 2/3; color: #858585; font-size: 15px }
.memberaddress_grid>div.value2 { -ms-grid-column: 5 !important; grid-column: 5/6; color: #333333; font-size: 16px }
.memberaddress_grid>div.show_onMobile2 { -ms-grid-column: 4; grid-column: 4/5 }
.memberaddress_grid>div.checkbox_section { -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 6; grid-row: 1/7; -ms-flex-item-align: center; align-self: center; -ms-grid-row-align: center }
.memberaddress_grid>div.span3 { grid-column: 3/6; -ms-grid-column-span: 3; -ms-grid-column: 3 !important }
.memberaddress_grid>div.company_section_title,.memberaddress_grid>div.company_section { -ms-grid-row: 2 !important }
.memberaddress_grid>div.cellphone_section_title,.memberaddress_grid>div.cellphone_section { -ms-grid-row: 3 !important }
.memberaddress_grid>div.phone_section_title,.memberaddress_grid>div.phone_section,.memberaddress_grid>div.phone2_section_title,.memberaddress_grid>div.phone2_section { -ms-grid-row: 4 !important }
.memberaddress_grid>div.address_section_title,.memberaddress_grid>div.address_section { -ms-grid-row: 5 !important }
.memberaddress_grid>div.remarks_section_title,.memberaddress_grid>div.remarks_section { -ms-grid-row: 6 !important }
.memberaddress_grid.body { position: relative }
.memberaddress_grid.body .functions_section { position: absolute; display: none; right: 8px; z-index: 3; top: 35px; padding: 13px; animation: Popup_show2 .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.memberaddress_grid.body .functions_section.active { display: block }
.memberaddress_grid.body .functions_section .btn_edit,.memberaddress_grid.body .functions_section .btn_remove2 { position: relative; z-index: 5 }
.memberaddress_grid.body .functions_section .btn_edit { margin-bottom: 6px }
.memberaddress_grid.body .functions_section: before { content: ""; position: absolute; background-color: #ffffff; box-shadow: 0px 7px 13px -2px #b1b1b1; -webkit-box-shadow: 0px 7px 13px -2px #b1b1b1; -moz-box-shadow: 0px 7px 13px -2px #b1b1b1; -o-box-shadow: 0px 7px 13px -2px #b1b1b1; left: 0; right: 0px; top: 0; bottom: 0; z-index: 5 }
.memberaddress_grid.body .functions_section: after { content: ""; position: absolute; border-bottom: 10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: 100%; right: 8px; z-index: 6 }
.memberaddress_grid.header { display: none }
.invoice_optionbox.nomg_top_m { margin-top: 0px }
.invoice_optionsflex { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; border: 0px }
.invoice_optionsflex>div { padding: 5px 0; -ms-flex: none; flex: none; width: 100%; border-left: 0px }
.invoice_optionsflex input[type=radio][name=invoice_subtype] ~ .label { width: 100% }
.centerbtnbox a { min-width: 140px; padding: 9px 15px }
.memberpwdchange_grid { padding-top: 12px }
.favorite_outerbox { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; padding: 16px 16px 20px 16px }
.favorite_outerbox>.left { -ms-flex: none; flex: none; width: 100%; padding: 0; padding-bottom: 12px }
.favorite_outerbox>.right { -ms-flex: none; flex: none; width: 100%; padding: 0; border-left: 0px; border-top: 1px solid #DFDFDF; padding-top: 12px; min-width: 0px }
.favorite_outerbox>.right .total_flex { padding: 16px; border-radius: 10px; max-width: none }
.favorite_outerbox>.right .total_flex .unit_each: first-child { -ms-flex: 1; flex: 1; width: auto }
.favorite_outerbox>.right .pro_standard_totalbox { padding: 10px 0 16px 0 }
.member_reorder-section .avaipro_withnumber_each .infobox { padding-top: 0px }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner { padding: 0 }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner .top { padding-bottom: 0px; margin: -5px 0 -5px 0 }
.member_reorder-section .avaipro_withnumber_each .pricebox .unitbox_inner .bottom { padding-top: 0px; display: none }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox>.pricebox_outer { display: block }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox .btn-cart2 { -ms-flex-direction: row; flex-direction: row; width: 125px; height: 35px }
.member_reorder-section .avaipro_withnumber_each .pricebox .addcartbtnbox .btn-cart2: before { margin-right: 5px; margin-bottom: 0px }
.member_reorder-section .avaipro_withnumber_each .pricebox_sub { padding-bottom: 15px; color: red; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; display: block; padding-bottom: 7px; text-align: center }
.member_reorder-section .avaipro_withnumber_each .pricebox_sub .mention_q { margin-left: 5px }
.member_reorder-section .avaipro_withnumber_each .pricebox_sub .total { font-size: 18px; padding-left: 0px; padding-top: 5px; width: 100%; display: block }
.member_reorder-section .avaipro_withnumber_each .amount_flex { padding-top: 12px; padding-bottom: 0px; border-top: 0px }
.member_reorder-section .avaipro_withnumber_each .amount_flex .amount_calculate_flex { padding: 4px 10px; margin-bottom: 0; margin-right: 8px; width: 132px }
.member_reorder-section .avaipro_withnumber_each .amount_flex .amount_quote_box { width: 90px; height: 35px }
.member_reorder-section .avaipro_withnumber_each .amount_flex .btn__style7 { margin-left: 0px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner { padding: 15px 15px 8px 15px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .titlebox { margin-bottom: 14px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .titlebox .zh { font-size: 18px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .titlebox .no { font-size: 15px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_flex { padding-bottom: 12px; margin: -4px 0 }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_flex>div { -ms-flex: none; flex: none; width: 100% }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group { margin: 0 -2.5px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>.title { font-size: 15px; padding-top: 6px; min-width: 95px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>.btnbox { padding-top: 10px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .sp_group>div { padding: 4px 2.5px }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .subflex { margin: 0 0 }
.member_reorder-section .avaipro_withnumber_each .infobox_inner .subflex>div { padding: 3px 0 }
.member_reorder-section .other_flex { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; -ms-flex: none; flex: none }
.order_outerbox .subdetailbox .topbox_inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 8px; -ms-flex-direction: column; flex-direction: column }
.order_outerbox .subdetailbox .topbox .titlebox { padding-right: 0; padding-bottom: 8px }
.order_outerbox .subdetailbox .topbox .titlebox .name { margin-bottom: 6px }
.order_outerbox .subdetailbox .topbox .titlebox .name .zh { -ms-flex: 0 0 auto; flex: 0 0 auto }
.order_outerbox .subdetailbox .topbox .titlebox .name .no { -ms-flex: 1; flex: 1 }
.order_outerbox .subdetailbox .topbox .deadline { display: inline-block; padding-top: 0 }
 }
@media (max-width: 769px) {
 .favorite_outerbox.type2>.right .amount_calculate_flex { padding: 4px 10px }
.favorite_outerbox.type2>.right .amount .optionsbox .btn-cart { width: 125px; height: 35px; font-size: 15px; -ms-flex-direction: row; flex-direction: row }
.favorite_outerbox.type2>.right .amount .optionsbox .btn-cart: before { margin-right: 5px; margin-bottom: 0 }
.favorite_outerbox .disabled_cover .text { min-width: 115px; min-height: 60px }
.favorite_outerbox.disabled .removecross: after,.favorite_outerbox.disabled .removecross: before { box-shadow: none }
.favorite_outerbox .removecross { width: 16px; height: 16px; right: 16px; top: 16px }
.favorite_outerbox .removecross: after { height: 1px }
.favorite_outerbox .removecross: before { width: 1px }
.favorite_outerbox>.left .imgbox { width: 108px }
.favorite_outerbox>.left .detailbox_outer { padding-left: 10px }
.favorite_outerbox>.left .detailbox_outer .prd_name { font-size: 18px; padding-bottom: 8px }
.favorite_outerbox>.left .detailbox { margin: -4px -2.5px }
.favorite_outerbox>.left .detailbox .title { font-size: 14px; padding-top: 4px }
.favorite_outerbox>.left .detailbox .value { font-size: 15px; line-height: 100% }
.favorite_outerbox>.left .detailbox>div { padding: 4px 2.5px }
.favorite_outerbox>.right .amount_flex .btn__style7 { height: 35px; width: 90px; font-size: 16px; padding: 8px 10px }
.favorite_outerbox>.right .total_flex .left { -ms-flex-direction: row; flex-direction: row }
.favorite_outerbox>.right .total_flex .right { border-left: 0px; padding-left: 10px }
.favorite_outerbox>.right .total_flex .unit_each { -ms-flex: 0 0 50px; flex: 0 0 50px }
.favorite_outerbox>.right .total_flex .unit_each: first-child { -ms-flex: 0 0 50px; flex: 0 0 50px }
.favorite_outerbox>.right .total_flex .unit_each .title { padding-bottom: 3px; font-size: 14px }
.favorite_outerbox>.right .total_flex .unit_each .cost { font-size: 16px }
.favorite_outerbox>.right .total_flex .unit_each.totalprice { -ms-flex: 1; flex: 1 }
.favorite_outerbox>.right .pro_standard_totalbox { padding: 8px 0 12px 0 }
.favorite_outerbox>.right .amount_calculate_flex { -ms-flex: none !important; flex: none !important }
.inquiry_outerbox { -ms-flex-wrap: wrap; flex-wrap: wrap }
.inquiry_outerbox .left { -ms-flex: none; flex: none; width: 100%; padding: 15px 10px }
.inquiry_outerbox .right { -ms-flex: none; flex: none; width: 100%; padding: 15px 8px }
.inquiry_outerbox .miq_flex { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.inquiry_outerbox .miq_flex .title { padding-bottom: 0px; padding-right: 6px; min-width: 76px }
.inquiry_outerbox .miq_flex .content { word-break: break-all; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start }
.inquiry_outerbox .miq_flex .content>div: first-child { padding-right: 8px }
.inquiry_outerbox .miq_flex .content .btn_download { margin-top: 0; background-color: transparent !important; width: auto; height: auto }
.inquiry_outerbox .miq_flex .content .btn_download>span { display: none }
.inquiry_outerbox .miq_flex .content .btn_download.brown: before { width: 13px; height: 13px; background: url(../images/icon/download.png) no-repeat center center; background-size: 100%; margin-right: 0px }
.inquiry_outerbox .miq_flex .content .btn_download.darkgreen: before { width: 13px; height: 13px; background: url(../images/icon/download2.png) no-repeat center center; background-size: 100%; margin-right: 0px }
.inquiry_outerbox .miq_flex>div { grid-column: 2/3; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-grid-column: 2 }
.inquiry_outerbox .miq_flex>div.imgbox { grid-column: 1/2; grid-row: 1/7; -ms-grid-row-span: 6; -ms-grid-row: 1; -ms-grid-column: 1 !important }
.inquiry_outerbox .miq_flex>div.imgbox .title { display: none }
.inquiry_outerbox .miq_flex>div.date1box { grid-row: 1/2; -ms-grid-row: 1 }
.inquiry_outerbox .miq_flex>div.id1box { grid-row: 2/3; -ms-grid-row: 2 }
.inquiry_outerbox .miq_flex>div.date2box { grid-row: 3/4; -ms-grid-row: 3 }
.inquiry_outerbox .miq_flex>div.id2box { grid-row: 4/5; -ms-grid-row: 4 }
.inquiry_outerbox .miq_flex>div.date3box { grid-row: 5/6; -ms-grid-row: 5 }
.inquiry_outerbox .miq_flex>div.totalbox { grid-row: 6/7; -ms-grid-row: 6 }
.inquiry_outerbox .miq_flex>div.id1box,.inquiry_outerbox .miq_flex>div.id2box { max-width: none; word-break: break-word }
.inquiry_outerbox .miq_flex>div.totalbox { max-width: none; word-break: break-word }
.inquiry_outerbox .progressline .line { position: absolute; left: 35px; top: 5px; width: 0%; height: 1px !important; min-height: 0px; background-color: #858585; z-index: 0 }
.inquiry_outerbox .progressline .line.step1 { width: 0% }
.inquiry_outerbox .progressline .line.step2 { width: calc(33% - 21px) }
.inquiry_outerbox .progressline .line.step3 { width: calc(66% - 46px) }
.inquiry_outerbox .progressline .line.step4 { width: calc(100% - 68px) }
.inquiry_outerbox .pl_point { -ms-flex-direction: row; flex-direction: row; width: 100% }
.inquiry_outerbox .pl_point>div { -ms-flex-direction: column; flex-direction: column; min-width: 72px }
.inquiry_outerbox .pl_point>div.ed: before { margin-right: 0; margin-bottom: 8px }
.order_outerbox { margin-top: 10px }
.order_outerbox .od_flex { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -5px }
.order_outerbox .od_flex>div { grid-column: 2/3; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 5px; -ms-grid-column: 2 }
.order_outerbox .od_flex>div.imgbox { grid-column: 1/2; grid-row: 1/9; -ms-grid-row-span: 8; -ms-grid-row: 1; -ms-grid-column: 1 }
.order_outerbox .od_flex>div.imgbox .content { padding-left: 0 }
.order_outerbox .od_flex>div.imgbox .title { display: none }
.order_outerbox .od_flex>div.specbox { grid-row: 1/2; -ms-grid-row: 1 }
.order_outerbox .od_flex>div.qbox { grid-row: 2/3; -ms-grid-row: 2 }
.order_outerbox .od_flex>div.unitbox { grid-row: 3/4; -ms-grid-row: 3 }
.order_outerbox .od_flex>div.subtotalbox { grid-row: 4/5; -ms-grid-row: 4 }
.order_outerbox .od_flex>div.filenamebox { grid-row: 5/6; -ms-grid-row: 5 }
.order_outerbox .od_flex>div.filenamebox .content { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start }
.order_outerbox .od_flex>div.filenamebox .content .btn_s_detail { margin-left: 10px }
.order_outerbox .od_flex>div.companynamebox { grid-row: 6/7; -ms-grid-row: 6 }
.order_outerbox .od_flex>div.chaseidbox { grid-row: 7/8; -ms-grid-row: 7 }
.order_outerbox .od_flex>div.datebox { grid-row: 8/9; -ms-grid-row: 8 }
.order_outerbox .od_flex .title { padding-bottom: 0px }
.order_outerbox .od_flex .content { font-size: 15px; padding-left: 8px }
.order_outerbox .od_flex .content>div: first-child { padding-bottom: 0px }
.order_outerbox .od_flex .content .subflex { margin: -7px 0 }
.order_outerbox .od_flex .content .subflex>div { padding: 7px 0 }
.order_outerbox .maindetailbox .detailflexbox { -ms-flex-wrap: wrap; flex-wrap: wrap }
.order_outerbox .maindetailbox .detailflexbox>div { -ms-flex: none; flex: none; width: 100% }
.order_outerbox .maindetailbox .detailflexbox .left { -ms-flex: none; flex: none; padding-right: 0; padding-bottom: 5px }
.order_outerbox .maindetailbox .detailflexbox .left .container { padding: 14px }
.order_outerbox .maindetailbox .detailflexbox .right { padding: 8px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap }
.order_outerbox .maindetailbox .detailflexbox .right .btn_contact2 { -ms-flex-direction: row; flex-direction: row; width: auto; height: 30px; padding: 0 8px }
.order_outerbox .maindetailbox .detailflexbox .right .btn_contact2: before { margin-bottom: 0px; margin-right: 4px }
.order_outerbox .maindetailbox .detailflexbox .right a { margin-left: 6px; margin-top: 0px }
.order_outerbox .maindetailbox .detailflexbox .right a: first-child { margin-left: 0px }
.order_outerbox .maindetailbox .finished_mention { padding: 0; background-color: transparent }
.order_outerbox .maindetailbox .finished_mention: before { display: none }
.order_outerbox .maindetailbox .datebox { margin-bottom: 5px }
.order_outerbox .maindetailbox .datebox .date { padding-right: 8px }
.order_outerbox .subdetailbox { margin-top: 5px }
.order_outerbox .subdetailbox .topbox { padding: 14px 16px 0 16px }
.order_outerbox .subdetailbox .topbox .btnbox>div { padding-left: 4px; -ms-flex-direction: row; flex-direction: row }
.order_outerbox .subdetailbox .topbox .btnbox>div: first-child { padding-right: 0 }
.order_outerbox .subdetailbox .topbox .btn__style13.brown { width: 70px }
.order_outerbox .subdetailbox .middlebox { padding: 16px }
.order_outerbox .subdetailbox .bottombox { padding-top: 20px }
.order_outerbox .info_flexbox { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: column; flex-direction: column }
.order_outerbox .info_flexbox>div { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.order_outerbox .info_flexbox .title { padding-bottom: 0; width: 57px; max-width: 57px; padding-top: 1px }
.order_outerbox .info_flexbox .content { font-size: 15px; -ms-flex: 1; flex: 1; padding-left: 10px; display: -ms-flexbox; display: flex }
.order_outerbox .info_flexbox .content>div: first-child { padding-bottom: 0; padding-right: 6px }
.order_outerbox .btn_s_detail { color: #3D9738; font-size: 13px; padding-top: 2px }
.order_outerbox .remarks { padding: 8px 0; line-height: 140% }
.order_searchoptionbox { -ms-flex-direction: column; flex-direction: column }
.order_searchoptionbox .dateflexouter .datep_box { width: auto; -ms-flex: 1; flex: 1; min-width: 0px }
.order_searchoptionbox .dateflexouter .datep_box .datepickerbox: after { left: 6px }
.order_searchoptionbox .dateflexouter .datep_box .datepickerbox input[type=text] { padding-left: 36px; padding-right: 5px; font-size: 15px }
.order_searchoptionbox .dateflexouter .datep_btn_box { padding: 0px }
.order_searchoptionbox input[type=text],.order_searchoptionbox .order_searchoptionbox input[type=password],.order_searchoptionbox .order_searchoptionbox input[type=number] { height: 35px }
.order_searchoptionbox>div { width: 100% }
.order_searchoptionbox>div.pagefilter { -ms-flex: none; flex: none; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start }
.order_searchoptionbox>div.datefilter { position: relative; padding-bottom: 48px; margin-bottom: 10px }
.order_searchoptionbox .btn-search_style2 { bottom: 0; left: 10px; right: 10px; position: absolute; width: auto }
.member-index-section .index_subtype_mobile_box.orderstatus { display: block; margin-top: 8px }
.member-index-section .index_subtype_mobile_box .select-style { border-radius: 5px }
.member-index-section .index_subtype_mobile_box .select-style>select { height: 35px; padding: 7px 15px 7px 10px }
.Popup-newaddress .iq_grid .t_name { -ms-grid-row: 1; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_name { -ms-grid-row: 1; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_company { -ms-grid-row: 2; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_company { -ms-grid-row: 2; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_cellphone { -ms-grid-row: 3; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_cellphone { -ms-grid-row: 3; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_phone { -ms-grid-row: 4; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_phone { -ms-grid-row: 4; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_address { -ms-grid-row: 5; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_address { -ms-grid-row: 5; -ms-grid-column: 2 }
.Popup-newaddress .iq_grid .t_remark { -ms-grid-row: 6; -ms-grid-column: 1 }
.Popup-newaddress .iq_grid .v_remark { -ms-grid-row: 6; -ms-grid-column: 2 }
 }
.cuspro_detail-index-section { padding-top: 20px }
.cuspro_detail-index-section .bread { padding-top: 0px; margin-bottom: 20px }
.cuspro_detail-index-section .page__title { margin-bottom: 5px }
.avaipro-index-section .optionbox { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; position: relative; z-index: 2 }
.avaipro-index-section .optionbox .selectStyleBox { background-color: transparent }
.avaipro-index-section .optionbox .selectStyleBox>select { font-size: 14px; color: #575757; height: 24px; padding: 0 25px 0 15px; border-radius: 0px; background-color: transparent }
.avaipro-index-section .optionbox .selectStyleBox: after { margin-top: -3px }
.avaipro-index-section .index__category_linkbox>a { position: relative; z-index: 1 }
.avaipro-index-section .knowledgesort_section { margin-top: 0px; margin-bottom: 0px }
.avaipro-index-section .filterbox { padding: 10px 0 12px 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end }
.avaipro-index-section .favorite { position: absolute; right: 20px; bottom: 15px; width: 22px; height: 22px; z-index: 2; cursor: pointer }
.avaipro-index-section .favorite i { position: absolute; left: 0; top: 0; font-size: 22px; color: #FF6715 }
.avaipro-index-section .favorite .fas: not(.hd) { display: none }
.avaipro-index-section .favorite .hd { opacity: 0 }
.avaipro-index-section .favorite.active .far { display: none }
.avaipro-index-section .favorite.active .fas { display: block }
.avaipro-index-section .favorite.active .hd { animation-name: heartbeat; animation-timing-function: cubic-bezier(0.38, 0.84, 0.67, 1.4); animation-duration: .3s; animation-iteration-count: 1; animation-fill-mode: forwards }
.filterbox_outer { position: relative; z-index: 2 }
.filterbox_outer .optionbox { margin-bottom: 0px }
.filterbox_outer .btn-filter_style1 { display: none }
.index__filteroptions_outer { position: relative; z-index: 3 }
.index__filteroptions_flex .btn-clear_style1 { display: none }
.index__filteroptions_flex .selectStyleBox>select { font-size: 14px; color: #333333; padding: 0 25px 0 10px; height: 24px }
.index__filteroptions_flex .lengthoption .selectCustomBox .options { width: 100%; padding: 0 }
.index__filteroptions_flex .selectCustomBox .options { width: 305px; padding: 0 }
.index__filteroptions_flex .selectCustomBox .options_innerbox { margin: 0 }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div { width: 100%; padding: 0 }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div>label { border: 0px; border-top: 1px solid #F1F1F1; text-align: left; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div>label: hover { background-color: #F5F5F5 }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div>label .border { border-radius: 0px; border: 1px solid #3D9738; margin: 0px }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div>label>span { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div>label span { margin-top: 0px }
.index__filteroptions_flex .selectCustomBox .options_innerbox>div>label img { width: 80px }
.avaipro_withnumber_list { width: 100% }
.avaipro_withnumber_each { display: grid; display: -ms-grid; width: 100%; grid-template-columns: 1fr max-content; -ms-grid-columns: 1fr max-content; margin-top: 20px }
.avaipro_withnumber_each: first-child { margin-top: 0px }
.avaipro_withnumber_each .infobox { padding-right: 10px; -ms-grid-column: 1 }
.avaipro_withnumber_each .infobox_inner { background-color: #ffffff; padding: 32px; display: grid; display: -ms-grid; grid-template-columns: min-content 1fr min-content; -ms-grid-columns: min-content 1fr min-content; height: 100%; transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.avaipro_withnumber_each .infobox_inner: hover { box-shadow: 0px 15px 16px -3px #DBDBDB; -webkit-box-shadow: 0px 15px 16px -3px #DBDBDB; -moz-box-shadow: 0px 15px 16px -3px #DBDBDB; -o-box-shadow: 0px 15px 16px -3px #DBDBDB }
.avaipro_withnumber_each .infobox_inner .imgbox { width: 180px; max-width: 180px; min-width: 100px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; grid-row: 1/3; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1 }
.avaipro_withnumber_each .infobox_inner .detailbox { -ms-flex: 1; flex: 1; padding: 0 28px; grid-column: 2/3; -ms-grid-row: 1; -ms-grid-column: 2 }
.avaipro_withnumber_each .infobox_inner .detailbox .prod_name { display: none; font-size: 16px; color: #1F1F1F; margin-bottom: 10px }
.avaipro_withnumber_each .infobox_inner .otherlinkbox { grid-column: 2/3; grid-row: 2/3; padding: 0 28px; -ms-grid-row: 2; -ms-grid-column: 2 }
.avaipro_withnumber_each .infobox_inner .controlsbox { padding-left: 28px; border-left: 1px solid #DFDFDF; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; grid-column: 3/4; grid-row: 1/3; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3 }
.avaipro_withnumber_each .pricebox { width: 220px; -ms-grid-column: 2 }
.avaipro_withnumber_each .pricebox .payway_box { display: none }
.avaipro_withnumber_each .pricebox .pricebox_inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100% }
.avaipro_withnumber_each .pricebox .unitbox { padding-bottom: 10px; -ms-flex: 1 1 auto; flex: 1 1 auto }
.avaipro_withnumber_each .pricebox .unitbox_inner { background-color: #ffffff; border-radius: 10px; padding: 24px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.avaipro_withnumber_each .pricebox .unitbox_inner .top { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; border-bottom: 1px solid #DFDFDF; margin: -12px 0 0 0; padding-bottom: 12px; -ms-flex-align: center; align-items: center }
.avaipro_withnumber_each .pricebox .unitbox_inner .top>div { padding: 12px 0; -ms-grid-row-align: center }
.avaipro_withnumber_each .pricebox .unitbox_inner .top .title { font-size: 16px; color: #858585 }
.avaipro_withnumber_each .pricebox .unitbox_inner .top .value { font-size: 20px; color: #3D9738 }
.avaipro_withnumber_each .pricebox .unitbox_inner .bottom { color: #FF0000; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding-top: 10px; -ms-flex: 1 1 auto; flex: 1 1 auto }
.avaipro_withnumber_each .pricebox .unitbox_inner .bottom .title { font-size: 16px }
.avaipro_withnumber_each .pricebox .unitbox_inner .bottom .value { font-size: 30px; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-pack: end; justify-content: flex-end }
.avaipro_withnumber_each .pricebox .unitbox_inner .title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.avaipro_withnumber_each .pricebox .unitbox_inner .title .mention_q { margin-left: 6px; width: 17px; min-width: 17px; height: 17px; min-height: 17px }
.avaipro_withnumber_each .pricebox .unitbox_inner .value { justify-self: end; -ms-grid-column-align: end }
.avaipro_withnumber_each .pricebox .addcartbtnbox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.avaipro_withnumber_each .pricebox .addcartbtnbox a { width: 100% }
.avaipro_withnumber_each .d_grid { display: grid; display: -ms-grid; grid-template-columns: max-content minmax(min-content, max-content) max-content minmax(max-content, 1fr); -ms-grid-columns: max-content minmax(min-content, max-content) max-content minmax(max-content, 1fr); margin: -6px -5px -6px -25px; -ms-flex-align: start; align-items: start }
.avaipro_withnumber_each .d_grid>div { padding: 6px 5px }
.avaipro_withnumber_each .d_grid .title { font-size: 16px; color: #858585; padding-top: 10px; padding-left: 25px }
.avaipro_withnumber_each .d_grid .title.number,.avaipro_withnumber_each .d_grid .title.type { -ms-grid-row: 1 }
.avaipro_withnumber_each .d_grid .title.o_size,.avaipro_withnumber_each .d_grid .title.weight { -ms-grid-row: 2 }
.avaipro_withnumber_each .d_grid .title.i_size,.avaipro_withnumber_each .d_grid .title.material { -ms-grid-row: 3 }
.avaipro_withnumber_each .d_grid .title.number,.avaipro_withnumber_each .d_grid .title.o_size,.avaipro_withnumber_each .d_grid .title.i_size { -ms-grid-column: 1 }
.avaipro_withnumber_each .d_grid .title.type,.avaipro_withnumber_each .d_grid .title.weight,.avaipro_withnumber_each .d_grid .title.material { -ms-grid-column: 3 }
.avaipro_withnumber_each .d_grid .title.intro { -ms-grid-row: 4 }
.avaipro_withnumber_each .d_grid .value { font-size: 18px; color: #333333; line-height: 150% }
.avaipro_withnumber_each .d_grid .value p { margin: 0 }
.avaipro_withnumber_each .d_grid .value.intro { grid-column: 2/5; -ms-grid-column-span: 3; -ms-grid-column: 2; -ms-grid-row: 4 }
.avaipro_withnumber_each .d_grid .value.number,.avaipro_withnumber_each .d_grid .value.type { -ms-grid-row: 1 }
.avaipro_withnumber_each .d_grid .value.o_size,.avaipro_withnumber_each .d_grid .value.weight { -ms-grid-row: 2 }
.avaipro_withnumber_each .d_grid .value.i_size,.avaipro_withnumber_each .d_grid .value.material { -ms-grid-row: 3 }
.avaipro_withnumber_each .d_grid .value.number,.avaipro_withnumber_each .d_grid .value.o_size,.avaipro_withnumber_each .d_grid .value.i_size { -ms-grid-column: 2 }
.avaipro_withnumber_each .d_grid .value.type,.avaipro_withnumber_each .d_grid .value.weight,.avaipro_withnumber_each .d_grid .value.material { -ms-grid-column: 4 }
.avaipro_withnumber_each .otherlinkbox { margin-top: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.avaipro_withnumber_each .amount_flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; margin-bottom: 12px }
.avaipro_withnumber_each .amount_flex>div { width: 188px }
.avaipro_withnumber_each .amount_flex .amount_calculate_flex { margin-bottom: 10px; margin-right: 0px; -ms-flex: none !important; flex: none !important }
.avaipro_withnumber_each .payway_box { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column }
.avaipro_withnumber_each .payway_box .freepaylist { margin-top: 8px }
.avaipro_withnumber_each .payway_box .description { display: inline-block }
.avaipro_withnumber_each .otherlinkbox { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end }
.avaipro_withnumber_each .otherlinkbox .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.avaipro_withnumber_each .otherlinkbox .left>a { margin-right: 10px }
.avaipro_withnumber_each .otherlinkbox .left>div { margin-right: 10px }
.avaipro_withnumber_each .otherlinkbox .left .link_share { position: relative }
.avaipro_withnumber_each .otherlinkbox .left .share_linklist { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0px); margin-top: 13px }
.avaipro_withnumber_each .otherlinkbox .left .share_linklist>a: last-child { margin-right: 0px }
.avaipro_withnumber_each .otherlinkbox .link_opinion { display: inline-block }
.clear_btn_outer { min-height: 40px }
@keyframes heartbeat {
 0% { opacity: 0; transform: scale(1) }
1% { opacity: 1 }
100% { opacity: 0; transform: scale(2) }
 }
@media (max-width: 1480px) {
 .avaipro_withnumber_each .amount_flex>div { width: 130px }
.avaipro_withnumber_each .infobox_inner .imgbox { width: auto; min-width: 100px }
.filterbox_outer .btn-filter_style1 { display: -ms-inline-flexbox; display: inline-flex }
 }
@media (max-width: 1024px) {
 .avaipro_withnumber_each { grid-template-columns: 1fr; -ms-grid-columns: 1fr }
.avaipro_withnumber_each .d_grid { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -5px -2.5px }
.avaipro_withnumber_each .d_grid>div { padding: 5px 2.5px !important }
.avaipro_withnumber_each .d_grid div[data-hide-mobile=true] { display: none }
.avaipro_withnumber_each .d_grid .title { font-size: 14px }
.avaipro_withnumber_each .d_grid .value { font-size: 15px; line-height: 100% }
.avaipro_withnumber_each .infobox { padding-right: 0px; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-column: 1; padding-top: 25px; background-color: #ffffff }
.avaipro_withnumber_each .pricebox { grid-row: 2/3; -ms-grid-row: 2 !important; -ms-grid-column: 1 !important; width: 100%; background-color: #ffffff; padding: 0 15px 25px 15px }
.avaipro_withnumber_each .pricebox .pricebox_inner { -ms-flex-direction: row; flex-direction: row; padding: 10px; border: 1px solid #DFDFDF; border-radius: 10px; height: auto }
.avaipro_withnumber_each .pricebox .unitbox { padding-bottom: 0px; padding-right: 10px; border-right: 1px solid #DFDFDF; -ms-flex: 1; flex: 1 }
.avaipro_withnumber_each .pricebox .addcartbtnbox { padding-left: 10px }
.avaipro_withnumber_each .pricebox .addcartbtnbox .btn-cart { -ms-flex-direction: column; flex-direction: column; width: 110px; height: 55px }
.avaipro_withnumber_each .pricebox .addcartbtnbox .btn-cart: before { margin-right: 0; margin-bottom: 5px; width: 16px; height: 17px; background-size: 16px }
.avaipro_withnumber_each .pricebox .unitbox_inner { border-radius: 0px; padding: 0px }
.avaipro_withnumber_each .pricebox .unitbox_inner .top { border-bottom: 0px; margin: -5px 0 -5px 0; padding-bottom: 10px }
.avaipro_withnumber_each .pricebox .unitbox_inner .top>div { padding: 5px 0 }
.avaipro_withnumber_each .pricebox .unitbox_inner .top .title { font-size: 14px }
.avaipro_withnumber_each .pricebox .unitbox_inner .top .value { font-size: 16px }
.avaipro_withnumber_each .pricebox .unitbox_inner .bottom .title { font-size: 15px }
.avaipro_withnumber_each .pricebox .unitbox_inner .bottom .value { font-size: 18px }
.avaipro_withnumber_each .pricebox .payway_box { padding-top: 12px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.avaipro_withnumber_each .pricebox .payway_box .freepaylist { margin-top: 0px }
.avaipro_withnumber_each .pricebox .payway_box .freepaylist>div { margin-right: 6px }
.avaipro_withnumber_each .infobox_inner { grid-template-columns: min-content 1fr; -ms-grid-columns: min-content 1fr; padding: 0 15px }
.avaipro_withnumber_each .infobox_inner .imgbox { width: auto; min-width: 108px; max-width: 108px; -ms-flex-align: start; align-items: flex-start; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 0; -ms-grid-column: 1 }
.avaipro_withnumber_each .infobox_inner .detailbox { grid-column: 2/3; grid-row: 1/2; -ms-grid-row: 1; -ms-grid-column: 2; padding-left: 10px; padding-right: 0 }
.avaipro_withnumber_each .infobox_inner .detailbox .prod_name { display: block }
.avaipro_withnumber_each .infobox_inner .otherlinkbox { grid-column: 1/3; grid-row: 2/3; -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; padding-bottom: 10px; padding-left: 0; padding-right: 0; -ms-flex-align: center; align-items: center }
.avaipro_withnumber_each .infobox_inner .otherlinkbox .btn__style5 { padding: 0; height: 30px; width: 80px; font-size: 16px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.avaipro_withnumber_each .infobox_inner .controlsbox { grid-column: 1/3; grid-row: 3/4; -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; border-left: 0px; padding-left: 0px }
.avaipro_withnumber_each .amount_flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; padding-top: 20px; border-top: 1px solid #DFDFDF; padding-bottom: 10px; margin-bottom: 0px }
.avaipro_withnumber_each .amount_flex .amount_calculate_flex { margin-bottom: 0; padding: 4px 10px }
.avaipro_withnumber_each .amount_flex .amount_quote_box { width: 90px; height: 35px }
.avaipro_withnumber_each .amount_flex .amount_quote_box a { font-size: 16px; padding: 0px; margin-left: 10px; width: 100%; height: 100% }
.avaipro_withnumber_each .payway_box { display: none }
 }
@media (max-width: 769px) {
 .avaipro-index-section .favorite { right: auto; left: 50%; transform: translate(-50%, 0); bottom: 10px; width: 16px; height: 16px }
.avaipro-index-section .favorite i { font-size: 16px }
.avaipro-index-section .optionbox { margin-bottom: 15px }
.filterbox_outer .optionbox { margin-bottom: 0px !important }
.index__filteroptions_flex .selectCustomBox .options { width: 100%; padding: 0 }
 }
.avaiprd_detailbox2 .amount_calculate_flex { height: 50px }
.avaiprd_detailbox .pro_standard_each { margin-bottom: 20px }
.avaiprd_detailbox .pro_standard_each .specinfo_grid .totalprice.value { color: red; padding-top: 12px; font-size: 24px }
.avaiprd_detailbox .pro_standard_totalbox { padding: 0 0 20px 0 }
.avaiprd_detailbox .pro_standard_detail .page__title { margin-bottom: 30px; font-size: 32px }
.avaiprd_detailbox .total_flex { padding: 27px }
.avaiprd_detailbox .total_flex .left { display: -ms-flexbox; display: flex; padding-right: 20px; margin: 0 -14px }
.avaiprd_detailbox .total_flex .unit_each { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0 14px }
.avaiprd_detailbox .total_flex .unit_each .title { padding-bottom: 10px }
.avaiprd_detailbox .total_flex .unit_each: not(.totalprice) .cost { padding-top: 5px }
.pro_detail_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 100%; width: 100% }
.pro_detail_flex>div { -ms-flex: 1; flex: 1 }
.pro_detail_left { max-width: 50% }
.pro_detail_right { padding-left: 20px }
.pro_custom_dots { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: -5px -6px; -ms-flex-align: center; align-items: center }
.pro_custom_dots>div { width: 20%; padding: 15px 6px 5px 6px }
.pro_custom_dots .s_img { position: relative }
.pro_custom_dots .s_img: after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #3D9738; opacity: 0; transform: scale(1.3); transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.pro_custom_dots img { display: block }
.pro_custom_dots .owl-dot { cursor: pointer }
.pro_custom_dots .owl-dot.active .s_img: after { transform: scale(1); opacity: 1 }
.pro_remarks { padding: 18px 0 0px 0; font-size: 14px; font-weight: lighter; line-height: 140%; color: #999 }
.other_link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px 0; margin-top: 18px }
.other_link>div { padding: 5px 0 }
.other_link .share_linklist { padding-right: 15px }
.other_link .opinion { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.other_link .opinion .link_favorite { margin-right: 15px }
.pro_standard_detail { position: relative }
.pro_standard_detail>.must { display: block; text-align: right; font-size: 15px; margin-top: -17px }
.main_title { font-size: 22px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.main_title .word { padding-right: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end }
.main_title .mention_w { font-size: 14px; padding-left: 5px; color: #333; position: relative; bottom: 2px }
.pro_standard_each { margin-bottom: 22px }
.pro_standard_each .sub_title { font-size: 18px; font-weight: 400; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.pro_standard_each .sub_title .word { padding-right: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end }
.pro_standard_each .sub_title.must: before { content: "*"; color: red; position: relative; top: -2px }
.pro_standard_each .sub_title .mention_w { font-size: 14px; font-weight: 400; padding-left: 5px; color: #333; position: relative; bottom: 2px }
.pro_standard_each .optionsbox { padding-top: 10px }
.pro_standard_each .specinfo_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -15px -5px -15px 0px }
.pro_standard_each .specinfo_grid>div { padding: 15px 5px; position: relative }
.pro_standard_each .specinfo_grid>div: after { content: ""; position: absolute; height: 1px; right: 0px; left: 0; top: 0; background-color: #F0F0F0 }
.pro_standard_each .specinfo_grid>div: first-child: after,.pro_standard_each .specinfo_grid>div: first-child+div: after { display: none }
.pro_standard_each .specinfo_grid .title { font-size: 16px; color: #858585; padding-top: 17px; padding-left: 0px }
.pro_standard_each .specinfo_grid .value { font-size: 18px; color: #333333 }
.pro_standard_each input[type=text],.pro_standard_each input[type=password],.pro_standard_each input[type=number],.pro_standard_each select { height: 40px }
.pro_standard_each input [type=text],.pro_standard_each input[type=password],.pro_standard_each input[type=number] { border: 0px; box-shadow: none; font-size: 20px; padding: 10px 15px; background-color: #F0F0F0; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); font-size: 18px }
.pro_standard_totalbox { padding: 10px 0 16px 0 }
.total_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; padding: 14.5px 20px; border-radius: 8px; border: 1px solid #DFDFDF }
.total_flex .left { -ms-flex: 1; flex: 1; padding-right: 78px }
.total_flex .right { text-align: center }
.total_flex .pricebox_outer { margin-bottom: 5px }
.total_flex .pricebox { color: red; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.total_flex .pricebox .total { font-size: 28px; padding-left: 15px }
.total_flex .pricebox .mention_q { margin-left: 5px }
.total_flex .unit_each { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 7.5px 0; -ms-flex-align: center; align-items: center }
.total_flex .unit_each .title { font-size: 16px; font-weight: 500; color: #858585; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.total_flex .unit_each .title .mention_q { margin-left: 6px }
.total_flex .unit_each .cost { font-size: 20px; font-weight: 500; color: #3D9738 }
.total_flex .unit_each.totalprice .title { font-size: 16px; font-weight: 500; color: #FF0000 }
.total_flex .unit_each.totalprice .cost { font-size: 28px; color: #FF0000 }
.optionbutton_section { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -4px; padding-bottom: 8px }
.optionbutton_section: hover>label { opacity: .8 }
.optionbutton_section: hover>label>a: after { transform: scale(0.9) }
.optionbutton_section>label { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 4px; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); position: relative }
.optionbutton_section>label>input[type=radio] { opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; cursor: pointer }
.optionbutton_section>label>a { font-size: 18px; font-weight: 400; border-radius: 8px; color: #3D9738; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); padding: 8px 16px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative }
.optionbutton_section>label>a: after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 8px; background-color: transparent; border: 1px solid #3D9738; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); z-index: -1 }
.optionbutton_section>label: hover { opacity: 1 }
.optionbutton_section>label: hover>a: after { transform: scale(1.1) }
.optionbutton_section>label.active>a { color: #ffffff }
.optionbutton_section>label.active>a: after { background-color: #3D9738 }
.options_form { padding-top: 14px; border-top: 1px solid #DFDFDF }
.options_form.noborder { border: 0px; padding-top: 0px }
.size_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; -ms-flex-align: center; align-items: center; margin-bottom: -8px }
.size_grid>div { -ms-grid-row-align: center; margin-bottom: 8px; position: relative; z-index: 1 }
.size_grid .title { padding-right: 8px; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); font-size: 15px }
.size_grid .title.error { color: red }
.lattice_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 126px max-content 126px 1fr; -ms-grid-columns: max-content 126px max-content 126px 1fr; -ms-flex-align: center; align-items: center }
.lattice_grid>div { -ms-grid-row-align: center; position: relative; z-index: 1; padding-right: 8px }
.lattice_grid .title { transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); font-size: 15px }
.lattice_grid .multiply { padding-right: 10px }
.lattice_grid .total { font-size: 14px; padding-left: 2px }
.lattice_grid .total>span { font-size: 20px; color: #3D9738; font-weight: 700; padding: 0 3px }
.inputbox.error input { color: red }
.inputbox.error .radiobox2 .radiomark { border: 1px solid red }
.inputbox.error .checkmark { border: 1px solid red !important }
.inputbox.error .border { opacity: 1; transform: scale(1); border-color: red }
.inputbox.error .error_text { opacity: 1; transform: none }
.inputbox.error .uploadCustomBox { background: red }
.inputbox.error .mention_rex,.inputbox.error .other_words { color: red }
.inputbox .error_text { background-color: red; color: #ffffff !important; font-size: 12px; font-weight: 400; padding: 5px 4px; position: absolute; right: 0; bottom: 100%; line-height: 100%; z-index: 2; opacity: 0; transform: translate(0, 100%); transition: all 0.3s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.inputbox .input-style { position: relative }
.print_color_grid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; -ms-flex-align: start; align-items: start }
.print_color_grid>div { margin-bottom: 16px; position: relative; z-index: 1 }
.print_color_grid .sub_title { -ms-grid-row-align: start; padding-right: 15px; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); padding-top: 10px }
.print_color_grid .sub_title.error { color: red }
.other_words { position: relative; left: 0; font-size: 14px; color: #D1AA6C; letter-spacing: 1px }
.inputbox_grid { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: -7.5px -5px }
.inputbox_grid>div { padding: 7.5px 5px; position: relative; z-index: 1 }
.inputbox_grid .inputbox_g_checkbox { position: relative; z-index: 5; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 20px }
.inputbox_grid .inputbox_g_text { -ms-flex: 1; flex: 1 }
.inputbox_grid .inputbox_g_select { -ms-flex: 0 0 126px; flex: 0 0 126px }
.inputbox_grid2 { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: -7.5px -5px }
.inputbox_grid2>div { padding: 7.5px 5px; position: relative; z-index: 1 }
.inputbox_grid2 .inputbox_g_radiobox { position: relative; z-index: 5; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 17px }
.inputbox_grid2 .inputbox_g_text { -ms-flex: 1; flex: 1 }
.print_download_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.print_download_flex>div { -ms-flex: 0 1 auto; flex: 0 1 auto; display: -ms-flexbox; display: flex }
.print_download_flex .btn__style8 { margin-right: 6px }
.download_attention { font-size: 18px; font-weight: 500; color: #FF6715; padding-right: 5px }
.print_input_form { display: block; margin-bottom: 10px; margin-top: 6px }
.print_input_form .btn__style7 { padding: 8px 16px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; font-size: 18px; font-weight: 500; color: #ffffff; height: 40px }
.print_input_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -5px }
.print_input_flex>div { -ms-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 5px }
.print_input_flex>div: not(.addbox) { width: calc((100% - 82px) / 3) }
.print_input_flex .addbox { padding-left: 9px }
.print_input_flex .titlebox { padding-right: 5px; font-size: 15px; -ms-flex: 1 0 auto; flex: 1 0 auto }
.print_input_flex .inputbox { font-size: 18px }
.print_input_flex .inputbox input { width: 100% }
.print_confirm_box { margin-top: 20px }
.print_confirm_inner { border: 1px solid #D1AA6D; padding: 12px; position: relative }
.print_confirm_inner .empty_mention { color: #D1AA6D; font-size: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
.print_confirm_inner.empty .empty_mention { display: block }
.print_confirm_inner.error { border-color: red }
.print_confirm_inner.error .empty_mention { color: red }
.print_confirm_inner.error>.arrow: before { border-bottom: 11px solid red; border-right: 6px solid transparent; border-left: 6px solid transparent }
.print_confirm_inner>.title { font-size: 15px; font-weight: 500; color: #825723; padding-bottom: 4px }
.print_confirm_inner>.arrow { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, 0) }
.print_confirm_inner>.arrow: before { content: ""; position: relative; z-index: 0; display: block; border-bottom: 11px solid #D1AA6D; border-right: 6px solid transparent; border-left: 6px solid transparent }
.print_confirm_inner>.arrow: after { content: ""; position: absolute; z-index: 1; display: block; left: 50%; bottom: 0; transform: translate(-50%, 0) scale(0.8); transform-origin: center bottom; border-bottom: 11px solid #ffffff; border-right: 6px solid transparent; border-left: 6px solid transparent }
.print_confirm_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; min-height: 88px }
.print_confirm_flex>div { width: 33.33333333333%; padding: 15px 5px 8px 5px }
.remove_cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 5px; opacity: 0; z-index: -1; background: rgba(255,255,255,0.8); background-size: 20px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.remove_cover: after { content: ""; background: url(../images/icon/delete.png) no-repeat center center; background-size: contain; width: 20px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px }
.pcf_flex_outer { position: relative }
.pcf_flex_outer { padding: 12px; background: #F7F0E6; border: 1px solid #D1AA6D; border-radius: 5px }
.pcf_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -5px }
.pcf_flex>div { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0 5px }
.pcf_flex .word { padding-bottom: 4px; font-size: 15px }
.pcf_flex .number { font-size: 16px }
.addition_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px }
.addition_flex: hover>div>label { opacity: .7 }
.addition_flex>div { width: 33.3333333333%; padding: 5px }
.addition_flex>div.error>label input[type=checkbox] ~ .border { opacity: 0; transform: scale(1.3) }
.addition_flex>div.error>label input[type=checkbox] ~ .error_text { opacity: 0; transform: translate(-50%, 100%) }
.addition_flex>div.error>label input[type=checkbox]: checked ~ .border { transform: scale(1); opacity: 1; border-color: red }
.addition_flex>div.error>label input[type=checkbox]: checked ~ .border ~ span.word { color: red }
.addition_flex>div.error>label input[type=checkbox]: checked ~ .border ~ span.word>span { color: red }
.addition_flex>div.error>label input[type=checkbox]: checked ~ .border ~ .error_text { opacity: 1; transform: translate(-50%, 0) }
.addition_flex>div: hover>label { opacity: 1 }
.addition_flex>div: hover>label img { transform: scale(1.1) }
.addition_flex>div: hover>label span { color: #3D9738 }
.addition_flex>div: hover>label .s_word { color: #3D9738 }
.addition_flex>div>label { cursor: pointer; position: relative; padding: 10px; border-radius: 5px; border: 2px solid #F1F1F1; -ms-flex-direction: column; flex-direction: column; display: -ms-flexbox; display: flex; text-align: center; transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.addition_flex>div>label .error_text { right: auto; max-width: 100%; left: 50%; white-space: nowrap; opacity: 0; transform: translate(-50%, 100%) }
.addition_flex>div>label img { transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.addition_flex>div>label span { display: block; position: relative; font-size: 15px; margin-top: 7px; color: #333333; transition: all 0.3s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.addition_flex>div>label .s_word { font-size: 13px; transition: all 0.3s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.addition_flex>div>label .border { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #3D9738; border-radius: 5px; margin: -2px; opacity: 0; transform: scale(1.3); transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.addition_flex>div>label input[type=checkbox] { display: none }
.addition_flex>div>label input[type=checkbox]: checked ~ .border { transform: scale(1); opacity: 1 }
.addition_flex>div>label input[type=checkbox]: checked ~ .border ~ span.word { color: #3D9738 }
.addition_flex>div>label input[type=checkbox]: checked ~ .border ~ span.word>span { color: #3D9738 }
.amount_flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.amount_flex>div { -ms-flex: 0 1 auto; flex: 0 1 auto }
.amount_flex .btn__style7 { padding: 8px 16px }
.amount_flex ~ .error_text_other { padding-top: 4px }
.amount_calculate_flex { margin-right: 8px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; padding: 4px 10px; border-radius: 5px; border: 2px solid #999; -ms-flex-align: center; align-items: center; width: 130px }
.amount_calculate_flex .input { font-size: 18px; -ms-flex: 1; flex: 1 }
.amount_calculate_flex .input input { padding: 0 10px; height: auto; border: 0px; color: #3D9738; text-align: center; background-color: transparent; width: 100% }
.amount_calculate_flex .btn { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 0 1 auto; flex: 0 1 auto }
.amount_calculate_flex .btn a { width: 14px; height: 14px }
.amount_calculate_flex .btn a: before,.amount_calculate_flex .btn a: after { background-color: #3D9738; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.amount_calculate_flex .btn a: hover: before,.amount_calculate_flex .btn a: hover: after { background-color: #3D9738 }
.amount_calculate_flex .btn .minus { position: relative }
.amount_calculate_flex .btn .minus: before { content: ""; position: absolute; width: 14px; height: 2px; background-color: #999; top: 50%; left: 0; transform: translate(0%, -50%) }
.amount_calculate_flex .btn .plus { position: relative }
.amount_calculate_flex .btn .plus: after { content: ""; position: absolute; width: 2px; height: 14px; background-color: #999; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.amount_calculate_flex .btn .plus: before { content: ""; position: absolute; width: 14px; height: 2px; background-color: #999; top: 50%; left: 0; transform: translate(0%, -50%) }
.pro_advice_section { display: -ms-flexbox; display: flex; padding: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #F2F2F2; margin-top: 10px }
.pro_advice_section .title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; margin-right: 10px; color: #FF6614 }
.pro_advice_section .title .mention_q { margin-left: 6px }
.pro_advice_section .description { font-size: 15px; display: -ms-flexbox; display: flex }
.pro_advice_section .description>div { padding-right: 10px }
.error_text_other { color: red; font-size: 13px }
@media (max-width: 1297px) {
 .total_flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center }
.total_flex .right { margin-top: 20px }
.avaiprd_detailbox .total_flex { padding: 15px }
.avaiprd_detailbox .total_flex .left { padding-right: 0; -ms-flex-pack: center; justify-content: center }
 }
@media (max-width: 1024px) {
 .pro_detail_left { max-width: 35% }
 }
@media (max-width: 769px) {
 .avaiprd_detailbox2 .amount_calculate_flex { height: 35px; -ms-flex: none !important; flex: none !important }
.avaiprd_detailbox2 .amount_calculate_flex .input input { font-size: 16px }
.avaiprd_detailbox2 .btn-cart { -ms-flex-direction: row; flex-direction: row; width: 135px; height: 35px }
.avaiprd_detailbox2 .btn-cart: before { margin-right: 5px; margin-bottom: 0 }
.lattice_grid { grid-template-columns: max-content 1fr max-content 1fr max-content; -ms-grid-columns: max-content 1fr max-content 1fr max-content }
.other_link { margin: -5px 0; margin-top: 13px }
.other_link>div { padding: 5px 0 }
.pro_advice_section { padding: 10px; -ms-flex-direction: column; flex-direction: column }
.pro_advice_section .title { margin-right: 0px; margin-bottom: 6px }
.pro_remarks { padding: 8px 0 0px 0 }
.print_input_form .btn__style7 { height: 35px; font-size: 16px; width: 100% }
.print_input_flex .addbox { margin-top: 8px; padding-left: 5px; -ms-flex: none; flex: none; width: 100% }
.print_download_flex { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column }
.download_attention { padding-bottom: 8px }
.options_form { padding-top: 8px }
.print_color_grid { grid-template-columns: 1fr; -ms-grid-columns: 1fr }
.print_color_grid .sub_title { padding-top: 0px }
.print_color_grid>div { margin-bottom: 10px }
.print_color_grid>div: first-child+div { -ms-grid-column: 1 !important; -ms-grid-row: 2 !important }
.inputbox_grid { margin: -5px -4px -5px -4px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.inputbox_grid>div { padding: 5px 4px }
.inputbox_grid .inputbox_g_checkbox { padding-top: 17px }
.inputbox_grid .inputbox_g_text { padding-top: 3px; padding-bottom: 9px; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; padding-left: 29px }
.inputbox_grid .inputbox_g_select { -ms-flex: 1; flex: 1 }
.inputbox_grid .other_words { position: relative }
.main_title { font-size: 20px }
.optionbutton_section>label>a { font-size: 16px }
.size_grid .inputbox input[type=text],.size_grid .inputbox input[type=password],.size_grid .inputbox input[type=number],.size_grid .inputbox select,.size_grid .inputbox textarea { font-size: 16px }
.pro_standard_totalbox { padding: 2px 0 10px 0 }
.avaiprd_detailbox .pro_standard_each.amount { margin-bottom: 6px }
.avaiprd_detailbox .pro_standard_totalbox { padding: 0 0 10px 0 }
.avaiprd_detailbox .pro_standard_totalbox .page__title { margin-bottom: 16px }
.pro_detail_flex { -ms-flex-wrap: wrap; flex-wrap: wrap }
.pro_detail_flex>div { -ms-flex: none; flex: none; max-width: 100%; width: 100%; padding-left: 0px }
.pro_standard_each .optionsbox { padding-top: 5px }
.pro_standard_each .specinfo_grid { margin: -11px -2.5px }
.pro_standard_each .specinfo_grid .title { padding-top: 14px }
.pro_standard_each .specinfo_grid .title.totalprice { padding-top: 20px }
.pro_standard_each .specinfo_grid .value { line-height: 130% }
.pro_standard_each .specinfo_grid>div { padding: 11px 2.5px }
.pro_standard_each .specinfo_grid>div: after { margin-left: -8px; margin-right: -8px }
.pro_detail_right { padding-top: 20px }
.pro_custom_dots { -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; margin-top: -17px; margin-bottom: 10px; transform: translate(0px, -5px) }
.pro_custom_dots>div { width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; padding: 0; background-color: #D8D8D8 }
.pro_custom_dots>div.active { background-color: #3D9738 }
.pro_custom_dots .s_img { display: none }
.total_flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 10px 8px }
.total_flex .pricebox { -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; display: block }
.total_flex .pricebox .total { font-size: 18px; padding-left: 0px; padding-top: 5px; width: 100%; display: block }
.total_flex .left { padding-right: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; margin: 0 }
.total_flex .right { padding-left: 10px; margin-top: 0px }
.total_flex .unit_each { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 0 }
.total_flex .unit_each .title { padding: 0; font-size: 14px }
.total_flex .unit_each .cost { font-size: 16px }
.avaiprd_detailbox .total_flex { padding: 10px }
.avaiprd_detailbox .total_flex .unit_each { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 0 }
.avaiprd_detailbox .total_flex .unit_each .title .mention_q { min-width: 15px; width: 15px; height: 15px; min-height: 15px }
.avaiprd_detailbox .total_flex .unit_each .title { padding: 0; font-size: 14px }
.avaiprd_detailbox .total_flex .unit_each .cost { font-size: 16px; padding: 0 !important }
.avaiprd_detailbox .total_flex .unit_each.totalprice .title { padding: 0; font-size: 15px }
.avaiprd_detailbox .total_flex .unit_each.totalprice .cost { font-size: 18px; padding: 0 }
.avaiprd_detailbox .total_flex .right { padding-left: 10px; margin-top: 0px }
.avaiprd_detailbox .total_flex .left { padding-right: 10px; border-right: 1px solid #DFDFDF; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; margin: 0 }
.avaiprd_detailbox .total_flex .btn-cart { -ms-flex-direction: column; flex-direction: column; width: 110px; height: 55px }
.avaiprd_detailbox .total_flex .btn-cart: before { margin-right: 0; margin-bottom: 5px; width: 16px; height: 17px; background-size: 16px }
.other_link .opinion .link_favorite { margin-right: 8px }
.other_link .share_linklist { padding-right: 10px }
.addition_flex>div { width: 50% }
.print_confirm_flex { margin: 0px -4px }
.print_confirm_flex>div { width: 50%; padding: 15px 4px 8px 4px }
.pcf_flex { -ms-flex-pack: justify; justify-content: space-between }
.pcf_flex>div { -ms-flex: none; flex: none }
.amount_calculate_flex { -ms-flex: 1 !important; flex: 1 !important }
 }
@media (max-width: 481px) {
 .pcf_flex .word { font-size: 12px }
 }
.about_container { position: relative; background-color: #ffffff; box-shadow: 0px 5px 10px 0px #cacaca; -webkit-box-shadow: 0px 5px 10px 0px #cacaca; -moz-box-shadow: 0px 5px 10px 0px #cacaca; -o-box-shadow: 0px 5px 10px 0px #cacaca; padding: 36px 50px 45px 50px; margin-top: -36px }
.about_container: before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 3px; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%,#d1aa6e 100%) }
.about_container .bread { padding-top: 0px; margin-bottom: 32px }
.about_container .maintitle { font-size: 24px; color: #D1AA6D; padding-bottom: 12px; font-weight: 500; line-height: 100% }
.about_container .maintitle.style2 { font-size: 20px; color: #333333; font-weight: 700 }
.about_container .maincontent { font-size: 20px; color: #333333; font-weight: 500; padding-bottom: 24px }
.about_container .maincontent.fsize1 { font-size: 16px; line-height: 150% }
.about_container .maincontent .list1 { list-style-type: decimal; list-style-position: inside }
.about_container .maingrid1 { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -7.5px 0 }
.about_container .maingrid1 .title { color: #3D9738; font-size: 20px; padding-right: 5px; padding-bottom: 7.5px; padding-top: 7.5px; font-weight: 700 }
.about_container .maingrid1 .content { font-size: 16px; padding-top: 11px; padding-bottom: 7.5px }
.about_container .maingrid2 { display: grid; display: -ms-grid; grid-template-columns: 108px 1fr; -ms-grid-columns: 108px 1fr; margin: -5px 0 }
.about_container .maingrid2 .title { color: #ffffff; font-size: 20px; padding-bottom: 5px; padding-top: 5px; font-weight: 700; text-align: center; -ms-flex-pack: center; justify-content: center; line-height: 120% }
.about_container .maingrid2 .title .box { background-color: #3D9738; padding: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.about_container .maingrid2 .content { padding-left: 10px; font-size: 16px; padding-bottom: 5px; padding-top: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.brandbox1 { background-color: #3D9738; padding: 24px 28px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; margin-top: 10px }
.brandbox1: first-child { margin-top: 0px }
.brandbox1 .imgbox { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 326px; max-width: 326px; min-width: 326px; min-height: 185px; -webkit-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.25) }
.brandbox1 .imgbox .d1 { width: 250px }
.brandbox1 .imgbox .d2 { width: 140px; transform: rotateY(180deg) }
.brandbox1 .contentbox { padding-left: 24px; width: 100% }
.brandbox1 .contentbox .maintitle { font-size: 28px; font-weight: 500; color: #ffffff; margin-bottom: 5px }
.brandbox1 .contentbox .maincontent { font-size: 18px; color: #ffffff; line-height: 150% }
.brandbox2 { margin-top: 10px; background-color: #ffffff; padding: 24px 28px }
.brandbox2 .maintitle { font-size: 24px; font-weight: 500; margin-bottom: 10px; color: #3D9738 }
.brandbox2 .maincontent { font-size: 16px; line-height: 150%; color: #333333 }
.aboutbannerouter { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; max-width: none; width: auto; background: url(../images/about/about-banner1.jpg) no-repeat center center; background-size: 100% }
.aboutbannerouter2 { background: url(../images/about/aboutdbox-banner.jpg) no-repeat center center; background-size: 100% }
.aboutbannerContainer { padding-top: 177px }
.aboutbannerContainer .banner_title { left: 0; bottom: 0; position: relative }
.aboutbannerContainer .banner_title .en { font-size: 28px; font-weight: 900; color: #3D9738 }
.aboutbannerContainer .banner_title .en .lo { font-size: 28px; font-weight: 900; color: #D1AA6D }
.aboutbannerContainer .banner_title .zh { font-size: 55px; font-weight: 700; color: #333333; padding-left: 35px }
.aboutbanner_inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; padding-top: 115px }
.aboutbanner_inner .banner_title_outer { padding-left: 100px }
.aboutbanner_inner .banner_slogan_outer { padding-right: 35px }
.aboutbanner_inner .banner_slogan { padding: 50px; position: relative; -webkit-box-shadow: 18px 20px 16px 0px rgba(0,0,0,0.05882); width: 585px }
.aboutbanner_inner .banner_slogan: before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #1b6f2d; background-image: linear-gradient(60deg, #1b6f2d 0%,#3d9738 46%,#b3d201 100%); z-index: 0; opacity: .9 }
.aboutbanner_inner .banner_slogan .s_box { margin-top: 40px; color: #ffffff; position: relative; z-index: 1 }
.aboutbanner_inner .banner_slogan .s_box: first-child { margin-top: 0px }
.aboutbanner_inner .banner_slogan .s_box .title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 400; padding-bottom: 15px }
.aboutbanner_inner .banner_slogan .s_box .title: after { content: ""; height: 2px; width: 21px; background-color: #ffffff; margin-left: 5px }
.aboutbanner_inner .banner_slogan .s_box .description { padding-left: 43px }
.aboutbanner_inner .banner_slogan .s_box .description .b { font-size: 40px; font-weight: 400 }
.aboutbanner_inner .banner_slogan .s_box .description .s { font-size: 18px; font-weight: 400; color: #EAF8E4; line-height: 140%; padding-top: 14px }
.about_value_section { padding: 24px 0; background-color: #ffffff }
.about_value_section_inner { padding: 36px 0 55px 0; position: relative }
.about_value_section_inner .maintitle { padding-bottom: 32px; font-size: 32px; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; position: relative; z-index: 1 }
.about_value_section_inner .maintitle: before { content: ""; background-color: #333333; height: 2px; width: 57px; margin-right: 8px }
.about_value_section_inner .bg { position: absolute; right: 0; top: 0; height: 100%; width: auto; z-index: 0 }
.av_s_listbox { padding-left: 35px; position: relative; z-index: 1 }
.av_s_listbox .value_box_outer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 28px }
.av_s_listbox .value_box_outer: first-child { padding-top: 0 }
.av_s_listbox .value_box { width: 230px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; color: #ffffff; padding: 36px 24px; position: relative; -webkit-box-shadow: 18px 20px 20px 0px rgba(0,0,0,0.02); margin-left: 18px }
.av_s_listbox .value_box: before { background: #3D9738; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .9; z-index: -1 }
.av_s_listbox .value_box: first-child { margin-left: 0px }
.av_s_listbox .value_box .title { font-size: 26px; font-weight: 500; margin-bottom: 12px; position: relative }
.av_s_listbox .value_box .value { font-size: 18px; font-weight: 500; line-height: 120% }
.about_history_section { background-color: #F0F0F0; padding: 50px 0 36px 0 }
.about_history_section_inner .maintitle { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-bottom: 14px }
.about_history_section_inner .maintitle img { width: 300px }
.about_history_section_inner>p { font-size: 18px; line-height: 150%; margin-top: 14px }
.five_advantages_section { -webkit-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.25); display: grid; display: -ms-grid; grid-template-columns: 384px 1fr; -ms-grid-columns: 384px 1fr; min-height: 433px; -ms-flex-align: center; align-items: center; margin-top: 36px; background-color: #ffffff }
.five_advantages_section .left { background: url(../images/about/aboutdbox-img2.png) no-repeat center; background-size: auto 100%; position: relative; height: 100% }
.five_advantages_section .right { padding-left: 54px; padding-right: 35px; padding-top: 30px; padding-bottom: 30px }
.five_advantages_section .right h2 { font-size: 20px; font-weight: 500; color: #825723; margin-bottom: 12px }
.advantagelist li { padding: 16px 0; border-top: 1px solid #F0F0F0; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.advantagelist li: first-child { border: 0px }
.advantagelist li .checked { font-size: 26px; font-weight: 700; padding-right: 12px; background: url(../images/about/aboutdbox-img3.png) no-repeat left center; padding-left: 26px; background-size: 20px; color: #3D9738 }
.advantagelist li p { font-size: 18px; font-weight: 400 }
.about_otheradvantage_section { padding: 20px 0 15px 0; background-color: #ffffff }
.otheradvantage_flex { display: -ms-flexbox; display: flex; margin: 0px -20px; -ms-flex-pack: center; justify-content: center }
.otheradvantage_flex>div { -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 0px 20px; -ms-flex-preferred-size: calc(20% - (40px)); border-left: 1px solid #f2f2f2 }
.otheradvantage_flex>div: first-child { border-left: 0px }
.oad_each { padding-top: 25px; padding-bottom: 15px }
.oad_each: first-child .valuebox .b { padding-right: 0 }
.oad_each .valuebox { padding-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center }
.oad_each .valuebox .b { font-size: 50px; font-weight: 900; color: #3D9738; line-height: 80%; padding-right: 8px }
.oad_each .valuebox .s { font-size: 20px; font-weight: 700; color: #3D9738 }
.oad_each p { text-align: center; font-size: 18px; line-height: 150% }
.oad_each p .highlight { font-size: 18px; font-weight: 700; color: #3D9738 }
@media (max-width: 1480px) {
 .aboutbannerContainer { padding-top: 60px }
.aboutbannerouter2 { background: url(../images/about/aboutdbox-banner.jpg) no-repeat center center; background-size: cover }
 }
@media (max-width: 1024px) {
 .aboutbanner_inner { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 115px; -ms-flex-pack: center; justify-content: center }
.aboutbanner_inner .banner_title_outer { padding-left: 0; padding-bottom: 20px }
.aboutbanner_inner .banner_slogan_outer { padding-right: 0px }
 }
@media (max-width: 769px) {
 .about_value_section { padding: 28px 0 20px 0 }
.about_value_section_inner { padding: 0 }
.about_value_section_inner .bg { display: none }
.about_value_section_inner .maintitle { font-size: 24px; font-weight: 700; -ms-flex-pack: center; justify-content: center; padding-bottom: 12px }
.about_value_section_inner .maintitle: before { width: 38px; margin-right: 5px }
.about_value_section_inner .maintitle: after { content: ""; background-color: #333333; height: 2px; width: 38px; margin-left: 5px }
.about_value_section_inner .value_box { padding: 15px; -ms-flex-direction: row; flex-direction: row; margin-left: 0; -ms-flex-align: center; align-items: center; margin: 4px 0; width: 100% }
.about_value_section_inner .value_box .title { font-size: 20px; margin-bottom: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
.about_value_section_inner .value_box .value { font-size: 15px; padding-left: 15px }
.av_s_listbox { padding-left: 0; margin: -4px 0 }
.av_s_listbox .value_box_outer { -ms-flex-direction: column; flex-direction: column; padding-top: 0 }
.aboutbannermain { padding-bottom: 20px }
.aboutbannerContainer .banner_title .en { font-size: 14px }
.aboutbannerContainer .banner_title .en .lo { font-size: 14px }
.aboutbannerContainer .banner_title .zh { font-size: 28px; font-weight: 700 }
.aboutbannerouter { background: url(../images/about/m-about-banner.jpg) no-repeat center bottom; background-size: 100% }
.aboutbannerouter2 { background: url(../images/about/m-about-banner.jpg) no-repeat center bottom; background-size: cover }
.aboutbanner_inner { padding-top: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start }
.aboutbanner_inner .banner_title_outer { padding-left: 30px; padding-bottom: 10px }
.aboutbanner_inner .banner_slogan_outer { padding-right: 0; width: 100% }
.aboutbanner_inner .banner_slogan { padding: 20px 10px 20px 15px; width: 100% }
.aboutbanner_inner .banner_slogan .s_box { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 11px; -ms-flex-align: start; align-items: flex-start }
.aboutbanner_inner .banner_slogan .s_box .title { font-size: 15px; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 0px; padding-top: 3px }
.aboutbanner_inner .banner_slogan .s_box .title: after { content: ""; height: 1px; width: 11px }
.aboutbanner_inner .banner_slogan .s_box .description { padding-left: 6px }
.aboutbanner_inner .banner_slogan .s_box .description .b { font-size: 20px }
.aboutbanner_inner .banner_slogan .s_box .description .s { padding-top: 4px; font-size: 15px }
.about_container { padding: 20px 8px 20px 8px }
.about_container .bread { margin-bottom: 24px }
.about_container .maintitle { padding-bottom: 8px }
.brandbox1 { padding: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; margin-top: 10px }
.brandbox1 .imgbox { width: 100%; max-width: 100%; min-width: 100%; min-height: 0px; margin-bottom: 14px; padding: 19px 0 }
.brandbox1 .imgbox .d1 { width: 253px }
.brandbox1 .imgbox .d2 { width: 140px; transform: rotateY(180deg) }
.brandbox1 .contentbox { padding-left: 0 }
.brandbox1 .contentbox .maintitle { font-size: 24px; margin-bottom: 5px }
.brandbox1 .contentbox .maincontent { font-size: 16px }
.brandbox2 { padding: 16px }
.brandbox2 .maintitle { margin-bottom: 6px }
.about_history_section { padding: 28px 0 20px 0 }
.about_history_section_inner .maintitle { padding-bottom: 2px }
.about_history_section_inner .maintitle img { width: 210px }
.about_history_section_inner>p { font-size: 16px; margin-top: 16px }
.five_advantages_section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 0px; -ms-flex-align: center; align-items: center; margin-top: 20px }
.five_advantages_section .left { background: url(../images/about/m-aboutdbox-img2.jpg) no-repeat center; background-size: 100%; position: relative; height: auto; width: 100% }
.five_advantages_section .left: after { content: ""; display: block; padding-bottom: 26.76% }
.five_advantages_section .right { padding: 12px 15px 18px 15px }
.five_advantages_section .right h2 { font-size: 18px; line-height: 140%; margin-bottom: 10px }
.advantagelist { margin: -7px 0 }
.advantagelist li { border: 0px; padding: 7px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start }
.advantagelist li .checked { padding-left: 23px; padding-right: 0px; font-size: 20px; background-size: 16px }
.advantagelist li p { font-size: 16px; padding-top: 8px }
.otheradvantage_flex { margin: 0px 0; -ms-flex-direction: column; flex-direction: column }
.otheradvantage_flex>div { width: 100%; -ms-flex: none; flex: none; padding: 12px 0; border-left: 0px; border-top: 1px solid #f2f2f2; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.oad_each: first-child { border-top: 0px }
.oad_each p { text-align: left; font-size: 16px; line-height: 150%; padding-left: 10px }
.oad_each p .highlight { font-size: 16px }
.oad_each .valuebox { min-width: 70px; width: 70px; max-width: 70px; padding-bottom: 0px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.oad_each .valuebox .b { font-size: 40px; padding-right: 3px }
.oad_each .valuebox .s { font-size: 15px }
 }
.contact_switchbox { display: -ms-flexbox; display: flex; margin-bottom: 24px; margin-left: -4px; margin-right: -4px }
.contact_switchbox>div { padding: 0 4px }
.contact_switchbox .btn__style7 { min-width: 140px; margin-top: 0px !important; font-weight: 400 }
.contact_switchbox .btn__style7: hover,.contact_switchbox .btn__style7.active { background-color: #3D9738; box-shadow: 0px 15px 15px -15px #3D9738; -webkit-box-shadow: 0px 15px 15px -15px #3D9738; -moz-box-shadow: 0px 15px 15px -15px #3D9738; -o-box-shadow: 0px 15px 15px -15px #3D9738 }
.img_contact_info { margin-bottom: 32px }
.contact_container .must_mentiontext { margin-bottom: -10px }
.contact_container .btn__style7 { margin: 0 auto; margin-top: 20px; width: 180px }
.contact_container .c_title { font-size: 28px; font-weight: 500; color: #333333; margin-bottom: 20px }
.contact_container .c_title .must_mentiontext { margin-bottom: 0px; padding-bottom: 0px }
.contact_container .form-grid.cf-grid-th4_1 { margin: -8px 0 }
.contact_formgrid .titlebox .main_title .word,.contact_formgrid2 .titlebox .main_title .word { color: #575757; font-size: 16px; padding-right: 10px }
.contact_formgrid .titlebox .main_title .word.widthstyle2,.contact_formgrid2 .titlebox .main_title .word.widthstyle2 { width: 120px }
.contact_formgrid.cf-grid-th4_1>.cf-grid-col-1,.contact_formgrid2.cf-grid-th4_1>.cf-grid-col-1 { padding-top: 19px; padding-bottom: 0px }
.contact_formgrid.cf-grid-th4_1>.cf-grid-col-3,.contact_formgrid2.cf-grid-th4_1>.cf-grid-col-3 { padding-top: 19px; padding-left: 24px; padding-bottom: 0px }
.contact_formgrid.cf-grid-th4_1>.codebox,.contact_formgrid2.cf-grid-th4_1>.codebox { grid-template-columns: 215px max-content max-content; -ms-grid-columns: 215px max-content max-content }
@media (max-width: 769px) {
 .contact_container { padding: 14px 8px 18px 8px }
.contact_container .btn__style7 { width: 140px; padding: 9px 0; margin-top: 16px }
.contact_container .c_title { font-size: 24px }
.contact_switchbox { margin-bottom: 15px; margin-left: -5px; margin-right: -5px }
.contact_switchbox>div { width: 50%; padding: 0 5px }
.contact_switchbox .btn__style7 { width: 100%; padding: 9px 0; margin-top: 0px }
.contact_formgrid { margin: -7px 0 }
.contact_formgrid .titlebox .main_title .word { padding-right: 5px }
.contact_formgrid .titlebox .main_title .word.widthstyle2 { width: auto }
.contact_formgrid.cf-grid-th4_1 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.contact_formgrid.cf-grid-th4_1>.cf-grid-col-1 { padding-left: 0px; padding-top: 16px }
.contact_formgrid.cf-grid-th4_1>.cf-grid-col-3 { padding-left: 0px; padding-top: 16px }
.contact_formgrid.cf-grid-th4_1>.codebox { grid-template-columns: 1fr auto auto; -ms-grid-columns: 1fr minmax(min-content, max-content) minmax(min-content, max-content) }
.contact_formgrid.cf-grid-th4_1 .t_type { -ms-grid-row: 1; -ms-grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_type { -ms-grid-row: 1; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid.cf-grid-th4_1 .t_name { -ms-grid-row: 2; -ms-grid-column: 1 !important; grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_name { -ms-grid-row: 2; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid.cf-grid-th4_1 .t_email { -ms-grid-row: 3; -ms-grid-column: 1 !important; grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_email { -ms-grid-row: 3; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid.cf-grid-th4_1 .t_phone { -ms-grid-row: 4; -ms-grid-column: 1 !important; grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_phone { -ms-grid-row: 4; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid.cf-grid-th4_1 .t_msg { -ms-grid-row: 5; -ms-grid-column: 1; grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_msg { -ms-grid-row: 5; -ms-grid-column: 2; grid-column: 2 }
.contact_formgrid.cf-grid-th4_1 .t_file { -ms-grid-row: 6; -ms-grid-column: 1; grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_file { -ms-grid-row: 6; -ms-grid-column: 2; grid-column: 2 }
.contact_formgrid.cf-grid-th4_1 .t_code { -ms-grid-row: 7; -ms-grid-column: 1; grid-column: 1 }
.contact_formgrid.cf-grid-th4_1 .v_code { -ms-grid-row: 7; -ms-grid-column: 2; grid-column: 2 }
.contact_formgrid2 { margin: -7px 0 }
.contact_formgrid2 .titlebox .main_title .word { padding-right: 5px }
.contact_formgrid2 .titlebox .main_title .word.widthstyle2 { width: auto }
.contact_formgrid2.cf-grid-th4_1 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.contact_formgrid2.cf-grid-th4_1>.cf-grid-col-1 { padding-left: 0px; padding-top: 16px }
.contact_formgrid2.cf-grid-th4_1>.cf-grid-col-3 { padding-left: 0px; padding-top: 16px }
.contact_formgrid2.cf-grid-th4_1>.codebox { grid-template-columns: 1fr auto auto; -ms-grid-columns: 1fr minmax(min-content, max-content) minmax(min-content, max-content) }
.contact_formgrid2.cf-grid-th4_1 .t_orderid { -ms-grid-row: 1; -ms-grid-column: 1 }
.contact_formgrid2.cf-grid-th4_1 .v_orderid { -ms-grid-row: 1; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid2.cf-grid-th4_1 .t_date { -ms-grid-row: 2; -ms-grid-column: 1 !important; grid-column: 1 }
.contact_formgrid2.cf-grid-th4_1 .v_date { -ms-grid-row: 2; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid2.cf-grid-th4_1 .t_info { -ms-grid-row: 3; -ms-grid-column: 1 !important; -ms-grid-column-span: 2; grid-column: 1/3 }
.contact_formgrid2.cf-grid-th4_1 .v_info { -ms-grid-row: 4; -ms-grid-column: 1 !important; -ms-grid-column-span: 2; grid-column: 1/3 }
.contact_formgrid2.cf-grid-th4_1 .t_amount { -ms-grid-row: 5; -ms-grid-column: 1 !important; grid-column: 1 }
.contact_formgrid2.cf-grid-th4_1 .v_amount { -ms-grid-row: 5; -ms-grid-column: 2 !important; grid-column: 2 }
.contact_formgrid2.cf-grid-th4_1 .t_msg { -ms-grid-row: 6; -ms-grid-column: 1; grid-column: 1 }
.contact_formgrid2.cf-grid-th4_1 .v_msg { -ms-grid-row: 6; -ms-grid-column: 2; grid-column: 2 }
.contact_formgrid2.cf-grid-th4_1 .t_file { -ms-grid-row: 7; -ms-grid-column: 1; grid-column: 1 }
.contact_formgrid2.cf-grid-th4_1 .v_file { -ms-grid-row: 7; -ms-grid-column: 2; grid-column: 2 }
.contact_formgrid2.cf-grid-th4_1 .t_code { -ms-grid-row: 8; -ms-grid-column: 1; grid-column: 1 }
.contact_formgrid2.cf-grid-th4_1 .v_code { -ms-grid-row: 8; -ms-grid-column: 2; grid-column: 2 }
 }
.forget-index-section .subpage_section { padding: 50px }
.forget-index-section .mention_t { color: #FF6715; font-size: 16px; margin: 0; padding-bottom: 20px }
.form-grid.forget-grid.cf-grid-th4_1 { grid-template-columns: max-content 1fr max-content 1fr; -ms-grid-columns: max-content 1fr max-content 1fr; margin: -8px 0 }
.form-grid.forget-grid.cf-grid-th4_1>.cf-grid-col-3 { padding-left: 22px; padding-bottom: 0 }
.form-grid.forget-grid.cf-grid-th4_1>.cf-grid-col-1 { padding-top: 22px; padding-bottom: 0 }
.form-grid.forget-grid.cf-grid-th4_1 .v_email { -ms-grid-column: 2 }
.form-grid.forget-grid.cf-grid-th4_1 .t_code { padding-left: 24px; -ms-grid-column: 3 }
.form-grid.forget-grid.cf-grid-th4_1 .v_code { grid-template-columns: 130px max-content max-content; -ms-grid-columns: 130px max-content max-content; -ms-grid-column: 4 }
.form-grid.forget-grid .main_title { color: #575757 }
.form-grid.forget-grid .main_title .word { padding-right: 10px; font-size: 16px }
@media (max-width: 769px) {
 .forget-index-section .subpage_section { padding: 16px 8px 20px 8px }
.forget-index-section .mention_t { font-size: 15px; font-weight: 500 }
.forget-index-section .btn__style7 { width: 140px; padding: 9px 0 }
.form-grid.forget-grid.cf-grid-th4_1 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -7px 0 }
.form-grid.forget-grid.cf-grid-th4_1 .t_code { padding-left: 0px }
.form-grid.forget-grid.cf-grid-th4_1 .v_code { grid-template-columns: 1fr max-content max-content; -ms-grid-columns: 1fr max-content max-content }
.form-grid.forget-grid .t_email { -ms-grid-row: 1; -ms-grid-column: 1 }
.form-grid.forget-grid .v_email { -ms-grid-row: 1; -ms-grid-column: 2 !important }
.form-grid.forget-grid .t_code { -ms-grid-row: 2; -ms-grid-column: 1 !important }
.form-grid.forget-grid .v_code { -ms-grid-row: 2; -ms-grid-column: 2 !important }
 }
.cart-index-section .index__subpageList { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column }
.cart_productslist { width: 100% }
.c_p_grid { position: relative }
.c_p_grid.style1 { text-align: center; display: grid; display: -ms-grid; grid-template-columns: minmax(90px, 180px) 173px minmax(120px, 1fr) 80px 80px max-content 140px max-content 100px; -ms-grid-columns: minmax(90px, 180px) 173px minmax(120px, 1fr) 80px 80px max-content 140px max-content 100px; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dfdfdf; font-size: 16px; color: #333333 }
.c_p_grid.style1 .spec_amount_unit_box_outer { width: 100% }
.c_p_grid.style1 .spec_amount_unit_box_inner { display: grid; display: -ms-grid; grid-template-columns: minmax(60px, 1fr) 80px 80px; -ms-grid-columns: minmax(60px, 1fr) 80px 80px; margin: -10px -15px; -ms-flex-align: center; align-items: center }
.c_p_grid.style1 .spec_amount_unit_box_inner>div { padding: 10px 15px; -ms-grid-row-align: center; border-top: 1px solid #CCCCCC; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column }
.c_p_grid.style1 .spec_amount_unit_box_inner>div: first-child,.c_p_grid.style1 .spec_amount_unit_box_inner>div: first-child+div,.c_p_grid.style1 .spec_amount_unit_box_inner>div: first-child+div+div { border-top: 0px; word-break: break-word }
.c_p_grid.style1 .spec_amount_unit_box_inner .spec_section { margin: -4px 0 }
.c_p_grid.style1 .spec_amount_unit_box_inner .subflex { margin: 0 0 }
.c_p_grid.style1 .spec_amount_unit_box_inner .subflex>div { padding: 4px 0 }
.c_p_grid.style1 .spec_amount_unit_box { grid-column: 3/6; -ms-grid-column-span: 3; text-align: left }
.c_p_grid.style1>div.header.h_name_section { -ms-grid-column: 2 }
.c_p_grid.style1>div.header.h_spec_section { -ms-grid-column: 3 }
.c_p_grid.style1>div.header.h_amount_section { -ms-grid-column: 4 }
.c_p_grid.style1>div.header.h_unit_section { -ms-grid-column: 5 }
.c_p_grid.style1>div.header.h_total_section { -ms-grid-column: 6 }
.c_p_grid.style1>div.header.h_file_section { -ms-grid-column: 7 }
.c_p_grid.style1>div.header.h_ship_section { -ms-grid-column: 8 }
.c_p_grid.style1>div.header.h_functions_section { -ms-grid-column: 9 }
.c_p_grid.style1>div: not(.header).name_section { -ms-grid-column: 2 }
.c_p_grid.style1>div: not(.header).spec_section { -ms-grid-column: 3 }
.c_p_grid.style1>div: not(.header).total_section { -ms-grid-column: 6 }
.c_p_grid.style1>div: not(.header).file_section { -ms-grid-column: 7 }
.c_p_grid.style1>div: not(.header).ship_section { -ms-grid-column: 8 }
.c_p_grid.style1>div: not(.header).functions_section { -ms-grid-column: 9 }
.c_p_grid.style2 { text-align: center; display: grid; display: -ms-grid; grid-template-columns: minmax(90px, 180px) 173px minmax(120px, 1fr) max-content 80px max-content max-content max-content 100px; -ms-grid-columns: minmax(90px, 180px) 173px minmax(120px, 1fr) max-content 80px max-content max-content max-content 100px; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dfdfdf; font-size: 16px; color: #333333 }
.c_p_grid.style2>div.header.h_name_section { -ms-grid-column: 2 }
.c_p_grid.style2>div.header.h_spec_section { -ms-grid-column: 3 }
.c_p_grid.style2>div.header.h_amount_section { -ms-grid-column: 4 }
.c_p_grid.style2>div.header.h_unit_section { -ms-grid-column: 5 }
.c_p_grid.style2>div.header.h_total_section { -ms-grid-column: 6 }
.c_p_grid.style2>div.header.h_total2_section { -ms-grid-column: 7 }
.c_p_grid.style2>div.header.h_ship_section { -ms-grid-column: 8 }
.c_p_grid.style2>div.header.h_functions_section { -ms-grid-column: 9 }
.c_p_grid.style2>div: not(.header).name_section { -ms-grid-column: 2 }
.c_p_grid.style2>div: not(.header).spec_section { -ms-grid-column: 3 }
.c_p_grid.style2>div: not(.header).amount_section { -ms-grid-column: 4 }
.c_p_grid.style2>div: not(.header).unit_section { -ms-grid-column: 5 }
.c_p_grid.style2>div: not(.header).total_section { -ms-grid-column: 6 }
.c_p_grid.style2>div: not(.header).total2_section { -ms-grid-column: 7 }
.c_p_grid.style2>div: not(.header).ship_section { -ms-grid-column: 8 }
.c_p_grid.style2>div: not(.header).functions_section { -ms-grid-column: 9 }
.c_p_grid.style3 { text-align: center; display: grid; display: -ms-grid; grid-template-columns: minmax(90px, 180px) 173px minmax(max-content, 1fr) max-content 80px max-content max-content max-content 100px; -ms-grid-columns: minmax(90px, 180px) 173px minmax(max-content, 1fr) max-content 80px max-content max-content max-content 100px; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dfdfdf; font-size: 16px; color: #333333 }
.c_p_grid.style3>div.header.h_name_section { -ms-grid-column: 2 }
.c_p_grid.style3>div.header.h_spec_section { -ms-grid-column: 3 }
.c_p_grid.style3>div.header.h_amount_section { -ms-grid-column: 4 }
.c_p_grid.style3>div.header.h_unit_section { -ms-grid-column: 5 }
.c_p_grid.style3>div.header.h_total_section { -ms-grid-column: 6 }
.c_p_grid.style3>div.header.h_total2_section { -ms-grid-column: 7 }
.c_p_grid.style3>div.header.h_ship_section { -ms-grid-column: 8 }
.c_p_grid.style3>div.header.h_functions_section { -ms-grid-column: 9 }
.c_p_grid.style3>div: not(.header).name_section { -ms-grid-column: 2 }
.c_p_grid.style3>div: not(.header).spec_section { -ms-grid-column: 3 }
.c_p_grid.style3>div: not(.header).amount_section { -ms-grid-column: 4 }
.c_p_grid.style3>div: not(.header).unit_section { -ms-grid-column: 5 }
.c_p_grid.style3>div: not(.header).total_section { -ms-grid-column: 6 }
.c_p_grid.style3>div: not(.header).total2_section { -ms-grid-column: 7 }
.c_p_grid.style3>div: not(.header).ship_section { -ms-grid-column: 8 }
.c_p_grid.style3>div: not(.header).functions_section { -ms-grid-column: 9 }
.c_p_grid>div { padding: 28px 15px; -ms-grid-row-align: center; -ms-grid-row: 2 }
.c_p_grid>div.header { border-bottom: 1px solid #dfdfdf; font-size: 14px; color: #858585; padding-bottom: 8px; min-height: 25px; padding-top: 0px; -ms-grid-row: 1 }
.c_p_grid .amount_calculate_flex { margin-right: 0px; padding: 7px 10px; border-radius: 8px; border: 1px solid #575757; width: 107px }
.c_p_grid .select-style { display: -ms-inline-flexbox; display: inline-flex }
.c_p_grid .select-style>select { font-size: 16px; border-radius: 8px; border: 1px solid #575757; background-color: transparent; height: 39px; padding-left: 10px; padding-right: 20px }
.c_p_grid .select-style>select ~ .border { border-radius: 8px }
.c_p_grid .btn_edit { margin-bottom: 10px }
.c_p_grid .ship_section { line-height: 145%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.c_p_grid .align_l { text-align: left }
.c_p_grid .prd_id { font-size: 16px; color: #858585; margin-bottom: 4px }
.c_p_grid .prd_name { font-size: 20px }
.c_p_grid .payway_box { margin-top: 10px }
.c_p_grid .payway_box>div: first-child { margin-right: 0 }
.c_p_grid .total_section { font-size: 17px }
.c_p_grid .btn_mobile { display: none }
.c_p_grid .imguploadbox_outer { -ms-flex-wrap: wrap; flex-wrap: wrap }
.c_p_grid .imguploadbox_outer .mention_rex { padding-left: 0; padding-top: 3px }
.c_p_grid .file_uploader_result .fileresultbox { word-break: break-all; margin-right: 0; padding: 0; color: #858585; font-size: 17px; border: 0px; background-color: transparent }
.c_p_box { background-color: #ffffff; padding: 30px 40px; margin-top: 10px }
.c_p_box: first-child { margin-top: 0px }
.cart_productfreebox { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #575757; padding: 16px 0 }
.cart_productfreebox .right { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex: 0 0 auto; flex: 0 0 auto }
.cart_productfreebox .right .total { color: #575757; font-size: 16px; font-weight: 500 }
.cart_productfreebox .right .total .amount { color: #FF0000; padding-left: 3px }
.cart_productfreebox .right .restrict { font-size: 14px; color: #858585; padding-left: 5px }
.cart_productfreebox .shipfreeflex_outer { margin: -4px -16px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.cart_productfreebox .shipfreeflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; padding: 0 16px; border-right: 1px solid #575757; margin: 4px 0 }
.cart_productfreebox .shipfreeflex: last-child { border-right: 0px }
.cart_productfreebox .shipfreeflex .typebox { font-size: 15px; font-weight: 400; background-color: #3D9738; height: 30px; margin-right: 8px; padding: 0 10px; color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.cart_productfreebox .shipfreeflex .pricebox { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center }
.cart_productfreebox .shipfreeflex .pricebox .zh { color: #858585; font-size: 14px; padding-right: 4px }
.cart_productfreebox .shipfreeflex .pricebox .price { color: #3D9738; font-size: 18px }
.cart_producttotalbox { padding: 16px 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end }
.cart_producttotalbox .zh { font-size: 20px; font-weight: 700; color: #333333; padding-right: 16px }
.cart_producttotalbox .price { font-size: 32px; font-weight: 700; color: #FF0000 }
.cart_pay_section { margin-top: 10px; padding: 30px 50px; background-color: #ffffff }
.cart_pay_section .agreecheck { margin-top: 16px }
.cart_pay_section .maintitle { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding-bottom: 12px; border-bottom: 1px solid #CCCCCC; margin-bottom: 24px }
.cart_pay_section .maintitle .title_sec { -ms-flex: 1; flex: 1 }
.cart_pay_section .maintitle .must_sec { -ms-flex: 0 0 auto; flex: 0 0 auto }
.cart_pay_section .maintitle .main_title .word { font-size: 28px; font-weight: 500; color: #333333 }
.cart_pay_section .maintitle .mention_q { font-size: 19px; width: 26px; min-width: 26px; height: 26px; min-height: 26px }
.cart_pay_section .maintitle .must_mentiontext { margin: 0; padding: 0 }
.cart_radio_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px }
.cart_radio_flex .s { padding-left: 10px }
.cart_radio_flex>div { padding: 0 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.cart_radio_flex>div[data-m-show=true] { display: none }
.cart_radio_flex.style2 .mention_q { margin-left: 8px }
.cart_radio_flex .radiotype_custom label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.cart_radio_flex .radiotype_custom label .error { font-size: 13px; font-weight: 400; color: #ffffff; background-color: #FF0000; padding: 3px 4px; margin-left: 10px }
.cart_radio_flex input[type=radio]: checked ~ label { color: #3D9738 }
.btn-spec-switch[data-m-show=true] { display: none }
.subradiobox { height: 40px; padding: 8px; border-radius: 8px; background: #DFDFDF; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 8px }
.subradiobox label { font-size: 16px }
.subradiobox .mention_q { margin-left: 10px }
.sendinfoflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin: 0 -5px; min-height: 42px }
.sendinfoflex>div { padding: 0 5px }
.sendinfoflex .radiotype_custom.samll1 label { font-size: 18px }
.address_commonly_outer { padding-top: 8px }
.address_commonly_outer .radiotype_custom.samll1 label { color: #825723 !important }
.cart_grid { display: grid; display: -ms-grid; margin: -8px -12px; margin-top: 22px }
.cart_grid.style1 { grid-template-columns: max-content 1fr max-content 1fr; -ms-grid-columns: max-content 1fr max-content 1fr }
.cart_grid.style1 .t_send { -ms-grid-row: 1; -ms-grid-column: 1 }
.cart_grid.style1 .v_send { -ms-grid-row: 1; -ms-grid-column: 2 }
.cart_grid.style1 .t_name { -ms-grid-row: 2; -ms-grid-column: 1 }
.cart_grid.style1 .v_name { -ms-grid-row: 2; -ms-grid-column: 2 }
.cart_grid.style1 .t_company { -ms-grid-row: 2; -ms-grid-column: 3 }
.cart_grid.style1 .v_company { -ms-grid-row: 2; -ms-grid-column: 4 }
.cart_grid.style1 .t_cellphone { -ms-grid-row: 3; -ms-grid-column: 1 }
.cart_grid.style1 .v_cellphone { -ms-grid-row: 3; -ms-grid-column: 2 }
.cart_grid.style1 .t_phone { -ms-grid-row: 3; -ms-grid-column: 3 }
.cart_grid.style1 .v_phone { -ms-grid-row: 3; -ms-grid-column: 4 }
.cart_grid.style1 .t_address { -ms-grid-row: 4; -ms-grid-column: 1 }
.cart_grid.style1 .v_address { -ms-grid-row: 4; -ms-grid-column: 2 }
.cart_grid.style2 { grid-template-columns: max-content 1fr max-content 1fr; -ms-grid-columns: max-content 1fr max-content 1fr }
.cart_grid.style2 .t_email { -ms-grid-row: 1; -ms-grid-column: 1 }
.cart_grid.style2 .v_email { -ms-grid-row: 1; -ms-grid-column: 2 }
.cart_grid.style2 .t_name { -ms-grid-row: 1; -ms-grid-column: 3 }
.cart_grid.style2 .v_name { -ms-grid-row: 1; -ms-grid-column: 4 }
.cart_grid.style2 .t_pwd { -ms-grid-row: 2; -ms-grid-column: 1 }
.cart_grid.style2 .v_pwd { -ms-grid-row: 2; -ms-grid-column: 2 }
.cart_grid.style2 .t_pwd_again { -ms-grid-row: 2; -ms-grid-column: 3 }
.cart_grid.style2 .v_pwd_again { -ms-grid-row: 2; -ms-grid-column: 4 }
.cart_grid.style2 .t_cellphone { -ms-grid-row: 3; -ms-grid-column: 1 }
.cart_grid.style2 .v_cellphone { -ms-grid-row: 3; -ms-grid-column: 2 }
.cart_grid.style2 .t_phone { -ms-grid-row: 3; -ms-grid-column: 3 }
.cart_grid.style2 .v_phone { -ms-grid-row: 3; -ms-grid-column: 4 }
.cart_grid.style2 .t_address { -ms-grid-row: 4; -ms-grid-column: 1 }
.cart_grid.style2 .v_address { -ms-grid-row: 4; -ms-grid-column: 2 }
.cart_grid>div { padding: 8px 12px }
.cart_grid .titlebox { padding-right: 0px }
.cart_grid .titlebox .main_title { color: #575757; font-size: 16px; padding-top: 12px }
.cart_grid .titlebox .main_title .word { padding-right: 0px }
.cart_grid .titlebox .main_title .mention_q { margin-left: 5px }
.cart_grid .g-span1 { grid-column: 2/4 }
.cart_grid .g-span4 { grid-column: 1/5 }
.cart_grid .g-span3 { grid-column: 2/5 }
.cart_grid .pad-r-small { padding-right: 0 !important }
.cart_grid .address-grid { display: grid; display: -ms-grid; grid-template-columns: 130px 130px 85px 1fr; -ms-grid-columns: 130px 130px 85px 1fr; margin: 0 -7px }
.cart_grid .address-grid>div { padding: 0 7px }
.cart_grid .phone-grid { display: grid; display: -ms-grid; grid-template-columns: 1fr max-content 77px; -ms-grid-columns: 1fr max-content 77px; margin: 0 -7.5px }
.cart_grid .phone-grid>div { padding: 0 7.5px }
.cart_grid .inputbox_grid { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: -7.5px -5px -7.5px -5px }
.cart_grid .inputbox_grid .inputbox_g_text { padding-bottom: 0; -ms-flex: 1; flex: 1 }
.cart_grid .inputbox_grid .inputbox_g_select { -ms-flex: 0 0 270px; flex: 0 0 270px }
.cart_grid input[type=text],.cart_grid input[type=password],.cart_grid input[type=number],.cart_grid select { height: 40px }
.cheeckout_contentflex { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.cheeckout_contentflex .left { -ms-flex: 1; flex: 1; border-right: 1px solid #825723; padding-right: 24px }
.cheeckout_contentflex .left textarea { min-height: 150px; height: 100% }
.cheeckout_contentflex .left .form-grid { margin: -8px 0px }
.cheeckout_contentflex .left .form-grid .title { -ms-flex-item-align: start; align-self: start; -ms-grid-row-align: start; padding-right: 10px; padding-top: 23px; color: #575757 }
.cheeckout_contentflex .center { padding-left: 24px; padding-right: 80px }
.cheeckout_contentflex .right .pricebox { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 8px }
.cheeckout_contentflex .right .pricebox .zh { font-size: 20px; color: #333333; padding-right: 10px }
.cheeckout_contentflex .right .pricebox .price { font-size: 32px; color: #FF0000 }
.cheeckout_contentflex .right .agreebox { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 8px }
.cheeckout_contentflex .right .checkbox { margin-top: 0px }
.cheeckout_contentflex .right .btn__style7 { min-width: 230px }
.cheeckout_contentflex .detailgrid { display: grid; display: -ms-grid; grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr; margin: -5px -7.5px; -ms-flex-align: center; align-items: center }
.cheeckout_contentflex .detailgrid>div { padding: 5px 7.5px; -ms-grid-row-align: center }
.cheeckout_contentflex .detailgrid .title { font-size: 16px; color: #575757 }
.cheeckout_contentflex .detailgrid .value { font-size: 18px; color: #333333; justify-self: end; -ms-grid-column-align: end }
.finished-board { background-color: #ffffff; display: -ms-flexbox; display: flex; padding: 50px 30px; -ms-flex-direction: column; flex-direction: column }
.finished-board .des-b { font-size: 25px; color: #D1AA6D }
.finished-board .des-b .btn_contact2 { margin: 5px 10px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; width: auto; height: auto; padding: 10px; font-size: 14px }
.finished-board .des-b .btn_contact2: before { margin-right: 8px; margin-bottom: 0 }
.finished-board .transfer-detail { font-size: 18px; margin-top: 24px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.finished-board .transfer-detail .left { padding: 0px 10px 14px 0px }
.finished-board .transfer-detail .left>span { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; font-size: 19px }
.finished-board .transfer-detail .right { border-left: 2px solid #af8a5c; padding: 15px 25px 20px 25px; background-color: #efebe6; -ms-flex-positive: 1; flex-grow: 1; color: #353535; line-height: 160% }
.finished-board .transfer-detail .ots { color: red; font-size: 16px; margin-top: 25px }
@media (max-width: 1480px) {
 .c_p_box { padding: 30px 15px }
.c_p_grid>div { padding: 28px 5px }
.c_p_grid.style1 .spec_amount_unit_box_inner { margin: -10px -5px -10px -5px }
.c_p_grid.style1 .spec_amount_unit_box_inner>div { padding: 10px 5px }
 }
@media (max-width: 1024px) {
 .c_p_box { padding: 16px 8px }
.cart_pay_section { padding: 20px 10px }
.cheeckout_contentflex .center { padding-left: 24px; padding-right: 24px }
.c_p_grid { margin: -5px -5px; grid-template-columns: 55px 1fr !important; -ms-grid-columns: 55px 1fr !important; text-align: left; -ms-flex-align: start; align-items: start; border-bottom: 0px !important }
.c_p_grid .payway_box { margin-top: 5px }
.c_p_grid .prd_id { font-size: 14px; margin-bottom: 3px }
.c_p_grid .prd_name { font-size: 18px }
.c_p_grid .select-style>select { font-size: 15px; height: 31px; padding: 7px 20px 7px 8px }
.c_p_grid .amount_calculate_flex { padding: 3px 10px }
.c_p_grid .uploadCustomBox { width: 90px; height: 35px }
.c_p_grid.style1 .spec_amount_unit_box_outer[data-m-hide=true] { display: none }
.c_p_grid.style1 .spec_amount_unit_box_inner { margin: -10px 0px -10px 0px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.c_p_grid.style1 .spec_amount_unit_box_inner>div { -ms-flex: 0 0 15%; flex: 0 0 15%; padding: 10px 5px; -ms-flex-preferred-size: calc(15% - (10px)) }
.c_p_grid.style1 .spec_amount_unit_box_inner>div.spec_section { -ms-flex: 1 1 70%; flex: 1 1 70% }
.c_p_grid.style1 .spec_amount_unit_box_inner>div.spec_s { padding-left: 0px !important }
.c_p_grid.style1 .spec_amount_unit_box_inner>div.unit_section { padding-right: 0px !important }
.c_p_grid.style1>div: not(.header).spec_t,.c_p_grid.style1>div: not(.header).spec_section { -ms-grid-row: 2 !important }
.c_p_grid.style1>div: not(.header).total_t,.c_p_grid.style1>div: not(.header).total_section { -ms-grid-row: 3 !important }
.c_p_grid.style1>div: not(.header).file_section { grid-row: 5 !important; -ms-grid-row: 5 !important }
.c_p_grid.style1>div: not(.header).ship_t,.c_p_grid.style1>div: not(.header).ship_section { -ms-grid-row: 4 !important; grid-row: 4 !important }
.c_p_grid.style2>div: not(.header).spec_t,.c_p_grid.style2>div: not(.header).spec_section { -ms-grid-row: 2 !important }
.c_p_grid.style2>div: not(.header).amount_t,.c_p_grid.style2>div: not(.header).amount_section { -ms-grid-row: 3 !important }
.c_p_grid.style2>div: not(.header).unit_t,.c_p_grid.style2>div: not(.header).unit_section { -ms-grid-row: 4 !important }
.c_p_grid.style2>div: not(.header).total_t,.c_p_grid.style2>div: not(.header).total_section { -ms-grid-row: 5 !important }
.c_p_grid.style2>div: not(.header).total2_t,.c_p_grid.style2>div: not(.header).total2_section { -ms-grid-row: 6 !important }
.c_p_grid.style2>div: not(.header).ship_t,.c_p_grid.style2>div: not(.header).ship_section { -ms-grid-row: 7 !important }
.c_p_grid.style3>div.show_onMobile.spec_t { -ms-grid-row-align: center; -ms-flex-item-align: center; align-self: center }
.c_p_grid.style3>div: not(.header).spec_t,.c_p_grid.style3>div: not(.header).spec_section { -ms-grid-row: 2 !important }
.c_p_grid.style3>div: not(.header).amount_t,.c_p_grid.style3>div: not(.header).amount_section { -ms-grid-row: 3 !important }
.c_p_grid.style3>div: not(.header).unit_t,.c_p_grid.style3>div: not(.header).unit_section { -ms-grid-row: 4 !important }
.c_p_grid.style3>div: not(.header).total_t,.c_p_grid.style3>div: not(.header).total_section { -ms-grid-row: 5 !important }
.c_p_grid.style3>div: not(.header).total2_t,.c_p_grid.style3>div: not(.header).total2_section { -ms-grid-row: 6 !important }
.c_p_grid.style3>div: not(.header).ship_t,.c_p_grid.style3>div: not(.header).ship_section { -ms-grid-row: 7 !important }
.c_p_grid .imguploadbox_outer { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center }
.c_p_grid .imguploadbox_outer .imguploadbox { padding: 0px !important }
.c_p_grid .imguploadbox_outer .mention_rex { padding-left: 3px; padding-top: 0 }
.c_p_grid .file_uploader_result .fileresultbox { font-size: 14px; margin-top: 3px }
.c_p_grid>div { padding: 5px 5px; -ms-flex-item-align: center; align-self: center; -ms-grid-row-align: center; justify-self: start; -ms-grid-column-align: start }
.c_p_grid>div.header { display: none }
.c_p_grid>div.show_onMobile { -ms-grid-column: 1 !important; grid-column: 1/2 !important; color: #858585; font-size: 15px; display: block }
.c_p_grid>div.show_onMobile.spec_t { -ms-grid-row-align: start; -ms-flex-item-align: start; align-self: start }
.c_p_grid>div.value { -ms-grid-column: 2 !important; grid-column: 2/3 !important; color: #333333; font-size: 16px; width: 100% }
.c_p_grid>div.span2 { grid-column: 1/3 !important; -ms-grid-column-span: 2 !important; -ms-grid-column: 1 !important }
.c_p_grid>div.imgbox { -ms-flex-item-align: start; align-self: start; -ms-grid-row-align: start; width: 85px; grid-column: 1/3; -ms-grid-column: 1; -ms-grid-row: 1; grid-row: 1; -ms-grid-column-span: 2 !important }
.c_p_grid>div.name_section { grid-column: 1/3 !important; -ms-grid-column: 1 !important; -ms-grid-row: 1 !important; padding-left: 95px; grid-row: 1 !important; -ms-grid-column-span: 2 !important; border-bottom: 1px solid #F0F0F0; margin-bottom: 13px; padding-bottom: 11px }
.c_p_grid>div.ship_section { line-height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row }
.c_p_grid>div.ship_section>div: before { content: "、" }
.c_p_grid>div.ship_section>div: first-child: before { display: none }
.c_p_grid .btn_mobile { display: -ms-flexbox; display: flex; position: absolute; right: 4px; top: -2px; padding: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 2; cursor: pointer; height: 20px; -ms-flex-align: center; align-items: center }
.c_p_grid .btn_mobile>span { background-color: #D1AA6E; width: 4px; height: 4px; margin: 0 2px; border-radius: 50% }
.c_p_grid .functions_section { position: absolute; display: none; right: 4px; z-index: 3; top: 24px; padding: 13px; animation: Popup_show2 .3s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.c_p_grid .functions_section.active { display: block }
.c_p_grid .functions_section .btn_edit,.c_p_grid .functions_section .btn_remove2 { position: relative; z-index: 5 }
.c_p_grid .functions_section .btn_edit { margin-bottom: 6px }
.c_p_grid .functions_section: before { content: ""; position: absolute; background-color: #ffffff; box-shadow: 0px 7px 13px -2px #b1b1b1; -webkit-box-shadow: 0px 7px 13px -2px #b1b1b1; -moz-box-shadow: 0px 7px 13px -2px #b1b1b1; -o-box-shadow: 0px 7px 13px -2px #b1b1b1; left: 0; right: 0px; top: 0; bottom: 0; z-index: 5 }
.c_p_grid .functions_section: after { content: ""; position: absolute; border-bottom: 10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: 100%; right: 8px; z-index: 6 }
.cart_productfreebox { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0 }
.cart_productfreebox .right { padding-top: 10px }
.cart_productfreebox .shipfreeflex_outer { -ms-flex-direction: column; flex-direction: column; margin: -4px 0 }
.cart_productfreebox .shipfreeflex_outer .shipfreeflex { border-right: 0px; padding: 0 }
.btn-spec-switch { font-size: 15px; color: #D1AA6D; padding-bottom: 4px; margin-bottom: 8px; border-bottom: 1px solid #D1AA6D }
.btn-spec-switch: before { content: "+"; margin-right: 6px }
.btn-spec-switch.active: before { content: "-" }
.btn-spec-switch[data-m-show=true] { display: -ms-inline-flexbox; display: inline-flex }
 }
@media (max-width: 769px) {
 .cart_producttotalbox { padding: 8px 0 6px 0 }
.cart_producttotalbox .zh { font-size: 16px; padding-right: 10px }
.cart_producttotalbox .price { font-size: 24px }
.cart_pay_section { padding: 14px 8px }
.cart_pay_section .maintitle { padding-bottom: 8px; margin-bottom: 14px }
.cart_pay_section .maintitle .mention_q { font-size: 16px; width: 18px; min-width: 18px; height: 18px; min-height: 18px }
.cart_pay_section .maintitle .main_title .word { font-size: 20px; color: #1F1F1F }
.cart_pay_section input[type=text],.cart_pay_section input[type=password],.cart_pay_section input[type=number],.cart_pay_section select { height: 35px; font-size: 16px }
.cart_pay_section input[type=text]: -ms-input-placeholder,.cart_pay_section input[type=password]: -ms-input-placeholder,.cart_pay_section input[type=number]: -ms-input-placeholder,.cart_pay_section select: -ms-input-placeholder { font-size: 16px }
.cart_pay_section input[type=text]: : placeholder,.cart_pay_section input[type=password]: : placeholder,.cart_pay_section input[type=number]: : placeholder,.cart_pay_section select: : placeholder { font-size: 16px }
.cart_radio_flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; margin: -6px 0 }
.cart_radio_flex>div { padding: 6px 0 }
.cart_radio_flex>div[data-m-hide=true] { display: none }
.cart_radio_flex>div[data-m-show=true] { display: block }
.cart_radio_flex .radiotype_custom: not(.samll1) label { font-size: 18px; padding-top: 2px }
.cart_radio_flex .radiotype_custom: not(.samll1) .checkmark { height: 24px; width: 24px; min-width: 24px }
.cart_radio_flex .radiotype_custom: not(.samll1) .checkmark: after { height: 11px; width: 11px }
.cheeckout_contentflex { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column }
.cheeckout_contentflex .left { -ms-flex: none; flex: none; border-right: 0px; border-bottom: 1px solid #D1AA6D; padding-right: 0; padding-bottom: 10px }
.cheeckout_contentflex .center { padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 16px }
.cheeckout_contentflex .right .pricebox { padding-bottom: 10px }
.cheeckout_contentflex .right .pricebox .zh { font-size: 16px; font-weight: 700 }
.cheeckout_contentflex .right .pricebox .price { font-size: 24px; font-weight: 700 }
.cheeckout_contentflex .right .btnbox { padding-bottom: 6px }
.cheeckout_contentflex .right .btn__style7 { min-width: 0; width: 140px; height: 35px; border-radius: 8px; margin: 0 auto }
.cart_grid { margin: -7px -5px }
.cart_grid.style1 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.cart_grid.style1 .spec_amount_unit_box_inner { margin: -10px -0px -10px 0 }
.cart_grid.style1 .t_send { padding-top: 0 }
.cart_grid.style1>div.t_send,.cart_grid.style1>div.v_send { -ms-grid-row: 1 }
.cart_grid.style1>div.t_name,.cart_grid.style1>div.v_name { -ms-grid-row: 2 }
.cart_grid.style1>div.t_company,.cart_grid.style1>div.v_company { -ms-grid-row: 3 }
.cart_grid.style1>div.t_cellphone,.cart_grid.style1>div.v_cellphone { -ms-grid-row: 4 }
.cart_grid.style1>div.t_phone,.cart_grid.style1>div.v_phone { -ms-grid-row: 5 }
.cart_grid.style1>div.t_address,.cart_grid.style1>div.v_address { -ms-grid-row: 6 }
.cart_grid.style1>div.titlebox { -ms-grid-column: 1 }
.cart_grid.style1>div.inputbox { -ms-grid-column: 2 }
.cart_grid.style1.style1-2 { margin: -6px 0px; padding-left: 32px; padding-bottom: 15px; padding-top: 10px; display: block }
.cart_grid.style1.style1-2>div { padding: 6px 0px }
.cart_grid.style1.style1-2>div.inputbox: not(.address4) { padding-top: 2px }
.cart_grid.style1.style1-2 .titlebox { padding-bottom: 0px }
.cart_grid.style1.style1-2 .titlebox: not(.t_titlebox) .main_title { padding-top: 0 }
.cart_grid.style2 { grid-template-columns: max-content 1fr; -ms-grid-columns: max-content 1fr }
.cart_grid.style2>div.t_eamil,.cart_grid.style2>div.v_eamil { -ms-grid-row: 1 }
.cart_grid.style2>div.t_name,.cart_grid.style2>div.v_name { -ms-grid-row: 2 }
.cart_grid.style2>div.t_pwd,.cart_grid.style2>div.v_pwd { -ms-grid-row: 3 }
.cart_grid.style2>div.t_pwd_again,.cart_grid.style2>div.v_pwd_again { -ms-grid-row: 4 }
.cart_grid.style2>div.t_cellphone,.cart_grid.style2>div.v_cellphone { -ms-grid-row: 5 }
.cart_grid.style2>div.t_phone,.cart_grid.style2>div.v_phone { -ms-grid-row: 6 }
.cart_grid.style2>div.t_address,.cart_grid.style2>div.v_address { -ms-grid-row: 7 }
.cart_grid.style2>div.titlebox { -ms-grid-column: 1 }
.cart_grid.style2>div.inputbox { -ms-grid-column: 2 }
.cart_grid>div { padding: 7px 5px }
.cart_grid .g-span1 { grid-column: 2/3; padding-right: 5px !important }
.cart_grid .g-span4 { grid-column: 1/3 }
.cart_grid .g-span3 { grid-column: 2/3 }
.cart_grid .cf-grid-col-4 { grid-column: 2/3 }
.cart_grid .inputbox_grid { margin: -5px -2.5px -5px -2.5px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.cart_grid .inputbox_grid>div { padding: 5px 2.5px }
.cart_grid .inputbox_grid .inputbox_g_checkbox { padding-top: 17px }
.cart_grid .inputbox_grid .inputbox_g_text { padding-top: 3px; padding-bottom: 9px; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; padding-left: 23px }
.cart_grid .inputbox_grid .inputbox_g_select { -ms-flex: 1; flex: 1 }
.cart_grid .inputbox_grid .other_words { position: relative }
.cart_grid .address-grid { grid-template-columns: 1fr 1fr 76px; -ms-grid-columns: 1fr 1fr 76px; margin: 0 -3px }
.cart_grid .address-grid>div { padding: 0 3px }
.cart_grid .address-grid>div: first-child+div { -ms-grid-column: 2 }
.cart_grid .address-grid>div: first-child+div+div { -ms-grid-column: 3 }
.cart_grid .address-grid .address4 { grid-column: 1/4; -ms-grid-column-span: 3 !important; -ms-grid-column: 1; -ms-grid-row: 2; padding-top: 8px }
.cart_grid .titlebox .main_title { color: #575757; font-size: 16px; padding-top: 10px }
.cart_grid input[type=text],.cart_grid input[type=password],.cart_grid input[type=number],.cart_grid select { height: 35px }
.sendinfoflex { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; margin: -5px 0px }
.sendinfoflex>div { padding: 5px 0 }
.sendinfoflex>div.input_s { width: 100%; padding-left: 23px; padding-top: 0 }
.finished-board { padding: 24px 15px; margin-bottom: 15px }
 }
.s-green { margin: 0 5px; color: #3D9738 }
.search-index-section .index_subpage_content.style1 { padding-left: 20px; padding-right: 20px }
.search-index-section .index_subpage_content.style2 { background-color: transparent; padding: 0 }
.search-index-section .index__subcategory_flex .index__category_linkbox { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 5px 5px; -ms-flex-preferred-size: calc(33.33333% - (10px)); position: relative; width: 33.33333%; z-index: 0 }
.search-index-section .index__subcategory_flex .index__category_linkbox>a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column }
.search-index-section .index__subcategory_flex .index__category_linkbox>a: hover .btn__style5 { color: #ffffff; background-color: #3D9738 }
.search-index-section .index__subcategory_flex .index__category_linkbox .pd_id { color: #3D9738; font-size: 16px; margin: 5px 0 10px 0 }
.search-index-section .index__subcategory_flex .index__category_linkimg { width: 100% }
@media (max-width: 769px) {
 .index__subcategory_flex .index__category_linkbox>a .btn__style5 { font-size: 16px; padding: 7px 10px }
.search-index-section .index__subcategory_flex .index__category_linkbox .pd_id { font-size: 12px; margin: 5px 0 5px 0 }
 }