@charset "utf-8";
/*Extra small devices (portrait phones, less than 576px)*/
.m_telTop{
    background-color: #ffffff;
    padding: 3px;
    font-size: 12px;
    color: #000;
    text-align: center;
}
@media (max-width: 575px) {
    /*container*/
    div.mainContainer {padding-left: 0 !important}
    dl.news {margin-left: 0; margin-right: 0}
    dl.serviceList>dd:nth-child(1)>p {margin-bottom: 6rem}
    dl.social {border-left: none}
	div.rightProcess {margin-top: 2rem}
	div.onlineForm>div.Form {padding: 1rem 0 !important}
	dl.form>dt {text-align: left}
	dl.form>dd>select {width: 48.4%}
    dl.location>dd:nth-child(1) {border-right:none;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
    /*container*/
    div.mainContainer {padding-left: 0 !important}
    dl.news {margin-left: 0; margin-right: 0}
    dl.serviceList>dd:nth-child(1)>p {margin-bottom: 6rem}
    dl.social {border-left: none}
	div.rightProcess {margin-top: 2rem}
	div.onlineForm>div.Form {padding: 1rem 0 !important}
	dl.form>dt {text-align: left}
	dl.form>dd>select {width: 48.4%}
    dl.location>dd:nth-child(1) {border-right:none;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    /*container*/
    div.mainContainer {padding-left: 0 !important}
    div.mainLocation {padding: 0}
    dl.news {margin-left: 0; margin-right: 0}
     dl.locationInfo>dd>p>span.tel {font-size: 1.2rem}
    div.sTime>p:nth-child(3), div.sTime>p:nth-child(5) {font-size: 1rem}
    dl.location>dd {padding: 0}
    div.sLocation>h2, dl.btnLocation>dd {font-size: 1.1rem}
    div.service {padding-left: 0; padding-right: 0}
	div.onlineForm>div.Form {padding: 1rem 0 !important}
	dl.form>dd>select {width: 48.4%}
    dl.location>dd:nth-child(1) {border-right:none;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

@media screen and (max-width:1920px) { 
    .m_telTop{
        display: none;
    }
}
@media screen and (max-width:768px) { 
    .m_telTop{
        display: block;
    }
}
/*ios use*/
/*iPhone 4 only Portrait or Landscape 基本上不用太理這支*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {}

/*iPhone 5 Portrait or Landscape*/
@media only screen (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {}
@media only screen (device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {}

/*iPhone 6 Portrait or Landscape*/
@media only screen and (device-width : 375px) and (orientation : portrait) {}
@media only screen and (device-width : 667px) and (orientation : landscape) {}

/*iPhone plus 6 Portrait or Landscape*/
@media only screen and (device-width : 414px) and (orientation : portrait) {}
@media only screen and (device-width : 736px) and (orientation : landscape) {}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}