*{font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}
body{background: url(../img/bg5.jpg) top center;}
.topBanner{width: 100%; position: relative; text-align: center; }
.topBanner > .bannerBG{width: 100%; max-width:1920px;margin:auto;}
.topBanner > .btnArea{width: 100%; position: absolute; bottom: 6%; left:0px; text-align: center;}
.topBanner > .btnArea > a > img{ width:25%; margin: 3%; cursor:pointer;}
.section1{text-align: center;margin-top:-1px;}
.max1400{width: 80%; max-width: 1400px; margin:20px auto; text-align: center; background-color: rgba(255, 255, 255, 0);padding:0px;}

.menuArea{ position:sticky;top:0px; z-index: 100; width: 100%;background-color: #ff5e4d; font:bold 24px/1.2"微軟正黑體"  ; text-align: center;overflow: hidden;}
.menuArea a{position: relative; text-decoration: none; color:#fff3d5; display: inline-block; padding:5px 10px;  margin:7px 10px 7px 10px;text-align: center;border-radius: 25px;}
/*.menuArea a:before { content: url(../img/titleLeft.png); position: absolute; left:-50px; bottom: 0px; overflow: hidden;}*/
.menuArea a:hover {color:#c72d1d;background: #fff3d5;}
.menuArea a.activeBtn{background: #fff;}
.menuArea a:first-child{border-left: none;}

.ancMenu{display: inline-block;}
.ancMenu > li{display: inline-block; cursor: pointer; font-size: 20px;color:#000; margin: 10px 10px 0 10px;width: auto;}
.ancMenu > li:hover{color:#4ba495;}

.menuArea .menuBtn {position: relative;}
.menuArea .menuBtn .bird {position: relative;bottom: -3px;width: 20px;height: 25.7px; left:-4px;}

.intro-anchors{font-size: 0px;}
.carrier{margin: 20px auto 60px auto;}


.carrier h4{ box-shadow:3px 3px 3px rgba(0,0,0,0.2) ;background:#991717;border:15px solid #991717; border-image:url(../img/h4.jpg) 15 15 repeat ;color:#fde39e;  font: bold 34px/1.6 "微軟正黑體";display: inline;position: relative;margin:40px auto 20px auto;padding: 0px 20px;}



.carrier > ul {background: #f6ecd3 url(../img/bg6.jpg) repeat;border-radius: 30px;width: 90%;margin: -30px auto 0 auto;padding: 30px;}
.carrier > ul > li {list-style: none; text-align: left; position: relative; border-bottom: 2px dotted #dfb7a4; margin:40px 10px 0 10px;padding-bottom: 35px;transition: 0.3s;}
.carrier > ul > li:hover {transform:scale(0.98);filter: brightness(105%); }
.carrier > ul > li > a{text-decoration: none; color:#000;font: 16px/1.4 "微軟正黑體"; text-align: justify;}
.carrier > ul > li > a > strong{display: block; color:#991717; font: bold 22px/1.6 "微軟正黑體";text-align: justify;}
/*.carrier > ul > li:before{content: ''; width: 8px; height:100%; background-color: #76b09e; left: -15px;position: absolute;}*/


.price{font: bold 22px/1.6 "微軟正黑體";display: block; color:#991717; position: absolute; right: 0px; bottom: 5px; font-style: normal;}
.price > span{font: bold 22px/1.6 "微軟正黑體";font-style: normal; }
.box-head{display: none;}
.title {width: 100%;max-width: 345px;}

.secMenu{ position:relative;top:0px; z-index: 100; width: 100%;background:#fde39e;font: bold 20px/16px "微軟正黑體"  ; text-align: center; overflow: hidden;}
.secMenu li{margin: 5px 15px;display: inline-block; cursor: pointer; padding: 5px;color:#ff5e4d;}



@media only screen and (min-width:901px){
    .topBanner > .btnArea{bottom: 11%;}
    .topBanner > .btnArea > a > img{ width:12%; margin:0% 3%; max-width: 140px;}

    
}


@media only screen and (max-width:768px){
.title {width: 80%;max-width: 345px;}


.menuArea{font:bold 24px/14px "微軟正黑體"; }
.menuArea a{ display: inline-block; padding:5px 5px;  margin:5px 10px;text-align: center;}

.menuArea .menuBtn .bird {position: absolute;left: -35px;bottom: 0;width: 40px;}

	.carrier h4 {font-size: 26px; }
    .carrier > ul {width: 100%;}
    .max1400{width: 90%;}
	.carrier > ul > li > a > strong{font:bold 20px/1.3 "微軟正黑體"}
}


@media only screen and (max-width:470px){
.carrier{margin-top: 0;}
.menuArea .menuBtn .bird{display: none;}
.menuArea{font:bold 20px/14px "微軟正黑體"; }
.menuArea a{margin:10px 3px; }
.secMenu {font: bold 18px/16px "微軟正黑體" }
.secMenu li{margin: 5px 10px;}
.ancMenu > li{font-size: 16px;}
.carrier h4 {font-size: 20px; margin:10px auto 20px auto;padding: 0px 10px; }
.carrier h4:before { content:none;  display: block;position: absolute;left:-20px;bottom: -14px;}

}