﻿html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:16px; color:#666; font-weight:500;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", 'Droid Sans', 'Noto Sans TC', "Nanum Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "\5FAE\8F6F\96C5\9ED1", "微软雅黑体", "Microsoft YaHei", Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#fff;
	overflow-x:hidden;
    /*overscroll-behavior-y:contain;
    -webkit-overflow-scrolling: touch;*/
}
*{box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 反白 */
::-moz-selection{background:#bce8ff; color:#000; text-shadow:none;}
::selection {background:#bce8ff; color:#000; text-shadow:none;}

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
.placeholder{color:#aaa;}
.fontBlack{color:#000;}
.fontBlue{color:#1980bf;}
.fontRed{color:#f00;}
.required{color:#f00;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle; max-width:100%;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}

a{color:#009bee; text-decoration:none;}
a:hover, a:active, a:focus{outline:0; color:#009cff;}
.btnBox a.btns{
	color:#fff;
	padding:8px 20px;
	background-color:#0080c4;
	border-radius:5px;
}
.btnBox a.btns:hover{
    opacity:.9;
}

.wrapper{
    width:1000px; min-width:1000px;
    margin:0 auto;
    padding:0 20px;
    position:relative;
}

#scrollUp{
    display:none;
    width:54px; height:54px;
    background:url('../../Images/arrowTop.png') 50% 50% rgba(62, 58, 57, 0.4) no-repeat;
    color:#fff; font-size:20px;
    border-radius:50%;
    line-height:36px;
    text-align:center;
    position:fixed; right:27px; bottom:100px;
    z-index:999;
}

/*=============================================
           常用CLASS
=============================================*/


.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.d-flex {
    display: flex;
}

.jus-end {
    justify-content: flex-end;
}

.jus-center {
    justify-content: center;
}

.jus-between{
    justify-content:space-between;
}

.jus-around{
    justify-content:space-around;
}

.jus-evenly{
    justify-content:space-evenly;
}

.item-center {
    align-items: center;
}

.item-star {
    align-items: flex-start;
}

.item-end {
    align-items: flex-end;
}

.direct-column {
    flex-direction: column;
}

.font-bold {
    font-weight: 800;
}

.text-center {
    text-align: center;
}

.text-right{
    text-align:right;
}

.text-left{
    text-align:left;
}

.text-justify {
    text-align: justify;
}

.text-under {
    text-decoration-line: underline;
}

.col-6 {
    width: 50%;
}

.col-9 {
    width: 60%;
}

.col-3 {
    width: 40%;
}

.col-5 {
    width: 35%;
}

.col-7 {
    width: 65%;
}

.col-4{
    width:33.333%;
}

.row {
    display: flex;
    padding: 30px 20px;
}

.absolute-vertical-center {
    top: 50%;
    transform: translateY(-50%);
}

.object-contain {
    object-fit: contain;
}

.indentation-20 {
    padding: 0 20px;
}

.indentation-25 {
    padding: 0 25px;
}

.padding-20 {
    padding: 20px 0;
}


.right-line {
    border-right: 1px solid rgb(56, 55, 55);
}

.blue_point {
    font-size: 18px;
    color: #0084cd;
}

.blue_text {
    color: #0084cd;
}

.bottom_line {
    border: 1px solid #0084cd;
}

.step_content{
    height:150px;
}


.Content_text {
    margin: 10px 0;
    padding: 10px 0;
}


.Content_img {
    margin: 40px 0;
}

    .Content_img img {
        width: 75%;
        object-fit: contain;
    }

.Content_full_bg {
    position: relative;
    width: 100vw;
    left: 50%;
    padding: 30px 0;
    transform: translateX(-50%);
    background: rgb(244, 244, 244);
}

.Content_full_text{
    width:700px;
    margin:0 auto;
}

.employee_name {
    margin: 10px 0;
    font-weight: 900;
    font-size: 18px;
}

.source_text {
    line-height: 2;
    font-size: 13px;
    color: #787878;
}

.movBox {
    width:600px;
    height:355px;
    margin: 80px auto;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
}

.mtb-0{
    margin: 0 !important;
}

#offset {
    top: -335px;
}
/*=============================================
=============================================*/
/*=============================================
    Header
=============================================*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}
    header .wrapper{
        width:1640px; min-width:1640px;
        padding-right:180px;
    }   
    
/*--- .TopMsg ---*/
header .TopMsg{
    background-color:#d5d6d6;
    overflow:hidden;
    padding:10px 0;
}
    header .TopMsg .left{
        float:left;
        display:flex;
        align-items:center;
    }
        header .TopMsg .left a{
            display:inline-block;
            height:30px;
            vertical-align:top;
            font-weight:500;
        }
            header .TopMsg .left a.icon {
                width: 30px;
                height: 30px;
                margin: 0 4px;
                -webkit-transition: background-color 0.1s ease-in-out;
                -moz-transition: background-color 0.1s ease-in-out;
                -o-transition: background-color 0.1s ease-in-out;
                transition: background-color 0.1s ease-in-out;
            }
        header .TopMsg .left a.icon_Line{background:url('../../Images/web/header_TopMsg_icons.png') #fff 0 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_FB{background:url('../../Images/web/header_TopMsg_icons.png') #fff -30px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_Youtube{background:url('../../Images/web/header_TopMsg_icons.png') #fff -60px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_IG{background:url('../../Images/web/header_TopMsg_icons.png') #fff -90px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_Mail{background:url('../../Images/web/header_TopMsg_icons.png') #fff -120px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_Line:hover{background:url('../../Images/web/header_TopMsg_icons_Hover.png') #0080c1 0 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_FB:hover{background:url('../../Images/web/header_TopMsg_icons_Hover.png') #0080c1 -30px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_Youtube:hover{background:url('../../Images/web/header_TopMsg_icons_Hover.png') #0080c1 -60px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_IG:hover{background:url('../../Images/web/header_TopMsg_icons_Hover.png') #0080c1 -90px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.icon_Mail:hover{background:url('../../Images/web/header_TopMsg_icons_Hover.png') #0080c1 -120px 50% no-repeat;background-size: cover;}
        header .TopMsg .left a.tel{
            background:url('../../Images/web/header_TopMsg_icon_tel.png') 0 50% no-repeat;
            padding-left:30px;
            line-height:30px;
            margin-left:30px;
            font-size:16px;
            font-weight:600;
            color:#808080;
        }
    header .TopMsg .right{
        float:right;
        position:relative;
    }
        header .TopMsg .right a.link{
            display:inline-block;
            color:#666;
            font-size:16px;
            font-weight:600;
            padding:0 10px;
        }
        header .TopMsg .right a.link:hover{
            color:#0080c6;
        }
        header .TopMsg .right a.icon{
            display:inline-block;
            width:30px; height:30px;
            margin-right:4px;
            line-height:30px;
            text-align:center;
            font-size:18px;
            color:#808080;
            background-color:#fff; 
        }
        header .TopMsg .right a.icon:hover{
            color:#0080c4;
        }
        header .TopMsg .right a.icon.active,
        header .TopMsg .right a.icon.active:hover{
            background-color:#0080c5;
            color:#fff;
        }
        header .TopMsg .right a.icon_TW{
            margin-left:20px;            
        }
/*--- #Menu ---*/
header a#linkRes{
    display:block;
    font-size:30px;
    background-color:#0080c4;
    position:absolute; top:0; right:0;
    color:#fff;
    padding-top:38px;
    position:absolute;right:0;top:-87px;
    transition:.3s;
}
header a#linkRes:hover{
    color:#ffe732;
}
    header a#linkRes span.paragraph{
        display:block;
        padding:0 30px;
    }
    header a#linkRes span.whiteBg{
        display:block;
        height:8px;
        background-color:#00a7ff;
        margin-top:20px;
    }
#Menu{
    height:90px;
    padding-top:14px;
    /*position:fixed;*/
    width:100%;
    /*z-index:10000;*/
    background:-webkit-linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    background:-o-linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    background:-moz-linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    background:linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    /*box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);*/
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out;
}
/*#Menu::before{
    content:"";
    display:block;
    width:100%; height:158px;
    background:url(../../Images/SP/menuBottomBg.png) 50% 0 no-repeat;
    position:absolute; left:0; right:0; bottom:-122px;
    z-index:1;
}
#Menu::after{
    content:"";
    display:block;
    width:100%; height:244px;
    background:url('../../Images/SP/topGrass.png') 50% 0 no-repeat;
    position:absolute; left:0; right:0; bottom:-280px;
    -webkit-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
    -o-transition:0.6s ease-in-out;
    transition:0.6s ease-in-out;
}*/
#Menu a#logo{
    display:inline-block;
    width:206px; height:55px;
    margin-left: 3px;
    background:url('../../Images/web/logo.png') 50% 50% no-repeat;
    background-size:contain;
    text-indent:-9999em;    
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out;
}
#Menu.scrollGo{
    /*padding:2px 0;*/
    height:66px;
    padding-top:10px;    
    background:-webkit-linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    background:-o-linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    background:-moz-linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    background:linear-gradient(white,white,rgba(255, 255, 255, 0.9));
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out;
}
#Menu.scrollGo::after{
    background-position-y:-100px;
    -webkit-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
    -o-transition:0.6s ease-in-out;
    transition:0.6s ease-in-out;
}
    #Menu.scrollGo a#logo{
        width:140px; height:44px;
        background-size:contain;
    }
    #Menu.scrollGo ul.menuList{
        margin-top:3px;
    }
    #Menu.scrollGo ul.menuList li a{
        padding-bottom:18px;
    }
        #Menu.scrollGo ul.menuList li > div a{
            padding:5px 15px;
        }
    header #Menu.scrollGo a#linkRes{
        /*top:-82px;*/
        padding-top:40px;
    }
        header #Menu.scrollGo a#linkRes span.whiteBg{
            margin-top:15px;
        }

    input.burger-check,
    label.burger{
        display:none;
    }
    #Menu ul.menuList{
        padding:0; margin:0;
        font-size:0;
        text-align:left;
        display:inline-block;
        float:right;
        margin-top:10px;
        -webkit-transition:0.5s ease-in-out;
        -moz-transition:0.5s ease-in-out;
        -o-transition:0.5s ease-in-out;
        transition:0.5s ease-in-out;
    }
        #Menu ul.menuList li{
            display:inline-block;
            /*width:13%;*/
            /*text-align:right;*/
            vertical-align:middle;
            position:relative;
        }
        /*#Menu ul.menuList li:last-child{
            margin-left:10px;
        }*/
            #Menu ul.menuList li a {
                color: #3c3c3c;
                font-size: 17px;
                font-weight: 600;
                display: block;
                padding: 10px 30px 30px;
            }
            #Menu ul.menuList li a:hover{
                color:#0080c6;
                /*background-color:#fafafa;*/
                /*opacity:.9;*/
            }
        /*#Menu ul.menuList li.logo {
            min-width:145px;
            text-align:left;
            margin-right:40px;
            float:left;
        }
            #Menu ul.menuList li.logo a{
                display:inline-block;
                text-indent:-9999em;
                width:100%;
                min-height:32px;
                background:url(../../Images/SP/eTextLogo.png) 0 2px no-repeat;
            }
            #Menu ul.menuList li.logo a:hover{
                color:#fff9b1;
                opacity:.9;
            }
        #Menu ul.menuList li a#eyeFB,
        #Menu ul.menuList li a#eyeIG,
        #Menu ul.menuList li a#eyeLine{
                text-indent:-9999em !important;
                font-size:0;
                display:inline-block;
                width:32px;
                min-height:31px;
                margin-right:5px;
        }
        #Menu ul.menuList li a#eyeFB{
            background:url('../../Images/SP/fb.png') 50% 50% no-repeat;
        }
        #Menu ul.menuList li a#eyeIG{
            background:url('../../Images/SP/ig.png') 50% 50% no-repeat;
        }
        #Menu ul.menuList li a#eyeLine{
            background:url('../../Images/SP/line.png') 50% 50% no-repeat;
        }*/
                /*#Menu ul.menuList li.logo a i.logo_25year{
                    display:inline-block;
                    width:47px; min-height:45px;
                    background:url(../../Images/SP/logo25year.png) 0 0 no-repeat;
                    margin:0 5px;
                    vertical-align:middle;
                }*/
            /*-- Level 2 --*/
            #Menu ul.menuList li > div{
	            position:absolute; top:100%; left:20px; z-index:10000;
	            border-top:3px solid #0080c4;
                box-shadow:0 2px 8px rgba(51, 51, 51, 0.6);
	            max-height:0; opacity:0; overflow:hidden;
                -webkit-transition:all 0.1s ease-in-out;
                -moz-transition:all 0.1s ease-in-out;
                -o-transition:all 0.1s ease-in-out;
                transition:all 0.1s ease-in-out;
            }
            #Menu ul.menuList li:hover > div {
                max-height:1000px;opacity:1;
                -webkit-transition:max-height 0.5s ease-in-out,opacity 0.2s ease-in-out;
                -moz-transition:max-height 0.5s ease-in-out,opacity 0.2s ease-in-out;
                -o-transition:max-height 0.5s ease-in-out,opacity 0.2s ease-in-out;
                transition:max-height 0.5s ease-in-out,opacity 0.2s ease-in-out;
            }
	            #Menu ul.menuList li > div a{
		            display:block;
		            white-space:nowrap;
		            text-align:left;
		            padding:5px 15px;
		            color:#222;
                    /*font-size:14px;*/
                    font-weight:normal;
                    line-height:30px;
                    background-color:#fff;
                    font-size:15px;
	            }
	            #Menu ul.menuList li > div a:hover{
                    color:#0080c6;
                    background-color:#fafafa;
	            }




