更新css

css/guide.css

@@ -16,7 +16,6 @@ p {
     line-height: 30px;
     font-weight: 300;}
 /* new fonts */
-
   /* latin */
   @font-face {font-family: 'Alegreya Sans';
     font-style: normal;
@@ -72,7 +71,14 @@ p a{color: #000;
     text-decoration: none!important;
     border-bottom: 2px solid rgba(173,24,24,0.4);}
     p a:hover {background-color:rgba(173,24,24,0.2) ;color: #000;transition: all .5s}   
-ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(https://data.asiahighlights.com/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px;  }
+ul.ArticleList li {border-bottom: 1px #d6d6d6 solid;
+  background: url(https://data.asiahighlights.com/image/travel-guide/aside-icon.png) no-repeat left 20px;
+  background-size: 12px;
+  padding-left: 20px;
+  padding-top: 15px;
+  font-weight: 300;
+  font-size: 18px;
+  padding-bottom: 15px;}
 ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important}
 /* learn more style for info with red */
 .learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;}
@@ -178,7 +184,13 @@ h2.AboutUs { font-size: 37px; font-family: Trebuchet MS; }
 .MediaMore { padding-top: 15px; margin-top: 15px; }
 .SocialMedias { margin-top: 15px; }
 ol.ListNumber li { font-size: 14px; margin-bottom: 8px; 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 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px }
+ul.InfoList li {background: url(https://data.asiahighlights.com/image/travel-guide/article-list-icon.png) no-repeat left 10px;
+  background-size: 8px;
+  padding-left: 20px;
+  color: #545454;
+  font-size: 17px;
+  margin-top: 15px;
+  font-weight: 300;}
 #Topbanner { display: block; position: relative; }
 #Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; }
 #Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; }
@@ -316,7 +328,12 @@ a:hover { text-decoration: none; color: #b61326; }
 .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: 150px; }
 .thMap:hover { background: url(https://data.asiahighlights.com/pic/th-map.png) no-repeat center; }
-.photoTxt { display: block; text-align: center; margin-top: 10px; font-style: italic; } /* for guide info */
+.photoTxt { font-size: 18px;
+  font-weight: 300;
+  color: #959595;
+  font-style: italic;
+  text-align: center;
+  padding: 10px 10px 25px 10px;    display: block;} /* for guide info */
 .tourPhotoL { display: block; margin: 10px 0; position: relative }
 .tourPhotoL img { border-radius: 4px; }
 .tourPhotoL .photoTitle { position: absolute; left: 0; bottom: 15px; border-radius: 0 4px 4px 0; background: rgba(0,0,0,.7); padding: 8px 10px; color: #fff; font-size: 14px; }