#nav a:visited { color:#666;text-decoration:none; }   #nav li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 160px; transition: transform ease-in-out 0.15s, opacity ease-out 0.15s;position: absolute; box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 10%);} #nav li ul li{font-size: 12px;margin-left: 0px;background: #FFF; } #nav li ul a{ height: 40px;
    line-height: 43px; display: block; width: 150px;w\idth: 136px;text-align:left;padding-left:24px; } #nav li ul a:visited { color:#666;text-decoration:none; } #nav li ul a:hover { font-size: 12px;color:#179cde;text-decoration:none;font-weight:normal; } #nav li:hover ul { left: auto; } #nav li.sfhover ul { left: auto; } #content { clear: left; }  b, strong { font-weight: bold;} h3 { font-size: 20px; margin-top: 12px; margin-bottom: 10px; } .nav a:visited { color:#666;text-decoration:none; }   .nav li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 160px; transition: transform ease-in-out 0.15s, opacity ease-out 0.15s;position: absolute; box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 10%);} .nav li ul li{font-size: 12px;margin-left: 0px;background: #FFF; } .nav li ul a{ height: 40px; line-height: 43px; display: block; width: 150px;w\idth: 136px;text-align:left;padding-left:24px; } .nav li ul a:visited { color:#666;text-decoration:none; } .nav li ul a:hover { font-size: 12px;color:#179cde;text-decoration:none;font-weight:normal; } .nav li:hover ul { left: auto; } .nav li.sfhover ul { left: auto; } .content { clear: left; } .tl_main_wrap { margin-top: 1px;} .{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tl_main_download_mobile { text-align: center; max-width: 1060px; margin: 0 auto; } .tl_main_download_link_android { width: 28.210116857923%; min-width: 245px; } .tl_main_download_link { font-weight: 700; text-align: center; display: inline-block; padding-top: 262px; padding-bottom: 20px; margin: 40px 0; font-size: 15px; max-width: 100%; position: relative; } .icon { width: 20px; height: 20px; display: block; border: none; background-size: 20px; background-repeat: no-repeat;
} .icon-android { background-position: 0 -46px; height: 23px; margin-top: -3px; } .icon-android, .icon-ios, .icon-wp { display: inline-block; vertical-align: text-top; width: 25px; height: 30px; background: url(../image/SiteLogos.png) 0 -46px no-repeat; margin-right: 10px; } .tl_main_download_image__android { margin: -150px 0 0 -152px; width: 304px; height: 240px; background: url(../image/SiteAndroid.jpg) 50% 0 no-repeat; } .tl_main_download_image__ios, .tl_main_download_image__android { display: block; position: absolute; top: 50%; left: 50%; transform-origin: 50% 50%; opacity: 1.0; pointer-events: none; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; padding: 0; border: 0; } .tl_main_download_link_ios { width: 42.9961%; min-width: 350px; } .icon-ios { background-position: 0 0px; height: 26px; margin-top: -5px; } .tl_main_download_image__ios { margin: -150px 0 0 -152px; width: 304px; height: 240px; background: url(../image/SiteiOS.jpg) 50% 0 no-repeat; } .tl_main_download_desktop_header { text-align: center; } .tl_main_download_desktop { left: 0; right: 0; min-width: 804px; background: url(../image/SiteDesktop.png) 50% 19px no-repeat; overflow: hidden; } .tl_main_download_desktop_links { width: 595px; margin: 0 auto; } .tl_main_download_link_td { width: 100%; padding-left: 20px; padding-right: 20px; } .tl_main_download_desktop_link { text-align: center; display: inline-block; font-weight: 700; padding: 290px 0 20px; font-size: 15px; vertical-align: top; -webkit-transition: box-shadow .2s ease-in-out;  -moz-transition: box-shadow .2s ease-in-out; -ms-transition: box-shadow .2s ease-in-out; position: relative; float: left; } .tl_main_download_link_osx { width: 48%; } .tab-nav { padding: 10px 5px; height: 105px;  line-height: 40px; display: block; position: relative; background: #fff; z-index: 1;  width: 100%; box-shadow: 0 3px 3px #e8e8e8; } .aui-navBar { background: #f6f6f6; } .aui-center {  -ms-flex-order: 2; display: -ms-flexbox; display: flex;  -ms-flex-pack: center; -ms-flex-align: center; align-items: center; height: 42px; width: 50%;
    margin-left: 25%; } .aui-center-title { text-align: center; font-size: .3519rem; color: #666; width: 100%; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } .tab-nav { padding: 10px 0px; height: 105px; line-height: 40px; display: block; position: relative; background: #fff; z-index: 1; width: 100%; box-shadow: 0 3px 3px #e8e8e8; } .tab-nav-item a { display: inherit; color: inherit; font-size: 13px; color: #7d7d7d; background: #f1f4f7;  margin: 0 5px; border: 2px solid #f1f4f7; } .tab-nav-item { height: 35px; line-height: 35px; position: relative; text-align: center; color: #585858; font-size: 0.9rem; display: block; float: left; width: 33.333%; margin-bottom: 10px; } .tab-nav-item.tab-active a { olor: #179cde; font-weight: normal; background: #e8f3fa; border: 2px solid #bfe6ff; } .tab-panel { position: relative; overflow: hidden; } .tab-panel .tab-panel-item.tab-active { position: relative; -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; -webkit-transform: translateX(0); transform: translateX(0); } .tab-panel .tab-panel-item { width: 100%;  position: absolute; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .accordion {padding: 5px 15px; } .aui-menu-item { line-height: 36px; padding: 5px 0; } .b-line { position: relative; } .submenu { display: none; padding-left: 20px; position: relative; } .link { padding-left: 25px; font-size: 14px; color: #555; padding-left: 25px; } .aui-icon-q { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA9hJREFUWAnlVz1MVEEQ3nmgUKCGkFhAZYzhx0YJcAeJoaKxUBKtKAmx0sJYqImJjTExFDZ2opWxUgOW0mhA7g5IbJA7YwyF0YKEEBISkJ83zrfvzbIHJ7wDQuM1M29255tvZ3dn54z5339UTgKmpr5f3OSNXmZzSfwamLke/kT0W8QvIjNWQZXD7e3nvsCe5JeIQDZbuB4SPzLMjUlAhdG3gOlBOt30Zq/5uxLI5QpnQsOvZaXpvYBKjUtmsoGhvlSqaa7UOGz/JDAxme8mNm8leJ3nvEiGRgIKRowJZ2tq6pB6s7y8UL9p+DwxXWHDV8VUqz5CYoHJXOvqaP6kNl+WJBAF51HZ62PRZFoNAvO0Mjj+pK3t7JIPsF2fnv5xaiNcuxuG5rYxXI1xORvrTNRTisQOAnHap3TlsuJfAVGvpHF6e7DdvgWnLWQelow0RCRoQbajfft2BNtB4j23aUdwrg5S5QYHJnzgCwx8Y0HAhu7/igjgtG8dOEm7rLzrQqMF8J2S6vAFhmzCKnyAjRi+fxEBe9XiUez5flbug0MHBrDU7seAzRHITM+2evd8EQdOnQ4qY6xFiyO1BAVNMR0BCgnXx/5w1fY67To3iQQWMHUuqqnqjkBcXq09uuc65XAkE79XpKJYahRpr0v0Hc569kNRKwx99YBcLC8D0cOCSVrhPIcDqz6m3Ab7iAHUEThwhD0AVlY2Qp0ildEVQEcgflLtHNR2nXxYcr1i6fQWFs2r7giIwSs4QYtOODS5bloVS8rzT9UdATQTagw5dFdSbUmlVLr+TK7wXPbZpdn6MvcohlTHj05XBZ2M6nhS8arpd1KJ4HLdhpjDgcxkXmREolAonJBy3Kc48jJ+UN1lwLZR0snEA7V4UnVSUinhOjWoYdOvJBaX+I7YT1ocopnO9qbPiukIwIA2SgfwnuNJ1e8kMt3ReEPO90s3NyLxTp6h+85meHBLL9ERZXL5jLC1LRieUjyp5byIyABWjgz4gaDLoRhPp5q75ca5K1mUAUxCD4c2CjqaCVoNc+VkQny5s6N5QKK5MwUsBKWqqn4/OOw7CMjzOYceDm0UJoDEJvNYdjL/OMnBxIHLThYeymovw19/kpkgXPtzDxlSG2TRhz+QtClFhbNFBvfcXjXqkyDRgUMAWTmCO2w5I8gQMgXbPwlgMO4P99+Wy54j7Vh50ZnwSOxKACTwQxtV5h+TGdm8QVnpqzgDOw6mbPGLzlTLQCICEQ1jSv01ix4Wmkd5tRUuCEbTbY3j6qMSe190O4hudaWan+n4kUhLIjc7NJHL3zySgEmC/AX92868En0QqAAAAABJRU5ErkJggg==) no-repeat; background-size: 14px; box-sizing: border-box; width: 16px; height: 16px; position: absolute; left: 0; top: 18px; } .accordion li i { position: color: #a7a7a7; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background-size: 14px; } .accordion .icon-dow { position: absolute; background-size: 20px; right: 0; top: 17px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE2N0Y5ODNCMTExMTFFOEIwM0I4OTZDNzlENzcxRUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE2N0Y5ODRCMTExMTFFOEIwM0I4OTZDNzlENzcxRUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTY3Rjk4MUIxMTExMUU4QjAzQjg5NkM3OUQ3NzFFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTY3Rjk4MkIxMTExMUU4QjAzQjg5NkM3OUQ3NzFFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuC6gKcAAAILSURBVHja7Nk9S8NAGAfwJlhM1yJU6CAU/A4lIrVpZ7+D4KKT1l3wEygo1tlFv0GXvoDFLC4OuhYUOhQEQYRQSxv/gQwSmnDNvaSY54GjuTa5ux+53Euqua6bSVPomZQFgQlMYAITmMAEJjCBCUxgAhOYwAROQaywnNRqtVYNw2jisKRp2n21Wr1ZhsZ3u90ztOfQdd1by7JOWF5XMd3hXC63j4L3kCrINnu93tESYK/RnlMcruGzgfyuyC69HsifJ4n2sQd/v0M+Lww8nU6v0F1Gy4Ceh0W8OI5zx3K9xtLvUUGm3++XJpOJjeNC4OdjPNMXSWHR/ld8t4M2fDBZWMFeJIkOw2az2W3Ep58XOy2h4AEqMFHwUGX3ZsFKm4c9NCrbUoUWiY298KjVam8q0KKxXCst2WgZWO6lpSx0yNTzzItdeJQOi06ns4FzHpGKvKN3GBarvUq5XP6Kulb4KM1wp9957jQPVvluyUebcdEqsMK3h0AP46BVYaXshxdFq8RKewHAig7BPsnCChulI0bvIq59QCoFymvMZrPNeVgkCyP7d5z6hG8e4kS73S7oum4H0XOCC6t0WoqKer0+wt30uvdAJjbRZ3hBtDKsMnAEWilWyTMcDNu28+Px2HvT+GMYxqVpmo6osoUNWv8p6J8HAhOYwAQmMIEJTGACE5jABCYwgVMQvwIMAF7EhpQReZP7AAAAAElFTkSuQmCC); } .submenu p { font-size: 14px; color: #555;padding-bottom: 10px; } .b-line:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); : scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .accordion li.open .link { color: #179cde; } .accordion li.open i.aui-icon-q { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA8NJREFUWAnlVz1MVEEQnnkEIVE0Rg8i2GhDopVEoxSGisZCSNCGxoQQC38Ko/wYTbRAI1DY2EGsjJUasJQGAyYaTWzQxJhogWgEjTE2EOSN3+ze7tv7gbuDo3KSe2/e7M433+7Ozu4R/e/CpUyA9KcO0Qq3E8XHSbgBvvVp/6/EMkcUTVGFjPGdhbfF4hZFQHpTp0hkgIQaiwJm+kDM13lo4VGh/msSkOt1+2gpfojgxwoB5W1nfklVUScPfP+ctx3GVQlIz+4WND9G8F3emekXbOMY3ThVxO+pir+atiWpp+XoIJbhJJG0YaZ2Jj78E7YOHv7x3NsCJS8BE1xoAv0qTV/mRYDepYqaQR789Dvwz1Glb/8OWvnTh6FdAvnqdIdlfLfmI5FDID3tr4ORz1FU2c5D397kRFvDIL17DlO8PIYumqyYOMxEVXQkezki0xg+7Jq7aZ+jquqjpQY38ZQwfKFjd0B0KRU7SzIIpLPdJpxOu4781hcLkOVYzKfxBQZGv2j6I5lNjMA5gwBYDvg2rPl6Ru7904rB0PxxEsaAzRNA4jX5fa7ZjoRzPht+K5bZQUBCLTEFLQ3qCYBLWxKIxwtle9K3sGaxsHWdmGpqPwICKK9OdJ+XW4SfJpBJrISAre22jxaZcktl/M5DBrESAsnBQr7CeY8yKK5qWih3iCVJWIYQBSAq46CDL4DhDNi6rr20tpdbFuPaAHLe6QkBc56nzSvRAdehbO84bgqwZp2eENDLhBPBibZOkZ5UF34jIuKn2UBJ3OohmSednhDATcYZ9Ug1p1piKErT4Kimo/h1U2/tqCMhvY01KECdAcgzp3sC5hqlNxkVPc/1SC1dmuFiRy7SlZD4dRn27RaOZ3h4/oWD9gSMAdco16DnuTlSvaEIZWj+LA6e+76nIZF6QhJf9TbmYa9DySBg7nB6jVLRywTOc7m2157nxrj2g5mFhua7M0lQO2Z0i/Xkadp67kGIkkHANOAOZy4PtlcDLS2+KmUmEhIU5BTAmGL8uvjmzbAeZM6AxrQ3FumAuqzfkAaSv1NyJXW7mMQ0CddXdwN+J4y3e4iJ1e8S05kzt4qz4l38pRQVTouM7nPdajbb0wkHIB25DW7RNUewTGamTLM1531u+FpOWHNMO8D7kVP6thKQyM0B1wlvXQ4eXmimiE8DyG7RoH11lWeIozO07XwL/D/mJibI9NSOqP+qS5APfJW/ZoqhtX0WyTtJkUzw4MJ0tr9ZexQnPxMRX8Suu5fdb1O/lQSSeRQX0wubGqgU8H8v+3D7bEZ2hgAAAABJRU5ErkJggg==) no-repeat; background-size: 14px; } .accordion li.open i.icon-dow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE2N0Y5ODdCMTExMTFFOEIwM0I4OTZDNzlENzcxRUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE2N0Y5ODhCMTExMTFFOEIwM0I4OTZDNzlENzcxRUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTY3Rjk4NUIxMTExMUU4QjAzQjg5NkM3OUQ3NzFFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTY3Rjk4NkIxMTExMUU4QjAzQjg5NkM3OUQ3NzFFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+OZqIAAAIaSURBVHja7NnNSsNAEADgmZgoIoi0BYUeBMGXqIjoA/gOghd78KftWfDmwRKlop696HMIevHiQa+Cggex9V+qTcy49iLRtMZkd1vsDJQmJWnnY9vdmS0SEXRSGNBhwWAGM5jBDGYwgxnMYAYzmMEMZjCDOyDMUFfNY4/Tk9xGwBEi2O8ulnfaIXknn1oRT1lA2LXWyvkw21WhRtixkrMCOyMOJxBhu1ZILLYa6xaSWwK6LB4pcZpzc6lpaV9pgRzynYNhtxL9iSXAOf+rlJAGNt3XTSC4bgd0EJaATrucyp68Ed54uTY9J9NqdCCW6Myi2iSW4E3qLI32w3kr0Q2xljuOxaeykmXpC01XOtFNsasPd0rX4Toa3sd0oWViIxceWLy/0IGWjY1VaalGq8DGLi1VoYOXHjiJi63nFqYcQ1F5NAvKDwy70HUoLkz7k/SWutdu16Vg37wJLN0+Ns1DVmkZdqRFAXAZZ6TjYLV3S59o6x0yUdE6sNLbQ7QrV1HQurBK+uG/onVilW0AhEUHdj1Ex6qw0mbphrPmUjLtGHggbh/xm7ycgTgahDWrxhRu3TxH+rwwFpXgehILfYOO2Xv0HR2QbSys1mXpt9bScqsZkcu5SmxbbeI1RWvEagM3RGvGavkN/5zI+hOuYWXFYc30KiW0oSrtvWVNWv8p+J8HBjOYwQxmMIMZzGAGM5jBDGYwgzsgPgQYAKZgliM7b392AAAAAElFTkSuQmCC); } .accordion li.open i.icon-dow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .td_content_wrap { width: 420px; margin: 0 auto; font-size: 16px; } .td_screenshot { background: url(../image/td_laptop.png) 50% 0 no-repeat; background-size: contain; padding-top: 58%; margin-top: 48px; } #td_about_tdesktop { margin: 0 auto; color: #67696a; margin: 14px 10px 24px; font-weight: 300; } #td_about_tdesktop, #td_open_from_desktop { font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Light', Helvetica, Arial , Verdana, sans-serif; line-height: 150%; text-align: center; } .td_content_title { font-size: 28px; color: #383a3b; text-align: center; margin-top: 32px; margin-bottom: 14px; font-weight: normal; letter-spacing: -1px; } .td_download_wrap, .td_download_wrap_low { margin: 0 -130px; width: 680px; text-align: center; } .td_download_btn_wrap { display: inline-block; vertical-align: top; } .td_download_btn_wrap .td_download_btn, .td_download_btn_wrap .td_download_add { display: block; } .td_download_btn { display: inline-block; vertical-align: top; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; border-color: #357ebd; padding: 10px 14px; min-width: 266px; font-size: 15px; line-height: 2; border-radius: 30px;background-color: #1d98dc; margin: 5px 10px; } .td_download_btn_wrap .td_download_add { margin-top: 15px; } .td_download_add { min-width: 256px; padding: 0 15px 20px; margin: 5px 10px; text-align: center; display: inline-block; cursor: pointer; } .td_download_add_wrap { width: 680px; margin: 0 -130px 10px; text-align: center; } .td_btn_hidden, .td_all_shown .td_show_all_platforms { display: none; } .td_download_wrap_low { margin-bottom: 30px; } .td_all_shown span.td_btn_hidden { display: inline; } .td_all_shown div.td_btn_hidden { display: block; } .td_screenshot1 { background: url(../image/telegram-android.png) 50% 0 no-repeat; background-size: contain; padding-top: 80%; margin-top: 48px; } .td_screenshot2 { background: url(../image/telegram-iphone-and-ipad.jpg) 50% 0 no-repeat; background-size: contain; padding-top: 58%; margin-top: 48px; } .td_screenshot3 { background: url(../image/artboard.png) 50% 0 no-repeat; background-size: contain; padding-top: 70%; margin-top: 20px; } #dev_page_title { position: static; } #dev_page_content, #dev_page_content p { font-size: 14px; line-height: 1.5; } #dev_page_content, #dev_page_content p { font-size: 14px; line-height: 1.5; } #tdesktop { width: 97px; height: 97px; background: url(../image/telegram-an.png) center center; margin: 0 auto; } #dev_page_titleaq { position: static; font-size: 20px; margin-top: 32px; margin-bottom: 12px; font-weight: bold; margin: 20px 0 10px 0; } #dev_page_content_wrap blockquote { padding: 5px 17px; } blockquote { border-left-color: #179cde; } blockquote p { font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 10px; } .dev_page_titleae { font-weight: bold; font-size: 16px; margin-top: 29px; margin-bottom: 7px; } #dev_page_content .dev_page_nav_wrap ul { list-style-type: none; margin: 0; padding: 0 0 20px; } #dev_page_content .dev_page_nav_wrap ul li { background: none; padding-left: 0; padding-top: 1px; padding-bottom: 2px; } .app-icon-android { background-image: url(../image/app_icon_android.svg); } .app-icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 7px; vertical-align: -9px;  background-size: cover; } .app-icon-ios { background-image: url(../image/app_icon_ios.svg); } .app-icon-desktop { background-image: url(../image/app_icon_desktop.svg); } .app-icon-macos { background-image: url(../image/app_icon_macos.svg); } .app-icon-webk { background-image: url(../image/app_icon_webk.svg); } .app-icon-webz { background-image: url(../image/app_icon_webz.svg); } .top-qq { width: 150px; padding-left: 10px; border: 1px solid #d5eef9; height:30px;} .top-qc { width:220px; margin:0 auto;} .input-sub { width: 25%; line-height: 32px; height: 30px; background: #179cde; border: 0; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }