.g22{ background-color: #12052E; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%231b0a3c' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23251049' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23301854' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%233b215d' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23462C65' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%233e2a61' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%2337275d' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23302559' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23292355' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23232151' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .g67{ background-color: #E8E8E8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23E8E8E8' width='11' height='11'/%3E%3Crect fill='%23e8e8e8' x='10' width='11' height='11'/%3E%3Crect fill='%23e9e9e9' y='10' width='11' height='11'/%3E%3Crect fill='%23e9e9e9' x='20' width='11' height='11'/%3E%3Crect fill='%23eaeaea' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23eaeaea' y='20' width='11' height='11'/%3E%3Crect fill='%23eaeaea' x='30' width='11' height='11'/%3E%3Crect fill='%23ebebeb' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23ebebeb' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23ebebeb' y='30' width='11' height='11'/%3E%3Crect fill='%23ececec' x='40' width='11' height='11'/%3E%3Crect fill='%23ececec' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23ededed' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%23ededed' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%23ededed' y='40' width='11' height='11'/%3E%3Crect fill='%23eeeeee' x='50' width='11' height='11'/%3E%3Crect fill='%23eeeeee' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%23efefef' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23efefef' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23efefef' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%23f0f0f0' y='50' width='11' height='11'/%3E%3Crect fill='%23f0f0f0' x='60' width='11' height='11'/%3E%3Crect fill='%23f1f1f1' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23f1f1f1' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23f1f1f1' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23f2f2f2' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23f2f2f2' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23f2f2f2' x='70' width='11' height='11'/%3E%3Crect fill='%23f3f3f3' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%23f3f3f3' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23f4f4f4' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23f4f4f4' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23f4f4f4' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23f5f5f5' x='80' width='11' height='11'/%3E%3Crect fill='%23f5f5f5' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23f6f6f6' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23f6f6f6' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%23f6f6f6' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%23f7f7f7' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23f7f7f7' x='90' width='11' height='11'/%3E%3Crect fill='%23f8f8f8' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23f8f8f8' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23f8f8f8' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23f9f9f9' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%23f9f9f9' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%23fafafa' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%23fafafa' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23fafafa' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23fbfbfb' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23fbfbfb' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%23fbfbfb' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%23fcfcfc' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23fcfcfc' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23fdfdfd' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23fdfdfd' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23fdfdfd' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%23fefefe' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%23fefefe' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23ffffff' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23FFFFFF' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .bgz9{ background-color: #00b7ff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1719' height='1432.5' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); } #zzq1{ float:right;width:24%;margin-bottom:2%;border:1px silver solid;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #zzq2{ float:right;width:24%;margin-bottom:2%;border:1px silver solid;margin-right:1.3%;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #zzq3{ float:right;width:24%;margin-bottom:2%;border:1px silver solid;margin-right:1.3%;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #zzq4{ float:left;width:24%;margin-bottom:2%;border:1px silver solid;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } .mm{ background-color: #4824C0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='25' x2='600' y2='777'%3E%3Cstop offset='0' stop-color='%234824C0'/%3E%3Cstop offset='1' stop-color='%232600FE'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='650' y1='25' x2='650' y2='777'%3E%3Cstop offset='0' stop-color='%234621c5'/%3E%3Cstop offset='1' stop-color='%232600f9'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='700' y1='25' x2='700' y2='777'%3E%3Cstop offset='0' stop-color='%23431ecb'/%3E%3Cstop offset='1' stop-color='%232600f5'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='750' y1='25' x2='750' y2='777'%3E%3Cstop offset='0' stop-color='%23411bd0'/%3E%3Cstop offset='1' stop-color='%232500f0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' gradientUnits='userSpaceOnUse' x1='800' y1='25' x2='800' y2='777'%3E%3Cstop offset='0' stop-color='%233e18d6'/%3E%3Cstop offset='1' stop-color='%232500ec'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='850' y1='25' x2='850' y2='777'%3E%3Cstop offset='0' stop-color='%233b15db'/%3E%3Cstop offset='1' stop-color='%232500e7'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='900' y1='25' x2='900' y2='777'%3E%3Cstop offset='0' stop-color='%233811e1'/%3E%3Cstop offset='1' stop-color='%232500e3'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='950' y1='25' x2='950' y2='777'%3E%3Cstop offset='0' stop-color='%23350ee7'/%3E%3Cstop offset='1' stop-color='%232400de'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' gradientUnits='userSpaceOnUse' x1='1000' y1='25' x2='1000' y2='777'%3E%3Cstop offset='0' stop-color='%23310bec'/%3E%3Cstop offset='1' stop-color='%232400da'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' gradientUnits='userSpaceOnUse' x1='1050' y1='25' x2='1050' y2='777'%3E%3Cstop offset='0' stop-color='%232e07f2'/%3E%3Cstop offset='1' stop-color='%232400d5'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='1100' y1='25' x2='1100' y2='777'%3E%3Cstop offset='0' stop-color='%232a04f8'/%3E%3Cstop offset='1' stop-color='%232300d1'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='1150' y1='25' x2='1150' y2='777'%3E%3Cstop offset='0' stop-color='%232600FE'/%3E%3Cstop offset='1' stop-color='%232300CC'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' x='100' width='1100' height='800'/%3E%3Crect fill='url(%23c)' x='200' width='1000' height='800'/%3E%3Crect fill='url(%23d)' x='300' width='900' height='800'/%3E%3Crect fill='url(%23e)' x='400' width='800' height='800'/%3E%3Crect fill='url(%23f)' x='500' width='700' height='800'/%3E%3Crect fill='url(%23g)' x='600' width='600' height='800'/%3E%3Crect fill='url(%23h)' x='700' width='500' height='800'/%3E%3Crect fill='url(%23i)' x='800' width='400' height='800'/%3E%3Crect fill='url(%23j)' x='900' width='300' height='800'/%3E%3Crect fill='url(%23k)' x='1000' width='200' height='800'/%3E%3Crect fill='url(%23l)' x='1100' width='100' height='800'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .zzq{ background-color: #E8E8E8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='25' x2='600' y2='777'%3E%3Cstop offset='0' stop-color='%23E8E8E8'/%3E%3Cstop offset='1' stop-color='%23FEFEFE'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='650' y1='25' x2='650' y2='777'%3E%3Cstop offset='0' stop-color='%23eaeaea'/%3E%3Cstop offset='1' stop-color='%23f9f9f9'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='700' y1='25' x2='700' y2='777'%3E%3Cstop offset='0' stop-color='%23ececec'/%3E%3Cstop offset='1' stop-color='%23f5f5f5'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='750' y1='25' x2='750' y2='777'%3E%3Cstop offset='0' stop-color='%23eeeeee'/%3E%3Cstop offset='1' stop-color='%23f0f0f0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' gradientUnits='userSpaceOnUse' x1='800' y1='25' x2='800' y2='777'%3E%3Cstop offset='0' stop-color='%23f0f0f0'/%3E%3Cstop offset='1' stop-color='%23ececec'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='850' y1='25' x2='850' y2='777'%3E%3Cstop offset='0' stop-color='%23f2f2f2'/%3E%3Cstop offset='1' stop-color='%23e7e7e7'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='900' y1='25' x2='900' y2='777'%3E%3Cstop offset='0' stop-color='%23f4f4f4'/%3E%3Cstop offset='1' stop-color='%23e3e3e3'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='950' y1='25' x2='950' y2='777'%3E%3Cstop offset='0' stop-color='%23f6f6f6'/%3E%3Cstop offset='1' stop-color='%23dedede'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' gradientUnits='userSpaceOnUse' x1='1000' y1='25' x2='1000' y2='777'%3E%3Cstop offset='0' stop-color='%23f8f8f8'/%3E%3Cstop offset='1' stop-color='%23dadada'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' gradientUnits='userSpaceOnUse' x1='1050' y1='25' x2='1050' y2='777'%3E%3Cstop offset='0' stop-color='%23fafafa'/%3E%3Cstop offset='1' stop-color='%23d5d5d5'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='1100' y1='25' x2='1100' y2='777'%3E%3Cstop offset='0' stop-color='%23fcfcfc'/%3E%3Cstop offset='1' stop-color='%23d1d1d1'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='1150' y1='25' x2='1150' y2='777'%3E%3Cstop offset='0' stop-color='%23FEFEFE'/%3E%3Cstop offset='1' stop-color='%23CCCCCC'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' x='100' width='1100' height='800'/%3E%3Crect fill='url(%23c)' x='200' width='1000' height='800'/%3E%3Crect fill='url(%23d)' x='300' width='900' height='800'/%3E%3Crect fill='url(%23e)' x='400' width='800' height='800'/%3E%3Crect fill='url(%23f)' x='500' width='700' height='800'/%3E%3Crect fill='url(%23g)' x='600' width='600' height='800'/%3E%3Crect fill='url(%23h)' x='700' width='500' height='800'/%3E%3Crect fill='url(%23i)' x='800' width='400' height='800'/%3E%3Crect fill='url(%23j)' x='900' width='300' height='800'/%3E%3Crect fill='url(%23k)' x='1000' width='200' height='800'/%3E%3Crect fill='url(%23l)' x='1100' width='100' height='800'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .bbz{ width:100%;padding:5px;border:1px silver solid;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #bas2{ ;padding:3px;background:yellow; position:fixed;left:0px;top:10%;border:2px red solid;padding-right:30px;border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; } .bss{ padding:2px;padding-right:10px;padding-left:10px;border:1px blue solid;background-color:#00CC00;color:white;font-size:14px; } .zzx{ background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='84.7%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230EF'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .tb7{ padding:4px;text-align:center;border:2px blue solid;font-weight:bold;background-color:#CCCCCC; } .tb71{ padding:4px;text-align:center;border:1px blue solid; } .cor{ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } #logi{ float:right;padding-top:2px; } .zz{ padding:2px;border:1px white solid;font-size:15px;padding-right:6px;padding-left:6px;border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;-webkit-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.75); box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.75); } .com2{ background-color: #5F96CC; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%235F96CC' width='11' height='11'/%3E%3Crect fill='%235c95cd' x='10' width='11' height='11'/%3E%3Crect fill='%235894ce' y='10' width='11' height='11'/%3E%3Crect fill='%235493d0' x='20' width='11' height='11'/%3E%3Crect fill='%235191d1' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%234d90d2' y='20' width='11' height='11'/%3E%3Crect fill='%23498fd3' x='30' width='11' height='11'/%3E%3Crect fill='%23458ed4' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23418cd6' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%233d8bd7' y='30' width='11' height='11'/%3E%3Crect fill='%23388ad8' x='40' width='11' height='11'/%3E%3Crect fill='%233489d9' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%232f87da' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%232986db' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%232485dc' y='40' width='11' height='11'/%3E%3Crect fill='%231d83dd' x='50' width='11' height='11'/%3E%3Crect fill='%231482de' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%230881df' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23007fe0' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23007ee1' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%23007de2' y='50' width='11' height='11'/%3E%3Crect fill='%23007be3' x='60' width='11' height='11'/%3E%3Crect fill='%23007ae4' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%230078e5' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%230077e6' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%230075e7' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%230074e8' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%230072e8' x='70' width='11' height='11'/%3E%3Crect fill='%230071e9' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%23006fea' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23006eeb' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23006ceb' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23006bec' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%230069ec' x='80' width='11' height='11'/%3E%3Crect fill='%230067ed' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%230066ee' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%230064ee' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%230062ee' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%230060ef' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23005eef' x='90' width='11' height='11'/%3E%3Crect fill='%23005df0' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23005bf0' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%230059f0' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%230057f0' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%230055f1' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%230053f1' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%230051f1' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23004ff1' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23004cf1' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23004af1' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%230048f1' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%230045f1' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%230043f1' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%230040f0' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23003df0' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23003af0' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%230037ef' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%230834ef' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%231431ef' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%231D2DEE' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .com{ background-color: #F9F7FF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f7f0ff'/%3E%3Cstop offset='1' stop-color='%23f7f0ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%237ca0ff'/%3E%3Cstop offset='1' stop-color='%237ca0ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23747dff'/%3E%3Cstop offset='1' stop-color='%23747dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F9F7FF'/%3E%3Cstop offset='1' stop-color='%23F9F7FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F8E9FF'/%3E%3Cstop offset='1' stop-color='%23F8E9FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230CF'/%3E%3Cstop offset='1' stop-color='%230CF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .jjz{ background-color: #ffaa00; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbe00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd914' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe529' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffef3d' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff852' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both} @-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} del { color: rgba(red, 0.5); text-decoration: none; position: relative; &:before { content: " "; display: block; width: 100%; border-top: 2px solid rgba(red, 0.8); height: 12px; position: absolute; bottom: 0; left: 0; transform: rotate(-7deg); } } #sp1{ float:right;width:49%;margin-bottom:2%; } #sp2{ float:left;width:49%;margin-bottom:2%; } .bgn{ background-color: #f29e03; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='46' height='46' fill-opacity='0.6' fill='%23ffa61d'/%3E%3C/svg%3E"); } .myButton { box-shadow:inset 0px 1px 0px 0px #54a3f7; background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); background-color:#007dc1; border-radius:3px; border:1px solid #124d77; display:inline-block; cursor:pointer; color:#ffffff; font-size:16px; padding:9px 20px; text-decoration:none; text-shadow:0px 1px 0px #154682; } .myButton:hover { background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); background-color:#0061a7; } .myButton:active { position:relative; top:1px; } .btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; color: #ffffff; font-size: 16px; padding: 7px 20px 7px 20px; text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .bg1{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1007' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1007' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1004'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1002'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1005'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1003'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1001'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1006'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1007'%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='30' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='30' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='30' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='30' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='30' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='30' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='30' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='90' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='90' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='90' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='90' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='90' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='90' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='90' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='90' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='90' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='90' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='150' y='30' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='150' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='150' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='150' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='150' y='390' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='150' y='450' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='150' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='210' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='210' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='210' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='210' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='210' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='210' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='210' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='210' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='210' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='210' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='270' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='270' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='270' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='270' y='450' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='270' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='270' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='330' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='330' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='330' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='330' y='390' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='330' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='390' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='390' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='390' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='390' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='390' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='390' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='390' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='390' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='390' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='390' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='450' y='30' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='450' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='450' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='450' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='450' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='450' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='450' y='390' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='450' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='450' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='450' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='510' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='510' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='510' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='510' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='510' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='570' y='210' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='570' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='570' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='570' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='570' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='570' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='630' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='630' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='630' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='630' y='510' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='630' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='690' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='690' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='690' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='690' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='690' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='690' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='690' y='570' stroke='%231c538e'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");} .bg2{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%231e3266'%3e%3c/rect%3e%3cpath d='M1512 560L0 560 L0 351.63Q44.46 276.09%2c 120 320.55Q150.01 278.56%2c 192 308.57Q240.61 285.18%2c 264 333.79Q281.73 279.52%2c 336 297.25Q408.15 249.4%2c 456 321.56Q519.39 312.95%2c 528 376.34Q548.49 324.82%2c 600 345.31Q610.58 283.89%2c 672 294.47Q744.59 247.06%2c 792 319.65Q833.86 289.51%2c 864 331.37Q930.54 277.91%2c 984 344.45Q991.6 280.04%2c 1056 287.64Q1097.27 256.91%2c 1128 298.19Q1189.16 287.35%2c 1200 348.51Q1240.38 268.88%2c 1320 309.26Q1365.22 282.48%2c 1392 327.69Q1474.41 290.11%2c 1512 372.52z' fill='%23182f5d'%3e%3c/path%3e%3cpath d='M1512 560L0 560 L0 429.96Q24.53 382.49%2c 72 407.01Q96.93 359.94%2c 144 384.86Q195.5 316.36%2c 264 367.85Q316.41 348.26%2c 336 400.67Q371.88 316.55%2c 456 352.43Q534.22 310.65%2c 576 388.88Q640.46 381.34%2c 648 445.79Q686.87 364.65%2c 768 403.52Q840.75 356.26%2c 888 429.01Q903.79 372.8%2c 960 388.59Q981.98 338.57%2c 1032 360.55Q1116.45 325%2c 1152 409.45Q1202.3 339.75%2c 1272 390.05Q1323.2 321.25%2c 1392 372.46Q1474.91 335.37%2c 1512 418.28z' fill='%2325467d'%3e%3c/path%3e%3cpath d='M1512 560L0 560 L0 512.13Q49.46 441.59%2c 120 491.04Q125 424.05%2c 192 429.05Q257.81 374.86%2c 312 440.67Q406.19 414.86%2c 432 509.05Q470.15 427.2%2c 552 465.35Q625.88 419.23%2c 672 493.11Q719.46 468.57%2c 744 516.03Q776.38 428.41%2c 864 460.8Q912.44 437.24%2c 936 485.68Q951.56 429.25%2c 1008 444.81Q1050.75 415.56%2c 1080 458.31Q1162.38 420.69%2c 1200 503.06Q1221.73 404.79%2c 1320 426.52Q1364.26 398.78%2c 1392 443.04Q1476.22 407.26%2c 1512 491.49z' fill='%23356cb1'%3e%3c/path%3e%3cpath d='M1512 560L0 560 L0 508.07Q97.24 485.31%2c 120 582.56Q141.04 531.6%2c 192 552.64Q218.72 507.36%2c 264 534.07Q288.77 486.84%2c 336 511.61Q363.64 467.25%2c 408 494.9Q469.36 484.25%2c 480 545.61Q532.76 478.37%2c 600 531.13Q686.76 497.89%2c 720 584.66Q746.26 538.92%2c 792 565.19Q841.53 494.73%2c 912 544.26Q988.81 501.07%2c 1032 577.87Q1062.24 536.12%2c 1104 566.36Q1109.6 499.96%2c 1176 505.55Q1217.15 474.7%2c 1248 515.85Q1271.96 467.81%2c 1320 491.77Q1373.96 473.74%2c 1392 527.7Q1458.45 474.15%2c 1512 540.6z' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); } .fa { padding: 6px; font-size: 20px; width: 30px; text-align: center; text-decoration: none; } /* Add a hover effect if you want */ .fa:hover { opacity: 0.7; } /* Set a specific color for each brand */ /* Facebook */ .fa-instagram { background: #990033; color: white; } .fa-facebook { background: #3B5998; color: white; } /* Twitter */ .fa-twitter { background: #55ACEE; color: white; } #sos{ float:left; } #menu{ float:right;margin-top:18px;margin-right:10%; } #br2{ margin:0px;float:right;width:20%;margin-right:6.66%; } #br3{ margin:0px;float:right;width:20%;margin-right:6.66%; } #br4{ margin:0px;float:left;width:20%; } .brd{ border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #ban1{ float:right;width:32%;border:1px lime solid;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #ban2{ float:right;width:32%;margin-right:2%;border:1px lime solid;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #ban3{ float:left;width:32%;border:1px lime solid;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } @font-face { font-family: "primary-font"; src: url("fonts/iran-yekan-400.eot"); src: url("fonts/iran-yekan-400.eot?#iefix") format("embedded-opentype"), url("fonts/iran-yekan-400.woff2") format("woff2"), url("fonts/iran-yekan-400.woff") format("woff"), url("fonts/iran-yekan-400.ttf") format("truetype"); font-weight: 300; } #logo{ float:right; } #cat1{ float:right;width:23%;margin-bottom:2.6%; } #cat2{ float:right;width:23%;margin-right:2.6%;margin-bottom:2.6%; } #cat3{ float:right;width:23%;margin-right:2.6%;margin-bottom:2.6%; } #cat4{ float:left;width:23%;margin-bottom:2.6%; } .heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both} @-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} #imv{ max-width:90%; } #menu11{ display:none; } .tx{ width:100%;padding:6px; } #phone{ float:right;display:none;font-size:20px; } #logg{ width:70%;display:inline-block;border:1px silver solid;padding:15px; } #fo1{ float:right;width:48%;margin-bottom:10px; } #fo2{ float:left;width:48%;margin-bottom:10px; } #line{ position:absolute;left:0px;width:80%;top:30px;height:10px;background-color:#153e90;z-index:0px;-webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px; } #search{ width:15%;float:left;margin-top:23px; } .sf{ width:100%;padding:5px;border:1px silver solid;height:30px;border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #uu{ position:absolute; left:10px;top:15px;z-index:9999999999999;display:none; } #bn11{ width:100%;margin-bottom:8px; } #bn12{ width:100%;margin-bottom:8px; } #bn13{ width:100%; } #pt{ float:left; } #bas2{ ;padding:3px;background:yellow; position:fixed;left:0px;top:10%;border:2px red solid;padding-right:30px;border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; } #heart{ float:left;margin-top:34px;position:relative;margin-left:15px; } #userr{ float:left;margin-top:34px;position:relative;margin-left:15px; } #bn1{ float:left;width:25%; } #bn2{ float:right;width:73%; } #ch1{ float:right;width:19%; } #ch2{ float:right;width:19%;margin-right:1.3%; } #ch3{ float:right;width:19%;margin-right:1.3%; } #ch4{ float:right;width:19%;margin-right:1.3%; } #ch5{ float:left;width:19%; } #bl1{ float:left;width:40%; } #bl2{ float:right;width:58%; } #q1{ float:right;width:49%;height:118px;position:relative;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;border-left:30px red solid;margin-bottom:2%; } #q2{ float:left;width:49%;height:118px;position:relative;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;border-left:30px red solid;margin-bottom:2%; } #kt1{ float:right;width:30%; } #kt2{ float:left;width:68%; } #pu1{ float:left;width:38%; } #pu2{ float:left;width:60%; } #pro1{ width:15%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;margin-bottom:2%; } #pro2{ width:15%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:2%;margin-bottom:2; } #pro3{ width:15%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:2%;margin-bottom:2%; } #pro4{ width:15%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:2%;margin-bottom:2%;margin-right:2%; } #pro5{ width:15%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-bottom:2%;margin-right:2%; } #pro6{ width:15%;float:left;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-bottom:1.3%; } #mpro1{ width:24%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;margin-bottom:2%; } #mpro2{ width:24%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:1.3%;margin-bottom:2%; } #mpro3{ width:24%;float:right;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:1.3%;margin-bottom:2%; } #mpro4{ width:24%;float:left;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;margin-bottom:2%; } #sgem1{ width:48%;float:right;margin-bottom:1.2%;margin-right:1%; } #sgem2{ width:48%;float:left;margin-bottom:1.2%;;margin-left:1%; } #gem1{ width:24%;float:right;margin-bottom:1.2%; } #gem2{ width:24%;float:right;margin-right:1%;margin-bottom:1.2%; } #gem3{ width:24%;float:right;margin-right:1%;margin-bottom:1.2%; } #gem4{ width:24%;float:left;margin-bottom:1.2%; } #ypro1{ width:23%;float:right;border:1px #E0E0E0 solid;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-bottom:2.6%; } #ypro2{ width:23%;float:right;border:1px #E0E0E0 solid;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:2.6%;;margin-bottom:2.6%; } #ypro3{ width:23%;float:right;border:1px #E0E0E0 solid;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-right:2.6%;;margin-bottom:2.6%; } #ypro4{ width:23%;float:left;border:1px #E0E0E0 solid;padding:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;margin-bottom:2.6%; } #w1{ width:32%;float:right;background-color:#d1d0cf;padding:6px;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;margin-top:1%;margin-bottom:1%; } #w2{ width:32%;float:right;background-color:#d1d0cf;padding:6px;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;margin-right:2%;margin-top:1%;margin-bottom:1%; } #w3{ width:32%;float:right;background-color:#d1d0cf;padding:6px;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;float:left;margin-top:1%;margin-bottom:1%; } #f1{ width:20%;float:right; } #f2{ width:25%;float:right;margin-right:2%; } #f3{ width:36%;float:left; } .pc{ display:block; } .mob{ display:none; } #r1{ float:right; } #r2{ float:left; } #r3{ float:left;margin-left:30px; } #r4{ float:left;margin-left:30px; } #grr1{ width:48%;float:right;overflow:hidden;padding-bottom:10px;-webkit-box-shadow:0px 0px 2px 2px #e3dada ; -moz-box-shadow:0px 0px 2px 2px #e3dada ; box-shadow:0px 0px 2px 2px #e3dada ;margin-bottom:2%; } #grr2{ width:48%;float:left;overflow:hidden;padding-bottom:10px;-webkit-box-shadow:0px 0px 2px 2px #e3dada ; -moz-box-shadow:0px 0px 2px 2px #e3dada ; box-shadow:0px 0px 2px 2px #e3dada ;margin-bottom:2%; } *{ font-family:primary-font; text-decoration: none;font-size:16px; } #naz1{ float:right;width:49%; } #naz2{ float:right;width:32%;margin-right:2%; } #naz3{ float:left;width:49%; } #container { direction: rtl; width: 100%; margin: 0 auto;} body{ background-color:white; } a:hover { text-decoration:none; } #content1{ height:auto;margin-bottom:0px; } #ccontent1{ width:92%; margin: 0 auto;display:table ;height:auto; } #menu{display:table; } #naz1{ float:right;width:49%; } #naz2{ float:right;width:32%;margin-right:2%; } #naz3{ float:left;width:49%; } #mob{ display:none; } #menu2{ display:none;float:left; } #nnews1{ float:right;width:20%;height:100px; } #nnews2{ height:120px;overflow:hidden;width:78%;float:left; } #ninews{ height:100px;width:150px; } h1{ font-size:18px;padding:0px;margin:0px;font-weight:bold; } h2{ font-size:16px;padding:0px;margin:0px;font-weight:normal; } h3{ font-size:14px;padding:0px;margin:0px; } #pr1{ width:40%;float:right;text-align:center; } #pr2{ width:59%;float:left;line-height:32px; } #pr11{ float:right;width:22%; } #npr11{ display:table; } #pr12{ float:left;width:77%;border:1px silver solid;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #npr12{ float:left;width:100%;border:1px silver solid;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #li1{ float:right;width:23%; } #li2{ float:left;width:75%; } #nw1{ width:32%;float:right; } #nw2{ width:32%;float:right;margin-right:2%; } #nw3{ width:32%;float:left; } @media only screen and (max-width: 1200px) { #logg{ width:70%;display:inline-block;border:1px silver solid;padding:15px; } #nnews1{ float:right;width:150px;height:100px; } #nnews2{ height:100px;overflow:hidden;width:870px;float:left; } #ninews{ height:100px;width:150px; } } @media only screen and (max-width: 1050px) { #nnews1{ float:right;width:150px;height:100px; } #nnews2{ height:100px;overflow:hidden;width:670px;float:left; } #ninews{ height:100px;width:150px; } #menu{ display:none; } #menu11{ display:block; } } @media only screen and (max-width: 800px) { #logg{ width:90%;display:inline-block;border:1px silver solid;padding:15px; } .pc{ display:none; } .mob{ display:block; } #ccontent1{ width:720px; } #menu2{ display:block; } #r1{ display:none; } #r2{ display:none; } #r3{ display:none; } #r4{ display:none; } #uu{ display:block; } #nnews1{ float:right;width:150px;height:100px; } #nnews2{ height:100px;overflow:hidden;width:490px;float:left; } #ninews{ height:100px;width:150px; } #line{ position:absolute;left:0px;width:70%;top:30px;height:10px;background-color:#153e90;z-index:0px;-webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px; } #gem1{ width:48%;float:right;margin:0px;margin-bottom:2%;height:300px;overflow:hidden; } #gem2{ width:48%;float:left;margin:0px;margin-bottom:2%;height:300px;overflow:hidden; } #gem3{ width:48%;float:right;margin:0px;margin-bottom:2%;height:300px;overflow:hidden; } #gem4{ width:48%;float:left;margin:0px;margin-bottom:2%;height:300px;overflow:hidden; } } @media only screen and (max-width: 750px) { #ccontent1{ width:100%;padding:5px;; } #nnews1{ float:right;width:100%;height:200px;text-align:right; } #nnews2{ height:100px;overflow:hidden;width:100%;float:left; } #ninews{ height:200px;width:300px; } #news1{ width:100%;margin:0px;margin-bottom:10px; } #logo{ width:100%;text-align:center; } #search{ width:100%;margin:0px;;margin-top:6px;margin-bottom:6px; } #pt{ position:fixed;left:0px;bottom:0px;width:100%;background-color:white;border-top:2px silver solid;z-index:9999999999;height:37px; } #heart{ float:left;margin-top:4px;position:relative;margin-left:15px; } #userr{ float:left;margin-top:4px;position:relative;margin-left:15px; } #bn1{ width:100%; } #bn2{ width:100%;margin-bottom:12px; } #bn11{ width:32%;float:right; } #bn12{ width:32%;float:right;margin-right:2%; } #bn13{ width:32%;float:left; } #ch1{ float:right;width:48%;margin:0px;margin-bottom:2%; } #ch2{ float:left;width:48%;margin:0px;margin-bottom:2%; } #ch3{ float:right;width:48%;margin:0px; } #ch4{ float:left;width:48%;margin:0px; } #ch5{ float:left;width:100%;; } #bl2{ width:100%;margin-bottom:10px; } #bl1{ width:100%;margin-bottom:10px; } #kt1{ width:100%; } #kt2{ width:100%; } #pu1{ width:100%;margin-top:20px; } #pu2{ width:100%;margin-top:20px; } #imv{ max-width:60%; } #pro1{ width:48%;float:right;margin:0px;margin-bottom:2%; } #pro2{ width:48%;float:left;margin:0px;margin-bottom:2%; } #pro3{ width:48%;float:right;margin:0px;margin-bottom:2%; } #pro4{ width:48%;float:left;margin:0px;margin-bottom:2%; } #pro5{ width:48%;float:right;margin:0px;margin-bottom:2%; } #pro6{ width:48%;float:left;margin:0px;margin-bottom:2%; } #ypro1{ width:49%;float:right;margin:0px;margin-bottom:2%; } #ypro2{ width:49%;float:left;margin:0px;margin-bottom:2%; } #ypro3{ width:49%;float:right;margin:0px;margin-bottom:2%; } #ypro4{ width:49%;float:left;margin:0px;margin-bottom:2%; } #ypro5{ display:none; } #kho{ display:none; } #w1{ width:100%;margin:0px;margin-bottom:2%; } #w2{ width:100%;margin:0px;margin-bottom:2%; } #w3{ width:100%;margin:0px;margin-bottom:2%; } #f1{ width:100%;margin-bottom:10px;border-bottom:2px #999999 solid; } #f2{ width:100%;margin:0px;;margin-bottom:10px;border-bottom:2px #999999 solid; } #f3{ width:100%;margin-bottom:10px; } #line{ position:absolute;left:0px;width:40%;top:30px;height:10px;background-color:#153e90;z-index:0px;-webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px; } #phone{ display:block;font-size:18px;padding-top:6px;padding-right:10px; } #pr1{ width:100%;display:table;margin-bottom:12px; } #pr2{ width:100%;display:table;margin-bottom:12px; } #li1{ display:none; } #li2{ width:100%; } #right1{ width:100%;text-align:center;padding-top:10px; } #cat1{ float:right;width:49%;margin:0px;margin-bottom:2%; } #cat2{ float:left;width:49%;margin:0px;margin-bottom:2%; } #cat3{ float:right;width:49%;margin:0px;margin-bottom:2%; } #cat4{ float:left;width:49%;margin:0px;margin-bottom:2%; } #sos{ } #fo1{ width:100%;margin:0px;margin-bottom:5px; } #fo2{ width:100%;margin:0px;margin-bottom:5px; } #sp1{ float:right;width:100%;margin-bottom:2%; } #sp2{ float:right;width:100%; } #zzq1{ width:100%;margin:0px;margin-bottom:2%; } #zzq2{ width:100%;margin:0px;margin-bottom:2%; } #zzq3{ width:100%;margin:0px;margin-bottom:2%; } #zzq4{ width:100%;margin:0px;margin-bottom:2%; } #mpro1{ float:right;width:49%;margin:0px;margin-bottom:2%; } #mpro2{ float:left;width:49%;margin:0px;margin-bottom:2%; } #mpro3{ float:right;width:49%;margin:0px;margin-bottom:2%; } #mpro4{ float:left;width:49%;margin:0px;margin-bottom:2%; } img{ max-width:90%; } }