/*=============================================
    #mainBox
=============================================*/
#mainBox{
    padding-top:108px;
}
/*------------------------
    #pageMenu
------------------------*/
#pageMenu {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}
    #pageMenu ul.list {
        font-size: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        background: url('../../Images/web/pageMenu_BG.png') #fff 0 0;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
    }
        #pageMenu ul.list li{
            display:inline-block;
            width:25%;
            padding:0 20px;
            position:relative;
            cursor:pointer;
        }
        #pageMenu ul.list li::before{
            content:"";
            display:block;
            width:1px;
            background-color:#c3c4c4;
            position:absolute; left:0; top:20px; bottom:20px;
        }
        #pageMenu ul.list li.borderLeftNo::before{
            display:none;width:0;
        }
        #pageMenu ul.list li.active{
            background-color:#0084cd;
        }
            #pageMenu ul.list li a{
                display:block;
                font-size:14px;
                color:#0084cd;
                text-align:center;
                padding:15px 0;
            }
            #pageMenu ul.list li.borderTop a{
                border-top:1px solid #c3c4c4;
            }         
            #pageMenu ul.list li.active a{
                color:#fff;
            }
                #pageMenu ul.list li a span{
                    display:block;
                }
                #pageMenu ul.list li a span.icons{
                    width:100%; height:55px;
                    margin: 0 0 10px 0;
                    background-position:50% 50%;
                    background-repeat:no-repeat;
                    background-size:60px;
                    -webkit-transition:0.2s ease-in-out;
                    -moz-transition:0.2s ease-in-out;
                    -o-transition:0.2s ease-in-out;
                    transition:0.2s ease-in-out;
                }
            #pageMenu ul.list li:hover a span.icons {
                background-size: 70px;
            }
                #pageMenu ul.list li a span.text{
                    font-weight:600;
                    font-size:14px;
                }

        #pageMenu ul.list.liQ4 li{
            width:20%;
        }
        #pageMenu ul.list.liQ2 {
            width: 50%;
            margin: 0 auto;
        }
            #pageMenu ul.list.liQ2 li {
                width: 50%;
            }



        /*------------------------
    #pageMenu-PrebyLasik
------------------------*/
        .pageMenu_bg {
            background: url(../../Images/web/pageMenu_BG.png) #fff 0 0;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
        }
    .pageMenu_bg .pageMenu_box.active{
         background-color: #0084cd;
         color:white;
    }
    .pageMenu_bg .pageMenu_box.active .text {
        color: white;
    }

    .pageMenu_bg .pageMenu_box .pageMenu_btn.active {
        background-color: #0084cd;
        color: white;
    }

    .pageMenu_bg .pageMenu_box .pageMenu_btn.active .text {
        color: white;
    }

        

   
    .pageMenu_link {
        padding: 15px 20px;
    }

        .pageMenu_link .icons {
            width: 100%;
            height: 55px;
            margin: 0 0 10px 0;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: 60px;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .pageMenu_link .icons:hover {
                background-size: 70px;
            }

            #pageMenu .pageMenu_bg .pageMenu_box::before {
                content: "";
                display: block;
                width: 1px;
                background-color: #c3c4c4;
                position: absolute;
                left: 0;
                top: 20px;
                bottom: 20px;
            }

