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: 0; 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; white-space: nowrap; } @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: 31px; position: relative; overflow: hidden; /* RWD */ } .ya-home .abgne_marquee ul { position: absolute; width: 100%; height: 100%; } .ya-home .abgne_marquee ul li { display: table; height: 100%; text-align: center; width: 100%; color: #fff; } .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%; padding: 0 12px; } .ya-home .abgne_marquee a { color: inherit; } .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%; } .doBtnClick::-webkit-input-placeholder { /* WebKit browsers */ font-size: 0.8em; } .doBtnClick:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 0.8em; } .doBtnClick::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 0.8em; } .doBtnClick:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 0.8em; } .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; } .grecaptcha-badge:hover { width: 256px !important; } /*.grecaptcha-badge {*/ /* visibility: hidden;*/ /*}*/