_section.scss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  1. /* 顏色設定 */
  2. $gray-content-color: #666666; // 次要內容
  3. $link-color: #2980B8; // 超連結
  4. section-style {
  5. padding: 80px 0;
  6. .block {
  7. p {
  8. // padding-top: 20px;
  9. line-height:20px;
  10. }
  11. img {
  12. width: 100%;
  13. }
  14. .start {
  15. padding-top: 30px;
  16. }
  17. }
  18. .content {
  19. padding: 0 30px;
  20. @media (min-width: 992px) {
  21. padding: 0 50px;
  22. }
  23. }
  24. .card-text {
  25. padding-bottom: 5px;
  26. font-size: 0.8rem;
  27. color: #666666;
  28. }
  29. .sub-title {
  30. color: #000;
  31. }
  32. }
  33. .section1 {
  34. @extend section-style;
  35. table {
  36. border-collapse: collapse;
  37. }
  38. td {
  39. border: none;
  40. }
  41. }
  42. .section2 {
  43. @extend section-style;
  44. background-color: #F2F2F2;
  45. }
  46. .section3 {
  47. @extend section-style;
  48. }
  49. .section4 {
  50. @extend section-style;
  51. }
  52. .section5 {
  53. @extend section-style;
  54. background-color: #ECECEC;
  55. .card {
  56. background-color: #ECECEC;
  57. }
  58. }
  59. .section6 {
  60. @extend section-style;
  61. color: $gray-content-color;
  62. h2 {
  63. color: #000;
  64. }
  65. }
  66. .section7 {
  67. @extend section-style;
  68. padding: 40px 0;
  69. margin-bottom: 60px;
  70. color: $gray-content-color;
  71. background-color: #F2F2F2;
  72. a {
  73. color: #000;
  74. font-weight: 600;
  75. padding: 0 15px;
  76. &:hover {
  77. color: #78AD42;
  78. text-decoration:none;
  79. }
  80. }
  81. }
  82. .section8 {
  83. @extend section-style;
  84. color: $gray-content-color;
  85. h2 {
  86. font-weight: 600;
  87. color: #000;
  88. }
  89. p {
  90. font-size: 0.8rem;
  91. color: #666666;
  92. }
  93. }
  94. .section9 {
  95. @extend section-style;
  96. color: $gray-content-color;
  97. h1 {
  98. font-weight: 600;
  99. color: #000;
  100. }
  101. h2 {
  102. font-weight: 600;
  103. color: #000;
  104. }
  105. p {
  106. font-size: 0.8rem;
  107. color: #666666;
  108. }
  109. .title {
  110. color: #000;
  111. }
  112. }
  113. .section10 {
  114. @extend section-style;
  115. font-weight: 600;
  116. .l1 {
  117. font-size: 0.8rem;
  118. margin-top: 60px;
  119. color: #B4B4B4;
  120. }
  121. .l2 {
  122. font-size: 0.8rem;
  123. color: #D1C7A8;
  124. }
  125. .l3 {
  126. font-size: 0.8rem;
  127. color: #A5AA91;
  128. }
  129. }
  130. .section11 {
  131. @extend section-style;
  132. background-color: #ECECEC;
  133. }
  134. .section12 {
  135. color: $gray-content-color;
  136. h2 {
  137. font-weight: 600;
  138. color: #000;
  139. }
  140. }
  141. .section13 {
  142. @extend section-style;
  143. padding: 0;
  144. }
  145. .section14 {
  146. @extend section-style;
  147. padding: 1px 0;
  148. .title {
  149. color: #78AD42;
  150. }
  151. }
  152. .section16 {
  153. @extend section-style;
  154. h2 {
  155. color: #78AD42;
  156. }
  157. .row {
  158. margin-bottom: 60px;
  159. }
  160. .title {
  161. color: #78AD42;
  162. }
  163. .img-resize {
  164. padding: 0 2.5rem;
  165. }
  166. }
  167. .section17 {
  168. @extend section-style;
  169. background-color: #F1F1F1;
  170. h2 {
  171. color: #78AD42;
  172. }
  173. .row {
  174. margin-bottom: 60px;
  175. }
  176. .title {
  177. color: #78AD42;
  178. }
  179. .img-resize {
  180. padding: 0 2.5rem;
  181. }
  182. }
  183. .section18 {
  184. @extend section-style;
  185. color: #FFF;
  186. font-weight: 600;
  187. background-color: #333333;
  188. a {
  189. color: #2ABFF4;
  190. padding: 0 15px;
  191. text-decoration: underline;
  192. &:hover {
  193. color: #78AD42;
  194. }
  195. }
  196. }
  197. .section19 {
  198. @extend section-style;
  199. h2 {
  200. color: #78AD42;
  201. }
  202. .title {
  203. color: #78AD42;
  204. }
  205. @media (min-width: 768px) {
  206. .img-padding {
  207. padding: 0 200px;
  208. }
  209. }
  210. }
  211. .section22 {
  212. @extend section-style;
  213. .title {
  214. color: #78AD42;
  215. }
  216. @media (min-width: 768px) {
  217. .img-padding {
  218. padding: 0 100px 0 0;
  219. }
  220. }
  221. }
  222. .section24 {
  223. @extend section-style;
  224. padding: 50px 0;
  225. .title {
  226. color: #78AD42;
  227. }
  228. }
  229. .section25 {
  230. @extend section-style;
  231. background-color: #F1F1F1;
  232. h2 {
  233. color: #78AD42;
  234. }
  235. .row {
  236. margin-bottom: 60px;
  237. }
  238. .title {
  239. color: #78AD42;
  240. }
  241. }
  242. .section26 {
  243. @extend section-style;
  244. background-color: #F1F1F1;
  245. .title {
  246. color: #78AD42;
  247. }
  248. @media (min-width: 768px) {
  249. .img-padding {
  250. padding: 80px 280px;
  251. }
  252. }
  253. }
  254. .section27 {
  255. @extend section-style;
  256. h2 {
  257. color: #78AD42;
  258. }
  259. .row {
  260. margin-bottom: 60px;
  261. }
  262. .title {
  263. color: #78AD42;
  264. }
  265. }
  266. .section28 {
  267. @extend section-style;
  268. background-color: #F1F1F1;
  269. h2 {
  270. color: #78AD42;
  271. }
  272. .row {
  273. margin-bottom: 60px;
  274. }
  275. .step {
  276. margin-bottom: 20px;
  277. }
  278. .title {
  279. color: #78AD42;
  280. }
  281. }
  282. .section29 {
  283. @extend section-style;
  284. background-color: #F1F1F1;
  285. .title {
  286. color: #78AD42;
  287. }
  288. }