@charset "utf-8"; /* CSS Document */ .h-sub-menu {padding-right:24px;} .icon-sub{width:18px;height:18px;overflow:hidden;-webkit-transform:translateY(3px);margin-right:6px;} .h-sub-menu ul li {padding-bottom:12px;list-style:none;} .h-sub-menu ul li a {color:#262626;font-weight:700;padding:4px 8px;display:block;border-radius:5px;} .h-sub-menu ul li a:hover {background-color:#e7b712} .h-sub-menu ul li a img {max-width:18px;} .h-sub-menu ul li a:hover img {} /* Tuenv start */ /* .h-sub-menu ul li:nth-child(1) a{background-color:#e7b712} */ /* end */ .h-sub-menu ul li:nth-child(1) img{-webkit-transform:translateY(-1px)} .h-sub-menu ul li:nth-child(2) img{-webkit-transform:translateY(-36px)} .h-sub-menu ul li:nth-child(3) img{-webkit-transform:translateY(-71px)} .h-sub-menu ul li:nth-child(4) img{-webkit-transform:translateY(-107px)} .h-sub-menu ul li:nth-child(5) img{-webkit-transform:translateY(-143px)} .h-sub-menu ul li:nth-child(6) img{-webkit-transform:translateY(-176px)} .h-sub-menu ul li:nth-child(7) img{-webkit-transform:translateY(-214px)} .h-sub-menu ul li:nth-child(8) img{-webkit-transform:translateY(-247px)} .h-sub-menu ul li:nth-child(9) img{-webkit-transform:translateY(-282px)} .h-sub-menu ul li:nth-child(10) img{-webkit-transform:translateY(-317px)} .h-sub-menu ul li:nth-child(11) img{-webkit-transform:translateY(-352px)} .btn {padding:4px 12px;background-color:#fff;border-radius:5px;} .btn-showsub {display:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);bottom:10px;} .scroll-sub {position:relative} .line4 {width:100%;height:4px;position:absolute;top:0;background-color:#458ea7;display:none} .h-question {width:calc(100% - 48px);height:auto;overflow:hidden;padding:24px;background-color:#fff;border-radius:5px;box-shadow:0px 0px 1px 0px #2626262b} .h-question:hover {border-radius:5px;box-shadow:0px 0px 5px 0px #2626262b} .img-userq {width:32px;height:32px;border-radius:10px;overflow:hidden;display:inline-block} .form-question{width:calc(100% - 44px)} .form-question a{color:#262626;} .form-question a:hover{text-decoration:underline;} .info-question1{width:100%;height:auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between} .info-question1 ul{list-style:none} .info-question1 ul li{display: inline-block} .info-question1 ul li:not(:last-child) {list-style:none;padding-right:6px;} .info-question1 ul li:not(:last-child):before {content:"ยท ";font-size:18px;vertical-align:middle;line-height:20px;color:#555} .info-question1 ul li span {font-weight:700;color:#262626;} .info-question1 ul li:nth-child(5) img {margin-right:4px;-webkit-transform:translateY(-2px)} .info-question1 ul li:nth-child(5) span{color:#262626;font-weight:400;} .info-question1 ul li:nth-child(1):before {font-size:0;} .info-question1 ul li:nth-child(5):before {font-size:0;} .user-check {width:32px;height:32px;position:relative} .check-u{position:absolute;bottom:3px;right:0;width:12px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAABwgAAAcIAHND5ueAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAfpJREFUeNqUlF9IU1Ecxz/n3GtOba3C/mBNkBIv07dAhlCTJPYihDTsJYL2EIRvvYXgoz4VGETUSy8FIpFIUEEamkjDB18abakVbSESg5zrD7Pp9eGeO3ZvW84vHA73+/v9vtxzft/fEbfnIpTBeeCy2psVlwLeAOPAtLtAd30bwH2gu4z4abWuAzPADSBpB2VJYghYqCDiRrfKDbmFDGAS8FI9vKrGsIUE8AjwsXf4VK2QQA8QrLbS72sn1HIVKTSbCgI9OtBfrUjTAYO+9lvospYarY6plQd2qF+qFjtQo3kQCAd3bP8p+gKWCMCfvxsOu0jAX8oc9BwneuYuvcZNhLB60djQzKWOQWr1egDer00z/3XMcWIJ5EuZsy1XaNh3iNbGIOHWAQ7XnSDSMYRHtxqa+P6WqU8PAfMfQ64CbTbxLjWO3xfAo3sJHD1H25EuNGH5djkT49XyPUxz230b36QyVhGZXymexYfJF34DFEW+/FjkxcfRciIA8xJ44mbXfq4w8WGEwrZ16tR6nOeJO2yZhUoNfayFo4HPQBg4WRrJ5TOsbiwhpcbLpdGiaBnEgEFd3do1RTjcnc7GSWfj/7NWFogCpj1rSeAikNvDeORUTcI9/bNAp/qz3RBTubOV3qMk0AVcACJqDv3AJpAG5oCnwGu3kXYGAOeCgrAJ44cAAAAAAElFTkSuQmCC) 0 0/contain no-repeat} .btn-answer {padding:4px 30px;display:inline-block;border:1px solid #458ea7;color:#458ea7!important;border-radius:5px;} .btn-answer:hover {background-color:#458ea7;color:#fff!important;text-decoration:none!important;} .btn-showmore{padding:6px 24px;display:block;border-radius:5px;text-align:center;color:#458ea7;background-color:#fff;} .btn-showmore:hover{background-color:#f1f1f1;} .btn-showmore span{padding-right:6px;} .new-showmore{padding:6px 24px;display:block;border-radius:5px;text-align:center;color:#fff;} .col-right {padding-left:24px;overflow:hidden} .col-right h3{text-align:center;text-transform:uppercase;font-size:15px;color:#458ea7;font-weight:800;} .h-select {position:relative;width:100%;height:35px;} .dropdown-el { width:150px; position:absolute;top:0; display: inline-block; min-height: 2em; max-height: 2em; overflow: hidden; top: .5em; cursor: pointer; text-align: left; white-space: nowrap; color: #444; outline: none; left:50%; -webkit-transform:translateX(-50%); border: .06em solid transparent; border-radius: 1em; background-color: #fff; border:1px solid #e1e1e1; transition: 0.3s all ease-in-out; z-index:998; } .dropdown-el input { display: none; } .dropdown-el label { border-top: .06em solid #d9d9d9; display: block; height: 2em; line-height: 2em; padding-left: 1em; padding-right: 3em; cursor: pointer; position: relative; transition: 0.3s color ease-in-out; } .dropdown-el label:nth-child(2) { margin-top: 2em; border-top: .06em solid #d9d9d9; } .dropdown-el input:checked + label { display: block; border-top: none; position: absolute; top: 0; } .dropdown-el input:checked + label:nth-child(2) { margin-top: 0; position: relative; } .dropdown-el::after { content: ""; position: absolute; right: 0.8em; top: 0.9em; border: 0.3em solid #458ea7; border-color: #262626 transparent transparent transparent; transition: .4s all ease-in-out; } .dropdown-el.expanded { border: 0.06em solid #458ea7; background: #fff; border-radius: .25em; padding: 0; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px; max-height: 15em; } .dropdown-el.expanded label { border-top: .06em solid #d9d9d9; } .dropdown-el.expanded label:hover { color: #458ea7; } .dropdown-el.expanded input:checked + label { color: #458ea7; } .dropdown-el.expanded::after { transform: rotate(-180deg); top: .55em; } .list-ardor ul li{list-style:none;padding-top:12px;} .ardor-child {overflow:hidden;display:flex; align-items: center; } .ardor-child strong {text-align: right;flex: 1;padding-right:12px;} .btn-showmore2 {color:#458ea7;} .btn-showmore2 span{padding-right:6px;} .btn-showmore2:hover {font-weight:700;text-decoration:underline} .box-banner2 {width:calc(100% - 48px);text-align:center;padding:24px;background-color:#fff;border-radius:5px;} .box-banner2 h1{font-size:44px;font-weight:800;line-height:42px!important;} .add-question {padding-left:24px;} .add-question h3 {text-align:center;} .btn-add-ques {padding:12px;display:block;background-color:#e7b712;text-align:center;color:#fff;border-radius:5px;text-transform:uppercase;font-weight:700;} .btn-add-ques:hover {background-color:#db9b00;-webkit-transition:all ease 0.3s;} .btn-add-ques img {margin-right:6px;} .user-general{width:calc(100% - 24px);padding:12px;border-radius:5px;background-color:#fff;} .user-general ul li {list-style:none;display:table-row } .user-general ul li span {margin-bottom:4px;display:inline-block} .user-general ul li strong{font-weight:800;} .list-gage {max-height:360px;overflow:auto} .list-gage ul li {list-style:none;padding:12px 0px;border-bottom:1px dotted #e1e1e1; } .list-gage ul li p{display:table-row !important;} .list-gage ul li a {display:inline-block;color:#262626;} .list-gage ul li a:hover {text-decoration:underline} .list-gage ul li strong{padding:4px 0px;padding-right:12px;display:inline-block} .icon-gage {width:12px;padding-right:8px;box-sizing: content-box;opacity: 0.6 !important;} .more-gage {padding:4px 24px;border-radius:5px;border:1px solid #e1e1e1;color:#e7b712!important;font-weight:700;margin-right:8px;} .more-gage:hover{background-color:#e7b712;color:#fff!important;} .btn-select {padding:6px 20px;display:inline-block;border-radius:5px;color:#262626;background-color:#fff;box-shadow:0px 0px 1px 0px #2626262b} .btn-select img {width:10px;} .opt-select li {position:relative;list-style:none;margin:12px 0} #filterHomePage{display:flex;align-items:center;justify-content:space-between;} #filterHomePage .opt-select li a{padding:6px 24px} .opt-select > li{margin-right:12px} #filterHomePage .swichButton{background:#dcdcdc;color:#ffffff;display:inline-block;padding:6px 12px;border-radius:5px;font-weight:800;font-style:italic;width:22px;text-align:center;transition:all 0.4s;box-shadow:inset 0 0 3px 1px #c5c2c2} #filterHomePage .swichButton.active{background:#fff;color:#458ea7;box-shadow:unset;font-size:18px;} .opt-select-child {position:absolute;top:0;width:180px;background-color:#fff;border:1px solid #458ea7;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;visibility:hidden;transition: .4s all ease-in-out;overflow:hidden;z-index:1000;transform:scaleY(0);max-height:300px;overflow:auto} .opt-select-child li {list-style:none;margin:0px;} .opt-select-child li a{padding:6px 20px;display:block;border-top:1px solid #e1e1e1;color:#262626;transition: all 150ms ease-in-out;} .opt-select-child li a:hover {color:#458ea7;} .opt-select-child li img {width:10px;} .opt-select-child-show {transition: .4s all ease-in-out;visibility:visible;transform:scaleY(1);transform-origin: top;} .opt-select-child li:hover a{background-color:#f1f1f1;height:24px;color:#458ea7;border-top:1px solid #e1e1e1;padding-left: 25px;} .select-style{font-size:18px;font-weight:700;} .title-custome{ width: 100%;height: 30px;} .form-signin {border-radius:5px;border:2px solid #d0e3e9;text-align:center;box-shadow:0px 0px 5px 1px #2626262b;} .form-signin h1{line-height:32px!important;font-size:24px;font-weight:800} .box-signin-center{width:79%;height:auto;margin:auto;} .new-login .btn-signin.login-with-gmail img{ width: 24px; padding: 7px 8px 6px 8px; } .new-login .btn-signin.login-with-ts247 img{ width: 40px; } .new-login .box-signin-center{height:auto;margin:auto;} .box-signin-center p{text-align:left} .box-signin-center a{font-weight:700;text-decoration:underline;} .new-login .box-signin-center a { font-weight: 700; text-decoration: underline; } .new-login .box-signin-center a.btn-signin{ font-weight: 700; padding: 0; text-decoration: underline; border: 1px dashed #e0e0e0; width: 22%; margin: 0 1%; border-radius: 8px; padding-bottom: 10px; } .new-login .box-signin-center a.btn-signin span{ opacity: 0.75; transition: all .2s ease-in-out; text-decoration: unset } .new-login .btn-signin.login-with-fb img{ width: 16px; padding: 8px 12px 6px 12px; } .new-login .box-signin-center a.btn-signin:hover span{ opacity: 1; } .new-login .btn-signin.login-with-ts247:hover{ border: 1px solid #ee6322; color:#ee6322; box-shadow: 6px 7px 6px 2px #ee63225c; } .new-login .btn-signin.login-with-ts247:hover img{ border: 1px solid #ee6322; transform: scale(1.25); } .new-login .btn-signin.login-with-fb:hover{ border: 1px solid #1d599c; color:#1d599c; box-shadow: 6px 7px 6px 2px #1d599c45; } .new-login .btn-signin.login-with-fb:hover img{ border: 1px solid #1d599c; transform: scale(1.25); } .new-login .btn-signin.login-with-gg:hover{ border: 1px solid #ea4335; color:#ea4335; box-shadow: 6px 7px 6px 2px #ea433561; } .new-login .btn-signin.login-with-gg svg{ transition: all .2s ease-in-out; } .new-login .btn-signin.login-with-gg:hover svg{ border: 1px solid #ea4335; transform: scale(1.25); } .btn-signin{padding:18px 24px;display:block;color:#fff;font-size:18px;text-transform:uppercase;border-radius:5px;text-align:center;text-decoration:none!important;position:relative} .btn-signin img{width:36px;margin-right:12px;position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%)} .new-login .btn-signin.login-with-gmail:hover{ border: 1px solid #2e9d57; color:#2e9d57; box-shadow: 6px 7px 6px 2px #2e9d5754; } .new-login .btn-signin.login-with-gmail:hover img{ border: 1px solid #2e9d57; transform: scale(1.25); } .new-login .btn-signin.bg-gmail{ padding: 18px 24px; display: block; color: #fff; font-size: 18px; text-transform: uppercase; border-radius: 5px; text-align: center; text-decoration: none!important; position: relative; } .new-login .title-custome{ margin: 30px 0 20px 0; position: relative; } .new-login .title-custome span.straight{ position: absolute; width: 100%; left: 0; top: 16px; height: 1px; display: block; background: #999999ed; } .new-login .title-custome span.label-title{ position: absolute; display: inline-block; background: #fff; left: 50%; margin-left: -45px; padding: 0 15px; } .new-login .btn-signin.login-with-gg svg{ background: rgb(255, 255, 255); height: 24px; width: 24px; padding: 8px; border-radius: 50%; border-top-left-radius: 0px; border-top-right-radius: 0px; display: block; margin: 0px auto; border: 1px dashed #e0e0e0; margin: 0px auto 16px auto; background: #fff; border-top: 1px solid transparent; } .new-login .btn-signin{ text-align: center; margin: 20px 0;display:inline-block;color:#333;font-size:14px;border-radius:8px;text-align:center;text-decoration:none!important;text-transform: none; } .new-login .box-signin-center{width: 100%;} .new-login .btn-signin img{ width: 43px; display: block; border: 1px dashed #e0e0e0; border-radius: 50%; border-top-left-radius: 0px; border-top-right-radius: 0px; margin: 0px auto 15px auto; transition: all .2s ease-in-out; position: unset; top: unset; background: #fff; border-top: 1px solid transparent; left: unset; -webkit-transform: unset } .btn-signin strong{color:#262626;font-weight:800;font-size:24px;} .bg-face:hover {background-color:#2b458b;} .bg-gmail:hover {background-color:#cc3e31;} .box-signin-center input{width:97%;height:52px;border-radius:5px;border:1px solid #e1e1e1;padding-left:3%;font-size:16px;} .check-mark{width:24px!important;height:24px!important;float:left;margin-right:6px;} .opt-select3 {width:100%} .opt-select3 .btn-select{display:block;text-align:left;text-decoration:none;font-weight:400;padding:16px 20px;} .reCAPTCHA {width:100%;height:100px;background-color:#f1f1f1;border-radius:5px;border:1px solid #e1e1e1;} .box-answer{width:100%;height:auto;position:relative;border-radius:5px;background-color:#fff;box-shadow:0px 0px 1px 0px #2626262b} .box-image1{width: calc(100% - 0.15rem);} .box-image2{width: calc(100% - 5.9rem);} .box-image{height:160px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #e1e1e1;} .zoom{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%)} .rotate{position:absolute;top:5%;right:5%;} .select-img{width:86px;} .btn-select-img{width:73px;height:73px;display:block;border:1px solid #bed6de;overflow:hidden;border-radius:5px;} .bd-img {border:2px solid #a3bfc6;} .new-login .box-signin-center a.rs-password{ padding: 18px 24px; display: block; color: #fff; font-size: 18px; text-transform: uppercase; border-radius: 5px; text-align: center; text-decoration: none!important; position: relative; width: unset; margin: 30px 0 0 0; border: none; opacity: 1; } .new-login .box-signin-center a.rs-password span{ opacity: 1; } .action-empale ul li{text-align:right;list-style:none;float:left;display:block;} .action-empale ul li a{padding:4px 12px;display:inline-block;border-radius:5px;color:#2c8fe2;} /*.action-empale ul li a:hover{background-color:#fff;box-shadow:0px 0px 5px 1px #2626262b;text-decoration:none;}*/ .icon-empale{width:12px;height:18px;overflow:hidden;margin-right:4px;} .icon-empale img{max-width:100%;-webkit-transform:translateY(-2px)} .icon-report img{-webkit-transform:translateY(4px)} .icon-report:hover {color:#d86666;} .icon-report:hover img{-webkit-transform:translateY(-13px)} .comment-ques{border-radius:10px;overflow:hidden} .form-textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.4em; padding:6px 12px; transition: background-color 0.2s ease 0s; float:left; border:0px; overflow:hidden } .form-textarea:focus { background: none repeat scroll 0 0 #FFFFFF; outline-width: 0; } .comment{width: calc(100% - 5rem);height: 20px;background:#fff;border-radius: 6px 6px 6px 6px;color: #262626;border:2px solid #bed6de;} .content-answer-1 .comment{background:none;color: #8292a2;border:none;} .list-comment ul li{list-style:none;padding:12px 0px;} /*.list-comment ul li span{display:table-row}*/ /*.list-comment a img{margin-left:6px;}*/ .more-comment{text-align:center;display:block;padding:8px 0px;border-top:1px dotted #a3bfc6;color:#458ea7!important;} .click-answer{display:block;border:2px solid #91c1d2;border-radius:5px;} .answer{width: calc(100% - 1.7rem);height: 100px;display:block;color:#262626;background:#d8e7eb;border-radius:6px;padding:12px;} .answer strong{color:#458ea7;text-decoration:underline;} .click-answer:hover {background-color:#d8e7eb;-webkit-transition:all ease 0.3s;} .click-answer:hover .answer{background-color:#fff;-webkit-transition:all ease 0.3s;} .box-next{position:absolute;top:24px;right:24px;} .btn-next{width:20px;height:20px;border-radius:5px;border:1px solid #e1e1e1;margin-left:6px;} .btn-next img{width:7px;-webkit-transform:translate(5px,-3px)} .btn-next:hover{background-color:#f1f1f1;} .box-answer .info-question2{overflow:hidden} .style-question {font-size:18px;font-weight:400;line-height:26px;} .icon-thanks img{width:16px;} .icon-thanks{color:#d86666!important;background-color:#fff;box-shadow:0px 0px 5px 1px #2626262b;} .icon-thanks:hover {background-color:#d86666!important;color:#fff!important;} .icon-best img{width:12px;margin-right:4px;} .icon-best{color:#e7b712!important;background-color:#fff;box-shadow:0px 0px 5px 1px #2626262b;} .icon-best:hover {background-color:#f1f1f1!important;} .box-thank{width:16px;height:20px;overflow:hidden;margin-right:4px;display:inline-block} .box-thank img{-webkit-transform:translateY(4px)} .icon-thanks:hover .box-thank img{-webkit-transform:translateY(-16px)} .box-question-bottom .btn-add-ques{max-width:280px;margin:12px auto;} .has-tooltip { /*position: relative;*/ display: inline; } .tooltip-wrapper { position: absolute; visibility: hidden; } .has-tooltip:hover .tooltip-wrapper { visibility: visible; /*top: 30px;*/ /*left: 50%;*/ /*margin-left: -76px;*/ /* z-index: 999; defined above with value of 5 */ } .tooltip { display: block; position: relative; top: -46px; right: 20%; height:auto; padding:8px 12px; /*margin-left: -76px;*/ color: #e7b712!important; font-weight:400!important; background: #fff; text-align: center; border-radius: 8px; border:1px solid #e7b712; } .tooltip:after { content: ''; position: absolute; bottom: -9px; left: 25%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #e7b712; border-right: 8px solid transparent; border-left: 8px solid transparent; -webkit-transform:rotate(180deg); } .ques-approved{width:100%;height:auto;display:block} .ques-approved > span{padding-left:12px;border-left:2px solid #20a28e;display:inline-block;width:calc(100% - 4rem);margin-left:12px;position:relative} .ques-approved span img{position:absolute;top:0;left:-12px;width:12px;} .ques-approved img{width:20px;} .vote ul{padding:0px 8px;} .vote ul li{float:left;list-style:none} .vote span{color:#aaa;font-weight:700;font-size:13px;} .vote ul li a{width:24px;height:24px;overflow:hidden;display:inline-block} .vote ul li:nth-child(4) img{-webkit-transform:translateY(-24px)} .vote ul li:nth-child(5) img{-webkit-transform:translateY(-24px)} .new-login .box-signin-center .btn-select{ font-weight: normal; text-decoration: unset; } @media screen and (max-width: 1199px) { .new-login .box-signin-center a.btn-signin span{ font-size: 13px; } .new-login .form-signin .pd40{padding: 20px;} } @media screen and (max-width: 960px) { .new-login .h-sub-menu ul li{float:left} .icon-sub {float:none;margin:auto;} .h-sub-menu ul li{width:100px;text-align:center;position:relative} .h-sub-menu{width:1100px;overflow:hidden} .box-sub, .box-sub-no-ads{overflow:auto} .h-sub-menu ul li:nth-child(1) a{background:none} .btn-showsub {display:inline-block} .line4{display:block} .new-login .box-sub, .new-login .box-sub-no-ads {height:auto;border-bottom:1px solid #e1e1e1;margin-bottom:24px;padding-bottom:12px;} .new-login .btn-padding{padding:12px 12px;} .col-right {padding:12px;} .add-question{padding:0px 12px;} .box-banner2{display:none} /*.list-gage ul li p{display:block;} .info-gage{display:block!important;}*/ .new-login .opt-select-child{position:fixed;bottom:0;height:auto;width:100%;top:auto;left:0;border:0px;border-radius:0;text-align:center;min-height:140px;max-height:40%;overflow:auto} .new-login .opt-select-child li:nth-child(1) a{display:block} .new-login .pc-info-user {display:none} .pc-gage {display:none} .new-login .form-signin{border:0px;box-shadow:0px 0px 0px 0px;} .new-login .box-next{display:none;} .box-answer{width:calc(100% - 24px);margin:12px;border:0px;} .action-empale{width:100%;} .action-empale ul{width:100%;} .action-empale ul li{margin-bottom:12px;margin-right:3%;}.box-question-bottom{display:none;} .action-empale ul li a{background-color:#fff;display:block;text-align:left;padding:6px 12px;} .h-question {width:calc(100% - 48px);padding:12px;margin:12px} #filterHomePage { margin: 0 12px; } .new-showmore{ margin: 0 12px; } } @media screen and (max-width: 768px) { .new-login .box-signin-center a.btn-signin span{ font-size: 12px; opacity: 1 } .new-login .form-signin h1{font-size: 22px; line-height: 24px!important;} .new-login .form-signin h1 p{margin-bottom: 10px;} .new-login .title-custome { margin: 20px 0 10px 0; position: relative; } .icon-empale{display:none;} /*.icon-report{display:none;}*/ } @media screen and (max-width: 640px) { .new-login .btn-signin.login-with-gg svg { margin: 0px auto 5px auto; } .new-login .btn-signin img, .btn-signin.login-with-gg svg{ margin: 0px auto 5px auto; } .new-login .form-signin h1 { font-size: 20px; line-height: 24px!important; } .new-login .box-signin-center a.btn-signin span{ font-size: 12px; opacity: 1 } .box-banner h1 {font-size:34px;padding-bottom:20px;line-height:34px} .box-signin-center{width:90%;} #list-action td{width:100%;display:block;clear:both} } @media screen and (max-width: 480px) { .new-login .box-signin-center a.btn-signin span{ font-size: 10px; opacity: 1 } .form-question{width:100%} .btn-select{padding:6px 12px;} #filterHomePage .opt-select li a{padding:6px 4px} #filterHomePage .swichButton{max-width:70px} } @media screen and (max-width: 420px) { .box-signin-center ul li a{font-size:14px;padding:12px 12px;} .box-signin-center{width:100%;} .action-empale ul li{margin-bottom:12px;margin-right:2%;} } @media screen and (max-width: 360px) { .new-login .btn-signin img { width: 52px !important; border: 1px solid #e0e0e0 !important; border-radius: 50% !important; } .new-login .btn-signin.login-with-gg svg { height: 36px; width: 31px; padding: 8px 11px 8px 10px; border: 1px solid #e0e0e0 !important; border-radius: 50%; } .new-login .btn-signin.login-with-fb img { width: 20px !important; padding: 10px 16px 9px 16px !important; } .new-login .btn-signin.login-with-gmail img { width: 28px !important; padding: 10px 12px 10px 12px; } .box-banner{height:163px} .action-empale ul li a{padding:6px;} .action-empale .pd12{padding:12px 4px;} .new-login .box-signin-center a.btn-signin{border: none;} .new-login .box-signin-center a.btn-signin span{ display: none; } .new-login .form-signin h1 { font-size: 18px; line-height: 20px!important; } .new-login .btn-signin:hover { border: unset !important; color: unset !important; box-shadow: unset !important; } }