/* --------------------------- font-size --------------------------- */ #page-android-id .l-fs10 { font-size:10px; } #page-android-id .l-fs11 { font-size:11px; } #page-android-id .l-fs12 { font-size:12px; } #page-android-id .l-fs13 { font-size:13px; } #page-android-id .l-fs14 { font-size:14px; } #page-android-id .l-fs15 { font-size:15px; } #page-android-id .l-fs16 { font-size:16px; } #page-android-id .l-fs17 { font-size:17px; } #page-android-id .l-fs18 { font-size:18px; } #page-android-id .l-fs19 { font-size:19px; } #page-android-id .l-fs20 { font-size:20px; } #page-android-id .l-fs21 { font-size:21px; } #page-android-id .l-fs22 { font-size:22px; } #page-android-id .l-fs23 { font-size:23px; } #page-android-id .l-fs24 { font-size:24px; } #page-android-id .l-fs25 { font-size:25px; } #page-android-id .l-fs26 { font-size:26px; } #page-android-id .l-fs27 { font-size:27px; } #page-android-id .l-fs28 { font-size:28px; } #page-android-id .l-fs29 { font-size:29px; } #page-android-id .l-fs30 { font-size:30px; } #page-android-id .l-fs31 { font-size:31px; } #page-android-id .l-fs32 { font-size:32px; } #page-android-id .l-fs33 { font-size:33px; } #page-android-id .l-fs34 { font-size:34px; } #page-android-id .l-fs35 { font-size:35px; } #page-android-id .l-fs36 { font-size:36px; } #page-android-id .l-fs37 { font-size:37px; } #page-android-id .l-fs38 { font-size:38px; } #page-android-id .l-fs39 { font-size:39px; } #page-android-id .l-fs40 { font-size:40px; } #page-android-id .l-fs41 { font-size:41px; } #page-android-id .l-fs42 { font-size:42px; } #page-android-id .l-fs43 { font-size:43px; } #page-android-id .l-fs44 { font-size:44px; } #page-android-id .l-fs45 { font-size:45px; } #page-android-id .l-fs46 { font-size:46px; } #page-android-id .l-fs47 { font-size:47px; } #page-android-id .l-fs48 { font-size:48px; } #page-android-id .l-fs49 { font-size:49px; } #page-android-id .l-fs50 { font-size:50px; } #page-android-id .l-fs60 { font-size:60px; } #page-android-id .l-fs70 { font-size:70px; } #page-android-id .l-sub80 { font-size:80%; } #page-android-id .l-sub75 { font-size:75%; } #page-android-id .l-sub70 { font-size:70%; } #page-android-id .l-sub65 { font-size:65%; } #page-android-id .l-sub60 { font-size:60%; } #page-android-id .l-sub55 { font-size:55%; } #page-android-id .l-sub50 { font-size:50%; } #page-android-id .l-strong110 { font-size:110%; } #page-android-id .l-strong115 { font-size:115%; } #page-android-id .l-strong120 { font-size:120%; } #page-android-id .l-strong125 { font-size:125%; } #page-android-id .l-strong130 { font-size:130%; } #page-android-id .l-strong135 { font-size:135%; } #page-android-id .l-strong140 { font-size:140%; } #page-android-id .l-strong145 { font-size:145%; } #page-android-id .l-strong150 { font-size:150%; } #page-android-id .l-strong155 { font-size:155%; } #page-android-id .l-strong160 { font-size:160%; } #page-android-id .l-strong165 { font-size:165%; } #page-android-id .l-strong170 { font-size:170%; } #page-android-id .l-strong175 { font-size:175%; } #page-android-id .l-strong180 { font-size:180%; } #page-android-id .l-strong185 { font-size:185%; } #page-android-id .l-strong190 { font-size:190%; } #page-android-id .l-strong195 { font-size:195%; } #page-android-id .l-strong200 { font-size:200%; } #page-android-id .l-strong250 { font-size:250%; } #page-android-id .l-strong300 { font-size:300%; } /* --------------------------- maragin-set --------------------------- */ #page-android-id .l-childs-mb0 > *:not(:last-child) { margin-bottom:0px; } #page-android-id .l-childs-mb5 > *:not(:last-child) { margin-bottom:5px; } #page-android-id .l-childs-mb10 > *:not(:last-child) { margin-bottom:10px; } #page-android-id .l-childs-mb15 > *:not(:last-child) { margin-bottom:15px; } #page-android-id .l-childs-mb20 > *:not(:last-child) { margin-bottom:20px; } #page-android-id .l-childs-mb25 > *:not(:last-child) { margin-bottom:25px; } #page-android-id .l-childs-mb30 > *:not(:last-child) { margin-bottom:30px; } #page-android-id .l-childs-mb35 > *:not(:last-child) { margin-bottom:35px; } #page-android-id .l-childs-mb40 > *:not(:last-child) { margin-bottom:40px; } #page-android-id .l-childs-mb45 > *:not(:last-child) { margin-bottom:45px; } #page-android-id .l-childs-mb50 > *:not(:last-child) { margin-bottom:50px; } #page-android-id .l-childs-mb55 > *:not(:last-child) { margin-bottom:55px; } #page-android-id .l-childs-mb60 > *:not(:last-child) { margin-bottom:60px; } #page-android-id .l-childs-mb65 > *:not(:last-child) { margin-bottom:65px; } #page-android-id .l-childs-mb70 > *:not(:last-child) { margin-bottom:70px; } #page-android-id .l-childs-mb75 > *:not(:last-child) { margin-bottom:75px; } #page-android-id .l-childs-mb80 > *:not(:last-child) { margin-bottom:80px; } #page-android-id .l-childs-mb85 > *:not(:last-child) { margin-bottom:85px; } #page-android-id .l-childs-mb90 > *:not(:last-child) { margin-bottom:90px; } #page-android-id .l-childs-mb95 > *:not(:last-child) { margin-bottom:95px; } #page-android-id .l-childs-mb100 > *:not(:last-child) { margin-bottom:100px; } #page-android-id .l-childs-mb150 > *:not(:last-child) { margin-bottom:150px; } #page-android-id .l-childs-mb200 > *:not(:last-child) { margin-bottom:200px; } #page-android-id .l-childs-mb250 > *:not(:last-child) { margin-bottom:250px; } #page-android-id .l-childs-mb300 > *:not(:last-child) { margin-bottom:300px; } #page-android-id .l-mb0 { margin-bottom:0px; } #page-android-id .l-mb5 { margin-bottom:5px; } #page-android-id .l-mb10 { margin-bottom:10px; } #page-android-id .l-mb15 { margin-bottom:15px; } #page-android-id .l-mb20 { margin-bottom:20px; } #page-android-id .l-mb25 { margin-bottom:25px; } #page-android-id .l-mb30 { margin-bottom:30px; } #page-android-id .l-mb35 { margin-bottom:35px; } #page-android-id .l-mb40 { margin-bottom:40px; } #page-android-id .l-mb45 { margin-bottom:45px; } #page-android-id .l-mb50 { margin-bottom:50px; } #page-android-id .l-mb55 { margin-bottom:55px; } #page-android-id .l-mb60 { margin-bottom:60px; } #page-android-id .l-mb65 { margin-bottom:65px; } #page-android-id .l-mb70 { margin-bottom:70px; } #page-android-id .l-mb75 { margin-bottom:75px; } #page-android-id .l-mb80 { margin-bottom:80px; } #page-android-id .l-mb85 { margin-bottom:85px; } #page-android-id .l-mb90 { margin-bottom:90px; } #page-android-id .l-mb95 { margin-bottom:95px; } #page-android-id .l-mb100 { margin-bottom:100px; } #page-android-id .l-mb150 { margin-bottom:150px; } #page-android-id .l-mb200 { margin-bottom:200px; } #page-android-id .l-mb250 { margin-bottom:250px; } #page-android-id .l-mb300 { margin-bottom:300px; } #page-android-id .l-mt0 { margin-top:0px; } #page-android-id .l-mt5 { margin-top:5px; } #page-android-id .l-mt10 { margin-top:10px; } #page-android-id .l-mt15 { margin-top:15px; } #page-android-id .l-mt20 { margin-top:20px; } #page-android-id .l-mt25 { margin-top:25px; } #page-android-id .l-mt30 { margin-top:30px; } #page-android-id .l-mt35 { margin-top:35px; } #page-android-id .l-mt40 { margin-top:40px; } #page-android-id .l-mt45 { margin-top:45px; } #page-android-id .l-mt50 { margin-top:50px; } #page-android-id .l-mt55 { margin-top:55px; } #page-android-id .l-mt60 { margin-top:60px; } #page-android-id .l-mt65 { margin-top:65px; } #page-android-id .l-mt70 { margin-top:70px; } #page-android-id .l-mt75 { margin-top:75px; } #page-android-id .l-mt80 { margin-top:80px; } #page-android-id .l-mt85 { margin-top:85px; } #page-android-id .l-mt90 { margin-top:90px; } #page-android-id .l-mt95 { margin-top:95px; } #page-android-id .l-mt100 { margin-top:100px; } #page-android-id .l-mt150 { margin-top:150px; } #page-android-id .l-mt200 { margin-top:200px; } #page-android-id .l-mt250 { margin-top:250px; } #page-android-id .l-mt300 { margin-top:300px; } #page-android-id .l-ml0 { margin-left:0px; } #page-android-id .l-ml5 { margin-left:5px; } #page-android-id .l-ml10 { margin-left:10px; } #page-android-id .l-ml15 { margin-left:15px; } #page-android-id .l-ml20 { margin-left:20px; } #page-android-id .l-ml25 { margin-left:25px; } #page-android-id .l-ml30 { margin-left:30px; } #page-android-id .l-ml35 { margin-left:35px; } #page-android-id .l-ml40 { margin-left:40px; } #page-android-id .l-ml45 { margin-left:45px; } #page-android-id .l-ml50 { margin-left:50px; } #page-android-id .l-ml55 { margin-left:55px; } #page-android-id .l-ml60 { margin-left:60px; } #page-android-id .l-ml65 { margin-left:65px; } #page-android-id .l-ml70 { margin-left:70px; } #page-android-id .l-ml75 { margin-left:75px; } #page-android-id .l-ml80 { margin-left:80px; } #page-android-id .l-ml85 { margin-left:85px; } #page-android-id .l-ml90 { margin-left:90px; } #page-android-id .l-ml95 { margin-left:95px; } #page-android-id .l-ml100 { margin-left:100px; } #page-android-id .l-ml150 { margin-left:150px; } #page-android-id .l-ml200 { margin-left:200px; } #page-android-id .l-ml250 { margin-left:250px; } #page-android-id .l-ml300 { margin-left:300px; } #page-android-id .l-mr0 { margin-right:0px; } #page-android-id .l-mr5 { margin-right:5px; } #page-android-id .l-mr10 { margin-right:10px; } #page-android-id .l-mr15 { margin-right:15px; } #page-android-id .l-mr20 { margin-right:20px; } #page-android-id .l-mr25 { margin-right:25px; } #page-android-id .l-mr30 { margin-right:30px; } #page-android-id .l-mr35 { margin-right:35px; } #page-android-id .l-mr40 { margin-right:40px; } #page-android-id .l-mr45 { margin-right:45px; } #page-android-id .l-mr50 { margin-right:50px; } #page-android-id .l-mr55 { margin-right:55px; } #page-android-id .l-mr60 { margin-right:60px; } #page-android-id .l-mr65 { margin-right:65px; } #page-android-id .l-mr70 { margin-right:70px; } #page-android-id .l-mr75 { margin-right:75px; } #page-android-id .l-mr80 { margin-right:80px; } #page-android-id .l-mr85 { margin-right:85px; } #page-android-id .l-mr90 { margin-right:90px; } #page-android-id .l-mr95 { margin-right:95px; } #page-android-id .l-mr100 { margin-right:100px; } #page-android-id .l-mr150 { margin-right:150px; } #page-android-id .l-mr200 { margin-right:200px; } #page-android-id .l-mr250 { margin-right:250px; } #page-android-id .l-mr300 { margin-right:300px; } /* --------------------------- padding-set --------------------------- */ #page-android-id .l-pd10 { padding:10px; } #page-android-id .l-pd15 { padding:15px; } #page-android-id .l-pd20 { padding:20px; } #page-android-id .l-pd25 { padding:25px; } #page-android-id .l-pd30 { padding:30px; } #page-android-id .l-pd35 { padding:35px; } #page-android-id .l-pd40 { padding:40px; } #page-android-id .l-pd45 { padding:45px; } #page-android-id .l-pd50 { padding:50px; } #page-android-id .l-pd55 { padding:55px; } #page-android-id .l-pd60 { padding:60px; } #page-android-id .l-pd65 { padding:65px; } #page-android-id .l-pd70 { padding:70px; } #page-android-id .l-pd75 { padding:75px; } #page-android-id .l-pd80 { padding:80px; } #page-android-id .l-pd85 { padding:85px; } #page-android-id .l-pd90 { padding:90px; } #page-android-id .l-pd95 { padding:95px; } #page-android-id .l-pd100 { padding:100px; } #page-android-id .l-pd150 { padding:150px; } #page-android-id .l-pd200 { padding:200px; } #page-android-id .l-pd250 { padding:250px; } #page-android-id .l-pd300 { padding:300px; } #page-android-id .l-pdb0 { padding-bottom:0px; } #page-android-id .l-pdb5 { padding-bottom:5px; } #page-android-id .l-pdb10 { padding-bottom:10px; } #page-android-id .l-pdb15 { padding-bottom:15px; } #page-android-id .l-pdb20 { padding-bottom:20px; } #page-android-id .l-pdb25 { padding-bottom:25px; } #page-android-id .l-pdb30 { padding-bottom:30px; } #page-android-id .l-pdb35 { padding-bottom:35px; } #page-android-id .l-pdb40 { padding-bottom:40px; } #page-android-id .l-pdb45 { padding-bottom:45px; } #page-android-id .l-pdb50 { padding-bottom:50px; } #page-android-id .l-pdb55 { padding-bottom:55px; } #page-android-id .l-pdb60 { padding-bottom:60px; } #page-android-id .l-pdb65 { padding-bottom:65px; } #page-android-id .l-pdb70 { padding-bottom:70px; } #page-android-id .l-pdb75 { padding-bottom:75px; } #page-android-id .l-pdb80 { padding-bottom:80px; } #page-android-id .l-pdb85 { padding-bottom:85px; } #page-android-id .l-pdb90 { padding-bottom:90px; } #page-android-id .l-pdb95 { padding-bottom:95px; } #page-android-id .l-pdb100 { padding-bottom:100px; } #page-android-id .l-pdb150 { padding-bottom:150px; } #page-android-id .l-pdb200 { padding-bottom:200px; } #page-android-id .l-pdb250 { padding-bottom:250px; } #page-android-id .l-pdb300 { padding-bottom:300px; } #page-android-id .l-pdt0 { padding-top:0px; } #page-android-id .l-pdt5 { padding-top:5px; } #page-android-id .l-pdt10 { padding-top:10px; } #page-android-id .l-pdt15 { padding-top:15px; } #page-android-id .l-pdt20 { padding-top:20px; } #page-android-id .l-pdt25 { padding-top:25px; } #page-android-id .l-pdt30 { padding-top:30px; } #page-android-id .l-pdt35 { padding-top:35px; } #page-android-id .l-pdt40 { padding-top:40px; } #page-android-id .l-pdt45 { padding-top:45px; } #page-android-id .l-pdt50 { padding-top:50px; } #page-android-id .l-pdt55 { padding-top:55px; } #page-android-id .l-pdt60 { padding-top:60px; } #page-android-id .l-pdt65 { padding-top:65px; } #page-android-id .l-pdt70 { padding-top:70px; } #page-android-id .l-pdt75 { padding-top:75px; } #page-android-id .l-pdt80 { padding-top:80px; } #page-android-id .l-pdt85 { padding-top:85px; } #page-android-id .l-pdt90 { padding-top:90px; } #page-android-id .l-pdt95 { padding-top:95px; } #page-android-id .l-pdt100 { padding-top:100px; } #page-android-id .l-pdt150 { padding-top:150px; } #page-android-id .l-pdt200 { padding-top:200px; } #page-android-id .l-pdt250 { padding-top:250px; } #page-android-id .l-pdt300 { padding-top:300px; } #page-android-id .l-pdl0 { padding-left:0px; } #page-android-id .l-pdl5 { padding-left:5px; } #page-android-id .l-pdl10 { padding-left:10px; } #page-android-id .l-pdl15 { padding-left:15px; } #page-android-id .l-pdl20 { padding-left:20px; } #page-android-id .l-pdl25 { padding-left:25px; } #page-android-id .l-pdl30 { padding-left:30px; } #page-android-id .l-pdl35 { padding-left:35px; } #page-android-id .l-pdl40 { padding-left:40px; } #page-android-id .l-pdl45 { padding-left:45px; } #page-android-id .l-pdl50 { padding-left:50px; } #page-android-id .l-pdl55 { padding-left:55px; } #page-android-id .l-pdl60 { padding-left:60px; } #page-android-id .l-pdl65 { padding-left:65px; } #page-android-id .l-pdl70 { padding-left:70px; } #page-android-id .l-pdl75 { padding-left:75px; } #page-android-id .l-pdl80 { padding-left:80px; } #page-android-id .l-pdl85 { padding-left:85px; } #page-android-id .l-pdl90 { padding-left:90px; } #page-android-id .l-pdl95 { padding-left:95px; } #page-android-id .l-pdl100 { padding-left:100px; } #page-android-id .l-pdl150 { padding-left:150px; } #page-android-id .l-pdl200 { padding-left:200px; } #page-android-id .l-pdl250 { padding-left:250px; } #page-android-id .l-pdl300 { padding-left:300px; } #page-android-id .l-pdr0 { padding-right:0px; } #page-android-id .l-pdr5 { padding-right:5px; } #page-android-id .l-pdr10 { padding-right:10px; } #page-android-id .l-pdr15 { padding-right:15px; } #page-android-id .l-pdr20 { padding-right:20px; } #page-android-id .l-pdr25 { padding-right:25px; } #page-android-id .l-pdr30 { padding-right:30px; } #page-android-id .l-pdr35 { padding-right:35px; } #page-android-id .l-pdr40 { padding-right:40px; } #page-android-id .l-pdr45 { padding-right:45px; } #page-android-id .l-pdr50 { padding-right:50px; } #page-android-id .l-pdr55 { padding-right:55px; } #page-android-id .l-pdr60 { padding-right:60px; } #page-android-id .l-pdr65 { padding-right:65px; } #page-android-id .l-pdr70 { padding-right:70px; } #page-android-id .l-pdr75 { padding-right:75px; } #page-android-id .l-pdr80 { padding-right:80px; } #page-android-id .l-pdr85 { padding-right:85px; } #page-android-id .l-pdr90 { padding-right:90px; } #page-android-id .l-pdr95 { padding-right:95px; } #page-android-id .l-pdr100 { padding-right:100px; } #page-android-id .l-pdr150 { padding-right:150px; } #page-android-id .l-pdr200 { padding-right:200px; } #page-android-id .l-pdr250 { padding-right:250px; } #page-android-id .l-pdr300 { padding-right:300px; } #page-android-id .l-pdlr0 { padding-left:0px; padding-right:0px; } #page-android-id .l-pdlr5 { padding-left:5px; padding-right:5px; } #page-android-id .l-pdlr10 { padding-left:10px; padding-right:10px; } #page-android-id .l-pdlr15 { padding-left:15px; padding-right:15px; } #page-android-id .l-pdlr20 { padding-left:20px; padding-right:20px; } #page-android-id .l-pdlr25 { padding-left:25px; padding-right:25px; } #page-android-id .l-pdlr30 { padding-left:30px; padding-right:30px; } #page-android-id .l-pdlr35 { padding-left:35px; padding-right:35px; } #page-android-id .l-pdlr40 { padding-left:40px; padding-right:40px; } #page-android-id .l-pdlr45 { padding-left:45px; padding-right:45px; } #page-android-id .l-pdlr50 { padding-left:50px; padding-right:50px; } #page-android-id .l-pdlr55 { padding-left:55px; padding-right:55px; } #page-android-id .l-pdlr60 { padding-left:60px; padding-right:60px; } #page-android-id .l-pdlr65 { padding-left:65px; padding-right:65px; } #page-android-id .l-pdlr70 { padding-left:70px; padding-right:70px; } #page-android-id .l-pdlr75 { padding-left:75px; padding-right:75px; } #page-android-id .l-pdlr80 { padding-left:80px; padding-right:80px; } #page-android-id .l-pdlr85 { padding-left:85px; padding-right:85px; } #page-android-id .l-pdlr90 { padding-left:90px; padding-right:90px; } #page-android-id .l-pdlr95 { padding-left:95px; padding-right:95px; } #page-android-id .l-pdlr100 { padding-left:100px; padding-right:100px; } #page-android-id .l-pdlr150 { padding-left:150px; padding-right:150px; } #page-android-id .l-pdlr200 { padding-left:200px; padding-right:200px; } #page-android-id .l-pdlr250 { padding-left:250px; padding-right:250px; } #page-android-id .l-pdlr300 { padding-left:300px; padding-right:300px; } #page-android-id .l-pdtb0 { padding-top:0px; padding-bottom:0px; } #page-android-id .l-pdtb5 { padding-top:5px; padding-bottom:5px; } #page-android-id .l-pdtb10 { padding-top:10px; padding-bottom:10px; } #page-android-id .l-pdtb15 { padding-top:15px; padding-bottom:15px; } #page-android-id .l-pdtb20 { padding-top:20px; padding-bottom:20px; } #page-android-id .l-pdtb25 { padding-top:25px; padding-bottom:25px; } #page-android-id .l-pdtb30 { padding-top:30px; padding-bottom:30px; } #page-android-id .l-pdtb35 { padding-top:35px; padding-bottom:35px; } #page-android-id .l-pdtb40 { padding-top:40px; padding-bottom:40px; } #page-android-id .l-pdtb45 { padding-top:45px; padding-bottom:45px; } #page-android-id .l-pdtb50 { padding-top:50px; padding-bottom:50px; } #page-android-id .l-pdtb55 { padding-top:55px; padding-bottom:55px; } #page-android-id .l-pdtb60 { padding-top:60px; padding-bottom:60px; } #page-android-id .l-pdtb65 { padding-top:65px; padding-bottom:65px; } #page-android-id .l-pdtb70 { padding-top:70px; padding-bottom:70px; } #page-android-id .l-pdtb75 { padding-top:75px; padding-bottom:75px; } #page-android-id .l-pdtb80 { padding-top:80px; padding-bottom:80px; } #page-android-id .l-pdtb85 { padding-top:85px; padding-bottom:85px; } #page-android-id .l-pdtb90 { padding-top:90px; padding-bottom:90px; } #page-android-id .l-pdtb95 { padding-top:95px; padding-bottom:95px; } #page-android-id .l-pdtb100 { padding-top:100px; padding-bottom:100px; } #page-android-id .l-pdtb150 { padding-top:150px; padding-bottom:150px; } #page-android-id .l-pdtb200 { padding-top:200px; padding-bottom:200px; } #page-android-id .l-pdtb250 { padding-top:250px; padding-bottom:250px; } #page-android-id .l-pdtb300 { padding-top:300px; padding-bottom:300px; } /* --------------------------- grid-rayout --------------------------- */ #page-android-id .l-grid > .grid-inner > *, #page-android-id .l-grid > *:not(.grid-inner) { float:left; } [class*="grid"].gpd-l-40 > .grid-inner { margin-left:-40px; width:calc(100% + 40px); } [class*="grid"].gpd-l-40 > .grid-inner > * { box-sizing:border-box; padding-left:40px; } [class*="grid"].gpd-l-30 > .grid-inner { margin-left:-30px; width:calc(100% + 30px); } [class*="grid"].gpd-l-30 > .grid-inner > * { box-sizing:border-box; padding-left:30px; } [class*="grid"].gpd-l-25 > .grid-inner { margin-left:-25px; width:calc(100% + 25px); } [class*="grid"].gpd-l-25 > .grid-inner > * { box-sizing:border-box; padding-left:25px; } [class*="grid"].gpd-l-20 > .grid-inner { margin-left:-20px; width:calc(100% + 20px); } [class*="grid"].gpd-l-20 > .grid-inner > * { box-sizing:border-box; padding-left:20px; } [class*="grid"].gpd-l-10 > .grid-inner { margin-left:-10px; width:calc(100% + 10px); } [class*="grid"].gpd-l-10 > .grid-inner > * { box-sizing:border-box; padding-left:10px; } #page-android-id .l-w10 { width:10%; } #page-android-id .l-w15 { width:15%; } #page-android-id .l-w20 { width:20%; } #page-android-id .l-w25 { width:25%; } #page-android-id .l-w30 { width:30%; } #page-android-id .l-w33 { width:33.33%; } #page-android-id .l-w35 { width:35%; } #page-android-id .l-w40 { width:40%; } #page-android-id .l-w45 { width:45%; } #page-android-id .l-w50 { width:50%; } #page-android-id .l-w55 { width:55%; } #page-android-id .l-w60 { width:60%; } #page-android-id .l-w65 { width:65%; } #page-android-id .l-w66 { width:66.66%; } #page-android-id .l-w70 { width:70%; } #page-android-id .l-w75 { width:75%; } #page-android-id .l-w80 { width:80%; } #page-android-id .l-w85 { width:85%; } #page-android-id .l-w90 { width:90%; } #page-android-id .l-w95 { width:95%; } #page-android-id .l-w100 { width:100%; } #page-android-id .l-w-auto { width:auto; } #page-android-id .l-max-w100 { max-width:100%; } #page-android-id .l-max-w450 { max-width:450px; margin-left:auto; margin-right:auto; } #page-android-id .l-max-w470 { max-width:470px; margin-left:auto; margin-right:auto; } #page-android-id .l-max-w600 { max-width:600px; margin-left:auto; margin-right:auto; } /* --------------------------- flex-box --------------------------- */ #page-android-id .l-flex { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; } #page-android-id .l-flex > * { box-sizing:border-box; } #page-android-id [class*="flex"].l-flpd5 { width:calc(100% + 5px); margin-left:-5px; } #page-android-id [class*="flex"].l-flpd5 > * { padding-left:5px; } #page-android-id [class*="flex"].l-flpd10 { width:calc(100% + 10px); margin-left:-10px; } #page-android-id [class*="flex"].l-flpd10 > * { padding-left:10px; } #page-android-id [class*="flex"].l-flpd15 { width:calc(100% + 15px); margin-left:-15px; } #page-android-id [class*="flex"].l-flpd15 > * { padding-left:15px; } #page-android-id [class*="flex"].l-flpd20 { width:calc(100% + 20px); margin-left:-20px; } #page-android-id [class*="flex"].l-flpd20 > * { padding-left:20px; } #page-android-id [class*="flex"].l-flpd25 { width:calc(100% + 25px); margin-left:-25px; } #page-android-id [class*="flex"].l-flpd25 > * { padding-left:25px; } #page-android-id [class*="flex"].l-flpd30 { width:calc(100% + 30px); margin-left:-30px; } #page-android-id [class*="flex"].l-flpd30 > * { padding-left:30px; } #page-android-id [class*="flex"].l-flpd35 { width:calc(100% + 35px); margin-left:-35px; } #page-android-id [class*="flex"].l-flpd35 > * { padding-left:35px; } #page-android-id [class*="flex"].l-flpd40 { width:calc(100% + 40px); margin-left:-40px; } #page-android-id [class*="flex"].l-flpd40 > * { padding-left:40px; } #page-android-id [class*="flex"].l-flpd45 { width:calc(100% + 45px); margin-left:-45px; } #page-android-id [class*="flex"].l-flpd45 > * { padding-left:45px; } #page-android-id [class*="flex"].l-flpd50 { width:calc(100% + 50px); margin-left:-50px; } #page-android-id [class*="flex"].l-flpd50 > * { padding-left:50px; } #page-android-id [class*="flex"].l-flpd55 { width:calc(100% + 55px); margin-left:-55px; } #page-android-id [class*="flex"].l-flpd55 > * { padding-left:55px; } #page-android-id [class*="flex"] > .l-order-first { order:-1; } #page-android-id [class*="flex"] > .l-order-1 { order:1; } #page-android-id [class*="flex"] > .l-order-2 { order:2; } #page-android-id [class*="flex"] > .l-order-3 { order:3; } #page-android-id [class*="flex"] > .l-order-4 { order:4; } #page-android-id [class*="flex"] > .l-order-5 { order:5; } #page-android-id [class*="flex"].l-justify-center { justify-content: center; } #page-android-id [class*="flex"].l-justify-between { justify-content: space-between; } #page-android-id [class*="flex"].l-align-center { align-items: center; } /* --------------------------- icons --------------------------- */ .with-l-arrow { position: relative; margin-right:1em; vertical-align:middle; } .with-l-arrow:after { content:""; display:inline-block; width:.4em; height:.4em; border-top-style: solid; border-top-width: 2px; border-right-style: solid; border-right-width: 2px; transform:rotate(45deg); transition:border .3s ease; -webkit-font-smoothing: none; position:absolute; top:calc(50% - .35em); vertical-align: middle; margin-left:.25em; } a.with-l-hover { transition:opacity .3s ease; opacity:1; } a.with-l-hover:hover { opacity:.5; } /* --------------------------- common color --------------------------- */ #page-android-id .l-f-color-red { color:red; } #page-android-id .l-f-color-black { color:#000; } #page-android-id .l-f-color-white { color:#fff; -webkit-font-smoothing: antialiased; } #page-android-id .l-f-color-orange { color:#fd7800; -webkit-font-smoothing: antialiased; } #page-android-id .l-f-color-666 { color:#666666; -webkit-font-smoothing: antialiased; } #page-android-id .l-f-color-gray { color:#757575; } #page-android-id .l-f-color-gold { color:#be9e5b; } #page-android-id .l-f-color-lightgreen { color:#23584b; -webkit-font-smoothing: antialiased; } #page-android-id .l-bg-light-gray { background-color:#f4f5f6; } #page-android-id .l-bg-gray { background-color:#e6e8eb; } #page-android-id .l-bg-black { background-color:#000; } #page-android-id .l-bg-red { background-color:#c30012; } #page-android-id .l-bg-white { background-color:#fff; } #page-android-id .l-bg-green { background-color:#e8f2e6; } #page-android-id .l-bg-beige { background-color:#e6e5db; } #page-android-id .l-bg-beige-light { background-color:#efefeb; } /* --------------------------- additional-settings --------------------------- */ #page-android-id .l-f-left { float:left; } #page-android-id .l-f-right { float:right; } #page-android-id .l-txt-left { text-align:left; } #page-android-id .l-txt-right { text-align:right; } #page-android-id .l-txt-center { text-align:center; } #page-android-id .l-block-center { margin-left:auto; margin-right:auto; } #page-android-id .l-f-color-white { color:#fff; -webkit-font-smoothing: antialiased; } #page-android-id .l-f-color-orange { color:#fd7800; -webkit-font-smoothing: antialiased; } #page-android-id .l-f-color-666 { color:#666666; -webkit-font-smoothing: antialiased; } #page-android-id .l-f-color-lightgreen { color:#23584b; -webkit-font-smoothing: antialiased; } #page-android-id .l-hide { display:none; } #page-android-id .l-nowrap { white-space:nowrap; } #page-android-id .l-kerning { letter-spacing:-.08em; } #page-android-id .l-w100 { width:100%; } #page-android-id .l-h100 { height:100%; } #page-android-id .l-border-ccc { border:1px solid #cccccc; } #page-android-id .l-border-b-ccc { border-bottom:1px solid #cccccc; } #page-android-id .l-inblock { display:inline-block; } #page-android-id .l-bold { font-weight:bold; -webkit-font-smoothing: antialiased; } #page-android-id .l-lh100 { line-height:100%; } #page-android-id .l-lh120 { line-height:120%; } #page-android-id .l-lh140 { line-height:140%; } /* --------------------------- table --------------------------- */ table th, table td { padding:1em; } #page-android-id .l-va-t { vertical-align:top; } #page-android-id .l-va-m { vertical-align:middle; } #page-android-id .l-va-b { vertical-align:bottom; } #page-android-id .l-table { display:table; } #page-android-id .l-table > .l-t-row { display:table-row; } #page-android-id .l-table > .t-cell { display:table-cell; height:100%; } #page-android-id .l-table > .l-t-row > .t-cell { display:table-cell } /*.l-table > .t-cell.va-m { vertical-align:middle; }*/ /*.l-table > .t-cell.va-t { vertical-align:top; }*/ /*.l-table > .t-cell.va-b { vertical-align:bottom; }*/ /* --------------------------- button --------------------------- */ #page-android-id .button > *:hover { color:#fff; background-color:#1d50a3; } #page-android-id .button.with-arrow:hover > * span:after { border-color:#fff; } #page-android-id .button > * { border:3px solid #1d50a3; } /* --------------------------- links --------------------------- */ a.has-underline:hover, a:hover .has-underline { text-decoration: underline; } /* --------------------------- page specific --------------------------- */ #page-android-id section.mainvisual > .inner { height:400px; position:relative; } #page-android-id section.mainvisual img { position:absolute; left:calc(50% - 475px); } #page-android-id nav.localnav li:not(:last-child) .anchor { border-right:2px solid #000; } #page-android-id section:not(.mainvisual) img { max-width:100%; vertical-align:bottom; } #page-android-id .l-max-w950 { max-width:950px; margin-left:auto; margin-right:auto; } #page-android-id { font-size:18px; color:#333; } #page-android-id section.settings .steps-lower .item:not(:first-child) .figure:before { content:""; display:inline-block; width:11%; height:11%; position:absolute; top:calc(45%); left:-22%; background-image:url(/card/set/data/static/card/special/member/android-id/img/p/steps_icon-arrow-right.png); background-size:contain; background-repeat:no-repeat; } #page-android-id .link-gp a { pointer-events:none; } #page-android-id section img[src*="steps_icon-app-sb.png"] { max-width:60px; } #page-android-id section img[src*="steps_icon-gp.png"] { max-width:185px; } #page-android-id section img[src*="partners_id-logo.png"] { max-width:68px; }