safari跑版

themes/vr/portal/css/main.css

@@ -11,25 +11,22 @@
 	background-repeat: repeat;
 	background-attachment: fixed;
 }
-
+#hot{
-#hot {}
+}
 
 
 #hot h2{
 	color: #242734;
 }
-
 /* #hot h3 {font-size: 100%;} */
 #hot h3 {
 	font-size: 12px;
 	font-weight: 700;
 }
-
 #hot h2 img{
 	height: 35px;
 	width: 40px;
 }
-
 #hot h2 p{
 	color: #FFFFFF;
 	border-top: 1px solid #FFFFFF;
@@ -38,7 +35,11 @@
 
 #fall123{
 	width: 100%;
+	-moz-column-count:2;
+	-webkit-column-count:2;
 	column-count: 2;
+	-moz-column-gap:10px;
+	-webkit-column-gap:10px;
   column-gap: 10px;
   margin:0 auto;
 }
@@ -50,6 +51,8 @@
 	background-color: #FFF;
 	/*float: left;*/
 	border: 1px solid #CCC;
+	-moz-break-inside: avoid;
+	-webkit-break-inside: avoid;
 	break-inside: avoid;
 }
 
@@ -57,22 +60,18 @@
 	/*float: right;
 	margin-right: 0%;*/
 }
-
 #hot .room .installation{
 	display: block;
 }
-
 #hot .room .installation li{
 	padding-top: 5px;
 	border-radius:5px;
 }
-
 #hot .roomimg{
     height:342px;
 	position: relative;
 	overflow: hidden;
 }
-
 #hot .roomimg img{
     height: 100%;
     width: 100%;
@@ -84,7 +83,6 @@
     bottom: 0;
     margin: auto;
 }
-
 #hot .ti{
 	width: 100%;
 	border-bottom-width: 1px;
@@ -96,7 +94,6 @@
 	font-weight: bold;
 	color: #000;
 }
-
 #hot .room .text{
 	/*overflow: hidden;
 	display: -webkit-box;
@@ -110,7 +107,6 @@
 	padding-top: 0px;
 	padding-bottom: 15px;
 }
-
 /*#hot .tab_container{
 	margin-top: -50px;
 }*/
@@ -121,7 +117,6 @@
 	position: absolute;
 	bottom: 8px;
 }
-
 .roomslick .slick-dots li {
 	display: inline-block;
 	border: 1px solid #fff;
@@ -130,12 +125,10 @@
 	border-radius: 50%;
 	margin: 0 5px;
 }
-
 .roomslick .slick-dots li.slick-active {
 	
 	background-color: #fff;
 }
-
 .roomslick .slick-dots li button {
 	display: none;
 }
@@ -153,13 +146,11 @@
 	margin: 15px 3%;
 	
 }
-
 .btn-style01:hover {
     background-color: #242734;
 	color: #fff;
 	border: 2px solid #242734;
 }