#pageMenu .pageMenu_bg .pageMenu_box:first-of-type::before {
    content: "";
    display: none;
}

.pageMenu_btn {
    width: 240px;
    margin: 0 auto;
}

.top-line {
    border-top: 1px solid #c3c4c4;
}

.pageMenu_link .text {
    font-size: 14px;
    font-weight: 600;
    color: #0084cd;
}

.pageMenu_link img {
    padding: 0 0 10px 0;
    height:55px;
    transition:.3s;
}

.pageMenu_link img:hover {
    transform:scale(1.2)
}
/*------------------------
    #pageSubMenu
------------------------*/
#pageSubMenu {
    margin-top: 30px;
}
    #pageSubMenu ul.list{
        font-size:0;
        list-style:none;
        margin:0;
        padding:0;
        text-align:center;
    }
        #pageSubMenu ul.list li{/*預設liQ4*/
            display:inline-block;
            width:25%;
        }
        #pageSubMenu ul.list.liQ5 li{
            width:20%;
        }
        #pageSubMenu ul.list.liQ3 li{
            width:33.3%;
        }
        #pageSubMenu ul.list.liQ2 li{
            width:50%;
        }
        #pageSubMenu ul.list.liQ4 li {
            width: 100%;
        }
            #pageSubMenu ul.list li a{
                    display:block;
                    font-size:15px;
                    color:#0084cd;
                    text-align:center;
                    padding:12px 10px;
                    border-left:1px solid #0084cd;
                    border-top:1px solid #0084cd;
                    background-color:#fff;
            }
            #pageSubMenu ul.list li a:hover{
                background-color:#f6f6f6;
            }
                #pageSubMenu ul.list li a.active {
                    background-color: rgb(179, 241, 255);
                    color: #0084cd;
                }
            #pageSubMenu ul.list li a.active:hover{
                background-color:#0084cd;
                color:#fff;
            }
            #pageSubMenu ul.list li.borderBottom a{
                border-bottom:1px solid #0084cd;
            }
            #pageSubMenu ul.list li.borderRight a{
                border-right:1px solid #0084cd;
            }
                #pageSubMenu ul.list li a span.paragraph{
                    display:block;
                    font-size:14px;
                    font-weight:600;
                }
    #pageSubMenu ul.list.row1 li a{
        border-bottom:1px solid #0084cd;
    }
    #pageSubMenu ul.list.row1 li:last-child a{
        border-left:none;
        border-right:1px solid #0084cd;
    }

