body{font-size: 14px; font-family: 'Open Sans', sans-serif;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
ul,li{padding:0; margin: 0; list-style: none;}
a,a:hover,a:focus,a:active{text-decoration: none; color: inherit;}
.topban{background: #f0f0f0; padding: 10px 0; color: #000;}
.topban ul li{display: inline-block; padding-left: 30px;		}
.topban ul li.phone{background: url('../images/phone-icon.png') no-repeat 0px center; }
.topban ul li.address{background: url('../images/location-icon.png') no-repeat 0px center; margin-left: 25px;}
.topban .text-right a{margin: 0 0 0 10px;}
.logo-menu{padding: 15px 0;}
.logo-menu img{height: 68px;}
.logo-menu .navbar-brand{display: none;}
.logo-menu .navbar-default{background: none; border: none; padding: 0; margin: 0; min-height: auto;}
.logo-menu .navbar-default .navbar-nav > li > a{padding:26px 25px; font-weight: bold; text-transform: uppercase; color: #3e3e3e;}
.logo-menu .navbar-default .navbar-nav > li > a:hover{color: #000;}
.logo-menu .navbar-default .navbar-nav > li:last-child > a{padding-right: 0;}

.slogan{left: 0; right: 0; width: 100%; bottom: 40%;}
.slogan h4{font-size: 24px;  color: #ffffff; text-shadow:1px 1px 3px #555; text-transform: uppercase; margin-bottom: 0; }
.slogan h3{font-size: 42px; font-weight: bold;  color: #ffffff; text-shadow:1px 1px 3px #555; text-transform: uppercase; margin-top: 0;}
.slogan a{background: #000; padding: 10px 30px; display: inline-block; border:#999 solid 3px; font-weight: 600;}

.four-box{padding: 40px 0; text-align: center; }
.four-box .box{background: #1d1d1d; padding: 40px 0; min-height: 260px;}
.four-box .box .box-text img{display: inline-block;}
.four-box .box .box-text h4{text-transform: uppercase; font-weight: 100; color: #fff; margin-top: 30px;}
.welcome-section{padding: 00px 0 40px;}
.welcome-section h3{font-weight: 100; text-align: center; margin-top:0; text-transform: uppercase; color: #000; font-size: 24px;}
.welcome-section h3 span{display: block; font-weight: bold;} 
.welcome-section p{width: 80%; display: inline-block; font-size: 16px;}
.pional-section{padding-top: 40px;}
.pional-section .pional-section-pic{overflow: hidden; position: relative; height: 234px; }
.pional-section .pional-section-pic img{max-width: 116%;}
.pional-text{background: #e6e6e6;}
.pional-section .row > div:nth-child(1){padding-right: 0;}
.pional-section .row > div:nth-child(2){padding-left: 0; }
.pional-section .pional-text{padding-left: 25px; padding-right:25px; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; display: table-cell; height: 234px;}
.pional-section .pional-text h4{font-weight: 100; font-size: 24px; margin-top: 0;}
.pional-section .pional-text h4 span{font-weight: bold;}
.pional-section .pional-text p{width: 100%; font-size: 15px;}
.piano-section{padding-bottom: 40px;}
.pional-section .row{margin-bottom: 15px;}
.piano-section h3{text-transform: uppercase; font-weight: 100; margin-top: 0; text-align: center; margin-bottom: 25px;}
.piano-section h3 span{font-weight: bold;}
.piano-section-box h4{font-weight: bold; margin-bottom: 0; margin-top: 20px; font-size: 16px; }
.piano-section-box img{width: 100%;}
.piano-section-box p{font-weight: bold; color: #6b6b6b; font-size: 16px; margin-top: 5px; }
.piano-section-box{}
.tuning-section{background: #1d1d1d; color: #bbbbbb;}
.tuning-section .cal-box{background: #333333; padding: 24px 30px 17px;}
.tuning-section .cal-box span{display: block; font-weight: bold;}
.tuning-section h3{font-size: 56px; font-weight: bold; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; display: inline-block;}
.tuning-section h4{font-size: 23px; font-weight: 100; display: inline-block; position: relative; top: -11px; margin-left: 7px;}
.tuning-section .cal-box{font-size: 21px; font-weight: 100; position: relative;}
.tuning-section .cal-box::after {
	content: '';
	height: 100px;
	width: 25px;
	background: #333333;
	position: absolute;
	right: -97px;
	top: 0;
}

.tuning-section .cal-box::before {
	content: '';
	height: 100px;
	width: 25px;
	background: #333333;
	position: absolute;
	right: -52px;
	top: 0;
}

.top-footer {padding: 40px 0; background: #000005; color: #bbbbbb;}
.top-footer .line{height: 5px; width: 70px; background:#6b6b6b; margin-bottom: 30px;}
.top-footer h4{font-size: 24px;}
.top-footer h4 span{font-weight: bold;}
.top-footer p{font-weight: 100;}
.top-footer p strong{display: inline-block; width: 22%;}
.top-footer p span{display: inline-block; width: 70%;}
.top-footer ul li{background: url('../images/footer-list.png') no-repeat left  center; padding-left: 30px; margin-bottom: 10px;}
.abt{margin-top: 15px;}
.top-footer .quick-box{display: inline-block; text-align: left;}
.top-footer .quick-box1{width: 100%;}
.top-footer .social-box a{height: 35px; width: 35px; line-height: 35px; background: #333333; display: inline-block; text-align: center; margin-right: 6px; font-weight: bold; color: #fff; font-size: 18px; margin-left: 5px;}
.top-footer .social-box {display: inline-block; text-align: left;}
.btn-footer{position:relative; padding: 20px 0; background: #1d1d1d; color: #545454; font-size: 15px;}
.btn-footer:before{content: ''; width: 0;
height: 0;
border-style: solid;
border-width: 0 22.5px 19px 22.5px;
border-color: transparent transparent #1d1d1d; position: absolute; right: 10%; top:-19px; }

.slider{border-top: 5px solid #e6e5e5;}
.sub-ban{background: url('../images/sub-ban.png') no-repeat center center; background-size: 100% auto;  color: #fff; margin-top: 0; text-align: center;  }
.sub-ban div.sub-ban-tex{vertical-align: middle; height:140px; display: table-cell; }
.sub-ban h3{margin-top: 0; font-size: 30px; font-weight: bold; }
.sub-ban p{width: 80%; display: inline-block;}



.contact-section{padding: 40px 0;}
.contact-section .contact-detail{background: #0a0809; padding: 50px 50px 68px;  color: #fff;}
.contact-section .contact-detail p{color: #fff;}
.contact-section .contact-detail ul li{margin-bottom: 25px; margin-top: 25px; line-height: 25px;}
.contact-section .contact-detail ul li span{font-weight: bold; display: block; margin-bottom: -5px;}
.contact-section .contact-detail ul li:nth-child(1){background: url('../images/icon/foot-phone1.png' ) no-repeat left center; padding-left: 40px;}
.contact-section .contact-detail ul li:nth-child(2){background: url('../images/icon/foot-email1.png' ) no-repeat left center; padding-left: 40px;}
.contact-section .contact-detail ul li:nth-child(3){background: url('../images/icon/foot-visit1.png' ) no-repeat left center; padding-left: 40px;}
.contact-section .contact-detail
.contact-section{padding: 40px 0;}
.contact-page-info .input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 15px 10px;
    width: 100%;
}
.contact-page-info .contact-bth {
    background: #000000 none repeat scroll 0 0;
    border: medium none #000000;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    transition: all 0.2s ease 0s;
}	
.contact-page-info .input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 15px 10px;
    width: 100%;
}
.contact-page-info .contact-bth {
    background: #000000 none repeat scroll 0 0;
    border: medium none #000000;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    transition: all 0.2s ease 0s;
}
.contact-section > div >.row > .col-md-8{background: #f1f1f1; padding-right:0; }
.contact-section > div >.row >  .col-md-4{padding-left: 0;}
.map iframe{width: 100%; margin-bottom: -1px;}


.contact-page-info{padding-right: 15px;}
.contact-page-info .contact-bth:hover{background: #333;}
.asdf{position: relative; top: -15px;}
.piano{display: none;}

.contact-section .contact-detail{padding: 40px 50px 53px;}