-
 .btn-style02 {
 	border-radius: 2px;
 	/*color: #2d366f;
@@ -172,103 +163,73 @@
 	float: left;
 	margin: 15px 3%;
 }
-
 .btn-style02:hover {
     background-color: #2d366f;
 	color: #fff;
 	border: 2px solid #2d366f;
 }
-
 @media (max-width: 1366px) {
-
+#head-carousel .banner-L,#head-carousel .banner-L img{
-	#head-carousel .banner-L,
-	#head-carousel .banner-L img {
 	height: 650px;
 	width: auto;
-	}
+}}
-}
-
 @media (max-width: 1024px) {
-	#hot .roomimg {
+#hot .roomimg{height:320px;}
-		height: 320px;
+#head-carousel .banner-L,#head-carousel .banner-L img{
-	}
-
-	#head-carousel .banner-L,
-	#head-carousel .banner-L img {
 	height: 500px;
 	width: auto;
 }
 }
-
 @media (max-width: 768px) {
 
 #hot .room .installation{
 	margin: 10px 0px;
 	display: none;
 }
-
 #hot .room text{
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: 5;
 	-webkit-box-orient: vertical;
 }
-
+#hot .roomimg{height: 240px;}
-	#hot .roomimg {
-		height: 240px;
-	}
 
 }
-
+@media (max-width: 680px) {#hot .roomimg{height: 240px;}}
-@media (max-width: 680px) {
-	#hot .roomimg {
-		height: 240px;
-	}
-}
-
 @media (max-width: 640px) {
 
 #fall123{
 	width: 100%;
+	-moz-column-count:2;
+	-webkit-column-count:2;
 	column-count: 2;
+	-moz-column-gap:10px;
+	-webkit-column-gap:10px;
   column-gap: 10px;
 }
 
-	#hot .room,
+#hot .room,#hot .room:nth-child(2n){
-	#hot .room:nth-child(2n) {
 	width: 100%;
 	margin: 0px 0% 20px 0%;
 }
-
 #hot .roomimg{
-		height: 210px;
+	height: 150px;
 	position: relative;
 	overflow: hidden;
 	background-color: #D8D8D8;
 }
 }
-
+@media (max-width: 320px) {#hot .roomimg{height: 190px;}}
-@media (max-width: 320px) {
-	#hot .roomimg {
-		height: 190px;
-	}
-}
-
 .rooms_icon li img{
 	height: 40px;
 	
 	color: #F00;
 }
-
 ul.rooms_icon {
   display: table;
   margin: 0 auto;
 }
-
+ul.rooms_icon li p{ font-size:80%}
-ul.rooms_icon li p {
-	font-size: 80%
-}
-
 .rooms_icon li{
 	text-align: center;
 	float: left;
@@ -279,41 +240,19 @@ ul.rooms_icon li p {
 }
 
 @media screen and (max-width: 480px) {
-	.rooms_icon li {
+.rooms_icon li{width: 18.4%;margin: 10px 2% 0px 0px;}
-		width: 18.4%;
+.rooms_icon li:nth-child(8n){margin-right: 2%;}
-		margin: 10px 2% 0px 0px;
+.rooms_icon li:nth-child(5n){margin-right: 0%;}
-	}
+#head-carousel .banner-L,#head-carousel .banner-L img{
-
-	.rooms_icon li:nth-child(8n) {
-		margin-right: 2%;
-	}
-
-	.rooms_icon li:nth-child(5n) {
-		margin-right: 0%;
-	}
-
-	#head-carousel .banner-L,
-	#head-carousel .banner-L img {
 	height: 650px;
 	width: auto;
 }
 }
-
 @media screen and (max-width: 320px) {
-	.rooms_icon li {
+.rooms_icon li{width: 23.5%;margin: 10px 2% 0px 0px;}
-		width: 23.5%;
+.rooms_icon li:nth-child(4n){margin-right: 0%;}
-		margin: 10px 2% 0px 0px;
+.rooms_icon li:nth-child(5n){margin-right: 2%;}
 }
-
-	.rooms_icon li:nth-child(4n) {
-		margin-right: 0%;
-	}
-
-	.rooms_icon li:nth-child(5n) {
-		margin-right: 2%;
-	}
-}
-
 /*熱門房型 END*/
 
 /**************** Google Translate widget ***********/
@@ -338,9 +277,7 @@ div#google_translate_element div.goog-te-gadget-simple {
         }
 
 
-#top div#google_translate_element div.goog-te-gadget-simple {
+#top div#google_translate_element div.goog-te-gadget-simple{line-height: 31px;}
-	line-height: 31px;
-}
 
         div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
             text-decoration: none;
@@ -366,12 +303,10 @@ div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span
         div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {
             display: none;
         }
-
         /* after clicked/touched */
         div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
             display: none;
         }
-
         /* on page load (not yet touched or clicked) */
         div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
             display: none;
@@ -381,38 +316,24 @@ div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span
         div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
             display: none;
         }
-
         /* Remove span with left border line | (next to the arrow) in Edge & IE11 */
         div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
             display: none;
         }
-
         /* HIDE the google translate toolbar */
         .goog-te-banner-frame.skiptranslate {
             display: none !important;
         }
-
 		body {
             top: 0px !important;
         }
-
 /* 圖片RWD */
-.editor img {
+.editor img{max-width:100%;height:auto;}
-	max-width: 100%;
+.editor>ol,.editor>ul {
-	height: auto;
+	list-style-type: disc; padding-left:20px
 }
-
-.editor>ol,
-.editor>ul {
-	list-style-type: disc;
-	padding-left: 20px
-}
-
 /* iframeRWD */
-.editor iframe {
+.editor iframe {width: 100% !important;}
-	width: 100% !important;
-}
-
 /* 影片RWD */
 .editor .video-container{
     position: relative;
@@ -420,7 +341,6 @@ body {
     height: 0;
     overflow: hidden;
 }
-
 .editor .video-container iframe, 
 .editor .video-container object, 
 .editor .video-container embed {

themes/vr/portal/css/style.css

@@ -176,13 +176,13 @@ header::before {
         margin: 5px;
     }
 
-    /*.btn-style01,
+    .btn-style01,
     .btn-style02 {
         width: 47%;
         margin: 2px;
         padding: 5px;
         font-size: 14px;
-    }*/
+    }
 
     .linkList li .ad_info .date {
         font-size: 14px;