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

/*---共用區---*/
*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;-webkit-box-sizing:border-box;
	list-style:none;}
body {
	-webkit-text-size-adjust:100%;/*避免ios用戶字體自動放大*/
	font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	background-color:#F19456;
	background-attachment: fixed;
	background-size:cover;
	background-image: url(../images/bg.jpg);
	background-position: center top;}
.red_w{ color:#C30D23; font-weight: bold;}
.wh_w{ color:#FFFFFF;}
.sw{ font-size:16px; line-height:1.5em;}
.bw{ font-size:24px;}
.pu_b{ 
	background-color:#61074E;
	padding:1%;}
.gr_b{
	background-color:#006934;
	padding:1%;
	line-height:2em;}
.or_b{
	background-color:#EA5514;
	padding:1%;
	line-height:2em;}
.pu_line{
	border:1px solid #61074E;
	padding:2px;}

/*---桌機板---*/

/*選單*/
.nav{
	width:100%;
	background-color:#61074E;
	font-size:20px;
	height:50px;
	line-height:50px;
	color:#FFFFFF;
	position:fixed;
	top:0;
	z-index:999;}
.nav ul{
	max-width:980px;
	margin:0 auto;
	text-align:center;}
.nav li{
	width:32%;
	text-align:center;
	display:inline-block;
	border-right:#FFF solid 1px;}
.nav li:first-child{
	border-left:#FFF solid 1px;}
.nav a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;}

/*刊頭*/
.headeroutside{width:100%;}
#header{
	width:100%;
	max-width:980px;
	margin:0 auto;
	position:relative;
	height:480px;}
#header .text{
	color:#FFFFFF;
	text-align:center;
	font-size:24px;
	text-shadow:#333 1px 1px 1px;
	position:absolute;
	top:60px;
	width:952px;
	z-index:5;
	left: 50%;
	margin-left:-476px;}
#header .p1{
	position:absolute;
	top:44px;
	z-index:1;
	width:315px;
	left: 64px;}
#header .p2{
	position:absolute;
	top:145px;
	z-index:2;
	left: 353px;
	filter:drop-shadow(0px 0px 5px rgba(255,255,255,.5));}
#header .p3{
	position:absolute;
	top:303px;
	z-index:3;
	left: 83px;}
#header .p4{
	position:absolute;
	top:322px;
	z-index:4;
	left: 494px;}
#header-m{
	width:0;
	height:0;
	overflow:hidden;}

/*內容*/
.contentoutside{
	width:100%;
	padding:60px 0 30px;}
.content{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:0;
	text-align:center;}
.con1,.con2,.con3,.con4{
	background-color:rgba(255,255,255,0.7);
	width:100%;
	padding:2%;
	margin:2% 0;
	overflow:hidden;}
.con1 .sale1{ width:100%;}
.sale1 li, .con3 li{
	overflow:hidden;
	padding:2% 1%;
	border-bottom:dashed 1px #61074E;}
.sale1 li:first-child{
	border-top:dashed 1px #61074E;}
.sale1 li:last-child{
	border-bottom:none;}
.con1 .left,.con3 .left{ float:left; width:40%; overflow:hidden;}
.con1 .left .redb,.con3 .left .redb{ 
	float:left; width:30%;
	background-image:url(../images/redb-11.png);
	background-position:center top;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	background-repeat:no-repeat;}
.con1 .left .sub,.con3 .left .sub{ 
	float:left; width:69%; margin-left:1%;
	font-size:28px;
	font-weight:bold;
	text-align:left;}
.con1 .right,.con3 .right{ 
	float:left; width:60%; text-align:left; padding-left:2%;}

.con2 .left,.con2 .right,.con3 .left1,.con3 .right1{
	float:left;
	width:50%;}
.con2 .right{
	border-left:1px dashed #61074E;}
.con2 .subtitle{
	width:100%;
	padding:1%;
	color:#FFFFFF;
	font-size:28px;
	font-weight:bolder;}
.con2 ul{
	text-align:left;
	padding:2% 4%;
	font-size:16px;
	line-height:2em;}
	
.con3 .right1{
	border-left:1px dashed #61074E;}
.con3 li:last-child{
	border-bottom:none;}

.info{
	background-image:url(../images/bg2.jpg);
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;}	
.con4 .left{
	width:50%;
	float:left;
	font-size:20px;
	line-height:2em;
	padding:0 2%;
	text-align:left;}

.con4 .right{
	width:50%;
	float:left;}
	
.pic{
	width:100%;
	height:auto;}
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}
	
.rightbtn{
	width:35px;
	background-color:#FFFF00;
	color:#000;
	font-size:28px;
	font-weight:bold;
	padding:5px;
	position:fixed;
	right:0;
	top:10%;
	border-radius:10px 0 0 10px;
	text-align:center;
	vertical-align:middle;}
.rightbtn a{
	text-decoration:none;
	display:block;
	color:#000;}
	


/*---手機板---*/
@media screen and (max-width:767px){
/*選單*/
.nav{
	width:100%;
	background-color:#61074E;
	font-size:16px;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	position:fixed;
	top:0;
	z-index:999;}
.nav ul{
	width:96%;
	margin:0 2%;
	text-align:center;}
.nav li{
	width:32%;
	text-align:center;
	display:inline-block;
	border-right:#FFF solid 1px;}
.nav li:first-child{
	border-left:#FFF solid 1px;}
.nav a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;}
	
/*刊頭*/
#header{
	width:0;
	height:0;
	padding-top:2%;
	overflow:hidden;}
#header-m{
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}
	
/*內容*/
.contentoutside{
	width:100%;
	padding:50px 0 2%;}
.content{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}

.con1,.con2,.con3,.con4{
	background-color:rgba(255,255,255,0.7);
	width:96%;
	padding:2%;
	margin:2%;
	overflow:hidden;}
.con1 .sale1{ width:100%;}
.sale1 li, .con3 li{
	overflow:hidden;
	padding:5% 2%;
	border-bottom:dashed 1px #61074E;}
.sale1 li:first-child{
	border-top:dashed 1px #61074E;}
.sale1 li:last-child{
	border-bottom:none;}
.con1 .left,.con3 .left{ float:none; width:100%; overflow:hidden;}
.con1 .left .redb,.con3 .left .redb{ 
	float:left; width:30%;
	background-image:url(../images/redb-11.png);
	background-position:center top;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	background-repeat:no-repeat;}
.con1 .left .sub,.con3 .left .sub{ 
	float:left; width:69%; margin-left:1%;
	font-size:28px;
	font-weight:bold;
	text-align:left;}
.con1 .right,.con3 .right{ 
	float:none; width:100%; text-align:left; padding-left:2%;}

.con2 .left,.con2 .right,.con3 .left1,.con3 .right1{
	float:none;
	width:100%;}
.con2 .right{
	border-left:none;}
.con2 .subtitle{
	width:100%;
	padding:1%;
	color:#FFFFFF;
	font-size:28px;
	font-weight:bolder;}
.con2 ul{
	text-align:left;
	padding:2% 4%;
	font-size:16px;
	line-height:2em;
	list-style:disc;}

.con3 .right1{
	border-left:none;
	border-top:1px dashed #61074E;}
.con3 li:last-child{
	border-bottom:none;}
	
.con4 .left{
	width:100%;
	float:none;
	font-size:20px;
	line-height:2em;
	padding:0 2%;
	text-align:left;}

.con4 .right{
	width:100%;
	float:none;}
	
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	width:100%;
	height:auto;}

}