/*------------------------
    #pageSubMenu-Experience
------------------------*/
    #pageSubMenu .wrapper .Experience li {
        width: 50%;
    }

/*------------------------
    #pageSubMenu-Plan
------------------------*/
    #pageSubMenu ul.Plan {
        font-size: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #pageSubMenu ul.Plan li {
        display: inline-block;
        width: 20%;
    }

    /*------------------------
    #pageSubMenu-ICL
------------------------*/

    #pageSubMenu ul.ICL1 li a {
        border-top: 0px !important;
    }

    #pageSubMenu ul.ICL1 li {
        display: inline-block;
        width: 100%;
    }
/*------------------------
    #pageSubMenu-Eyebeauty
------------------------*/
    #pageSubMenu ul.Eyebeauty li {
        width: 33.3%;
    }


/*------------------------
    #pageContent
------------------------*/
.marginTop0 {
    margin-top: 0;
}
#pageContent{
    margin:60px 0 80px;
    color:#3e3a39;
}
    #pageContent .picBox{
        margin:15px 0;
    }
    #pageContent p{
        line-height:2em;
    }
    /*====== titles ======*/
    #pageContent h4.titles{
        font-size:17px;
        color:#0084cd;
        padding-left:18px;
        position:relative;
        margin:70px 0 25px 0;
    }
    #pageContent h4.titles.marginTop0{
        margin-top:0;
    }
    #pageContent h4.titles::before{
        content:"";
        display:block;
        width:8px; height:8px;
        position:absolute;left:0;top:9px;
        background-color:#0084cd;
        border-radius:50%;
    }
    #pageContent h5.ListTitle{
        font-size:16px;
        color:#3e3a39;
        margin:50px 0 0;
    }
    /*====== ul.list ======*/
    #pageContent ul.list{
        padding-left:25px;
    }
        #pageContent ul.list li{
            margin-bottom:10px;
        }
    /*====== pageSwiper ======*/
    .pageSwiper .swiper-slide{
        background-position-x:50%;
        background-repeat:no-repeat;
    }
    /*====== movBox ======*/
    .movBox .demoBlock{
        display:block;
        width:80%;height:400px;
        background:#eee;
        text-align:center;line-height:400px;font-size:40px;
        margin:0 auto;
    }

    /*=======Experience-01======*/
    .ex_title {
        font-size: 16px;
        font-weight: 600;
    }
  
