/* 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; }

a, a:visited{ text-decoration:underline;}
a:hover{ text-decoration:underline;}

ul{ }

img{ border:0px; margin:0px;}

blockquote{ margin:5px 0 0 25px;}


/*2014moon   style*/

.main{ width:948px; margin:0 auto; }


.header, .footer{ background:#ffffff;}
.break{ width:950px; height:70px; margin:0px auto 10px auto; }


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

.top{ width:100%;  }

.but001{ }
.but001 a{background:url(images/but.png) no-repeat;  }
.but001 a:hover, .but001:hover{background:url(images/but.png) no-repeat; background-position:0 -50px;}

.but002{ }
.but002 a{background:url(images/but02.png) no-repeat;  }
.but002 a:hover, .but002:hover{background:url(images/but02.png) no-repeat; background-position:0 -50px;}


.but001, .but001 a, .but001 a:hover, .but001:hover,
.but002, .but002 a, .but002 a:hover, .but002:hover
{cursor:pointer;display:block; text-indent:-5000px; width:317px; height:50px; margin:0 0 15px 0;}




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

.intext{ width:100%; background:#fff; padding:20px 0;margin:0 auto;max-width:948px;  }
.intext02{ width:100%; background:#fffff1; padding:20px 0;margin:0 auto;max-width:948px; border-top:3px solid #878787;  }

.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:7px 0 12px 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:#CD004C; font-weight:bold; padding-left:5px;}
.text02{color:#E40C10;}


.nav{  text-align:center; }
.nav a, .nav a:visited, .nav a:hover { text-decoration:none;}
.btn { padding:10px 25px;font-size:18px; font-weight:bold; 
	 margin:0 5px; background-color:#C10003; 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:#000;color:#FFFD00;}

.left{ float:left;}
tr.tr003 td{ text-align:center; padding:15px 0 20px 0; border-bottom:3px #686868 solid;}

.btn02 { padding:5px 10px;font-size:20px; font-weight:normal;
	 margin:0 30px 0 0px; background-color:#FEFE00; color:#000; text-decoration:none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; text-align:center; border:1px solid #FFAF02; display:block;

}
.btn02 a{ color:#FFFFFF; }
.btn02:hover{ background-color:#40367F;color:#fff;}



.use{ width:95%; border:1px dotted; margin:0 0 1% 3%; padding:1% 2px;}
.use ul li{ margin:0px 0px 7px 2px;}
.use i{ background:#001386;color:#FFFFFF; padding:3px 5px; margin-right:5px; font-style:normal;}








  
header, footer{ display:none;}
.top_m{ display:none;}
.break_m{ display:none;}
@media screen and (max-width: 767px) {
body{ font-size:14px;}	
.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;}

.break{ display:none;}
.break_m{width:95%; display:block; border-bottom:0px #0319a1 solid; margin:0px auto;}
.break_m img{width:100%;}

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




/*****/
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;
}



  

