@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900";
@import "font-awesome.min.css";
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box
}

html,
body {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    width: 100%;
    height: 100%
}

.station_lt_tp_tit {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-weight: 300;
    padding: 25px 0 8px;
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1em;
    line-height: 1em\9;
    color: #666;
    text-align: left;
    overflow: auto
}

.station_lt_tp_tit .f_lt {
    display: block;
    float: left
}

.station_lt_tp_tit span {
    color: #ddd
}

.station_main_tit {
    text-align: center;
    font-weight: 400;
    padding: 20px;
    margin: 0
}

.station_sup_txt {
    text-align: center;
    line-height: 1.7em;
    font-size: 18px;
    color: #555;
    padding: 12px 0;
    width: 925px;
    margin: 0 auto
}

@media (max-width: 980px) {
    .station_sup_txt {
        width: 100%
    }
    .container {
        width: 100% !important;
        margin: auto
    }
}

.main {
    width: 100%
}

.main .container {
    width: 100%;
    height: 760px;
    text-align: center;
    background: url(../images/bg-pattern.png), #0b5485;
    background: url(../images/bg-pattern.png), -webkit-radial-gradient(#0b5485, #000937);
    background: url(../images/bg-pattern.png), radial-gradient(#0b5485, #000937);
}

.main .container .row {
    width: 920px;
    margin: auto
}

.main .container .row h1 {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    color: #fff;
    font-size: 53px;
    line-height: 1.3em;
    font-weight: 500;
    text-shadow: 2px 2px 8px rgba(0, 35, 80, 0.5);
    text-align: center;
    padding-top: 90px
}

.main .container .row h4 {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    color: #fff;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: 300;
    text-shadow: 2px 2px 8px rgba(0, 35, 80, 0.5);
    text-align: center;
    padding-top: 10px
}

.main .container .row p {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    color: #fff;
    font-size: 19px;
    line-height: 1.6em;
    font-weight: 300;
    text-shadow: 2px 2px 8px rgba(0, 35, 80, 0.5);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 35px;
    margin: 0 auto
}

.main .container .note {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    text-shadow: none;
    color: #999;
    padding-top: 30px;
    width: 900px;
    margin: auto
}

.station_ft {
    background: #999;
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    color: #fff
}

.station_ft a {
    color: #fff
}

.station_ft a:hover {
    border-bottom: 1px #9CF dotted;
    color: #FF0
}

:focus {
    outline: none
}

::-moz-focus-inner {
    border: 0
}

.container {
    width: 980px
}

.container a,
.container a:link,
.container a:active,
.container a:hover,
.container a:focus {
    color: #62e0ff;
    text-decoration: none;
    border: 0
}

.main .container .main_img img {
    width: 900px
}

.main .container .minor_img img {
    width: 100%
}

.tab_control {
    font-size: 16px;
    line-height: 1.5em;
    background-color: #308fc6
}

.learn {
    padding-top: 100px;
    padding-bottom: 45px
}

.learn-margin {
    margin-top: 80px
}

.section-background {
    background-color: #f5f5f5
}

.section-blue-background {
    /* background-color: #000b39 */
    background: -webkit-radial-gradient(#0b5485, #000937);
    background: -o-radial-gradient(#0b5485, #000937);
    background: -moz-radial-gradient(#0b5485, #000937);
    background: radial-gradient(#0b5485, #000937)
}

.learn h1.p_tit1 {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.4em;
    color: #0e2f8f;
    text-align: center;
    margin-bottom: 25px
}

.learn h2.p_tit2 {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.75em;
    color: #444;
    padding-bottom: 25px
}

.learn h4.p_tit1 {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 36px;
    line-height: 1.5em;
    color: #444;
    font-weight: 300;
    text-align: center;
    margin-bottom: 10px;
     margin-top: 30px
}

.learn h4.p_tit2 {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 36px;
    line-height: 1.5em;
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin-bottom: 30px
}

.learn .container p {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 100;
    line-height: 32px;
    color: #333;
    text-align: left;
    margin-bottom: 20px
}

.learn .container p a {
    color: #ea4d20;
}

.learn .container ul {
    margin-bottom: 30px;
    padding-left: 50px
}

.learn .container ul li {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 32px;
    color: #fff;
    margin-bottom: 10px;
    list-style-image: url(../images/datacore-pic-01.png)
}

.f04 {
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
}

.learn .container .f04 ul {
    margin-bottom: 30px;
    padding-left: 50px
}

.learn .container .f04 ul li {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 32px;
    color: #333;
    margin-bottom: 10px;
    list-style: disc;
}

.learn img {
    width: 100%;
    height: auto;
    margin: auto 0
}

.learn .main-invite {
    padding-top: 10px
}

.learn .main-invite .signal-note {
    color: #f77625;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    padding-top: 8px
}

.learn .main-invite .signal a {
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    background: #f77625;
    padding: 15px 60px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    margin: 0 auto
}

.learn .main-invite .signal a:hover {
    background: #f66722;
    border: 0
}

.learn .main-invite .signal i {
    padding-left: 0
}

.main .container .register,
.learn .container .register {
    width: 380px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 40px
}

a#register_btn {
    font-family: 'Open Sans', Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 100;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 70px;
    width: 380px;
    height: 70px;
    background: #ff6b05;
    border-radius: 5px
}

a#register_btn:hover {
    text-decoration: none
}

.iframe_style iframe {
    width: 900px;
    /*height: 800px;*/
    margin-top: 50px
}

@media screen and (min-width: 848px) and (max-width: 1000px) {
    .iframe_style iframe {
        width: 900px;
        /*height: 800px !important;*/
        margin-top: 50px
    }
}

.learn .container .tab_ico_all::after {
    content: ' ';
    display: block;
    clear: both
}

.learn .container .tab_ico {
    width: 20%;
    float: left;
    padding: 15px 5px;
    height: 220px
}

.learn .container .tab_ico_long {
    width: 20%;
    float: left;
    padding: 15px 5px;
    height: 240px
}

.learn .container .color-01 {
    background-color: #4cbed9
}

.learn .container .color-02 {
    background-color: #bfd012
}

.learn .container .color-03 {
    background-color: #f4b300
}

.learn .container .color-04 {
    background-color: #ea4d20
}

.learn .container .color-05 {
    background-color: #7e3795
}

.learn .container .tab_ico_img {
    width: 100px;
    margin: auto
}

.learn .container .tab_ico_txt {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    color: #fff;
    padding-top: 10px;
    text-align: center
}

.learn .container .tab_ico_txt_long {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 400;
    color: #fff;
    padding-top: 10px;
    text-align: center
}

.learn .container .p_txt p {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    color: #333;
    margin-top: 25px
}

.learn .container .tab_pro {
    width: 100%;
    margin: 30px auto;
    border: 1px solid #d8dadc;
    line-height: 1.5em;
    border-collapse: collapse
}

.learn .container .tab_pro th {
    border: 1px solid #d8dadc;
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    height: 18px;
    padding: 12px 3px;
    text-align: center;
    background-image: #7c8184;
    background-image: -webkit-linear-gradient(to bottom, #7c8184, #a0a6ab 100%);
    background-image: linear-gradient(to bottom, #7c8184, #a0a6ab 100%);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .18);
}

.learn .container .tab_pro td {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 32px;
    color: #042352;
    text-align: center;
    border: 1px solid #d8dadc;
    padding: 20px 3px;
}

.learn .container .tab_pro td.flag {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 32px;
    color: #042352;
    text-align: left;
    border: 1px solid #d8dadc;
    padding: 20px 18px;
}

.learn .container .tab_pro td img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.learn .container .tab_pro td.flag img {
    width: 35px;
    height: auto;
    vertical-align: middle
}

.country {
    display: none
}

.learn .container .tab_pro .btn_more {
    font-size: 14px;
    line-height: 1.6em;
    display: block;
    background: #3b81de;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    width: 150px;
    margin: auto;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

.learn .container hr.soften {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    margin: 40px auto
}

.learn .container .btn_all {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    display: block;
    background: #3f3532;
    color: #fff;
    text-decoration: none;
    padding: 15px 0;
    width: 600px;
    margin: 50px auto 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.btn-download {
    width: 260px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px
}

.btn-download a.download {
    font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    line-height: 50px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    background: #3ec28b;
    color: #fff;
    position: relative;
    border-radius: 4px
}

.btn-download a.download:hover {
    background: #72c2a1
}

.totop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 104400;
    background: url(../images/gotop.png) center no-repeat
}

.totop a,
.totop a:visited,
.totop a:hover {
    display: block;
    width: 48px;
    height: 48px;
    text-decoration: none
}

@media screen and (max-width: 480px) {
    .main {
        width: 100%
    }
    .main .container {
        width: 100%;
        height: auto;
        font-size: 80px;
        text-align: center;
    }
    .main .container .row {
        width: auto;
        margin: auto;
        padding: 0 20px
    }
    .main .container .row h1 {
        font-size: 27px;
    }
    .main .container .row h4 {
        font-size: 20px;
    }
    .main .container .row p {
        font-size: 16px;
    }
    .main .container .note {
        font-size: 13px;
        line-height: 22px;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%
    }
    .main .container .main_img img {
        width: 100%;
        margin-bottom: 40px
    }
    .main .container .minor_img img {
        width: 100%
    }
    .container {
        width: 100%
    }
    .container.mobile_menu {
        padding: 0
    }
    .nav-tabs>li {
        float: none;
        border-bottom: #FFF solid 1px
    }
    .learn {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .learn-margin {
        margin-top: 0
    }
    .learn h1.p_tit1 {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.5em;
        color: #104c7b;
        text-align: left
    }
    .learn h2.p_tit2 {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.7em;
        color: #444;
        padding-bottom: 15px
    }
    .learn h4.p_tit1 {
        font-size: 32px;
    }
    .learn h4.p_tit2 {
        font-size: 32px;
    }
    .learn .container p {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 18px;
        font-weight: 100;
        line-height: 32px;
        color: #333;
        text-align: center;
        margin-bottom: 20px
    }
    .learn .container ul {
        margin-bottom: 30px;
        padding-left: 40px
    }
    .learn .container ul li {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 17px;
        font-weight: 100;
        line-height: 24px;
        color: #fff;
        margin-bottom: 10px;
        list-style-image: url(../images/datacore-pic-01.png)
    }
    .learn img {
        width: 100%;
        height: auto
    }
    .main .container .register,
    .learn .container .register {
        width: 100%;
        margin: 0 auto;
        padding: 15px 15px 40px
    }
    a#register_btn {
        font-family: 'Open Sans', Helvetica, Verdana, Tahoma, sans-serif;
        font-size: 24px;
        font-weight: 100;
        color: #fff;
        display: block;
        text-align: center;
        line-height: 70px;
        width: 100%;
        height: 70px;
        background: #ff6b05;
        border-radius: 5px
    }
    a#register_btn:hover {
        text-decoration: none
    }
    .iframe_style iframe {
        width: 100%;
        height: 1130px;
        margin-top: 30px
    }
    .learn .container .tab_ico {
        width: 100%;
        float: left;
        padding: 20px 10px 25px;
        height: auto
    }
    .learn .container .tab_ico_long {
        width: 100%;
        float: left;
        padding: 20px 10px 25px;
        height: auto
    }
    .learn .container .color-01 {
        background-color: #4cbed9
    }
    .learn .container .color-02 {
        background-color: #bfd012
    }
    .learn .container .color-03 {
        background-color: #f4b300
    }
    .learn .container .color-04 {
        background-color: #ea4d20
    }
    .learn .container .color-05 {
        background-color: #7e3795
    }
    .learn .container .tab_ico_img {
        width: 100px;
        margin: auto
    }
    .learn .container .tab_ico_txt,
    .learn .container .tab_ico_txt_long {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 15px;
        line-height: 1.4em;
        font-weight: 400;
        color: #fff;
        padding-top: 10px;
        text-align: center
    }
    .learn .container .tab_pro {
        width: 100%;
        margin: 30px auto;
        border: 1px solid #d8dadc;
        line-height: 1.5em;
        border-collapse: collapse
    }
    .learn .container .tab_pro th {
        font-size: 15px;
        line-height: 20px;
        height: 18px;
        padding: 12px 3px
    }
    .learn .container .tab_pro td {
        font-size: 16px;
        line-height: 32px;
        color: #042352;
        padding: 20px 3px
    }
    .learn .container .tab_pro td.flag {
        font-size: 14px;
        line-height: 20px;
        padding: 15px 5px;
        text-align: center
    }
    .learn .container .tab_pro td img {
        width: 100%;
        height: auto;
        vertical-align: middle
    }
    .learn .container .tab_pro td.flag img {
        width: 50px;
        height: auto;
        vertical-align: middle;
        margin: auto
    }
    .country {
        display: inline-block
    }
    .learn .container .tab_pro .btn_more {
        font-size: 14px;
        line-height: 1.6em;
        display: block;
        background: #3b81de;
        color: #fff;
        padding: 10px 5px;
        width: 100%;
        margin: auto;
        border-radius: 6px;
        -webkit-border-radius: 6px
    }
    .learn .container .btn_all {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 15px;
        line-height: 1.6em;
        text-align: center;
        display: block;
        background: #3f3532;
        color: #fff;
        text-decoration: none;
        width: 100%;
        padding: 15px;
        margin: 30px auto 10px;
        border-radius: 6px;
        -webkit-border-radius: 6px
    }
    .learn .container hr.soften {
        border: 0;
        border-bottom: 1px solid #e3e3e3;
        margin: 40px auto
    }
    .btn-download {
        width: 260px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .warning {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.6em;
        color: #777;
        background: #ff311e;
        border: #f0c36d solid 1px;
        padding: 10px;
        margin: 0 5px 35px
    }
    .icon-tit {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 21px;
        font-weight: 500;
        line-height: 1.4em;
        color: #494949;
        padding-left: 10px
    }
    .actions p {
        padding-top: 15px
    }
}

@media screen and (min-width: 481px) and (max-width: 1000px) {
    .main {
        width: 100%
    }
    .main .container {
        width: 100%;
        height: auto;
        font-size: 80px;
        text-align: center;
    }
    .main .container .row {
        width: auto;
        margin: auto;
        padding: 0 20px
    }
    .main .container .row h1 {
        font-size: 42px;
        line-height: 53px;
        padding-top: 40px
    }
    .main .container .row h4 {
        font-size: 25px;
    }
    .main .container .row p {
        font-size: 18px;
    }
    .main .container .note {
        font-size: 14px;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%
    }
    .main .container .main_img img {
        width: 100%;
        margin-bottom: 50px
    }
    .main .container .minor_img img {
        width: 100%
    }
    .container {
        width: 100%
    }
    .learn h2.p_tit2 img {
        vertical-align: middle;
        margin-right: 10px;
        width: 80px
    }
    .container.mobile_menu {
        padding: 0
    }
    .nav-tabs>li {
        float: none;
        border-bottom: #FFF solid 1px
    }
    .learn {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .learn-margin {
        margin-top: 0
    }
    .learn h4.p_tit1 {
        font-size: 24px;
    }
    .learn h4.p_tit2 {
        font-size: 24px;
    }
    .learn .container p {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 32px;
        color: #333;
        text-align: center;
        margin-bottom: 20px
    }
    .learn .container ul {
        margin-bottom: 30px;
        padding-left: 50px
    }
    .learn .container ul li {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 28px;
        color: #fff;
        margin-bottom: 10px;
        list-style-image: url(../images/datacore-pic-01.png)
    }
    .learn img {
        width: 100%;
        height: auto
    }
    .warning {
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.6em;
        color: #777;
        background: #ff311e;
        border: #f0c36d solid 1px;
        padding: 10px;
        margin: 10px 10px 35px
    }
    .main .container .register,
    .learn .container .register {
        width: 100%;
        margin: 0 auto;
        padding: 15px 15px 40px
    }
    a#register_btn {
        font-family: 'Open Sans', Helvetica, Verdana, Tahoma, sans-serif;
        font-size: 24px;
        font-weight: 100;
        color: #fff;
        display: block;
        text-align: center;
        line-height: 70px;
        width: 100%;
        height: 70px;
        background: #ff6b05;
        border-radius: 5px
    }
    a#register_btn:hover {
        text-decoration: none
    }
    .iframe_style iframe {
        width: 100%;
        height: 1080px;
        margin-top: 30px
    }
    .learn .container .tab_ico {
        position: relative;
        width: 100%;
        padding: 15px 20px;
        height: auto
    }
    .learn .container .tab_ico_long {
        position: relative;
        width: 100%;
        padding: 15px 20px;
        height: auto
    }
    .learn .container .color-01 {
        background-color: #4cbed9
    }
    .learn .container .color-02 {
        background-color: #bfd012
    }
    .learn .container .color-03 {
        background-color: #f4b300
    }
    .learn .container .color-04 {
        background-color: #ea4d20
    }
    .learn .container .color-05 {
        background-color: #7e3795
    }
    .learn .container .tab_ico_img {
        width: 80px;
        margin: auto;
        float: left
    }
    .learn .container .tab_ico_img img {
        width: 80px;
        height: 80px
    }
    .learn .container .tab_ico_txt,
    .learn .container .tab_ico_txt_long {
        position: absolute;
        width: auto;
        left: 120px;
        right: 20px;
        margin: 0;
        float: none;
        font-family: "Open Sans", Helvetica, Verdana, Tahoma, "Hei TC", "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
        font-size: 16px;
        line-height: 1.4em;
        font-weight: 400;
        color: #fff;
        text-align: left
    }
    .learn .container .tab_pro {
        width: 100%;
        margin: 30px auto;
        border: 1px solid #d8dadc;
        line-height: 1.5em;
        border-collapse: collapse
    }
    .learn .container .tab_pro th {
        font-size: 15px;
        line-height: 24px;
        height: 18px;
        padding: 12px 3px
    }
    .learn .container .tab_pro td {
        font-size: 18px;
        line-height: 32px;
        color: #042352;
        padding: 20px 3px
    }
    .learn .container .tab_pro td.flag {
        font-size: 14px;
        line-height: 20px;
        padding: 15px 5px;
        text-align: center
    }
    .learn .container .tab_pro td img {
        width: 100%;
        height: auto;
        vertical-align: middle
    }
    .learn .container .tab_pro td.flag img {
        width: 50px;
        height: auto;
        vertical-align: middle;
        margin: auto
    }
    .country {
        display: inline-block
    }
    .learn .container .tab_pro .btn_more {
        font-size: 14px;
        line-height: 1.6em;
        display: block;
        background: #3b81de;
        color: #fff;
        padding: 10px 5px;
        width: 100%;
        margin: auto;
        border-radius: 6px;
        -webkit-border-radius: 6px
    }
    .learn .container .btn_all {
        font-size: 15px;
        line-height: 1.6em;
        text-align: center;
        display: block;
        background: #3f3532;
        color: #fff;
        text-decoration: none;
        width: 100%;
        padding: 15px;
        margin: 40px auto 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px
    }
}

@media (min-width: 500px) {
    .main .container .register,
    .learn .container .register {
        width: 380px;
        margin: 0 auto;
        padding-top: 15px;
        padding-bottom: 40px
    }
    a#register_btn {
        font-family: 'Open Sans', Helvetica, Verdana, Tahoma, sans-serif;
        font-size: 24px;
        font-weight: 100;
        color: #fff;
        display: block;
        text-align: center;
        line-height: 70px;
        width: 380px;
        height: 70px;
        background: #ff6b05;
        border-radius: 5px
    }
    a#register_btn:hover {
        text-decoration: none
    }
}

header.mainHeader .func-search .input-text input[type="text"],
header.mainHeader .func-subscribe .input-text input[type="text"],
header.mainHeader .qp-container h1,
header.mainHeader .qp-container nav.mainNav ul li,
header.mainHeader .qp-container nav.mainNav ul li.subItems-opened div.subItems {
    -o-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_l li a .label,
header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_rl li a .label,
header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_rr li a .label {
    color: #00ADEF
}

header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_l li a .label {
    padding: 0;
    text-align: left;
    line-height: 50px;
    font-weight: 300;
    font-size: 17px
}