/*=============================================
    Footer
=============================================*/
footer {
    background-color: #515961;
    padding: 50px 0;
}
    footer #footerMenuBox{
        text-align:center;
    }
        footer #footerMenuBox ul.list{
            margin:0; padding:0;
            list-style:none;
            display:inline-block;
            width:19%;
            font-size:0;
            vertical-align:top;
            text-align:left;
            margin:0 .2%;
        }
            footer #footerMenuBox ul.list li{
                font-size:16px;
            }
                footer #footerMenuBox ul.list li{}
                footer #footerMenuBox ul.list li:nth-child(2){
                    padding-top:10px;
                }
                footer #footerMenuBox ul.list li.titleType{
                    color:#fff;
                    padding-bottom:20px;
                    border-bottom:1px solid #656b71;
                }
                    footer #footerMenuBox ul.list li a{
                        display:block;
                        color:#999;
                        padding-top:10px;
                    }
                    footer #footerMenuBox ul.list li a:hover{
                        color:#2db7ff;
                    }
    footer .box1{
        margin:70px 0;
        text-align:center;
    }
        footer .box1 div.tel{
            display:inline-block;
            text-align:left;
        }
            footer .box1 div.tel p{
                color:#fff;
                font-size:18px;
                margin:0;
            }
            footer .box1 div.tel p.tel0800{
                color:#24b8ff;
                font-size:35px;
                letter-spacing:2px;
                margin-top:5px;
            }
                footer .box1 div.tel p span{
                    display:inline-block;
                    margin-right:10px;
                }
        footer .box1 div.qrCode{
            display:inline-block;
            margin-left:80px;
        }
            footer .box1 div.qrCode .bg{}
                footer .box1 div.qrCode .bg .qrPic{}
            footer .box1 div.qrCode #goMobileWeb{
                margin-top:5px;
            }
                footer .box1 div.qrCode #goMobileWeb input{
                    background:none;
                    border:none;
                    color:#fff;
                    font-size:15px;
                }
    footer .bottom{
        padding-top:70px;
        border-top:1px solid #b7b8b8;
        text-align:center;
    }
        footer .bottom .logo{
            text-indent:-9999em;
            height:64px;
            background:url('../../Images/web/footer_logo.png') 50% 0 no-repeat;
            margin-bottom:50px;
        }
        footer .bottom .textBox {
            font-size: 12px;
            color: rgb(167, 170, 174);
        }
            footer .bottom .textBox p.text{}
                footer .bottom .textBox p.text .paragraph{display:block;}
            footer .bottom .textBox p.COPYRIGHT{}
                footer .bottom .textBox p.COPYRIGHT a{
                    display:inline-block;
                    margin-left:30px;
                    color:#999;
                    border-bottom:1px solid #999;
                    padding-bottom:2px;
                }
                footer .bottom .textBox p.COPYRIGHT a:hover{
                    color:#ccc;
                    border-bottom:1px solid #ccc;
                }


