#mainBox h2.title{
    font-size:33px;
    color:#3e3a39;
    text-align:center;
}


/*----------------------------------------
    swiper3D
----------------------------------------*/
.swiper3D .swiper-wrapper{
    padding-top:35px;
}
.swiper3D.swiper-container-3d{
    /*perspective:710px;*/
}
.swiper3D .swiper-slide h3.TVTitle{
    margin:0;
    position:absolute; top:-35px; left:0; right:0;
    font-size:21px;
    color:#000;
    text-align:center;
    font-weight:500;
}
.swiper3D .swiper-slide.swiper-slide-active h3.TVTitle{
    font-size:18px;
}
.swiper3D .swiper-slide .videoBox,
.swiper3D .swiper-slide .picBox{
    position:relative;
}
.swiper3D .swiper-slide .videoBox .coverBG,
.swiper3D .swiper-slide .picBox .coverBG{
    display:block;
    position:absolute; left:0; right:0; top:0; bottom:0;
    background:rgba(0, 0, 0, 0.5);
    cursor:pointer;
}
.swiper3D .swiper-slide.swiper-slide-active .videoBox .coverBG,
.swiper3D .swiper-slide .picBox .coverBG{
    display:none;
}

/*----------------------------------------
    swiper01
----------------------------------------*/
.swiper01 .swiper-slide {
    height: 600px;
    background-position-x: 50%;
    background-position-y: 50%;
}
    .swiper01 .swiper-slide.bgX_R{
        /*background-position-x:right;*/
    }
    .swiper01 .swiper-slide p.texts{
        margin:0;
        position:absolute;
    }
    .swiper01 .swiper-slide a.more {
        display: block;
        font-size: 18px;
        color: #3e3a39;
        padding: 8px 55px;
        border: 1px solid #3e3a39;
        position: absolute;
        -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;
    }
    .swiper01 .swiper-slide a.more:hover{
        background:#0080c5;
        border:1px solid #0080c5;
        color:#fff;
        -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;
    }
    /*slide01*/
    .swiper01 .swiper-slide01{
        color:#3e3a39;
    }
    .swiper01 .swiper-slide01 p.text01{
        font-size:56px; top:220px; left:5px;
        letter-spacing:6px;
        font-weight:700;
    }
    .swiper01 .swiper-slide01 p.text02{
        font-size:18px; top:300px; left:15px;
    }
        .swiper01 .swiper-slide01 a.more {
            top: 375px;
            left: 14px;
        }
/*----------------------------------------
    #eTV - swiper02
----------------------------------------*/
#eTV {
    /*background:url('../../Images/web/Home/eTV_BG.jpg') 50% 0;*/
    max-height: 645px;
    padding: 15px 0 50px 0;
    position: relative;
}
#eTV:before{
    content:"";
    z-index:-1;
    position:absolute;left:0;right:0;top:0;bottom:0;
    background:url('../../Images/web/Home/eTV_BG.jpg') 50% 0;
    max-height:777px;
    background-attachment:fixed;
}
    #eTV h2.title {
        text-indent: -9999em;
        width: 150px;
        height: 50px;
        background: url(../../Images/web/Home/eTV.png) 50% 50% no-repeat;
        background-size: contain;
        margin: 20px auto 40px auto;
    }
    /*videoBox*/
    .videoBox{
        position:relative;
        padding-bottom:45%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        /*margin:10px 0;*/
    }
        .videoBox iframe.vedios{
            position:absolute; top:0; left:0;
            width:100%; height:100%;
        }
.swiper-container.swiper02{
    width:85%; min-width:960px;
    /*padding-top:10px;*/
    padding:0 40px 60px;
}
    /*.swiper02 .swiper-slide .videoBox{
        position:relative;
    }
    .swiper02 .swiper-slide .videoBox .coverBG{
        content:"";
        display:block;
        position:absolute; left:0; right:0; top:0; bottom:0;
        background:rgba(0, 0, 0, 0.35);
        cursor:pointer;
    }
    .swiper02 .swiper-slide.swiper-slide-active .videoBox .coverBG{
        display:none;
    }*/
.swiper02 .swiper-button-prev,
.swiper02 .swiper-button-next{
    width:26%; height:62%;
    top:19%;
    /*background-color:#999;*/
}
/*.swiper04 .swiper-button-prev,
.swiper04 .swiper-button-next{
    width:290px; height:411px;
    top:74px;
}*/
    .swiper02 .swiper-button-prev{left:0;background-position-x:5%;}
    .swiper02 .swiper-button-next{right:0;background-position-x:95%;}
