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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

html {
	min-height: 100%;
	_height:100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	_height:100%;
	height: 100%;
}
a{text-decoration:none;}
/*--reset_END--*/


.clear_b { clear: both; }

.bottom_bg { width: 100%; padding:30px 0 0; background: url(../img/pp3bg.png) no-repeat; background-size:cover; text-align: center;}
.bottom_inbg { width: 100%; margin:0px auto; }
.con { width: 180px; display: inline-block; margin:0px 0.5%; line-height: 1.5; text-align: center; vertical-align: top;}
.con h2 { color:#e70756; letter-spacing: 1px; text-shadow:1px 1px rgba(255,255,255,0.8); font-family: 華康粗圓體,華康細圓體,Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif,DFKai-sb,MingLiU;}
.con h4 { color:black; letter-spacing: 1px; text-shadow:1px 1px rgba(255,255,255,0.8); font-family: 華康細圓體,Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif,DFKai-sb,MingLiU; }
.con h4:hover { color:#e70756; }
.botcon { width: 100%; margin:30px auto 15px; }
.botlogo { display: inline-block; width: 240px; }
.notcontent { display: inline-block; width:520px; text-align: left; line-height: 1.3; vertical-align: top; padding:37px 2% 0; letter-spacing: 1px; text-shadow:1px 1px rgba(255,255,255,0.8); font-family: 華康粗圓體,華康細圓體,Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif,DFKai-sb,MingLiU; }
.botshare { display: inline-block; padding-top: 40px; vertical-align: top; }
.share { width: 80px; margin:0px 5px; display: inline-block;}
.conp {color: #651677;}
.conn { color:#e70756;}
.bot_yavee { background: #9e9996; color:#f7f3f3; text-align: center; padding:5px 0; margin-top: 20px; font-size: 15px;}









@media screen and (max-width: 1150px){
	.notcontent { width: auto; }
}
@media screen and (max-width: 1000px){
	.botshare { display: block; width: 80%; margin:0px auto; text-align: left; }
	.topcon { width: 81%; text-align: left; margin:0px auto; }
	.con { width: 31%; margin:0px 0.5% 20px; }
}
@media screen and (max-width: 880px){
	
}
@media screen and (max-width: 720px){
	.con { width: 48%; }
	.botcon { width: 85%; text-align: left; }
	.botshare { width: 100%; }
}
@media screen and (max-width: 550px){

}

@media screen and (max-width: 480px){
	.con { width: 99%; margin:0px 0.5% 30px; }
	.botcon { text-align: center; }
}