@charset "utf-8";
/* CSS Document */

/**
edit by Derek
*/
.clearFloat{
	clear:both;
}
.radius_3{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rotate0{}
.rotate180{
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}
#pageBody{
	/*padding:6.25% 6.25%; 改由各自的元素設定*/
	background:#f5f5f4;
	border-top:#8ac31c solid 3px;
}
.items{
	/*灰色背景色段落*/
	padding:6.25% 6.25%;
	background:#f5f5f4;
}

.items{
	padding-top:3%;
}
.items .content h2{
	font-size:100%;
	font-weight:bold;
	color:#313131;
	padding-top:0.25em;
	padding-bottom:0.5em;
	margin-bottom:7%;
	border-bottom:#959595 solid thin;
}
.items .content h3{
	font-size:140%;
	color:#8bc21c;
	font-weight:bold;
	margin-bottom:5%;
}
.items .content .pic{
	margin-bottom:7%;
}

.items .content .info{
	font-size:100%;
}
.items .content .info .intro,
.items .content .info .spec{
	color:#221815;
	font-size:100%;
	line-height:1.8;/*特例*/
	margin:3.5% 0;
}
.items .content .info .intro dt,
.items .content .info .spec dt{
	font-size:90%;
	margin-bottom:3%;
}
.items .content .info .intro dt strong,
.items .content .info .spec dt span{
	font-weight:bold;
	padding:0;
	padding-left:2.5%;
	border-left:#404040 solid 2px;
}
.items .content .info .spec dt{
	float:left;
	clear:left;
	width:4em;
	margin-bottom:1%;
}
.items .content .info .spec dt span{
	font-size:100%;
	padding-left:10%;
}
.items .content .info .intro dd,
.items .content .info .spec dd{
	font-size:100%;
	margin-bottom:3%;
}
.items .content .info .intro dd{
	padding-left:2.5%;
}
.items .content .info .spec dd{
	margin-bottom:1%;
}



.items .content .info .os{
	display:block;
	width:100%;
}
.items .content .info .os span,
.items .content .info .os a{
	margin-right:3%;
}
.items .content .info .os span img,
.items .content .info .os a img{
	width:40px;
	height:40px;
}
@media screen and (orientation:portrait) {
.items .content .info .os span img,
.items .content .info .os a img{
	width:30px;
	height:30px;
}
.items .content .info .os .android img,
.items .content .info .os .ios img{
	width:90px;
	height:30px;
}
}
@media screen and (orientation:landscape) {
.items .content .info .os .android img,
.items .content .info .os .ios img{
	width:120px;
	height:40px;
}
}