body {font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;} 
img { height: auto;max-width: 100%; }
.img-fluid {width: 100%;}
hr {border-top: 1px solid #666;margin:5px auto;}


/*------------↓Bootstrap↓------------*/
.h2, h2,.h3, h3,.LAPP_form_h1{font-weight: 600;margin-top: 10px;line-height: 1.2;}
h2,.LAPP_form_style .LAPP_form_h1{color:#444;font-size: 4rem; margin-bottom:30px;  }
h3{font-size: 3rem; margin-bottom:30px; }
.h4, h4 { font-size: 2.8rem;line-height: 1.5;}
.h5, h5 { font-size: 2.6rem;line-height: 1.5;}
.h6, h6,.alert-link { font-size: 2.4rem;line-height: 1.5;}
p,.btn,body { font-size: 2rem;line-height: 1.7;}
ul,ol,li { line-height: 1.7;}
.alert-link + p {margin: 0 auto;}
strong.lead,span.lead,a.lead {font-size:130%;margin-bottom: 0;}


.table > tbody > tr > td {vertical-align: center;}
table p,table h6,table h5,table h4,
.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.alert h2,.alert h3,.alert h4,.alert h5,.alert h6 {margin:0 auto;padding: 0;}

.btn {margin: 3px;padding: 6px 25px;}
.btn-xs { font-size:1.7rem;padding: 3px 10px;}
.btn-sm{ font-size:2.1rem;}
.btn-lg{ font-size:2.5rem;}

.col_btn,.col_link {margin:2% auto; }
.btn-yellow {color: #333;background-color: #ff0;border-color: #ff0;}
.btn-yellow:hover { background-color: #e6e6e6;border-color: #e6e6e6;}
.btn-info2 {color: #16b0c8;background-color:#fff;border-color: #fff;}
.btn-info2:hover { background-color: #e6e6e6;border-color: #e6e6e6;}
.btn-radius{border-radius: 100px;}

.title-blackishgreen,.text-blackishgreen {color:#124d4b}
.text-white {color:#fff;}
.t-shadow_w{text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff,0px 0px 10px #fff, 0px 0px 10px #fff;}
.t-shadow_b {text-shadow: 0px 0px 10px #124d4b}
.img_shadow{filter:drop-shadow(0px 5px 3px rgba(0,0,0,.5)) ;}
.bg-blackishgreen{background-color:#124d4b;color:#fff;}
.bg-white{background-color:#fff;}

.ican_mt {margin-top:5%;}
.ican_mb {margin-bottom:5%;}
.ican_pt {padding-top:5%;}
.ican_pb {padding-bottom:5%;}

.pull-left {margin-right:10px;}
.pull-right {margin-left:10px;}

/*------↓↓↓NAV↓↓↓------*/
.navbar-default {background-color: transparent;border-color: transparent;/*NAV背景色*/}        
.navbar-default .navbar-nav > li > a {color: #444;font-size: 2.4rem;border:2px transparent solid;border-radius: 12px;}
.navbar-default .navbar-nav > li > a:hover {background:rgba(255,255,255,0.5); border:2px #444 solid;}

      nav ol,nav li {list-style: none;} {list-style: none; }
      ul.nav>li {position: relative;}
      ul.nav>li>a {color: #444; /*選單隔線顏色*/}
      ul.nav>li a:hover {text-decoration: none;background: #ccc;color: #fff; /*滑入選單底色*/}
      ul.nav>li>ul>li a{
            color: #444;/*選單連結顏色*/
            display: block;
            padding-top: 10px;
            padding-bottom: 10px;
            text-decoration:none;
      }
      ul.nav>li ul>li {border-bottom: solid 1px #ccc;} /*選單隔線顏色*/
      ul.nav>li ul>li:last-child{border-bottom:0;}
      ul.nav>li>ul li>ul.sub-menu {border-top: solid 1px #ccc;}/*子選單隔線顏色*/
      ul.nav>li>ul.sub-menu li>ul.sub-menu{display:none;}
      ul.nav>li ul {padding-left:0;}/*階層式向後退的像素*/
      ul.nav>li ul>li>a:before{
            font-family: 'FontAwesome';
            content: '\f105';
            padding-right:7px;
            padding-left:7px;
            font-size:10px;
      }
      
      /*桌機*/
        @media(min-width:768px) {
            .navbar .navbar-nav {display: inline-block; float: none;}/*---center---*/        
            .navbar .navbar-collapse {text-align: center;margin-top: 50px; }/*---center---*/     
            ul>li>a>b.arrow:after {
                font-family: 'FontAwesome';
                content: '\f078';
                font-size: 15px;
                position: absolute;
                right: 5px;
            }
            ul>li>ul>li>a>b.arrow:after {
                font-family: 'FontAwesome';
                content: '\f078';
                font-size: 15px;
                position: absolute;
                top:0;
                right: 0;
                padding:10px 15px;
            }
            ul>li>ul>li>a>b.on:after {
                font-family: 'FontAwesome';
                content: '\f00d';
            }
            ul.nav>li:hover>a+ul {
                visibility: visible;
                opacity: 1;
            }
            ul.nav>li>ul.sub-menu {
                position: absolute;
                top: 80px;
                left: 0;
                z-index: 9999;
                background: #fff;
                width: 17vw;
                text-align: left;
                border-left: solid 1px #ededed;
                border-bottom: solid 1px #ededed;
                border-right: solid 1px #ededed;
                box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.3);
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all .5s;
                transition: all .5s;
            }
      }
        
      /*手機*/
       @media(max-width:768px) {            
            .navbar { min-height: auto;margin-bottom: 0;}
            .navbar-header{position: fixed;width:100%;top:0;z-index:1000009;}
            .navbar-collapse{position: fixed;width:100%;left: 15px;top: 50px;z-index:1000008;}
            .navbar-default {background-color: transparent;border-color: transparent;/*NAV背景色*/} 
            .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #eee;}
            b.arrow:after {
                font-family: 'FontAwesome';
                content: '\f078';
                position: absolute;
                top: 3px;
                right: 0;
                padding: 10px 20px 10px 40px;
            }
            a.dropdown+ul {display: none; }
            b.on:after {font-family: 'FontAwesome';content: '\f00d'; }
            ul.nav > li { text-align: center;}
            ul.nav>li>a {border-bottom: solid 1px #fff;/*選單隔線顏色*/padding:15px 20px 15px 10px;}
            ul.nav>li:last-child>a {border-bottom: 0;}          
            ul.nav>li>ul.sub-menu {border-bottom: solid 1px #fff;/*子選單隔線顏色*/top: 50px;}
            .navbar-toggle {background-color: #144; }/*漢堡按鈕顏色*/
            .navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
            .navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover {border-color: #fff;/*漢堡按鈕顏色*/}
            .navbar-default .navbar-nav > li > a {font-size: 1.8rem;}
      }   
/*------↑NAV end------*/

/*------------↑Bootstrap↑------------*/

/*------------↓footer↓------------*/
footer .bg,.footer_btn .bg {background-repeat: repeat;background-position: center top;}
footer .bg{background-image: url('bg_2.jpg');}
footer .item{padding:5% 2%;}
footer h3,footer p,.footer_btn a{color:#fff;}
.footer_btn .bg {background-image: url('bg_1.jpg');padding:2% 0;}
.footer_btn .btn img { background-color:#fff;border-radius: 50px;}
.footer_btn .btn-warning {
margin:2% 5px;
padding: 3px 15px 3px 3px;
font-size: 2.2rem;
font-weight: 600;
border: 1px solid #fff;
border-top-left-radius: 50px;border-bottom-left-radius: 50px;
}
/*------------↑footer↑------------*/

/*-----↓文章頁↓----------*/
.alert-contact { margin-top:20px;text-align: center; }
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {margin:0 auto;}
a.list-group-item p {margin:0 auto;}
.list-group-item > i {float: right;color: #124d4b;line-height: 1.4; font-size:2rem;}
.article img {margin-bottom:10px;}
/*-----↑文章頁↑----------*/


.radius {border-radius: 50px;}
.bg_gray {background-color:#f2f2f2;}

.top {
padding:8% 0;
background-repeat: no-repeat;
background-image: url('001bg.jpg');
background-position: center top;
margin-bottom: 30px;
}
.top h2{font-size: 5rem; }

.content_body { margin:30px auto;}
.normal {margin-top: 20px;}
.inside_page h2.title {color: #124d4b;border-bottom: 2px dotted #124d4b; padding-bottom:8px;}
.col_form {border-top: 2px dotted #124d4b; margin-top:30px;}

.btn_dental{margin-bottom:20px;}
.btn_dental .btn-block {text-align:left;border-color: #a5dbe5;font-size: 2rem; padding:0 5px 0 0;}
.btn_dental .btn-block img {background-color: #a5dbe5; margin-right:5px;padding: 5px;}
.btn-block + .btn-block { margin-top: 10px;}

@media only screen and (max-width: 1280px) { }
@media only screen and (max-width: 980px) { }
@media only screen and (max-width: 800px) { 
.btn{ font-size:1.6rem;}
.btn-xs{ font-size:1.4rem;}
.btn-sm{ font-size:1.9rem;}
.btn-lg{ font-size:2.2rem;}      
}
@media only screen and (max-width: 768px) { 
.pull-left,.pull-right {margin:0px auto;display: block;float: none !important;}   

.top { background-image:none;position:relative;padding:0; left: 0;top:-2px;}
.top .logo{position:absolute; top:20vh;left: 0;width:100%; }
footer .bg{padding-bottom:50px;}
footer a {color:#fff;}
.footer_btn .bg {background-image:none;padding:0;}
div.btn-group:nth-child(1) {background-color:#f0ad4e;}
div.btn-group:nth-child(2) {background-color:#39ad36;}
div.btn-group:nth-child(3) {background-color:#45558b;}
div.btn-group:nth-child(4) {background-color:#d9534f;}
.btn_dental{margin:30px auto;}
}
@media only screen and (max-width: 640px) { }
@media only screen and (max-width: 480px) { 
.h2, h2,h2 strong,.h3, h3,h3 strong,.LAPP_form_h1 { font-size: 2.5rem; }
.h4, h4 { font-size: 2.2rem;}
.h5, h5 { font-size: 2rem;}
.h6, h6,.alert-link { font-size: 1.8rem;}
body,p { font-size: 1.6rem;}
footer .bg { padding-bottom:50px;}
.btn-group img {width:9vw;}
}
@media (max-width: 420px) { }