@ -1,7 +1,7 @@
@ charset "utf-8" ;
@ charset "utf-8" ;
/* CSS Document */
/* CSS Document */
. crumbNav { text-align : right ; margin : 25 px 0 ; font-size : 11 px ; color : #a31022 ; }
. 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 ; }
. crumbNav a { background : url ( /image/arrow.png) no-repeat right 3 px ; padding-right : 10 px ; margin-right : 10 px ; color : #555 ; }
h2 { font-size : 26 px !important ; display : block ; text-align : center ; margin : 0 0 50 px !important ; color : #333 ; }
h2 { font-size : 26 px !important ; display : block ; text-align : center ; margin : 0 0 50 px !important ; color : #333 ; }
. whatWeDo { background : #f1f1f1 ; padding : 50 px 0 ; }
. whatWeDo { background : #f1f1f1 ; padding : 50 px 0 ; }
. whatWeDo . container > p { text-align : center !important ; margin-bottom : 50 px ; }
. whatWeDo . container > p { text-align : center !important ; margin-bottom : 50 px ; }
@ -10,9 +10,9 @@ h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0
. ourValue { padding : 50 px 0 ; }
. ourValue { padding : 50 px 0 ; }
. ourValue . container > p { text-align : center !important ; margin-bottom : 50 px ; }
. ourValue . container > p { text-align : center !important ; margin-bottom : 50 px ; }
. ourValue . col-md-12 p { font-size : 18 px ; }
. ourValue . col-md-12 p { font-size : 18 px ; }
. ourValue ul li { line-height : 22 px ; margin-bottom : 15 px ; font-size : 14 px ; background : url ( https://data.asiahighlights.com /pic/red-square.png) no-repeat left 7 px ; padding-left : 20 px ; }
. ourValue ul li { line-height : 22 px ; margin-bottom : 15 px ; font-size : 14 px ; background : url ( /pic/red-square.png) no-repeat left 7 px ; padding-left : 20 px ; }
. ourValue img { margin-bottom : 80 px ; }
. ourValue img { margin-bottom : 80 px ; }
. creatingTrip { background : url ( https://data.asiahighlights.com /image/about/bg-creating.jpg) no-repeat ; height : 527 px ; display : block ; color : #fff ; padding-top : 80 px ; }
. creatingTrip { background : url ( /image/about/bg-creating.jpg) no-repeat ; height : 527 px ; display : block ; color : #fff ; padding-top : 80 px ; }
. creatingTrip h2 { text-align : left !important ; color : #fff !important ; }
. creatingTrip h2 { text-align : left !important ; color : #fff !important ; }
. creatingTrip a { color : #fff ; }
. creatingTrip a { color : #fff ; }
. recognized { background : #f1f1f1 ; padding : 50 px 0 }
. recognized { background : #f1f1f1 ; padding : 50 px 0 }
@ -36,17 +36,17 @@ h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0
# historyList { display : block ; background : #f1f1f1 ; padding : 20 px 0 ; overflow : hidden ; }
# historyList { display : block ; background : #f1f1f1 ; padding : 20 px 0 ; overflow : hidden ; }
# historyList h2 { font-size : 18 px !important ; color : #333 !important ; margin : 0 0 20 px !important ; text-align : left !important ; }
# historyList h2 { font-size : 18 px !important ; color : #333 !important ; margin : 0 0 20 px !important ; text-align : left !important ; }
# historyList h2 strong { color : #a31022 ; font-weight : normal ; font-size : 30 px !important ; font-family : Georgia , "Times New Roman" , Times , serif ; margin-right : 10 px ; display : inline-table ; }
# historyList h2 strong { color : #a31022 ; font-weight : normal ; font-size : 30 px !important ; font-family : Georgia , "Times New Roman" , Times , serif ; margin-right : 10 px ; display : inline-table ; }
. middleLine { background : url ( https://data.asiahighlights.com /pic/history-line.png) repeat-y ; display : block ; left : calc ( 50 % - 2 px ) ; margin : 27 px auto ; min-height : 2 068 px ; position : absolute ; width : 5 px ; }
. middleLine { background : url ( /pic/history-line.png) repeat-y ; display : block ; left : calc ( 50 % - 2 px ) ; margin : 27 px auto ; min-height : 2 55 0px ; position : absolute ; width : 5 px ; }
. historyItemL { display : block ; float : left ; margin-bottom : 50 px ; min-height : 70 px ; padding-right : 100 px ; position : relative ; width : 537 px ; z-index : 9998 ; box-shadow : 0 0 5 px #999 ; border-radius : 4 px ; padding : 20 px ; background : #fff ; }
. historyItemL { display : block ; float : left ; margin-bottom : 50 px ; min-height : 70 px ; padding-right : 100 px ; position : relative ; width : 537 px ; z-index : 9998 ; box-shadow : 0 0 5 px #999 ; border-radius : 4 px ; padding : 20 px ; background : #fff ; }
. historyItemL . arrow { display : block ; background : url ( https://data.asiahighlights.com /pic/arrow-right.png) no-repeat ; width : 19 px ; height : 40 px ; position : absolute ; right : -19 px ; top : 15 px ; }
. historyItemL . arrow { display : block ; background : url ( /pic/arrow-right.png) no-repeat ; width : 19 px ; height : 40 px ; position : absolute ; right : -19 px ; top : 15 px ; }
. historyItemL . point { background : url ( https://data.asiahighlights.com /pic/red-dot.png) no-repeat ; display : block ; width : 14 px ; height : 14 px ; position : absolute ; top : 26 px ; right : -40 px ; }
. historyItemL . point { background : url ( /pic/red-dot.png) no-repeat ; display : block ; width : 14 px ; height : 14 px ; position : absolute ; top : 26 px ; right : -40 px ; }
. historyItemR { display : block ; float : right ; margin-bottom : 80 px ; min-height : 70 px ; padding-left : 100 px ; position : relative ; width : 537 px ; z-index : 9998 ; box-shadow : 0 0 5 px #999 ; border-radius : 4 px ; padding : 20 px ; background : #fff ; }
. historyItemR { display : block ; float : right ; margin-bottom : 80 px ; min-height : 70 px ; padding-left : 100 px ; position : relative ; width : 537 px ; z-index : 9998 ; box-shadow : 0 0 5 px #999 ; border-radius : 4 px ; padding : 20 px ; background : #fff ; }
. firstRight { margin-top : 50 px ; }
. firstRight { margin-top : 50 px ; }
. historyItemR . arrow { display : block ; background : url ( https://data.asiahighlights.com /pic/arrow-left.png) no-repeat ; width : 19 px ; height : 40 px ; position : absolute ; left : -19 px ; top : 35 px ; }
. historyItemR . arrow { display : block ; background : url ( /pic/arrow-left.png) no-repeat ; width : 19 px ; height : 40 px ; position : absolute ; left : -19 px ; top : 35 px ; }
. historyItemR . point { background : url ( https://data.asiahighlights.com /pic/red-dot.png) no-repeat ; display : block ; width : 14 px ; height : 14 px ; position : absolute ; top : 46 px ; left : -40 px ; }
. historyItemR . point { background : url ( /pic/red-dot.png) no-repeat ; display : block ; width : 14 px ; height : 14 px ; position : absolute ; top : 46 px ; left : -40 px ; }
. historyItem { display : block ; margin : 10 px auto 60 px ; min-height : 70 px ; position : relative ; width : 537 px ; z-index : 9998 ; box-shadow : 0 0 5 px #999 ; border-radius : 4 px ; padding : 20 px ; background : #fff ; }
. historyItem { display : block ; margin : 10 px auto 60 px ; min-height : 70 px ; position : relative ; width : 537 px ; z-index : 9998 ; box-shadow : 0 0 5 px #999 ; border-radius : 4 px ; padding : 20 px ; background : #fff ; }
. historyItem . arrow { display : block ; background : url ( https://data.asiahighlights.com /pic/arrow-down.png) no-repeat ; width : 27 px ; height : 24 px ; position : absolute ; left : calc ( 50 % - 13 px ) ; top : -20 px ; }
. historyItem . arrow { display : block ; background : url ( /pic/arrow-down.png) no-repeat ; width : 27 px ; height : 24 px ; position : absolute ; left : calc ( 50 % - 13 px ) ; top : -20 px ; }
. historyItem . point { background : url ( https://data.asiahighlights.com /pic/red-dot.png) no-repeat ; display : block ; width : 14 px ; height : 14 px ; position : absolute ; top : -40 px ; left : calc ( 50 % - 7 px ) ; }
. historyItem . point { background : url ( /pic/red-dot.png) no-repeat ; display : block ; width : 14 px ; height : 14 px ; position : absolute ; top : -40 px ; left : calc ( 50 % - 7 px ) ; }
@ media ( max-width : 750px ) {
@ media ( max-width : 750px ) {
. historyItem { width : auto !important ; }
. historyItem { width : auto !important ; }
. historyItemR , . historyItemL { width : auto !important ; float : none !important ; }
. historyItemR , . historyItemL { width : auto !important ; float : none !important ; }
@ -55,8 +55,8 @@ h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0
}
}
. historyPhoto { float : right ; display : inline-block ; margin-left : 15 px ; }
. historyPhoto { float : right ; display : inline-block ; margin-left : 15 px ; }
/* @ 2017-10-23 */
/* @ 2017-10-23 */
. ourReviews . reviewInfo { line-height : 22 px ; font-size : 14 px ; font-style : italic ; padding-top : 10 px ; background : url ( https://data.asiahighlights.com /pic/quote-left.png) no-repeat left 10 px ; padding-left : 35 px ; margin-bottom : 65 px ; }
. ourReviews . reviewInfo { line-height : 22 px ; font-size : 14 px ; font-style : italic ; padding-top : 10 px ; background : url ( /pic/quote-left.png) no-repeat left 10 px ; padding-left : 35 px ; margin-bottom : 65 px ; }
. ourReviews . reviewInfo . quoteRight { background : url ( https://data.asiahighlights.com /pic/quote-right.png) no-repeat ; display : inline-block ; width : 23 px ; height : 20 px ; }
. ourReviews . reviewInfo . quoteRight { background : url ( /pic/quote-right.png) no-repeat ; display : inline-block ; width : 23 px ; height : 20 px ; }
. ourReviews . reviewInfo a { text-decoration : underline ; }
. ourReviews . reviewInfo a { text-decoration : underline ; }
. ourReviews . reviewInfo a : hover { text-decoration : none ; }
. ourReviews . reviewInfo a : hover { text-decoration : none ; }
. ourReviews . customerPhoto { display : block ; box-shadow : 0 0 5 px #999 ; padding : 3 px ; background : #fff ; margin-top : 16 px ; }
. ourReviews . customerPhoto { display : block ; box-shadow : 0 0 5 px #999 ; padding : 3 px ; background : #fff ; margin-top : 16 px ; }