@font-face{font-family:'Roboto';src:url("../fonts/Roboto-Light.eot");src:url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg"), url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype");font-weight:100;font-style:normal}@font-face{font-family:'Roboto';src:url("../fonts/Roboto-Regular.eot");src:url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype");font-weight:normal;font-style:normal}@font-face{font-family:'Roboto';src:url("../fonts/Roboto-Black.eot");src:url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff"), url("../fonts/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto-Black.svg#Roboto-Black") format("svg"), url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype");font-weight:700;font-style:normal}html{font-size:16px}body{margin:0;padding:0;font-size:1rem;color:#333;line-height:inherit;font-family:'NotoSansTC','微軟正黑體','Microsoft JhengHei',Arial,sans-serif;overflow-x:hidden;width:100%;position:relative;font-weight:400}*{-webkit-backface-visibility:hidden}img{border:0;text-decoration:none;vertical-align:top}a{color:#333}a,a:visited,a:hover,a:focus,a:active{text-decoration:none;font-weight:400}input,textarea,select,button{font-size:1rem;font-weight:400}textarea,input{-webkit-appearance:none;border-radius:0}input,textarea,select{box-shadow:none !important;border:none;font-size:1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}input,textarea,select,input[type="radio"],input[type="checkbox"]{-webkit-appearance:none}input:not(input[type="button"]),input:not(input[type="submit"]),input:not(input[type="reset"]){font-size:16px !important}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{font-weight:normal}p{line-height:inherit}label{font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size:100%;font-style:inherit;font-weight:inherit;outline:0}::-webkit-input-placeholder{color:#888;font-size:16px}::-moz-placeholder{color:#888;font-size:16px;opacity:1}:-ms-input-placeholder{color:#888;font-size:16px}:-moz-placeholder{color:#888;font-size:16px}.hidden-ele{position:absolute;top:-1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);margin:0;height:0}.reset{margin:0;padding:0;list-style:none;border:0;border-spacing:0;border-collapse:initial}.reset input, .reset label, .reset
select{vertical-align:middle}.rwd-img{width:100%}.max-img{max-width:100%}input[type="date"]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}#infscr-loading{position:absolute;z-index:1000;width:32px;height:32px;font-size:0;bottom:0;left:50%;margin-left:-16px}#infscr-loading
img{width:100%}.out-wrap{position:relative;overflow:hidden}.p-wrap{max-width:1300px;margin:0
auto}.p-subject{font-size:35px;color:#000;text-align:center;padding-bottom:30px}.p-subject
.en{position:relative;color:#666;font-size:20px;padding:15px
0 0}.p-subject .en:before{pointer-events:none;content:"";position:absolute;top:7px;left:50%;width:34px;height:1px;margin-left:-17px;background-color:#34688c}.p-summary{font-size:25px;color:#666;text-align:center}.p-banner{position:relative;z-index:1;line-height:0;overflow:hidden}.p-banner
img{max-width:100%}.p-banner
.logo{text-align:center}.p-banner
.cover{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);position:absolute;top:50%;right:20%;z-index:2;max-width:490px;width:100%;text-align:center}.p-banner .cover .img
img{display:inline-block;max-width:100%}.p-banner .cover
.slogan{padding:15px
0 25px;color:#666;font-size:25px;letter-spacing:3px}.p-banner .cover
.subject{display:inline-block;border-top:1px solid #272727;border-bottom:1px solid #272727;padding:15px;margin:10px
0;font-size:28px;line-height:34px;letter-spacing:4px}.p-banner .cover
.summary{font-size:18px;line-height:36px;color:#666}@media only screen and (max-width:1140px){.p-banner{margin-top:90px}.p-wrap{padding-left:30px;padding-right:30px}.p-subject{font-size:30px}.p-summary{font-size:20px}}@media only screen and (max-width:767px){.p-wrap{padding-left:20px;padding-right:20px}.p-banner{margin-top:70px}.p-subject{font-size:24px}}#nav-icon{z-index:102;display:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:fixed;top:20px;right:30px;width:50px;height:50px;background-color:#34688c}#nav-icon
span{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:block;position:absolute;left:13px;width:24px;height:2px;background-color:#fff;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);z-index:3}#nav-icon span:nth-child(1){top:16px}#nav-icon span:nth-child(2){top:24px}#nav-icon span:nth-child(3){top:32px}#nav-icon.open span:nth-child(1){opacity:0}#nav-icon.open span:nth-child(2), #nav-icon.open span:nth-child(3){top:24px;width:24px}#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:1140px){#nav-icon{display:block}}@media only screen and (max-width:767px){#nav-icon{right:10px;top:10px}}.p-paginate{position:relative;padding:50px
0 0;font-size:0;text-align:center}.p-paginate
.num{display:inline-block;vertical-align:middle}.p-paginate .num a:first-child:before{display:none}.p-paginate
a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;display:inline-block;margin:0
3px;width:36px;height:36px;font-size:16px;line-height:35px;vertical-align:middle;border:1px
solid #888;-webkit-border-radius:50%;border-radius:50%}.p-paginate a:hover{color:#888}.p-paginate
a.current{color:#fff;background-color:#111}.p-paginate
a.control{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;margin:0
15px;font-size:0;border:none}.p-paginate a.control:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:13px;height:13px;top:12px;border-top:2px solid #222;border-right:2px solid #222;pointer-events:none;content:"";position:absolute;z-index:0;bottom:auto;background-color:transparent}.p-paginate a.control.prev:before{right:auto;left:15px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.p-paginate a.control.next:before{right:15px;left:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.p-paginate a.control:hover{background-color:#444}.p-paginate a.control:hover:before{border-color:#fff}.p-paginate
a.control.disable{pointer-events:none;opacity:0.2;cursor:default}@media only screen and (max-width:1023px){.p-paginate{padding:30px
0}}@media only screen and (max-width:767px){.p-paginate{padding:10px
0 80px}.p-paginate
a.control{position:absolute;bottom:35px;margin:0}.p-paginate
a.control.prev{left:calc(50% - 40px)}.p-paginate
a.control.next{right:calc(50% - 40px)}}.msg-wrap{margin:0
auto;max-width:600px;padding:50px
30px;text-align:center}.msg-wrap .msg-icon{margin:0
auto;padding-top:10px;width:110px;height:110px;-webkit-border-radius:50%;border-radius:50%}.msg-wrap .msg-icon
span{display:block;margin:0
auto;position:relative;width:90px;height:90px;-webkit-border-radius:50%;border-radius:50%}.msg-wrap .msg-icon span:before, .msg-wrap .msg-icon span:after{pointer-events:none;content:"";position:absolute;z-index:2;left:50%;background-color:#fff}.msg-wrap .msg-title{position:relative;padding:30px
0 60px;margin-bottom:30px;color:#f08200;font-size:40px;font-weight:bold;font-family:'Times New Roman'}.msg-wrap .msg-title:before{pointer-events:none;content:"";position:absolute;bottom:-13px;left:50%;width:1px;height:50px;z-index:1}.msg-wrap .msg-text{font-size:18px}.msg-wrap.primary .msg-icon{background-color:#fff0c5}.msg-wrap.primary .msg-icon
span{background-color:#f6c139}.msg-wrap.primary .msg-icon span:before{top:16px;margin-left:-2px;width:4px;height:45px}.msg-wrap.primary .msg-icon span:after{top:67px;margin-left:-2px;width:4px;height:5px}.msg-wrap.primary .msg-title{color:#f6c139}.msg-wrap.primary .msg-title:before{background-color:#f6c139}.msg-wrap.error .msg-icon{background-color:#ffe5e5}.msg-wrap.error .msg-icon
span{background-color:#fc7373}.msg-wrap.error .msg-icon span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:20px;left:43px;width:3px;height:50px}.msg-wrap.error .msg-icon span:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);top:20px;left:43px;width:3px;height:50px}.msg-wrap.error .msg-title{color:#fc7373}.msg-wrap.error .msg-title:before{background-color:#fc7373}.msg-wrap.success .msg-icon{background-color:rgba(0, 113, 194, .2)}.msg-wrap.success .msg-icon
span{background-color:#0070c0}.msg-wrap.success .msg-icon span:before{-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);top:21px;left:52px;width:3px;height:50px}.msg-wrap.success .msg-icon span:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);top:46px;left:30px;width:3px;height:22px}.msg-wrap.success .msg-title{color:#0070c0}.msg-wrap.success .msg-title:before{background-color:#0070c0}@media only screen and (max-width:767px){.msg-wrap{padding:40px
0}.msg-wrap .msg-title{font-size:30px}}.slick-arrow{position:absolute;z-index:2;top:50%;margin-top:-35px;width:70px;height:70px;font-size:0;border:none;cursor:pointer;background-color:transparent}.slick-arrow:focus{outline:none}.slick-arrow:before,.slick-arrow:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;pointer-events:none;content:"";position:absolute;width:3px;height:50%;background-color:#333}.slick-arrow.slick-prev{left:0}.slick-arrow.slick-prev:before{-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);left:50%;margin-left:-3%;top:7%}.slick-arrow.slick-prev:after{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);left:50%;margin-left:-3%;bottom:7%}.slick-arrow.slick-next{right:0}.slick-arrow.slick-next:before{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);right:50%;margin-right:-3%;top:7%}.slick-arrow.slick-next:after{-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);right:50%;margin-right:-3%;bottom:7%}.slick-arrow:hover:before,.slick-arrow:hover:after{background-color:#888}.group-wrap{font-size:0;position:relative;left:-30px;width:calc(100% + 60px)}.group-wrap .group-full{display:block;padding:0
30px;width:100%;vertical-align:top}.group-wrap .group-half{display:inline-block;width:50%;vertical-align:top;padding:0
30px}.group-wrap .group-subject{position:relative;padding:10px
0;border-bottom:1px solid #e9e9e9;margin:10px
0 30px}.group-wrap .group-subject
.title{display:inline-block;vertical-align:middle;font-size:17px;margin-right:10px}.group-wrap .group-subject .group-label{display:inline-block;vertical-align:middle}.group-wrap .group-box{padding:7px
0}.group-wrap .group-box .group-title{display:inline-block;position:relative;padding-right:15px;vertical-align:top;font-size:16px;line-height:35px;width:120px;text-align:left}.group-wrap .group-box .group-main{display:inline-block;width:calc(100% - 120px);vertical-align:top}.group-wrap .group-box .group-main
a{font-size:17px;line-height:52px;color:#e37664;text-decoration:underline}.group-wrap .group-box .group-input{padding:0
15px;width:100%;color:#222;font-size:16px;border:1px
solid #dcdcdc;background-color:#fff;line-height:40px;-webkit-border-radius:3px;border-radius:3px}.group-wrap .group-box .group-textarea{padding:5px
15px;width:100%;height:100px;color:#222;font-size:18px;vertical-align:top;background-color:#fff;border:1px
solid #dcdcdc;line-height:34px;-webkit-border-radius:3px;border-radius:3px}.group-wrap .group-box .group-list{display:inline-block;width:calc(100% - 160px);vertical-align:top}.group-wrap .group-box.import .group-title{padding-left:15px}.group-wrap .group-box.import .group-title:after{position:absolute;top:5px;left:0;pointer-events:none;content:"*";font-size:22px;color:#0070c0}.group-wrap .group-box.code .group-title{letter-spacing:9px}.group-wrap .group-box.code .group-title:after{letter-spacing:0}.group-wrap .group-box.code .group-main{width:calc(100% - 160px - 32px - 180px);max-width:180px}.group-wrap .group-box.code .group-code{display:inline-block;margin-left:10px;vertical-align:middle}.group-wrap .group-box.code .group-code .code-img{display:inline-block;width:180px;vertical-align:middle;-webkit-border-radius:3px;border-radius:3px;overflow:hidden}.group-wrap .group-select{position:relative;padding:0;width:100%;height:42px;overflow:hidden;vertical-align:top;cursor:pointer;color:#222;font-size:17px;background-color:#fff;border:1px
solid #e2e2e2;-webkit-border-radius:3px;border-radius:3px}.group-wrap .group-select
select{padding:0
35px 0 15px;width:100%;height:42px;color:#333;font-size:16px;line-height:42px;background-color:transparent;border:none;outline:none;-o-text-overflow:'';text-overflow:'';-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.group-wrap .group-select select
option{color:#666;font-size:16px;text-shadow:none}.group-wrap .group-select select::-ms-expand{display:none}.group-wrap .group-select:before{pointer-events:none;content:"";position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#434343 transparent transparent transparent}@media only screen and (max-width:992px){.group-wrap .group-half{display:block;width:100%}.group-wrap .group-box.agent .group-main
.half{display:block;width:100%}.group-wrap .group-box.agent .group-main .half:nth-child(1), .group-wrap .group-box.agent .group-main .half:nth-child(2){padding:0
0 5px}.group-wrap .group-box.agent .group-main
.full{display:block;width:100%;padding:0}.group-wrap .group-subject{padding-left:20px}}@media only screen and (max-width:767px){.group-wrap{left:0;width:100%}.group-wrap .group-half, .group-wrap .group-full{padding:0}.group-wrap .group-box{padding:3px
0}.group-wrap .group-box .group-title, .group-wrap .group-box .group-main{display:block;width:100%}.group-wrap .group-box.code .group-main{display:inline-block;width:calc(100% - 210px)}.group-wrap .group-box.code .group-code{text-align:right}.group-wrap .group-box .group-textarea{height:100px}}.button-style{display:inline-block;min-width:170px;margin:0
5px;vertical-align:middle;cursor:pointer;padding:0
15px;height:44px;font-size:14px;line-height:43px;color:#fff;border:none;-webkit-border-radius:3px;border-radius:3px;text-align:center !important}.button-style.blue{background-color:#34688c}.button-style.gray{background-color:#959595}.button-style:hover,.button-style:focus{color:#fff}.scroll-fade{opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, -webkit-transform 1s;-o-transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}.scroll-fade-delay{transition-delay:1.2s}.scroll-fade.scroll-view{opacity:1}.scroll-fade-down{-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, -webkit-transform 1s;-o-transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}.scroll-fade-down.scroll-view{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.scroll-fade-up{-moz-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, -webkit-transform 1s;-o-transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}.scroll-fade-up.scroll-view{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.scroll-fade-left{-moz-transform:translateX(50px);-ms-transform:translateX(50px);-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, -webkit-transform 1s;-o-transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}.scroll-fade-left.scroll-view{opacity:1;-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}.scroll-fade-right{-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-moz-transition:opacity 1s, -moz-transform 1s;-o-transition:opacity 1s, -o-transform 1s;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, -webkit-transform 1s;-o-transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s;transition:opacity 1s, transform 1s, -webkit-transform 1s}.scroll-fade-right.scroll-view{opacity:1;-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}img.mobile{display:none !important}@media only screen and (max-width:767px){img.mobile{display:block !important}img.desktop{display:none !important}}.color-blue{color:#34688c}.edit-wrap
img{max-width:100%}.popup-with-zoom-anim{position:absolute;top:0;left:0;z-index:-1;height:0;line-height:0;font-size:0;overflow:hidden}.pop-dialog{margin:30px
auto;max-width:540px;padding:70px
40px;text-align:center;background-color:#fff;-webkit-border-radius:20px;border-radius:20px}.pop-dialog
.icon{max-width:120px;margin:0
auto 30px}.pop-dialog .icon
img{width:100%}.pop-dialog
.title{color:#0070c0;font-size:30px;padding-bottom:10px;font-weight:bold}.pop-dialog
.summary{color:#555;font-size:20px;padding-bottom:50px}.pop-dialog .btn-box{font-size:0;text-align:center}.pop-dialog .btn-box
a{display:inline-block;margin:0
5px 10px;padding:5px
10px;text-align:center;font-weight:bold;max-width:160px;width:100%;line-height:40px;font-size:18px;color:#fff;border:none;-webkit-border-radius:5px;border-radius:5px}.pop-dialog .btn-box
a.login{background-color:#0070c0}.pop-dialog .btn-box
a.join{background-color:#aaa}.pop-dialog .msg-wrap{margin:0;padding:0
0 30px}.pop-dialog .msg-wrap .msg-title{padding:20px
0 10px;margin-bottom:20px}.pop-dialog .msg-wrap .msg-title:before{display:none}@media only screen and (max-width:991px){.pop-dialog .btn-box
a{max-width:110px;padding:3px
6px}}#header{position:fixed;top:0;left:0;width:100%;z-index:9994;font-size:0;background-color:#fff}#header
h1.logo{display:inline-block;margin:20px
0;padding:0;width:200px;height:50px;font-size:0;vertical-align:middle}#header h1.logo
a{display:block;width:100%;height:100%;background:url("../images/logo.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#header
#nav{display:inline-block;vertical-align:middle;width:calc(100% - 200px);text-align:right}#header #nav
li{display:inline-block;vertical-align:middle;padding:0
15px}#header #nav li
a{display:block;padding:20px
10px;color:#000;font-size:20px;line-height:50px}#header #nav li a:hover{color:#34688c}#header #nav li.current>a{position:relative;color:#34688c}#header #nav li.current>a:before{pointer-events:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#34688c}#header #nav li:hover .sub-nav{opacity:1;pointer-events:auto}#header #nav .sub-nav{-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;opacity:0;pointer-events:none;position:absolute;top:90px;left:0;width:100%;text-align:center;background-color:#eee}#header #nav .sub-nav
ul{display:block}#header #nav .sub-nav
li{display:inline-block;vertical-align:top;padding:15px
0}#header #nav .sub-nav li
a{padding:0
15px;line-height:30px;font-size:18px;color:#666;border-right:1px solid #777}#header #nav .sub-nav li a:hover{color:#333}#header #nav .sub-nav li:last-child
a{border-right:none}#footer{background-color:#262626;text-align:center}#footer .top-area{padding:30px
0 0 !important;background:none !important}#footer .top-area
.logo{display:inline-block;vertical-align:middle;font-size:0;width:190px;height:60px;background:url("../images/logo3.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#footer .top-area
.menu{display:inline-block;padding-left:30px}#footer .top-area .menu
li{display:inline-block;vertical-align:middle;padding:0
25px;position:relative}#footer .top-area .menu li:before{pointer-events:none;content:"";position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;background-color:#fff;opacity:0.3}#footer .top-area .menu li
a{font-size:18px;color:#fff}#footer .top-area .menu li:first-child:before{display:none}#footer .copy-area{padding:0
0 30px;color:#fff;font-size:14px;opacity:0.5}#i-banner{margin-top:90px;position:relative;z-index:1;line-height:0;overflow:hidden}#i-banner .slick-list{position:relative;z-index:0}#i-banner
.video{z-index:1}#i-banner .i-video-box{position:relative;z-index:1;padding-bottom:56.25%;overflow:hidden}#i-banner .i-video-box
iframe{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}#i-banner .background-img
img{width:100%}#i-banner
.item{display:block;position:relative}#i-banner
.logo{text-align:center}#i-banner .logo
img{display:inline-block;max-width:230px}#i-banner
.cover{-moz-transform:translate(0, -55%);-ms-transform:translate(0, -55%);-webkit-transform:translate(0, -55%);transform:translate(0, -55%);position:absolute;top:50%;right:20%;z-index:2;max-width:490px;width:100%;text-align:center}#i-banner .cover .img
img{display:inline-block;max-width:100%}#i-banner .cover
.subject{display:inline-block;border-top:1px solid #717171;border-bottom:1px solid #717171;padding:15px;margin:10px
0;font-size:45px;line-height:60px}#i-banner .cover
.title{margin:10px
0;font-size:25px;color:#34688c;line-height:34px}#i-banner .cover
.summary{font-size:18px;color:#666;line-height:34px}#i-banner .slick-arrow{z-index:99;width:60px;height:60px;border:1px
solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#i-banner .slick-arrow:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);pointer-events:none;content:"";position:absolute;top:50%;right:0;left:0;margin-top:-9px;width:18px;height:18px;background-color:transparent;border-top:1px solid #fff;border-right:1px solid #fff}#i-banner .slick-arrow:after{display:none}#i-banner .slick-arrow:hover{background-color:#bbb}#i-banner .slick-arrow:hover:before{border-color:#fff}#i-banner .slick-arrow.slick-prev{left:5%}#i-banner .slick-arrow.slick-prev:before{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);left:25px}#i-banner .slick-arrow.slick-next{right:5%}#i-banner .slick-arrow.slick-next:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:15px}#i-banner .slick-dots{position:absolute;bottom:50px;left:0;width:100%;text-align:center}#i-banner .slick-dots
li{display:inline-block;vertical-align:top;padding:3px}#i-banner .slick-dots li
button{padding:0;display:inline-block;width:10px;height:10px;font-size:0;-webkit-border-radius:5px;border-radius:5px;border:1px
solid #fff;background-color:transparent}#i-banner .slick-dots li.slick-active
button{width:30px;background-color:#fff;-webkit-border-radius:4px;border-radius:3p4}#i-info{padding:80px
0 50px;background:url("../images/index_middle_bg.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#i-info
.subject{padding-bottom:30px;font-size:0;text-align:center}#i-info .subject
.num{padding:0
10px 0 0;margin-left:30px;font-family:'Times New Roman';color:#34688c;font-size:60px;line-height:60px;display:inline-block;vertical-align:middle;position:relative}#i-info .subject .num:before{pointer-events:none;content:"";position:absolute;top:-25px;left:-28px;width:130px;height:110px;background:url("../images/circle_num.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#i-info .subject
.txt{color:#272727;font-size:35px;line-height:60px;display:inline-block;vertical-align:middle}#i-info
.summary{color:#444;font-size:25px;text-align:center;line-height:34px}#i-info .circle-list{padding:20px
0;font-size:0}#i-info .circle-list
.item{display:inline-block;margin-top:60px;width:33.33%;vertical-align:top}#i-info .circle-list .item:nth-child(2){margin-top:20px}#i-info .circle-list .item
.img{width:200px;margin:0
auto}#i-info .circle-list .item .img
img{width:100%}#i-info .circle-list .item
.summary{margin:0
auto;max-width:280px;color:#444;font-size:18px;line-height:34px}#i-info .small-txt{margin:40px
auto 0;max-width:840px;position:relative;color:#444;font-size:13px;line-height:22px}#i-info .small-txt:before{pointer-events:none;content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:#1e1e1e}#i-info .small-txt ul, #i-info .small-txt
li{margin:0;padding:0}#i-product{font-size:0}#i-product
.item{display:inline-block;width:33.33%;vertical-align:top}#i-product .item
a{display:block;position:relative}#i-product .item a
.cover{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;position:absolute;top:50%;margin-top:-30px;left:0;opacity:0;width:100%;height:60px;z-index:1}#i-product .item a
img{width:100%}#i-product .item a:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;z-index:0;pointer-events:none;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .7)}#i-product .item a
.txt{display:block;margin:0
auto 20px;font-size:18px;color:#fff;text-align:center}#i-product .item a .btn-view{display:block;margin:0
auto;font-size:14px;color:#fff;border:1px
solid #fff;line-height:38px;height:38px;border-radius:19px;max-width:140px;text-align:center}#i-product .item a:hover .cover, #i-product .item a:hover:before{opacity:1}#store-hank{position:relative;top:-80px}#i-stores{padding:50px
0}#i-stores
.subject{margin-bottom:20px;position:relative;padding-bottom:10px;color:#666;font-size:20px;text-align:center}#i-stores .subject:before{pointer-events:none;content:"";position:absolute;bottom:0;left:50%;margin-left:-17px;width:34px;height:1px;background-color:#34688c}#i-stores
.area{padding-bottom:50px}#i-stores
.list{font-size:0;position:relative;left:-40px;width:calc(100% + 80px)}#i-stores .list
.item{display:inline-block;margin:0
40px 40px;width:calc(25% - 80px);vertical-align:top;text-align:center}#i-stores .list .item
img{width:100%;max-width:220px}#about{font-size:0}#about .p-banner
.cover{right:auto;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#about .p-banner .cover
.subject{color:#fff;border-color:#fff}#about .left-area, #about .right-area{margin-top:30px;display:inline-block;width:50%;vertical-align:middle}#about .right-area
img{max-width:100%;box-shadow:-4.5px 5.362px 14px 0px rgba(4, 0, 0, 0.1)}#about
.title{font-size:36px;color:#34688c;padding-bottom:20px}#about
.logo{padding:0
0 20px}#about .logo
img{max-width:320px;width:100%}#about
.summary{font-size:18px;line-height:38px;color:#5e5e5e}#about .top-area{padding:80px
0}#about .top-area .left-area{padding-right:60px}#about .down-area{padding:80px
0;background:url("../images/about_bg2.jpg");-webkit-background-size:cover;-o-background-size:cover;background-size:cover;direction:rtl}#about .down-area .left-area{direction:ltr;padding-left:60px;text-align:left}#vivacy .top-area{padding:50px
0;font-size:0;background:url("../images/vivacy_bg.jpg") center 0 no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .top-area .p-subject{padding-bottom:20px}#vivacy .top-area
.title{display:inline-block;font-size:28px;position:relative}#vivacy .top-area .title:before{pointer-events:none;content:"";position:absolute;top:calc(50% + 1px);width:100px;height:1px}#vivacy .top-area
.img{padding:30px
0 10px}#vivacy .top-area .left-area, #vivacy .top-area .right-area{display:inline-block;padding-top:50px;width:50%;vertical-align:top}#vivacy .top-area .left-area
.title{padding-right:120px}#vivacy .top-area .left-area .title:before{background-color:#33489a;right:0}#vivacy .top-area .left-area .star-rating
span.checked{background-color:#4c5da9}#vivacy .top-area .right-area{text-align:right}#vivacy .top-area .right-area
.title{padding-left:120px;text-align:right}#vivacy .top-area .right-area .title:before{background-color:#22989d;left:0}#vivacy .top-area .right-area .star-rating
span.checked{background-color:#22979e}#vivacy .top-area
.table{display:inline-block;max-width:480px;font-size:18px}#vivacy .top-area .table
table{width:100%;border-collapse:inherit}#vivacy .top-area .table
th{width:130px}#vivacy .top-area .table th, #vivacy .top-area .table
td{border-bottom:1px solid #ccc;padding:10px;text-align:left}#vivacy .top-area .star-rating{font-size:0}#vivacy .top-area .star-rating
span{display:inline-block;margin-right:5px;width:30px;height:7px;-webkit-border-radius:3px;border-radius:3px;vertical-align:top;background-color:#d3d3d3}#vivacy .face-area{padding:80px
0 0;background:url("../images/pro_bg2.jpg");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .face-area
.main{position:relative}#vivacy .face-area
.subject{font-size:28px;text-align:center}#vivacy .face-area .subject
.title{display:inline-block;color:#34688c;font-size:35px;border-top:1px solid #333;padding-top:10px;margin-top:10px}#vivacy .face-area .subject br.xs-show{display:none}#vivacy .face-area
.summary{position:absolute;top:40%;left:0;padding-bottom:13px;font-size:18px;color:#666;line-height:36px;border-bottom:1px solid #ddd}#vivacy .face-area .txt-box{position:absolute;top:10%;right:230px}#vivacy .face-area .txt-box
.title{font-size:25px}#vivacy .face-area .circle-list
.item{font-size:0;margin-top:20px}#vivacy .face-area .circle-list .item
.icon{display:inline-block;vertical-align:middle;width:90px;height:90px;color:#34688c;font-size:35px;line-height:84px;text-align:center;background:url("../images/txt_circle.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .face-area .circle-list .item
.txt{display:inline-block;vertical-align:middle;width:calc(100% - 90px);padding-left:20px;font-size:18px;color:#666;line-height:34px}#vivacy .face-area .circle-list .item .txt
span{font-size:25px;color:#34688c}#vivacy .face-area .circle-list .item:nth-child(2){margin-left:40px}#vivacy .face-area .circle-list .item:nth-child(3){margin-left:80px}#vivacy .face-area
.img{margin:30px
0 0;max-width:700px}#vivacy .middle-area{padding:80px
0;background:url("../images/pro_bg3.jpg");-webkit-background-size:cover;-o-background-size:cover;background-size:cover;font-size:0}#vivacy .middle-area
img{width:100%}#vivacy .middle-area .left-area{display:inline-block;margin-top:60px;width:570px;vertical-align:top}#vivacy .middle-area .left-area
.img{margin:0
auto;max-width:490px;text-align:center}#vivacy .middle-area .left-area
.info{margin:0
auto;max-width:490px;text-align:center}#vivacy .middle-area .left-area .info
.title{background-color:#000;font-size:18px;color:#fff;width:188px;height:50px;line-height:50px;margin:0
auto 20px}#vivacy .middle-area .left-area .info
.summary{font-size:18px;line-height:36px}#vivacy .middle-area .right-area{display:inline-block;width:calc(100% - 570px);vertical-align:top}#vivacy .middle-area .right-area .item
.icon{position:relative;display:inline-block;width:215px;vertical-align:middle}#vivacy .middle-area .right-area .item .icon:before{pointer-events:none;content:"";position:absolute;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .middle-area .right-area .item
.main{display:inline-block;width:calc(100% - 215px);padding-left:20px;vertical-align:middle}#vivacy .middle-area .right-area .item
.title{padding-bottom:10px;font-size:25px;color:#34688c}#vivacy .middle-area .right-area .item
.summary{font-size:18px;color:#333;line-height:36px}#vivacy .middle-area .right-area .item:first-child{margin-left:50px;margin-bottom:120px}#vivacy .middle-area .right-area .item:first-child .icon:before{top:105px;left:-285px;width:275px;height:150px;background-image:url("../images/pro_down_line1.png")}#vivacy .middle-area .right-area .item:last-child .icon:before{top:40px;left:-180px;width:170px;height:90px;background-image:url("../images/pro_down_line2.png")}#vivacy .video-area{cursor:pointer;position:relative;background:url("../images/video_poster.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .video-area:before{pointer-events:none;content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:url("../images/video_poster.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .video-area:after{pointer-events:none;position:absolute;content:"";top:50%;left:50%;margin:-40px 0 0 -40px;z-index:2;width:80px;height:80px;background:url("../images/icon_play.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .video-area .video-box{position:relative;padding-bottom:56.25%;overflow:hidden}#vivacy .video-area .video-box
video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}#vivacy .video-area.is-play:before, #vivacy .video-area.is-play:after{display:none}#vivacy .down-area
.subject{position:absolute;bottom:60px;left:0;width:100%;z-index:2;text-align:center;font-size:28px;padding:60px
0 20px;font-weight:bold}#vivacy .down-area{position:relative;background:url("../images/pro_face_bg.jpg");-webkit-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;height:800px}#vivacy .down-area .cover
.item{position:absolute;font-size:0;z-index:1;text-align:left}#vivacy .down-area .cover .item:before, #vivacy .down-area .cover .item:after{pointer-events:none;content:"";position:absolute;height:1px;background-color:#999}#vivacy .down-area .cover .item:before{top:50%;margin:-4px;width:9px;height:9px;-webkit-border-radius:50%;border-radius:50%;background-color:#888}#vivacy .down-area .cover .item:after{top:50%}#vivacy .down-area .cover .item
span{width:30px;height:30px;line-height:30px;margin-right:5px;vertical-align:top;display:inline-block;background:url("../images/icon_check.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#vivacy .down-area .cover .item
.txt{display:none;vertical-align:top;line-height:30px;font-size:18px}#vivacy .down-area .cover .item.item-1{top:151px;left:69px;width:295px;padding-left:50px}#vivacy .down-area .cover .item.item-1:after{width:200px}#vivacy .down-area .cover .item.item-2{top:325px;left:123px;width:344px;padding-left:105px}#vivacy .down-area .cover .item.item-2:after{width:195px}#vivacy .down-area .cover .item.item-3{top:440px;left:238px;width:295px;padding-left:52px}#vivacy .down-area .cover .item.item-3:after{width:196px}#vivacy .down-area .cover .item.item-4{top:515px;left:106px;width:315px;padding-left:75px}#vivacy .down-area .cover .item.item-4:after{width:196px}#vivacy .down-area .cover .item.item-5{top:100px;right:163px;width:487px;padding-right:45px}#vivacy .down-area .cover .item.item-5:after{width:390px}#vivacy .down-area .cover .item.item-6{top:180px;right:116px;width:302px;padding-right:48px}#vivacy .down-area .cover .item.item-6:after{width:203px}#vivacy .down-area .cover .item.item-7{top:275px;right:180px;width:470px;padding-right:30px}#vivacy .down-area .cover .item.item-7:after{width:390px}#vivacy .down-area .cover .item.item-8{top:345px;right:43px;width:440px;padding-right:70px}#vivacy .down-area .cover .item.item-8:after{width:320px}#vivacy .down-area .cover .item.item-9{top:435px;right:120px;width:503px;padding-right:65px}#vivacy .down-area .cover .item.item-9:after{width:386px}#vivacy .down-area .cover .item.item-10{top:535px;right:152px;width:468px;padding-right:30px}#vivacy .down-area .cover .item.item-10:after{width:388px}#vivacy .down-area .cover .item.left:before, #vivacy .down-area .cover .item.left:after{right:0}#vivacy .down-area .cover
.item.right{text-align:right}#vivacy .down-area .cover .item.right
.icon{margin:0
0 0 5px}#vivacy .down-area .cover .item.right:before, #vivacy .down-area .cover .item.right:after{left:0}#vivacy .down-area
.img{position:absolute;z-index:0;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;width:1300px;height:800px}#vivacy .down-area
.notice{position:absolute;bottom:40px;left:0;width:100%;text-align:center;color:#666;font-size:13px;line-height:22px}#skin .p-banner
.cover{max-width:440px;text-align:left;right:15%}#skin .p-banner .cover
.slogan{padding-bottom:10px;font-size:45px;color:#617cc4;line-height:60px}#skin .item-wrap{font-size:0}#skin .item-wrap
.item{-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#skin .item-wrap .item:nth-child(1){background-image:url("../images/pro_skin_pro_bg1.jpg")}#skin .item-wrap .item:nth-child(2){background-image:url("../images/pro_skin_pro_bg2.jpg")}#skin .item-wrap .item:nth-child(3){background-image:url("../images/pro_skin_pro_bg3.jpg")}#skin .item-wrap .item:nth-child(4){background-image:url("../images/pro_skin_pro_bg4.jpg")}#skin .item-wrap .item:before{pointer-events:none;content:"";position:absolute;z-index:0;top:0;right:0;width:50%;height:100%;background-color:#fff}#skin .item-wrap .left-area{display:inline-block;width:50%;vertical-align:middle;text-align:right}#skin .item-wrap .left-area
img{max-width:100%}#skin .item-wrap .right-area{position:relative;z-index:1;display:inline-block;padding-left:45px;width:50%;vertical-align:middle;background-color:#fff}#skin .item-wrap .right-area
.main{max-width:600px}#skin .item-wrap
.num{font-family:'Roboto';font-size:85px;color:#cad3dd}#skin .item-wrap
.subject{padding-bottom:10px;font-size:28px;line-height:36px}#skin .item-wrap
.summary{padding-bottom:10px;font-size:20px;color:#666;line-height:36px}#skin .item-wrap .text-wrap{font-size:18px;color:#666;line-height:34px}#skin .item-wrap ul.ul-style{margin:0;padding:0;list-style:none}#skin .item-wrap ul.ul-style
li{position:relative;padding:10px
0 10px 25px}#skin .item-wrap ul.ul-style li:before{pointer-events:none;content:"";position:absolute;top:24px;left:5px;width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;background-color:#34688c}#anti{padding-top:160px;background-color:#f6f6f6}#anti .main-wrap{background-color:#fff;margin:150px
0 70px;position:relative;padding:50px}#anti .main-wrap
.logo{position:absolute;top:-100px;left:50%;margin-left:-90px;width:179px;height:100px;background:url("../images/logo5.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#anti .main-wrap .logo
img{width:100%;position:relative;z-index:1}#anti .main-wrap .logo:before{pointer-events:none;content:"";position:absolute;z-index:0;top:-40px;left:50%;margin-left:-160px;width:320px;height:320px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%}#anti .anti-content{position:relative;z-index:2}#anti .step-subject{font-size:35px;text-align:center;padding-bottom:10px}#anti .step-text{font-size:25px;text-align:center;color:#666}#anti .step-list{overflow:hidden}#anti .step-list
.item{position:relative;padding-left:60px;margin:50px
0;width:50%;clear:both}#anti .step-list .item
.num{position:relative;font-size:25px}#anti .step-list .item .num:before{pointer-events:none;content:"";position:absolute;top:16px;left:-65px;width:10px;height:10px;z-index:1;-webkit-border-radius:50%;border-radius:50%;background-color:#34688c}#anti .step-list .item .num:after{pointer-events:none;content:"";position:absolute;z-index:0;top:12px;left:-69px;width:18px;height:18px;border:1px
solid #34688c;background-color:#fff;-webkit-border-radius:50%;border-radius:50%}#anti .step-list .item
.title{font-size:25px}#anti .step-list .item
.button{padding-top:10px}#anti .step-list .item .button
a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:inline-block;width:200px;height:40px;-webkit-border-radius:20px;border-radius:20px;background-color:#888;color:#fff;text-align:center;line-height:38px}#anti .step-list .item .button a:hover{background-color:#444}#anti .step-list .item
.img{padding-top:20px}#anti .step-list .item .img
img{max-width:100%}#anti .step-list .item:before{pointer-events:none;content:"";position:absolute;top:16px;left:0;width:1px;height:200%;background-color:#bbb}#anti .step-list .item:nth-child(odd){float:right}#anti .step-list .item:nth-child(even){padding:0
60px 0 0;text-align:right}#anti .step-list .item:nth-child(even):before{left:auto;right:-1px}#anti .step-list .item:nth-child(even) .num:before{left:auto;right:-65px}#anti .step-list .item:nth-child(even) .num:after{left:auto;right:-69px}#anti .notice-main{padding:40px;color:#fff;background-color:#aaa}#anti .notice-main
.title{padding-bottom:10px;font-size:25px}#anti .notice-main
.summary{padding-left:15px;font-size:18px;line-height:36px}#anti .notice-main .summary
a{color:#fff;text-decoration:underline}#video{padding-top:160px;background:url("../images/pban_bg.jpg") center 0 no-repeat;-webkit-background-size:auto 377px;-o-background-size:auto 377px;background-size:auto 377px}#video
.content{padding-bottom:40px}#video
img{width:100%}#video
.list{padding-top:10px;font-size:0;position:relative;left:-20px;width:calc(100% + 40px);padding-bottom:30px}#video .list
.item{display:inline-block;margin:20px;width:calc(33.33% - 40px);vertical-align:top}#video .list .item
.date{font-size:15px;color:#34688c;padding-top:10px}#video .list .item
.title{font-size:18px}#video .list .item .img
a{position:relative;display:block}#video .list .item .img a:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8)}#video .list .item .img a:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;pointer-events:none;content:"";position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;width:80px;height:80px;background:url("../images/icon_play.png");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#video .list .item .img a:hover:before, #video .list .item .img a:hover:after{opacity:1}#video .p-paginate{padding-bottom:50px}#news{padding-top:160px;background:url("../images/pban_bg.jpg") center 0 no-repeat;-webkit-background-size:auto 377px;-o-background-size:auto 377px;background-size:auto 377px}#news
.content{padding-bottom:80px}#news
.list{padding-top:30px;font-size:0}#news .list
.item{display:inline-block;vertical-align:top;margin:0
20px;width:calc(33.33% - 40px)}#news .list .item .img
a{display:block;overflow:hidden}#news .list .item .img
img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:100%}#news .list .item
.main{position:relative;top:-45px;margin-left:25px;padding:15px
20px;width:calc(100% - 25px);background-color:#fff}#news .list .item .main
.date{font-size:15px;color:#34688c;line-height:34px}#news .list .item .main
.title{font-size:18px;color:#333;line-height:34px}#news .list .item .main
.summary{font-size:16px;color:#666;line-height:28px}#news .list .item:hover .img
img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#news .list .item:hover .main
.title{color:#34688c}.video-wrapper{margin-bottom:40px;position:relative;padding-bottom:56.25%;overflow:hidden}.video-wrapper
iframe{position:absolute;top:0;left:0;width:100%;height:100%}#view{padding:160px
0 0;background-color:#f6f6f6}#view
.content{padding:50px;background-color:transparent;margin-bottom:80px}#view
.content2{padding:0
30px 50px}#view .content
.subject{font-size:22px;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;font-weight:bold;color:#34688c}#view .content
.bar{margin-bottom:30px;font-size:0}#view .content .bar
.date{display:inline-block;vertical-align:middle;font-size:15px}#view .content .bar
.author{position:relative;display:inline-block;vertical-align:middle;font-size:15px;padding-left:15px;margin-left:15px}#view .content .bar .author:before{pointer-events:none;content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background-color:#ccc}#view .btn-box{padding:50px
0 0;text-align:center}#view .btn-box
a{font-size:15px;color:#666;display:inline-block;width:180px;height:50px;-webkit-border-radius:4px;border-radius:4px;border:1px
solid #ddd;line-height:46px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#view .btn-box a:hover{color:#fff;background-color:#333}#contact{padding:160px
0 0;background:url("../images/contact_bg.jpg");-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#contact .p-wrap{position:relative;font-size:0;text-align:right}#contact .p-wrap .left-area{text-align:left;position:absolute;top:0;left:0;width:520px;background-color:#34688c;padding:50px}#contact .p-wrap .left-area .p-subject{color:#fff;text-align:left}#contact .p-wrap .left-area .p-subject
.en{display:block;color:#fff}#contact .p-wrap .left-area .p-subject .en:before{background-color:#fff;left:20px}#contact .p-wrap .left-area
.summary{font-size:18px;color:#fff;line-height:34px}#contact .p-wrap .right-area{display:inline-block;margin:60px
0 80px;width:100%;max-width:820px;padding:50px
70px;text-align:left;background-color:#fff;box-shadow:0px 0px 10px 0px rgba(4, 0, 0, 0.1)}#contact .btn-box{padding:40px
0 0;text-align:center}#contact #header .p-wrap{text-align:left}#contact #footer .p-wrap{text-align:center}@media only screen and (max-width:1380px){#header .p-wrap{padding:0
20px}#about
.title{font-size:34px}#about .top-area{padding:60px
30px}#vivacy .top-area{padding-left:30px;padding-right:30px}#vivacy .top-area .img
img{max-width:400px;width:100%}#vivacy .face-area
.summary{left:5%}#vivacy .middle-area{padding-left:30px;padding-right:30px}#vivacy .middle-area .right-area .item
.title{font-size:20px}#view
.content{margin-bottom:50px}#contact .p-wrap{font-size:0}#contact .p-wrap .left-area{position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle}#contact .p-wrap .right-area{margin:0
0 70px;width:calc(100% - 520px);vertical-align:top}}@media only screen and (max-width:1300px){#view{padding-top:91px}#view
.content{padding:40px;background-color:#f8f8f8;margin-bottom:0}#contact{padding-top:90px}#contact .p-wrap{padding-left:0;padding-right:0}#contact .p-wrap .left-area{display:block;width:100%}#contact .p-wrap .right-area{margin:0;display:block;width:100%;max-width:100%}}@media only screen and (max-width:1280px){#vivacy .p-banner
.cover{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:5%}#vivacy .p-banner .cover
.logo{margin:0
auto;max-width:150px}#vivacy .top-area{padding-left:0;padding-right:0}#vivacy .middle-area .left-area, #vivacy .middle-area .right-area{display:block;margin:0;width:100%}#vivacy .middle-area .left-area
.info{margin-bottom:30px}#vivacy .middle-area .right-area .item .icon:before{display:none}#vivacy .middle-area .right-area .item:first-child{margin:0
0 30px}#vivacy .face-area{padding-top:60px}#vivacy .face-area
.main{margin-top:30px}#vivacy .face-area .subject
.title{font-size:30px}#vivacy .face-area .txt-box{top:25px;right:150px}#vivacy .face-area
.summary{position:relative;top:auto;left:auto;text-align:center;width:100%;padding:30px
0;border:none}#vivacy .face-area
.img{margin:0;max-width:500px}#vivacy .face-area .img
img{width:100%}#vivacy .down-area .cover .item
span{display:none}#vivacy .down-area .cover .item:after{width:15px !important;height:15px !important;border:1px
solid #fff;border-radius:50%}#vivacy .down-area .cover .item.item-1{left:290px;width:auto}#vivacy .down-area .cover .item.item-2{left:323px;width:auto}#vivacy .down-area .cover .item.item-3{left:448px;width:auto}#vivacy .down-area .cover .item.item-4{left:346px;width:auto}#vivacy .down-area .cover .item.item-5{right:570px;width:auto}#vivacy .down-area .cover .item.item-6{right:350px;width:auto}#vivacy .down-area .cover .item.item-7{right:580px;width:auto}#vivacy .down-area .cover .item.item-8{right:410px;width:auto}#vivacy .down-area .cover .item.item-9{right:540px;width:auto}#vivacy .down-area .cover .item.item-10{right:552px;width:auto}#vivacy .down-area
.bg{position:relative}#vivacy .down-area .bg:before{pointer-events:none;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .1)}#vivacy .down-area .cover .item.left:before{right:-14px;background-color:#fff}#vivacy .down-area .cover .item.left:after{top:-7px;right:-21px;background-color:transparent}#vivacy .down-area .cover .item.right:before{left:-14px;background-color:#fff}#vivacy .down-area .cover .item.right:after{top:-7px;left:-21px;background-color:transparent}#skin .p-banner
.cover{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:5%;max-width:500px}#skin .p-banner .cover
.logo{margin:0
auto;max-width:150px}#skin .p-banner .cover
.slogan{font-size:30px;line-height:40px}#anti{padding-top:120px}#anti .main-wrap{padding:30px;margin-bottom:30px}#anti .step-subject{font-size:28px}#anti .step-text{font-size:20px}#anti .notice-main{padding:20px}#anti .notice-main
.title{font-size:22px}#video{padding-top:120px}#news{padding-top:120px}#news .grid
.item{margin-bottom:30px;width:calc(33.33% - 30px)}#news .grid .item
.main{margin:0;width:100%;left:0;top:0;padding:10px}}@media only screen and (max-width:1140px){#header #nav li a.login-btn{position:fixed;top:25px;right:100px;color:#34688c;z-index:9993;padding:0;width:40px;height:40px}#header
#nav{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:block;position:absolute;top:90px;right:-100%;width:280px;background-color:#34688c}#header #nav.is-open{right:0}#header #nav
li{display:block;padding:0;text-align:center;border-bottom:1px solid rgba(255, 255, 255, 0.3)}#header #nav li
a{color:#fff;line-height:40px}#header #nav li a:hover{color:#fff}#header #nav li.current>a{color:#fff}#header #nav li.current>a:before{display:none}#header #nav li .sub-nav{display:none;pointer-events:auto;opacity:1;position:relative;top:auto;left:auto;background-color:#333;border-top:1px solid rgba(255, 255, 255, 0.3)}#header #nav li .sub-nav
li{display:block;border-bottom:1px solid rgba(255, 255, 255, 0.3)}#header #nav li .sub-nav li
a{color:#fff}#header #nav li .sub-nav li a:hover{color:#fff}#header #nav li:hover .sub-nav{display:none}#header #nav li.is-open{background-color:#333}#header #nav li.is-open .sub-nav{display:block}#footer .top-area{padding-top:20px !important}#footer .top-area
.menu{padding:0
0 15px}#footer .top-area .menu
li{padding:0
15px}#i-banner .logo
img{max-width:160px}#i-banner
.cover{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:10%}#i-banner .cover
.subject{padding:10px
0;font-size:30px;line-height:45px}#i-banner .cover
.title{margin:5px
0;font-size:20px;line-height:30px}#i-banner .cover
.summary{font-size:16px;line-height:28px}#i-banner .slick-dots{bottom:20px}#i-info{padding:60px
0 30px}#i-info .subject
.num{font-size:46px;line-height:56px}#i-info .subject .num:before{top:-28px}#i-info .subject
.txt{font-size:26px;line-height:56px}#i-info
.summary{font-size:20px}#i-info .circle-list
.item{padding-left:20px;padding-right:20px}#i-info .circle-list .item
.img{width:160px}#i-info .circle-list .item
.summary{max-width:100%;font-size:16px;line-height:28px}#i-stores{padding:30px
0 20px}#i-stores
.list{left:0;width:100%}#about
.title{font-size:26px}#about .top-area{padding:40px
0}#about .top-area .left-area, #about .top-area .right-area{margin-top:10px}#about .down-area{padding:40px
0}#about .down-area .left-area, #about .down-area .right-area{margin-top:0}#vivacy .p-banner
.cover{max-width:340px;right:20px}#vivacy .p-banner .cover .logo
img{max-width:100px}#skin .item-wrap .item:before{width:60%}#skin .item-wrap .left-area{width:40%}#skin .item-wrap .right-area{padding-right:30px;width:60%}#skin .item-wrap
.num{font-size:40px}#skin .item-wrap
.subject{font-size:24px}#skin .item-wrap
.summary{font-size:16px;line-height:28px}#skin .item-wrap .text-wrap{font-size:15px;line-height:26px}#skin .item-wrap ul.ul-style
li{padding:2px
0 2px 25px}#skin .item-wrap ul.ul-style li:before{top:11px}}@media only screen and (max-width:1023px){#vivacy .face-area .txt-box{right:0}#vivacy .face-area .img
img{position:relative;left:-120px}}@media only screen and (max-width:767px){.xs-hide{display:none !important}#header{border-bottom:1px solid #ddd}#header
h1.logo{margin:10px
0}#header .p-wrap{padding-left:10px}#header
#nav{top:71px;width:240px}#header #nav li a.login-btn{top:15px;right:80px}#footer .top-area
.menu{font-size:0;display:block}#footer .top-area .menu
li{width:50%;padding:5px
0}#footer .top-area .menu li:nth-child(3):before, #footer .top-area .menu li:nth-child(5):before{display:none}#i-banner{margin-top:70px}#i-banner
.cover{position:relative;top:auto;right:auto;width:100%;max-width:100%;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);padding:30px}#i-banner .slick-arrow{top:150px;margin:0}#i-banner .slick-dots{opacity:0}#i-info{background:none;background-color:#ddd}#i-info .subject
.num{font-size:40px}#i-info .subject
.txt{font-size:22px;line-height:44px}#i-info .circle-list
.item{display:block;margin:0
0 20px !important;width:100%}#i-product
.item{display:block;width:100%}#i-stores{padding-bottom:0}#i-stores .list
.item{margin:0
5px 10px;width:calc(50% - 10px)}#view
.content2{padding-left:0;padding-right:0}#about .p-banner
.logo{max-width:200px;margin:0
auto;padding:0}#about .p-banner .cover
.subject{margin:5px
0;padding:10px
0;font-size:24px}#about .top-area, #about .down-area{padding:30px
0}#about .top-area .left-area, #about .top-area .right-area, #about .down-area .left-area, #about .down-area .right-area{display:block;width:100%;margin:0;padding:0
0 10px;text-align:left}#vivacy .p-banner
.logo{max-width:200px;margin:0
auto;padding:0}#vivacy .p-banner
.cover{position:relative;top:auto;right:auto;padding:30px;background-color:#fff;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);max-width:100%}#vivacy .p-banner .cover
.subject{margin:5px
0;padding:10px
0;font-size:24px}#vivacy .top-area{background:none;background-color:#f8f8f8}#vivacy .top-area
.title{font-size:22px}#vivacy .top-area .left-area{display:block;width:100%}#vivacy .top-area .right-area{display:block;width:100%}#vivacy .face-area .subject br.xs-show{display:block;font-size:0;line-height:0}#vivacy .face-area
.subject{font-size:26px}#vivacy .face-area .subject
.title{font-size:20px}#vivacy .face-area .txt-box{position:relative;top:auto;right:auto}#vivacy .face-area .txt-box
.title{text-align:center}#vivacy .face-area
.img{margin-top:20px}#vivacy .face-area .img
img{left:-40px}#vivacy .face-area .circle-list{max-width:300px;margin:0
auto}#vivacy .face-area .circle-list .item:nth-child(2), #vivacy .face-area .circle-list .item:nth-child(3){margin:20px
0 0}#vivacy .middle-area{padding:30px
0;background:none;background-color:#e6e6e3}#vivacy .middle-area .right-area .item
.icon{display:block;margin:0
auto}#vivacy .middle-area .right-area .item
.main{display:block;width:100%;padding:20px
0}#vivacy .middle-area .left-area .info
.summary{text-align:left}#vivacy .down-area
.subject{padding-top:30px}#vivacy .down-area{height:auto}#vivacy .down-area .p-wrap{padding:0}#vivacy .down-area
.img{position:relative;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);top:auto;left:auto;width:100%;height:auto}#vivacy .down-area .img
.bg{position:relative}#vivacy .down-area .img
img{width:100%}#vivacy .down-area .cover .item.left:before, #vivacy .down-area .cover .item.left:after, #vivacy .down-area .cover .item.right:before, #vivacy .down-area .cover .item.right:after{right:auto;left:-14px;background-color:#fff}#vivacy .down-area .cover
.item{display:none}#vivacy .down-area
.notice{font-size:13px;line-height:22px;padding:0
30px;bottom:10px;color:#fff}#skin .p-banner
.cover{position:relative;top:auto;right:auto;padding:30px;background-color:#fff;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);max-width:100%}#skin .p-banner .cover
.subject{margin:5px
0;padding:10px
0;font-size:24px}#skin .p-banner .cover
.slogan{font-size:26px}#skin .item-wrap .item:before{display:none}#skin .item-wrap .left-area, #skin .item-wrap .right-area{display:block;width:100%;padding:30px}#anti{padding-top:100px}#anti .main-wrap{margin-bottom:0}#anti .p-wrap{padding-left:0;padding-right:0}#anti #header .p-wrap{padding-left:10px}#anti .step-list{overflow:inherit}#anti .step-list
.item{float:none;display:block;margin:20px
0;width:100%;padding-left:40px}#anti .step-list .item:before{height:140%}#anti .step-list .item
.num{padding-top:5px;font-size:22px}#anti .step-list .item .num:before{left:-45px}#anti .step-list .item .num:after{left:-49px}#anti .step-list .item
.title{font-size:22px}#anti .step-list .item:nth-child(even){padding:0
0 0 40px;text-align:left}#anti .step-list .item:nth-child(even):before{right:auto;left:0}#anti .step-list .item:nth-child(even) .num:before{right:auto;left:-45px}#anti .step-list .item:nth-child(even) .num:after{right:auto;left:-49px}#anti .notice-main
.summary{font-size:16px;line-height:28px}#video{padding-top:100px}#video
.list{left:0;width:100%}#video .list
.item{display:block;width:100%;margin:0
0 40px}#video .p-paginate{padding-bottom:80px}#news{padding-top:100px;background:none}#news
.list{padding-top:0}#news .grid
.item{margin:0
0 30px;width:100%}#news .grid .item
.main{margin:0;width:100%;left:0;top:0;padding:10px
0}#view{padding-top:71px}#view
.content{padding:30px
20px;background-color:#f8f8f8;margin-bottom:0}#contact{padding-top:70px}#contact #header .p-wrap{padding-left:10px}#contact .p-wrap .left-area{padding:30px
20px}#contact .p-wrap .left-area
.summary{font-size:16px;line-height:28px}#contact .p-wrap .right-area{padding:30px
20px}#contact .p-wrap .button-style{width:calc(50% - 10px);min-width:auto}.pop-dialog{margin:30px;padding:30px
20px}.pop-dialog .msg-wrap{padding-bottom:0}.pop-dialog .title, .pop-dialog .msg-wrap .msg-title{font-size:24px}.pop-dialog .summary, .pop-dialog .msg-wrap .msg-text{font-size:18px;padding-bottom:30px}.pop-dialog .btn-box
button{width:calc(50% - 10px)}}@media only screen and (max-width:414px){#vivacy .down-area
.subject{padding-top:20px;font-size:20px;bottom:45px;color:#fff;letter-spacing:2px}}.img-text-wrap{position:relative}.img-text-wrap .background-img
img{width:100%}.img-text-wrap
.item{display:block;position:relative}.img-text-wrap
.logo{text-align:center}.img-text-wrap .logo
img{display:inline-block;max-width:230px}.img-text-wrap
.cover{-moz-transform:translate(0, -55%);-ms-transform:translate(0, -55%);-webkit-transform:translate(0, -55%);transform:translate(0, -55%);position:absolute;top:50%;right:20%;z-index:2;max-width:490px;width:100%;text-align:center}.img-text-wrap .cover .img
img{display:inline-block;max-width:100%}.img-text-wrap .cover
.subject{display:inline-block;border-top:1px solid #717171;border-bottom:1px solid #717171;padding:15px;margin:10px
0;font-size:45px;line-height:60px}.img-text-wrap .cover
.title{margin:10px
0;font-size:25px;color:#34688c;line-height:34px}.img-text-wrap .cover
.summary{font-size:18px;color:#666;line-height:34px}@media only screen and (max-width:1140px){.img-text-wrap .logo
img{max-width:160px}.img-text-wrap
.cover{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:10%}.img-text-wrap .cover
.subject{padding:10px
0;font-size:30px;line-height:45px}.img-text-wrap .cover
.title{margin:5px
0;font-size:20px;line-height:30px}.img-text-wrap .cover
.summary{font-size:16px;line-height:28px}}@media only screen and (max-width:767px){.img-text-wrap
.cover{position:relative;top:auto;right:auto;width:100%;max-width:100%;-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);padding:30px}}.clearfix{clear:both}#view .search-box .subject, .search-box
.subject{text-align:center;font-size:16px;padding-bottom:15px;color:#222}.aside-nav{position:relative;z-index:2;width:250px;float:left;padding-right:40px}.aside-nav .cate-wrap .ul-list{font-size:0}.aside-nav .cate-wrap .ul-list
li{margin:0
0 5px}.aside-nav .cate-wrap .ul-list li
a{position:relative;color:#666;font-size:16px;-moz-transition:color 0.25s, background 0.25s;-o-transition:color 0.25s, background 0.25s;-webkit-transition:color 0.25s, background 0.25s;transition:color 0.25s, background 0.25s;display:block;line-height:40px;font-weight:bold;padding-left:34px;background-color:#eee;border-radius:5px}.aside-nav .cate-wrap .ul-list li>a:before{content:'';width:8px;height:8px;display:block;border-style:solid;border-width:2px 2px 0 0;border-color:#666 #666 transparent transparent;left:10px;position:absolute;top:15px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.aside-nav .cate-wrap .ul-list li.current
a{color:#fff;background-color:#444}.aside-nav .cate-wrap .ul-list li.current a:before{border-color:#fff #fff transparent transparent}.search-box{padding:6px
20px 30px 0;font-size:0}.search-box
input{width:calc(100% - 66px);display:inline-block;vertical-align:middle;height:40px;font-size:16px;border:1px
solid #444;padding-left:10px}.search-box
button{width:66px;background-color:#444;color:#fff;vertical-align:middle;height:40px;text-align:center;font-size:16px;border:1px
solid #444}.hot-article-box{padding:30px
20px 20px 0}.hot-article-box
.subject{text-align:center;font-size:16px;padding-bottom:15px;color:#222}.hot-article-box
.item{display:block;margin-bottom:20px}.hot-article-box
h4{color:#444;font-size:16px;line-height:24px}@media only screen and (min-width:991px){.aside-nav .cate-wrap .toggle:hover:after{background:#00b0b7;color:#fff}.aside-nav .cate-wrap .ul-list li:hover
a{color:#444}.aside-nav .cate-wrap .ul-list li.current:hover
a{color:#fff}.aside-nav .cate-wrap
.toggle{display:none}.aside-nav .cate-wrap .ul-list{display:block !important;background:transparent}}@media only screen and (max-width:991px){.aside-nav{margin-bottom:50px;margin-top:10px;width:100%;float:none;padding-right:0}.aside-nav .cate-wrap{width:100%;position:relative;z-index:2;margin:0
auto;border-radius:5px}.aside-nav .cate-wrap.open .toggle:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f106"}.aside-nav .cate-wrap .ul-list{display:none;top:100%;left:0;width:100%;border-left:none;border-right:none}.aside-nav .cate-wrap .ul-list
li{display:block;margin:0;border:0;width:100%;border-bottom:#ebebeb 1px solid;border-top:0}.aside-nav .cate-wrap .ul-list li
a{width:100%;margin:0
auto;border:0;border-radius:0;display:block;background:#fff}.aside-nav .cate-wrap .ul-list li.current
a{color:#fff;border-bottom:2px solid #eee;border:0;background-color:#777}.aside-nav .cate-wrap
.toggle{color:#fff;font-size:1rem;width:100%;height:45px;line-height:45px;padding:0
45px 0 15px;margin:0;cursor:pointer;border:0;position:relative;background:#444}.aside-nav .cate-wrap .toggle:after{content:"\f107";text-align:center;width:40px;line-height:45px;position:absolute;right:0;top:0;bottom:0;font-family:"Font Awesome 5 Free";font-weight:900;border-left:1px solid rgba(229,229,229,0.3);pointer-events:none;color:#ceffdb;font-size:0.875rem}.search-box{padding:10px
0}.hot-article-box{display:none}}@media only screen and (max-width:767px){#view .btn-box{padding-top:30px}#view
.content2{padding-bottom:20px}.aside-nav{margin-top:0}.search-box{padding-top:0}}@media only screen and (max-width:640px){.aside-nav{margin-bottom:20px}}.main-content{width:calc(100% - 250px);float:left;padding-left:20px;border-left:1px solid #ddd}.main-content .view-wrap{max-width:820px;margin:0
auto}.main-content
.h3{font-size:1.625rem;color:#333;font-weight:bold;margin:0
0 20px 0;text-align:left}.main-content .h3:before{content:'';width:5px;height:24px;display:inline-block;background:#cc1756;margin:0
10px 0 0;vertical-align:baseline}@media only screen and (max-width:991px){.main-content{width:100%;float:none;border:0;padding:0}}#member{background-color:#eee}#member .p-subject
.en{display:block}#member .member-wrap{margin-top:90px;padding:70px
20px;min-height:calc(100vh - 90px - 139px)}#member .member-main{margin:0
auto;max-width:670px;padding:50px
70px;text-align:left;background-color:#fff;box-shadow:0px 0px 10px 0px rgba(4, 0, 0, 0.1)}#member .btn-box{padding-top:40px;text-align:center;font-size:0}#member .agree-wrap{margin-top:20px;background-color:#eee;padding:20px
30px 10px}#member .agree-text{font-size:15px;color:#555;line-height:26px}#member
.text{font-size:15px;text-align:right;padding:5px
5px 0}#member .text
a{text-decoration:underline}#member .group-label{display:inline-block;position:relative;margin:0;padding:0;cursor:pointer;vertical-align:top}#member .group-label input[type="checkbox"], #member .group-label input[type="radio"]{display:none}#member .group-label input~span{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#member .group-label input ~ span:before, #member .group-label input~span:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;pointer-events:none;content:"";position:absolute}#member .group-label input~span:before{z-index:0;top:14px;left:0;width:17px;height:17px;border:2px
solid #34688c;border-radius:4px}#member .group-label input~span:after{opacity:0;top:17px;left:3px;width:11px;height:7px;background-color:transparent;border-right:2px solid #fff;border-top:2px solid #fff;-webkit-transform:rotate(129deg);-moz-transform:rotate(129deg);-o-transform:rotate(129deg);transform:rotate(129deg);z-index:1}#member .group-label input:checked+span~strong{color:#333}#member .group-label input:checked+span:before{border-color:#34688c;background-color:#34688c}#member .group-label input:checked+span:after{opacity:1}#member .group-label span, #member .group-label
strong{display:inline-block;vertical-align:middle}#member .group-label
strong{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;position:relative;padding:0
15px 0 22px;color:#34688c;font-size:16px;line-height:46px;vertical-align:middle;z-index:1}#member div.group-input{padding:0
15px;color:#222;font-size:16px;border:1px
solid #dcdcdc;background-color:#fff;line-height:40px;-webkit-border-radius:3px;border-radius:3px;background:#eee}@media only screen and (max-width:991px){#member .member-wrap{margin-top:70px;padding:30px
10px;min-height:0}#member .member-main{padding:20px
30px}#member .group-wrap .group-box .group-title{padding-right:0}#member .group-wrap .group-box.code .group-main{width:calc(100% - 190px)}#member .agree-wrap{padding:15px
20px 5px}#member .btn-box{padding-top:20px;position:relative;left:-5px;width:calc(100% + 10px)}#member .button-style{min-width:110px;width:calc(50% - 10px);margin:0
5px}}