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.
111 lines
6.5 KiB
CSS
111 lines
6.5 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; }
|
|
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;}
|
|
.tailorBtn:hover .fa{ margin-left:15px;}
|
|
.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: 432px; position: relative; width: 100%;}
|
|
.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;}
|
|
.videoBg .textSmall {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 25px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: calc(60% - 30px);
|
|
height: 90px;
|
|
color: #fff;
|
|
border-bottom: none;
|
|
font-weight: 300;
|
|
text-shadow: 0 1px 10px rgba(0,0,0,.8);
|
|
letter-spacing: 0.05em;}
|
|
|
|
|
|
|