@charset "big5";
/* CSS Document */
body {  font-size: 15px;}
.gotop { display: none; }
*{ font-family: pingfang tc,arial,微軟正黑體,Helvetica,LiHei Pro,"Microsoft JhengHei",sans-serif !important;}
a { text-decoration: none; }
:focus { outline: none; }
i { font-style: normal; }
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}

.kv{  width: 100%; height: 400px; background: url(../images/kv.jpg) no-repeat top center #FF60AF; }

/**下方按鈕**/
.btn_wrapper {  text-align: center;  background: #f2f2f2;  padding: 20px 0;  border-top: 3px #FF60AF double;}
a.btn_back { display: inline-block;  padding: 12px 100px;  border-radius: 20px; background: #7d7d7d; border-bottom: 5px #565656 solid; color: #fff; font-size: 24px;  margin: 0 10px;  font-weight: bold; }
a.btn_back:hover {  background: #FF60AF;  border-bottom: 5px #dc5131 solid;  padding: 12px 80px 12px 120px; }

/**行程**/ 
.foreign_wrapper { background: #fcf9f2;  border-top: 3px dotted #ccc; border-bottom: 3px dotted #ccc; }
.foreign_main {  padding: 30px 0; width: 1100px; margin: 0 auto; overflow: hidden;}
.foreign_main>.section-title { font-size: 44px;  line-height: 44px;  font-weight: bold; color: #4A4AFF;  text-align: center;}
.foreign_main>.section-title i::before {content: "●";  color: #4A4AFF;  font-size: 55px;  padding: 0px 10px;}
.foreign_main .price { color: #00bdf2; font-size: 22px; }
.best {  text-align: center; color: #ec4b4b; border: 2px solid #ec4b4b;  width: 45%; margin: 0 auto; border-radius: 50px;  font-size: 24px;   line-height: 42px; font-weight: bold; margin-top: 15px; }
.best-top { margin-top: 50px; }

/**飯店**/
.hotel_wrapper { background: #fff7ee; }
.hotel_main {  padding: 30px 0;  width: 1100px; margin: 0 auto;  overflow: hidden; }
.hotel_main>.section-title { font-size: 44px;  line-height: 44px;  font-weight: bold; color: #4A4AFF;  text-align: center;}
.hotel_main>.section-title i::before {content: "●";  color: #4A4AFF;  font-size: 55px;  padding: 0px 10px;}

.main_wrapper { width: 100%; padding-bottom: 30px;  background-color: #fcf9f2; border-top: 3px dotted #ccc; }
.main { width: 1100px; margin: 0 auto; padding-top: 10px;}
.box01 tbody { border: 1px solid #999;  text-align: center;}
.box01 tr td { border: 1px solid #999;  padding: 3px 20px;}
.tr001 { background: #ffffff;}
.tr002 { color: #fff; height: 30px; background: #3b3b3b; }

h2 { color: #444; font-size: 30px; line-height: 40px; font-weight:bold; padding-top: 25px;}
h3 {  color: #ec4b4b;  font-size: 24px;  line-height: 30px;   font-weight: bold;  padding-left: 15px; }
.day{  background: #fff; }
.price { color: #00bdf2; font-size: 22px;}
.price span { font-size: 16px; font-weight: bold; }
.sign {  color: #e70012; font-size: 22px;}
.ask a {  display: block; width: 100%;  margin: 0 auto; line-height: 30px;  border-radius: 10px;  color: #fff; text-decoration: none; background-image: linear-gradient(to top, #FF359A 30%, #FF79BC 100%);}
.ask a:hover { background-image: linear-gradient(to top, #333 0%, #999 100%);}
.day span{ display: block; }

/**float**/
.float_wrapper { position: fixed; bottom: 20px; right: 20px;  z-index: 250;  display: none; width: 50px;  background: #969696; border-radius: 50px;  height: 36px; padding-top: 14px;text-align: center;}
a.go_top {  display: block; color: #fff;  font-weight: bold; font-size: 16px; line-height: 15px;}
.float_wrapper:hover{ background: #ff954b;  }

/*常見問題*/
.terms_wrapper { width: 100%; margin: 0 auto;  padding-bottom: 40px; background: #fcf9f2;  padding-top: 30px;   border-top: 3px #FF60AF double;}
.terms_container { background-color: #fff;   border: solid 3px #F00078;   border-radius: 50px;  width: 900px;  margin: 0 auto;}
.terms_container h2 {  font-size: 30px;  font-weight: bold;  text-align: center;  background-color: #FF60AF;  color: #fff;  border-radius: 45px 45px 0 0;  padding: 10px 0; }
.terms_container p { padding-left: 18px; margin-bottom: 5px;}
.terms_content {  width: 90%;  margin: 20px auto;  font-size: 17px;  line-height: 24px;}
.terms_content ol li { margin: 0 30px 5px 50px;  list-style-type: decimal;  }
.red{ color: tomato; font-weight: bold; font-size: 1.1em;}
.terms_wrapper a { display: inline; text-decoration: underline; color: #333; }

 @media screen and (max-width: 768px) {
body { font-size: 14px;}
.gotop { background: url(//www.payeasy.com.tw/pbenefit/in_other/pmedm/106/autumn/images/icon_top.png) no-repeat;  height: 36px; position: fixed; right: 5px; width: 36px; bottom: 97px; z-index: 900;display: none;  }
.gotop a { display: block; width: 48px; height: 36px; }
.float_wrapper { display: none;  left: 100%;}
.header, .footer{ width: 100vw;}
.hd_m { display: block; }
.hd_pc, .float_wrapper{ display: none;}
.pez_ft { height: 310px;}
     
.kv {  background: url(../images/kv_m.jpg) no-repeat top center #FF60AF; background-size: 100%;  height: 40vw; } 

.btn_wrapper { padding: 10px 0;}
a.btn_back { width: 40vw;  font-size: 16px; padding: 6px;  margin: 0 2px; border-radius: 13px; }
	 
/**行程**/
.foreign_main {  padding: 10px 0;   width: 96vw; margin: 0 auto;}
.foreign_main>.section-title { font-size: 28px; line-height: 20px; padding: 5px; }
.foreign_main>.section-title i::before { font-size: 20px;  padding: 0px 3px;}
.section-title span{ display: block;  font-size: 18px; }
.foreign_main .price { font-size: 14px; padding-right: 0; }
.best { width: 90%; border: 1px solid #ec4b4b; font-size: 18px; line-height: 20px; margin: 4px auto 8px; padding: 5px 0; }
.best-top { margin-top: 0px; }
	 
/**飯店**/
.hotel_main {  padding: 10px 0;  width: 96vw; margin: 0 auto;}
.hotel_main>.section-title { font-size: 28px; line-height: 20px; padding: 5px; }
.hotel_main>.section-title i::before { font-size: 20px;  padding: 0px 3px;}
     
.main_wrapper { width: 100%; padding-top: 10px; padding-bottom: 0; }
.box01 { font-size: 10px; margin-bottom: 15px; }
.box01 tr td { padding: 3px 1px;}
     
h2 { font-size: 18px; line-height: 20px; padding-top: 0;}
h3 {  font-size: 14px; line-height: 18px; padding: 0 0 3px 0; }
/*.day span{ display: block;}*/
.price {  padding-right: 3px;  font-size: 15px; }
.price span { font-size: 12px;}
.sign {  color: #e70012; font-size: 12px;}   
.ask a { display: block; width: 80%; line-height: 15px; border-radius: 5px; padding: 5px 0; font-weight: bold;}
.ask span { display: none;}
.day span{ display: inline; }
	 
.terms_wrapper {  width: 100vw;  padding-bottom: 1px;  padding-top: 10px; box-shadow: none;}
.terms_container {  border-radius: 30px; margin: 0 auto 15px; width: 96vw;}
.terms_container h2 {  font-size: 21px;  line-height: 24px;  border-radius: 25px 25px 0 0;  padding: 7px 0;  margin-bottom: 3px; }
.terms_container span {  font-size: 18px;  }
.terms_container p { padding-left: 5px; }
.terms_content {  width: 94%; font-size: 15px; line-height: 18px; margin: 10px auto; }
.terms_content ol li {  margin: 4px 0 0 25px; }
.red { font-size: 1em;}
 
}