@ charset "utf-8" ;
/* CSS Document */
. expandingList h3 { background : url ( /pic/red-arrow-down.png ) no-repeat right ; font-weight : 300 ;
margin : 30px 0 10px ;
display : table ;
padding-right : 35px ; }
h3 { font-size : 22 px !important ; margin : 30 px 0 10 px ; }
# banner { display : block ; position : relative ; }
# banner h1 { position : absolute ; background : rgba ( 0 , 0 , 0 , 0.6 ) none repeat scroll 0 0 ; font-size : 28 px ; bottom : 0 ; width : 100 % ; padding : 15 px ; text-align : center ; left : 0 ; color : #fff ; border-radius : 4 px 4 px 0 0 ; margin : 0 !important }
# banner h1 . AboutUs { color : #fff ; display : block ; font-family : fontawesome ; font-size : 30 px ; font-weight : normal ; left : 0 ; top : -365 px ; line-height : 37 px ; position : absolute ; text-align : left ; width : 600 px ; background : none ; border-bottom : none ; }
p {
font-size : 19px ;
line-height : 30px ;
font-weight : 300 ; }
/* new fonts */
/* latin */
@ font-face { font-family : 'Alegreya Sans' ;
font-style : normal ;
font-weight : 500 ;
font-display : swap ;
src : local ( 'Alegreya Sans Medium' ) , local ( 'AlegreyaSans-Medium' ) , url ( https : / / data . asiahighlights . com / css / fonts / 5aUu9_-1phKLFgshYDvh6Vwt5alOqEp2iw . woff2 ) format ( 'woff2' ) ;
unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ; }
/* latin */
@ font-face {
font-family : 'Alegreya Sans' ;
font-style : normal ;
font-weight : 400 ;
font-display : swap ;
src : local ( 'Alegreya Sans Regular' ) , local ( 'AlegreyaSans-Regular' ) , url ( https : / / data . asiahighlights . com / css / fonts / 5aUz9_-1phKLFgshYDvh6Vwt7VptvQ . woff2 ) format ( 'woff2' ) ;
unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ;
}
@ font-face {
font-family : 'Alegreya Sans' ;
font-style : normal ;
font-weight : 700 ;
font-display : swap ;
src : local ( 'Alegreya Sans Bold' ) , local ( 'AlegreyaSans-Bold' ) , url ( https : / / data . asiahighlights . com / css / fonts / 5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2iw . woff2 ) format ( 'woff2' ) ;
unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ;
}
/* latin */
@ font-face {
font-family : 'Hind Madurai' ;
font-style : normal ;
font-weight : 300 ;
font-display : swap ;
src : local ( 'Hind Madurai Light' ) , local ( 'HindMadurai-Light' ) , url ( https : / / data . asiahighlights . com / css / fonts / f0Xu0e2p98ZvDXdZQIOcpqjfXaUXfsEp . woff2 ) format ( 'woff2' ) ;
unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ;
}
/* latin */
@ font-face {
font-family : 'Hind Madurai' ;
font-style : normal ;
font-weight : 400 ;
font-display : swap ;
src : local ( 'Hind Madurai Regular' ) , local ( 'HindMadurai-Regular' ) , url ( https : / / data . asiahighlights . com / css / fonts / f0Xx0e2p98ZvDXdZQIOcpqjX9ocC . woff2 ) format ( 'woff2' ) ;
unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ;
}
/*info detail*/
. InformationDetail { background : #f1f1f1 ; margin-top : -32 px ; padding-bottom : 10 px ; }
. InfoDetail { margin-top : 30 px ; }
/* left menu for info detail page*/
ul . ArticleList { margin-bottom : 20 px ; border-top : 3 px solid #c6162b ; }
ul . ArticleList li . ListTop { border-bottom : 1 px #d6d6d6 solid ; font-size : 12 px ; }
ul . ArticleList li . ListTop a { text-decoration : none ; }
ul . ArticleList li . ListTop a : hover { color : #c5162b ; }
p a { text-decoration : underline !important }
ul . ArticleList li { border-bottom : 1 px #d6d6d6 solid ; font-size : 12 px ; background : url ( https://data.asiahighlights.com/image/info-list.png ) no-repeat 15 px center ; padding : 10 px 0 10 px 38 px ; }
ul . ArticleList li . cityName { background : #d1d1d1 ; font-size : 16 px ; padding-left : 15 px !important }
/* learn more style for info with red */
. learnMore { text-transform : uppercase ; color : #a31022 ; text-decoration : none !important ; }
. learnMore : HOVER { text-decoration : underline !important }
. learnMore i { font-size : 130 % ; }
/* only use without banner */
. withH1 { display : block ; background : #f9f9f9 ; margin-top : 0 !important ; padding-top : 0 !important ; border-top : 2 px solid #d9d9d9 ; }
. withH1 h1 { margin : -10 px 0 35 px !important ;
border-bottom : none ! important ;
text-align : center ;
font-family : 'Alegreya Sans' , sans-serif ;
font-size : 45px ;
font-weight : 700 ; }
. withH1 . crumbNav { margin-top : -15 px !important ; }
. warningPart { border-radius : 4 px ; border : 1 px dashed #ad1818 ; padding : 10 px 10 px 0 ; }
. Information h2 . RedBorder { text-align : left ; }
. Information { margin-top : -80 px ; }
. ArticleInfo { padding-bottom : 10 px ; }
table . InfoTable { border-top : 3 px solid #d6d6d6 ; text-align : center ; width : 100 % ; background : #fff ; margin-bottom : 20 px ; }
table th , td { font-size : 14 px ; text-align : center ; padding-bottom : 10 px ; padding-top : 10 px ; border : 1 px solid #d6d6d6 ; }
table th . TrainNumber { font-size : 15 px ; text-align : center ; padding-bottom : 10 px ; padding-top : 10 px ; color : #c7152b ; }
. infoList { background : #fff none repeat scroll 0 0 ; border-radius : 0 4 px 4 px 0 ; font-size : 14 px ; margin-bottom : 20 px ; width : 384 px ; padding-top : 10 px ; padding-left : 0 ; margin-right : 15 px ; }
. infoList a { text-decoration : none ; }
. infoList img { border-radius : 4 px 0 0 4 px ; float : left ; margin-right : 10 px ; margin-top : -10 px ; width : 100 px ; }
. infoList strong { font-weight : normal ; }
. infoList . ArticleTitle { width : 300 px ; }
. inpageTailor { margin : 0 0 10 px 0 ; padding-top : 15 px ; }
. inpageTailor . tailorForm . tailorContent { font-size : 17 px ; line-height : inherit ; }
. tailorButton a { width : 240 px ; border : 2 px solid #a31022 ; border-radius : 4 px ; display : block ; text-decoration : none ; font-size : 20 px ; padding : 5 px 10 px 20 px ; text-align : center ; position : relative ; color : #555 }
. tailorButton a : hover { background : #a31022 ; color : #fff ; transition : all 0.5 s ease-in-out ; }
. tailorButton . promiseWords { font-size : 11 px ; display : block ; margin-top : -21 px ; margin-left : 8 px ; padding-left : 15 px ; font-family : Arial , Helvetica , sans-serif ; color : #000 ; }
. tailorButton . promiseWords : hover { color : #fff }
. TailorPhone { margin : 30 px 0 0 ; color : #999 ; position : relative ; font-size : 15 px ; }
. numberLeft { display : block ; margin-top : 10 px ; color : #999 ; }
. telNo { color : #a31022 ; }
. telNo strong { font-size : 16 px ; font-weight : normal ; color : #a31022 }
# fp { font-size : 14 px ; float : left ; cursor : pointer ; display : block ; margin-top : 2 px ; }
. moretelNo ul { margin : 0 ; }
. moretelNo ul li { list-style : none ; font-size : 14 px ; line-height : 22 px !important ; cursor : pointer ; padding-left : 6 px !important ; border-bottom : 1 px solid #fff ; border-top : 1 px solid #fff ; background : none !important ; width : auto !important ; }
. moretelNo ul li : hover { background : #f5f5f5 ; border-bottom : 1 px solid #f1f1f1 ; border-top : 1 px solid #f1f1f1 ; }
. tourPublishers . publishintros { font-size : 11 px ; line-height : 22 px ; margin-top : 30 px ; }
. publishPic { margin-right : 15 px ; }
. publishintros ul . author li { list-style : none ; line-height : 25 px ; }
. publishintros ul . author a . email { text-decoration : underline ; background : url ( https://data.asiahighlights.com/image/travelguide/city-guide/email.gif ) no-repeat ; padding-left : 30 px ; padding-bottom : 10 px ; }
. publishintros ul . author a . feedback { text-decoration : underline ; background : url ( https://data.asiahighlights.com/image/travelguide/city-guide/message.gif ) no-repeat ; padding-left : 30 px ; padding-bottom : 10 px ; }
input . depart { background : url ( https://data.asiahighlights.com/pic/calendar-icon.png ) no-repeat right center ; }
span . ageInfo { font-size : 12 px ; display : block ; margin : 5 px 0 10 px ; }
/*info index*/
. TopInfo { padding-top : 30 px ; padding-bottom : 30 px ; }
. TopMore { color : #b61326 ; }
ul . TopList li . airplane { background : url ( https://data.asiahighlights.com/image/plane.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; margin-bottom : 20 px ; }
ul . TopList li . money { background : url ( https://data.asiahighlights.com/image/money.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; margin-bottom : 20 px ; padding-bottom : 10 px ; }
ul . TopList li . add { background : url ( https://data.asiahighlights.com/image/add.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; margin-bottom : 20 px ; }
ul . TopList li . airline { background : url ( https://data.asiahighlights.com/image/recommended-airline.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; }
ul . TopList li . TimeZone { background : url ( https://data.asiahighlights.com/image/time-zone.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; margin-bottom : 20 px ; padding-bottom : 10 px ; }
ul . TopList li . FlyFrom { background : url ( https://data.asiahighlights.com/image/fly-from.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; padding-bottom : 5 px ; }
ul . TopList li . cambodiaIcon { background : url ( https://data.asiahighlights.com/pic/cambodia-symbol.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; padding-bottom : 5 px ; margin-bottom : 30 px ; }
ul . TopList li . topIcon { background : url ( https://data.asiahighlights.com/pic/top-icon.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; padding-bottom : 5 px ; margin-bottom : 30 px ; }
ul . TopList li . hinduIcon { background : url ( https://data.asiahighlights.com/pic/hindu-icon.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; padding-bottom : 5 px ; }
ul . TopList li . crownIcon { background : url ( https://data.asiahighlights.com/pic/crown-icon.png ) no-repeat ; font-size : 15 px ; padding-left : 60 px ; padding-bottom : 5 px ; }
@ media ( max-width : 750px ) {
ul . TopList li . cambodiaIcon { margin : 25 px 0 ; min-height : 50 px ; }
ul . TopList li . topIcon { margin : 15 px 0 ; min-height : 50 px ; }
ul . TopList li . hinduIcon { margin : 15 px 0 ; min-height : 50 px ; }
ul . TopList li . crownIcon { margin : 15 px 0 ; min-height : 50 px ; }
}
. TopList { margin-top : 5 px ; }
. TopList . List { background : #FFF ; margin-bottom : 25 px ; padding : 5 px ; font-size : 16 px ; color : #000 ; border-radius : 4 px 4 px 4 px 4 px ; }
. TopList . List img { border-radius : 4 px 4 px 0 0 ; margin-bottom : 3 px ; }
. TopTitle { font-size : 16 px ; color : #d3d3d3 ; }
. DetailInfo { background : #f1f1f1 ; padding : 40 px 0 20 px 0 ; }
. Navi { font-size : 11 px ; margin-bottom : 15 px ; }
. Navi img { margin : 0 10 px 0 5 px ; }
. Navi . Page { color : #a31022 ; }
. CruiseTitle { color : #fff ; background : #a31022 ; width : 100 % ; display : block ; border-radius : 4 px 4 px 0 0 ; padding : 10 px 0 10 px 15 px ; font-family : Trebuchet MS ; font-size : 22 px ; }
. crumbNav { text-align : right ; margin : 25 px 0 ; font-size : 11 px ; color : #a31022 ; }
. crumbNav a { background : url ( https://data.asiahighlights.com/image/arrow.png ) no-repeat right 3 px ; padding-right : 10 px ; margin-right : 10 px ; color : #555 ; }
@ media ( max-width : 750px ) {
ul . TopList li . FlyFrom { padding-bottom : 28 px ; }
. cityMap . flightTimes { display : none !important ; }
}
ul . TopList li . TopLine { font-size : 13 px ; }
. TopThings { background : #f1f1f1 ; padding-bottom : 30 px ; padding-top : 30 px ; }
. AllDetails { text-align : center ; color : #b71327 ; font-size : 18 px ; }
. toparticle { border-radius : 4 px ; font-family : Trebuchet MS ; margin-bottom : 30 px ; position : relative ; }
. toparticle img { width : 100 % ; }
. toptitle { background : rgba ( 0 , 0 , 0 , 0.5 ) none repeat scroll 0 0 ; border-radius : 0 0 4 px 4 px ; bottom : 0 ; color : #fff ; font-size : 16 px ; height : 55 px ; left : 0 ; padding : 5 px 10 px ; position : absolute ; text-align : center ; width : 100 % ; }
. BottomArticle , . ViewMore { background-color : #f1f1f1 ; padding : 15 px ; }
. ViewMore { text-align : right ; color : #b71327 ; margin-top : 2 px ; }
. BottomTitle { font-size : 16 px ; margin-bottom : 10 px ; }
. Bottom { margin-top : 35 px ; }
/*About Us*/
h2 . AboutUs { font-size : 37 px ; font-family : Trebuchet MS ; }
# banner h1 . AboutUs { color : #fff ; display : block ; font-family : Trebuchet MS ; font-size : 45 px ; font-weight : normal ; left : 0 ; top : -400 px ; line-height : 55 px ; position : absolute ; text-align : left ; width : 765 px ; background : none ; border-bottom : none ; text-shadow : 0 1 px 5 px #000 ; }
. MeetTeam { text-align : center ; }
. TeamMember { margin-top : 25 px ; }
. TeamMember p { margin-top : 20 px ; }
. TeamMember img { padding-left : 90 px ; margin-bottom : 20 px ; }
. Name { font-family : Trebuchet MS ; font-size : 20 px ; }
. occupation { font-family : Trebuchet MS ; font-size : 16 px ; color : #a8a8a8 ; }
. BookTour { font-style : italic ; text-align : center ; font-size : 15 px ; font-weight : bold ; margin-top : 20 px ; }
. BookButton { color : #fff ; background-color : #c5162b ; font-size : 22 px ; font-family : Trebuchet MS ; text-align : center ; border-radius : 4 px ; padding : 8 px 15 px ; margin-top : 20 px ; }
. BookButton : hover { box-shadow : 0 0 10 px #000 ; transition : all 0.5 s ease-in-out 0 s ; }
. MediaMore { padding-top : 15 px ; margin-top : 15 px ; }
. SocialMedias { margin-top : 15 px ; }
ol . ListNumber li { font-size : 14 px ; margin-bottom : 8 px ; list-style : none ; }
ul . InfoList li { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/square-red.gif" ) no-repeat scroll left 7 px / 6 px auto ; line-height : 20 px ; margin-bottom : 8 px ; padding-left : 20 px ; font-size : 14 px }
# Topbanner { display : block ; position : relative ; }
# Topbanner h1 { position : absolute ; background : rgba ( 0 , 0 , 0 , 0.6 ) none repeat scroll 0 0 ; font-size : 28 px ; top : -71 px ; width : 100 % ; padding : 15 px ; text-align : center ; left : 0 ; color : #fff ; border-radius : 4 px 4 px 0 0 ; }
# Topbanner h1 { color : #fff ; display : block ; font-family : fontawesome ; font-size : 45 px ; font-weight : normal ; left : 0 ; top : -440 px ; line-height : 60 px ; position : absolute ; text-align : left ; width : 800 px ; background : none ; border-bottom : none ; text-shadow : 0 1 px 5 px #000 ; }
@ media ( max-width : 758px ) {
# banner h1 { position : relative !important ; background : none !important ; top : 0 !important ; color : #545454 !important ; font-size : 18 px !important ; padding : 15 px 0 !important ; margin : auto -15 px !important ; }
# Topbanner h1 { position : relative !important ; background : none !important ; top : 0 !important ; color : #545454 !important ; font-size : 18 px !important ; text-align : left !important ; padding : 15 px 0 !important ; margin : auto -15 px !important ; text-shadow : none !important ; }
}
. tourBox1 { margin-top : 25 px ; }
. TourInfo { margin-top : 25 px ; border-bottom : none ; }
. tourHighlights ul { height : 100 % ; overflow : hidden ; }
. tourHighlights ul li { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/square-red.gif" ) no-repeat scroll left 7 px / 6 px auto ; line-height : 20 px ; margin-bottom : 5 px ; padding-left : 20 px ; }
h2 { color : #333 !important ; font-size : 26 px !important ; margin : 35 px 0 20 px !important ; display : block ; }
h2 . highlights { background : rgba ( 0 , 0 , 0 , 0 ) url ( "/pic/itinerary.png" ) no-repeat scroll left center / 22 px auto ; padding-left : 35 px ; text-align : left ; }
h2 . includeIcon { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/include.png" ) no-repeat scroll left 5 px / 22 px auto ; padding-left : 35 px ; text-align : left ; }
h2 . costIcon { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/cost.png" ) no-repeat scroll left center / 22 px auto ; padding-left : 35 px ; text-align : left ; }
h2 . HotelUes { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/hotel.png" ) no-repeat scroll left center / 22 px auto ; padding-left : 35 px ; text-align : left ; }
h2 . itineraryIcon { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/itinerary.png" ) no-repeat scroll left center / 22 px auto ; padding-left : 35 px ; text-align : left ; }
. whatIncluded { height : 100 % ; overflow : hidden ; }
. whatIncluded li { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/green-mark-17x16.png" ) no-repeat scroll left 5 px ; float : left ; line-height : 20 px ; margin-bottom : 5 px ; padding : 0 20 px 0 30 px ; width : 50 % ; }
. priceTable { border : 1 px solid #d1d1d1 ; margin-bottom : 20 px ; text-align : center ; width : 100 % ; }
. priceTable th { background : #e8e8e8 none repeat scroll 0 0 ; border-bottom : 1 px solid #d1d1d1 ; font-size : 16 px ; font-weight : normal ; padding : 8 px 10 px ; text-align : center ; }
. priceTable td { border-bottom : 1 px solid #d1d1d1 ; font-size : 14 px ; padding : 5 px 10 px ; }
. priceTable td a { color : #a31022 ; text-decoration : none ; }
. tourDates . tourDays { color : #a31022 ; margin-right : 10 px ; text-transform : uppercase ; }
. tourDates { clear : both ; display : block ; font-size : 18 px ; line-height : 20 px ; margin : 30 px 0 10 px ; }
. hotelImage img { border : 1 px solid #d1d1d1 ; padding : 5 px ; }
. HotelInfo { border-bottom : 1 px dashed #d1d1d1 ; margin-bottom : 20 px ; padding-bottom : 30 px ; position : relative ; }
. HotelInfo . viewMore { display : block ; position : absolute ; bottom : 10 px ; right : 0 ; width : 100 px ; padding : 3 px ; background : url ( https://data.asiahighlights.com/pic/white-arrow-s.png ) no-repeat 80 px center #a31022 ; text-align : center ; border-radius : 4 px ; text-transform : uppercase ; }
. HotelInfo . viewMore a { color : #fff ; text-decoration : none ; }
. HotelInfo . HotelName { color : #1b5fac ; font-size : 16 px ; display : block ; margin-bottom : 15 px ; }
. noteIcon { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/note.png" ) no-repeat scroll left center / 22 px auto ; padding-left : 35 px ; }
. inpageNav { display : block ; margin-bottom : 30 px ; }
. inpageNav li { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/gray-arrow-right.png" ) no-repeat scroll left 7 px ; font-size : 18 px ; margin-bottom : 10 px ; padding-left : 25 px ; border-bottom : 1 px dashed #d1d1d1 ; padding-bottom : 10 px ; }
. inpageNav li a { text-decoration : none ; }
/*iquiry box by candice song*/
. tourBox { background : #efefef url ( https://data.asiahighlights.com/pic/form-head.png ) no-repeat top ; border : 1 px solid #d1d1d1 ; border-radius : 5 px ; padding : 0 25 px ; margin-bottom : 35 px ; }
ul . tourList { padding : 15 px 0 0 ; }
ul . tourList li { color : #fff ; font-size : 13 px ; list-style : outside none none ; margin : 0 0 5 px ; }
. promoPrice { color : #fff ; font-size : 12 px ; margin : 0 0 5 px ; padding : 0 0 0 20 px ; }
span . moneyfrom { color : #fff ; font-size : 14 px ; vertical-align : 1.9 em ; }
span . moneyTyp { color : #fff ; font-size : 20 px ; text-shadow : 0 0.04 em 0.04 em #545454 ; vertical-align : 1.1 em ; }
span . bestPrice { color : #fff ; font-size : 44 px ; text-shadow : 0 0.04 em 0.04 em #545454 ; }
a . priceLink { padding : 0 20 px 0 0 ; }
. promoPrice a { color : #fff ; }
. promoPrice a : hover { color : #fff ; text-decoration : underline ; }
. letterrow { border-top : 1 px solid #f1f1f1 ; color : #fff ; font-size : 16 px ; padding-top : 8 px ; text-align : center ; margin-bottom : 40 px ; }
. departTime { padding-bottom : 15 px ; }
span . title { display : block ; font-size : 16 px ; margin : 0 0 8 px ; }
. traveller select , input . depart { width : 100 % ; border : 1 px solid #d1d1d1 ; border-radius : 4 px ; padding : 8 px 10 px ; }
. bookTour { display : block ; overflow : hidden ; margin : 15 px auto ; width : 80 % ; }
. bookTour input { background : url ( https://data.asiahighlights.com/pic/dot-arrow.png ) no-repeat 93 % center #a31022 ; font-size : 20 px ; font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ; color : #fff ; border : none ; padding : 5 px 10 px ; border-radius : 4 px ; }
. tripNotes h3 { font-size : 18 px ; display : block ; margin : 0 0 15 px ; }
@ media ( max-width : 768px ) {
. infoList { width : 100 % ; }
. ViewMore { margin-bottom : 15 px ; }
. traveller select { height : 35 px ; }
. bookTour { width : 100 % !important ; }
# Topbanner h1 { background : rgba ( 0 , 0 , 0 , 0 ) none repeat scroll 0 0 ; border-bottom : medium none ; color : #fff ; display : block ; font-size : 22 px ; font-weight : normal ; left : 0 ; line-height : 28 px ; position : absolute ; text-align : left ; text-shadow : 0 1 px 5 px #000 ; top : -150 px ; width : 330 px ; }
. listInfo { margin-bottom : 20 px !important ; }
. ratedTours . tourInfo { margin-bottom : 20 px !important ; }
. tailor-make { display : block ; text-align : center ; }
. tailor-make img { display : inline ; }
. tailorButton a { width : 100 % !important ; }
}
/* recommend tours */
. ratedTours { background : #f1f1f1 ; padding : 30 px 0 50 px ; margin-bottom : 20 px ; }
. ratedTours img { border-radius : 4 px 4 px 0 0 ; }
. tourInfo { background : #fff ; padding : 20 px ; border-radius : 0 0 4 px 4 px ; margin-bottom : 15 px ; }
. tourPhoto { position : relative ; }
. tourPhoto img { width : 100 % ; }
. tourPhoto . dayTag { background : url ( https://data.asiahighlights.com/pic/days-tag.png ) no-repeat ; display : block ; width : 67 px ; height : 65 px ; text-align : center ; color : #fff ; position : absolute ; right : 0 ; bottom : 0 ; font-size : 14 px ; padding-top : 10 px ; line-height : 15 px ; }
. tourInfo . destinations { color : #777 ; display : block ; height : 33 px ; margin : 10 px 0 20 px ; }
. tourInfo . viewDetail a { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/red-arrow.png" ) no-repeat scroll right center ; color : #a31022 ; font-size : 15 px ; padding-right : 15 px ; text-decoration : none ; text-align : right ; display : block ; }
. tourInfo . viewDetail2 { background : #a31022 ; border-radius : 4 px ; display : block ; margin : 15 px auto 10 px ; padding : 6 px 0 ; width : 150 px ; text-align : center ; }
. tourInfo . viewDetail2 a { color : #fff ; font-size : 15 px ; text-decoration : none ; }
/* quick inquiry form */
# questionBox { margin : 10 px 0 15 px 0 ; position : relative ; border-radius : 6 px ; }
# questionBox . questionContent { display : block ; padding : 10 px 20 px ; background : #d1d1d1 ; border-radius : 6 px ; }
# questionBox . interested { font-size : 21 px ; display : block ; text-align : center ; margin : 5 px 0 ; text-transform : uppercase ; font-weight : bold ; color : #a31022 ; }
# questionBox . interest-label { font-size : 14 px ; text-align : center ; display : block ; margin-bottom : 25 px ; }
# questionBox . infoRequired { text-align : center ; margin : 22 px 0 0 0 ; display : block ; }
# questionBox . infoRequired input , textarea { width : 100 % ; font-size : 14 px ; font-family : 'Open Sans' , sans-serif ; padding : 10 px ; background-color : #fff ; margin-bottom : 10 px ; border-radius : 4 px ; border : none ; color : #333 ; box-shadow : 0 0 2 px #999 }
# questionBox . infoRequired input : focus , textarea : focus { border-color : #a31022 ; box-shadow : 0 4 px 5 px rgba ( 0 , 0 , 0 , 0.075 ) inset , 0 0 8 px #000 ; transition : all 0.5 s ease-in-out ; border-radius : 10 px ; }
# questionBox . infoRequired textarea { height : 150 px ; }
# questionBox . sendButton { margin : 15 px 0 ; display : block ; background : #a31022 ; border : none ; color : #fff ; text-shadow : 0 0 2 px #000 ; text-align : center ; border-radius : 4 px ; padding : 10 px ; font-size : 15 px ; width : 100 % ; }
# questionBox . infoRequired p { display : none1 ; }
# questionBox . infoRequired p { + left : 660 px ;
}
# questionBox . infoRequired p { margin : 0 ; line-height : 20 px !important ; margin-bottom : 0 px !important ; position : relative ; text-align : center ; }
# questionBox . infoRequired p label { padding : 0 ; margin : 0 ; position : absolute ; top : 10 px ; left : 10 px ; cursor : text ; font-size : 14 px ; color : #777 ; }
# questionBox . infoRequired . des label { text-align : left ; }
/* submit checking */
# questionBox . infoRequired p . arrowDownTest label { line-height : 20 px ; position : relative ; left : 0 ; margin : 0 ; padding : 0 ; top : 0 ; }
# questionBox . infoRequired p . arrowDownTest { background-color : #FFFFFF ; border : 1 px solid #999999 ; color : #A31022 ; display : block ; padding : 3 px 4 px ; position : absolute ; z-index : 11000 ; left : 10 px ; top : -22 px ; }
# questionBox . infoRequired p . arrowDown { left : 4 px ; position : absolute ; top : 26 px ; }
a : link { text-decoration : none }
a : hover { text-decoration : none ; color : #b61326 ; }
. noteInfo { margin : 0 15 px ; }
. cityMap { position : relative ; }
. cityMap . flightTimes { background : #e6e5e5 ; border-radius : 4 px ; border : 1 px solid #d1d1d1 ; width : 240 px ; height : 200 px ; display : block ; position : absolute ; left : -10 px ; top : 220 px ; padding : 15 px ; }
. cityMap . flightTimes . cambodiaMap { height : 220 px !important ; top : 490 px !important ; left : calc ( 50 % - 120 px ) !important ; }
. cityMap . flightTimes . laosMap { height : 220 px !important ; top : 480 px !important ; left : 50 px !important ; }
. cityMap . flightTimes . myanmarMap { height : 220 px !important ; top : 600 px !important ; left : 100 px !important ; }
. cityMap . flightTimes span { font-style : italic ; font-family : Georgia , "Times New Roman" , Times , serif ; font-size : 15 px ; display : block ; margin-bottom : 15 px ; }
. cityMap . flightTimes ul { width : 49 % ; float : left ; display : block ; }
. cityMap . flightTimes ul li { line-height : 20 px ; margin-bottom : 5 px ; }
. cityMap . flightTimes ul li : first-child { color : #0e64ad ; margin-bottom : 8 px ; }
. photoInfo { display : block ; position : relative ; }
. photoInfo . infoTitle { position : absolute ; bottom : 0 ; left : 0 ; width : 100 % ; background : rgba ( 0 , 0 , 0 , .5 ) ; padding : 8 px ; font-size : 18 px ; color : #fff ; display : block ; }
. photoInfo img { border-radius : 4 px 4 px 0 0 ; }
. listInfo { background : #f1f1f1 ; padding : 20 px ; border-radius : 0 0 4 px 4 px ; }
. listInfo li { background : url ( https://data.asiahighlights.com/pic/gray-square.png ) no-repeat left ; padding-left : 20 px ; line-height : 30 px ; }
/* recommend tours */
. ratedTours { background : #f1f1f1 ; padding : 30 px 0 50 px ; margin-bottom : 20 px ; }
. ratedTours img { border-radius : 4 px 4 px 0 0 ; }
. ratedTours . tourInfo { background : #fff ; padding : 20 px ; border-radius : 0 0 4 px 4 px ; }
. ratedTours . tourPhoto { position : relative ; }
. ratedTours . tourPhoto . dayTag { background : url ( https://data.asiahighlights.com/pic/days-tag.png ) no-repeat ; display : block ; width : 67 px ; height : 65 px ; text-align : center ; color : #fff ; position : absolute ; right : 0 ; bottom : 0 ; font-size : 14 px ; padding-top : 10 px ; line-height : 15 px ; }
. tourInfo . destinations { color : #777 ; display : block ; height : 33 px ; margin : 10 px 0 20 px ; }
. tourInfo . viewDetail a { background : rgba ( 0 , 0 , 0 , 0 ) url ( "https://data.asiahighlights.com/pic/red-arrow.png" ) no-repeat scroll right center ; color : #a31022 ; font-size : 15 px ; padding-right : 15 px ; text-decoration : none ; text-align : right ; display : block ; }
/* other asia countries */
. otherCountry { display : block ; margin : 25 px 0 ; }
. countryLink { display : block ; float : left ; width : 20 % ; text-align : center }
. countryLink a { display : block ; }
. vnMap { background : url ( https://data.asiahighlights.com/pic/vn-map-gray.png ) no-repeat center ; padding-top : 150 px ; }
. vnMap : hover { background : url ( https://data.asiahighlights.com/pic/vn-map.png ) no-repeat center ; }
. cbMap { background : url ( https://data.asiahighlights.com/pic/cb-map-gray.png ) no-repeat center ; padding-top : 150 px ; }
. cbMap : hover { background : url ( https://data.asiahighlights.com/pic/cb-map.png ) no-repeat center ; }
. laMap { background : url ( https://data.asiahighlights.com/pic/la-map-gray.png ) no-repeat center ; padding-top : 150 px ; }
. laMap : hover { background : url ( https://data.asiahighlights.com/pic/la-map.png ) no-repeat center ; }
. maMap { background : url ( https://data.asiahighlights.com/pic/ma-map-gray.png ) no-repeat center ; padding-top : 150 px ; }
. maMap : hover { background : url ( https://data.asiahighlights.com/pic/ma-map.png ) no-repeat center ; }
. thMap { background : url ( https://data.asiahighlights.com/pic/th-map-gray.png ) no-repeat center ; padding-top : 150 px ; }
. thMap : hover { background : url ( https://data.asiahighlights.com/pic/th-map.png ) no-repeat center ; }
. photoTxt { display : block ; text-align : center ; margin-top : 10 px ; font-style : italic ; } /* for guide info */
. tourPhotoL { display : block ; margin : 10 px 0 ; position : relative }
. tourPhotoL img { border-radius : 4 px ; }
. tourPhotoL . photoTitle { position : absolute ; left : 0 ; bottom : 15 px ; border-radius : 0 4 px 4 px 0 ; background : rgba ( 0 , 0 , 0 , .7 ) ; padding : 8 px 10 px ; color : #fff ; font-size : 14 px ; }
/* added by Mercier 20161110 */
. bookingSteps { display : block ; position : absolute ; top : -290 px ; color : #fff ; margin-left : 60 px }
. bookingSteps . steps { width : 180 px ; height : 180 px ; display : inline-block ; background : rgba ( 0 , 0 , 0 , .7 ) ; border-radius : 50 % ; text-align : center ; font-size : 16 px ; padding : 10 px 24 px ; margin-right : 40 px ; }
. bookingSteps . steps strong { display : block ; font-size : 30 px ; font-weight : normal ; margin-bottom : 10 px ; }
. bookingSteps . tailorMake { display : block ; font-size : 25 px ; float : right ; margin-top : 40 px ; }
. bookingSteps . tailorMake span { display : block ; }
. bookingSteps . tailorMake span a { color : #fff ; font-family : Arial , Helvetica , sans-serif ; display : block ; font-size : 16 px ; border : 3 px solid #fff ; border-radius : 4 px ; padding : 8 px 0 ; text-align : center ; text-transform : uppercase ; text-shadow : 0 0 2 px #333 ; font-weight : bold ; width : 200 px ; margin : 15 px auto ; box-shadow : 0 0 5 px #333 inset ; }
. bookingSteps . tailorMake span a : hover { background : #fff ; color : #a31022 ; box-shadow : none ; text-shadow : none ; }
. bookingSteps . tailorMake span . fa { font-size : 120 % ; margin-left : 5 px ; font-weight : bold ; }
@ media ( max-width : 768px ) {
. bookingSteps { position : relative !important ; background : #555 ; width : 100 % !important ; margin-left : 0 !important ; top : 0 !important ; margin-top : 15 px ; padding : 20 px ; }
. bookingSteps . steps { width : auto !important ; height : auto !important ; display : block !important ; background : none !important ; padding : 10 px !important ; text-align : left !important ; font-size : 14 px !important ; }
. bookingSteps . steps strong { display : block !important ; margin-bottom : 0 !important ; font-size : 20 px !important ; float : left !important ; margin : 5 px 15 px 0 0 ; }
. bookingSteps . tailorMake { float : none !important ; text-align : center !important ; margin-top : 20 px !important ; }
}
. TopReasons { background : #f1f1f1 ; padding-bottom : 30 px ; padding-top : 30 px ; margin-bottom : 30 px ; }
. TopReasons h2 { margin-top : 0 !important ; text-align : left ; }
. TopReasons li { line-height : 20 px ; margin-bottom : 20 px ; font-size : 14 px ; }
. TopReasons li . orderNum { background : #a31022 ; width : 20 px ; height : 20 px ; display : block ; float : left ; text-align : center ; color : #fff ; margin : 5 px 15 px 20 px 0 }
. TopReasons li : last-child { text-align : right ; }
. TopReasons li : last-child a { background : url ( https://data.asiahighlights.com/pic/red-arrow.png ) no-repeat right ; padding-right : 15 px ; text-decoration : underline ; }
. TopReasons li : last-child a : hover { text-decoration : none ; }
. viewMoreLink { background : url ( https://data.asiahighlights.com/pic/red-arrow.png ) no-repeat right ; padding-right : 15 px ; }
. viewMoreLink a { font-size : 14 px ; text-decoration : underline !important ; }
. viewMoreLink a : hover { text-decoration : none !important ; }
/* page footer tailor made block */
. footerTailor { background : url ( https://data.asiahighlights.com/css/bg/bg-tailor-longer.png ) no-repeat right #daceb9 ; display : block ; padding : 15 px 0 ; margin : 25 px 0 0 ; overflow : hidden ; color : #333 ; }
. footerTailor . textBlock { width : 60 % ; float : left ; display : block ; margin-left : 10 % ; text-align : center ; font-size : 20 px ; }
. footerTailor . textBlock span { display : block ; background : #a31022 none repeat scroll 0 0 ; border-radius : 4 px ; letter-spacing : 0.03 em ; margin : 30 px auto 10 px ; padding : 10 px 10 px 12 px ; width : 280 px ; font-size : 18 px ; }
. footerTailor . textBlock span a { color : #fff ; }
. footerTailorShort { background : url ( https://data.asiahighlights.com/css/bg/bg-tailor-shorter.png ) no-repeat right ; display : block ; padding : 15 px 0 ; margin : 25 px 0 0 ; overflow : hidden ; color : #333 ; border-radius : 4 px ; }
. footerTailorShort . textBlock { width : 70 % ; float : left ; display : block ; text-align : center ; font-size : 20 px ; }
. footerTailorShort . textBlock span { display : block ; background : #a31022 none repeat scroll 0 0 ; border-radius : 4 px ; letter-spacing : 0.03 em ; margin : 30 px auto 10 px ; width : 280 px ; }
. footerTailorShort . textBlock span a { color : #fff ; font-size : 18 px ; display : block ; padding : 10 px 10 px 12 px ; }
@ media ( max-width : 750px ) {
. footerTailor { background : #daceb9 !important ; }
. footerTailorShort { background : #daceb9 !important ; }
. textBlock { width : 100 % !important ; float : none !important ; font-size : 14 px !important ; margin-left : 0 !important ; }
. textBlock span { padding : 5 px 0 7 px !important ; }
. textBlock span a { font-size : 14 px !important ; width : 200 px !important }
. myanmarGuide { margin-top : 0 !important ; }
. tips { height : auto !important ; }
}
/* for myanmar guide */
. cityList { font-size : 14 px ; }
. cityList li { line-height : 18 px ; margin-bottom : 8 px ; background : url ( https://data.asiahighlights.com/pic/square-gray-8x8.png ) no-repeat left ; padding-left : 20 px ; }
. myanmarGuide { margin-top : 140 px ; }
. listImage { display : inline-block ; width : 19 % ; margin-bottom : 50 px ; }
. listImage img { max-width : 100 % ; width : 100 % ; }
. listImage img : hover { filter : brightness ( 50 % ) ; -webkit- filter : brightness ( 50 % ) ; transition : all 0.5 s ease-in-out ; transform : scale ( 1.05 ) ; z-index : 9999 ; border-radius : 4 px ; }
. tips { background : #fff ; height : 415 px ; padding-left : 15 px ; padding-right : 10 px ; padding-top : 5 px ; border-radius : 0 0 4 px 4 px ; border : 1 px solid #d1d1d1 ; margin-bottom : 35 px ; }
. tips span . tourname { color : #04679a ; display : block ; font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ; font-size : 20 px ; height : 30 px ; margin-bottom : 5 px ; margin-top : 5 px ; }
ul . gray li { background : rgba ( 0 , 0 , 0 , 0 ) url ( https://data.asiahighlights.com/pic/square-gray-8x8.png ) no-repeat scroll 20 px center ; font-size : 14 px ; padding-left : 40 px ; margin-bottom : 10 px ; }
ul . gray { line-height : 24 px ; margin-left : -20 px ; }
ul . gray li a : hover { color : #a31022 ; }
ul . gray li a { text-decoration : none ; }
. yztour img { border-radius : 4 px 4 px 0 0 ; width : 100 % ; }
. whiteBox { background : #fff ; border-radius : 0 0 4 px 4 px ; padding : 20 px 20 px 0 ; border : 1 px solid #d1d1d1 ; height : 205 px ; margin-bottom : 30 px ; }
. whiteBox a : hover { text-decoration : underline ; color : #a31022 !important ; }
. whiteBox strong { display : block ; margin-bottom : 15 px ; font-size : 16 px ; font-weight : normal ; }
. travelIdeas img { border-radius : 4 px 4 px 0 0 ; width : 100 % ; }
. bgWhite { background : #fff !important ; }
. photoCenter { display : block ; margin : 15 px 0 ; text-align : center ; }
. photoCenter img { max-width : 100 % ; }
. aboutAH h2 , . idea h2 , . TopThings h2 , . ratedTours h2 , . otherCountry h2 { text-align : center ; }
/* tailor new */
# tailorAds { display : block ; background : #fff ; border-top : 1 px solid #d1d1d1 ; padding : 20 px 0 ; overflow : hidden ; box-shadow : 0 2 px 4 px #d1d1d1 inset ; }
. tailorText { width : 1000 px ; display : block ; margin : 10 px auto ; overflow : hidden ; padding-bottom : 25 px ; }
. mainText { display : block ; width : 700 px ; float : left ; font-size : 28 px ; font-family : Georgia , "Times New Roman" , Times , serif ; padding-top : 15 px ; }
. callTo { display : block ; width : 250 px ; float : right ; text-align : center ; font-size : 16 px ; }
. callTo strong { display : block ; margin-top : 10 px ; font-size : 26 px ; color : #000 ; font-weight : normal ; }
. tailorBtn { display : block ; background : #a31022 ; border-radius : 4 px ; }
. tailorBtn a { display : block ; color : #fff ; text-align : center ; padding : 10 px ; text-decoration : none ; margin-top : 15 px ; text-transform : capitalize ; }
. tailorBtn : hover . fa { margin-left : 15 px ; }
. tailorBtn . fa { font-size : 150 % ; display : inline-block ; vertical-align : middle ; margin-left : 5 px ; margin-top : -5 px ; }
@ media ( max-width : 768px ) {
. tailorText { width : 90 % ; }
. mainText { width : 100 % !important ; float : none !important ; text-align : center ; font-size : 24 px ; }
. callTo { width : 80 % !important ; margin : 20 px auto !important ; float : none !important ; }
. tailorBtn { margin : 15 px 50 px ; }
}
/* weather tools */
. weatherForecast { display : block ; width : 350 px ; float : right ; margin : 10 px 0 25 px 15 px ; border : 2 px solid #d1d1d1 ; background : #fff ; border-radius : 4 px ; padding : 20 px ; font-size : 14 px ; }
. location { display : block ; margin-bottom : 5 px ; }
. time { display : block ; margin-bottom : 5 px ; }
. weatherCondition { display : block ; margin-bottom : 15 px ; }
. tempCondition { display : block ; margin-bottom : 5 px ; overflow : hidden ; }
. tempCondition . tempSign { display : block ; margin-bottom : 15 px ; width : 180 px ; float : left ; }
. tempCondition . weatherInfo { margin-top : 10 px ; }
. tempCondition . tempSign img { margin : 15 px 5 px 0 0 ; display : inline-block ; float : left ; }
. tempCondition . tempSign strong { font-size : 60 px ; font-weight : normal ; }
. tempCondition . tempSign sup { top : -33 px !important ; font-size : 16 px ; }
. dailyWeather { display : block ; margin-top : 5 px ; overflow : hidden ; }
. dailyWeather li { display : block ; float : left ; width : 25 % ; text-align : center ; border-right : 1 px solid #d1d1d1 ; }
. dailyWeather li : last-child { border-right : none ; }
. dailyWeather strong { font-weight : normal ; text-transform : uppercase ; display : block ; margin-bottom : 10 px ; }
. dailyWeather img { margin-bottom : 10 px ; }
. dailyWeather em { font-style : normal ; display : block ; font-size : 12 px ; }
