@charset "utf-8";



/* CSS Document */





/*======================================電腦版=======================================*/



@media only screen and (min-width:961px) {

    .top_bar {

        width: 100%;

        height: 50px;

        float: left;

        background-color: #FFFFFF;

        border-bottom: 1px solid #cccccc;

    }

    .main_menu_block {

        width: 1024px;

        height: 50px;

        margin: 0 auto;

        position: relative;

        z-index: 999;

    }

    .logo {

        width: 120px;

        height: 30px;

        float: left;

        margin-top: 0.7em;

    }

    .main_menu {

        width: 650px;

        height: 50px;

        float: right;

        margin-left: 10%;

    }

    .slimmenu li {

        width: 15%;

        height: 50px;

    }

    #nav-btn,

    .sub-menu {

        display: none;

        font-size: 0.5em;

    }

    .menu-plus {

        /* font-size:1.2em; */

        margin: 0;

        padding: 0px;

    }

    .nav>.menu {

        display: block !important;

    }

    /*第一層選單*/

    .nav>ul>li {

        float: left;

        margin-left: 15px;

        padding-left: 15px;

        line-height: 3.2em;

        border-left: 1px solid #e2e2e2;

    }

    /* ul .sub-menu {

        border: 1px solid #ccc;

        border-left: 0;

        margin-left: -1.5em;

    } */

    .menu_block_tablet,

    .main_photo_tablet,

    .contents_block_tablet,

    .menu_block_phone,

    .main_photo_phone,

    .contents_block_phone,

    .intro_box_tablet,

    .intro_box_phone,

    .footer_mobile,

    .footer_mobile .footer_elements {

        display: none;

    }

    .menu_block_pc,

    .tab_menu_block {

        width: 100%;

        height: 32px;

        float: left;

        border-bottom: 1px solid #ccc;

        background-color: #fff;

    }

    .menu_pc,

    .tab_menu {

        width: 1024px;

        height: 32px;

        margin: 0 auto;

    }

    .menu_pc a,

    .tab_menu a {

        float: right;

        width: auto;

    }

    .subnavi {

        width: 80px;

        height: 30px;

        float: left;

        background: #fff;

        border: none;

        border-top: 2px solid #000;

        text-align: center;

    }

    .main_photo_pc {

        width: 100%;

        height: 500px;

        float: left;

        text-align: center;

        background-position: center;

        background-image: url(../img/v57/main_photo_PC.jpg);

        background-repeat: no-repeat;

    }

    .contents_block_pc {

        width: 1024px;

        margin: 0 auto;

        height: auto;

    }

    .intro_text {

        width: 100%;

        height: auto;

        float: left;

    }

    .intro_text ul li {

        list-style-type: disc;

        line-height: 18pt;

        margin: 0.5em 0 0 1em;

    }

    .intro_photo {

        width: 100%;

        text-align: center;

    }

    .intro_video {

        width: 80%;

        height: auto;

        margin: 0 auto;

        padding: 2em;

    }

    .intro_box_pc {

        width: 100%;

        height: auto;

        float: left;

        background-color: #000;

    }

    /* -------------------------內容---------------------------- */

    /* 背景通用 */

    .bg {

        height: 84px;

    }

    .all_floor {

        height: 720px;

        position: relative;

    }

    .all_floor1 {

        height: 720px;

    }

    .all_content {

        width: 100%;

        height: 100%;

        background-size: contain;

        position: absolute;

    }

    .proudct_01 {

        background: url(../img/E18G/E18G-WebLayout-01.jpg) no-repeat center;

    }

    .proudct_02 {

        background: url(../img/E18G/E18G-WebLayout-02.jpg) no-repeat center;

    }

    .proudct_03 {

        background: url(../img/E18G/E18G-WebLayout-03.jpg) no-repeat center;

    }

    .proudct_04 {

        background: url(../img/E18G/E18G-WebLayout-04.jpg) no-repeat center;

    }

    .proudct_05 {

        background: url(../img/E18G/E18G-WebLayout-05.jpg) no-repeat center;

    }

    .proudct_06 {

        background: url(../img/E18G/E18G-WebLayout-06.jpg) no-repeat center;

    }

    .proudct_07 {

        background: url(../img/E18G/E18G-WebLayout-07.jpg) no-repeat center;

    }

    .proudct_08 {

        background: url(../img/E18G/E18G-WebLayout-08.jpg) no-repeat center;

    }

    .proudct_09 {

        background: url(../img/E18G/E18G-WebLayout-09.jpg) no-repeat center;

    }

    .proudct_10 {

        background: url(../img/E18G/E18G-WebLayout-10.jpg) no-repeat center;

    }

    .proudct_11 {

        background: url(../img/E18G/E18G-WebLayout-11.jpg) no-repeat center;

    }








/* -------------------------內容---------------------------- */



footer {

    background-color: #ccc;

    position: relative;

    float: left;

    width: 100%;

}



/* ul .sub-menu {

    border: 1px solid #ccc;

} */



*::-ms-backdrop,

ul .sub-menu {

    margin-left: -1.8em;

}





/* -------------------------spec---------------------------- */



.intro_box {

    padding: 1em 0;

    width: 100%;

    float: left;

    margin-bottom: 40px;

}



.intro_box table {

    margin: 0 auto;

    width: 1024px;

    border: 1px solid #cccccc;

    border-collapse: collapse;

}



.intro_box table tr td {

    border: 1px solid #868080;

}

}



