/* CSS Document */

* {margin:0px;padding:0px;}
body{ font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei", sans-serif; color:#000000;word-break: break-all;word-wrap: break-word; font-size:12pt; }
a, a:visited{ text-decoration:underline;}
a:hover{ text-decoration:underline;}
ul{ }
img{ border:0px; margin:0px;}
blockquote{ margin:5px 0 0 25px;}

/*style*/

.main{ width:948px; margin:0 auto; }
.header, .footer{ background:#ffffff;}


/*rule style*/
#con {width:100%;}
.top{ width:100%;  }


.inside{ width:100%; max-width:948px;}

.intext{ width:100%; background:#fff; padding:10px 0;margin:0 auto;max-width:948px;  }

.in01{ background-color: #ffffdf; margin:10px 20px 20px 20px; padding:15px 20px 17px 15px; line-height:22pt;}

h2{ padding:5px 0px 5px 0px; color:#ffffff; font-size:12pt; letter-spacing:0em; margin:0 10px 0 0; background:#DB2300;line-height:16pt; text-align:center; width:100%;}


ol li{ margin:0 20px 7px 30px;}

.in01 ul{ list-style:disc; list-style-position:outside; margin:0 3px 0 25px;}
.in01 ul li{margin:0 0 7px 20px; line-height:18pt;}

.tb01{ width:100%;}

.tb01 tr td{ padding:3px 0 5px 0; border-bottom:1px #8F8F8F dashed; }
.tb01 tr td p{ margin-left:10px;}

.box01{ margin:10px 0;  background:#6F6F6F; font-size:10pt; width:99%;}
td th{    display: table-cell;
    vertical-align: inherit;}
.box01 tr td{ border-bottom:0px; padding:5px 2pxpx 7px 5px;}
.box01 a, .box01 a:visited{ color:#050AFF; text-decoration:underline;}
.tr002 { text-align:center; color:#fff; height:40px; background:#2D4996; line-height:18pt;}
.tr001 { background:#ffffff;}


.in01 i { color:#E40C10; font-style:normal;}
.box01 i{ color:#000000; font-style:normal; padding-left:5px;}

.style02{ color:#FF0004;}

ul.ul02 { list-style:none; margin:0 3px 0 0px; line-height:18pt;}
ul.ul02 ul li{ list-style:none;}

.text01{color:#ff004e; font-weight:bold; font-size:16pt;}
.text02{color:#E40C10;}

/*but*/
.nav{  text-align:center; }
.nav a, .nav a:visited, .nav a:hover { text-decoration:none;}
.btn { padding:10px 30px;font-size:18px; font-weight:bold; font-size:18pt;
	 margin:0 5px; background-color:#000; color:#fff; text-decoration:none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; text-align:center;	

}
.btn a{ color:#FFFFFF;}
.btn:hover{ background-color:#C10003;color:#FFFD00;}

.left{ float:left;}
right{ float:right;}




.intext img{ width:95%;}
  
header, footer{ display:none;}
.top_m{ display:none;}

@media screen and (max-width: 767px) {
body{ font-size:12pt;}	
.main .slide { display:none;}

.main{ width:100%; }
.gotop{ display:block;}
.top{ display:none;}
.top_m{width:100%; display:block;}
.top_m img{width:100%;}
.header, .footer{ display:none;}


.box01{ font-size:10px;}
.btn02{  padding:3% 1%; margin:0 0 5px 0px;font-size:16px; width:90%;}
.left{ float:none;}

.intext img{ width:100%; max-width:600px;}
.btn{ font-size:14pt; padding:10px 20px;}

/*****/
header, footer{ display: block;}
header{ 
	background: url(images/headerBgPink_76.gif) repeat-x;
	background-size:1px 38px;
    height: 38px;
    position: relative;
    z-index: 10;
}
header h2 {
    background: url(images/logo_header0722.png) no-repeat;
	background-size: 106px 29px;
    height: 29px;
    left: 10px;
    position: absolute;
    top: 5px;
    width: 106px;
}
header h2 a {
	height:100%;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
footer{	background: #fbc7d8;
	text-align:center;
	padding:13px 0 8px;
}
footer p a { display:inline-block; }
footer p span {
	display:inline-block;
	width:70px;
	height:20px;
	text-indent:-9999px;
	margin:0 11px;
}
footer p span.pc {
	background:url(images/versionPC.gif) left bottom;
	background-size:70px 40px;
}
footer p span.mobile {
	background:url(images/versionMobile.gif) left bottom;
	background-size:70px 40px;
}
footer p span.on { background-position:left top; }
footer .address {
	line-height:24px;
	color:#e28ca9;
	font-size:11px;
	font-style:normal;
	padding-top:5px;
}
footer .address a {
	text-decoration:underline;
	color:#b83c6a;
}