﻿@charset "utf-8";
/* CSS Document */

body, p, input, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, form{margin: 0; padding: 0; list-style: none; vertical-align: middle;}
body{ color: #4d5367; -webkit-text-size-adjust: none; font-size: 15px;font-family: "Microsoft JhengHei","font-family: 'SourceHanSansCN Regular","Microsoft YaHei",Arial,sans-serif;}
header,nav,section,figure,figcaption,article, hgroup, menu, nav, section, menu, footer, article{display: block; margin: 0; padding: 0;}
img{border: 0;}
i {font-style:normal;}

/* 单选和复选框美化样式 */
label {cursor:pointer;}
label i {font-style:normal;display:inline-block;width:25px;height:25px;text-align:center;line-height:25px;color:#fff;vertical-align:middle;margin-top:-5px;border:#d4d4d4 1px solid;}
input[type="checkbox"],input[type="radio"] {display:none; }
input[type="radio"] + i {border-radius:7px; background:#fff;  }
input[type="radio"]:checked + i {background:#fff; border:4px solid #f6ab00;  }
input[type="radio"]:disabled + i {border-color:#b4eec4;}
input[type="radio"]:checked:disabled + i {border-color:#b4eec4;}
input[type="checkbox"] + i {border-radius:2px;background:#fff; }
input[type="checkbox"]:checked + i{background:#f6ab00; color:#fff; border-radius:2px; border-color:#f6ab00;font-size: 23px; }
input[type="checkbox"]:disabled + i{background:#fff; color:#fff; border-radius:2px;}
input[type="checkbox"]:checked:disabled + i {background:#f6ab00;}

.input-error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  red;
    font-weight: 300;
}
.input-error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  red;
    font-weight: 300;
}
.input-error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  red;
    font-weight: 300;
}
.input-error:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:  red;
    font-weight: 300;
}

/*通用彈框*/
.alert-popup{display: none;z-index: 10; width: 100%; height: 100%; position: fixed; left: 0; top:0; background:rgba(0,0,0,0.5)}
.alert-popup .alert-box{width: 600px;height: 273px;background: #fff;border-radius: 5px; position: fixed; top: 270px; left: 50%;
    transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.alert-popup .alert-box .title{margin: 85px auto 0; text-align:center; font-size: 26px;color: #393d49;}
.alert-popup .alert-box .c-btns{margin-top: 50px;text-align: center;}
.alert-popup .alert-box .c-btns>a{display: inline-block;width: 180px; font-weight: 500; height: 55px;margin: 0 20px;border-radius: 5px;text-align: center;line-height: 55px;font-size: 24px;color: #fff;text-decoration: none;}
.alert-popup .alert-box .c-btns .confirm{background: #f7aa00;}
.alert-popup .alert-box .c-btns .confirm:active{background: #f7910a;}
.alert-popup .alert-box .c-btns .cancel{background: #a1a1a1;}
.alert-popup .alert-box .c-btns .cancel:active{background: #919191;}


.license{color: #424242;letter-spacing: 1px;font-size: 16px;font-family: 微軟正黑體;font-size:24px;}
.license table{margin:0 auto;font-size: 24px;text-align: center;border-collapse: collapse;min-width:750px;}
.license table thead{font-weight:bold;}
.license table.criterion thead{background-color:#f1f1f1}
.license table td{border: solid 1px #000;padding: 0.5em;}
.license h2{font-size:24px;}
.license h2.title{color: rgb(255, 192, 0);background-color: rgb(255, 255, 255);font-family: 微軟正黑體;}
.license img.license_img{max-width:700px;}
.license p{font-size:20px; line-height: 1.5em;}
.license .tag{border:solid 1px #000;display: inline-block;margin-bottom: 0.5em;font-weight:bold;}
.license ol{padding-left: 1.5em;margin-top: 0.5em;}
.license ol *{line-height:1.6em;}
.license ol>li{list-style-type: decimal;}
.license ol.criterion li{margin-top: 0.5em;}
.text-c-b{color:#0000ff;}
.text-c-c{color: #ff0000;}

/*pc-public*/
@media screen and (min-width: 1340px){
    .header{width: 100%; height: 60px; background: #000;white-space: nowrap; }
    .header .header-wrap{width: 1200px;margin: 0 auto }
    .header .nav-icon{display: none;}
    .header .logo{width: 160px; height: 60px; background: url('../images/logo.png')no-repeat top; background-size: cover; display: inline-block;vertical-align: middle;}
    .header .nav{display: inline-block; vertical-align: middle;height: 60px; margin-left: 50px; }
    .header .nav ul li{display: inline-block; height: 60px; margin-right: 2%;position: relative;}
    .header .nav ul li a{display:block;text-decoration: none; color: #fff;  font-weight: 500; font-size: 16px;line-height: 56px;text-align: center; padding: 0 12px}
    .header .nav ul li.active a{color:#F6AB00; border-bottom: 4px solid #F6AB00;}
    .header .nav ul li a>i{visibility: hidden;display: none;}
    .header .nav ul li .second{display: none;visibility:hidden;font-size: 10px;margin-left: 43px}
	.header .nav ul li ul{background-color: #000;text-align: center;line-height: 2.5em;position: absolute;left:50%;transform:translate(-50%,0);display:none;}
	.header .nav ul li:hover ul{display:block;}
	.header .nav ul li ul li{display: block;height: unset;}
	.header .nav ul li ul li a,.header .nav ul li.active ul li a{color: #fff;border-bottom:unset;}
	.header .nav ul li ul li.active a,.header .nav ul li ul li:hover a,.header .nav ul li.active ul li.active a,.header .nav ul li.active ul li:hover a{color: #F6AB00;}
    .header .userinfo{float: right;position: relative;}
    .header .userinfo .menu{position: absolute;left: -40px;width: 180px;height: 100px;background: rgba(0,0,0,0.9);text-align: center;color: #fff;z-index: 10;}
    .header .userinfo .menu .menu-item{width: 80%;margin: 0 auto;line-height: 46px; color: #fff;font-size: 16px;cursor: pointer;}
    .header .userinfo .menu .menu-item:nth-child(1){border-bottom: 1px solid #393d49; }
    .header .userinfo .face{display: inline-block;width: 25px; height: 25px; border-radius: 50%;overflow: hidden;vertical-align: middle;}
    .header .userinfo .face img{width: 100%}
    .header .userinfo .member{vertical-align: middle;margin:0 0 0 24px;width: 90px;height: 60px; display:inline-block;text-decoration: none; cursor: pointer; color: #fff; font-weight: 500; font-size: 16px;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .sidebar{position: fixed; overflow: hidden; font-size: 0; top: 240px; right: -270px; width: 326px;height: 470px; z-index: 10}
    .sidebar .left{width: 56px; height: 98px; display: inline-block; background: url("../images/side-l.png")no-repeat; background-size: cover; vertical-align: middle;cursor: pointer;
        }
    .sidebar .left-c{width: 56px; height: 98px; display: inline-block; background: url("../images/side-r.png")no-repeat; background-size: cover; vertical-align: middle;cursor: pointer;  }
    .sidebar .right{width: 268px;height: 388px; background: #fff;display: inline-block;border: 1px solid #aaaaaa;border-right: none;vertical-align: middle;padding: 40px 0; }
    .sidebar .right .side-item{display: block; text-decoration: none; margin:13px 0 23px 32px; }
    .sidebar .right .side-item>i{font-size: 48px; color: #f7ab03;vertical-align: middle;}
    .sidebar .right .side-item>span{font-size: 18px; vertical-align: middle; color: #393d49; padding-left: 30px; }

    .footer{width: 100%; margin-top: 100px;background: url('../images/f-bg.png')no-repeat center;background-size: cover;}
    .footer .content{width:1200px; margin: 0 auto; font-size: 13px; color: #eee; padding: 14px; }
    .footer .content a{font-size: 13px; color: #eee; text-decoration: none;}
    .footer .content .ct{padding:20px 0; border-bottom: 1px solid #363636;}
    .footer .content .ct .tit{margin-bottom: 16px;}
    .footer .content .ct .link{margin:0;}
    .footer .content .ct a{margin-right: 40px; display: inline-block;}
    .footer .content .ct .sx{margin:0 20px;}
    .footer .content .ct .lx{margin-right: 52px; white-space: nowrap;}
    .footer .content .nb{border: none;}

    .popup{display: none;z-index: 10; width: 100%; height: 100%; position: fixed; left: 0; top:0; background:rgba(0,0,0,0.5)  }
    /*登錄*/
    .popup .login{display: none;width: 448px; height: 540px; font-size: 24px;color: #A1A1A1; padding: 53px 42px 42px; background: #fff; border-radius: 5px; position: fixed; top: 160px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .login .login-tab .tab-1{color: #000;font-weight: bold; margin-right: 22px;}
    .popup .login .login-tab .tab-2{font-weight: bold; margin-left: 22px; text-decoration: none;color: #A1A1A1;}
    .popup .login .login-from{width: 386px;height: 201px; border: 1px solid #aaaaaa; margin: 35px auto 55px; font-size: 16px; }
    .popup .login .login-from .username{border-bottom: 1px solid #aaa; height: 66px;}
    .popup .login .login-from .username input{width: 328px; height: 66px; border: none; outline: none; padding:0 29px; font-size: 16px;line-height: 66px;}
    .popup .login .login-from .vcode{ height: 66px; font-size: 0;}
    .popup .login .login-from .vcode .vcode-img{display: inline-block;width: 108px; height: 46px; vertical-align: middle;}
    .popup .login .login-from .vcode .vcode-img img{width: 100%;height: 100%;}
    .popup .login .login-from .vcode input{width: 212px; height: 66px; border: none; outline: none; padding:0 29px; font-size: 16px;line-height: 66px;}
    .popup .login .login-from .password{height: 66px;;border-bottom: 1px solid #aaa;}
    .popup .login .login-from .password input{width: 278px; height: 66px; border: none; outline: none; padding:0 29px; font-size: 16px;line-height: 66px;}
    .popup .login .login-from .password i{font-size: 24px; vertical-align: middle;cursor: pointer}
    .popup .login .login-from .forget-btn{float: right; border-bottom: 1px solid #aaa;margin-top: 10px;}
    .popup .login .login-from .forget-btn>a{color: #aaa; text-decoration: none; line-height: 36px;}
    .popup .login .login-btn{width: 386px; height: 48px; font-size: 24px; cursor: pointer; text-align: center;line-height: 48px; background: #f7aa00;margin: 20px auto 28px;border-radius: 5px; color: #fff;border: none;
        user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;}
    .popup .login .login-btn:active{background: #f79911;}
    .popup .login .facebook-login{text-align: center; color: #393d49;font-size: 16px;}
    .popup .login .facebook-logo{width: 386px; margin: 30px auto;}
    .popup .login .facebook-logo >img{width: 100%;cursor: pointer;}
    .popup .close{color: #f79911;position: absolute;right: 20px;top:20px; font-size: 20px; cursor: pointer;}
    /*郵箱*/
    .popup .reg-suc{display: none;width: 739px; height: 433px; background: #fff; border-radius: 5px; position: fixed; top: 152px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .reg-suc .tips{width: 92%; margin: 160px auto 0; text-align: center; line-height: 75px;font-size: 24px;}
    /*找回密碼*/
    .popup .forget{display: none;width: 739px; height: 436px; background: #fff; border-radius: 5px; position: fixed; top: 270px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .forget .title{font-size: 24px; margin: 84px auto 0; color: #393d49; text-align: center;font-weight: 600;}
    .popup .forget .psw-from{margin: 40px auto;width:580px; overflow: hidden;}
    .popup .forget .psw-from .psw-item{width: 500px; height: 69px; margin-bottom: 13px; border-radius: 5px; outline: none; border: none; border:1px solid #aaa; padding: 0 35px; font-size: 22px;}
    .popup .forget .submit{width: 570px; height: 69px; cursor: pointer; border-radius: 5px; text-align: center;line-height: 69px;font-size: 20px;background: #F6AB00; color: #fff; margin: 0 auto; }
    .popup .forget .submit:active{background: #f79911;}
    /*修改密碼*/
    .popup .changePsw{display: none;width: 739px; height: 552px; background: #fff; border-radius: 5px; position: fixed; top: 152px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .changePsw .title{font-size: 24px; margin: 84px auto 0; color: #393d49; text-align: center;font-weight: 600;}
    .popup .changePsw .psw-from{margin: 40px auto;width:580px; overflow: hidden;}
    .popup .changePsw .psw-from .psw-item{width: 500px; height: 69px; margin-bottom: 13px; border-radius: 5px; outline: none; border: none; border:1px solid #aaa; padding: 0 35px; font-size: 22px;}
    .popup .changePsw .submit{width: 570px; height: 69px; cursor: pointer; border-radius: 5px; text-align: center;line-height: 69px;font-size: 20px;background: #F6AB00; color: #fff; margin: 0 auto; }
    .popup .changePsw .submit:active{background: #f79911;}

    /*客服*/
    .popup .service{display: none;width: 500px; height: 338px; background: #fff; border-radius: 5px; position: fixed; top: 152px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .popup .service .close{color: #000;position: absolute;right: 10px;top:10px; font-size: 20px; cursor: pointer;}
    .popup .service .service-icon{width: 163px; height: 163px; margin: -80px auto 0;background: #f79911;border-radius: 50%;text-align: center;}
    .popup .service .service-icon>img{width: 75%;margin-top: 20px;}
    .popup .service .st{font-size: 27px;color: #000;padding-left:50px; margin-top: 50px;}
    .popup .service .sb{font-size: 23px;color: #000;padding-left:50px;margin-top: 50px;}
    /*line*/
    .popup .line{display: none;width: 500px; height: 500px; background: #fff; border-radius: 5px; position: fixed; top: 152px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .popup .line .close{color: #000;position: absolute;right: 10px;top:10px; font-size: 20px; cursor: pointer;}
    .popup .line .line-icon{width: 163px;height: 163px;margin: -80px auto 0;background: #f79911;border-radius: 50%;text-align: center;}
    .popup .line .line-icon>img{height: 75%;margin-top: 20px;}
    .popup .line .qr{width:246px; height: 246px;margin:46px auto 0; }
    .popup .line .qr>img{width:100%; }
    .popup .line .tips{margin: 10px auto 0; font-size: 15px; color: #4e4e4e;text-align: center;font-weight: 600;}
    /*留言*/
    .popup .comment{display: none;width: 500px; height: 624px; background: #fff; border-radius: 5px; position: fixed; top: 110px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .popup .comment .close{color: #000;position: absolute;right: 10px;top:10px; font-size: 20px; cursor: pointer;}
    .popup .comment .comment-icon{width: 163px;height: 163px;margin: -80px auto 0;background: #f79911;border-radius: 50%;text-align: center;}
    .popup .comment .comment-icon>img{width: 75%;margin-top: 20px;}
    .popup .comment .form{padding: 0 30px;}
    .popup .comment .form .form-item{margin-top: 40px;}
    .popup .comment .form .form-item .title{font-size: 18px; line-height: 37px;color: #393d49;font-weight: 600;}
    .popup .comment .form .form-item .content{ border-bottom: 1px solid #393d49;width: 100%;margin-top: 0;}
    .popup .comment .form .form-item .content>input{outline: none;border: none;width: 100%;font-size: 14px;}
    .popup .comment .submit{width: 142px; height: 40px;color: #fff;font-size: 18px;line-height: 40px;background: #ec6941;text-align: center;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}
    .popup .comment .submit:active{background: #EC3928}
}

/*mobile*/
@media screen and (max-width: 1339px) {
    .header{width: 100%; height: 44px; background: #000; position: fixed;z-index: 10;top: 0;left: 0;}
    .header .nav-icon{display: inline-block; margin: 3px 0;width: 40px; height: 37px; border-right: 1px solid #fff; vertical-align: middle;}
    .header .nav-icon .more{display: block;width: 17px; height: 13px; margin: 12px auto; text-decoration: none; background: url(../images/more.png)no-repeat;background-size: 100% auto;}
    .header .logo{width: 120px; height: 44px; background: url('../images/logo.png')no-repeat top; background-size: cover;display: inline-block;vertical-align: middle;}
    .header .nav{position: fixed; width: 200px; height: 100%; top:44px;left: -200px; background: #fff;z-index: 10;
        box-shadow: darkgrey 0 0 10px 1px inset;
        -webkit-box-shadow: darkgrey 0 0 10px 1px inset;
        -o-box-shadow: darkgrey 0 0 10px 1px inset;
        -moz-box-shadow: darkgrey 0 0 10px 1px inset;
    }
	.header .nav ul{margin-top: 91px; margin-left: 52px;}
	.header .nav ul ul{margin-top:unset;margin-left:unset;}
    .header .nav ul li{list-style: none;}
    .header .nav ul li:before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background-color: #F6AB00;
        border-radius: 50%;
        margin-right: 5px;
    }
    .header .nav ul li a{text-decoration: none; color: #727171; font-weight: bold; line-height: 60px; font-size: 14px; margin-left: 25px; }
    .header .nav ul li a>i{font-size: 11px;margin-left: 8px;}
    .header .nav ul li .second{display: none;font-size: 12px;margin-left: 43px;}
    .header .nav ul li .second>div:nth-child(1){margin-bottom: 20px; }
    .header .userinfo{float: right;position: relative;margin:0 12px; }
    .header .userinfo .menu{position: absolute;  width: 100px;height: 60px;background: rgba(0,0,0,0.9);text-align: center;color: #fff;z-index: 10;}
    .header .userinfo .menu .menu-item{width: 80%;margin: 0 auto;line-height: 28px; color: #fff;font-size: 12px;cursor: pointer;}
    .header .userinfo .menu .menu-item:nth-child(1){border-bottom: 1px solid #393d49; }
    .header .userinfo .face{display: inline-block;width: 18px; height: 18px; border-radius: 50%;overflow: hidden;vertical-align: middle;}
    .header .userinfo .face img{width: 100%}
    .header .userinfo .member{vertical-align: middle;margin:0 8px 0 8px;width: 50px; height: 44px; display:inline-block;cursor: pointer;text-decoration: none; color: #fff; font-weight: 500; font-size: 12px;line-height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .sidebar{position: fixed; overflow: hidden; font-size: 0; top: 157px; right: -140px; width: 160px;height: 193px; z-index: 10}
    .sidebar .left{width: 20px; height: 44px; display: inline-block; background: url("../images/side-l.png")no-repeat; background-size: cover; vertical-align: middle;  }
    .sidebar .left-c{width: 20px; height: 44px; display: inline-block; background: url("../images/side-r.png")no-repeat; background-size: cover; vertical-align: middle;  }
    .sidebar .right{width: 132px;height: 151px;background: #fff;display: inline-block;border: 1px solid #aaaaaa;border-right: none;vertical-align: middle; padding: 20px 0;}
    .sidebar .right .side-item{display: block; text-decoration: none; margin:5px 0 15px 12px; }
    .sidebar .right .side-item>i{font-size: 15px; color: #f7ab03;vertical-align: middle;}
    .sidebar .right .side-item>span{font-size: 10px; vertical-align: middle; color: #393d49; padding-left: 12px; }

    .footer{width: 100%;margin-top: 26px;background: url('../images/f-bg-m.png')no-repeat center;background-size: 100% 100%;}
    .footer .content{width:80%; margin: 0 auto; font-size: 7px; color: #eee; padding: 13px; }
    .footer .content a{font-size: 7px; color: #eee; text-decoration: none;}
    .footer .content .ct{padding:10px 0; border-bottom: 1px solid #363636;}
    .footer .content .ct .tit{margin-bottom: 7px;}
    .footer .content .ct .link{margin:0;}
    .footer .content .ct a{margin-right: 20px; display: inline-block;}
    .footer .content .ct .sx{margin:0 6px;}
    .footer .content .ct .lx{margin-right: 18px; white-space: nowrap;}
    .footer .content .nb{border: none;}

    .popup{display: none;z-index: 10; width: 100%; height: 100%; position: fixed; left: 0; top:0; background:rgba(0,0,0,0.5)  }
    /*登錄*/
    .popup .login{display: none;width: 80%;max-width: 450px; font-size: 12px;color: #A1A1A1;  background: #fff; border-radius: 5px; position: fixed; top: 100px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .login .login-tab{margin-top: 62px; margin-left: 15px;}
    .popup .login .login-tab .tab-1{color: #000;font-weight: bold; margin-right: 22px; font-size: 16px;}
    .popup .login .login-tab .tab-2{font-weight: bold; margin-left: 22px;font-size: 16px;text-decoration: none;color: #A1A1A1;}
    .popup .login .login-from{width: 90%;height: 135px; border: 1px solid #aaaaaa; margin: 30px auto 40px; font-size: 18px; }
    .popup .login .login-from .username{border-bottom: 1px solid #aaa; height: 44px;}
    .popup .login .login-from .username input{width: 82%; height: 44px; border: none; outline: none; padding:0 20px; font-size: 12px;line-height: 44px;}
    .popup .login .login-from .vcode{ height: 44px; font-size: 0;}
    .popup .login .login-from .vcode .vcode-img{display: inline-block;width: 70px; height: 30px; vertical-align: middle;line-height: 44px;}
    .popup .login .login-from .vcode input{width: 55%; height: 44px; border: none; outline: none; padding:0 20px; font-size: 12px;line-height: 44px;}
    .popup .login .login-from .password{height: 44px;border-bottom: 1px solid #aaa;}
    .popup .login .login-from .password input{width: 60%; height: 44px; border: none; outline: none; padding:0 20px; font-size: 12px;line-height: 44px;}
    .popup .login .login-from .password i{font-size: 26px; vertical-align: middle}
    .popup .login .login-from .forget-btn{float: right; border-bottom: 1px solid #aaa;margin-top: 5px; margin-right: 20px;}
    .popup .login .login-from .forget-btn>a{color: #aaa; font-size: 11px; text-decoration: none; line-height: 22px;}
    .popup .login .login-btn{width: 80%; height: 35px; font-size: 15px; text-align: center;line-height: 35px; background: #f7aa00;margin: 20px auto 28px;border-radius: 5px; color: #fff;border: none;
        user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;}
    .popup .login .login-btn:active{background: #f79911;}
    .popup .login .facebook-login{text-align: center; color: #393d49;font-size: 10px;}
    .popup .login .facebook-logo{width: 80%; ;margin: 15px auto;}
    .popup .login .facebook-logo >img{width: 100%;}
    .popup .close{color: #f79911;position: absolute;right: 10px;top:10px; font-size: 22px;}
    /*郵箱*/
    .popup .reg-suc{display: none;width: 300px; height: 208px; background: #fff; border-radius: 5px; position: fixed; top: 100px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .reg-suc .tips{width: 92%; margin: 60px auto 0; text-align: center; line-height: 37px;font-size: 16px;}
    /*找回密碼*/
    .popup .forget{display: none;width: 300px; height: 250px; background: #fff; border-radius: 5px; position: fixed; top: 100px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .forget .title{font-size: 16px; margin: 54px auto 0;color: #393d49; text-align: center;font-weight: 600;}
    .popup .forget .psw-from{margin: 30px auto 20px;width:270px; overflow: hidden;}
    .popup .forget .psw-from .psw-item{width: 225px; height: 45px; margin-bottom: 10px; border-radius: 5px; outline: none; border: none; border:1px solid #aaa; padding: 0 20px; font-size: 12px;}
    .popup .forget .submit{width: 265px; height: 45px;border-radius: 5px; text-align: center;line-height: 45px;font-size: 12px;background: #F6AB00; color: #fff; margin: 0 auto; }

    /*修改密碼*/
    .popup .changePsw{display: none;width: 300px; height: 377px; background: #fff; border-radius: 5px; position: fixed; top: 100px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .popup .changePsw .title{font-size: 16px; margin: 54px auto 0; color: #393d49; text-align: center;font-weight: 600;}
    .popup .changePsw .psw-from{margin: 30px auto 20px;width:270px; overflow: hidden;}
    .popup .changePsw .psw-from .psw-item{width: 225px; height: 45px; margin-bottom: 10px; border-radius: 5px; outline: none; border: none; border:1px solid #aaa; padding: 0 20px; font-size: 12px;}
    .popup .changePsw .submit{width: 265px; height: 45px;border-radius: 5px; text-align: center;line-height: 45px;font-size: 12px;background: #F6AB00; color: #fff; margin: 0 auto; }

    /*通用彈框*/
    .alert-popup .alert-box{width: 300px;height: 165px;background: #fff;border-radius: 5px; position: fixed; top: 150px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .alert-popup .alert-box .title{margin: 52px auto 0; text-align:center; font-size: 14px;color: #393d49;}
    .alert-popup .alert-box .c-btns{margin-top: 30px;text-align: center;}
    .alert-popup .alert-box .c-btns>a{display: inline-block;width: 96px; font-weight: 500; height:26px;margin: 0 10px;border-radius: 3px;text-align: center;line-height: 26px;font-size: 12px;color: #fff;text-decoration: none;}
    .alert-popup .alert-box .c-btns .confirm{background: #f7aa00;}
    .alert-popup .alert-box .c-btns .confirm:active{background: #f7910a;}
    .alert-popup .alert-box .c-btns .cancel{background: #a1a1a1;}
    .alert-popup .alert-box .c-btns .cancel:active{background: #919191;}

    /*客服*/
    .popup .service{display: none;width:250px; height: 169px; background: #fff; border-radius: 5px; position: fixed; top: 152px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .popup .service .close{color: #000;position: absolute;right: 10px;top:10px; font-size: 22px; cursor: pointer;}
    .popup .service .service-icon{width: 81px; height: 81px;margin: -40px auto 0;background: #f79911;border-radius: 50%;text-align: center;}
    .popup .service .service-icon>img{width: 75%;margin-top: 10px;}
    .popup .service .st{font-size: 12px;color: #000;text-align: center; margin-top: 25px;}
    .popup .service .sb{font-size: 12px;color: #000;text-align: center;margin-top: 25px;}
    /*line*/
    .popup .line{display: none;width: 250px; height: 250px; background: #fff; border-radius: 5px; position: fixed; top: 152px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .popup .line .close{color: #000;position: absolute;right: 10px;top:10px; font-size: 22px; cursor: pointer;}
    .popup .line .line-icon{width: 81px; height: 81px;margin: -40px auto 0;background: #f79911;border-radius: 50%;text-align: center;}
    .popup .line .line-icon>img{height: 75%;margin-top: 10px;}
    .popup .line .qr{width:135px; height: 135px;margin:15px auto 0; }
    .popup .line .qr>img{width:100%; }
    .popup .line .tips{margin: 10px auto 0; font-size: 10px; color: #4e4e4e;text-align: center;font-weight: 600;}
    /*留言*/
    .popup .comment{display: none;width: 250px; height: 362px; background: #fff; border-radius: 5px; position: fixed; top: 110px; left: 50%;
        transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
    .popup .comment .close{color: #000;position: absolute;right: 10px;top:10px; font-size: 22px; cursor: pointer;}
    .popup .comment .comment-icon{width: 81px; height: 81px;margin: -40px auto 0;background: #f79911;border-radius: 50%;text-align: center;}
    .popup .comment .comment-icon>img{width: 75%;margin-top: 10px;}
    .popup .comment .form{padding: 0 15px;}
    .popup .comment .form .form-item{margin-top: 15px;}
    .popup .comment .form .form-item .title{font-size: 12px; line-height: 25px;color: #393d49;font-weight: 600;}
    .popup .comment .form .form-item .content{ border-bottom: 1px solid #393d49;margin-top: 5px;}
    .popup .comment .form .form-item .content>input{outline: none;border: none;width: 100%;font-size: 10px;}
    .popup .comment .submit{width: 71px; height: 20px;color: #fff;font-size: 10px;line-height: 20px;background: #ec6941;text-align: center;border-radius: 5px;cursor: pointer;margin: 30px auto 0;}

	.license_body .nav ul li ul li.escrow{display:none;}
	.license ol.criterion{text-align:left;}

}