/* -------------------------spec---------------------------- */





/*========================================平板========================================*/

@media only screen and (min-width:481px) and (max-width:960px) {

    .top_bar {

        width: 100%;

        height: 50px;

        float: left;

        background-color: #FFFFFF;

        border-bottom: 1px solid #cccccc;

    }

    

    .logo {

        width: 100px;

        height: 30px;

        margin: 0 auto;

    }

    

    .main_menu_block {

        padding-top: 10px;

        position: relative;

        z-index: 999;

    }

    

    .nav {

        float: left;

        margin: -30px 0 0 0;

        width: 100%;

    }

    

    .nav>ul>li {

        border-left: none;

        border-bottom: 1px solid #e2e2e2;

        background-color: #ffffff;

    }

    

    #nav-btn {

        margin-left: 10px;

    }

    

    .nav>ul,

    .sub-menu {

        display: none;

    }

    /*內容區塊*/

    

    .menu_block_pc,

    .contents_block_pc,

    .menu_block_phone,

    .main_photo_phone,

    .intro_box_pc,

    .contents_block_phone,

    .main_photo_pc,

    .intro_box_phone,

    .footer_pc,

    .footer_mobile .footer_elements {

        display: none;

    }

    

    .menu_block_tablet,

    .tab_menu_block {

        width: 100%;

        height: 30px;

        float: right;

        border-bottom: 1px solid #ccc;

    }

    

    .menu_tablet,

    .tab_menu {

        float: right;

        width: 40%;

    }

    

    .menu_tablet a {

        width: 50%;

        height: 30px;

        float: left;

    }

    

    .tab_menu a {

        width: 50%;

        height: 30px;

        float: right;

    }

    

    .main_photo_tablet {

        width: 100%;

        height: auto;

        float: left;

    }

    

    .menu_phone {

        width: 100%;

        height: 30px;

        float: left;

        border-bottom: 1px solid #ccc;

    }

    

    .subnavi {

        width: 100%;

        height: 30px;

        float: left;

        text-align: center;

    }

    

    .contents_block_tablet {

        width: 100%;

        height: auto;

        float: left;

    }

    

    .contents_block_tablet ul li {

        margin-bottom: 1em;

    }

    

    .intro_photo {

        width: 95%;

    }

    

    .intro_text {

        width: 90%;

        float: left;

        margin-left: 1em;

    }

    

    .intro_text ul {

        margin-left: 1em;

    }

    

    .intro_text ul li {

        list-style-type: disc;

    }

    

    .intro_photo {

        text-align: center;

    }

    /* -------------------------內容---------------------------- */

    

    .nav>ul,

    .sub-menu {

        display: none;

    }

    /* 背景通用 */

    

    .bg {

        height: 82px;

    }

    

    .all_floor {

        height: 420px;

        position: relative;

    }

    

    .all_floor1 {

        height: 420px;

        position: relative;

    }

    

    .proudct_01 {

        background: url(../img/E18G/E18G-WebLayout-01.jpg) no-repeat center;

    }

    .proudct_02 {

        background: url(../img/E18G/E18G-WebLayout-02.jpg) no-repeat center;

    }

    .proudct_03 {

        background: url(../img/E18G/E18G-WebLayout-03.jpg) no-repeat center;

    }

    .proudct_04 {

        background: url(../img/E18G/E18G-WebLayout-04.jpg) no-repeat center;

    }

    .proudct_05 {

        background: url(../img/E18G/E18G-WebLayout-05.jpg) no-repeat center;

    }

    .proudct_06 {

        background: url(../img/E18G/E18G-WebLayout-06.jpg) no-repeat center;

    }

    .proudct_07 {

        background: url(../img/E18G/E18G-WebLayout-07.jpg) no-repeat center;

    }

    .proudct_08 {

        background: url(../img/E18G/E18G-WebLayout-08.jpg) no-repeat center;

    }

    .proudct_09 {

        background: url(../img/E18G/E18G-WebLayout-09.jpg) no-repeat center;

    }

    .proudct_10 {

        background: url(../img/E18G/E18G-WebLayout-10.jpg) no-repeat center;

    }

    .proudct_11 {

        background: url(../img/E18G/E18G-WebLayout-11.jpg) no-repeat center;

    }




    



    

    .all_content {

        width: 100%;

        height: 100%;

        background-size: contain;

        position: absolute;

    }

    

    .all_content1 {

        height: 420px;

    }

    /* -------------------------內容---------------------------- */

    

    footer {

        background-color: #ccc;

        position: relative;

        float: left;

        width: 100%;

    }

    

    /* -------------------------spec---------------------------- */

    

    .intro_box {

        padding: 1em 0;

        width: 100%;

        float: left;

        margin-bottom: 80px;

    }

    

    .intro_box table {

        margin: 0 auto;

        width: 90%;

        border: 1px solid #cccccc;

        border-collapse: collapse;

    }

    

    .intro_box table tr td {

        border: 1px solid #cccccc;

    }

    /* -------------------------spec---------------------------- */

}



