.m-top-10{margin-top:10px;}
.m-top-20{margin-top:20px;}
.m-top-30{margin-top:30px;}
.m-top-40{margin-top:40px;}
.m-top-50{margin-top:50px;}
.m-top-80{margin-top:100px;}
.no-pad-left{padding-left: 0px;}
.no-pad-right{padding-right: 0px;}
.no-padding{padding-left: 0px;padding-right: 0px;}
.padding-15{padding-left: 15px;padding-right: 15px;}
.container-fluid{padding: 0px;overflow: hidden;}
.app-inquiry{color: #fff;font-size:18px;margin: 0 auto;margin-top: 20px;max-width: 230px;padding: 10px 0px;text-align: center;background: #004E9F;border-radius: 50px;}

/*** Header ***/
.header{padding: 30px 0px 20px 0px;}
.header p.tokai-tit{font-size: 24px;font-weight: bold;}

/*** Menu ***/
.navbar{min-height: 0px;margin-bottom: 10px;}
.navbar-toggle{margin-top: -70px !important;margin-right: -25px;}
.navbar-default .navbar-toggle .icon-bar{width: 30px;height: 4px;}
.navbar-default .navbar-nav>li>a{text-align: center; }
.navbar-default .navbar-nav>li>a h2{color: #004e9f;margin-top: 0px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{ background-color: transparent !important;}
.navbar-default{background-color: transparent !important; border-color: transparent !important;}

.mobile-header p.tokai-tit{font-size: 20px;font-weight: bold;}
.mobile-header{background-repeat: repeat;background-image: url(/img/tokai-hback.jpg);}
.navbar-collapse{border-top: 0px none !important;webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1);box-shadow: inset 0 0px 0 rgba(255,255,255,.1);}

.navbar-default .navbar-toggle{border: 0px none !important;}
.navbar-default .navbar-toggle .icon-bar{background-color: #004e9f !important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent !important;}

/*** PC Top Page ***/
.top-page .top-slice img{width: 100%;}
.top-page .top-title h2{color: #004e9f;margin-top: 10px;font-weight: bold;font-size: 26px;}
.top-page .top-title{left:0;right:0;text-align: center;position: absolute;z-index: 5;background: rgba(255, 255, 255, .5);padding: 20px;top: 4%;}

.top-page .top-content-one img{width: 100%;}
.top-page .top-content-one img:hover{opacity: 0.5;}
.top-page .top-content-one p{font-size: 18px;text-align: center;font-weight: bold;}
.top-page .top-content-one h1{color: #004e9f;text-align: center;font-weight: bold;}

.top-page p{font-size: 18px;text-align: justify;}
.top-page .tokai-notice img{width: 100%;}

.top-page .top-content-two{padding: 30px 0px;}
.top-page .top-content-two .edu-background img,
.top-page .top-content-two .qualification img,
.top-page .top-content-two .holiday img{margin: 0 auto;}
.top-page .top-content-two .edu-background h3,
.top-page .top-content-two .qualification h3,
.top-page .top-content-two .holiday h3{color: #004e9f;text-align: center;}

.top-page .top-content-three{padding: 50px 0px;background-repeat: repeat;background-image: url(/img/tokai-back.jpg);}
.top-content-three img{width: 100%;}
.top-page .top-content-three h2{color: #004e9f;text-align: center;font-weight: bold;}
.top-page .top-content-three .aim-tit{text-align: center;}

.top-content-four{padding: 50px 0px;}
.top-content-four h2{color: #004e9f;text-align: center;font-weight: bold;}
.top-content-four img{margin: 0 auto;}
.top-content-four h3{color: #004e9f;text-align: center;}
.top-content-four p.focus-tit{text-align: center;}
.top-content-four p.curry-text{color: #004e9f;text-align: center;}

.top-content-five{padding: 30px 0px;}
.top-content-five img{width: 100%;}
.top-content-five img:hover{ opacity: 0.5; }
.top-content-five h2{color: #004e9f;text-align: center;font-weight: bold;}

.top-content-six .ttokai-graph{width: 100%;}

.top-content-seven{padding: 50px 0px;}
.top-content-seven p{font-size: 18px;}
.top-content-seven img{width: 100%;}
.top-content-seven h2{color: #004e9f;text-align: center;font-weight: bold;}
.top-content-seven h3{color: #004e9f;text-align: center;font-weight: bold;}

.question{padding: 50px 0px;background-repeat: repeat;background-image: url(/img/tokai-back.jpg);}
.question p.q{color: #004e9f;}
.question h2{color: #004e9f;text-align: center;font-weight: bold;}

.top-content-eight .table{font-size: 16px;text-align: justify;}
.top-content-eight{padding: 50px 0px;margin-top: 30px;}
.top-content-eight p.free-dial a{text-decoration: none;}
.top-content-eight h2{color: #004e9f;text-align: center;font-weight: bold;}
.top-content-eight .app-inquiry.official a{text-decoration: none;color: #fff;}
.top-content-eight table .td-style{width:125px;background-repeat: repeat;background-image: url(/img/td-back.png);}
.top-contact{padding: 50px 0px; background-repeat: repeat;background-image: url(/img/tokai-back.jpg);}
.top-contact h2{color: #004e9f;text-align: center;font-weight: bold;}
.top-contact .form-horizontal{font-size: 18px;}
.top-contact .form-horizontal .control-label{text-align: left;}
.top-contact .btn-check{background: #004E9F;color: #F6D800;width: 150px;}
.top-contact .btn-send{background: #004E9F;color: #F6D800;width: 150px;}
.top-contact .control-label .req-span{background-color: transparent;border: 1px solid #004E9F;color: #004E9F;border-radius: 50px;font-size: 10px;}

.top-page .google-map{margin-top: 30px;}

/*** Mobile Top Page ***/
.top-page .mobile-top-slice h3{position: absolute;text-align: center;left: 0;right: 0;color: #004e9f;top: 50px;font-weight: bold;}
.top-page .mobile-top-slice .app-inquiry{position: absolute;left: 0;right: 0;margin-top: -70px;}
.top-page .mtop-content-one img{position: relative;width: 100%;}
.top-page .mtop-content-one p.click{position: absolute;top: 80%;right: 40px;color: #337ab7;font-weight: bold;}

/*** Sales Page ***/
.sale .sale-slice img {width: 100%;}
.sale .sale-slice .sale-slice-photo {position: relative;}
.sale .sale-slice .sale-slice-text {position: absolute;z-index: 98;top: 85%;background: rgba(255, 255, 255, .5);min-width: 1000px;}
.sale .sale-slice .sale-slice-text h3 {margin-left: 35%;font-weight: bold;}
.sale .sale-slice .sale-slice-text h1 {margin-left: 35%;color: #004e9f;font-weight: bold;}
.sale .sale-content-one img {width: 100%;}
.sale .sale-content-one p {font-size: 18px;}
.sale .sale-content-one p.sale-text {text-align: center;}
.sale .sale-content-one h3 {text-align: center;color: #004e9f;font-weight: bold;}
.sale .other-job{margin-top: 80px;}
.sale .other-job h3{text-align: center;color: #004e9f;font-weight: bold;}
.sale .other-job{padding: 30px 0px 50px 0px; background-repeat: repeat;background-image: url(/img/tokai-back.jpg);}
.sale .other-job img {width: 100%;}
.sale .other-job img:hover{opacity: 0.5;}
.sale .other-job .panel{border: 0px none;border-radius: 0px;}
.sale .other-job .panel .panel-body{padding: 0px;}
.sale .other-job .panel .panel-footer{padding: 10px;background: #fff;color: #004e9f;}
.sale .other-job .panel .panel-footer h4{text-align: center;font-weight: bold;}

.sale .sale-slice .msale-slice-text{padding-left: 15px;padding-right: 15px;}
.sale .sale-slice .msale-slice-text h3{font-weight: bold;}
.sale .sale-slice .msale-slice-text h1{color: #004e9f;font-weight: bold;font-size: 45px;} 

/*** Maintenance Page ***/
.maintenance .maintenance-slice img{width: 100%;}
.maintenance .maintenance-slice .maintenance-slice-photo{position: relative;}
.maintenance .maintenance-slice .maintenance-slice-text{position: absolute;z-index: 99;top: 85%;background: rgba(255, 255, 255, .5);min-width: 1000px;}
.maintenance .maintenance-slice .maintenance-slice-text h3{margin-left: 35%;font-weight: bold;}
.maintenance .maintenance-slice .maintenance-slice-text h1{margin-left: 35%;color: #004e9f;font-weight: bold;}
.maintenance .maintenance-cnt-one img{width: 100%;}
.maintenance .maintenance-cnt-one p{font-size: 18px;}
.maintenance .maintenance-cnt-one p.maintenance-text{text-align: center;}
.maintenance .maintenance-cnt-one h3{text-align: center;color: #004e9f;font-weight: bold;}
.maintenance .other-job{margin-top: 80px;}
.maintenance .other-job h3{text-align: center;color: #004e9f;font-weight: bold;}
.maintenance .other-job{padding: 30px 0px 50px 0px; background-repeat: repeat;background-image: url(/img/tokai-back.jpg);}
.maintenance .other-job img{width: 100%;}
.maintenance .other-job img:hover{opacity: 0.5;}
.maintenance .other-job .panel{border: 0px none;border-radius: 0px;}
.maintenance .other-job .panel .panel-body{padding: 0px;}
.maintenance .other-job .panel .panel-footer{padding: 10px;background: #fff;color: #004e9f;}
.maintenance .other-job .panel .panel-footer h4{text-align: center;font-weight: bold;}

.maintenance .maintenance-slice .mmaintenance-slice-text{padding-left: 15px;padding-right: 15px;}
.maintenance .maintenance-slice .mmaintenance-slice-text h3{font-weight: bold;}
.maintenance .maintenance-slice .mmaintenance-slice-text h1{color: #004e9f;font-weight: bold;font-size: 45px;}

/*** Sheet Metal Page ***/
.sheetmetal .sheetmetal-slice img{width: 100%;}
.sheetmetal .sheetmetal-slice .sheetmetal-slice-photo{position: relative;}
.sheetmetal .sheetmetal-slice .sheetmetal-slice-text{position: absolute;z-index: 99;top: 85%;background: rgba(255, 255, 255, .5);min-width: 1000px;}
.sheetmetal .sheetmetal-slice .sheetmetal-slice-text h3{margin-left: 35%;font-weight: bold;}
.sheetmetal .sheetmetal-slice .sheetmetal-slice-text h1{margin-left: 35%;color: #004e9f;font-weight: bold;}
.sheetmetal .sheetmetal-cnt-one img{width: 100%;}
.sheetmetal .sheetmetal-cnt-one p{font-size: 18px;}
.sheetmetal .sheetmetal-cnt-one p.sheetmetal-text{text-align: center;}
.sheetmetal .sheetmetal-cnt-one h3{text-align: center;color: #004e9f;font-weight: bold;}
.sheetmetal .other-job{margin-top: 80px;}
.sheetmetal .other-job h3{text-align: center;color: #004e9f;font-weight: bold;}
.sheetmetal .other-job{padding: 30px 0px 50px 0px; background-repeat: repeat;background-image: url(/img/tokai-back.jpg);}
.sheetmetal .other-job img{width: 100%;}
.sheetmetal .other-job img:hover{opacity: 0.5;}
.sheetmetal .other-job .panel{border: 0px none;border-radius: 0px;}
.sheetmetal .other-job .panel .panel-body{padding: 0px;}
.sheetmetal .other-job .panel .panel-footer{padding: 10px;background: #fff;color: #004e9f;}
.sheetmetal .other-job .panel .panel-footer h4{text-align: center;font-weight: bold;}

.sheetmetal .sheetmetal-slice .msheetmetal-slice-text{padding-left: 15px;padding-right: 15px;}
.sheetmetal .sheetmetal-slice .msheetmetal-slice-text h3{font-weight: bold;}
.sheetmetal .sheetmetal-slice .msheetmetal-slice-text h1{color: #004e9f;font-weight: bold;font-size: 45px;}

/*** Footer ***/
.footer{margin-top: 30px;margin-bottom: 20px;}
.footer p.tokai-tit{font-size: 20px;font-weight: bold;}

/*****/
#go-top{color: #FFF;bottom: 30px;z-index: 9999;display: block;cursor: pointer;font-size: 20px;position: fixed;}

/* Extra small devices: Phones (<576px) */
@media (max-width: 575px) {
	.header {padding: 0px 0px;}
	.top-page .top-content-seven h4{margin-bottom: 20px;}
	.top-page .top-contact{padding-left: 30px;padding-right: 30px;}
	.top-page .top-content-two img{width: 45%;}
	.top-page .top-content-two .edu-background,
	.top-page .top-content-two .qualification,
	.top-page .top-content-two .holiday{margin-bottom: 50px;}
	.top-page .top-content-three h2{font-size: 25px;}
	.top-content-four .smoke img,
	.top-content-four .influenza img,
	.top-content-four .curry img{width: 45%;}
	.top-page .top-content-five{padding: 0px;}
	.top-page .top-contact h2{font-size: 25px;}
	.sale .sale-content-one h3{font-size: 20px;}

	.app-inquiry{margin-top: 0px;}
	.sale .other-job{margin-top: 20px !important;}
	.maintenance .other-job{margin-top: 20px !important;}
	.sheetmetal .other-job{margin-top: 20px !important;}
	.top-page .top-content-two .edu-background p,
	.top-page .top-content-two .qualification p,
	.top-page .top-content-two .holiday p{margin-top: 20px;}

	.top-content-four .smoke,
	.top-content-four .influenza,
	.top-content-four .curry{margin-bottom: 20px;}
	.top-page .google-map{margin-top: 0px;}
	.top-content-eight{margin-top: 0px;}
	.top-content-eight table .td-style{width:100px !important;}
}

/* Small devices: Phablet (≥576px) */
@media (min-width: 576px) and (max-width: 767px) {
    .header {padding: 0px 0px;}
    .mobile-header p.tokai-tit {font-size: 24px;}
	
	.top-page .top-content-seven h4{margin-bottom: 20px;}
	.top-page .top-contact{padding-left: 30px;padding-right: 30px;}
	.top-content-eight table .td-style{width:100px !important;}
}
 
/* Medium devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
   .top-contact .dob{ min-width: 120px; }
 
}
 
/* Large devices: laptop (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .top-contact .dob{ min-width: 120px; }
   
}
/*  Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) and (max-width: 1799px) {
   .top-contact .dob{ min-width: 120px; }
  
}
 
/* Extra Large devices: Desktops (≥1800px) */
@media (min-width: 1800px) {
   .top-contact .dob{ min-width: 120px; }

}