@charset "utf-8";
div.pages {
	background: #fff;
	box-shadow: rgba(0, 0, 0, .35) 0 0 3px;
	padding: 1.5rem
}
div.pages>h1 {
	border-bottom: #f90 3px solid;
	font-size: 2rem;
	font-weight: 400;
	color: #333;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
	margin-bottom: 2rem;
	padding: 2.2rem 1rem 1rem 5rem
}
div.pages>h1.about {background: url(../images/icon/icon-title-02.png) left 50% no-repeat}
div.pages>h1.news {background: url(../images/icon/icon-title-01.png) left 50% no-repeat}
div.pages>h1.link {background: url(../images/icon/icon-title-03.png) left 50% no-repeat}
div.pages>h1.news>span {
	font-size: 1rem;
	color: #b11919;
	text-shadow: none;
	float: right;
	padding-top: 1.2rem
}
div.pages>h1.develop {background: url(../images/icon/icon-title-01.png) left 50% no-repeat}



/*編輯器框架*/
div.editor {
	max-width: 95%;
	margin: 0 auto;
	padding: 1rem
}

div.editor>ol>li {
	list-style: decimal;
}
div.editor>ul>li {
	list-style: disc;
}

/* develop */
div.develop>ul {padding-left: 4.5rem}
div.develop>ul>li {font-size: 1.133333333333333rem; float: left}
div.develop>ul>li {
	width: 100%;
	margin: 10px auto;
	display: flex;
    /* justify-content: center; */
}
div.develop>ul>li:nth-child(even) {color: #b11919; padding-right: 0}
div.develop>ul>li>a{
	font-size: 20px;
}
/*news*/
div.news {}
div.news>ul {padding-left: 4.5rem}
div.news>ul>li {font-size: 1.133333333333333rem; float: left}
div.news>ul>li:nth-child(odd) {
	width: 83%;
	background: url(../images/icon/icon-list-01.png) left 40% no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
	padding-right: 1rem
}
div.news>ul>li:nth-child(even) {color: #b11919; padding-right: 0}

/*ranking & links*/
div.rank-link {}
div.rank-link>dl {}
div.rank-link>dl>dd {
	max-width: 47%;
	background: url(../images/icon/icon-list-02.png) left 40% no-repeat;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	padding-left: 1.5rem
}
div.rank-link>dl.link>dd {background: url(../images/icon/icon-list-03.png) left 40% no-repeat}
/*download*/
div.download {}
div.download>h2 {
	border-left: #f60 4px solid;
	font-size: 1.5rem;
	font-weight: 300;
	color: #f60;
	margin-bottom: 1rem;
	padding-left: .75rem
}
div.download>dl {padding-left: 2rem}
div.download>dl>dd {
	background: url(../images/icon/icon-list-03.png) left 6% no-repeat;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	padding-left: 1.5rem
}

dl.service {margin-bottom: 1.5rem}
dl.c-info {}
dl.c-info>dd {margin-bottom: 1rem}
dl.c-info>dd>h3 {
	border-bottom: #ccc 1px solid;
	color: #333;
	margin-bottom: 1.5rem;
	padding-bottom: .5rem
}
dl.form {}
dl.form>dt {
	width: 22%;
	text-align: right;
	float: left;
	margin-bottom: 1rem;
	margin-right: .5rem;
	padding-top: .4rem
}
dl.form>dd {margin-bottom: 1.5rem}
dl.form>dd>input,
dl.form>dd>textarea {width: 76%; padding: .25rem .5rem}
dl.form>dd>textarea {height: 150px}
dl.form>dd:last-child {text-align: center}
dl.form>dd>button {background: #f90; color: #000}

dl.map {}
dl.map>dd>iframe {width: 100%; height: 280px}