@charset "utf-8";
/*上方選單*/
.top_bg{  background:url(../images/all/top_bg.jpg) center top no-repeat; background-size:cover;} /*背景色*/
.top_pad{ padding-bottom:22px; overflow:hidden;}


/*主選單*/
nav{ position:relative; height:40px;  background:url(../images/all/menu_bg.png) center top no-repeat; background-size: cover;}
.slicknav_menu {display:none;}

#menu{position:absolute; z-index:999999; top:0; padding:0; margin:0;}
#menu li { float:left; width:124px;text-align:center;  height:40px; display:block;   color:#ffffff; margin-right:1px; padding:0;}
#menu li.f{ margin-right:0px; }

#menu li a{ font-size:1rem; color:#ffffff;text-decoration:none; position:relative; line-height:40px; display:block;}
#menu li a:hover{ display:block;  color:#fff;}

#menu li ul{ margin:0; padding:0;  }
#menu li ul li { display:none; text-align:left; font-size:1rem; color:#ffffff; /*border-top:1px solid #fff; */}
/*#menu li:nth-child(2) ul li,#menu li:nth-child(6) ul li{width:170%; }
#menu li:last-child ul li{ width:100%;}*/

#menu li:hover ul li { display:block; height:25px; }
#menu li:hover ul li a{  display:block; width:140px; padding-left:15px; height:25px; line-height:25px; color:#ffffff; font-size:0.9rem; /*background:rgba(48,30,13,.9);*/}
#menu li ul li a:hover{ /*background:rgba(204,189,170,.9);*/ color:#ccbcaa;}

/*關於彤顏下拉*/
#menu li:hover .menu_hover_bg6{ display:block; width:330px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_1_1{ position:absolute; left:16px; top:40px;}
.menu_1_2{ width:120px; position:absolute; left:136px; top:40px;}
#menu li ul.menu_1_1 li a.no_link, #menu li ul.menu_1_2 li a.no_link{ font-weight:bold; cursor: text; color:#ccbcaa;}

/*醫師介紹下拉*/
#menu li:hover .menu_hover_bg5{  display:block; width:630px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_2_1{ width:100px; position:absolute; left:16px; top:40px;}
.menu_2_2{ width:100px; position:absolute; left:116px; top:40px;}
.menu_2_3{ width:100px; position:absolute; left:216px; top:40px;}
.menu_2_4{ width:100px; position:absolute; left:316px; top:40px;}
.menu_2_5{ width:100px; position:absolute; left:416px; top:40px;}
#menu li ul.menu_2_1 li a{ width:200px;}
#menu li ul.menu_2_1 li a.no_link, #menu li ul.menu_2_2 li a.no_link, #menu li ul.menu_2_3 li a.no_link, #menu li ul.menu_2_4 li a.no_link, #menu li ul.menu_2_5 li a.no_link{ font-weight:bold; cursor: text; color:#ccbcaa;}


/*增肌減脂下拉*/
#menu li:hover .menu_hover_bg5{ display:block; width:630px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_3_1{ width:120px; position:absolute; left:16px; top:40px;}
.menu_3_2{ width:120px; position:absolute; left:136px; top:40px;}
.menu_3_3{ width:120px; position:absolute; left:236px; top:40px;}
.menu_3_4{ width:120px; position:absolute; left:336px; top:40px;}
.menu_3_5{ width:120px; position:absolute; left:422px; top:40px;}
#menu li ul.menu_3_1 li a{ width:200px;}
#menu li ul.menu_3_1 li a.no_link, #menu li ul.menu_3_2 li a.no_link, #menu li ul.menu_3_3 li a.no_link, #menu li ul.menu_3_4 li a.no_link, #menu li ul.menu_3_5 li a.no_link{ font-weight:bold; cursor: text; color:#ccbcaa;}


/*整形外科下拉*/
#menu li:hover .menu_hover_bg{ margin-left:-200px;   display:block; width:800px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_4_1{ width:100px; position:absolute; left:-195px; top:40px; }
.menu_4_2{ width:100px; position:absolute; left:-100px; top:40px; }
.menu_4_3{ width:100px; position:absolute; left:30px; top:40px; }
.menu_4_4{ width:100px; position:absolute; left:135px; top:40px; }
.menu_4_5{ width:100px; position:absolute; left:260px; top:40px; }
.menu_4_6{ width:100px; position:absolute; left:425px; top:40px; }
#menu li ul.menu_4_2 li a{ width:140px;}
#menu li ul.menu_4_1 li a.no_link, #menu li ul.menu_4_2 li a.no_link, #menu li ul.menu_4_3 li a.no_link, #menu li ul.menu_4_4 li a.no_link, #menu li ul.menu_4_5 li a.no_link, #menu li ul.menu_4_6 li a.no_link{ font-weight:bold; cursor: text; color:#ccbcaa;}

