| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/se/css/ |
Upload File : |
@media all and (max-width : 1250px) {
.nav a, .nav a:active, .nav a:hover, .nav a:visited{margin:0 20px;}
.container {width: 990px;}
.about_content h2{margin-top: 0 !important;}
.about_content p{font-size: 16px;}
.newsslider p{font-size: 16px;}
footer{padding-top: 30px;}
/*about*/
.nexttomapImg{width: 25%;}
.aboutusmap .showmap{width: 75%;}
.aboutTab .sidetab{width: 40%;}
.tab_content{width: 60%;}
/*service*/
.service_plan .plan_box{width: 33.33%;margin-bottom: 30px;}
/*tips*/
.tips_tab a {width: 130px;padding: 20px 0;}
/*contacts*/
.contactsmap,.contactsmap #map{min-height: 450px;}
.contacts_image_box{width: 30%;}
.contacts_servicetime{width: 36%}
.contacts_contactdata{width: 34%}
.contacts_servicetime .details, .contacts_contactdata .details{
padding: 20px 15px;
}
.dateTime table tr td{padding: 10px 0;font-size: 14px;}
.contacts_contactdata .icon i{font-size: 35px;}
.contacts_contactdata .icon{margin-right: 10px;}
.contacts_contactdata .data{font-size: 16px;}
.contacts_servicetime .dateTime,.contacts_contactdata .details{height: 250px;}
.process{min-height: 190px;}
}
@media all and (max-width : 991px) {
.container {width: 100%;}
.logo{float: none;margin:0 auto;width: 180px;display: block;}
.header .logo img{height: auto;width: 100%;}
.nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{
display:block
}
.nav{width: 100%;top: 0;}
.nav ul,.nav ul ul{background: #460082;}
.nav a, .nav a:active, .nav a:hover, .nav a:visited{
padding: 10px 16px;background-color: transparent;color: #fff;
margin:0;
}
.nav li.nav-active>a, .nav li:hover>a{background-color: #460082;color: #fdd454;}
.nav .nav-submenu>ul{background-color: #30005a;}
.nav .nav-submenu>ul a{padding-left:30px}
.nav .nav-submenu>ul a:hover{padding-left:30px;background-color: transparent;}
.nav .nav-submenu>a:after{top:13px;}
.header{width: 100%;padding: 5px 0 0 0;min-height: 65px;}
.header .container{padding: 0}
.nav ul li.active a{border-bottom: 0;color: #fdd454;}
/*homepage*/
.slider .slide .title{font-size: 60px;letter-spacing: 2px;}
.borderTitle_30,.borderTitle_30fff,.font-30,.tips_content .lvTitle{font-size: 26px !important;}
.homeservice{padding: 30px 0;}
.homeservice .service_box .item{top: 0;margin-bottom: 0;}
.homeservice .service_box{width: 50%; margin-bottom: 30px;}
.homeservice .service_box .item h3{font-size: 16px;}
.service_desc .fr{float: left;width: 100%;margin:15px 0;}
.homeabout{padding: 25px 0;}
.about_content{width: 100%;margin-bottom: 30px;}
.about_content:last-child{margin: 0;}
.newsslider,.homecontacts{padding: 30px 0;}
.homemap,.mapcontacts{width: 100%;}
.mapcontacts{margin-bottom: 10px;}
.homemap #map{min-height: 300px;}
.subbanner img{min-height: 200px;}
/*about*/
.aboutintro .intro,.aboutintro .serviceItems{width: 100%;}
.aboutintro .intro .details{width: 47%;}
.aboutintro .serviceItems .itemlist{
top: auto;margin-bottom: 0;
margin-top: 15px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
padding: 20px;
background-color: #f5f5f5;
}
/*about*/
.nexttomapImg{display: none;}
.aboutusmap .showmap{width: 100%;}
.sidetab a{font-size: 16px;}
/*service*/
.service_intro{padding: 30px 0;}
.service_intro .col_50{width: 100%;margin-bottom: 15px;}
.btn-toolbar{display: block;}
/*tips*/
.tips_tab a {width: 15%;}
/*contacts*/
.contacts_image_box{display: none;}
.contacts_servicetime{width: 50%}
.contacts_contactdata{width: 50%}
.contacts_servicetime .dateTime,.contacts_contactdata .details{height: 240px;}
.contacts_image_box, .contacts_servicetime, .contacts_contactdata{margin-top: 15px;}
/*service table*/
.fixed{display: none !important;}
.tableOption{display: block;}
.table_plan td:nth-child(6),.table_plan th:nth-child(6),
.table_plan td:nth-child(7),.table_plan th:nth-child(7) {
display:none;
}
.tableOption button:nth-child(1),.tableOption button:nth-child(2),
.tableOption button:nth-child(3),.tableOption button:nth-child(4),
.tableOption button:nth-child(5),.tableOption button:nth-child(6){
background-color: #eee;
color: #888;
}
.process_box{width: 100%;margin-bottom: 50px;}
.process{min-height:auto;}
.process .arrow{
left: 50%;
top: auto;
transform: translate(-50%, 0);
bottom: -35px;
width: 27px;
height: 20px;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@media all and (max-width : 767px) {
/*homepage*/
.slider .slide .title{font-size: 50px;padding: 15px;}
.borderTitle_30,.borderTitle_30fff,.font-30,.tips_content .lvTitle{font-size: 24px !important;}
.oversea p{font-size: 15px;}
.footerlogo img{height: 60px;}
.footer_links .link{margin:0 15px;}
.copyright{font-size: 12px;}
/*subpage*/
.aboutintro,.service_intro,.contact_details{padding: 20px 0;}
.news_story h2{margin-top: 0 !important;}
.tips_container{margin-top: 20px;}
/*about*/
.aboutintro .intro .details{width: 100%;}
.aboutintro .intro .details:first-child{border:0;}
.medicalTeam .team_box{width: 100%;}
.medicalTeam .team_box .teamItem .details{min-height: auto;}
.aboutTab .sidetab{width: 100%;}
.tab_content{width: 100%;margin-top: 20px;}
.sidetab a{display: inline-block;margin:0 5px 5px 0}
/*service*/
.service_plan_container{margin-top: 10px;}
.service_plan{padding: 10px 0;}
.service_plan .plan_box{width: 50%;margin-bottom: 30px;}
.service_plan .plan_box .item img{margin-bottom: 10px;}
.service_plan .plan_box .item{padding: 30px 0;}
/*news*/
.eqWrap{margin:0;}
.story_box{width: 100%;margin: 0 0 30px 0;}
/*tips*/
.tips_tab a {
width: 33.33%;padding: 20px 0;
font-size: 15px;margin-bottom: 30px;
float: left;margin:0;
}
.tips_tab a:after {border-width: 0;margin-left:0px;}
.tips_tab a i{font-size: 35px;}
.tips_tab a:hover{color: #fff;background-color: #3f0075;border:2px solid #3f0075;}
.qna h2{font-size: 20px;}
.qna {
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
/*service table*/
.table_plan td:nth-child(4),.table_plan th:nth-child(4),
.table_plan td:nth-child(5),.table_plan th:nth-child(5) {
display:none;
}
.subbanner img{min-height: 150px;}
}
@media all and (max-width : 700px) {
/*contacts*/
.contactsmap,.contactsmap #map{min-height: 300px;}
.contacts_servicetime,.contacts_contactdata,.contactform .col_50,.form_row input[type="submit"]{width: 100%;}
.contactform{margin-top: 25px;}
.form_row input[type="submit"]{padding: 15px 0;}
}
@media all and (max-width : 540px) {
/*homepage*/
.slider .slide .title{font-size: 32px; padding: 10px;}
.homeservice .service_box{width: 100%;}
.footerlogo img{height: 50px;}
.footer_links{margin: 10px 0;}
.footer_links .link{margin:8px 0;width: 100%;}
.footer_links .media{margin: 15px 0;}
.media .link{width: auto;}
/*service*/
.service_plan .plan_box{width: 100%;margin-bottom: 30px;}
.table_plan td:nth-child(3),.table_plan th:nth-child(3) {
display:none;
}
.tableOption button:nth-child(1),.tableOption button:nth-child(2),
.tableOption button:nth-child(3),.tableOption button:nth-child(4),
.tableOption button:nth-child(5),.tableOption button:nth-child(6){
background-color: #eee;
color: #888;
}
.slick-prev{left: 0;}
.slick-next{right: 0;}
/*contacts*/
.contactsmap,.contactsmap #map{min-height: 270px;}
}