@media (max-width: 900px) {
    .reportsBox ul.reportsList li {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .ad_side_investor_list {
        margin: 0 -10px;
    }

    .ad_side_investor_list li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-right: -2px;
        padding: 0 10px;
        box-sizing: border-box;
        border-bottom: none;
    }

    .textInnerBox {
        padding-left: 0;
        margin-bottom: 0;
    }

    .classNote {
        padding-left: 0;
    }

    .thankInfo {
        padding: 0;
    }

    .formBox {
        padding-left: 0;
    }

    .formBox [class^='g-'] {
        padding-left: 0;
        padding-right: 0;
    }

    .captchaArea iframe {
        padding-left: 0;
    }

    .captchaArea .right [class^='g-'] {
        margin-bottom: 5px;
    }

    .checkArea {
        text-align: left;
    }

    .contentBox {
        padding-left: 0;
        padding-right: 0;
    }

    .contentBox .inner:before {
        display: none;
    }

    .contentBox .leftBox {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }

    .contentBox .rightBox {
        width: 100%;
        margin-top: 40px;
    }

    ul.transactionList {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    .inveFinance h5 em {
        text-align: center;
        margin-top: 10px;
    }
}

@media (max-width: 500px) {
    .subscribeForm .checkArea .btn {
        display: block;
        margin: 5px auto 0;
    }

    .subscribeForm .checkArea .submit {
        display: block;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .subscribeForm .checkArea .sliderBox {
        display: block;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        ; }
}

@media (max-width: 480px) {
    .inveFinance table thead tr th:first-child, .inveFinance table tbody tr td:first-child {
        width: 100px;
    }

    .ad_side_investor_list {
        margin: 0;
    }

    .ad_side_investor_list li {
        width: 100%;
        padding: 0;
        margin-right: 0;
    }

    .reportsBox h4 {
        margin-bottom: 0px;
    }

    .reportsBox ul.reportsList li {
        width: 100%;
    }

    ul.transactionList li {
        width: 100%;
    }

    ul.transactionList li:nth-of-type(odd) {
        border-right: none;
    }

    .calendarTable th, .calendarTable td {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.subscribeForm .remark {
    position: relative;
}

.subscribeForm .remark::before {
    content: '*';
    position: absolute;
    top: 1px;
    right: -12px;
    color: #c1a367;
    font-size: 25px;
}

.subscribeForm select {
    width: calc(100% - 60px - 11px);
}

.subscribeForm > form > div {
    margin-bottom: 20px;
}

.subscribeForm .nameForm input[type="text"] {
    width: 50%;
    max-width: 400px;
}

.subscribeForm input[type="radio"] {
    display: none;
}

.radioBtn::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle;
    border: 1px solid #e8e8e8;
    transition: all .4s ease-out;
}

.subscribeForm input[type="radio"]:checked + .radioBtn::before {
    background-color: #14375b;
    border-color: #14375b;
}

@media (max-width: 500px) {
    .stakeholderForm .checkArea .btn {
        display: block;
        margin: 20px auto 0;
    }

    .stakeholderForm .checkArea .submit {
        display: block;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .stakeholderForm .checkArea .sliderBox {
        display: block;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}

.formBox {
    margin-top: 20px;
    color: #2f2f2f;
    /*字的顏色*/
    font-size: 13px;
    /* padding-left: 20px; */
    box-sizing: border-box;
}

.formBox .read {
    margin-top: 7px;
}

.formBox .left {
    margin-bottom: 5px;
    height: 30px;
}

.formBox label {
    display: inline-block;
    margin-right: 7px;
    font-size: 15px;
    color: #2F2F2F;
}

.formBox label em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: 10px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.formBox input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 15px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

.formBox select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 48px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #747474;
    font-family: Arial, sans-serif, "微軟正黑體";
}

.formBox textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 200px;
    padding: 5px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

/*驗證碼*/
.checkArea {
    clear: both;
    padding-top: 45px;
    text-align: center;
}

.checkArea .sliderBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 20px;
}

.checkArea p.note {
    /*向右滑動解鎖*/
    font-size: 15px;
    font-family: 微軟正黑體;
    color: #999;
    position: absolute;
    left: 55px;
    top: 7px;
}

.checkArea .btn {
    /*送出按鈕*/
    display: inline-block;
    vertical-align: middle;
}

.error {
    box-shadow: 0 0 10px #af3b42;
}

/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha {
    /*整個驗證碼區*/
}

.QapTcha .clr {
    clear: both;
}

.QapTcha .bgSlider {
    /*滑軌*/
    width: 200px;
    height: 41px;
    float: left;
    background: #45484d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDU0ODRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%);
    background: -o-linear-gradient(-45deg, #45484d 0%,#000000 100%);
    background: -ms-linear-gradient(-45deg, #45484d 0%,#000000 100%);
    background: linear-gradient(135deg, #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );
}

.QapTcha .Slider {
    /*按鈕*/
    cursor: pointer;
    width: 45px;
    height: 30px;
    background: transparent url(../lib/Qaptcha/but-arrow.gif) no-repeat;
    position: relative;
    top: 6px;
    left: 0;
    z-index: 99;
}

.checkArea p.note {
    /*向右滑動解鎖*/
    font-size: 15px;
    font-family: 微軟正黑體;
    color: #999;
    position: absolute;
    left: 55px;
    top: 11px;
}

.QapTcha .dropSuccess {
    /*成功*/
    color: #4e8b37;
}

.QapTcha .dropError {
    /*錯誤*/
    display: none;
}

@media (max-width: 900px) {
    .reportsBox ul.reportsList li {
        width: 50%;
    }
}

.checkArea .submit {
    display: inline-block;
    background-color: #c1a367;
    color: #fff;
    border-radius: 0 !important;
    padding: 12px 80px;
    cursor: pointer;
}