/*----------------------------------------
    #eyeSure - 榮譽與肯定
----------------------------------------*/
#eyeSure {
    padding: 130px 0 190px;
}
    #eyeSure h2.title{
        margin:0;
    }
    #eyeSure ul.list{
        margin:80px 0 0; padding:0;
        list-style:none;
        font-size:0;
        text-align:center;
    }
        #eyeSure ul.list li{
            display:inline-block;
        }
        #eyeSure ul.list li:nth-child(1){width:15%;}
        #eyeSure ul.list li:nth-child(4){width:18%;}
        #eyeSure ul.list li:nth-child(2),
        #eyeSure ul.list li:nth-child(3){width:32%}
            #eyeSure ul.list li p.number{
                margin:0;
                font-size:47px;
                color:#0080c1;
                border-right:1px solid #a4a5a5;
                line-height:1em;
            }
                #eyeSure ul.list li p.number span.icon{
                    display:inline-block;
                    font-size:42px;
                    margin-right:5px;
                }
            #eyeSure ul.list li p.text{
                margin:15px 0 0;
                font-size:20px;
                color:#808080;
            }
/*----------------------------------------
    #experience - 經驗談
----------------------------------------*/
#experience{
    height:493px; max-height:493px;
    background:url('../../Images/web/Home/experience_BG.jpg') 50% 0 no-repeat;
    position:relative;
}
    #experience div.menuLink{
        background-color:#d2d3d3;
        padding-right: 20px;
        position:absolute; left:-25px; top:-40px;
        background:-webkit-linear-gradient(#d2d3d3,rgba(210, 211, 211, 0.6));
        background:-o-linear-gradient(#d2d3d3,rgba(210, 211, 211, 0.6));
        background:-moz-linear-gradient(#d2d3d3,rgba(210, 211, 211, 0.6));
        background:linear-gradient(#d2d3d3,rgba(210, 211, 211, 0.6));
    }
        #experience div.menuLink h2.title{
            margin:0;
            padding:40px 40px;
            position:relative;
            z-index:1;
            text-align:left;
        }
        #experience div.menuLink ul.list{
            margin:0;
            padding:0 0 50px 0;
            font-size:0;
            list-style:none;
            position:relative;
            z-index:1;
        }
            #experience div.menuLink ul.list li{}
                #experience div.menuLink ul.list li a {
                    display: block;
                    padding: 10px 40px;
                    font-size: 18px;
                    font-weight: 600;
                    color: #555;
                    cursor: pointer;
                }
                 #experience div.menuLink ul.list li a:hover{
                     color:#000;
                 }
                #experience div.menuLink ul.list li a.active{
                    color:#2e82bb;
                    font-weight:600;
                }
    #experience div.pic{
        position:absolute;left:0;right:0;top:0;bottom:0;
        background-size:contain;
        background-position:54% 112%;
        background-repeat:no-repeat;
        -webkit-transition:0.3s ease-in-out;
        -moz-transition:0.3s ease-in-out;
        -o-transition:0.3s ease-in-out;
        transition:0.3s ease-in-out;
        z-index:0;
    }
    @media screen and (max-width:1520px){
        #experience div.menuLink{
            left:0%;
        }
        #experience div.pic {
            background-position-x: 71%;
        }
    }
    @media screen and (max-width:1235px){
        #experience div.menuLink{
            left:0%;
        }
        #experience div.pic {
            background-size: contain;
            /*background-position-x:85%;*/
        }
    }
    @media screen and (max-width:1075px){
        #experience div.menuLink{
            left:-15px;
        }
    }
    @media screen and (max-width:1050px){
        #experience div.menuLink{
            left:-10px;
        }
        #experience div.pic {
            background-size: contain;
        }
    }
        #experience div.pic a{
            display:block;
            position:absolute;left:0;right:0;top:0;bottom:0;
            z-index:0;
        }
        #experience div.pic:hover{
            background-position-y:100%;
            -webkit-transition:0.3s ease-in-out;
            -moz-transition:0.3s ease-in-out;
            -o-transition:0.3s ease-in-out;
            transition:0.3s ease-in-out;
        }