/*=============================================
    swiper 輪播
=============================================*/
/*分頁器*/
.swiper-pagination-bullet{
    width:12px; height:12px;
}
.swiper-pagination-bullet-active{
    background:#0080c5;
}
/*前後按鈕*/
.swiper-button-prev,
.swiper-button-next{
    outline:none;
}
/*swiperPageTop 各頁上方BN輪播*/
.swiper-container.swiperPageTop .swiper-slide.swiper-lazy{
    height:340px;
    background-position-x:50%;
}
.swiper-container-horizontal.swiperPageTop > .swiper-pagination-bullets{
    bottom:20px;
}




/*--------------------------------------------------------------------

    Media Device Size

--------------------------------------------------------------------*/
@media screen and (max-width:1639px){
    header .wrapper{
        width:100%; min-width:100%;
    }
}
@media screen and (max-width:1380px){
    #Menu ul.menuList li a{
        padding:10px 20px 30px;
    }
}
@media screen and (max-width:1249px){
    header .wrapper{
        padding-right:134px;
    }
    header a#linkRes span.paragraph{
        padding:0 25px;
    }
    #Menu ul.menuList li a{
        padding-right:10px;
    }
}
@media screen and (max-width:1159px){
    #Menu ul.menuList li a{
        padding-right:5px;
    }
}
@media screen and (max-width:1119px){
    #Menu ul.menuList li a{
        padding:10px 5px 30px 15px;
    }
}
@media screen and (max-width:1088px){
    #Menu ul.menuList li a{
        font-size:17px;
    }
}
@media screen and (max-width:1060px){
    #Menu.scrollGo{
        height:100px;
    }
        #Menu.scrollGo ul.menuList li a{
            padding-bottom:10px;
        }
    header a#linkRes{
        font-size:28px;
        top:-14px; right:20px;
        padding-top:22px;
    }
    header #Menu.scrollGo a#linkRes{
        top:-10px;
        padding-top:10px;
    }
    header #Menu.scrollGo a#linkRes span.whiteBg{
        margin-top:10px;
        height:7px;
    }
    #Menu.scrollGo ul.menuList{
        margin-top:0;
    }
    #Menu{height:155px;}
        header .wrapper{
            padding-right:20px;
        }
        #Menu ul.menuList{
            margin-top:8px;
            float:none;
            display:block;
        }
            #Menu ul.menuList li a{
                font-size:18px;
                padding:10px 38px 22px 5px;
            }
            #Menu ul.menuList li > div{left:5px;}
}
@media screen and (max-width:1025px){
    #Menu ul.menuList li a{
        padding:10px 35px 22px 5px;
    }
}
@media screen and (max-width:1000px){
    header .wrapper{
        width:1000px; min-width:1000px;
    }
}

/*----------------------------------------
    #attention 注意事項
----------------------------------------*/

.black_wrap {
    display: none;
    background: rgb(48, 51, 55);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    opacity: 0.6;
    cursor: pointer;
}

#attention {
    display:none;
    position: fixed;
    width: 600px;
    height: 700px;
    background: white;
    top: 59%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    padding: 40px;
    border-radius: 2%;
}

.close_attention {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 26px ;
    color:#0084cd;
    cursor:pointer;
}

/*----------------------------------------
    #privacy 隱私權事項
----------------------------------------*/

#privacy {
    display:none;
    position: fixed;
    width: 600px;
    height: 700px;
    background: white;
    top: 59%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    padding: 40px;
    border-radius: 2%;
    overflow-y:scroll;
}

    #privacy::-webkit-scrollbar {
        display: none;
    }

    #privacy::-webkit-scrollbar {
        display: none;
    }

    #privacy p {
        line-height: 32px;
    }

.privacy_content {
    -ms-overflow-style: none;
    overflow-y: scroll;
    height: 600px;
}
    .privacy_content::-webkit-scrollbar {
        display: none;
    }
