.grecaptcha-badge { visibility: hidden; } label.required { position: relative; } label.required:before { content: "*"; color: #f56954; position: absolute; right: -10px; top: calc(50% - 5px); width: 10px; line-height: 10px; font-weight: 700; } .social_login .btn_main { font-size: 14px; font-weight: 700; } .social_login .btn_main i { font-size: 18px; line-height: 14px; height: 14px; margin-right: 0px; width: 42px; } .customGPlusSignIn, .customLineSignIn { display: inline-block; background: white; color: #444; width: 100%; border-radius: 5px; border: thin solid #888; /*box-shadow: 1px 1px 1px grey;*/ white-space: nowrap; text-align: center; } .customGPlusSignIn:hover, .customLineSignIn:hover { cursor: pointer; } .customGPlusSignIn span.label, .customLineSignIn span.label { font-family: serif; font-weight: normal; } .customGPlusSignIn span.icon { background: url("/assets/frontend/images/system/g-normal.png") transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; /*background-size: cover;*/ } .customLineSignIn span.icon { background: url("/assets/frontend/images/system/ic_line.png"); background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; width: 42px; height: 42px; } .customGPlusSignIn span.buttonText, .customLineSignIn span.buttonText { display: inline-block; vertical-align: middle; padding-left: 0px; padding-right: 17px; font-size: 14px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: "Roboto", sans-serif, "Microsoft Jhenghei"; } .grid_prd .title { text-overflow: ellipsis; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 767px) { .sub_link_ul { display: none; } .sub_link > a, .sub_link_ul > li > a { display: block; } .sub_titles:after { } } @media (min-width: 768px) and(max-width:1199px) { .nav-block { left: 6%; } } [v-cloak] { display: none; } .text-black { color: black !important; } img:not([src]):not([srcset]) { visibility: hidden; } .ya-product-image { cursor: pointer; background-position: center center; background-size: contain; background-repeat: no-repeat; } .background-size-contain { background-size: contain !important; } .ya-order-detail .blocky .form_column > .item, .ya-order-payment .blocky .form_column > .item { margin: 5px 0; } .ya-home .abgne_marquee { height: 30px; position: relative; overflow: hidden; } .ya-home .abgne_marquee ul { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; transition: top 0.5s ease; } .ya-home .abgne_marquee ul li { display: table; color: #595757; height: 100%; text-align: center; width: 100%; } .ya-home .abgne_marquee ul .td { display: table-cell; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; width: 100%; height: 100%; padding: 0 12px; } .ya-home .abgne_marquee a:hover, .abgne_marquee a:focus { text-decoration: underline; } .ya-home.leaflet_wrapper img { display: block; margin: auto; } .ya-subscribe .artc_sub > img { width: 300px; } .ya-subscribe .sub_text { padding-top: 4%; text-align: center; } .ya-subscribe .sub_text > p { font-size: 30px; } .ya-subscribe .sub_text_en { padding-top: 4%; text-align: left; } .ya-subscribe .sub_text_en > p { font-size: 22px; } .ya-subscribe .sub_tag { color: #fff; background-color: #ea6000; border-radius: 8px; } .ya-subscribe .sub_email_input { padding: 22px 15px; border-color: #ea6000; } .ya-subscribe .sub_email_btn { text-align: center; text-decoration: none; display: inline-block; background-color: #ea6000; padding: 13.5px 14px 13.5px 14px; color: #fff; letter-spacing: 2px; border-radius: 0; line-height: 1em; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; user-select: none; vertical-align: middle; font-weight: normal; font-size: 18px; } .ya-subscribe .sub_email_btn:hover, .sub_email_btn:focus { color: #fff; outline: none; text-decoration: none; text-shadow: 0 0 2px #ffb807, 0 0 6px #ffb807, 0 0 8px #ffb807, 0 0 10px #ffb807; } .ya-subscribe .cancal_sub > p { text-align: center; } .ya-subscribe .cancal_sub > p > a { color: #f1932c; } .ya-subscribe .cancal_sub > p > a:hover { text-decoration: underline; } @media (max-width: 575px) { .xxs-center { text-align: center; } } /*.ya-news div.img_wrapper {*/ /* width: 380px;*/ /* height: 241px;*/ /*}*/ .ya-news div.img_wrapper img { object-fit: contain; width: 100%; height: 100%; } .fix_btn_wrapper .ya-link-item, .fix_btn_wrapper .ya-site-search { cursor: pointer; } .fix_btn_wrapper span.inner { position: absolute; line-height: 1em; border-radius: 100px; padding: 2px 5px; background-color: #fff; border: 2px solid #e9d437; color: #e9d437; top: 8%; right: 12%; font-size: 12px; } .btn_inner_absolute span.inner { top: 5% !important; right: 3% !important; }