/*----------------------------------------
    #LandingPages - 活動頁
----------------------------------------*/
#LandingPages{
    padding:60px 0 70px;
}
.swiper-container.swiper04{
    /*width:80%; max-width:960px; min-width:700px;*/
    padding:0 100px 60px;
    width:960px;
}
    .swiper04 .swiper-slide a.picBox{
        display:block;
        text-align:center;
    }
    .swiper04 .swiper-slide a.picBox:hover{
        opacity:.9;
    }
        .swiper04 .swiper-slide .picBox img{
            width:100%;
        }
        /*.swiper3D .swiper-slide .picBox .coverBG{
            display:none;
        }*/
.swiper04 .swiper-button-prev,
.swiper04 .swiper-button-next{
    width:290px; height:411px;
    top:74px;
}
    .swiper04 .swiper-button-prev{left:0;background-position-x:5%;}
    .swiper04 .swiper-button-next{right:0;background-position-x:95%;}

/*----------------------------------------
    #quickLink - 快速連結區塊
----------------------------------------*/
#quickLink{
    height:634px; max-height:634px;
    /*background:url('../../Images/web/Home/quickLink_BG.jpg') 50% 0 no-repeat;*/
    position:relative;
}
#quickLink:before{
    content:"";
    z-index:-1;
    position:absolute;left:0;right:0;top:0;bottom:0;
    background:url('../../Images/web/Home/quickLink_BG.jpg') 50% 0;
    max-height:634px;
    background-attachment:fixed;
}
    #quickLink ul.list{
        margin:0;
        padding:0;
        list-style:none;
        font-size:0;
        text-align:center;
        /*position:absolute;left:0;right:0;top:0;bottom:0;*/
    }
        #quickLink ul.list li{
            display:inline-block;
            width:320px;
        }
        #quickLink ul.list li:nth-child(1),
        #quickLink ul.list li:nth-child(2){
            width:480px;
        }
            #quickLink ul.list li a{
                display:block;
                font-size:24px;
                color:#fff;
                position:relative;
                height:222px;
                background-size:100%;
                background-position:50% 50%;
                -webkit-transition:0.25s ease-in-out;
                -moz-transition:0.25s ease-in-out;
                -o-transition:0.25s ease-in-out;
                transition:0.25s ease-in-out;
            }
            #quickLink ul.list li a:hover{
                text-shadow:1px 1px 2px #000;
                background-size:105%;
                background-position:50% 50%;
                -webkit-transition:background 0.25s ease-in-out;
                -moz-transition:background 0.25s ease-in-out;
                -o-transition:background 0.25s ease-in-out;
                transition:background 0.25s ease-in-out;
            }
            #quickLink ul.list li a .coverBG{
                opacity:1;
                position:absolute;left:0;right:0;top:0;bottom:0;
                background:rgba(0, 0, 0, 0.5);
                -webkit-transition:0.25s ease-in-out;
                -moz-transition:0.25s ease-in-out;
                -o-transition:0.25s ease-in-out;
                transition:0.25s ease-in-out;
            }
            #quickLink ul.list li a:hover .coverBG{
                opacity:0;            
                -webkit-transition:0.25s ease-in-out;
                -moz-transition:0.25s ease-in-out;
                -o-transition:0.25s ease-in-out;
                transition:0.25s ease-in-out;
            }
            #quickLink ul.list li:nth-child(6) a,
            #quickLink ul.list li:nth-child(7) a,
            #quickLink ul.list li:nth-child(8) a{
                height:190px;
            }
            #quickLink ul.list li:nth-child(1) a{background-image: url('../../Images/web/Home/quickLink_pic01.jpg');}
            #quickLink ul.list li:nth-child(2) a{background-image: url('../../Images/web/Home/quickLink_pic02.jpg');}
            #quickLink ul.list li:nth-child(3) a{background-image: url('../../Images/web/Home/quickLink_pic03.jpg');}
            #quickLink ul.list li:nth-child(4) a{background-image: url('../../Images/web/Home/quickLink_pic04.jpg');}
            #quickLink ul.list li:nth-child(5) a{background-image: url('../../Images/web/Home/quickLink_pic05.jpg');}
            #quickLink ul.list li:nth-child(6) a{background-image: url('../../Images/web/Home/quickLink_pic06.jpg');}
            #quickLink ul.list li:nth-child(7) a{background-image: url('../../Images/web/Home/quickLink_pic07.jpg');}
            #quickLink ul.list li:nth-child(8) a{background-image: url('../../Images/web/Home/quickLink_pic08.jpg');}
                #quickLink ul.list li a p.text{
                    margin:0;
                    position:absolute; left:20px; bottom:25px;                    
                    -webkit-transition:0.3s ease-in-out;
                    -moz-transition:0.3s ease-in-out;
                    -o-transition:0.3s ease-in-out;
                    transition:0.3s ease-in-out;
                }
                #quickLink ul.list li a:hover p.text{
                    bottom:15px;
                    -webkit-transition:0.3s ease-in-out;
                    -moz-transition:0.3s ease-in-out;
                    -o-transition:0.3s ease-in-out;
                    transition:0.3s ease-in-out;
                }
                    #quickLink ul.list li a p.text span.bottomLine{
                        display:block; width:50px; height:1px;
                        position:absolute; left:0; bottom:-10px;
                        background-color:#fff;
                        -webkit-transition:width 0.3s ease-in-out;
                        -moz-transition:width 0.3s ease-in-out;
                        -o-transition:width 0.3s ease-in-out;
                        transition:width 0.3s ease-in-out;
                    }
                    #quickLink ul.list li a:hover p.text span.bottomLine{
                        width:0;
                        -webkit-transition:width 0.3s ease-in-out;
                        -moz-transition:width 0.3s ease-in-out;
                        -o-transition:width 0.3s ease-in-out;
                        transition:width 0.3s ease-in-out;
                    }
