/* your custom styles here */
.my-p-darkred {
  font-size: 22px;
  font-family: "Times New Roman";
  color: DarkRed;
}
.my-p-darkblue {
  font-size: 22px;
  font-family: "Times New Roman";
  color: DarkBlue;
}

.my-p-aqua {
  font-size: 22px;
  font-family: "Times New Roman";
  color: aqua;
}

.my-p-blue {
  font-size: 22px;
  font-family: "Times New Roman";
  color: Blue;
}

.my-p-green {
  font-size: 22px;
  font-family: "Times New Roman";
  color: green;
}

.my-p-lime {
  font-size: 22px;
  font-family: "Times New Roman";
  color: lime;
}

.my-p-maroon {
  font-size: 16px;
  font-family: "Times New Roman";
  color: maroon;
}

.my-p-navy {
  font-size: 22px;
  font-family: "Times New Roman";
  color: navy;
}

.my-p-olive {
  font-size: 22px;
  font-family: "Times New Roman";
  color: olive;
}

.my-p-purple {
  font-size: 22px;
  font-family: "Times New Roman";
  color: purple;
}

.my-p-silver {
  font-size: 22px;
  font-family: "Times New Roman";
  color: silver;
}

.my-p-teal {
  font-size: 22px;
  font-family: "Times New Roman";
  color: teal;
}



.fiveguidelines{
	background-image: url(images/qym-07-photo1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: flex;
	min-height: 620px;
	background-color: #77cfff;
	color:#333333;
}

.fiveguidelines .img {
	width: 50%;
	flex-shrink: 0;
}
.fiveguidelines .img img{
	display: none;
}	
.fiveguidelines .words{	
	padding: 50px 30px 20px 20px;
	font-size: 16px;
}

.fiveguidelines .words .title1{	
	color:#603913;
	font-size: 22px;
	font-weight: bold;
}
.fiveguidelines .words .text1 ul {
    border-top: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 20px 0px 20px 0px;
	margin: 15px 0px 15px 0px;

}
.fiveguidelines .words .text1 li{
	color:#603913;
	list-style: none;
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
	text-indent: -20px;
}
.fiveguidelines .words .text2{
	font-size: 16px;
}	

.fiveguidelines-ch {
    font-family: 'Segoe UI', SegoeUI, 'Microsoft YaHei', 微软雅黑, 'Microsoft JhengHei', 微軟正黑體, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


@media screen and (max-width: 970px){
.fiveguidelines{
	background-image: url(images/qym-07-bk1.jpg);
	display: block;
	min-height: 600px;
}
.fiveguidelines .img {
	width: 100%;	
	display: block;
}	
.fiveguidelines .img img{
	width: 100%;	
	display: block;
}
	
.fiveguidelines .words .title1{	
	text-align: center;
}	
	
.fiveguidelines .words{	
	padding: 0px 15px 30px 15px;
	font-size: 16px;
}	
.fiveguidelines .words .text1 ul li{
	padding-left: 25px;
	text-indent: -25px;	
}	
.fiveguidelines .words .text2{
	font-size: 14px;
}	
	
	
.fiveguidelines-ch .words .text1 {
	display: flex;
	justify-content: center;
}	
.fiveguidelines-ch .words .text1 ul{
	display: flex;
	flex-wrap: wrap;
}
.fiveguidelines-ch .words .text1 ul li{	
	width: 50%;
	box-sizing: border-box;
	padding-left: 50px;
	white-space: nowrap;
}

	
}