@charset "utf-8";
/* CSS Document */

#---------- {}
/*
.Jm-header,.Jm-banner,.Jm-xmnav { display:none-; }
.Jm-header { box-shadow: 0px 0px 10px #3B2110; z-index: 30; position: relative; clear: both; border-top-width: 5px; border-bottom-width: 10px; border-top-style: solid; border-bottom-style: solid; border-top-color: #3B2110; border-bottom-color: #3B2110; height: 80px; background-color: #1D0D00; }
.Jm-header .wrap { height: auto; position: relative; }
.Jm-header .logo { float: left; height: 70px; margin-top: 5px; margin-left: 10px; }
.Jm-header .logo img { height: 70px; }
.Jm-header .nav { display: block; margin-right: 10px; }
.Jm-header .nav ul { height: 80px; display: block; float: right; }
.Jm-header .nav ul li { display: block; float: left; text-align: center; }
.Jm-header .nav ul li a { text-decoration: none; padding-right: 20px; padding-left: 20px; display: block; height: 55px; padding-top: 25px; }
.Jm-header .nav ul li a strong { display: block; font-size: 20px; font-weight: normal; }
.Jm-header .nav ul li a span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: none; }
.Jm-header .nav ul li a:hover { background-color: #492914; }
.Jm-header .nav ul .active { background-color: #3B2110; }
#---------- {}
.Jm-banner { z-index: 1; position: relative; background-color: #3B2110; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #3B2110; text-align: center; background-repeat: no-repeat; background-position: center top; height: 240px; }
.Jm-banner1 { background-image: url(../images/jdxm/banner_cases_3d_planting.jpg); height: 480px; }
.Jm-banner2 { background-image: url(../images/jdxm/banner_cases_restorations.jpg); height: auto; }
.Jm-banner3 { background-image: url(../images/jdxm/banner_cases_invisible_braces.jpg); height: auto; }
.Jm-banner4 { background-image: url(../images/jdxm/1.jpg); height: auto; }
.Jm-banner5 { background-image: url(../images/jdxm/banner_cases_middle_aged.jpg); height: auto; }
.Jm-banner6 { background-image: url(../images/jdxm/banner_cases_extractions.jpg); height: auto; }
.Jm-banner7 { background-image: url(../images/jdxm/banner_cases_children.jpg); height: auto; }
.Jm-banner8 { background-image: url(../images/jdxm/banner_cases_whitening.jpg); height: auto; }
.Jm-banner9 { background-image: url(../images/jdxm/banner_cases_3d_ct.jpg); height: auto; }
.Jm-banner10 { background-image: url(../images/jdxm/banner_cases_gum_diseases.jpg); height: auto; }
#---------- {}
*/
@media screen and (min-width:1200px) {
.Jm-header { box-shadow: 0px 0px 10px #3B2110; z-index: 30; position: relative; clear: both; border-top-width: 5px; border-bottom-width: 10px; border-top-style: solid; border-bottom-style: solid; border-top-color: #3B2110; border-bottom-color: #3B2110; height: 80px; background-color: #1D0D00; }
.Jm-header .wrap { height: auto; position: relative; }
.Jm-header .logo { float: left; height: 70px; margin-top: 5px; margin-left: 10px; }
.Jm-header .logo img { height: 70px; }
.Jm-header .nav_menu { display: none; }
.Jm-header .nav { display: block; margin-right: 10px; }
.Jm-header .nav ul { height: 80px; display: block; float: right; }
.Jm-header .nav ul li { display: block; float: left; text-align: center; }
.Jm-header .nav ul li a { text-decoration: none; padding-right: 20px; padding-left: 20px; display: block; height: 55px; padding-top: 25px; }
.Jm-header .nav ul li a strong { display: block; font-size: 20px; font-weight: normal; }
.Jm-header .nav ul li a span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: none; }
.Jm-header .nav ul li a:hover { background-color: #492914; }
.Jm-header .nav ul .active { background-color: #3B2110; }
#---------- {}
.Jm-banner { z-index: 1; position: relative; background-color: #3B2110; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #3B2110; text-align: center; background-repeat: no-repeat; background-position: center top; height: auto; }
/*
.Jm-banner1 { background-image: url(../images/jdxm/banner_cases_3d_planting.jpg); height: auto; }
.Jm-banner2 { background-image: url(../images/jdxm/banner_cases_restorations.jpg); height: auto; }
.Jm-banner3 { background-image: url(../images/jdxm/banner_cases_invisible_braces.jpg); height: auto; }
.Jm-banner4 { background-image: url(../images/jdxm/1.jpg); height: auto; }
.Jm-banner5 { background-image: url(../images/jdxm/banner_cases_middle_aged.jpg); height: auto; }
.Jm-banner6 { background-image: url(../images/jdxm/banner_cases_extractions.jpg); height: auto; }
.Jm-banner7 { background-image: url(../images/jdxm/banner_cases_children.jpg); height: auto; }
.Jm-banner8 { background-image: url(../images/jdxm/banner_cases_whitening.jpg); height: auto; }
.Jm-banner9 { background-image: url(../images/jdxm/banner_cases_3d_ct.jpg); height: auto; }
.Jm-banner10 { background-image: url(../images/jdxm/banner_cases_gum_diseases.jpg); height: auto; }
*/
.Jm-banner_pc { display: block; width:100%; max-width:1920px; margin: 0 auto; vertical-align: middle; text-align: center; }
.Jm-banner_mobile { display: none; width:100%; margin: 0 auto; vertical-align: middle; text-align: center; }
#---------- {}
.Jm-xmnav { background-color: #4A2D1B; padding-top: 10px; padding-bottom: 10px; clear: both; }
.Jm-xmnav .wrap { }
.Jm-xmnav ul { text-align: center; overflow: hidden; }
.Jm-xmnav ul li { display: inline-block; float: left; width: 16.666%; }
.Jm-xmnav ul li a { padding-right: 10px; padding-left: 10px; display: block; padding-top: 5px; padding-bottom: 5px; text-decoration: none; border: 1px solid #6B4C2C; margin-right: 10px; margin-left: 10px; }
.Jm-xmnav ul li a strong { display: block; font-size: 16px; font-weight: normal; }
.Jm-xmnav ul li a span { font-size: 10px; display: none-; }
.Jm-xmnav ul li a:hover { background-color: #3B2110; }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
.Jm-header { box-shadow: 0px 0px 10px #3B2110; z-index: 30; position: relative; clear: both; border-top-width: 5px; border-bottom-width: 10px; border-top-style: solid; border-bottom-style: solid; border-top-color: #3B2110; border-bottom-color: #3B2110; height: 80px; background-color: #1D0D00; }
.Jm-header .wrap { height: auto; position: relative; }
.Jm-header .logo { float: left; height: 70px; margin-top: 5px; margin-left: 10px; }
.Jm-header .logo img { height: 70px; }
.Jm-header .nav_menu { display: none; }
.Jm-header .nav { display: block; margin-right: 10px; }
.Jm-header .nav ul { height: 80px; display: block; float: right; }
.Jm-header .nav ul li { display: block; float: left; text-align: center; }
.Jm-header .nav ul li a { text-decoration: none; padding-right: 20px; padding-left: 20px; display: block; height: 55px; padding-top: 25px; }
.Jm-header .nav ul li a strong { display: block; font-size: 20px; font-weight: normal; }
.Jm-header .nav ul li a span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: none; }
.Jm-header .nav ul li a:hover { background-color: #492914; }
.Jm-header .nav ul .active { background-color: #3B2110; }
#---------- {}
.Jm-banner { z-index: 1; position: relative; background-color: #3B2110; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #3B2110; text-align: center; background-repeat: no-repeat; background-position: center top; height: auto; }
/*
.Jm-banner1 { background-image: url(../images/jdxm/banner_cases_3d_planting.jpg); height: auto; }
.Jm-banner2 { background-image: url(../images/jdxm/banner_cases_restorations.jpg); height: auto; }
.Jm-banner3 { background-image: url(../images/jdxm/banner_cases_invisible_braces.jpg); height: auto; }
.Jm-banner4 { background-image: url(../images/jdxm/1.jpg); height: auto; }
.Jm-banner5 { background-image: url(../images/jdxm/banner_cases_middle_aged.jpg); height: auto; }
.Jm-banner6 { background-image: url(../images/jdxm/banner_cases_extractions.jpg); height: auto; }
.Jm-banner7 { background-image: url(../images/jdxm/banner_cases_children.jpg); height: auto; }
.Jm-banner8 { background-image: url(../images/jdxm/banner_cases_whitening.jpg); height: auto; }
.Jm-banner9 { background-image: url(../images/jdxm/banner_cases_3d_ct.jpg); height: auto; }
.Jm-banner10 { background-image: url(../images/jdxm/banner_cases_gum_diseases.jpg); height: auto; }
*/
.Jm-banner_pc { display: block; width:100%; max-width:1920px; margin: 0 auto; vertical-align: middle; text-align: center; }
.Jm-banner_mobile { display: none; width:100%; margin: 0 auto; vertical-align: middle; text-align: center; }
#---------- {}
.Jm-xmnav { background-color: #4A2D1B; padding-top: 10px; padding-bottom: 10px; clear: both; }
.Jm-xmnav .wrap { }
.Jm-xmnav ul { text-align: center; overflow: hidden; }
.Jm-xmnav ul li { display: inline-block; float: left; width: 16.666%; }
.Jm-xmnav ul li a { padding-right: 10px; padding-left: 10px; display: block; padding-top: 5px; padding-bottom: 5px; text-decoration: none; border: 1px solid #6B4C2C; margin-right: 10px; margin-left: 10px; }
.Jm-xmnav ul li a strong { display: block; font-size: 16px; font-weight: normal; }
.Jm-xmnav ul li a span { font-size: 10px; display: none-; }
.Jm-xmnav ul li a:hover { background-color: #3B2110; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.Jm-header { box-shadow: 0px 0px 10px #3B2110; z-index: 30; position: absolute; top: 0px; width: 100%; clear: both; border-top-width: 5px; border-bottom-width: 10px; border-top-style: solid; border-bottom-style: solid; border-top-color: #3B2110; border-bottom-color: #3B2110; height: 80px; background-color: #1D0D00; }
.Jm-header .wrap { height: auto; position: relative; }
.Jm-header .logo { float: left; height: 70px; margin-top: 5px; margin-left: 10px; }
.Jm-header .logo img { height: 70px; }
.Jm-header .nav_menu { display: none; }
.Jm-header .nav { display: block; margin-right: 10px; }
.Jm-header .nav ul { height: 80px; display: block; float: right; }
.Jm-header .nav ul li { display: block; float: left; text-align: center; }
.Jm-header .nav ul li a { text-decoration: none; padding-right: 10px; padding-left: 10px; display: block; height: 55px; padding-top: 25px; }
.Jm-header .nav ul li a strong { display: block; font-size: 16px; font-weight: normal; }
.Jm-header .nav ul li a span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: none; }
.Jm-header .nav ul li a:hover { background-color: #492914; }
.Jm-header .nav ul .active { background-color: #3B2110; }
#---------- {}
.Jm-banner { margin-top:80px; z-index: 1; position: relative; background-color: #3B2110; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #3B2110; text-align: center; background-repeat: no-repeat; background-position: center top; height: auto; }
/*
.Jm-banner1 { background-image: url(../images/jdxm/banner_cases_3d_planting.jpg); height: auto; }
.Jm-banner2 { background-image: url(../images/jdxm/banner_cases_restorations.jpg); height: auto; }
.Jm-banner3 { background-image: url(../images/jdxm/banner_cases_invisible_braces.jpg); height: auto; }
.Jm-banner4 { background-image: url(../images/jdxm/1.jpg); height: auto; }
.Jm-banner5 { background-image: url(../images/jdxm/banner_cases_middle_aged.jpg); height: auto; }
.Jm-banner6 { background-image: url(../images/jdxm/banner_cases_extractions.jpg); height: auto; }
.Jm-banner7 { background-image: url(../images/jdxm/banner_cases_children.jpg); height: auto; }
.Jm-banner8 { background-image: url(../images/jdxm/banner_cases_whitening.jpg); height: auto; }
.Jm-banner9 { background-image: url(../images/jdxm/banner_cases_3d_ct.jpg); height: auto; }
.Jm-banner10 { background-image: url(../images/jdxm/banner_cases_gum_diseases.jpg); height: auto; }
*/
.Jm-banner_pc { display: none; width:100%; max-width:1920px; margin: 0 auto; vertical-align: middle; text-align: center; }
.Jm-banner_mobile { display: block; width:100%; margin: 0 auto; vertical-align: middle; text-align: center; }
#---------- {}
.Jm-xmnav { background-color: #4A2D1B; padding-top: 10px; padding-bottom: 10px; clear: both; }
.Jm-xmnav .wrap { }
.Jm-xmnav ul { text-align: center; overflow: hidden; }
.Jm-xmnav ul li { display: inline-block; float: left; width: 16.666%; }
.Jm-xmnav ul li a { padding-right: 10px; padding-left: 10px; display: block; padding-top: 5px; padding-bottom: 5px; text-decoration: none; border: 1px solid #6B4C2C; margin-right: 10px; margin-left: 10px; }
.Jm-xmnav ul li a strong { display: block; font-size: 14px; font-weight: normal; }
.Jm-xmnav ul li a span { font-size: 10px; display: none; }
.Jm-xmnav ul li a:hover { background-color: #3B2110; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.Jm-header { box-shadow: 0px 0px 10px #3B2110; z-index: 30; position: absolute; top: 0px; width: 100%; clear: both; border-top-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #3B2110; border-bottom-color: #3B2110; height: 60px; background-color: #3B2110; }
.Jm-header .wrap { height: auto; position: relative; }
.Jm-header .logo { float: left; height: 60px; margin-top: 10px; margin-left: 10px; }
.Jm-header .logo img { height: 40px; }
.Jm-header .nav_menu { border-radius: 3px; cursor: pointer; display: block; font-size: 20px; line-height: 30px; color: #E2C88E; position: absolute; height: 30px; width: 40px; text-align: center; top: 15px; background-color: #311C0D; right: 15px; }
.Jm-header .nav { display: block; margin-right: 10px; position: absolute; top: 60px; right: 0px; width: 150px; background-color: #3B2110; border-top-width: 1px; border-top-style: solid; border-top-color: #311C0D; }
.Jm-header .nav ul { display: none; }
.Jm-header .nav ul li { display: block; text-align: center; }
.Jm-header .nav ul li a { text-decoration: none; display: block; padding: 10px; }
.Jm-header .nav ul li a strong { display: block; font-size: 14px; font-weight: normal; }
.Jm-header .nav ul li a span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: none; }
.Jm-header .nav ul li a:hover { background-color: #492914; }
.Jm-header .nav ul .active { background-color: #3B2110; }
.Jm-header .nav ul.show_select { display:block !important; }
#---------- {}
.Jm-banner { margin-top:60px; z-index: 1; position: relative; background-color: #3B2110; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #3B2110; text-align: center; background-repeat: no-repeat; background-position: center top; height: auto; }
/*
.Jm-banner1 { background-image: url(../images/jdxm/banner_cases_3d_planting.jpg); height: auto; }
.Jm-banner2 { background-image: url(../images/jdxm/banner_cases_restorations.jpg); height: auto; }
.Jm-banner3 { background-image: url(../images/jdxm/banner_cases_invisible_braces.jpg); height: auto; }
.Jm-banner4 { background-image: url(../images/jdxm/1.jpg); height: auto; }
.Jm-banner5 { background-image: url(../images/jdxm/banner_cases_middle_aged.jpg); height: auto; }
.Jm-banner6 { background-image: url(../images/jdxm/banner_cases_extractions.jpg); height: auto; }
.Jm-banner7 { background-image: url(../images/jdxm/banner_cases_children.jpg); height: auto; }
.Jm-banner8 { background-image: url(../images/jdxm/banner_cases_whitening.jpg); height: auto; }
.Jm-banner9 { background-image: url(../images/jdxm/banner_cases_3d_ct.jpg); height: auto; }
.Jm-banner10 { background-image: url(../images/jdxm/banner_cases_gum_diseases.jpg); height: auto; }
*/
.Jm-banner_pc { display: none; width:100%; max-width:1920px; margin: 0 auto; vertical-align: middle; text-align: center; }
.Jm-banner_mobile { display: block; width:100%; margin: 0 auto; vertical-align: middle; text-align: center; }
#---------- {}
.Jm-xmnav { background-color: #4A2D1B; padding-top: 10px; padding-bottom: 10px; clear: both; }
.Jm-xmnav .wrap { }
.Jm-xmnav ul { text-align: center; overflow: hidden; margin-left:5px; margin-right:5px; }
.Jm-xmnav ul li { display: block; width: 33.3333%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; float: left; }
.Jm-xmnav ul li a { border-radius:3px; padding-right: 5px; padding-left: 5px; display: block; padding-top: 5px; padding-bottom: 5px; text-decoration: none; border: 1px solid #6B4C2C; margin-right: 5px; margin-left: 5px; }
.Jm-xmnav ul li a strong { display: block; font-size: 14px; font-weight: normal; }
.Jm-xmnav ul li a span { font-size: 10px; display: none; }
.Jm-xmnav ul li a:hover { background-color: #3B2110; }
}
@media screen and (max-width: 480px) {
.Jm-header { box-shadow: 0px 0px 10px #3B2110; z-index: 30; position: absolute; top: 0px; width: 100%; clear: both; border-top-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #3B2110; border-bottom-color: #3B2110; height: 60px; background-color: #3B2110; }
.Jm-header .wrap { height: auto; position: relative; }
.Jm-header .logo { float: left; height: 60px; margin-top: 10px; margin-left: 10px; }
.Jm-header .logo img { height: 40px; }
.Jm-header .nav_menu { border-radius: 3px; cursor: pointer; display: block; font-size: 20px; line-height: 30px; color: #E2C88E; position: absolute; height: 30px; width: 40px; text-align: center; top: 15px; background-color: #311C0D; right: 15px; }
.Jm-header .nav { display: block; margin-right: 10px; position: absolute; top: 60px; right: 0px; width: 150px; background-color: #3B2110; border-top-width: 1px; border-top-style: solid; border-top-color: #311C0D; }
.Jm-header .nav ul { display: none; }
.Jm-header .nav ul li { display: block; text-align: center; }
.Jm-header .nav ul li a { text-decoration: none; display: block; padding: 10px; }
.Jm-header .nav ul li a strong { display: block; font-size: 14px; font-weight: normal; }
.Jm-header .nav ul li a span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; display: none; }
.Jm-header .nav ul li a:hover { background-color: #492914; }
.Jm-header .nav ul .active { background-color: #3B2110; }
.Jm-header .nav ul.show_select { display:block !important; }
#---------- {}
.Jm-banner { margin-top:60px; z-index: 1; position: relative; background-color: #3B2110; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #3B2110; text-align: center; background-repeat: no-repeat; background-position: center top; height: auto; }
/*
.Jm-banner1 { background-image: url(../images/jdxm/banner_cases_3d_planting.jpg); height: auto; }
.Jm-banner2 { background-image: url(../images/jdxm/banner_cases_restorations.jpg); height: auto; }
.Jm-banner3 { background-image: url(../images/jdxm/banner_cases_invisible_braces.jpg); height: auto; }
.Jm-banner4 { background-image: url(../images/jdxm/1.jpg); height: auto; }
.Jm-banner5 { background-image: url(../images/jdxm/banner_cases_middle_aged.jpg); height: auto; }
.Jm-banner6 { background-image: url(../images/jdxm/banner_cases_extractions.jpg); height: auto; }
.Jm-banner7 { background-image: url(../images/jdxm/banner_cases_children.jpg); height: auto; }
.Jm-banner8 { background-image: url(../images/jdxm/banner_cases_whitening.jpg); height: auto; }
.Jm-banner9 { background-image: url(../images/jdxm/banner_cases_3d_ct.jpg); height: auto; }
.Jm-banner10 { background-image: url(../images/jdxm/banner_cases_gum_diseases.jpg); height: auto; }
*/
.Jm-banner_pc { display: none; width:100%; max-width:1920px; margin: 0 auto; vertical-align: middle; text-align: center; }
.Jm-banner_mobile { display: block; width:100%; margin: 0 auto; vertical-align: middle; text-align: center; }
#---------- {}
.Jm-xmnav { background-color: #4A2D1B; padding-top: 10px; padding-bottom: 10px; clear: both; }
.Jm-xmnav .wrap { }
.Jm-xmnav ul { text-align: center; overflow: hidden; margin-left:5px; margin-right:5px; }
.Jm-xmnav ul li { display: block; width: 33.3333%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; float: left; }
.Jm-xmnav ul li a { border-radius:3px; padding-right: 5px; padding-left: 5px; display: block; padding-top: 5px; padding-bottom: 5px; text-decoration: none; border: 1px solid #6B4C2C; margin-right: 5px; margin-left: 5px; }
.Jm-xmnav ul li a strong { display: block; font-size: 14px; font-weight: normal; }
.Jm-xmnav ul li a span { font-size: 10px; display: none; }
.Jm-xmnav ul li a:hover { background-color: #3B2110; }
}