@charset "gb2312";

/* index */
.box .hd { position:relative; background:#937344; margin-bottom:40px; text-align:center; }
.box .hd:after { position:absolute; left:50%; bottom:-20px; display:block; width:0; height:0; margin-left:-10px; content:''; overflow:hidden; border-width:10px; border-style:solid; border-color:#937344 #fff #fff; }
.box .hd h2 { font-size:4.8rem; font-weight:100; line-height:300%; color:#fff; }
.link a { display:block; width:40%; margin:0 auto; background:#937344; color:#000; border-radius:5px; font-size:3rem; line-height:250%; text-align:center; }

.box2 .hd h2 { line-height:100%; }
.box2 .hd img { vertical-align:top; }

.box3 .hd { background:#937344; }
.box3 .hd:after,.box4 .hd:after { border-color:#937344 #fff #fff; }

.box4 .hd { margin-bottom:25px; background:#937344; }
.box4 .hd h2,.box5 .hd h2 { font-size:4.3rem; }

.box5 .hd { background:#937344; }
.box5 .hd:after { border-color:#937344 #fff #fff; }

@media (min-width:320px) and  (max-width:639px){
	.box .hd:after { bottom:-10px; margin-left:-5px; border-width:5px; }
	.box3 .hd { margin-bottom:12px; }
}

@media (min-width:480px) and  (max-width:639px){
	.box .hd:after { bottom:-14px; margin-left:-7px; border-width:7px; }
	.box3 .hd { margin-bottom:18px; }
}