﻿@charset "utf-8";
/* CSS Document */
body{
    margin: 0;
    padding: 0;
    font-family:"微軟正黑體","Microsoft JhengHei","Lucida Grande","Tahoma","Verdana","Arial","sans-serif","新細明體","PMingLiU";
    -webkit-text-size-adjust:100%;
    overflow-y:scroll;
}

a {
    outline: none;
    text-decoration: none;
    color: none;
}

img {
    border: 0;
}

input, button {
    -webkit-appearance: none;
    border: 0;
}

/*清除ie樣式*/
select::-ms-expand {
    display: none;
}

/*清除預設樣式*/
select {
    -webkit-appearance: none; /*for chrome*/
    appearance: none;
    -moz-appearance: none;
    border: none;
}

.play_btn {
    padding: 3px 19px 5.5px 19px;
    background-color: #455eaa;
    border-radius: 29px;
    cursor: pointer;
    display: inline-block;
    line-height: 19px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
}

.play_btn:hover {
    background-color: #fcb853;
}

.article_color {
    color: #555555;
}

.full_img_module, .full_img_module2 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;

}

.full_img_module2 {
    width: 150px;
    float: left;
}

.full_img_module img, .full_img_module2 img {
    display: none;
}

.table_scroll {
    overflow-x: auto;
    width: 100%;
    margin-top: 20px;
}

.table_scroll table {

    border-color: #e5e5e5;
    width: 1120px;
    font-size: 15px;
    color: #444040;
}

