html {line-height: 1.4;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;box-sizing: border-box;font-size: 14px;font-family: 'Muli',Arial,sans-serif;color: #2A2E4A;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing: grayscale;font-weight: 400;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;}
body,input,p,dl,dd,h1,h2,h3,h4,h5,h6,form,figure,menu{margin: 0;}
textarea,input,button,ul,ol{margin: 0;padding: 0;}
body,ul,ol,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea,img,div,a,span,nav,header,main,footer,section,table,td,tr,th,:after,:before,aside,picture,article,summary,details,strong,select,label,form,abbr,address,figure,figcaption,menu{box-sizing: border-box;}
ul li,ol li{list-style: none;}
picture{font-size: 0;display: block;}
a {background-color: transparent;text-decoration:none;-webkit-text-decoration-skip: objects;transition: all linear 0.2s;color: inherit;}
a:hover{outline:none;color: #EB7100;text-decoration: none;}
button,input[type="button"],input[type="submit"],input[type="reset"],a,summary{cursor: pointer;}
audio, video {display: inline-block;}
img {border-style: none;max-width: 100%;}
textarea{resize: vertical;}
button, input, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;}
button,button:focus, input,input:focus, optgroup,optgroup:focus, select,select:focus, textarea,textarea:focus,summary,summary:focus,a,a:focus{outline: none;}
/*placeholder text color*/
::-moz-placeholder { color: currentColor;opacity: 0.4; }
::-webkit-input-placeholder { color:currentColor; opacity: 0.4;}
:-ms-input-placeholder { color:currentColor; opacity: 0.4;}
/*focus:invalid*/
input:focus:invalid, textarea:focus:invalid,select:focus:invalid{ box-shadow: 0 0 0 1px rgba(236,112,1,0.86);}
::-ms-clear, ::-ms-reveal{display: none;}
/*selection color*/
::-moz-selection{background-color:#EB7100;color:rgba(255,255,255,0.86);}
::selection{background-color:#EB7100;color:rgba(255,255,255,0.86);}
::-webkit-details-marker { display: none; }
::-moz-list-bullet { font-size: 0;}
/*table*/
table{border-collapse: collapse;}
table td.ok{background-image: url("../svg/ok-ico.svg");background-position: center center;background-repeat: no-repeat;}
table td.err{background-image: url("../svg/err-ico.svg");background-position: center center;background-repeat: no-repeat;}

/*font style*/
.text-underline{text-decoration: underline;}
.text-through{text-decoration: line-through;}
.text-italic{font-style: italic;}
/*font weight*/
.font-extra-light{font-weight: 300;}
.font-regular{font-weight: 400;}
.font-bold{font-weight: 700;}
/*font justify*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*text color*/
.text-white{color: #fff;}
.text-gray{color: #777;}
.text-blue{color: #1A7ABB;}
.text-orange{color: #EB7100;}
.text-black{color: #171828;}
.text-dark{color: #2A2E4A;}
/*background color*/
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f6f6f6;}
.bg-black{background-color: #171828;}
.bg-dark{background-color: #2A2E4A;}
.bg-blue{background-color: #1A7ABB;}
.bg-orange{background-color: #EB7100;}
.bg-gradient{background-image: linear-gradient(135deg,#DB9702 0%,#EB7100 100%)}
/*checkbox*/
.com-checkbox .checkbox-txt{position: relative;padding-left: 25px;margin: 20px;}
.com-checkbox input[type="checkbox"]{visibility: hidden;opacity: 0;}
.com-checkbox .checkbox-txt:before{background-color: #EB7100;color: #fff;position: absolute;top: 50%;transform:translateY(-50%);left:0;display: block;width: 18px;height: 18px;content: "";user-select: none;cursor: pointer;}
.com-checkbox .checkbox-txt:after{box-shadow: 2px 16px 32px rgba(255,97,46,0.1);cursor: pointer;transition:all linear 0.2s;visibility:hidden;opacity:0;position: absolute;top: 50%;transform:translateY(-50%);left: 0;width: 18px;height: 18px;content: "";background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.com-checkbox input[type="checkbox"]:checked+.checkbox-txt:after{visibility:visible;opacity:1;}
/*tip color*/
.tip-blue{background: #f8f8f8;padding: 15px 20px;margin: 20px 0;border-radius: 2px;}
.tip-orange{background: #FFEFEA;padding: 15px 20px;margin: 20px 0;border-left: 3px solid #FF9D7D;}
/*button*/
.btn{padding: 10px 20px;border: 2px solid transparent;margin: 10px;transition: all linear 0.2s;font-size: 18px;border-radius: 3px;text-transform: uppercase;display: inline-flex;align-items:center;word-break:keep-all;white-space:nowrap;}
.btn:hover{filter: contrast(86%);}
.btn svg{margin-right: 10px;}
.btn.big{font-size: 22px;padding: 12px 22px;}
.btn.small{font-size: 14px;padding: 4px 10px;}

.orange-btn{background: #EB7100;color: #fff;background-image: linear-gradient(134deg, #DB9702 0%, #EB7100 100%);border: 0 }
.orange-btn:hover{color: #FFF;}
.white-btn{background: #fff;color: #EB7100;border-color: #fff;}
.white-btn-border {border-color: #fff;color: #fff;}
.white-btn-border:hover {border-color: #fff;color: #fff;}
.orange-btn-border {border-color: #EB7100;color: #EB7100;}
.orange-btn-border:hover{background: #EB7100;color: #FFF;}
.paypal-btn{background-color: rgb(255, 196, 57);display: block;max-width: 192px;margin: 10px auto;padding: 10px 0;border-radius: 3px;}
.paypal-btn svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,0.68));}
/*switch button*/
.switch-group{padding-top:10px;font-size:16px}
.switch-group .cell.actived{color:currentColor;cursor:default;color:#EB7100}
.switch-group .cell svg{margin-right:5px}
.switch-group .cell:first-child{margin-right:15px;padding-right:15px;position:relative}
/*download button*/
.download-btn{border-radius: 3px;position: relative;display: inline-flex;align-items:center;padding: 6px 20px;margin: 10px;box-shadow: 2px 16px 32px rgba(255,97,46,0.16);border: 2px solid #EB7100;word-break:keep-all;white-space:nowrap;}
.download-btn:hover{filter: contrast(86%);color: #FFF;background-color: #EB7100;}
.download-btn .rgt{text-align: left;padding-left: 15px;}
.download-btn .txt{font-size: 22px;font-weight: 700;text-transform: uppercase;line-height: 1;}
.download-btn .version-info{font-size: 12px;font-weight: 400;padding-top: 2px;}
.download-btn .pri{font-size: 12px;font-weight: 700;}
.download-btn .pri span{font-weight: 400;text-decoration: line-through;margin-left: 2px;opacity: 0.86;}
/*secure button*/
.secure-btn{display: inline-block;margin: 10px;text-align: center;text-decoration: none !important;}
.secure-btn:hover{text-decoration: none !important;}
.secure-btn .tp{padding: 10px 20px 10px 68px;color: #FFF;position: relative;transition: all linear 0.2s;}
.secure-btn .tp:after{content: '';background-image: url("../png/btn-icon.png");background-repeat: no-repeat;width: 28px;height: 28px;position: absolute;left: 20px;top:26%;display: block;}
.secure-btn[href$=".dmg"] .tp:after,
.secure-btn[href$="-mac.html"] .tp:after{background-position: 0 -28px;height: 24px;}
.secure-btn .txt,.secure-btn .tip{display: block;text-align: left;}
.secure-btn .txt.small{font-size: 14px;line-height: 1.7em;}
.secure-btn .txt{font-size: 18px;font-weight: bold;line-height: 1.4em;}
.secure-btn .tip{font-size: 12px;font-weight: 200;}
.secure-btn .bt{font-size: 13px;color: #9B9B9B;margin-top: 8px;position: relative;}
.secure-btn .bt:before{content: '';background-image: url("../png/btn-icon.png");background-repeat: no-repeat;width: 28px;height: 16px;background-position:0 -54px;position:relative;top:3px;display: inline-block;margin-right: 4px;}
.secure-btn.secure-btn-orange .tp{background-color: #EB7100}
.secure-btn.secure-btn-orange:hover .tp{background-color: #EB7100;}
/*container*/
.container{max-width: 1232px;margin: 0 auto;padding: 0 16px;position: relative;z-index: 0;}
.inline-block{display: inline-block;}
.dis-block{display: block;}
.relative{position: relative;}
.com-block {padding: 100px 0;}
.com-block .com-title {font-size: 36px;margin:0 auto 20px;font-weight: 800;max-width: 900px;line-height: 1.2;}
.com-block .com-tip {font-size: 18px;margin:0 auto 60px;max-width: 900px;}
/*flex*/
.flexible{display: flex;}
.inline-flexible{display: inline-flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-column{flex-direction: column;}
.flex-wrap-nowrap{flex-wrap: nowrap;}
.flex-wrap-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-justify-start{justify-content: flex-start;}
.flex-justify-end{justify-content: flex-end;}
.flex-justify-center{justify-content: center;}
.flex-justify-between{justify-content: space-between;}
.flex-align-start{align-items:flex-start;}
.flex-align-end{align-items:flex-end;}
.flex-align-center{align-items:center;}

/*grid*/
.grid{display: grid;}
.inline-grid{display: inline-grid;}
.grid-justify-start{justify-items:start;}
.grid-justify-end{justify-items:end;}
.grid-justify-center{justify-items:center;}
.grid-align-start{align-items:flex-start;}
.grid-align-end{align-items:flex-end;}
.grid-align-center{align-items:center;}

/*ul list*/
ul.list-dot,ul.list-ok,ul.list-num{margin: 20px 0;display: inline-flex;text-align: left;flex-direction: column;max-width: 100%;}
ul.list-dot>li{position: relative;padding-left: 14px;}
ul.list-dot>li:after{content: '';width: 4px;height: 4px;border-radius: 50%;background: currentColor;position: absolute;left:0;top:8px;}
ul.list-dot>li:not(:last-child){margin-bottom: 20px;}
ul.list-ok>li{position: relative;padding-left: 25px;}
ul.list-ok>li:after{content: '';width: 16px;height: 16px;background: url("../svg/ok-ico.svg");position: absolute;left:0;top:0;background-size: cover;}
ul.list-ok>li:not(:last-child){margin-bottom: 20px;}
ul.list-num{counter-reset: li;}
ul.list-num>li{position: relative;padding-left: 20px;}
ul.list-num>li:before{content: counter(li)".";counter-increment: li;position: absolute;left:0;top:0;}
ul.list-num>li:not(:last-child){margin-bottom: 10px;}
#nav-link ul{margin: 20px 0 0;}
#nav-link ul li{display: inline-block;vertical-align: middle;}
#nav-link ul li a:hover{text-decoration: none;}
#nav-link ul li svg{display: inline-block;vertical-align: -1px;margin-right: 5px;}
/*return top*/
.return-top{width: 32px;height: 32px;background: rgba(0,0,0,0.45);position: fixed;bottom: 1%;right: 1%;cursor: pointer;display: none;z-index: 1;}
.return-top:hover{background: rgba(0,0,0,0.86)}
.return-top.actived{display: block;}
.return-top:after{content: '';width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #fff transparent;position: absolute;left: calc(50% - 6px);top:calc(50% - 3px);}
/* scrollbar */
.with-scrollbar,body { -ms-overflow-style: auto; }
.with-scrollbar::-webkit-scrollbar,body::-webkit-scrollbar { display: initial; width: 5px; height: 5px; }
.with-scrollbar::-webkit-scrollbar-track,body::-webkit-scrollbar-track { background-color: #f7f7f7; }
.with-scrollbar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb { background-color: #323232; }
/*mask*/
.mask-bg{background: rgba(0,0,0,0.68);position: fixed;left: 0;top:0;z-index: 1;width: 100%;height: 100%;display: none;}
.mask-bg.active{display: block;}
.blur-eff{filter: blur(1.8px);transition: all linear 0.4s;}
/*share btn*/
#share-list { position: fixed; right: 0; top: 50%; transform: translateY(-50%) }
#share-list a { width: 48px; height: 48px; border-bottom: 1px solid #4d4d4d;}
#share-line a { margin-right: 5px; width: 36px; height: 36px; border-radius: 2px }
.share-group li a { display: flex; color: #fff; align-items: center; justify-content: center; background: #363636 }
.share-group li.fb a:hover { background: #3b5998 }
.share-group li.tw a:hover { background: #1da1f2 }
.share-group li.ln a:hover { background: #3a9bdc }
/*browserupgrade*/
.browserupgrade{text-align: center;height: 580px;padding-top: 200px;font-size: 24px;background: #EB7100;color: #FFF;font-weight: 400;}
.browserupgrade a{color: #FFF;text-decoration: underline;font-weight: 700;}
/*popu video*/
.popu-video:hover{opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.popu-video{width: 64px;height: 64px;border-radius: 50%;position: absolute;right: 10%;top:40%;display: block;opacity: 0.86;}
.popu-video:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 20px;border-color: transparent transparent transparent rgba(255,255,255,1);position: absolute;left: 50%;top:50%;transform: translate(-40%,-50%)}
#popu-cont{background: rgba(0,0,0,0.86);position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 1;transition: all linear 0.4s;}
#popu-cont .popu-wrap{width: 50%;height: 0;padding-top: 28.125%;position: relative;left: 50%;transform: translateX(-50%);top:8%;}
#popu-cont .close-btn{color: #FFF;font-size: 36px;position: absolute;right: -40px;top:0;font-weight: 200;height: 30px;width: 30px;line-height: 30px;text-align: center;}
#popu-cont .close-btn:hover{cursor: pointer;color: #EB7100;}
#popu-cont iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;}
/*youtube video*/
.video-wrap{max-width:680px;margin: 20px auto;}
.video-wrap .youtube-video{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;background: #000;}
.video-wrap .youtube-video .bg{z-index:1;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-size: cover;background-position: center center;cursor: pointer;}
.video-wrap .youtube-video .bg:hover:before{opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.video-wrap .youtube-video .bg:before{content: '';width: 64px;height: 64px;border-radius: 50%;position: absolute;left: 50%;top: 50%;display: block;opacity: 0.86;background: #EB7100;transform: translate(-50%,-50%);transition: all linear 0.2s;}
.video-wrap .youtube-video .bg:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 20px;border-color: transparent transparent transparent rgba(255,255,255,1);position: absolute;left: 50%;top: 50%;transform: translate(-40%,-50%);}
.video-wrap .youtube-video iframe{position:absolute;border: none;top:0;left:0;bottom: 0;right: 0;width:100%;height:100%;}
/*tooltip*/
.tooltip {position: relative;z-index: 1;}
.tooltip-text {padding: 10px 20px;color: #fff;position: absolute;left: 50%;bottom: 100%;box-shadow: -5px -5px 15px rgba(48,54,61,0.2);background: rgba(0,0,0,0.86);opacity:0;visibility:hidden;transform: translate(-50%,-20px);transition:all ease-in-out 0.4s;border-radius: 4px; word-break: keep-all;white-space: nowrap;}
.tooltip-text:after {content: '';top: 100%;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color: rgba(0,0,0,0.86);border-width: 10px;margin-left: -10px;}
.tooltip:hover .tooltip-text {pointer-events: auto;opacity: 1;transform: translate(-50%,-10px);visibility: visible;}
/*swiper*/
.swiper-button-prev,.swiper-button-next{width: 50px !important;height: 50px !important;border-radius: 50%;background: #FFF !important;box-shadow: 0 0 8px rgba(0,0,0,0.1);outline: none;color: #B4B4B4;transition: all linear 0.2s;z-index: 0;}
.swiper-button-prev:hover,.swiper-button-next:hover{background: #EB7100 !important;color: #FFF;box-shadow: 0 0 8px rgba(255,97,46,0.48);}
.swiper-pagination{left: 50%;transform: translate(-50%,50%) !important;z-index: 0 !important;width: auto !important;}
.swiper-pagination-bullet{width: 12px;height: 12px;margin: 5px;outline: none;transition: all linear 0.2s;}
.swiper-pagination-bullet-active{background: #EB7100;}
.swiper-container{z-index: 0;}
/*page turn*/
#page-turn{margin: 20px auto;}
#page-turn .pre, #page-turn .aft {height: 32px; border-radius: 2px; color: #FFFFFF;background-color: #2A2E4A; text-align: center; font-size: 16px; transition: all linear .2s; line-height: 32px; padding: 0 10px; margin: 0 20px; display: block;text-transform: uppercase;}
#page-turn .disabled{background-color: #E9EAEC;color: rgba(42,46,74,0.4);}
#page-turn .pre:not(.disabled):hover,#page-turn .aft:not(.disabled):hover{background: #EB7100;color: #FFF;border-color: #EB7100;cursor: pointer;}
#page-turn .disabled:hover{cursor: not-allowed; }
#page-turn .page { height: 32px;width: 32px; border-radius: 4px; text-align: center; line-height: 32px; margin: 0; font-size: 16px; font-weight: 400; }
#page-turn .page.actived{color: #EB7100;background-color: rgba(42,46,74,0.1);}
#page-turn .jump-group{margin-left: 10px;}
#page-turn .jump{width: 30px;border-radius: 2px;border: 1px solid #BBBBBB;background: #FFFFFF;line-height: 20px;}
/*free tip*/
.free-tip{font-size: 24px;font-weight: 700;color: #FFF;text-align: center;position: absolute;left: 0;top:0;z-index: 0;width: 71px;padding-top: 5px;}
.free-tip svg{position: absolute;left: 0;top:0;z-index: -1;filter: drop-shadow(0 4px 4px rgba(0,0,0,0.3));overflow: hidden;}
.free-ico{background: #EB7100; color: #fff; padding: 0 4px; border-radius: 2px; font-size: 12px; margin-left: 5px;transform: translateY(-5px);display: inline-block;}
/*google search*/
#___gcse_0{box-shadow: 0 5px 46px 0 rgba(68,4,4,.13);}
/*GDPR Agree*/
#gdprAgree{background-color:#f6f6f6;position:relative;color:#333;padding:8px 0;line-height:1.3;text-align:left;font-size:12px;}
#gdprAgree .gdprAgree_info{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center}
#gdprAgree .gdprAgree_info a:first-child{color:#333;text-decoration:underline;}
#gdprAgree .gdprAgree_btn{background-color:#a5a5a5;color:#fff;padding:2px 6px;margin-left:50px;text-decoration:none;display:inline-block;font-size:12px}
#gdprAgree .gdprAgree_close{position:absolute;right:5%;text-decoration:none;top:50%;transform:translateY(-50%);font-size: 36px;font-weight: 200;}

/*header*/
header{height: 70px;}
header .header-pc .wrap{padding: 0 10%;position: relative;z-index: 2;}
header .logo{font-size:0;display: block;}
header .logo:hover{opacity: 0.9;}
header .header-pc .rgt{font-size: 16px;color: #fff;margin-left: auto;}
header .header-pc .rgt a{display: block;line-height: 70px;padding: 0 30px;}
header .pro span{margin-right: 5px;}
header .pro svg{transition: transform linear 0.2s;transform-origin: center;width: 12px;height: 12px;}
header .pro.actived{background: #f6f6f6;}
header .pro.actived svg{transform: rotate(180deg);}
header .pro.actived a{color: #2A2E4A;}
header .pro-link{padding: 30px 0;transform: translateY(-100%);width: 100%;opacity: 0;visibility: hidden;transition: all ease-in-out 0.3s;box-shadow: 0 15px 30px 0 rgba(0,0,0,0.2);position: relative;z-index: 1;}
header .pro-link.actived{transform: translateY(0);opacity: 1;visibility: visible;}
header .pro-link .cell{padding: 20px 2.6% 40px;}
header .pro-link .cell:not(:first-child){border-left: 1px solid #e0e0e0;}
header .pro-link .sub{font-size: 18px;}
header .pro-link .cell ul{opacity: 0;}
header .pro-link.actived .cell ul{transform: translateY(20px);opacity: 1;}
header .pro-link.actived .cell li:not(:last-child){margin-bottom: 15px;}
header .pro-link .cell li a{display: block;}
header .pro-link .cell li a:hover{text-decoration: underline;color: #2A2E4A;transform: translateX(5px)}
header .header-pc .search { position: relative; z-index: 1}
header .header-pc .search:hover { cursor: pointer }
header .header-pc .search svg { color: #fff; position: absolute; right: 6px; top: 3px; cursor: pointer; transition: all ease .2s }
header .header-pc .search input[type=text] { height: 36px; width: 1px; border: none; transition: all ease-in-out .4s;border-radius: 18px; cursor: pointer; margin-left: 24px; opacity: 0; padding-left: 18px;background: rgba(255,255,255,0.3);color: #fff;}
header .header-pc .search input[type=submit] { font-size: 0; background: none; border: none; height: 36px; width: 36px; position: absolute; right: 4px; top: 0; z-index: 1 }
header .header-pc .search input[type=submit]:hover+svg{color: #EB7100;}
header .header-pc .search input[type=text]:focus { width: 240px; cursor: text; padding-right: 36px; opacity: 1; margin-left: 5px;box-shadow: none;}
header .menu-list {background: #fff; padding-bottom: 20px; display: none;position: relative;z-index: 1;}
header.actived .menu-list { display: block }
header .menu-list .sub {padding: 10px; display: block;font-weight: 800;opacity: 0.6;}
header .menu-list>li>ul { background: #eee }
header .menu-list>li>ul>li>ul { margin-bottom: 10px }
header .menu-list>li>ul>li>ul a { padding: 10px; font-weight: 400; border-bottom-color: #dcd5cf }
header .menu-list a { display: block; padding: 12px 10px; border-bottom: 1px solid #eee }
header .menu-list .search { position: relative; z-index: 1; vertical-align: middle; width: 90%; margin: 20px auto 0 }
header .menu-list .search svg { color: #363636; position: absolute; right: 9px; top: 8px; cursor: pointer; transition: all ease .2s }
header .menu-list .search input[type=text] { height: 40px; width: 100%; background: 0 0; border: 1px solid #dcd5cf; transition: all ease .2s; color: #fff; padding: 0 20px; cursor: pointer; font-size: 16px }
header .header-mb,header .header-mb .container{z-index: 1;}
header.actived .header-mb::after{content: '';width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.68);top:0;left: 0;}
header .header-mb .menu-list .search input[type=text] { color: #777 }
header .menu-list .search input[type=submit] { font-size: 0; background: 0 0; border: 0; height: 40px; width: 40px; border-radius: 50%; position: absolute; right: 0; top: 0; z-index: 1 }
header .menu-list .search input[type=text]:focus { color: #363636; cursor: text; padding: 0 40px 0 20px; background: rgba(255,255,255,.98) }
header .menu-list .search input[type=text]:focus~svg { color: #363636 }
header .menu-list .search input[type=text]:focus:invalid~svg { color: #EB7100 }
header .pro-list svg { transform: rotate(0); transition: transform linear .2s; transform-origin: center; float: right }
header .pro-list.actived svg { transform: rotate(180deg) }
header .bread-ico { display: inline-block; cursor: pointer; user-select: none; margin-top: -7px }
header .bread-ico .lines,.bread-ico .lines:after,.bread-ico .lines:before { display: inline-block; height: 3px; width: 24px; background: #fff; transition: top .2s linear }
header .bread-ico .lines { transition: all .2s .4s ease; position: relative }
header .bread-ico .lines:after,.bread-ico .lines:before { position: absolute; left: 0; content: ''; transform-origin: 50% 50%; transition: top .2s .4s ease,transform .4s ease; height: 3px }
header .bread-ico .lines:before { top: 7px }
header .bread-ico .lines:after { top: -7px }
header.actived .bread-ico .lines { transition: all .2s 0s ease; background: 0 0 }
header.actived .bread-ico .lines:after,header.actived .bread-ico .lines:before { transition: top .2s ease,transform .2s .3s ease; top: 0; width: 26px }
header.actived .bread-ico .lines:before { transform: rotate3d(0,0,1,45deg) }
header.actived .bread-ico .lines:after { transform: rotate3d(0,0,1,-45deg) }

nav.header-fix.actived{visibility: visible;opacity: 1;}
/*header-fix*/
nav.header-fix{background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 1;/*box-shadow: 2px 16px 32px rgba(255,97,46,.1);*/transition: all linear .2s;visibility: hidden;opacity: 0;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);}
nav.header-fix .pro-logo{font-size: 24px;font-weight: 600;}
nav.header-fix .rgt .btn.orange-btn-border{padding: 6px 20px;}
nav.header-fix .rgt .btn{font-size: 16px;padding: 8px 20px;font-weight: 600;}
nav.header-fix li .link{padding: 18px;border-bottom: 2px solid transparent;font-size: 16px;}
nav.header-fix li .link:hover{background: #f6f6f6;border-color: #EB7100}
/*footer*/
footer{background: #2A2E4A;color: #fff;padding: 40px 0;}
footer .sub{opacity: 0.7;}
footer ul a{opacity: 0.4;}
footer ul li:not(:last-child){margin-bottom: 10px;}
footer ul li a{display: block;}
footer ul li a:hover{color: #fff;text-decoration: underline;opacity: 1;transform: translateX(4px)}
footer .cell.a{flex-basis:25%;}
footer .cell.b{flex-basis:25%;}
footer .cell.c{flex-basis:25%;}
footer .cell.d{flex-basis:25%;}
footer .cell.e{flex-basis:50%;}
footer .cell.e p,footer .cell.e a{opacity: 0.4;}
footer .cell.e .sub span{font-size: 14px;font-weight: 300;}
footer .cell .sub{margin-bottom: 20px;font-size:16px;font-weight: 600;}
footer .cell .social{margin-top: 25px;}
footer .cell .social a{margin-right:20px;}
footer .cell .social a:last-child{margin-left: 30px;}
footer .cell .social a:hover{color: #ffffff;opacity: 1;}

.copyright{background: #171828;;color: rgba(255,255,255,0.4);padding: 20px 0;}
#change-reg{cursor:pointer}
#change-reg:hover{color:#fff}
#change-reg:hover:before{filter:contrast(80%)}
#change-reg:before{content:'';width:20px;height:20px;border-radius:50%;position:absolute;left:-25px;top:-2px;background-size:cover;background-position:center center;background-image:url(../svg/um.svg);background-color:#fff}
#reg-lst{background-color:rgba(0,0,0,.8);position:absolute;left:0;bottom:25px;padding:10px 15px;font-size:14px;transform-origin:center bottom;transition:all linear .2s;visibility:hidden;opacity:0;transform:scaleY(0)}
#reg-lst.actived{visibility:visible;opacity:1;transform:scaleY(1)}
#reg-lst:after{content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0,0,0,.8) transparent transparent transparent; }
#reg-lst li a:after{content:'';width:20px;height:20px;border-radius:50%;position:absolute;left:0;top:0;background-size:cover;background-position:center center;background-color:#fff}
#reg-lst li a{position:relative;padding-left:32px;display:block}
#reg-lst li a:hover{color:#fff}
#reg-lst li a:after{content:'';width:18px;height:18px;border-radius:50%;position:absolute;left:0;top:0;background-size:26px;background-repeat:no-repeat;background-position:center center;background-image:url(../jpg/country-ico.jpg);background-color:#fff}
#reg-lst li:not(:first-child){padding-top:10px}
#reg-lst li.fr a:after{background-position:-4px -80px}
#reg-lst li.um a:after{background-position:-4px -216px}
#reg-lst li.jp a:after{background-position:-4px -137px}
#reg-lst li.it a:after{background-position:-4px -20px;}
#reg-lst li.ar a:after{background-position:-4px -235px;}
#reg-lst li.es a:after{background-position:-4px -60px}
#reg-lst li.ru a:after{background-position:-4px -99px}
#reg-lst li.de a:after {background-position: -4px -40px;}

.hidden,#banner-ad,#adsbox{display: none;}

/**image popping**/
.pop-img-layer {display:flex;align-items:center;justify-content: center;width:100%;height:100%;position: fixed;z-index: 99;background-color: rgba(0,0,0,0.86);}
.pop-img-layer.pop-layer-hidden {z-index: -1;opacity: 0;}
.pop-img-layer img{cursor: zoom-out;}
.cursor-zoom-in{cursor: zoom-in}
@media (max-width: 1220px){
	.bg-block{display: block;}
	.bg-flexible{display: flex;}
	.bg-hidden{display: none;}
	.bg-column{flex-direction: column;}
	.bg-width{width: 100% !important;}
	.bg-j-center{justify-content: center;}
	.bg-a-center{align-items:center;}
	.bg-center{text-align:center;}
	.bg-left{text-align:left;}
	.bg-right{text-align:right;}
}

@media (max-width: 960px){
	.com-block .com-title{font-size: calc(18px + 1.5vw);}
	.com-block .com-tip{font-size: calc(12px + 1vw);}
	#ad-banner{display: none !important;}

	.md-block{display: block;}
	.md-flexible{display: flex;}
	.md-hidden{display: none;}
	.md-column{flex-direction: column;}
	.md-width{width: 100% !important;}
	.md-j-center{justify-content: center;}
	.md-a-center{align-items:center;}
	.md-center{text-align:center;}
	.md-left{text-align:left;}
	.md-right{text-align:right;}
    header .header-pc,nav.header-fix .pro-logo,nav.header-fix .btn:first-child{display: none;}
	header{height: auto;}
	#banner-ad{display:none!important}
}
@media (max-width: 769px){
    .com-block{padding: 50px 0;}
	.com-block .com-tip{margin-bottom: 40px;}
    .download-btn .txt{font-size: calc(14px + 1vw);}
	.btn{font-size: calc(14px + 0.5vw);}
	.return-top{display: none !important;}
	.popu-video{position: relative;right: auto !important;top:auto !important;display: inline-block;}
	.switch-group{justify-content: center;}

	footer .cell:not(:last-child){margin-bottom: 30px;}
	.sm-block{display: block;}
	.sm-flexible{display: flex;}
	.sm-hidden{display: none;}
	.sm-column{flex-direction: column;}
	.sm-width{width: 100% !important;}
	.sm-j-center{justify-content: center;}
	.sm-a-center{align-items:center;}
	.sm-center{text-align:center;}
	.sm-left{text-align:left;}
	.sm-right{text-align:right;}

	#nav-link ul{padding: 20px 16px;}
	#change-reg{padding-left: 25px;margin-bottom: 10px}
	#change-reg:before{left: 0}
	.copyright .container{flex-direction: column-reverse}
	#reg-lst{left: 25px;bottom: 30px}
}
@media(max-width:500px){
	#gdprAgree>div{padding:0 10px}
	#gdprAgree .gdprAgree_info{padding-right:25px}
	#gdprAgree .gdprAgree_close{transform:none;-webkit-transform:none;top:10px;right:10px}
	#gdprAgree .gdprAgree_btn{display:none}
	footer .cell .social a:last-child{margin-left: 0}
}

/* add by wxl 20-05-25 */
[data-dev="desktop"] .dev-mobile,
[data-dev="mobile"] .dev-desktop {
	display: none !important;
}