You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
7.2 KiB
CSS
88 lines
7.2 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.aboutAH { background: #f9f9f9; display: block; padding-top: 15px; }
|
|
#banner { display: block; position: relative; }
|
|
#banner .bannerText { display: block; position: absolute; text-align: center; position: absolute; width: 100%; top: calc(50% - 100px); }
|
|
#banner h1 { font-size: 40px; color: #fff; border-bottom: none; margin: 0 0 30px; }
|
|
#banner .heldDate { font-size: 30px; color: #fff; font-weight: 300; }
|
|
.crumbNav { text-align: right; margin: 15px 0; font-size: 11px; color: #a31022; }
|
|
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
|
|
.articleTitle1{font-size: 13px;margin-top: 10px;text-align: left}
|
|
h2 { font-size: 28px; margin: 0 0 30px; }
|
|
h2.withMargin { margin: 50px 0 30px; }
|
|
.footTailor { display: block; margin: 35px auto; width: 200px; background: #a31022; text-align: center; border-radius: 4px; }
|
|
.footTailor a { display: block; padding: 10px 0; text-decoration: none; color: #fff; font-size: 18px; }
|
|
/* tailor new */
|
|
#tailorAds { display: block; background: #fff; padding: 20px 0; overflow: hidden; }
|
|
.tailorText { width: 1170px; display: block; margin: 10px auto; overflow: hidden; padding-bottom: 25px; border-top: 1px solid #d1d1d1; padding-top: 50px; }
|
|
.mainText { display: block; width: 700px; float: left; font-size: 28px; padding-top: 15px; }
|
|
.travelAdvisor { display: block; width: 128px; float: left; margin-right: 50px; }
|
|
.callTo { display: block; width: 250px; float: right; text-align: center; font-size: 16px; }
|
|
.callTo strong { display: block; margin-top: 10px; font-size: 26px; color: #000; font-weight: normal; }
|
|
.tailorBtn { display: block; background: #a31022; border-radius: 4px; }
|
|
.tailorBtn a { display: block; color: #fff; text-align: center; padding: 10px; margin-top: 15px; text-transform: capitalize; text-decoration: none; }
|
|
#articleRecommend{text-align: center}
|
|
.tailorBtn:hover .fa { margin-left: 15px; }
|
|
.warningPart{border-radius: 4px;border: 1px dashed #ad1818; padding: 10px 10px 0;}
|
|
.tailorBtn .fa { font-size: 150%; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -5px; }
|
|
@media(max-width:768px) {
|
|
.tailorText { width: 90%; }
|
|
.mainText { width: 100% !important; float: none !important; text-align: center; font-size: 24px; }
|
|
.callTo { width: 80% !important; margin: 20px auto !important; float: none !important; }
|
|
.tailorBtn { margin: 15px 50px; }
|
|
#banner span { position: relative !important; margin: 15px 10px !important; font-size: 20px !important; color: #333 !important; text-shadow: none !important; text-align: center !important; top: auto !important; right: auto !important }
|
|
.footTailor { position: fixed; bottom: -35px; left: 0; width: 100% !important; border-radius: 0!important; z-index: 9999; }
|
|
.festivalFacts { width: 100% !important; float: none !important; margin-left: 0 !important; }
|
|
.photoRight400 { float: none !important; width: 100% !important; margin-left: 0 !important; }
|
|
.lanternStyle { margin-bottom: 30px; }
|
|
.thailandTours .tourInfo { margin-bottom: 50px; }
|
|
}
|
|
/* lantern festival */
|
|
.festivalFacts { display: block; border: 1px solid #d1d1d1; border-radius: 4px; width: 426px; padding: 10px 20px; float: right; margin: 10px 0 50px 35px; }
|
|
.festivalFacts .factTitle { display: block; font-size: 24px; margin-bottom: 20px; font-weight: 300; }
|
|
.festivalFacts ul li { font-size: 14px; line-height: 20px; margin-bottom: 15px; background: url(/pic/mark-red-19x13.png) no-repeat left 5px; padding-left: 30px; }
|
|
.photoAds { display: block; margin: 30px 0 50px; }
|
|
.photoAds img { border-radius: 4px; }
|
|
.photoRight400 { display: block; width: 426px; float: right; margin: 15px 0 20px 35px; }
|
|
.loyKrathong h3 { background: url(/pic/red-arrow-down.png) no-repeat right; font-size: 22px; font-weight: 300; margin: 30px 0 10px; display: table; padding-right: 35px; }
|
|
.yiPeng { display: block; margin-top: 100px; }
|
|
h3 { font-size: 20px; margin: 35px 0 20px; font-weight: 300; }
|
|
.yiPeng .lanternStyle { position: relative; }
|
|
.yiPeng .lanternStyle img { border-radius: 4px; }
|
|
.yiPeng .lanternStyle span { display: block; text-align: center; background: rgba(0,0,0,.7); color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; padding: 8px 0; border-radius: 0 0 4px 4px; }
|
|
.festivalTips { display: block; margin: 50px 0; }
|
|
.festivalTips li { font-size: 16px; line-height: 25px; margin-bottom: 20px; background: url(/pic/red-square.png) no-repeat left 8px; padding-left: 25px; }
|
|
.thailandTours { display: block; margin: 50px 0; }
|
|
.thailandTours h2 { text-align: center; }
|
|
.thailandTours img { border-radius: 4px 4px 0 0; width: 100%; }
|
|
.thailandTours .tourInfo { background: #f4f4f4; padding: 15px; border-radius: 0 0 4px 4px; }
|
|
.thailandTours .tourInfo p { font-size: 14px; !important;
|
|
}
|
|
.thailandTours .tourInfo h3 { font-size: 20px; margin: 5px 0 20px; font-weight: 300; }
|
|
.thailandTours .tourInfo a { text-decoration: none; }
|
|
.thailandTours .tourInfo a:hover { text-decoration: underline; }
|
|
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0; font-size: 14px; }
|
|
.tourInfo .viewDetail { background: #a31022; border-radius: 4px; display: block; margin: 10px 0; padding: 6px 0; text-align: center; }
|
|
.tourInfo .viewDetail a { color: #fff; font-size: 15px; text-decoration: none; }
|
|
.photoAdsTable { width: 100%; border-left: 1px solid #c9c9c9; border-top: 4px solid #c9c9c9; }
|
|
.photoAdsTableH { font-size: 28px!important; text-align: center; }
|
|
.photoAdsTableH strong { font-weight: normal; color: #a31022; }
|
|
.photoAdsTableH em { display: block; font-size: 24px; }
|
|
.photoAdsTable tr { border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
|
|
.photoAdsTable th { font-size: 20px; font-weight: 300; border-right: 1px solid #c9c9c9; padding: 18px 18px 20px 18px; }
|
|
.photoAdsTable td { font-size: 17px; font-weight: 300; border-right: 1px solid #c9c9c9; padding: 18px 18px 20px 18px; }
|
|
.photoAdsTable tr:nth-child(2n+1) td { background: #fff; }
|
|
.photoAdsTable tr:nth-child(2n) td { background: #f2f2f2; }
|
|
.photoAdsTable tr:nth-child(2n+1) th { background: #fff; }
|
|
.photoAdsTable tr:nth-child(2n) th { background: #f2f2f2; }
|
|
.videoBg { height: 100%; position: relative; width: 100%; display: block;padding-bottom: 22.6%;}
|
|
.videoBg video {right: 0; top: 0; width:100%; height: 100%; z-index: -100; position: absolute;}
|
|
.videoBg .textBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); }
|
|
.videoBg .textBg h1 { display: block; width: 100%; text-align: center; font-size: 40px; position: absolute; left: 0; top: calc(50% - 45px); height: 90px; color: #fff; border-bottom: none; font-weight: 300; text-shadow: 0 1px 10px rgba(0,0,0,.8); letter-spacing: 0.05em; }
|
|
.promotionBox { display: block;background:#a31022; text-align:center; padding:10px; color:#d1d1d1; font-size:16px; margin-top:-2px;}
|
|
.promotionBox a { color:#fff; display: inline-block; margin-left:20px; text-decoration: none;}
|
|
.promotionBox a:hover { text-decoration: underline; color:#fff;}
|
|
.promotionBox .fa { font-size:200%; vertical-align: middle; margin:-5px 0 0 5px;}
|
|
.bannerText{overflow: hidden;display: block;position: absolute;width: 100%;height: 70px;top: calc(50% - 35px);}
|
|
.bannerText h1{color: #fff;border-bottom:none;text-align: center}
|
|
.bannerDate{font-size: 20px} |