/*=========================================手機========================================*/

@media only screen and (max-width:480px) {

    .top_bar {

        width: 100%;

        height: 50px;

        float: left;

        background-color: #FFFFFF;

        border-bottom: 1px solid #cccccc;

    }

    

    .logo {

        width: 100px;

        height: 30px;

        margin: 0 auto;

    }

    

    .main_menu_block {

        padding-top: 10px;

        position: relative;

        z-index: 999;

    }

    

    .nav {

        float: left;

        margin: -30px 0 0 0;

        width: 100%;

    }

    

    .nav>ul>li {

        border-left: none;

        border-bottom: 1px solid #e2e2e2;

        background-color: #ffffff;

    }

    

    #nav-btn {

        margin-left: 10px;

    }

    

    .nav>ul,

    .sub-menu {

        display: none;

    }

    /*內容區塊*/

    

    .menu_block_pc,

    .menu_block_tablet,

    .main_photo_pc,

    .contents_block_pc,

    .menu_block_tablet,

    .main_photo_tablet,

    .contents_block_tablet,

    .intro_box_pc,

    .intro_box_tablet,

    .footer_pc,

    .footer_pc .footer_elements {

        display: none;

    }

    

    .main_photo_phone,

    .tab_menu_block {

        width: 100%;

        height: auto;

        float: left;

    }

    

    .menu_phone,

    .tab_menu {

        width: 100%;

        height: 30px;

        float: left;

        border-bottom: 1px solid #ccc;

    }

    

    .subnavi {

        width: 49.8%;

        height: 30px;

        float: right;

        text-align: center;

    }

    

    .contents_block_phone {

        width: 100%;

        height: auto;

        float: left;

    }

    

    .contents_block_phone ul li {

        margin-bottom: 1em;

    }

    

    .intro_text {

        width: 90%;

        height: auto;

        float: left;

        padding: 1em;

    }

    

    .intro_photo {

        width: 95%;

    }

    

    .intro_text ul {

        margin-left: 1em;

    }

    

    .intro_text ul li {

        list-style-type: disc;

    }

    /* -------------------------內容---------------------------- */

    

    .nav>ul,

    .sub-menu {

        display: none;

    }

    /* 背景通用 */

    

    .bg {

        height: 82px;

    }

    /* ------------通用------------- */

    /* /* .first_content,.second_content,.third_content,.fifth_content{

    position: relative;

} */

    /* .first_pic1,.first_pic2,.first_pic3,.first_pic4,.first_pic5,.first_pic6,

.second_block,.third_block,.fifth_block,.fifth_pic{

    position: absolute;

}  */

    /* ------------通用------------- */

    

    .all_floor1 {

        height: 220px;

        position: relative;

    }

    

    .all_floor {

        height: 220px;

        position: relative;

    }

    

    .proudct_01 {

        background: url(../img/E18G/E18G-WebLayout-01.jpg) no-repeat center;

    }

    .proudct_02 {

        background: url(../img/E18G/E18G-WebLayout-02.jpg) no-repeat center;

    }

    .proudct_03 {

        background: url(../img/E18G/E18G-WebLayout-03.jpg) no-repeat center;

    }

    .proudct_04 {

        background: url(../img/E18G/E18G-WebLayout-04.jpg) no-repeat center;

    }

    .proudct_05 {

        background: url(../img/E18G/E18G-WebLayout-05.jpg) no-repeat center;

    }

    .proudct_06 {

        background: url(../img/E18G/E18G-WebLayout-06.jpg) no-repeat center;

    }

    .proudct_07 {

        background: url(../img/E18G/E18G-WebLayout-07.jpg) no-repeat center;

    }

    .proudct_08 {

        background: url(../img/E18G/E18G-WebLayout-08.jpg) no-repeat center;

    }

    .proudct_09 {

        background: url(../img/E18G/E18G-WebLayout-09.jpg) no-repeat center;

    }

    .proudct_10 {

        background: url(../img/E18G/E18G-WebLayout-10.jpg) no-repeat center;

    }

    .proudct_11 {

        background: url(../img/E18G/E18G-WebLayout-11.jpg) no-repeat center;

    }








    .all_content {

        width: 100%;

        height: 100%;

        background-size: cover;

        position: absolute;

    }

    /* -------------------------內容---------------------------- */

    

    footer {

        background-color: #ccc;

        position: relative;

        float: left;

        width: 100%;

    }

    

    /* -------------------------spec---------------------------- */

    

    .intro_box {

        padding: 1em 0;

        width: 100%;

        float: left;

        text-align: center;

        margin-bottom: 80px;

    }

    

    .intro_box table {

        margin: 0 auto;

        width: 90%;

        border-collapse: collapse;

    }

    

    .intro_box table tr td {

        width: 90%;

        border: 1px solid #cccccc;

        float: left;

    }

    

    .intro_box table tr td:first-child {

        background-color: #f6f6f6;

    }

    

    .intro_box table tr:first-child td {

        background-color: #ffffff;

    }

    /* -------------------------spec---------------------------- */

}