/*
 * phgrt - RWD system type-12
 * https://www.phgrt.com.tw/
 *
 * Copyright 2016, evelyn wang
 * 
 * 
 * January 2016
 */


/* +contact
*----------------------------------------------------------------------------*/
#gmap {
	margin-bottom: 30px;
}

#gmap iframe {
	width: 100%;
}

#content-main article {
	margin-bottom: 25px;
    padding: 30px 0;
    border-top: 1px solid #c2c2c2;
    border-bottom: 5px solid #c2c2c2;
    line-height: 170%;
    font-size: 12px;
    color: #545454;
}

#content #content-main article.contact3 {
	padding-top: 0;
	border-top: 0;
}

#content-main ul.contact-list {
	margin-bottom: 45px;
}

#content-main ul.contact-list li {
	padding: 10px;
	font-size: 16px;
}

#content-main ul.contact-list li i {
	margin-right: 8px;
    border: 2px solid #0169a6;
    width: 35px;
    height: 35px;
	display: inline-block;
    font-size: 20px;
    color: #0169a6;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
}

.contact-form {
	overflow: hidden;
}

.contact-form h4 {
	margin-bottom: 10px;
	float: left;
	font-size: 18px;
	color: #000;
}

.contact-form span {
	display: inline-block;
	float: right;
	font-size: 12px;
}

.contact-form span strong ,
.contact-form fieldset p label strong {
	color: #0169a6;
}

.contact-form fieldset {
	clear: both;
	border: 0;
	border-top: 1px #0169a6 solid;
}

.contact-form fieldset p {
	padding: 10px 0;
	font-size: 16px;
}

.contact-form fieldset p label {
	margin-right: 10px;
	padding-left: 15px;
	width: 100px;
	display: inline-block;
}

.contact-form fieldset p input ,
.contact-form fieldset p select ,
.contact-form fieldset p textarea {
	padding: 3px;
	border: 1px #444 solid;
}

.contact-form fieldset p textarea {
	width: 65%;
}

.contact-form fieldset.btn {
}

.contact-form fieldset.btn p:first-child {
	border-bottom: 1px #0169a6 solid;
}

.contact-form fieldset.btn input.btn-submit {
	margin-right: 5px;
    padding: 5px 10px;
	width: 150px;
    background: #0169a6;
    display: inline-block;
	text-align: center;
	color: #fff;
}

#content #content-main article #contact-info {
	font-size: 16px;
}

#content #content-main article #contact-info > p {
	margin-bottom: 20px;
	line-height: 170%;
}

#content #content-main article #contact-info > p strong {
	color: #D42023;
}

#content #content-main article #contact-info ol {
	overflow: hidden;
}

#content #content-main article #contact-info > ol li {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px #ccc solid;
}

#content #content-main article #contact-info ol li .qrcode-group {
	width: 90%;
	overflow: hidden;
}

#content #content-main article #contact-info ol li .qrcode-group p {
	margin-right: 2%;
	width: 23%;
	float: left;
	text-align: center;
}

#content #content-main article #contact-info ol li p img {
	margin-bottom: 10px;
}

#content #content-main article #contact-info h3 {
	margin-bottom: 20px;
    font-size: 22px;
    color: #0169a6;
}

#content #content-main article #contact-info table {
    margin-bottom: 25px;
}

#content #content-main article #contact-info table {
    margin-bottom: 65px;
    border-top: 1px #ccc solid;
}

#content #content-main article #contact-info table tr td {
    padding: 15px;
    border-bottom: 1px #ccc solid;
}

#content #content-main article #contact-info table tr td:first-child {
    border-right: 1px #ccc solid;
}

#content #content-main article #contact-info .time {
	overflow: hidden;
	font-size: 16px;
}

#content #content-main article #contact-info .time label ,
#content #content-main article #contact-info .notice label {
	margin-right: 10px;
	padding-top: 3px;
	display: inline-block;
	float: left;
	font-size: 16px;
}

#content #content-main article #contact-info .time p {
	float: left;
	line-height: 170%;
}

#content #content-main article #contact-info .notice {
	margin-top: 25px;
	padding: 15PX;
	background: #ededed;
	overflow: hidden;
}

#content #content-main article #contact-info .notice label {
	padding-top: 0;
}

#content #content-main article #contact-info .notice ol {
	float: left;
	list-style: decimal-leading-zero;
	list-style-position: inside; 
}

#content #content-main article #contact-info .notice ol li {
	margin-bottom: 10px;
	list-style: decimal-leading-zero;
	list-style-position: inside;
	font-size: 16px;
}

.contact-form fieldset p:nth-child(2) input {
	margin: 0 5px;
	width: 50px;
}


/* +width:1024 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	#content #content-main article #contact-info ol li .qrcode-group p {
		width: 30%;
	}
}

/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#content #content-main article #contact-info ol li .qrcode-group p {
		margin-bottom: 10px;
		width: 48%;
	}
}

/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	#content #content-main article #contact-info ol li .qrcode-group p {
		width: 68%;
	}
}

/* +width:400 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 400px) {
	#content #content-main article #contact-info table tr td {
		padding: 5px;
		font-size: 12px;
	}
}