/*----------------------------------------
    #eyeHistory - 時光迴廊
----------------------------------------*/
#eyeHistory{
    padding:90px 0 120px;
}
    #eyeHistory h2.title{
        margin:0 0 50px;
    }
#eyeHistory .swiper06.swiper-container{
    margin:0;
    min-height:388px/*268px*/;
}
    #eyeHistory .swiper06 .swiper-slide span.year{
        display:block;
        color:#f2f2f2;
        font-size:200px;
        font-weight:600;
        position:absolute;top:98px;left:0;
        line-height:1em;
        letter-spacing:0;
        opacity:0;
        max-height:0;
    }
    #eyeHistory .swiper06 .swiper-slide.swiper-slide-active span.year{
        opacity:1;
        top:88px;
        -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;
    }
    #eyeHistory .swiper06 .swiper-slide ul.list{
        margin:0;
        width:500px;
        position:relative;
        z-index:1;
    }
        #eyeHistory .swiper06 .swiper-slide ul.list li{
            margin:0 0 18px;
            font-size:20px;
            color:#333;
            line-height:1.3em;
        }
        #eyeHistory .swiper06 .swiper-slide[data-year="2016"] ul.list li{
            /*line-height:1.1em;*/
        }
    #eyeHistory .swiper06 .swiper-slide span.pic{
        width:437px; height:268px;
        position:absolute;right:0;top:0;
        background-size:contain;
    }
    #eyeHistory .swiper06 .swiper-button-prev,
    #eyeHistory .swiper06 .swiper-button-next{
	    background-size:18px auto;
        top:auto; bottom:0;
        width:/*65*/52px; height:61px;
    }
    #eyeHistory .swiper06 .swiper-button-prev{/*left:365px;*/left:/*241*/249px;background-position-x:60%;}
    #eyeHistory .swiper06 .swiper-button-next{/*right:365px;*/right:/*489*/522px;background-position-x:40%;}
#eyeHistory .swiper06 .swiper-pagination{
    width:100% !important;
    left:0 !important;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    bottom:0px;
    line-height:1em;
    height:auto;
    bottom:0;
    border:1px solid #cacaca;
}
    #eyeHistory .swiper06 .swiper-pagination font.hide,
    #eyeHistory .swiper06 .swiper-pagination .swiper-pagination-bullet{
        display:inline-block;
        /*width:121.8px;*/
        width:137px;
        margin:0 !important;
        background:#fff;
        border-radius:0;
        padding:30px 0;
        font-size:26px !important;
        color:#666;
        height:auto;
        transform:none;
        /*left:0px !important;*/
    }    
    #eyeHistory .swiper06 .swiper-pagination .swiper-pagination-bullet-active{
        /*width:226.8px;*/
        color:#0080c1;
        background:#fff;
    }
