@charset "utf-8";
.white{color:#ffffff;}
.blue{color:#2768af;}
.orange{color:#e58c1c;}
.purple{color:#ca7d93;}
.gray {color:#666;}
.red {color:#C00;}
.green{color:#abcc73;}
.nan-blue{color:#36bdef;}
.d-g{color:#1b6e02;}
.d-o{color:#c37008;}

.bold{font-weight:bold;}
.tx-center{ text-align:center;}
.dk{display:block}
.mb{display:none}
td{ vertical-align:text-top; padding-top:3px; padding-right:2px}

.w1{font-size:32px;	letter-spacing:1px; line-height: 180%; font-family: "華康粗圓體", "蘋方體", "思源黑體", "微軟正黑體"; text-align:center;}

.w2{ font-size:20px; letter-spacing:1px; line-height:180%; text-align:center; vertical-align:middle;}
.w2-2{ font-size:20px; letter-spacing:1px; line-height:150%;vertical-align:middle;}
.w3,.w3-2{ font-size:17px; letter-spacing:1px; line-height:150%;}
.w3{ line-height:160%; display:inline-block; word-break:keep-all; }
.w4{ font-size:15px; letter-spacing:1px; line-height:150%;}
.w5{ font-size:14px; line-height:150%; padding-left:5px;}

@media (max-width: 767px) {
.dk{display:none}
.mb{display:block}

.w1{ font-size:27px; }
.w2{ font-size:18px; line-height:140%;}
.w2-2{ font-size:18px;letter-spacing:0; line-height:140%;}
.w3,.w3-2{ font-size:15px;line-height:140%;}
.w3{line-height:150%; display:inline-block; word-break:normal; }
.w4{ font-size:14px; letter-spacing:1px; line-height:140%;}
.w5{ font-size:13px; padding-left:5px;}
}


/***** p1+P2 南港+台中 *****/
.p-hd {position:absolute; z-index:333;width:60%; margin-top:6.5%; margin-left:25%;}
.phd-txt1,.phd-txt2{font-size:39px; font-family:Arial,"Gen Jyuu Gothic","微軟正黑體", Helvetica; font-weight:bold; line-height:130%;}
.phd-txt2{ margin-top:3.5%;}
.phd-bg{ position:relative; width:100%; margin-top:0;}

.phd-menu{ width:65%; margin-top:1%; overflow:hidden; }
.phd-menu1{ float:left; width:46%;}
.phd-menu2{float:left; width:36%; margin-left:6%; margin-top:0.5%;}


@media (max-width:767px) {
.p-hd {width:90%; margin-top:16%;  margin-left:10%;}
.phd-txt1,.phd-txt2{ font-size:26px; }
.phd-txt2{margin-top:5%; }
.phd-bg{ width:100%; margin-top:0;}
.phd-menu{ width:90%; margin-top:1%; }
.phd-menu1{ float:left; width:50%;}
.phd-menu2{float:left; width:36%; margin-left:4%; margin-top:0.5%;}
}


/***** p1館內優惠 *****/
#p1 {width:100%; overflow:hidden;}
.p1-cont {width:76%; margin:40px auto 80px;}
.list-hd{ width:90%; text-align:center;}
.list-txt1{ float:left; font-size:30px; font-weight:bold; line-height:150%; letter-spacing:1px; }
.list-txt2{ float:left;	font-size: 18px;font-weight: bold; letter-spacing: 1px;text-decoration: underline;}
.list-txt2{	padding-top:12px; padding-left:30px; }
.brand-list1{ width:96%;}
.brand-info{ clear:both; width:100%; margin-top:20px;}

.p1-list{ clear:both; width:100%; margin:auto; overflow:hidden;}
.p1-list1,.p1-list2{ float:left; width:47%;}
.p1-list2{ margin-left:6%;}

@media (max-width:767px) {
.p1-cont {width:90%; margin:20px auto 60px;}
.list-hd{ width:100%; text-align:center;}
.list-txt1{font-size:25px; letter-spacing:0; }
.list-txt2{ font-size: 16px;letter-spacing: 0;}
.list-txt2{	padding-top:9px; padding-left:20px; }
.brand-list1{ width:100%;}
.brand-info{ clear:both; width:100%; margin-top:10px;}

.p1-list{ clear:both; width:100%; margin:auto; overflow:hidden;}
.p1-list1,.p1-list2{ clear:both; width:100%; margin-left:0; }
.p1-list2{ margin-top:30px;}
}



/***** p3 綁卡停車折抵 *****/
.p3-cont {width:70%; margin:auto;}
.p3-s1,.p3-s2 { clear:both; width:100%; margin:50px auto 80px;}
.p3-s1-hd,.p3-s2-hd {width:70%; margin:auto;}
.p3-s1-main,.p3-s2-main {width:90%; margin:30px auto 10px; }
.p3-s1-info{ width:100%; margin-left:3%;}
.p3-s2-main2{width:80%; margin:50px auto 100px; }

@media (max-width:767px) {
.p3-cont {width:92%; margin:auto;}
.p3-s1,.p3-s2 { margin:30px auto 50px;}
.p3-s1-hd,.p3-s2-hd {width:90%; margin:auto;}
.p3-s1-main,.p3-s2-main {width:100%; }
.p3-s1-info{ width:90%; margin-left:5%;}
.p3-s2-main2{width:95%; margin:0 auto 60px; }
}


/***** p4 點數使用 *****/
.p4-cont {width:90%; margin:auto;}
.p4-s1 { clear:both; width:80%; margin:40px auto 60px;}
.p4-s2 { clear:both; width:100%; margin:40px auto 80px;}

.p4-s1-hd{width:56%; margin:auto;}
.p4-s1-main{ width:90%; margin-left:7%; margin-top:30px; }
.p4-s2-hd {width:42%; margin:auto;}
.p4-s2-main {width:86%; margin:auto; }

@media (max-width:767px) {
.p4-cont {width:96%; margin: auto;}
.p4-s1 {width:85%; margin:30px auto 50px; }
.p4-s2 {margin:30px auto 60px;}
.p4-s1-hd{width:95%; margin:auto;}
.p4-s1-main {width:100%;margin-left:0; margin-top:20px;}
.p4-s2-hd{width:86%; margin:auto;}
.p4-s2-main {width:90%; margin:auto; }
}



/***** p5 回饋計畫 *****/
.p5-cont {width:72%; margin:50px auto 80px;}
.p5-menu{width:100%; margin:50px auto;}
.p5-btn{float:left; margin-bottom:10px; padding:10px 10px; border-radius:10px; }
.p5-btn1{ width:30%; margin-right:1%; margin-bottom:10px; color:#fff; background:#71b6eb; box-shadow: 0 0 3px 0 #333;}
.p5-btn2{width:68%; margin-left:1%; margin-bottom:10px;color:#3c90d2; background:#fff;}
.p5-btn1 a{ color:#fff;}

.bshow{color:#fff; padding:10px 12px; background:#3c90d2; border-radius:10px;}
.bclose{color:#e7f4fd; padding:10px 12px; background:#71b6eb; border-radius:10px;}

.main-cont{ clear:both; width:100%; padding-top:20px;}
.p5-hd{font-size:28px; margin:0 auto 15px; letter-spacing:1px; border:2px solid #3c90d2; border-radius:20px; padding:2px 3px; line-height:150%;}
.p5-spc1{ margin-top:20px;}
.p5-spc2{ margin-top:10px;}
.p5-w3{font-size:16px;letter-spacing:1px;line-height:160%}


@media (max-width:767px) {
.p5-cont {width:88%; margin:30px auto 60px;}
.p5-menu{margin:30px auto;}
.p5-btn{padding:10px 6px; }
.p5-btn1{ width:35%; margin-right:1%; }
.p5-btn2{width:63%; margin-left:1%; }
.bshow{ padding:10px 6px;}
.bclose{padding:10px 6px;}

.main-cont{padding-top:10px;}
.p5-hd{font-size:20px; letter-spacing:0; margin:0 auto 10px;}
.p5-spc1{ margin-top:20px;}
.p5-spc2{ margin-top:10px;}
.p5-w3{font-size:14px;line-height:150%}
}