/*微整形下拉*/
#menu li:hover .menu_hover_bg2{ margin-left:-100px;   display:block; width:660px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden; }
.menu_5_1{ width:120px; position:absolute; left:-95px; top:40px; }
.menu_5_2{ width:120px; position:absolute; left:15px; top:40px; }
.menu_5_3{ width:120px; position:absolute; left:145px; top:40px; }
.menu_5_4{ width:120px; position:absolute; left:265px; top:40px; }
.menu_5_5{ width:120px; position:absolute; left:385px; top:40px; }

#menu li ul.menu_5_2 li a{ width:140px;}
#menu li ul.menu_5_1 li a.no_link, #menu li ul.menu_5_2 li a.no_link, #menu li ul.menu_5_3 li a.no_link, #menu li ul.menu_5_4 li a.no_link{ font-weight:bold; cursor: text; color:#ccbcaa;}

/*雷射光療下拉*/
#menu li:hover .menu_hover_bg3{ margin-left:-430px;   display:block; width:800px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_6_1{ width:100px; position:absolute; left:-425px; top:40px; }
.menu_6_2{ width:100px; position:absolute; left:-320px; top:40px; }
.menu_6_3{ width:100px; position:absolute; left:-200px; top:40px; }
.menu_6_4{ width:100px; position:absolute; left:-80px; top:40px; }
.menu_6_5{  position:absolute; left:40px; top:40px; }
#menu li ul.menu_6_5 li a{ width:140px;}
#menu li ul.menu_6_1 li a.no_link, #menu li ul.menu_6_2 li a.no_link, #menu li ul.menu_6_3 li a.no_link, #menu li ul.menu_6_4 li a.no_link, #menu li ul.menu_6_5 li a.no_link{ font-weight:bold; cursor: text; color:#ccbcaa;}

/*皮膚專科下拉*/
#menu li:hover .menu_hover_bg4{ margin-left:15px;   display:block; width:270px; min-height:185px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_7_1{ width:100px; position:absolute; left:20px; top:40px; }
.menu_7_2{ width:100px; position:absolute; left:95px; top:40px; }

/*線上諮詢*/
#menu li:hover .menu_hover_bg7{ margin-left:15px;   display:block; width:128px; min-height:100px;  background:rgba(48,30,13,.9); overflow:hidden;}
.menu_8_1{ width:100px; position:absolute; left:20px; top:40px; }


@media screen and (max-width:980px){
nav{ position:relative;width:100%; }
.slicknav_menu {display:block; *zoom: 1; position:absolute; z-index:999999; width:100%; margin:130px 0 0 0;}
nav{ display:none;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
/*下拉選單*/
#menu li:hover .menu_hover_bg{ display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}
#menu li:hover .menu_hover_bg2{ margin-left:inherit; display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}
#menu li:hover .menu_hover_bg3{ margin-left:inherit; display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}
#menu li:hover .menu_hover_bg4{ margin-left:inherit; display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}
#menu li:hover .menu_hover_bg5{ margin-left:inherit; display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}
#menu li:hover .menu_hover_bg6{ margin-left:inherit; display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}
#menu li:hover .menu_hover_bg7{ margin-left:inherit; display:inherit; width:inherit; min-height:inherit;  background:inherit; overflow:inherit;}



.menu_1_1, .menu_1_2{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_2_1, .menu_2_2, .menu_2_3, .menu_2_4, .menu_2_5{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_3_1, .menu_3_2, .menu_3_3, .menu_3_4, .menu_3_5{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_4_1, .menu_4_2, .menu_4_3, .menu_4_4, .menu_4_5, .menu_4_6{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_5_1, .menu_5_2, .menu_5_3, .menu_5_4, .menu_5_5{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_6_1, .menu_6_2, .menu_6_3, .menu_6_4, .menu_6_5{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_7_1, .menu_7_2{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}
.menu_8_1{ width:inherit; position:inherit; left:inherit; top:inherit; margin:0; padding:0; border-bottom:1px solid #ccbcaa;}


}

@media screen and (max-width:760px){
}

@media screen and (max-width:480px){
.slicknav_menu {  *zoom: 1; position:absolute; z-index:999999; width:100%; margin:200px 0 0 0;}

}