/*----------------------------------------
    #eyeMap 兩岸眼科中心 - 地圖
----------------------------------------*/
#eyeMap{
    height:/*962*/810px;
    background:url('../../Images/web/Home/eyeMap_BG.jpg') 50% 0;
    position:relative;
}
    #eyeMap h2.title{
        margin:0;
        position:absolute;left:0;right:0;top:60px;
        z-index:1;
    }
    #eyeMap ul.menuList{
        display:inline-block;
        z-index:1;
        position:absolute;left:20%;top:200px;
        margin:0; padding:0;
        list-style:none;
    }
        #eyeMap ul.menuList li{
            margin-bottom:16px;
        }
            #eyeMap ul.menuList li a{
                display:block;
                border:1px solid #808080;
                background:rgba(255, 255, 255, 0.7);
                padding:10px 10px;
                text-align:center;
                font-size:18px;
                color:#3e3a39;
                font-weight:600;
                -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;
            }
            #eyeMap ul.menuList li a.active,
            #eyeMap ul.menuList li a.active:hover{
                background:#0080c5;
                color:#fff;
            }
            #eyeMap ul.menuList li a:hover{
                background:rgba(255, 248, 174, 0.7);
            }
    #eyeMap .regions{
        width:100%; min-width:1000px; height:810px;
        position:absolute;left:0;right:0;top:0;bottom:0;
        opacity:0;
        max-height:0;
        overflow:hidden;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    #eyeMap .regions.active{
        max-height:810px;
        opacity:1;
        -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;
    }
    #eyeMap .regions.mapDefault{
        background:url('../../Images/web/Home/eyeMap_default.png') 50% 0 no-repeat;
    }
    #eyeMap .regions.map01{
        background:url('../../Images/web/Home/eyeMap_01.png') 50% 0 no-repeat;
    }
    #eyeMap .regions.map02{
        background:url('../../Images/web/Home/eyeMap_02.png') 50% 0 no-repeat;
    }
    #eyeMap .regions.map03{
        background:url('../../Images/web/Home/eyeMap_03.png') 50% 0 no-repeat;
    }
    #eyeMap .regions.map04{
        background:url('../../Images/web/Home/eyeMap_04.png') 50% 0 no-repeat;
    }
    #eyeMap .regions.map05{
        background:url('../../Images/web/Home/eyeMap_05.png') 50% 0 no-repeat;
    }
    #eyeMap .regions.map06{
        background:url('../../Images/web/Home/eyeMap_06.png') 50% 0 no-repeat;
    }
        #eyeMap .regions a.clinics{
            display:inline-block;
            position:absolute;
            font-size:18px;
            color:#3e3a39;
            font-weight:600;
            z-index:2;
            -webkit-transition:display 0.2s ease-in-out;
            -moz-transition:display 0.2s ease-in-out;
            -o-transition:display 0.2s ease-in-out;
            transition:display 0.2s ease-in-out;
        }
        #eyeMap .regions a.clinics.active{
            color:#0080c5;
        }
        #eyeMap .regions a.clinics:hover{
            color:#0080c5;
        }
        #eyeMap .regions a.clinics[data-clinicuid="1"]{top:486px;left:330px;} /*[data-clinicname=站前大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="2"]{top:577px;left:378px;} /*[data-clinicname=忠孝大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="3"]{top:517px;left:400px;} /*[data-clinicname=新南大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="16"]{top:448px;left:485px;} /*[data-clinicname=內湖大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1034"]{top:347px;left:405px;} /*[data-clinicname=士林大學眼科診所]{}*/

        #eyeMap .regions a.clinics[data-clinicuid="1035"]{top:642px;left:300px;} /*[data-clinicname=中和大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1028"]{top:510px;left:321px;} /*[data-clinicname=燦明大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1021"]{top:332px;left:284px;} /*[data-clinicname=信林大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="4"]{top:290px;left:311px;} /*[data-clinicname=三重大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="5"]{top:596px;left:187px;} /*[data-clinicname=三峽大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="6"]{top:395px;left:288px;} /*[data-clinicname=新莊大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="7"]{top:476px;left:297px;} /*[data-clinicname=板橋大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="8"]{top:570px;left:426px;} /*[data-clinicname=永和大學眼科診所]{}*/

        #eyeMap .regions a.clinics[data-clinicuid="10"]{top:350px;left:440px;} /*[data-clinicname=中壢大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="11"]{top:573px;left:133px;} /*[data-clinicname=新竹大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1024"]{top:442px;left:390px;} /*[data-clinicname=龍潭大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="19"]{top:403px;left:478px;} /*[data-clinicname=桃園大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1029"]{top:266px;left:499px;} /*[data-clinicname=蘆竹大學眼科診所]{}*/

        #eyeMap .regions a.clinics[data-clinicuid="12"]{top:440px;left:357px;} /*[data-clinicname=台中大學眼科診所]{}*/

        #eyeMap .regions a.clinics[data-clinicuid="13"]{top:597px;left:417px;} /*[data-clinicname=鳳山大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="14"]{top:262px;left:269px;} /*[data-clinicname=台南大學眼科診所]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1040"]{top: 105px;left: 355px;}/*[data-clinicname=嘉義大學眼科診所]{}*/

        #eyeMap .regions a.clinics[data-clinicuid="22"]{top:457px;left:381px;} /*[data-clinicname=宁波太学眼科(明视康)]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1026"]{top:480px;left:381px;} /*[data-clinicname=宁波市第一医院太学眼科中心]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1039"]{top:500px;left:370px;} /*[data-clinicname=宁波海曙区第二医院太学眼科中心]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="18"]{top:353px;left:399px;} /*[data-clinicname=上海太学眼科-瑞东医院]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1036"]{top:393px;left:348px;} /*[data-clinicname=萧山经济技术开发区医院太学眼科中心]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1023"]{top:303px;left:188px;} /*[data-clinicname=苏州大学眼科-明基医院]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1030"]{top:427px;left:315px;} /*[data-clinicname=杭州太学眼科门诊部]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1037"]{top:533px;left:321px;} /*[data-clinicname=横店文荣医院太学眼科中心]{}*/
        #eyeMap .regions a.clinics[data-clinicuid="1038"]{top:458px;left:268px;} /*[data-clinicname=义乌市中医医院太学眼科中心]{}*/
            #eyeMap .regions a.clinics[data-clinicuid="1038"] span.text{
                display:block; width:154px;
                position:absolute;left:-96px;top:30px;
                line-height:1em;
            }            
            #eyeMap .regions a.clinics i.dot{
                display:inline-block;
                width:20px; height:20px;
                border-radius:50%;
                background-color:#808080;
                margin-right:6px;
                vertical-align:sub;
            }
             #eyeMap .regions a.clinics.active i.dot{
                background-color:#0080c5;
            }
            #eyeMap .regions a.clinics:hover i.dot{
                background-color:#0080c5;
            }
    #clinicDataBox{
        width:350px;
        position:absolute; top:165px; right:15%;
        background:rgba(255, 255, 255, 0.95);
        padding:30px;
        z-index:1;
        display:none;
    }
        #clinicDataBox p{
            margin:0;
        }
        #clinicDataBox p.city{
            font-size:18px;
            color:#333;
        }
        #clinicDataBox p.CName{
            font-size:28px;
            color:#333;
            font-weight:600;
            margin:5px 0 15px;
        }
        #clinicDataBox p.address{
            font-size:16px;
            color:#666;
        }
            #clinicDataBox p.tel {
                font-size: 17px;
                color: #666;
                padding-left: 20px;
                background: url('../../Images/web/Home/icon_tel.png') 0 50% no-repeat;
                margin: 5px 0 25px 0;
            }
        #clinicDataBox div.googleMap{
            margin-top:15px;
        }
        #clinicDataBox a.more {
            display: none;
            width: 45%;
            margin: 25px auto 0;
            font-size: 16px;
            color: #fff;
            background-color: #0080c5;
            padding: 10px;
            text-align: center;
            border-radius: 4px;
        }
    @media screen and (max-width:1750px){
        #eyeMap ul.menuList{
            left:10%;
        }
        #clinicDataBox{
            right:10%;
        }
    }
    @media screen and (max-width:1500px){
        #eyeMap ul.menuList{
            left:5%;
        }
        #clinicDataBox{
            right:5%;
        }
    }
    @media screen and (max-width:1350px){
        #eyeMap ul.menuList{
            left:5%;
        }
        #clinicDataBox{
            right:5%;
        }
    }
    @media screen and (max-width:1255px){
        #eyeMap .regions a.clinics[data-clinicuid="1036"] span.text{
            display:block; width:195px;
            position:absolute;left:30px;top:-8px;
            line-height:1em;
        }
    }
    @media screen and (max-width:1200px){
        #eyeMap ul.menuList {
            left: 5%;
        }
        #clinicDataBox {
            right: 5%;
        }
    }
    @media screen and (max-width:1100px){
        #eyeMap ul.menuList{
            top:140px; left:10px;
        }
        #clinicDataBox{
            top:165px; right:10px;
            padding:20px;
        }
    }