@charset "utf-8";
/* CSS Document */
@import 'member-header.css';

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {color: #1a1a1a; background: #f7f7f7; font-size: 1.2em; line-height: 2; font-family: "微軟正黑體", "LiHei Pro", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
a {outline: none; color: #025597;}
map area {outline: none;}
img {vertical-align: top;}
div {display: block;}
table { border-collapse: inherit; border-spacing: 2px;}
ol{list-style: decimal; padding-left: 2em;}

.wrapper{width:950px; margin:0 auto; }
h4{font-size: 1.6em; font-weight: bold; text-align: center; background: #f87367; color: #fff; margin-top: 1em; padding-right: .5em; padding-left: .5em;}

.key-visual{background: url('../images/kv-bg.jpg') no-repeat center top; width: 100%; height: 750px;}
.key-visual .wrapper{ height: inherit; position: relative;}
.key-visual ul{width: 100%; overflow: hidden; position: absolute; bottom: 0; margin-bottom: 1em; margin-left: 9em;}
.key-visual ul li{float: left; width: 33.33%;}
.key-visual ul li a{display: block;}

.rule strong{font-weight: bold;}
.rule i{font-size: .9em;}
.rule table tr th{background: #89c155; color: #fff; text-align: center; font-size: .9em; padding: .2em;}
.rule table tr th:nth-child(1){width: 3em;}
.rule table tr th:nth-child(2){width: 2em;}
.rule table tr th:nth-child(3){width: 7em;}
.rule table tr th:nth-child(4){width: 4em;}
.rule table tr th:nth-child(5){width: 6em;}
.rule table tr td{padding: .2em; text-align: center;background: #c5eaa2;}
.rule table tr td:nth-child(6){text-align: left;}

.note{margin-bottom: 4em;}

@media screen and (max-width:768px){
	body{font-size: .9em;}
	.wrapper{width: 94%;}
	
	.key-visual{height: auto;}
	.key-visual .wrapper{width: 100%; height: 0; padding-bottom: 98%;}
	.key-visual img{width: 100%; height: auto;}
	.key-visual ul{ width: 100%; margin: 1em auto; padding: 1%;}
	.key-visual ul li{float: left; width: 50%;}
}