/* CSS Document */

* {margin:0px;padding:0px;}

body{ font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei", sans-serif; color:#000000;}

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

ul{ list-style:none; list-style-type:none;}

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

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


/*2014moon   style*/

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


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


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

.top{
	width:100%;
	color: #FF4E4A;
}


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

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

.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:#3e4550;line-height:16pt; text-align:center; width:100%;}


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

.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 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:11pt;}
.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:#d9443a; font-size:11pt; 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:#00a5bb; 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;}



.btn_r { padding:10px 25px;font-size:18px; font-weight:bold; 
	 margin:0 5px; background-color:#ff4444; color:#fff; text-decoration:none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; text-align:center;	

}
.btn_r a{ color:#FFFFFF;}
.btn_r:hover{ background-color:#c10003;color:#FFFD00;}




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

.btn02 { padding:15px 25px;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:2px solid #FFAF02;}

.btn02 a{ color:#FFFFFF;}
.btn02:hover{ background-color:#D40C54;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;}

.best4{}
.best4 ul{	
	}
.best4 li{float: left;	}
.tit{
	font-size:22px;
	font-weight:normal;
	margin:0 5px;
	background-color:#C10003;
	color:#fff;
	text-decoration:none;
	color:#FFF;
	font-family:"微軟正黑體";

}

@media screen and (max-width: 767px) {
	
.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%;}





/*****/
header, footer{ display: block;}
header{ 
	background: url(//www.payeasy.com.tw/pay_event/event_06/summerbuy/images/headerBgPink_76.gif) repeat-x;
	background-size:1px 38px;
    height: 38px;
    position: relative;
    z-index: 10;}
header h2 {
    background: url(//www.payeasy.com.tw/pay_event/event_06/summerbuy/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;
}

}