.table_scroll table tr:first-of-type {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.table_scroll table tr td {
    padding: 10px;
}

.table_scroll a {
    text-decoration: underline;
    color: #7e7e7e;
}

.table_scroll a:hover {
    text-decoration: underline;
    color: #444040;
}

.gen_input {
    background-color: #ffffff;
    color: #333333;
    border: 0;
    border: solid 1px #e5e5e5;
}

.gen_input {
    margin-top: 10px;
    height: 39px;
    padding: 0 2.5%;
    width: 95%;
}

.gen_select2 {
    background: #ffffff;
    color: #666666;
    -webkit-appearance: none; /*for chrome*/
    appearance: none;
    -moz-appearance: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: center right;
    border: solid 1px #e5e5e5;
}

/*清除ie樣式*/
.gen_select2::-ms-expand {
    display: none;
}

.gen_select2 {
    width: 100%;
    padding: 0px 2.5%;
    margin-top: 10px;
    height: 40px;
}

.img_btn {
    color: #ffffff;

    background-color: #01c5f3;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
    display: inline-block;
}

/*垂直置中*/
.Tables {
    display: table;
    height: 100%;
    width: 100%;
}

.cell {
    display: table-cell;
    vertical-align: middle;
}

.gen_select {
    background: #f1f1f1;
    /*color:#9a9898;*/
    color: #868686;
    -webkit-appearance: none; /*for chrome*/
    appearance: none;
    -moz-appearance: none;
    background-image: url(../images/gen_select.png);
    background-repeat: no-repeat;
    background-position: center right;
    border-radius: 5px;
    /*	overflow: hidden;*/
    border: none;
    width: 200px;
    padding: 0px 34px 0 10px;
    /*margin: 18px 5px;*/
    font-size: 13px;
    height: 31px;
    float: right;
}

.gen_select option {
    background: #ffffff;
}

/*清除ie樣式*/
.gen_select::-ms-expand {
    display: none;
}

.hr {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin: auto;
}

.all_hide {
    display: none;
}

.page_content {
    width: 100%;
    margin-top: 15px;
}

/*作品圖顯示*/
.module_bg {
    width: 100%;
    background-size: 102%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 61%;
    margin: 0px;
}

/*inner_center 寬1024 置中*/
/*pc_hide 在網頁版隱藏 需包在外面*/
/*phone_hide 在手機版隱藏 需包在外面*/
.float {
    float: left;
}

.clear {
    width: 0px !important;
    height: 0px !important;
    clear: left;
}

.clear_right {
    clear: right;
}

.pb25 {
    padding-bottom: 25px !important;
}

.icon_span {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #ee575c;
    border-radius: 50%;
    display: inline-block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 6px -10px 0;
}

.icon_span > div {
    position: absolute;
    top: -10px;
    right: -13px;
    font-size: 8px;
    color: #ffffff;
    background-color: #f9593a;
    border: 1px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 19px;
    /*padding: 1.2px 0 2.8px 0; */
}

/*半圓形按鈕*/
.oval_btn {
    background-color: #f1595e;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 9px 20px 11px 20px;
    border-radius: 24px;
}

/*滑鼠滑過效果*/
.grab_group .bg:hover {
    opacity: 0.8;
    cursor: pointer;
}

.grab_group .module_bg:hover {
    opacity: 0.8;
    cursor: pointer;
}

.real6_div .smark:hover {
    color: #005aff !important;
    cursor: pointer;
}

.popular_real .smark:hover {
    color: #005aff !important;
    cursor: pointer;
}

.grab_group .title:hover {
    color: #005aff !important;
    cursor: pointer;
}

.grab_group .title > a {
    color: #0c0c0d !important;
}

.grab_group .title:hover > a {
    color: #005aff !important;
    cursor: pointer;
}

.popular_real1 .popular_banner .title:hover {
    color: #414242 !important;
}

.popular_real1 .popular_banner .smark:hover {
    color: #414242 !important;
}

.popular_real1 .popular_banner_div:hover .module_bg {
    opacity: 0.8;
    cursor: pointer;
}

.real5_div .school:hover {
    color: #005aff !important;
}

/*menu*/
.menu_right {
    float: right;
}

.menu_top {

    height: 45px;
    float: right;
    width: 244px;
    position: relative;
}

.menu_top input {
    position: absolute;
    width: 200px;
    height: 31px;
    border-radius: 5px;
    color: #9a9898;
    background-color: #f1f1f1;
    top: 10px;
    border: 0px dashed;
    font-size: 13px;
    letter-spacing: 0.7px;
    padding-left: 10px;
    padding-right: 34px;

    z-index: 1;
}

.menu_top_search {
    position: absolute;
    width: 26px;
    right: 6px;
    top: 14px;
    z-index: 3;
    cursor: pointer;
}

/*content*/
.content {
    padding-bottom: 0px;
    background-color: #dcdcdc;
}

/*footer*/
.footer {
    background-color: #bf4f4f;
    width: 100%;
    font-size: 13px;
    letter-spacing: 0.7px;
    line-height: 20px;
    color: #ffffff;
}

.footer_div {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.footer_div > a > span {
    color: #ffffff;
    display: inline-block;
}

.footer_img {
    margin-top: 16px;
    float: left;
    text-align: center;
}

.footer_fb {
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.footer_img a img {
    height: 115px;
}

/*service 按鈕*/
.service > img {
    position: fixed;
    width: 90px;
    right: 50px;
    bottom: 50px;
    z-index: 12;
}

.icon5, .icon6, .icon9, .icon10, .icon11, .icon12, .icon13{
    cursor: pointer;
}

/*漢堡選單展開*/
.cover_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 502;
    background-image: url(about:blank);
    /*cursor: pointer;*/
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

.h_content {
    position: fixed;
    z-index: 503;
    top: 0px;
    left: 0px;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    display: none;
}

.h_content > .menu {
    border: 0 !important;
}

.h_close {
    width: 36px !important;
    height: 36px !important;
    float: right;
    margin: 12px 3px 0 0 !important;
}

.h_li_bg {
    background: #ffffff;
    padding-bottom: 70px;
    font-size: 18px;
    letter-spacing: 1px;
}

.h_li {
    color: #444040;
    padding: 13px 0;
    width: 84%;
    max-width: 750px;
    margin: 0 auto;
    border-bottom: #d1d1d1 1px solid;
    cursor: pointer;
}

.h_li.active {
    border-bottom: #999a9a 2px solid;
}

.h_li > input {
    height: 40px;
    color: #9a9898;
    background-color: #ffffff;
    border: 0px dashed;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.h_li > img {
    width: 41px;
    cursor: pointer;
    margin: 0 8px -17px 0;
}

/*banner*/
.banner_img {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.banner_img > a > img {
    width: 100%;
    position: relative;
    z-index: 0;
    display: block;
}

.banner_item {
    position: absolute;
    z-index: 15;
    bottom: 12px;
}

.banner_item > img {
    width: 12px;
    margin: 0 3px;
    position: relative;
    z-index: 10;
}

.banner_item > div {
    position: absolute;
    z-index: 11;
    background-image: url(about:blank);
    top: 0;
    width: 100%;
    height: 100px;
}

/*內容區塊bar功能*/
.group_item > .group_top > .title {
    color: #ffffff;
    display: inline-block;
    overflow: hidden; /*超出範圍的部分隱藏*/
    white-space: nowrap; /*不自動斷行*/
    text-overflow: ellipsis; /*出現省略號*/
}

.group_item > .group_top .more {
    color: #ffffff;
    float: right;
    margin-top: 12px;
    margin-right: 10px;
    cursor: pointer;
}

.more_img {
    width: 18px;
    height: 18px;
    margin-bottom: -4px;
    background-image: url(../images/more.png);
    background-size: 100%;
    background-position: center;
    display: inline-block;
}

.group_item > .group_in {
    position: relative;
}

.group_item > .group_in > .real {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

/*icon_group*/
.icon_group .icon_group_in {
    overflow: hidden; /*超出範圍的部分隱藏*/
    white-space: nowrap; /*不自動斷行*/
    text-overflow: ellipsis; /*出現省略號*/
    float: left;
}

.icon_group .icon_group_inshare{
    float: left;
}

.icon_group .icon_group_inshare > img {
    width: 24.8px;
}

.icon_group .icon_group_inshare > a > img {
    width: 24.8px;
}

/*icon_group_in2*/
.icon_group_in2 {
    font-size: 13px;
    overflow: hidden; /*超出範圍的部分隱藏*/
    white-space: nowrap; /*不自動斷行*/
    text-overflow: ellipsis; /*出現省略號*/
}

.icon_group_in2 > span {
    margin: 0 3px;
}

.icon_group_in2 img {
    width: 16px;
    margin-bottom: -3px;
}

.icon_group > .icon_group_in2:nth-child(odd) {
    margin-top: 5px;
    margin-right: 2%;
    width: 47%;
    float: left;
    color: #7e7e7e;
}

.icon_group > .icon_group_in2:nth-child(even) {
    margin-top: 5px;
    margin-left: 2%;
    width: 47%;
    float: right;
    text-align: right;
    color: #7e7e7e;
}

/*.rect_title*/
.rect_title {
    color: #465456;
    /*font-weight: bold;*/
    position: relative;
    /*max-width:300px;*/
    margin-left: 0.5em;
}

.rect_title > img {
    margin-right: 0.3em;
    width: 5px;
    margin-bottom: -0.4%;
    margin-left: -0.5em;
}

/*happy*/
.happy_star1 {
    position: absolute;
    width: 12%;
    -webkit-animation: happy_star_p3_1_thr 0.7s linear infinite;
    -moz-animation: happy_star_p3_1_thr 0.7s linear infinite;
    animation: happy_star_p3_1_thr 0.7s linear infinite;
}

@-moz-keyframes happy_star_p3_1_thr {
    50% {
        width: 10%;
        opacity: 0;
    }
    100% {
        width: 12%;
        opacity: 1;
    }
}

@-webkit-keyframes happy_star_p3_1_thr {
    50% {
        width: 10%;
        opacity: 0;
    }
    100% {
        width: 12%;
        opacity: 1;
    }
}

@keyframes happy_star_p3_1_thr {
    50% {
        width: 10%;
        opacity: 0;
    100% {
        width: 12%;
        opacity: 1;
    }
}

}
.happy_star2 {
    position: absolute;
    width: 3%;
    opacity: 0;
    z-index: 5;
    -webkit-animation: happy_star_p3_2_thr 0.7s linear infinite;
    -moz-animation: happy_star_p3_2_thr 0.7s linear infinite;
    animation: happy_star_p3_2_thr 0.7s linear infinite;
}

@-moz-keyframes happy_star_p3_2_thr {
    50% {
        width: 5%;
        opacity: 0.6;
    }
    100% {
        width: 3%;
        opacity: 0;
    }
}

@-webkit-keyframes happy_star_p3_2_thr {
    50% {
        width: 5%;
        opacity: 0.6;
    }
    100% {
        width: 3%;
        opacity: 0;
    }
}

@keyframes happy_star_p3_2_thr {
    50% {
        width: 5%;
        opacity: 0.6;
    100% {
        width: 3%;
        opacity: 0;
    }
}

}
.happy_star_place {
    position: absolute;
    z-index: 5;
    width: 100%;
    display: none;
}

.happy_star_place1 .happy_star1 {
    left: 0%;
    margin-top: 0%;
}

.happy_star_place1 .happy_star2 {
    left: 0%;
    margin-top: 10%;
}

.happy_star_place2 .happy_star1 {
    left: 0%;
    margin-top: 0%;
}

.happy_star_place2 .happy_star2 {
    left: 0%;
    margin-top: 10%;
}

.happy_star_place3 .happy_star1 {
    left: 3%;
    margin-top: 3%;
}

.happy_star_place3 .happy_star2 {
    left: 0%;
    margin-top: 0%;
}

.happy_star_place4 .happy_star1 {
    left: 0%;
    margin-top: 3%;
}

.happy_star_place4 .happy_star2 {
    left: 8%;
    margin-top: 0%;
}

.happy_star_place5 .happy_star1 {
    left: 0%;
    margin-top: 0%;
}

.happy_star_place5 .happy_star2 {
    left: 9%;
    margin-top: 10%;
}

.happy_p2_1 {
    position: absolute;
    width: 34.375%;
    left: 56.445%;
    top: 40.625%;
    z-index: 5;
    -webkit-animation: happy_p2_1_thr 3s linear infinite;
    -moz-animation: happy_p2_1_thr 3s linear infinite;
    animation: happy_p2_1_thr 3s linear infinite;
}

@-moz-keyframes happy_p2_1_thr {
    50% {
        margin-left: 3%;
    }
    100% {
        margin-left: -3%;
    }
}

@-webkit-keyframes happy_p2_1_thr {
    50% {
        margin-left: 3%;
    }
    100% {
        margin-left: -3%;
    }
}

@keyframes happy_p2_1_thr {
    50% {
        margin-left: 3%;
    100% {
        margin-left: -3%;
    }
}

}

.happy_p6_1 {
    position: absolute;
    width: 45.8%;
    left: 25.097%;
    top: 26.432%;
    z-index: 5;
    -webkit-animation: happy_p6_1_thr 1s linear infinite;
    -moz-animation: happy_p6_1_thr 1s linear infinite;
    animation: happy_p6_1_thr 1s linear infinite;
}

@-moz-keyframes happy_p6_1_thr {
    50% {
        margin-top: 1%;
    }
    100% {
        margin-top: -1%;
    }
}

@-webkit-keyframes happy_p6_1_thr {
    50% {
        margin-top: 1%;
    }
    100% {
        margin-top: -1%;
    }
}

@keyframes happy_p6_1_thr {
    50% {
        margin-top: 1%;
    100% {
        margin-top: -1%;
    }
}

}

.happy_star_p8_1 {
    position: absolute;
    width: 7.421%;
    left: 55.097%;
    top: 53.8%;
    z-index: 5;
    -webkit-animation: happy_star_p8_1_thr 0.8s linear infinite;
    -moz-animation: happy_star_p8_1_thr 0.8s linear infinite;
    animation: happy_star_p8_1_thr 0.8s linear infinite;
}

@-moz-keyframes happy_star_p8_1_thr {
    50% {
        width: 7.2%;
        opacity: 0;
    }
    100% {
        width: 7.421%;
        opacity: 1;
    }
}

@-webkit-keyframes happy_star_p8_1_thr {
    50% {
        width: 7.2%;
        opacity: 0;
    }
    100% {
        width: 7.421%;
        opacity: 1;
    }
}

@keyframes happy_star_p8_1_thr {
    50% {
        width: 7.2%;
        opacity: 0;
    100% {
        width: 7.421%;
        opacity: 1;
    }
}

}
.happy_star_p8_2 {
    position: absolute;
    width: 6%;
    left: 67.097%;
    top: 55.8%;
    z-index: 5;
    opacity: 0;
    -webkit-animation: happy_star_p8_2_thr 0.7s linear infinite;
    -moz-animation: happy_star_p8_2_thr 0.7s linear infinite;
    animation: happy_star_p8_2_thr 0.7s linear infinite;
}

@-moz-keyframes happy_star_p8_2_thr {
    50% {
        width: 6.7%;
        opacity: 1;
    }
    100% {
        width: 6.921%;
        opacity: 0;
    }
}

@-webkit-keyframes happy_star_p8_2_thr {
    50% {
        width: 6.7%;
        opacity: 1;
    }
    100% {
        width: 6.921%;
        opacity: 0;
    }
}

@keyframes happy_star_p8_2_thr {
    50% {
        width: 6.7%;
        opacity: 1;
    100% {
        width: 6.921%;
        opacity: 0;
    }
}

}
.happy_star_p8_3 {
    position: absolute;
    width: 5.421%;
    left: 63.097%;
    top: 71%;
    z-index: 5;
    -webkit-animation: happy_star_p8_3_thr 1s linear infinite;
    -moz-animation: happy_star_p8_3_thr 1s linear infinite;
    animation: happy_star_p8_3_thr 1s linear infinite;
}

@-moz-keyframes happy_star_p8_3_thr {
    50% {
        width: 5.2%;
        opacity: 0;
    }
    100% {
        width: 5.421%;
        opacity: 0.8;
    }
}

@-webkit-keyframes happy_star_p8_3_thr {
    50% {
        width: 5.2%;
        opacity: 0;
    }
    100% {
        width: 5.421%;
        opacity: 0.8;
    }
}

@keyframes happy_star_p8_3_thr {
    50% {
        width: 5.2%;
        opacity: 0;
    100% {
        width: 5.421%;
        opacity: 0.8;
    }
}

}
.happy_p9_1 {
    position: absolute;
    width: 4.296%;
    left: 73.437%;
    top: 36.458%;
    z-index: 5;
    -webkit-animation: happy_p9_1_thr 1.5s linear infinite;
    -moz-animation: happy_p9_1_thr 1.5s linear infinite;
    animation: happy_p9_1_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p9_1_thr {
    50% {
        margin-top: 1%;
        opacity: 0.5;
    }
    100% {
        margin-top: -1%;
        opacity: 1;
    }
}

@-webkit-keyframes happy_p9_1_thr {
    50% {
        margin-top: 1%;
        opacity: 0.5;
    }
    100% {
        margin-top: -1%;
        opacity: 1;
    }
}

@keyframes happy_p9_1_thr {
    50% {
        margin-top: 1%;
        opacity: 0.5;
    100% {
        margin-top: -1%;
        opacity: 1;
    }
}

}
.happy_p9_2 {
    position: absolute;
    width: 4.003%;
    left: 48.828%;
    top: 35.807%;
    z-index: 5;
    opacity: 0.5;
    -webkit-animation: happy_p9_2_thr 1.5s linear infinite;
    -moz-animation: happy_p9_2_thr 1.5s linear infinite;
    animation: happy_p9_2_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p9_2_thr {
    50% {
        margin-top: -1%;
        opacity: 1;
    }
    100% {
        margin-top: 1%;
        opacity: 0.5;
    }
}

@-webkit-keyframes happy_p9_2_thr {
    50% {
        margin-top: -1%;
        opacity: 1;
    }
    100% {
        margin-top: 1%;
        opacity: 0.5;
    }
}

@keyframes happy_p9_2_thr {
    50% {
        margin-top: -1%;
        opacity: 1;
    100% {
        margin-top: 1%;
        opacity: 0.5;
    }
}

}
.happy_p9_3 {
    position: absolute;
    width: 2.246%;
    left: 32.128%;
    top: 48.4375%;
    z-index: 5;
    -webkit-animation: happy_p9_3_thr 1.5s linear infinite;
    -moz-animation: happy_p9_3_thr 1.5s linear infinite;
    animation: happy_p9_3_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p9_3_thr {
    50% {
        margin-top: 1%;
        opacity: 0.5;
    }
    100% {
        margin-top: -1%;
        opacity: 1;
    }
}

@-webkit-keyframes happy_p9_3_thr {
    50% {
        margin-top: 1%;
        opacity: 0.5;
    }
    100% {
        margin-top: -1%;
        opacity: 1;
    }
}

@keyframes happy_p9_3_thr {
    50% {
        margin-top: 1%;
        opacity: 0.5;
    100% {
        margin-top: -1%;
        opacity: 1;
    }
}

}
.happy_p10_1 {
    position: absolute;
    width: 43.847%;
    left: 54%;
    top: 35.2%;
    z-index: 5;
    -webkit-animation: happy_p10_1_thr 1.5s linear infinite;
    -moz-animation: happy_p10_1_thr 1.5s linear infinite;
    animation: happy_p10_1_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p10_1_thr {
    50% {
        margin-left: 2%;
    }
    100% {
        margin-left: -2%;
    }
}

@-webkit-keyframes happy_p10_1_thr {
    50% {
        margin-left: 2%;
    }
    100% {
        margin-left: -2%;
    }
}

@keyframes happy_p10_1_thr {
    50% {
        margin-left: 2%;
    100% {
        margin-left: -2%;
    }
}

}
.happy_p10_2 {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 0%;
    z-index: 4;
}

.happy_p11_1 {
    position: absolute;
    width: 45.996%;
    left: 45.41%;
    top: 21.223%;
    z-index: 5;
    -webkit-animation: happy_p11_1_thr 1.5s linear infinite;
    -moz-animation: happy_p11_1_thr 1.5s linear infinite;
    animation: happy_p11_1_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p11_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@-webkit-keyframes happy_p11_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@keyframes happy_p11_1_thr {
    50% {
        margin-left: 1%;
    100% {
        margin-left: -1%;
    }
}

}
.happy_p12_1 {
    position: absolute;
    width: 58.105%;
    left: 0.781%;
    top: 30.859%;
    z-index: 5;
    -webkit-animation: happy_p12_1_thr 1.5s linear infinite;
    -moz-animation: happy_p12_1_thr 1.5s linear infinite;
    animation: happy_p12_1_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p12_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@-webkit-keyframes happy_p12_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@keyframes happy_p12_1_thr {
    50% {
        margin-left: 1%;
    100% {
        margin-left: -1%;
    }
}

}
.happy_p13_1 {
    position: absolute;
    width: 33.886%;
    left: 42.578%;
    top: 26.953%;
    z-index: 5;
    -webkit-animation: happy_p13_1_thr 1.5s linear infinite;
    -moz-animation: happy_p13_1_thr 1.5s linear infinite;
    animation: happy_p13_1_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p13_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@-webkit-keyframes happy_p13_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@keyframes happy_p13_1_thr {
    50% {
        margin-left: 1%;
    100% {
        margin-left: -1%;
    }
}

}
.happy_p14_1 {
    position: absolute;
    width: 16.601%;
    left: 4.882%;
    top: 30.598%;
    z-index: 5;
    -webkit-animation: happy_p14_1_thr 1.5s linear infinite;
    -moz-animation: happy_p14_1_thr 1.5s linear infinite;
    animation: happy_p14_1_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p14_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@-webkit-keyframes happy_p14_1_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@keyframes happy_p14_1_thr {
    50% {
        margin-left: 1%;
    100% {
        margin-left: -1%;
    }
}

}
.happy_p14_2 {
    position: absolute;
    width: 12.5%;
    left: 21.582%;
    top: 14.322%;
    z-index: 5;
    -webkit-animation: happy_p14_2_thr 1.5s linear infinite;
    -moz-animation: happy_p14_2_thr 1.5s linear infinite;
    animation: happy_p14_2_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p14_2_thr {
    50% {
        margin-left: -1%;
    }
    100% {
        margin-left: 1%;
    }
}

@-webkit-keyframes happy_p14_2_thr {
    50% {
        margin-left: -1%;
    }
    100% {
        margin-left: 1%;
    }
}

@keyframes happy_p14_2_thr {
    50% {
        margin-left: -1%;
    100% {
        margin-left: 1%;
    }
}

}
.happy_p14_3 {
    position: absolute;
    width: 14.55%;
    left: 75%;
    top: 25.26%;
    z-index: 5;
    -webkit-animation: happy_p14_3_thr 1.5s linear infinite;
    -moz-animation: happy_p14_3_thr 1.5s linear infinite;
    animation: happy_p14_3_thr 1.5s linear infinite;
}

@-moz-keyframes happy_p14_3_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@-webkit-keyframes happy_p14_3_thr {
    50% {
        margin-left: 1%;
    }
    100% {
        margin-left: -1%;
    }
}

@keyframes happy_p14_3_thr {
    50% {
        margin-left: 1%;
    100% {
        margin-left: -1%;
    }
}

}
/*pc3phone2_list*/
.pc3phone2_list .in_div {
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0px 0px 1px #999999;
}

.pc3phone2_list .in_div:hover .photo_text {
    background: rgba(191, 79, 79, 1);
}

.pc3phone2_list .in_div > img {
    position: relative;
    display: block;
    z-index: 0;
    width: 100%;
}

/*video1*/
.video1 .in_div1 {
    margin-top: 10px;
}

.photo_div {
    display: inline-block;
}

.photo_div > div {
    cursor: pointer;
    float: left;
    overflow: hidden; /*超出範圍的部分隱藏*/
    white-space: nowrap; /*不自動斷行*/
    text-overflow: ellipsis; /*出現省略號*/
}

.photo_div > div > img {
    display: block;
    width: 100%;
}

/*video*/
.video_p11 {
    float: left;
}

.in_photo_size_p11 {
    /*	width: 200px;
	margin: 16px 0 0 20px;*/
    border: #aa454d 5px solid;
    /*padding-bottom: 134px;*/
    border-radius: 0px !important;
    background-size: 144% !important;
}

.left_photo_div {
    text-align: justify;
    text-justify: inter-ideograph;
    cursor: pointer;
    float: left;
}

/*school_list*/
.school_list .pc3phone2_list .in_div > img {
    width: 40% !important;
    margin: 5% 2% 2% 8% !important;
    float: left !important;

}

.school_list .pc3phone2_list .in_div > .fsp_22 {
    width: 48% !important;
    margin: 1%;
    text-align: center;
    color: #0ea2ca;
    float: left !important;
}

.school_list .in_div .icon_group_in {
    float: left;
}

.school_list .pc3phone2_list .photo_text {
    position: relative !important;
    background: rgba(191, 79, 79, 1) !important;
}

.school_list .pc3phone2_list .in_div:hover .photo_text {
    background: rgba(191, 79, 79, 0.8) !important;
}

.school_list .menu_top {
    display: block !important;
}

.school_list .page_content {
    margin-top: 0 !important;
}

.school_list .menu_top input {
    top: 0px !important;
}

.school_list .menu_top_search {
    top: 4px !important;
}

.edit_div {
    width: 130px;
    height: 130px;
    border: solid 1px #e5e5e5;
    margin-top: 20px;
    background-image: url(../images/edit_img.jpg);
    background-size: 100%;
    background-position: center;
    position: relative;
    cursor: pointer;
}

.edit_div .text {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #ffffff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4% 0;
    text-align: center;
}

/*style1_div 第1組*/
.style1_div {
    box-shadow: 0px 0px 1px #999999;
}

.style1_div > img {
    width: 100%;
    display: block;
}

.style1_div .detail {
    padding: 3% 5%;
}

.style1_div .title {
    color: #0caed7;
    margin-top: 0.5%;
}

.style1_div .title:hover {
    color: #005aff;
}

.style1_div .smark {
    color: #7e7e7e;
}

.style1_div .price {
    color: #bf4f4f;
    float: right;
}

.style1_div .btn {
    color: #ffffff;
    background-color: #bf4f4f;
    border-radius: 5px;
    margin: 5px 2.5px 0 2.5px;
    cursor: pointer;
    display: inline-block;
}

.style1_div .btn_div {
    text-align: center;
    width: 100%;
}

/*style2_div 第2組*/
.style2_div {
    box-shadow: 0px 0px 1px #999999;
}

.style2_div > img {
    width: 100%;
    display: block;
}

.style2_div .detail {
    padding: 3% 5%;
}

.style2_div .title {
    color: #0caed7;
    margin-top: 0.5%;
    padding-bottom: 10px;
}

.style2_div .title:hover {
    color: #005aff;
}

.style2_div .smark {
    color: #7e7e7e;
}

.style2_div .price {
    color: #bf4f4f;
    float: right;
}

.style2_div .name_place {
    float: left;
}

.style2_div .btn {
    float: right;
    color: #ffffff;
    background-color: #bf4f4f;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

/*style3_div 第3組*/
.style3_div {
    box-shadow: 0px 0px 1px #999999;
}

.style3_div > img {
    width: 100%;
    display: block;
}

.style3_div .detail {
    padding: 3% 5%;
    text-align: center;
}

.style3_div .title {
    color: #0caed7;
    margin-top: 0.5%;
    padding-bottom: 10px;
}

.style3_div .title:hover {

    color: #005aff;
}

.style3_div .smark {
    color: #7e7e7e;
}

.style3_div .price {
    color: #bf4f4f;
    float: right;
}

.style3_div .name_place {
    float: left;
}

.style3_div .btn {
    float: right;
    color: #ffffff;
    background-color: #bf4f4f;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

/*style4_div 第1組*/
.style4_div {
    box-shadow: 0px 0px 1px #999999;
    text-align: center;
}

.style4_div > img {
    width: 100%;
    display: block;
}

.style4_div .detail {
    padding: 3% 5%;

}

.style4_div .title {
    color: #01c5f3;
    margin-top: 2.5%;
}

.style4_div .title:hover {
    color: #005aff;
}

.style4_div .smark {
    color: #7e7e7e;
    margin-top: 2%;
}

.style4_div .price {
    color: #bf4f4f;
    float: right;
}

.style4_div .btn {
    color: #7e7e7e;
    background-color: #ffffff;
    /*border-radius:5px;*/
    /*margin: 5px 2.5px 0 2.5px;*/
    border: #e5e5e5 1px solid;
    margin: 5px -4px 0px -4px;
    cursor: pointer;
    display: inline-block;
}

.style4_div .btn:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.style4_div .btn:last-of-type {
    color: #ffffff !important;
    background-color: #01c5f3 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.style4_div .btn_div {
    text-align: right;
    width: 100%;
}

.style4_div .percent_outer {
    width: 100%;
    text-align: center;
    margin-top: 2%;
}

.style4_div .percent_outer > img {
    width: 15%;
    margin-right: 1%;
    display: inline-block;
    margin-bottom: -2.5%;
}

.style4_div .percent_outer > span {
    width: 60%;
    height: 30px;
    background: #f5f5f5;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 5px;
    overflow: hidden;
}

.style4_div .percent_outer > span > div {
    width: 50%;
    height: 30px;
    background-color: #00d900;
}

/*menu_top2*/
.menu_top2 {
    float: right;
    position: relative;
}

.menu_top2 input {
    font-size: 13px;
    color: #757575;
    height: 31px;
    background-color: #f1f1f1;
    border-radius: 5px;
    letter-spacing: 0.7px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
}

.menu_top2 span {
    font-size: 13px;
    color: #757575;
}

.menu_top2 .search_btn {
    color: #ffffff;
    background-color: #bf4f4f;
    font-size: 13px;
    height: 31px;
    border-radius: 5px;
    letter-spacing: 0.7px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
}

.menu_top2 select {
    font-size: 13px;
    color: #757575;
    height: 31px;
    background-color: #f1f1f1;
    border-radius: 5px;
    letter-spacing: 0.7px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    background-image: url(../images/arrow_b_left.png);
    background-repeat: no-repeat;
    background-position: center right;
}
/*home815*/
.home815_title_text,.home815_right_title_text{
    display: inline-block;
}
.home815_bb{
    cursor: pointer;   
    display: none;
}
.home815_contentin{
    display: none;
    color: #333333;
}
.home815_btn{
    display: block;
}
.home815_btn.home815_unclick{
    pointer-events: none;
    cursor: default;
}
.home815_top .home815_note{
    color:#ffffff;
    background-color: #bf4f4f;
    padding:5px 15px;
    display: inline-block;
    border-radius: 2em;
}
.home815_spno_div{
    text-indent:-28px;
    padding-left:28px;
    margin-top: 10px;
}
.home815_spno_div .home815_spno{
    width: 20px;
    height:20px;
    text-align: center;
    background-color: #bf4f4f;
    color:#ffffff;
    border-radius: 50%;
    text-indent:0px;
    display: inline-block;
}
/*home815_p2*/
.home815_p2{
    color: #414242;
}
.home815_p2 .home815_div2{
    background: #f0f0f0;
    position: relative;
}
.home815_p2 .home815_div2 .home815_title,.home815_p2 .home815_div3 .home815_title{
    font-weight: bold;
    color: #ffffff;
    background: #2d93d4;
    text-align: center;
    display: inline-block;
}
.home815_p2 .home815_div2 .home815_num{
    display: inline-block;
}
.home815_p2 .home815_div2 .home815_num .Tables{
    border-radius: 50%;
    background-color: #2d93d4;
    color:#ffffff;
    text-align: center;
    float:left;
}
.home815_p2 .home815_div2 .home815_num > .home815_text{
    float:left;
}
.home815_p2 .home815_div3{
    border-top: 1px solid #e5e5e5;
}
.home815_p2 .home815_div3 .home815_p2_indiv{
    float:left;
}
.home815_p2 .home815_div3 .home815_p2_outer .home815_p2_indiv .home815_p2_indiv_img{
    display: block;
}
.home815_p2 .home815_div3 .home815_p2_text{
    margin-top: 20px;
} 
/*home815_p3*/
.home815_p3 .home815_div1,.home815_p3 .home815_div2,.home815_p3 .home815_div3{
    border-bottom: 1px solid #e5e5e5;
}
.home815_p3 .home815_div1 .home815_right .home815_right_title{
    text-align: left;
    color:#414242;
    font-weight:bold;
}
.home815_p3 .home815_div1 .home815_right .home815_right_title .home815_right_title_text{
    color:#00b2ed;
}
.home815_p3 .home815_div1 .home815_text{
    line-height: 1.5em;
    margin-top: 15px;
}
/*home815_p4*/
.home815_p4 {
    text-align: center;
}
.home815_p4 img{
    width: 100%;
    max-width: 1050px;
}
/*home815_p5*/
.home815_p5 > .home815_img1{
    width: 100%;
    max-width: 1000px;
    display: block;
}
.home815_p5 .home815_col{
    display: inline-block;
}
.home815_p5 .home815_col .home815_title{
    width: 100%;
    font-weight: bold;
    color: #ffffff;
    background: #2d93d4;
    text-align: center;
}
.home815_p5 .home815_div2{
    margin: auto;
}
.home815_p5 .home815_text{
    padding:0 3%;
}
.home815_p5 .home815_div3{
    background: #f0f0f0;
    position: relative;
}
.home815_p5 .home815_div3 .home815_indent{
    position: relative;
    padding-left:20px;
    margin-left:10px;
    margin-top:10px;
}
.home815_p5 .home815_div3 .home815_indent .home815_indent_span{
    position: absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#00b2ed;
    display:block;
    top:13px;
    left:-5px;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title{
    text-align: left;
    color:#414242;
    font-weight:bold;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title .home815_right_title_text{
    color:#00b2ed;
}
.home815_top_indiv7 img{
    width: 100%;
    display: block; 
}
.home815_top_indiv6 .home815_top_indiv{
    text-align: center;
}
.home815_top_indiv6 .home815_top_indiv img{
    width:100%;
    height:auto;
}
.home815_top_indiv7 img{
    width: 100%;
    display: block; 
}
/*partnerhome*/
.group_item > .group_in > .real{
    background: #ffffff;
}
.partnerhome_title_text,.partnerhome_right_title_text{
    display: inline-block;
}
.partnerhome .sp_text{
    color:#e60012;
    display: contents;
    font-weight: bold;
}
.partnerhome_indent{
    text-indent:-18px;
    padding-left:18px;
    margin-top: 5px;
}
.partnerhome_indent img{
    width: 14px;
    margin-right: 5px;
}
.partnerhome_img{
    width: 100%;
    display: block;
}
.partnerhome_clear{
    clear:both;
}
.partnerhome_border_div1,.partnerhome_border_div2{
    margin-top: 50px;  
    margin-bottom: 50px;      
    width: 100%;
    height:1px;
}
.partnerhome_border_div2{
    margin-left: 3%;    
    width: 94%;
}
.partnerhome_border_div1{
    background: #e5e5e5;
}
.partnerhome_border_div2{
    position: relative;
    background-image: url(http://www.815kids.cn/images/Uploads/01_Articles/partnerhome/p3/hr.png);
    background-size: 100%;
    background-repeat: repeat-y;
}
.partnerhome_stitle{
    font-size: 40px;
    font-weight: bold;
    color:#414242;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
}
.partnerhome_text{
    color:#414242;
    text-align: left;
    line-height: 1.5em;
    text-align: justify;
    text-justify:inter-ideograph;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}
.partnerhome_addtop_img,.partnerhome_addbottom_img{
    width: 100%;
    display: block;
}

.partnerhome_clearright{
    clear:right;
    width: 0;
    height:0;
}

.partnerhome_bb{
    cursor: pointer;   
    display: none;
}
.partnerhome_contentin{
    display: none;
    color: #333333;
}
.partnerhome_btn{
    display: block;
}
.partnerhome_btn.partnerhome_unclick{
    pointer-events: none;
    cursor: default;
}
/*p1*/
.partnerhome_p1 .partnerhome_div2{
    /*max-width: 1060px;*/
    margin:auto; 
    padding-top:20px;
    padding-bottom:20px;
}
.partnerhome_p1 .partnerhome_div2 img{
    width: 47%;
    margin:10px 1%;
}
.partnerhome_p1 .partnerhome_text{
    max-width: 650px;
    margin:0px auto 40px auto; 
}
/*p3*/
.partnerhome_p3{
    position: relative;
    background-image: url(http://www.815kids.cn/images/Uploads/01_Articles/partnerhome/p3/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    overflow: hidden;
    padding-top: 6% !important;
    padding-bottom: 3% !important;
}
.partnerhome_p3 .bg_top{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    background-image: url(http://www.815kids.cn/images/Uploads/01_Articles/partnerhome/p3/bg_top.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; 
    z-index: 0;  
}
.partnerhome_p3 .partnerhome_div1{
    position: relative;
    z-index: 5;
}
/*partnerhome_left*/
.partnerhome_p3 .partnerhome_div1 .partnerhome_left .partnerhome_img{
    margin-top:5%; 
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_left .text_outer{
    margin-left: 5%;
    margin-top:-3%;
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_left .fsc28{
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
/*partnerhome_right*/
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .partnerhome_icon{
    margin: auto;
    display: block;
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .big_text{
    color:#414242;
    font-weight: bold;
    letter-spacing: 0.06em;
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .partnerhome_text{
    margin-top:10px 
}
.partnerhome_p3 .partnerhome_text2{
     max-width: 745px;
}
.partnerhome_p3 .partnerhome_img_sp{
     max-width: 1000px;
     margin-left: auto;
     margin-right: auto;
}
.partnerhome_addbottom_img{
    position: relative;
}
.partnerhome_addbottom_img img{
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
}
.partnerhome_addbottom_img .a_mail{
    position: absolute;
    width: 20%;
    padding-top: 3%;
    margin-top: 18%;
    top:0;
    left:16%;
    /*border: 1px solid #000000;*/
    z-index: 5;
    cursor: pointer;
    background-image:url(about:blank); 
}
.partnerhome_addbottom_img .mail_click{
    position: absolute;
    width: 20%;
    padding-top: 3%;
    margin-top: 23%;
    top:0;
    left:7%;
    /*border: 1px solid #000000;*/
    z-index: 5;
    cursor: pointer;
    background-image:url(about:blank); 
}
/*excellent 優秀作品*/
.excellent_wrap{
    width: 100%;
    max-width: 875px; 
    margin: 20px auto 30px auto;
    }
.excellent_img_group{
    width: 100%;
    overflow: hidden;
    position: relative; 
    z-index: 1;
    }

.excellent_banner_box .excellent_img_group img{
    width:100%;
    display: block;
}
.excellent_banner_box .excellent_icon_group{
    position: relative;
    text-align: center;
    margin-top: -50px;
    z-index: 5;
}
.excellent_banner_box .excellent_icon_group span{
    border:1px #bf4f4f solid;
    background-color:#FFFFFF;
    padding:8px;
    margin:7px; 
    cursor: pointer;
    display: inline-block;
    border-radius: 50%; 
}
.excellent_banner_box .excellent_icon_group span.active{
    background-color:#bf4f4f;
}
/*focussurvey 滿意度調查首頁*/
.focussurvey_outer{
    position: relative;
    width: 100%;
}
.focussurvey_bg{
    position: relative;
    width: 100%;
    z-index: 0;
}
.focussurvey_point_outer{
    position: absolute;
    top:0;
    left:10%;
    width: 81%;
    z-index: 10;
    margin:34% 0 0 0%;
    text-align: center;     
}
.focussurvey_square{
    width: 24%;
    margin:0.5% 2.5%;
}
/*focuswork 優秀作品首頁*/
.focuswork_outer{
    position: relative;
    width: 100%;
}
.focuswork_bg{
    position: relative;
    width: 100%;
    z-index: 0;
}
.focuswork_point_outer{
    position: absolute;
    top:0;
    left:10%;
    width: 81%;
    z-index: 10;
    margin:15% 0 0 0%;
    text-align: center;     
}
.focuswork_square{
    width: 24%;
    margin:0.2% 0.5%;
}
@media screen and (min-width: 1280px) {
    /*如果使用者之視窗寬度 >= 1280px，將會再載入這裡的 CSS。 電腦*/
    body {
        background: #dcdcdc;
    }

    .img_btn {
        padding: 7px 13px 9px 13px;
    }

    .img_btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    .pc_clear {
        clear: left;
    }

    .gen_select {
        margin-bottom: 30px;
    }

    .page_content {
        min-height: 500px;
    }

    .general_real {
        padding: 20px 40px 35px 40px;
        background: #ffffff;
    }

    /*清單切換鈕*/
    .page_title_div2_phone {
        width: 90px;
        float: right;
    }

    .page_title_div2 {
        width: 101px;
        height: 31px;
        background-color: #cdcdcd;
        float: right;
        overflow: hidden;
        border-radius: 5px;
        -moz-box-shadow: 0px 2px 3px #cdcdcd;
        -webkit-box-shadow: 0px 2px 3px #cdcdcd;
        box-shadow: 0px 2px 3px #cdcdcd;
        float: left;
    }

    .page_list_btn {
        float: left;
        width: 50px;
        height: 31px;
        background-color: #f1f1f1;
        cursor: pointer;
        background-image: url(../images/list.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px 20px;
        font-size: 0em;
    }

    .page_list_btn:hover {
        background-color: #bf4f4f;
        background-image: url(../images/list_click.png);
    }

    .page_list_active {
        background-color: #bf4f4f;
        background-image: url(../images/list_click.png);
        background-size: 24px 20px;
    }

    .page_Pinterest_btn {
        float: left;
        width: 50px;
        height: 31px;
        margin-left: 1px;
        background-color: #f1f1f1;
        cursor: pointer;
        background-image: url(../images/Pinterest.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 19px;
        font-size: 0em;
    }

    .page_Pinterest_btn:hover {
        background-color: #bf4f4f;
        background-image: url(../images/Pinterest_click.png);
    }

    .page_Pinterest_active {
        background-color: #bf4f4f;
        background-image: url(../images/Pinterest_click.png);
        background-size: 19px;
    }

    /*清單切換鈕 結束*/
    .inner_center {
        width: 1205px;
        margin: 0 auto;
    }

    .pc_hide {
        display: none;
    }

    .phone_hide {
        display: block;
    }

    .pc_show {
        display: block !important;
    }

    .only_pc_hide {
        display: none;
    }

    .pc_ml0 {
        margin-left: 0px !important;
    }

    .pc_mt0 {
        margin-top: 0px !important;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    /*header*/
    .header {
        background-image: url(../images/ht_bg.jpg);
        background-repeat: repeat-x;
        width: 100%;
        height: 45px;
        color: #ffffff;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .header a {

        color: #ffffff;
    }

    .header_left {
        float: left;
    }

    .header_left a span {
        display: inline-block;
        margin: 10px 35px 0 0;
        padding-bottom: 3px;
    }

    .header_left a:hover span {
        border-bottom: #ac2f30 solid 2px;
    }

    .header_right {
        float: right;
    }

    .header_right a span {
        display: inline-block;
        margin: 10px 35px 0 0;
        padding-bottom: 3px;
    }

    .header_right a:hover span {
        border-bottom: #ac2f30 solid 2px;
    }

    /*.header_right {*/
        /*float: right;*/
        /*line-height: 20px;*/
    /*}*/

    /*.header_right a div {*/
        /*float: right;*/
        /*margin-left: 5px;*/
    /*}*/

    /*.header_right a div img {*/
        /*margin-bottom: -18px;*/
        /*margin-right: 5px;*/
        /*height: 45px;*/
    /*}*/

    /*menu*/
    .menu > .inner_center > a > img {
        /*width:167px;*/
        margin-left: 13px;
        height: 98px;
    }

    .menu {
        background-color: #ffffff;
        width: 100%;
        height: 93px;
    }

    .menu_bottom {
        /*height:48px;*/
        height: 38px;
        float: right;
        margin-top: 10px;
    }

    .menu_pc_btn {
        float: right;
        font-size: 13px;
        letter-spacing: 0.7px;
        margin-left: 20px;
        color: #444040;
    }

    .menu_phone {
        display: none;
    }

    .content {
        width: 100%;
        background: #dcdcdc;
    }

    /*footer*/
    .footer_img {
        width: 276px;
    }

    .footer_div1 {
        width: 320px;
        float: left;
        margin-top: 59px;
    }

    .footer_div2 {
        float: right;
        margin-top: 59px;
        max-width: 590px;
    }

    .footer_fb {
        float: right;
        background-image: url(../images/wechat.png);
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .footer_special {
        float: left;
        width: 929px;
    }

    .footer_div > a > div {
        display: none;
    }

    /*banner*/
    .banner {

        background: #dcdcdc;
        width: 100%;
        height: 339px;
    }

    .banner > .inner_center > div {
        height: 339px;
        float: left;
    }

    .banner_menu {
        width: 223px;
        background-color: #bf4f4f;
    }

    .banner_menu > div {
        width: 100%;
        height: 55.66px;
        border-bottom: #ffffff 1px solid;
        cursor: pointer;
        position: relative;
        z-index: 10;
        color: #ffffff;
        font-size: 15px;
        letter-spacing: 1px;
        text-align: center;

    }

    .banner_menu > div:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .banner_menu > div > img {
        position: absolute;
        width: 24px;
        z-index: 12;
        right: -23px;
        top: 15px;
        display: none;
    }

    .banner_menu > div > div {
        position: absolute;
        width: 728px;
        height: 339px;
        z-index: 11;
        left: 223px;
        top: 0px;
        background: #f1f1f1;
        display: none;
        cursor: default;
    }

    .banner_menu > div > div > text {
        color: #444040;
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 90px;
    }

    .banner_menu > div > text {
        display: inline-block;
        vertical-align: middle;

        overflow: hidden; /*超出範圍的部分隱藏*/
        white-space: nowrap; /*不自動斷行*/
        text-overflow: ellipsis; /*出現省略號*/
        width: 90%;
        padding: 0 5%;

    }

    .banner_menu > div:hover > img {
        display: block;
    }

    .banner_menu > div:hover > div {
        display: block;
    }

    .banner_img {
        width: 728px;
    }

    .banner_adver {
        width: 254px;
        background-image: url(../images/index/banner_adver1.jpg);
        background-size: 100%;
        background-repeat: center;
        position: relative;
        z-index: 5;
        text-align: center;
    }

    .banner_adver > a > .oval_btn {
        margin-top: 272px;
    }

    .banner_item {
        right: 20px;
    }

    .banner_item > img {
        cursor: pointer;
    }

    /*內容區塊bar功能*/
    .group_item {
        margin-top: 25px;

        width: 100%;
    }

    .group_item.half {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

    .group_item > .group_top {
        width: 100%;
        height: 43px;
        background-image: url(../images/gradient.jpg);
        background-size: 100%;

    }

    .group_item > .group_top > .title {
        min-width: 177px;
        padding: 0 10px 2px 10px;
        height: 40px;
        margin-bottom: -15px;
        margin-top: -7px;
        background-color: #bf4f4f;
        text-align: center;
        padding-top: 8px;
        max-width: 50%;
    }

    .group_item > .group_top > span:nth-of-type(1) {
        margin-left: -6px;
    }

    .group_item > .group_top > span {
        color: #ffffff;
        padding: 6px 10px 7px 10px;
        border-bottom: 3px transparent solid;
        cursor: pointer;
    }

    .group_item > .group_top .more2 {
        display: none;
    }

    .cover {
        display: none;
    }

    .group_item > .group_in > .real {
        width: 100%;
    }

    /*icon_group*/
    .icon_group .icon_group_in > img {
        width: 24.8px;
        margin-bottom: -3px;
    }

    .icon_group .icon_group_in > span {
        margin: 0 2px;
    }

    /*remind 抓到screen.css*/
    .remind {
        margin-top: 20px;
        width: 100%;
        color: #dd2818;
    }

    .remind_title {
        padding: 5px 10px;
        background: #dd2818;
        color: #ffffff;
        display: inline-block;
    }

    .remind_contents {
        border-top: 1px solid #e5e5e5;
        padding-top: 10px;
    }

    /*pc3phone2_list*/
    .pc3phone2_list .in_div {
        width: 325px;
        margin-left: 30px;
        margin-top: 20px;

    }

    /*video1*/
    .photo_div {
        margin: 10px 0px 0px 20px;
        width: 205px;
    }

    .photo_div > div {
        width: 100%;
        font-size: 14px;
        letter-spacing: 0.7px;
    }

    .div1_time_p12 {
        float: right;
        margin-top: 11px;
        color: #666666;
        font-size: 20px;
        letter-spacing: 1px;
    }

    /*video*/
    .video_p11 {
        width: 879px;
    }

    .in_photo_size_p11 {
        width: 200px;
        margin: 16px 0 0 20px;
        padding-bottom: 134px;
    }

    .video_right {
        width: 216px;
        float: left;
    }

    .div2_left_p11 {
        width: 735px;
        padding-right: 20px;
        font-size: 14px;
        letter-spacing: 0.7px;
        float: left;
    }

    .left_photo_div {
        width: 100%;
        margin-top: 20px;
    }

    .fc1_hover_p11 {
        font-size: 14px;
        letter-spacing: 0.7px;
        margin-left: 15.5px;
        display: inline-block;
        width: 168px;
    }

    /*school_list*/
    .school_list .in_div .icon_group_in {
        width: 33%;
    }

    .school_list .pc3phone2_list .photo_text {
        min-height: 21px !important;
    }

    /*style1_div*/
    .style1_div .btn {
        padding: 7px 13px 9px 13px;
    }

    .style1_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    .style1_div .btn_div {
        margin: 10px 0 20px 0;
    }

    /*style2_div 第2組*/
    .style2_div .btn {
        padding: 7px 13px 9px 13px;
    }

    .style2_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    /*style3_div 第2組*/
    .style3_div .btn {
        padding: 7px 13px 9px 13px;
    }

    .style3_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    /*style4_div*/
    .style4_div .btn {
        padding: 7px 13px 9px 13px;
    }

    .style4_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    .style4_div .btn_div {
        margin: 20px 0 10px 0;
    }

    /*basic_information*/
    .basic_information .title2 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1279px) {
    /*如果使用者之視窗寬度 <= 1279px，將會再載入這裡的 CSS。手機板*/
    body {
        background: #ffffff;
    }

    .img_btn {
        padding: 3.5px 6.5px 4.5px 6.5px;
    }

    .img_btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    .phone_clear {
        clear: left;
    }

    .general_real {
        padding: 0;
        width: 98%;
        margin: 2% 1%;
    }

    /*navigation2 page_title_div1*/
    .page_title_div1 {
        float: right;
        margin-left: 3px;
        display: none;
    }

    /*清單切換鈕*/
    .page_title_div2_phone {
        width: 162px;
        float: right;
    }

    .page_title_div2 {
        width: 77px;
        height: 24px;
        background-color: #cdcdcd;
        float: right;
        overflow: hidden;
        margin-left: 4px;
        border-radius: 5px;
        -moz-box-shadow: 0px 2px 3px #cdcdcd;
        -webkit-box-shadow: 0px 2px 3px #cdcdcd;
        box-shadow: 0px 2px 3px #cdcdcd;
        float: left;
    }

    .page_list_btn {
        float: left;
        width: 38px;
        height: 24px;
        background-color: #f1f1f1;
        cursor: pointer;
        background-image: url(../images/list.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 21.6px 18px;
        font-size: 0em;
    }

    .page_list_btn:hover {
        background-color: #bf4f4f;
        background-image: url(../images/list_click.png);
    }

    .page_list_active {
        background-color: #bf4f4f;
        background-image: url(../images/list_click.png);
        background-size: 21.6px 18px;
    }

    .page_Pinterest_btn {
        float: left;
        width: 38px;
        height: 24px;
        margin-left: 1px;
        background-color: #ffffff;
        cursor: pointer;
        background-image: url(../images/Pinterest.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 17.1px;
        font-size: 0em;
    }

    .page_Pinterest_btn:hover {
        background-color: #bf4f4f;
        background-image: url(../images/Pinterest_click.png);
    }

    .page_Pinterest_active {
        background-color: #bf4f4f;
        background-image: url(../images/Pinterest_click.png);
        background-size: 17.1px;
    }

    /*清單切換鈕 結束*/
    /*上下排序按鈕*/
    .top_arrow_btn {
        float: left;
        width: 38px;

        height: 24px;
        background-color: #f1f1f1;
        cursor: pointer;
        background-image: url(../images/top_arrow.png);

        background-position: center;
        background-repeat: no-repeat;
        background-size: 19px;
        font-size: 0em;
        float: left;
    }

    .top_arrow_btn:hover {
        background-color: #bf4f4f;
        background-image: url(../images/top_arrow_click.png);
    }

    .top_arrow_active {
        background-color: #bf4f4f;
        background-image: url(../images/top_arrow_click.png);
        background-size: 19px;
    }

    .under_arrow_btn {
        float: left;
        width: 38px;
        height: 24px;
        margin-left: 1px;
        background-color: #f1f1f1;
        cursor: pointer;
        background-image: url(../images/under_arrow.png);
        background-position: center;
        background-repeat: no-repeat;

        background-size: 19px;
        font-size: 0em;
    }

    .under_arrow_btn:hover {
        background-color: #bf4f4f;
        background-image: url(../images/under_arrow_click.png);
    }

    .under_arrow_active {
        background-color: #bf4f4f;
        background-image: url(../images/under_arrow_click.png);
        background-size: 19px;
    }

    /*上下排序按鈕 結束*/
    .inner_center {
        max-width: 1205px;
        width: 98%;
        margin: 0 auto;
    }

    .pc_hide {
        display: block;
    }

    .phone_hide {
        display: none;
    }

    .phone_show {
        display: block !important;
    }

    .only_phone_hide {
        display: none;
    }

    .phone_ml0 {
        margin-left: 0px !important;
    }

    .phone_mt0 {
        margin-top: 0px !important;
    }

    .phone_clear {
        clear: left;
    }

    .mb30 {
        margin-bottom: 15px;
    }

    /*header*/
    .header {
        display: none;
    }

    /*menu*/
    .menu > .inner_center > a > img {
        /*width:103px;*/
        height: 57.3px;
        margin: -2.5px 0 0 7px;
    }

    .menu {
        background-color: #ffffff;
        width: 100%;
        height: 55px;

    }

    .menu_border {
        border-bottom: 6px solid #d34e51;
    }

    .menu_top {
        display: none;
    }

    .menu_bottom {
        display: none;
    }

    .menu_phone {
        margin: 9.5px 10px 0 0;
    }

    .menu_phone a img {
        width: 36px;
        float: right;
        margin-left: 15px;
    }

    .content {
        width: 100%;
        background: #ffffff;
    }

    /*service 按鈕*/
    .service {
        display: none;
    }

    /*footer*/
    .footer_img {
        width: 100%;
        margin-bottom: 10px;
    }

    .footer_div1 {
        margin-bottom: 20px;
        text-align: left;
        display: inline-block;
    }

    .footer_div2 {
        display: none;
    }

    .footer_fb {
        display: inline-block;
        background-image: url(../images/wechat.png);
        margin-top: 15px;
        margin-left: 10px;
    }

    .footer_special {
        width: 100%;
        text-align: center;
    }

    .footer_div > a > div {
        display: inline-block;
        color: #ffffff;
    }

    /*banner*/
    .banner_menu {
        display: none;
    }

    .banner_img {
        width: 100%;
        padding-top: 0%;
    }

    .banner_adver {
        display: none;
    }

    .banner > .inner_center {
        width: 100% !important;
        max-width: 100% !important;
    }

    .banner_item {
        left: 20px;
    }

    .banner > .pc_hide > a > div {
        width: 25%;
        height: calc(15vw + 50px);
        float: left;
        text-align: center;
        background-color: #ededed;

        box-shadow: inset 2px 0px 0px #ffffff;
        border-bottom: 2px solid #ffffff;
        color: #4c4747;
        padding: 1% 0 2% 0;
        overflow: hidden; /*超出範圍的部分隱藏*/
        white-space: nowrap; /*不自動斷行*/
        text-overflow: ellipsis; /*出現省略號*/
    }

    .banner > .pc_hide > a > div > span {
        color: #7e7e7e;
        display: block;
    }

    .banner > .pc_hide > a > div > img {
        margin: 0 auto;
        width: 90%;
        display: block;
    }

    .nonenone {
        display: none;
    }

    /*內容區塊bar功能*/
    .group_item {
        margin-top: 5px;
        width: 100%;
    }

    .group_item > .group_top {
        /*width: 100%;*/
        width: 102%;
        margin-left: -1%;
        height: 30px;
        background-color: #bf4f4f;
    }

    .group_item > .group_top .more {
        margin-top: 6px !important;
    }

    .group_item > .group_top > .title {
        text-align: left;
        margin-left: 14px;
        line-height: 30px;
        max-width: 80%;
    }

    .group_item > .group_top > span {
        display: none;
    }

    .group_item > .group_top > .pc_hide {
        display: inline-block;
        float: right;
    }

    .more_img {
        float: left;

    }

    .group_item > .group_top .more2 {
        color: #ffffff;
        float: right;
        margin-top: 0px;
        margin-right: 0px;
        cursor: pointer;
        display: block;
    }

    .group_item > .group_top .more2 > .more2_img {
        background-image: url(../images/add_btn.png);
        background-size: 100%;
        background-position: center;
        width: 30px;
        height: 30px;
        display: block;
    }

    .group_item > .group_top .more2 > .more2_img.active {
        background-image: url(../images/add_btn_arrow.png) !important;
    }

    .group_item > .group_in > .cover {
        position: absolute;

        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 5;
        background: #ffffff;
        display: none;
    }

    .group_in > .cover .li {
        color: #444040;
        padding: 13px 0;
        width: 84%;
        max-width: 750px;
        margin: 0 auto;
        border-bottom: #d1d1d1 1px solid;
        cursor: pointer;
        text-align: center;
    }

    .group_in > .cover .li:hover {
        background-image: url(../images/cover_border.png);
        background-position: bottom center;
        background-size: 579px 48px;
        background-repeat: no-repeat;
    }

    .group_in > .cover .li > .more_img {
        background-image: url(../images/more2.png);
        display: inline-block;
        float: none;
    }

    .group_item > .group_in > .real {
        max-width: 750px;
    }

    /*icon_group*/
    .icon_group .icon_group_in > img {
        margin-bottom: -1%;
    }

    /*remind 抓到screen.css*/
    .remind {
        margin-top: 20px;
        width: 100%;
        color: #dd2818;
    }

    .remind_title {
        padding: 5px 10px;
        background: #dd2818;
        color: #ffffff;
        display: inline-block;
    }

    .remind_contents {
        border-top: 1px solid #e5e5e5;
        padding-top: 10px;
    }

    /*pc3phone2_list*/
    .pc3phone2_list .in_div {
        width: 49%;
        margin-left: 1%;
        margin-top: 10px;
    }

    /*video1*/
    .photo_div {
        margin: 5px 0px 0px 1%;
        width: 49%;
    }

    .photo_div > div {
        width: 100%;
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    .div1_time_p12 {
        margin-top: 11px;
        clear: left;
        color: #666666;
        font-size: 16px;
        letter-spacing: 1px;
    }

    /*video*/
    .video_p11 {
        width: 100%;
    }

    .in_photo_size_p11 {
        float: left;
        padding-bottom: 20%;
    }

    .video_right {
        width: 100%;
        float: left;
    }

    .div2_left_p11 {
        width: 100%;
        padding-right: 0px;
        font-size: 13px;
        letter-spacing: 0.5px;
        float: left;
    }

    .left_photo_div {
        width: 100%;
        margin-top: 10px;
    }

    .fc1_hover_p11 {
        width: 49%;
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-left: 1%;
        display: inline-block;
    }

    .div2_right_p11 {
        width: 100% !important;
        margin-top: 10px;
        padding-left: 0 !important
    }

    .no_img_p11 {
        position: relative;
        margin: 26px 0 6px 38px;
        padding: 10 0px;
    }

    .no_img_p11 span {
        position: absolute;
        top: -5px;
        left: -38px;
    }

    /*school_list*/
    .school_list .in_div .icon_group_in {
        width: 47%;
        padding-right: 3%;
    }

    .school_list .in_div .icon_group_in:nth-of-type(2) {
        text-align: right;
    }

    /*style1_div*/
    .style1_div .btn {
        padding: 3.5px 6.5px 4.5px 6.5px;
    }

    .style1_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    .style1_div .btn_div {
        margin: 5px 0 10px 0;
    }

    /*style2_div 第2組*/
    .style2_div .btn {
        padding: 3.5px 6.5px 4.5px 6.5px;
    }

    .style2_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    /*style3_div 第2組*/
    .style3_div .btn {
        padding: 3.5px 6.5px 4.5px 6.5px;
    }

    .style3_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    /*style4_div*/
    .style4_div .btn {
        padding: 3.5px 6.5px 4.5px 6.5px;
    }

    .style4_div .btn img {
        margin: 0px 3px -2px 0px;
        width: 15px;
    }

    .style4_div .btn_div {
        margin: 10px 0 5px 0;
    }

    /*basic_information*/
    .basic_information .title2 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 750px) {
    /*如果使用者之視窗寬度 <= 750px，將會再載入這裡的 CSS。手機板*/

    /*basic_information*/
    .basic_information .title2 {
        margin-top: 5px;
    }

    /* 分享ICON變大 */
    .icon_group .icon_group_inshare > img {
        width: 30px;
    }

    .icon_group .icon_group_inshare > a > img {
        width: 30px;
    }
}

@media screen and (max-width: 500px) {
    /*rect_title*/
    .rect_title > img {
        width: 2.5px !important;
    }

    .footer_img a img {
        height: 69px;
    }

    .footer_img {
        margin-bottom: 0px;
    }

    /*video1 怪異特別調整*/
    .photo_div {
        margin: 5px 0px 0px 1%;
        width: 48.5%;
    }

    .fc1_hover_p11 {
        width: 48.5%;
    }
}

/*借CWB 的CSS */

/*navigation2 page_title_div1*/
.page_title {
    float: left;
}

.page_title_img {
    margin: -3px 5px -7px 0;
    float: left;
    width: 25px;
}

.page_title_a {
    border-bottom: #000000 solid 1px;
    color: #000000;
    height: 18px;
    font-size: 15px;
    letter-spacing: 1px;
    float: left;
    /*fs15*/

}

.page_title_end {
    font-size: 15px;
    letter-spacing: 1px;
    color: #000000;
    float: left;
    cursor: default;
}

.page_title_arrow {
    margin: 2px 5px 1px 5px;
    float: left;
    width: 14px;
}

.page_title_div1 {
    float: right;
    margin-left: 20px;
}

.navigation2 {
    line-height: 29px;
    width: 416px;
    height: 31px;
}

.navigation2_arrow_b {
    width: 11px;
    height: 8px;
    float: right;
    margin: 11px 25px 0 -7px;
    background-image: url(../images/arrow_b.png);
}

ul.navigation2 {
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 3px #cdcdcd;
    -webkit-box-shadow: 0px 2px 3px #cdcdcd;
    box-shadow: 0px 2px 3px #cdcdcd;
}

ul.navigation2, ul.navigation2 li, ul.navigation2 ul {
    font-size: 14px;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

ul.navigation2, ul.navigation2 li {
    list-style: none;
}

ul.navigation2, ul.navigation2 li {
    list-style: none;
}

ul.navigation2 li {
    position: relative;
    float: left;
}

/* 選單 li 裡面連結之樣式 */

ul.navigation2 li a {
    display: block;
    text-align: center;
    /*background: #ffffff;*/
    width: 104px;
    height: 31px;
    /*color: #878787;*/
}

/* 特定在第一層，以左邊灰線分隔 */
ul.navigation2 > li > a {

}

ul.navigation2 > li > a:hover {
    /*    color: #ffffff;
    background: #6d7fcd;*/
}

.navigation2_btn {
    background: #f1f1f1;
    color: #878787;
}

.navigation2_btn:hover {
    color: #ffffff;
    background: #bf4f4f;
}

.navigation2_btn_active {
    color: #ffffff;
    background: #bf4f4f;
}

.navigation2_btn_active {
    color: #ffffff;
    background: #bf4f4f;
}

.navigation2_arrow_b_active {
    background-image: url(../images/arrow_b_click.png);
}

.navigation2_btn1 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.navigation2_btn4 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
}

/* 特定在第一層 > 第二層之後下拉部分之樣式 */
ul.navigation2 li ul {
    display: none;
    float: left;
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 500;
}

/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation2 li:hover > ul {
    display: block;
}

/* 特定在第二層或之後下拉部分 li 之樣式 */
ul.navigation2 ul li {
    border-bottom: 1px solid #DDD;
}

/* 特定在第二層或之後下拉部分 li （最後一項不要底線）之樣式 */
ul.navigation2 ul li:last-child {
    border-bottom: none;
}

/* 第二層或之後 選單 li 之樣式 */
ul.navigation2 ul a {
    width: 97px;
    height: 31px;
    text-align: center;
    color: #ffffff;
    background: #bf4f4f;
    border-left: 7px #bf4f4f solid;
}

ul.navigation2 ul a:hover {
    background: #bf4f4f;
    color: #fcb853;
    border-left: 7px #bf4f4f solid;
}

/*navigation2 page_title_div1 結束*/
/*色框點按滑過效果*/
.in_photo {
    position: relative;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
    float: left
}

.in_photo:hover .photo_text {
    background: rgba(191, 79, 79, 1);
}

.photo_text {
    position: absolute;
    bottom: 0;
    background: rgba(191, 79, 79, 0.8);
    width: 94%;
    padding: 5px 4%;
    min-height: 38px;
    z-index: 0;
    left: 0px;
    bottom: 0px;
    color: #ffffff;
}

.photo_text > img {
    width: 16px;
    margin: 0 5px -1px 0;
}

/*會縮小的文字 結束*/
.margin_font1 {
    margin-top: 20px;
}

.in_photo_size_p11:hover {
    border: #fcb853 5px solid;
}

.in_photo_size_p11.photo1 {
    /*background-image:url(../images/learn/image/002.jpg);*/
}

.in_photo_size_p11.photo2 {
    /*background-image:url(../images/learn/image/003.jpg);*/
}

.photo_text_p11 {
    overflow: hidden; /*超出範圍的部分隱藏*/
    white-space: nowrap; /*不自動斷行*/
    text-overflow: ellipsis; /*出現省略號*/
    min-height: 18px;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-color: #fff;
}

.div2 {
    width: 100%;
    background-image: url(../images/div2_bg.png);
    background-repeat: repeat-y;
}

.video_page .pass_word1 {
    overflow: hidden; /*超出範圍的部分隱藏*/
    white-space: nowrap; /*不自動斷行*/
    text-overflow: ellipsis; /*出現省略號*/
}

.div2_right_p11 {
    width: 336px;
    padding-left: 34px;
    float: left;
}

.no_img_p11 {
    position: relative;
    margin: 26px 0 1px 38px;
    padding: 10 0px;
}

.no_img_p11 span {
    position: absolute;
    top: -5px;
    left: -38px;
}

.more_btn {
    width: 20px;
    height: 20px;
    background-image: url(../images/play_icon.png);
    background-size: 20px;
    margin: 3px 4px 0 0;
    float: left;
}

.left_top_div:hover .more_btn {
    background-image: url(../images/play_icon_click.png);
}

.left_top_div {
    color: #d84545;
    cursor: pointer;
    margin-top: -3px;
    line-height: 23px;
    font-size: 18px;
    letter-spacing: 1px;
    float: right;
}

.video_content {
    width: 100%;

    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #aa454d;
    margin-top: 20px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1 {
    font-size: 15px;
    letter-spacing: 0.5px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
}

.title2 {
    color: #d84545;
    border-left: 3px solid #d84545;
    height: 20px;
    line-height: 19px;
    padding-left: 9px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    /*fs18*/
}

a.fc1_hover_a {
    color: #333333;

}

a.fc1_hover_a:hover {
    color: #005aff;
}

.fc1_hover_div a {
    color: #333333;
}

.fc1_hover_div a:hover {
    color: #455eaa;
}

.fc1_hover {
    color: #333333;
}

.fc1_hover:hover {
    color: #455eaa;
}

/*P12*/

.in_div1_p12_text {
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 20px;

    color: #333333;
}

.in_div1_p12_title {
    font-size: 32px;
    letter-spacing: 1.5px;
    color: #333333;
    float: left;
}

.title2_p12 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.wechat_btn {
    width: 28px;
    height: 28px;
    background-image: url(../images/wechat.png);
    background-position: center;
    cursor: pointer;
    background-size: 28px;
    font-size: 0em;
    float: right;
    margin-left: 5px;
}

.wechat_btn:hover {
    background-image: url(../images/wechat_click.png);
}

.wechat_btn_place_p12 {
    margin-top: -10px;
}

.in_border {
    width: 100%;
    border-bottom: solid #fff 1px;
    margin: 10px auto 0 auto;
}

.in_border_2 {
    width: 100%;
    border-bottom: solid #fff 1px;
    margin-top: 10px;
}

.in_border_3 {
    width: 582px;
    border-bottom: solid #fff 1px;
    margin: 13px auto 0 auto;
    display: none;
}

.in_border_4 {
    width: 100%;
    border-bottom: solid #dedede 1px;
    margin: 10px auto 0 auto;
}
/*p12 結束*/
/*.video_page .group .fc1_hover_p11:first-of-type{
	margin-left: 0 !important;


}*/

@media screen and (max-width: 999px) {
    /*如果使用者之視窗寬度 <= 999px，將會再載入這裡的 CSS。手機板*/
    .div2_right_p11 .right_top_a_img {
        margin-top: 5px;
    }
}

@media screen and (min-width: 1280px) {
    .video_like {
        padding: auto 27px 30px 0px;
    }
    .video_like .like_p1{
        float: left;
    }
    .video_like .like_p1 .like_photo{
        /*margin: 10px 0px 0px 20px;*/
        width: 205px;
        /*display: inline-block;*/
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .video_like .like_p1 .like_photo img{
        height: 98px;
        width: 100%;
    }

}

@media screen and (max-width: 1279px) {
    .video_like {
        /*padding: auto auto ;*/
        width: 100%;
    }
    .video_like .like_p1{
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }
    .video_like .like_p1 .like_photo img{
        width: 95%;
        height: calc(25vw);
    }
}


.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert,
.alert h4 {
    color: #c09853;
}
.alert h4 {
    margin: 0 0 .5em;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
    cursor: pointer;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
.alert-success h4 {
    color: #468847;
}
.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert-info h4 {
    color: #3a87ad;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}

.like_photo_word{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%;
    margin: 0;
}

.group_item > .group_top > .active{
    color: #ffb400;
    border-bottom: 3px #ffb400 solid;
}
@media screen and (max-width: 999px) {
     /*如果使用者之視窗寬度 <= 999px，將會再載入這裡的 CSS。手機板*/
.div2_right_p11 .right_top_a_img{
    margin-top: 5px;
}
}

@media screen and (min-width: 1000px) {
/*home815*/
.home815_top_indiv6 .home815_text{
    width: 46%;
    float:left;
}
.home815_top_indiv6 .home815_textin{
    width: 90%;
    margin:auto;
    vertical-align:bottom;
}
/*.home815{
    padding:20px 40px;
}*/
.home815_title{
    color:#ffffff;
    background-color: #7f7f7f;
    padding:10px 20px; 
    text-align: right;
}
.home815_btn{
    cursor: pointer;
}
.home815_btn:hover .home815_title{
    background-color: #636363;
}
.home815_title .home815_icon{
    background-color:#bf4f4f; 
    width: 20px;
    height:20px;
    border-radius: 50%;
    margin-bottom: 5px;
    float:right;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 22px;
    text-align: center;
}
.home815_title .home815_icon.active{
    background-color:#a34545; 
}
.home815_title .home815_icon div{
    color:#ffffff;
    line-height: 18px;
    margin-left: 1px;
}
.home815_bottom .home815_btn{
    margin-top: 35px;
}
.home815_btn .home815_img_div{
    position: relative;
    background-color: #e5eaed;
    padding: 30px 25px;
}
.home815_btn .home815_img_div img{
    position: absolute;
    top:30px;
    /*left:10%;*/
    width: 0;
    display: block;
}
.home815_bottom .home815_btn{
    width: 48%;
    margin-left: 4%;
    float: left;
}

.home815_bottom .home815_btn:nth-of-type(odd){
    margin-left: 0%;
}
.home815_bottom.home815_bottom_active .home815_btn{
    width: 31%;
    margin-left: 3.5%;    
}
.home815_bottom.home815_bottom_active .home815_btn:first-of-type{
    margin-left: 0%;
}
.home815_pc_ml0{
    margin-left: 0% !important;
}
.home815_bb{
    margin-top: 35px;   
}
.home815_contentin{
    padding-top:20px;
}
/*home815_top*/
.home815_title_module{
    border-bottom:5px solid #bf4f4f;
    padding-bottom: 10px; 
    margin-bottom: 20px;
    color:#bf4f4f;
    font-weight: bold;
}
.home815_title_module .title{
    float:left;
    margin-top:93px;
}
.home815_title_module img{
    width: 140px;
    display: block;
    float:right;
}
.home815_top_indiv2,.home815_top_indiv3,.home815_top_indiv4,.home815_top_indiv5{
    margin-top: 70px;
}
.home815_top_indiv6{
    margin-top:50px;
}
.home815_top_indiv1 .home815_img{
    width: 54%;
    float:right;
}
.home815_top_indiv1 .home815_img img{
    width: 100%;
    display: block;
}
.home815_top_indiv1 .home815_text{
    width: 46%;
    float:right;
}
.home815_top_indiv1 .home815_textin{
    width: 90%;
    margin:auto;
    vertical-align:bottom;
}
.home815_top_indiv2 .home815_img{
    width: 54%;
    float:left;
}
.home815_top_indiv2 .home815_img img{
    width: 100%;
    display: block;
}
.home815_top_indiv2 .home815_text{
    width: 46%;
    float:left;
}
.home815_top_indiv2 .home815_textin{
    width: 90%;
    margin:auto;
    vertical-align:bottom;
}
.home815_top_indiv3{
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}
.home815_top_indiv3 .home815_text{
    margin-top: 20px;
}
.home815_top_indiv4 .home815_img{
    width: 54%;
    float:left;
}
.home815_top_indiv4 .home815_img img{
    width: 100%;
    display: block;
}
.home815_top_indiv4 .home815_text{
    width: 46%;
    float:left;
}
.home815_top_indiv4 .home815_textin{
    width: 90%;
    margin:auto;
    vertical-align:bottom;
}
.home815_top_indiv5 .home815_img{
    width: 49%;
    display: block;
    float:left;
    margin-left: 2%;
}
.home815_top_indiv5 .home815_img:first-of-type{
    margin-left: 0;
}
.home815_top_indiv6 .home815_top_indiv{
    width: 49%;
    display: block;
    float:left;
    margin-left: 2%;
}
.home815_top_indiv6 .home815_top_indiv:first-of-type{
    margin-left: 0;
}
.home815_top_indiv7{
    border-top: 1px solid #e5e5e5;
    margin-top: 60px;
    padding-top: 50px; 
}
/*home815_p2*/
.home815_p2 .home815_div1 img{
    display: block;
    margin:40px auto;
    width: 100%;
    max-width: 1050px;
}
.home815_p2 .home815_div2 .home815_title.home815_title2{
    margin:50px 0 30px 0;
}
.home815_p2 .home815_div2 .home815_num{
    margin-top: 20px;
}
.home815_p2 .home815_div2 .home815_num .Tables{
    width: 56px;
    height:56px;
    margin-bottom: 11px;
    margin-right: 10px;
}
.home815_p2 .home815_div2 .home815_num > .home815_text{
    margin-top: 10px;
}
.home815_p2 .home815_div2 .home815_title,.home815_p2 .home815_div3 .home815_title{
    padding: 10px 20px;
    border-radius: 15px;
    margin-bottom: 10px;    
    min-width: 240px;
}
.home815_p2 .home815_div2 {
    padding: 40px;
    margin: 30px 0 10px 0;
    max-width: 1060px;
}
.home815_p2 .home815_div3 .home815_title{
    margin-bottom: 25px;
} 
.home815_p2 .home815_div3{
    margin-top: 50px;
}
.home815_p2 .home815_div3 .home815_indiv{
    padding: 40px 40px;
    max-width: 1060px;
}
.home815_p2 .home815_div3 .home815_p2_outer{
    width: 102%;
    margin-left: -1%;
}
.home815_p2 .home815_div3 .home815_p2_indiv{
    width: 18%;
    margin: 0 1%;
}
.home815_p2 .home815_div3 .home815_p2_outer .home815_p2_indiv .home815_p2_indiv_img{
    width: 100%;
}
.home815_p2 .home815_div3 .home815_title{
    margin-bottom: 25px;
} 
.home815_p2 .home815_div3 .home815_p2_text img{
    width: 15px;
    margin-right:10px;
} 
.home815_p2 .home815_div3 .home815_p2_text{
    margin-top: 20px;
} 
/*home815_p3*/
.home815_p3 .home815_div1{
    padding:40px;
}
.home815_p3 .home815_div1 .home815_indiv{
    display: flex;
    flex-direction: row;
    align-items: center; /*垂直居中*/
    justify-content: center; /*水平居中*/
}
.home815_p3 .home815_div1 .home815_img1{
    width: 45%;
    max-width: 500px;
    vertical-align: middle;
    align-items: center;
}
.home815_p3 .home815_div1 .home815_right{
    width: 50%;
    margin-left:5%;
    flex: 1;
}
.home815_p3 .home815_div1 .home815_right .home815_right_title{
    font-size: 45px;
}
.home815_p3 .home815_div1 .home815_right .home815_right_title .home815_right_title_text{
    font-size: 61px;
}  
.home815_p3 .home815_div2{
    /*max-width: 1060px;*/
    margin:auto; 
    padding-top:40px;
    padding-bottom:40px;
}
.home815_p3 .home815_div2 img{
    width: 47%;
    margin:10px 1%;
}
.home815_p3 .home815_div4{
    position: relative;
}
.home815_p3 .home815_div4 .home815_indiv{
    max-width: 1060px;
    margin: auto; 
}
.home815_p3 .home815_div4 img{
    width: 98%;
    display: block;
    margin:40px auto;   

}
.home815_p3 .home815_div3 {
    padding: 40px 0;
}

/*home815_left*/
.home815_p3 .home815_div3 .home815_left .home815_indiv{
    width: 284px;
    margin-top:25px;
}
.home815_p3 .home815_div3 .home815_left{
    float:left;
    margin-left: 3%;
}
.home815_p3 .home815_div3 .home815_left img{
    width: 100%;
    display: block;
    margin-top: 8px;
}

.home815_p3 .home815_div3 .home815_left .home815_indiv_left{
    width: 84px;
    float:left;
}
.home815_p3 .home815_div3 .home815_left .home815_indiv_right{
    width: 200px;
    float:left;
}
.home815_p3 .home815_left .home815_indiv_top{
    font-size: 40px;
    text-align: right;
    font-weight: bold; 
}
.home815_p3 .home815_left .home815_indiv_bottom{
    text-align: right;
}
/*home815_right*/
.home815_p3 .home815_div3 .home815_right .home815_indiv{
    width: 239px;
    margin-top:25px;
}
.home815_p3 .home815_div3 .home815_right{
    float:right;
    margin-right: 3%;
}
.home815_p3 .home815_div3 .home815_right img{
    width: 100%;
    display: block;
    margin-top: 8px;
}

.home815_p3 .home815_div3 .home815_right .home815_indiv_left{
    width: 84px;
    float:right;
}
.home815_p3 .home815_div3 .home815_right .home815_indiv_right{
    width: 155px;
    float:right;
}
.home815_p3 .home815_right .home815_indiv_top{
    font-size: 40px;
    text-align: left;
    font-weight: bold; 
}
.home815_p3 .home815_right .home815_indiv_bottom{
    text-align: left;
}
.home815_p3 .home815_div3 .home815_indiv:first-of-type{
    margin-top:0px;
}
.home815_p3 .home815_div3 .home815_p3_img1{
    position: absolute;
    width: 30%;
    left:36%;
    top:18%;
    margin-left: 9px;
    z-index: 10;
}
.home815_p3 .home815_div3{
    position: relative;
}
/*home815_p5*/
.home815_p5 .home815_col{
    width: 30%;
    margin:20px 1.3%;
}
.home815_p5 .home815_col .home815_title{
    padding:10px 0;
    border-radius: 15px;
    margin-bottom: 10px;
}
.home815_p5 .home815_div2{
    max-width: 1050px;
}
.home815_p5 > .home815_img1{
    margin: 25px auto;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title{
    font-size: 45px;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title .home815_right_title_text{
    font-size: 61px;
}
.home815_p5 .home815_div3 .home815_indiv{
    display: flex;
    flex-direction: row;
    align-items: center; /*垂直居中*/
    justify-content: center; /*水平居中*/
}
.home815_p5 .home815_div3{
    padding: 40px;
    margin: 30px 0 10px 0;
    max-width: 1060px;
}
.home815_p5 .home815_div3 .home815_right{
    width: 50%;
    margin-left:5%;
    flex: 1;
}
.home815_p5 .home815_div3 .home815_img1{
    width: 45%;
    max-width: 500px;
    vertical-align: middle;
    align-items: center;
}
/*partnerhome*/
.partnerhome{
    padding:20px 40px;
}
.partnerhome_title{
    color:#ffffff;
    background-color: #7f7f7f;
    padding:10px 20px; 
    text-align: right;
}
.partnerhome_btn{
    cursor: pointer;
}
.partnerhome_btn:hover .partnerhome_title{
    background-color: #636363;
}
.partnerhome_title .partnerhome_icon{
    background-color:#bf4f4f; 
    width: 20px;
    height:20px;
    border-radius: 50%;
    margin-bottom: 5px;
    float:right;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 22px;
    text-align: center;
}
.partnerhome_title .partnerhome_icon.active{
    background-color:#a34545; 
}
.partnerhome_title .partnerhome_icon div{
    color:#ffffff;
    line-height: 18px;
    margin-left: 1px;
}
.partnerhome .partnerhome_top{
    margin-top: 35px;
}
.partnerhome_bottom .partnerhome_btn{
    margin-top: 35px;
}
.partnerhome_addbottom_img{
    margin-top: 35px;
}
.partnerhome_btn .partnerhome_img_div{
    position: relative;
    background-color: #e5eaed;
    padding: 0;
}
.partnerhome_btn .partnerhome_img_div img{
    position: absolute;
    top:0px;
    width: 100%;
    display: block;
    opacity: 0;
}
.partnerhome_bottom .partnerhome_btn{
    width: 48%;
    margin-left: 4%;
    float: left;

}

.partnerhome_bottom .partnerhome_btn:nth-of-type(odd){
    margin-left: 0%;
}
.partnerhome_bottom.partnerhome_bottom_active .partnerhome_btn{
    width: 100%;
    margin-left: 0%;    
}
.partnerhome_pc_ml0{
    margin-left: 0% !important;
}
.partnerhome_bb{
    margin-top: 35px;   
}
.partnerhome_contentin{
    padding-top:20px;
}
/*partnerhome_p3*/
.partnerhome_p3 .bg_top{
    padding-top: 18%;
}
/*partnerhome_left*/
.partnerhome_p3 .partnerhome_div1 .partnerhome_left{
    width: 58%;
    float:left;
    margin-left:2%; 
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_left .fsc28{
    font-size: 28px;
}
/*partnerhome_right*/
.partnerhome_p3 .partnerhome_div1 .partnerhome_right{
    width: 33.4%;
    float:right;
    margin-right: 3.5%;
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .partnerhome_icon{
    width: 123px;
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .big_text{
    font-size: 56px;
}
.partnerhome_p3 .partnerhome_text2{
     margin-bottom: 25px;
}
}
@media screen and (max-width:999px) {
/*home815*/
/*.home815{
    padding:10px 0px;
}*/
.home815_title{
    color:#ffffff;
    background-color: #7f7f7f;
    padding:10px 20px; 
    text-align: right;
}
.home815_btn{
    cursor: pointer;
}
.home815_btn:hover .home815_title{
    background-color: #636363;
}
.home815_title .home815_icon{
    background-color:#bf4f4f; 
    width: 18px;
    height:18px;
    border-radius: 50%;
    margin-bottom: 0px;
    float:right;
    margin-top: 3px;
    margin-left: 5px;
    font-size: 22px;
    text-align: center;
}
.home815_title .home815_icon.active{
    background-color:#a34545; 
}
.home815_title .home815_icon div{
    color:#ffffff;
    line-height: 15px;
    margin-left: 0px;
}
.home815_bottom .home815_btn{
    margin-top: 10px;
}
.home815_btn .home815_img_div{
    position: relative;
    background-color: #e5eaed;
    padding: 15px 10px;
}
.home815_btn .home815_img_div img{
    position: absolute;
    top:15px;
    /*left:10%;*/
    width: 0;
    display: block;
}
.home815_bottom .home815_btn{
    width: 100%;
    float: left;
} 
.home815_bb{
    margin-top: 10px;   
}
.home815_contentin{
    padding-top:10px;
}
/*home815_top*/
.home815_title_module{
    border-bottom:3px solid #bf4f4f;
    padding-bottom: 10px; 
    margin-bottom: 20px;
    color:#bf4f4f;
    font-weight: bold;
}
.home815_title_module .title{
    float:left;
    margin-top:55px;
}
.home815_title_module img{
    width: 70px;
    display: block;
    float:right;
}
.home815_top_indiv2,.home815_top_indiv3,.home815_top_indiv4,.home815_top_indiv5,.home815_top_indiv6{
    margin-top: 35px;
}
.home815_top_indiv6{
    margin-top:20px;
}
.home815_top_indiv{
    max-width:500px;
    margin:auto;  
}
.home815_top_indiv1 .home815_img{
    width: 100%;
}
.home815_top_indiv1 .home815_img img{
    width: 100%;
    display: block;
}
.home815_top_indiv1 .home815_text{
    width: 100%;
    margin-bottom: 10px;
}
.home815_top_indiv1 .home815_textin{
    width: 100%;
}
.home815_top_indiv2 .home815_img{
    width: 100%;
}
.home815_top_indiv2 .home815_img img{
    width: 100%;
    display: block;
}
.home815_top_indiv2 .home815_text{
    width: 100%;
    margin-bottom: 10px;
}
.home815_top_indiv2 .home815_textin{
    width: 100%;
}
.home815_top_indiv3 .home815_text{
    margin-top: 10px;
}
.home815_top_indiv4 .home815_img{
    width: 100%;
}
.home815_top_indiv4 .home815_img img{
    width: 100%;
    display: block;
}
.home815_top_indiv4 .home815_text{
    width: 100%;
    margin-bottom: 10px;
}
.home815_top_indiv4 .home815_textin{
    width: 100%;
    margin-top:20px; 
}
.home815_top_indiv5 .home815_img{
    width: 100%;
    display: block;
    margin-top: 10px;
}
.home815_top_indiv7{
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    padding-top: 25px; 
}

/*home815_p2*/
.home815_p2 .home815_div1 img{
    display: block;
    margin:20px auto;
    width: 100%;
}
.home815_p2 .home815_div2 .home815_title.home815_title2{
    margin:20px 0 15px 0;
}
.home815_p2 .home815_div2 .home815_num{
    margin-top: 5px;
}
.home815_p2 .home815_div2 .home815_num .Tables{
    width: 36px;
    height:36px;
    margin-bottom: 6px;
    margin-right: 5px;
}
.home815_p2 .home815_div2 .home815_num > .home815_text{
    margin-top: 5px;
}
.home815_p2 .home815_div2 .home815_title,.home815_p2 .home815_div3 .home815_title{
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 15px;    
    min-width: 165px;
}
.home815_p2 .home815_div2 {
    padding: 20px;
    margin: 15px 0 5px 0;
    /*max-width: 1060px;*/
}
.home815_p2 .home815_div3{
    margin-top: 25px;
}
.home815_p2 .home815_div3 .home815_indiv{
    padding: 20px 0px;
    max-width: 500px;
    margin:auto;
}
.home815_p2 .home815_div3 .home815_p2_indiv{
    width: 100%;
    margin: 10px 0;
}
.home815_p2 .home815_div3 .home815_p2_outer .home815_p2_indiv .home815_p2_indiv_img{
    width: 150px;
    display: block;
    float:left;
}
.home815_p2 .home815_div3 .home815_title{
    margin-bottom: 15px;
} 
.home815_p2 .home815_div3 .home815_p2_text img{
    width: 12px;
    margin-right:5px;
} 
.home815_p2 .home815_div3 .home815_p2_text{
    float:left;
    margin-left: 15px;
    margin-top: 0px;
} 
/*home815_p3*/
.home815_p3 .home815_div1 .home815_right .home815_right_title{
    font-size: 30px;
}
.home815_p3 .home815_div1 .home815_right .home815_right_title .home815_right_title_text{
    font-size: 37px;
}   
.home815_p3 .home815_div1{
    padding: 20px 20px 40px 20px;
}
.home815_p3 .home815_div1 .home815_right{
    width: 100%;
    max-width:500px;
    margin:auto;
}
.home815_p3 .home815_div1 .home815_img1{
    width: 100%;
    max-width:500px;
    margin:10px auto 20px auto;
    display:block;
}
.home815_p3 .home815_div2{
    padding-top:20px;
    padding-bottom:20px;
}
.home815_p3 .home815_div2 .home815_indiv{
    max-width: 500px;
    margin:auto; 
}
.home815_p3 .home815_div2 img{
    width: 98%;
    margin:5px 1%;
}
.home815_p3 .home815_div4 img{
    width: 98%;
    display: block;
    margin:20px auto;   
    max-width: 500px; 
}
.home815_p3 .home815_div3{
    padding-bottom: 20px;
}
.home815_p3 .home815_div3 .home815_p3_img1{
    display: none;
}

/*home815_p5*/
.home815_p5 .home815_col{
    width: 46%;
    margin:16px 1.5%;
}
.home815_p5 .home815_col .home815_title{
    padding:10px 0;
    border-radius: 10px;
    margin-bottom: 8px;
}
.home815_p5 > .home815_img1{
    margin: 15px auto;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title{
    font-size: 30px;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title .home815_right_title_text{
    font-size: 37px;
}   
.home815_p5 .home815_div3{
    padding: 20px 20px 40px 20px;
}
.home815_p5 .home815_div3 .home815_right{
    width: 100%;
    max-width:330px;
    margin:auto;
}
.home815_p5 .home815_div3 .home815_img1{
    width: 100%;
    max-width:330px;
    margin:10px auto 20px auto;
    display:block;
}
.home815_p5 .home815_div3 .home815_indent .home815_indent_span{
    top:6px;
}
.home815_top_indiv6 .home815_top_indiv img{
    margin-top: 10px;
}
/*partnerhome*/
.partnerhome_border_div1,.partnerhome_border_div2{
    margin-top: 25px;
    margin-bottom: 25px;
}    
.partnerhome_stitle{
    font-size: 20px;
    margin-bottom: 15px;
}
.partnerhome{
    padding:10px 0px;
}
.partnerhome_title{
    color:#ffffff;
    background-color: #7f7f7f;
    padding:10px 20px; 
    text-align: right;
}
.partnerhome_btn{
    cursor: pointer;
}
.partnerhome_btn:hover .partnerhome_title{
    background-color: #636363;
}
.partnerhome_title .partnerhome_icon{
    background-color:#bf4f4f; 
    width: 18px;
    height:18px;
    border-radius: 50%;
    margin-bottom: 0px;
    float:right;
    margin-top: 3px;
    margin-left: 5px;
    font-size: 22px;
    text-align: center;
}
.partnerhome_title .partnerhome_icon.active{
    background-color:#a34545; 
}
.partnerhome_title .partnerhome_icon div{
    color:#ffffff;
    line-height: 15px;
    margin-left: 0px;
}
.partnerhome_bottom .partnerhome_btn{
    margin-top: 10px;
}

.partnerhome .partnerhome_top{
    margin-top: 10px;
}
.partnerhome_addbottom_img{
    margin-top: 10px;
}

.partnerhome_btn .partnerhome_img_div{
    position: relative;
    background-color: #e5eaed;
    padding: 0px;
}
.partnerhome_btn .partnerhome_img_div img{
    position: absolute;
    top:0px;
    /*left:10%;*/
    width: 100%;
    display: block;
}
.partnerhome_bottom .partnerhome_btn{
    width: 100%;
    float: left;
} 
.partnerhome_bb{
    margin-top: 10px;   
}
.partnerhome_contentin{
    padding-top:10px;
}
/*p1*/
.partnerhome_p1 .partnerhome_div2{
    padding-top:0px;
    padding-bottom:0px;
}
.partnerhome_p1 .partnerhome_div2 .partnerhome_indiv{
    max-width: 500px;
    margin:auto; 
}
.partnerhome_p1 .partnerhome_div2 img{
    width: 98%;
    margin:5px 1%;
}
.partnerhome_p1 .partnerhome_text{
    max-width: 650px;
    margin:0px auto 20px auto; 
}
/*partnerhome_p3*/
.partnerhome_p3 .bg_top{
    padding-top: 30%;
}
/*partnerhome_left*/
.partnerhome_p3 .partnerhome_div1 .partnerhome_left{
    width: 94%;
    max-width: 630px;
    margin-left: auto; 
    margin-right: auto; 
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_left .fsc28{
    font-size: 20px;
}
/*partnerhome_right*/
.partnerhome_p3 .partnerhome_div1 .partnerhome_right{
    width: 94%;
    max-width: 429px;
    margin-left: auto; 
    margin-right: auto; 
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .partnerhome_icon{
    width: 88px;
}
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .big_text{
    font-size: 40px;
}
.partnerhome_p3 .partnerhome_text2{
     margin-bottom: 15px;
}
}
@media screen and (max-width: 1279px) {
/*如果使用者之視窗寬度 <= 1279px，將會再載入這裡的 CSS。手機板*/
/*home815*/
/*home815_p3*/
.home815_p3 .home815_div3 .home815_left,.home815_p3 .home815_div3 .home815_right{
    max-width: 284px;
    margin:auto;
}
.home815_p3 .home815_div3 .home815_left .home815_indiv ,.home815_p3 .home815_div3 .home815_right .home815_indiv{
    width: 284px;
    margin-top:25px;
}

.home815_p3 .home815_div3 .home815_left img,.home815_p3 .home815_div3 .home815_right img{
    width: 100%;
    display: block;
    margin-top: 0px;
}
.home815_p3 .home815_div3 .home815_left .home815_indiv_left,.home815_p3 .home815_div3 .home815_right .home815_indiv_left{
    width: 84px;
    float:left;
}
.home815_p3 .home815_div3 .home815_left .home815_indiv_right,.home815_p3 .home815_div3 .home815_right .home815_indiv_right{
    width: 200px;
    float:left;
}
.home815_p3 .home815_left .home815_indiv_top,.home815_p3 .home815_right .home815_indiv_top{
    font-size: 37px;
    text-align: right;
    font-weight: bold; 
}
.home815_p3 .home815_left .home815_indiv_bottom,.home815_p3 .home815_right .home815_indiv_bottom{
    text-align: right;
}



}

@media screen and (min-width: 999px) and (max-width: 1250px) {
/*home815*/
/*home815_p5*/
.home815_p5 .home815_div3 .home815_right .home815_right_title{
    font-size: 36px;
}
.home815_p5 .home815_div3 .home815_right .home815_right_title .home815_right_title_text{
    font-size: 52px;
}    
/*home815_p3*/
.home815_p3 .home815_div1 .home815_right .home815_right_title{
    font-size: 36px;
}
.home815_p3 .home815_div1 .home815_right .home815_right_title .home815_right_title_text{
    font-size: 52px;
}   
.home815_p3 .home815_div3 .home815_left{
    float:left;
    margin-left: 0%;
}
.home815_p3 .home815_div3 .home815_right{
    float:right;
    margin-right: 0%;
}
.home815_top_indiv6 .home815_title_module .title{
    max-width: 223px;
}
.home815_top_indiv6 .home815_title_module{
    position: relative;
}
.home815_top_indiv6 .home815_title_module img{
    position: absolute;
    bottom: 14px;
    right:0px;
    margin-top: 5%;
}
.home815_top_indiv6 .home815_top_indiv img{
    margin-top: 5%;
}
}
/*partnerhome*/
@media screen and (min-width: 1000px) and (max-width: 1279px) {
.partnerhome_p3 .partnerhome_div1 .partnerhome_right .big_text{
    font-size: 46px !important;
}
}

/*guide815*/
.guide815{
    position: relative;
}
.guide815 .guide815_bg{
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
}
.guide815_btn{
    position: absolute;
    width: 26%;
    z-index: 2;
    cursor: pointer;
    top:0;
}
.guide815_btn1{
    margin-top:26.5%;
    left:22%;
}
.guide815_btn2{
    margin-top:67%;
    left:70%;
}
.guide815_btn3{
    margin-top:109%;
    left:3.5%;
}
.guide815_btn4{
    margin-top:150.7%;
    left:70%;
}
.guide815_btn5{
    margin-top:178%;
    left:3.5%;
}
.guide815_ipad{
    position: absolute;
    width: 104%;
    margin-left: -2%;
    z-index: 5;
    top:0;
    display: none;
}
.guide815_ipad_img{
    position: relative;
    width: 100%;
    z-index: 0;
}

.guide815_icon_group{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin-bottom: 3%;
}
.guide815_icon{
    width: 7%;
    cursor: pointer;
}
.guide815_ipad_box{
    position: absolute;
    top:0;
    left:0;
    width: 83.5%; 
    margin-left:8%;
    margin-top: 6%;
}
.guide815_box_img{
    width: 100%;
    display: block;
}
.guide815_video_outer{
    width: 100%;
    display: none;
}
.guide815_video_outer img{
    position: relative;
    top:0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 0;
}
.guide815_ipad1{
    margin-top: 52%;
}
.guide815_ipad2{
    margin-top: 92%;
}
.guide815_ipad3{
    margin-top: 35%;
}
.guide815_ipad4{
    margin-top: 76%;
}
.guide815_ipad5{
    margin-top: 102%;
}

#guide815_box_video{
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    margin-top:8%; 
    z-index: 5
}