/* 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; background-color:#8e0000; }

/*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:1050px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.header_b, .footer_b{ background:#ffffff; width:100%; margin:0 auto; text-align:center; min-width:1000px;}	

.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:1050px;
}


.menu{
	width:100%;
	background:#fff;
	margin:0 auto;
	max-width:1050px;
	background-color:#000;
}


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


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

.mt a:link{color:#FFF;}
.mt a:hover{color:#000000;}

#mntitle:hover{
	background-color:#FF0;
	color:#000;
}

#mntitle:link{
	color:#ffffff;

}



.title{font-size:30px; color:#FFF; font-weight:bold; font-family:"微軟正黑體"; width:100%; text-align:center; margin-top:15px; margin-bottom:15px;}
.title2{font-size:30px; color:#FFF; font-weight:bold; font-family:"微軟正黑體"; width:100%; text-align:center; margin-top:15px; margin-bottom:15px;}


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


.tb02{ width:100%;}

.tb02 tr td{  border-bottom:1px #8F8F8F dashed;   border-right:1px #8F8F8F dashed;}
.tb02 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:30px; background:#F7783C; line-height:18pt;}
.tr001 { background:#ffffff; line-height:18pt;height:30px;  line-height:18pt;}


.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;}



/*右側點選列*/
.slide2{ top:108px; position:absolute; right:0px; z-index:9999999;}
.slide2 ul{position:fixed; right:10px; padding:0px;}
.slide2 li{ }
.slide2 a{ }
.slide2 a.sl_b1{ height:35px; margin:5px 0;}
.slide2 a.sl_b2{ height:100px; background:url(images/slide02.png) no-repeat; }
.slide2 a.sl_b3{  }
.slide2 a.sl_b4{ height:30px; }
.slide2 a.sl_b5{ height:100px;  margin:5px 0; }
.slide2 a.sl_b6{ height:65px; margin:3px 0;  }
.slide2 a.sl_b7{ height:45px; background:url(images/icon.png) no-repeat; margin-bottom:3px;}*/



li.link01{width:120px;  border:0px #fff solid;  padding:10px 0; margin-bottom:5px; display:block;
text-align:center; color:#000000; font-size:18px; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;letter-spacing: 1px; line-height:12pt;
}
li.link01  a{ color:#000000; text-decoration:none; display:block; }
li.link01  a:hover{ color:#BD0003; text-decoration:underline; font-weight:bold;}
li.link01 .a01{ float:left;}



li.link02{width:114px;  /*border:1px #fff solid; */ padding:0px 0; display:block; background:#000;
text-align:center; color:#000000; font-size:17px; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;letter-spacing: 0px; line-height:13pt;
/*-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 10px;*/line-height:19px;}
li.link02  a{ color:#fff; text-decoration:none; display:block; padding:3px 0 5px 0; display:block;}
li.link02  a:hover{ color:#000; text-decoration:underline; background:#FCFF19;}
li.link02 .a01{ float:left; width:60px; text-align:center;}
li.link02 .a02{ float:left; width:60px; text-align:center; font-size:14px;}
li.link02 .a03{ float:left; width:57px; background:#000000;}
li.link02 .a04{ float:left; background:#7E318E; width:100%; border-bottom:#FFF 1px dotted;}
li.link02 .a05{ font-size:14px;}




li.link02 h1{  background:#D90003; color:#FFF; font-size:15pt; padding:4px 0;display:block; line-height:17pt;}
li.link02 h1 a{color:#FFF;}
li.link02 h1 a:hover{ color:#fff; font-size:15pt;background:#D90003;}
li.link02 h1:hover{background:#D90003;}

li.link02 h2, li.link02 h2 a:hover{  background:#7E318E; }
li.link02 h3, li.link02 h3 a:hover{ background:#E4007F;  }
li.link02 h4, li.link02 h4 a:hover{ background:#00A0E9; }
li.link02 h5, li.link02 h5 a:hover{ background:#EA5514; }

 li.link02 h2 a, li.link02 h3 a, li.link02 h4 a, li.link02 h5 a{ color:#fff;}
li.link02 h2 a:hover, li.link02 h3 a:hover, li.link02 h4 a:hover, li.link02 h5 a:hover{ color:#fff; }

li.link02 h2, li.link02 h3, li.link02 h4, li.link02 h5{color:#FFFFFF;font-weight:normal; font-size:11pt; padding:3px 0;display:block; margin:5px 0 0 0;}

.M_menu3{display:none;}
.pac{display:block; height:30px;}

.titspa{display:inline;}



  
header, footer{ display:none;}
.top_m{ display:none;}
.break_m{ display:none;}
.rightnow{margin:0px auto;
text-align:center;}


.bar{
	width:100%;
	height:65px;
	text-align:center;
	background-color:#8e0000;}
	
.coupon{width:1050px;
        height:200px;}

.coupon_left{width:250px;
             height:200px;
			 float:left;}
			 
.coupon_right{width:800px;
              height:56px;
              float:right;}
			  
.coupon_list{width:800px;
             height:144px;
			 float:left;}
			  
.coupon_m{display:none;}			 
	
	
@media screen and (max-width: 767px) {
.rightnow{width:100%;
text-align:center;}
.rightnow img{width:100%;}
body{ font-size:14px;}	
.main .slide { display:none;}

.main{ width:100%; }
.gotop{ display:block;}
.top{ display:none;}
.top_m{width:100%; display:block; margin-top:12px;}
.top_m img{width:100%;}
.header, .footer{ display:none;}
.header_b, .footer_b{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;}

.slide2{display:none;}

.tb01 img{ width:100%;}
.title{font-size:20px;  height:20px;}
.title2{font-size:20px;  height:50px;}
.M_menu3{
        width:100%;
		position:fixed;
		bottom:80px;
		text-align:right;
        height:10%;
		display:block;
		z-index:99999999999999;
		}
.pac{display:block; height:0px;}


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



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

.mt a:link{color:#FFF; 	font-size:8pt;}
.mt a:hover{color:#000000; 	font-size:8pt;}

#mntitle:hover{
	background-color:#FF0;
	color:#000;
	font-size:8pt;
}

#mntitle:link{
	font-size:8pt;
	color:#ffffff;

}
.titspa{display:block;}

.bar{width:100%;
     height:auto;}

	
.bar img{
	width:100%;
	margin-top:15px;
	margin-bottom:0px;}	
	
.coupon{display:none;}	
	
.coupon_m{display:block;
          width:100%;
          height:auto;}
		  
.coupon_m img{width:100%;
              height:auto;}

}