/* Default CSS */ /* Prevent Horizontal Scrolling on a Very Big Images */ /* Default FIXED CSS Style */ * { margin: 0px; padding: 0px; clear: both; vertical-align:top; } option { padding: 5px; } img { display: block; } /* Used for INLINE-BLOCK Elements and its Parent */ .DATA { font-size: 0px; } .e_iblock { vertical-align: top; display: inline-block; } /* Default CHANGEABLE GLOBALLY CSS Style */ label { font-family: 'Tahoma'; font-size: 12px; text-align: justify; } p { line-height: 150%; } div { line-height: 150%; } h1 { font-family: 'Georgia'; font-size: 36px; font-weight: normal; } h2 { font-family: 'Century Gothic'; font-size: 18px; font-weight: normal; } a { font-family: inherit; color: inherit; font-size: inherit; } a>img { border:0px; } .button { text-decoration: underline; font-family: 'Verdana'; color: #000000; font-size: 12px; } .LINK>span { display: block; } .LINK>span.last_invoice_id { display:inline-block; } .LINK>span.last_cart_total { display:inline-block; } .box { width:25px; vertical-align:middle; display:inline-block; } .label { display: block; } .description { display: block; } input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; background-color: transparent; } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; resize: none; } .hide_text { text-indent: -9999px; } .hidden { display:none !important; } .popup_window_source { overflow: hidden; } .popup_window { display:none; } .popup_warper { display: inline-block; position: relative; margin-top: 50px; } .popup_warper_centered { display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .overlay { left: 0px; top: 0px; display:none; overflow-y:auto; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.75); text-align:center; } input[type='submit'] { cursor: pointer; } ul { margin-left: 50px;} ol { margin-left: 50px; } .vis_hidden { display:none !important; } .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } /* Generated CSS */ .body { overflow-x: hidden; min-width: 1100px; } .design_2421_7 { min-height: 100vh; position:relative; width: 1100px; text-align: center; margin-left:auto; margin-right:auto; } .fu { text-decoration: underline; } .fc2bb0d6 { color: #2bb0d6; } .style_2421_3 { display: block; padding-top: 1px; background-color:#ffffff; } .style_2421_33 { width:32px; height:29px; opacity:0.8; background-image: url('../_img/Tombol_Search-82442-2421_42-twebp80.png') ; background-position: left top ; background-repeat: repeat ; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .style_2421_33:hover { opacity:1.0; background-image: url('../_img/Tombol_Search-82442-2421_42-twebp80.png') ; background-position: left top ; background-repeat: repeat ; } .style_2421_32>.innerform>label { display:inline-block; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #000000; } .style_2421_32>.innerform>label>.description { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #000000; } .style_2421_32>.innerform>label.box { display:inline-block; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #000000; } .style_2421_32>.innerform>label.box>.description { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #000000; } .style_2421_32>.innerform>.single { display:inline-block; height:29px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; } .style_2421_32>.innerform>.multi { display:inline-block; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; } .style_2421_32>.innerform>.input { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #474747; width:200px; background-color:#ffffff; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .style_2421_1 { height:20px; display:inline-block; margin-left:3px; margin-right:4px; border-bottom:2px solid rgba(0,0,0,0.0); padding-left:15px; padding-top:12px; padding-right:15px; padding-bottom:16px; text-decoration: none; font-weight: normal; font-style: normal; text-align: center; font-size: 12pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .style_2421_1:hover { background-color:#1e65ab; border-bottom:2px solid #2d91d7; text-decoration: none; font-weight: normal; font-style: normal; text-align: center; font-size: 12pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } .style_2421_1.active { background-color:#1e65ab; text-decoration: none; font-weight: normal; font-style: normal; text-align: center; font-size: 12pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } input:checked + .style_2421_1 { background-color:#1e65ab; text-decoration: none; font-weight: normal; font-style: normal; text-align: center; font-size: 12pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } .style_2421_19 { width:215px; height:32px; display:block; padding-left:25px; padding-top:8px; background-image: url('../_img/BG_Submenu_01-0cf5c-2421_14-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .style_2421_19:hover { background-image: url('../_img/BG_Submenu_02-2fb64-2421_15-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } .style_2421_19.active { background-image: url('../_img/BG_Submenu_02-2fb64-2421_15-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } input:checked + .style_2421_19 { background-image: url('../_img/BG_Submenu_02-2fb64-2421_15-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } .style_2421_23 { width:275px; height:32px; display:block; padding-left:25px; padding-top:8px; background-image: url('../_img/BG_Submenu_01_S_P-d2d22-2421_20-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .style_2421_23:hover { background-image: url('../_img/BG_Submenu_02_S_P-cba71-2421_21-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } .style_2421_23.active { background-image: url('../_img/BG_Submenu_02_S_P-cba71-2421_21-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } input:checked + .style_2421_23 { background-image: url('../_img/BG_Submenu_02_S_P-cba71-2421_21-twebp80.png') ; background-position: left top ; background-repeat: no-repeat ; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #ffffff; text-shadow: 0px 0px 1px #ffffff; } .style_2421_26 { margin-bottom:15px; border-bottom:1px solid #097dc7; padding-left:10px; text-decoration: none; font-weight: bold; font-style: normal; text-align: left; font-size: 12pt; font-family: 'Arial'; letter-spacing: 0px; color: #097dc7; } .style_2421_11 { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 17pt; font-family: 'Arial'; letter-spacing: 0px; line-height: 140%; color: #1d1d1d; } .style_2421_10 { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #545454; } .style_2421_6 { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 10pt; font-family: 'Arial'; letter-spacing: 0px; color: #747474; } .style_2494_56 { font-family: 'Roboto', 'Arial'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 9pt; letter-spacing: 0px; color: #343434; } .style_2421_35 { display : inline-block; margin-left:1px; margin-right:1px; opacity:0.8; aspect-ratio: 84/60; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .style_2421_35:hover { opacity:1.0; } .style_2421_29 { display : inline-block; aspect-ratio: 600/428; } .style_2421_22 { display : inline-block; aspect-ratio: 28/28; } .lay_2421_55 { display:block; position:relative; } .lay_2421_13>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_13:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_13 { width:120px; height:30px; display:block; position:absolute; } .lay_2421_15 { display:block; position:relative; } .lay_2421_22>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_22:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_22 { height:30px; display:block; position:relative; } .lay_2421_24>.popup_target { z-index: 100; margin-left: 165px; margin-top: -40px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_24:hover>.popup_target { margin-left: 145px; margin-top: -40px; visibility: visible; opacity: 1; } .lay_2421_24 { width:235px; height:40px; display:block; position:relative; } .lay_2421_25 { width:300px; display:block; position:relative; } .lay_2421_23 { height:30px; display:block; position:relative; } .lay_2421_56>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_56:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_56 { width:130px; height:30px; display:block; position:relative; } .lay_2421_57 { display:block; position:relative; } .lay_2421_26>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_26:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_26 { width:110px; height:30px; display:block; position:relative; } .lay_2421_27 { display:block; position:relative; } .lay_2421_30>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_30:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_30 { width:120px; height:30px; display:block; position:relative; } .lay_2421_32>.popup_target { z-index: 100; margin-left: 145px; margin-top: -40px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_32:hover>.popup_target { margin-left: 125px; margin-top: -40px; visibility: visible; opacity: 1; } .lay_2421_32 { width:235px; height:30px; display:block; position:relative; } .lay_2421_33 { display:block; position:relative; } .lay_2421_31 { display:block; position:relative; } .lay_2421_36>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_36:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_36 { width:140px; height:30px; display:block; position:absolute; } .lay_2421_37 { display:block; position:relative; } .lay_2421_34>.popup_target { z-index: 100; margin-left: 20px; margin-top: 0px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_34:hover>.popup_target { margin-left: 0px; margin-top: 0px; visibility: visible; opacity: 1; } .lay_2421_34 { width:145px; height:30px; display:block; position:absolute; } .lay_2421_35 { display:block; position:relative; } .lay_2421_1 { text-align:center; width:1100px; min-height:59px; display:block; position:relative; padding-top:1px; background-image: url('../_img/01_Home-9382f-2421_4-twebp80.jpg') ; background-position: left top ; background-repeat: repeat-x ; } .lay_2421_2 { text-align:left; display:block; position:relative; padding-top:1px; } .lay_2421_52 { text-align:left; min-height:480px; display:block; position:relative; padding-top:1px; } .lay_2421_19 { text-align:right; display:block; position:relative; padding-top:1px; } .lay_2421_66 { text-align:center; display:block; position:relative; padding-top:1px; } .lay_2421_18 { text-align:center; display:block; position:relative; margin-top:30px; padding-top:1px; } .lay_2421_28>.popup_target { z-index: 100; margin-left: 165px; margin-top: -40px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .lay_2421_28:hover>.popup_target { margin-left: 145px; margin-top: -40px; visibility: visible; opacity: 1; } .lay_2421_28 { width:235px; height:30px; display:block; position:relative; } .lay_2421_59 { text-align:left; display:block; position:relative; padding-top:1px; } .lay_2421_58 { text-align:center; width:1100px; display:block; position:relative; } .lay_2421_20 { display:inline-block; position:relative; margin-left:2px; margin-right:2px; padding-top:1px; } .lay_2421_21 { display:block; position:relative; } #ins_2421_20 { display:block; position:relative; } #ins_2421_21 { display:block; position:relative; } #ins_2421_22 { display:block; position:relative; } .data_2421_107 { width:300px; display:block; position:absolute; margin-left:867px; margin-top:95px; } .data_2421_105 { display:inline-block; } .data_2421_106 { height:29px; display:inline-block; position:relative; background-color:rgba(187,187,187,1.0); border-left:1px solid #dedede; border-top:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; } .data_2421_106:hover { background-color:rgba(187,187,187,0.7); } .data_2421_116 { display:block; position:relative; } .data_2421_9 { display:inline-block; position:relative; margin-top:23px; margin-bottom:37px; } .data_2421_10 { display:block; position:relative; } .data_2421_1 { display:inline-block; position:relative; } .data_2421_121 { display:block; position:relative; } .data_2421_27 { width:120px; display:inline-block; position:relative; } .data_2421_25 { display:block; position:relative; } .data_2421_26 { display:block; position:relative; } .data_2421_49 { width:235px; display:inline-block; position:relative; } .data_2421_47 { display:block; position:relative; } .data_2421_48 { display:block; position:absolute; } .data_2421_50 { width:120px; display:block; position:relative; } .data_2421_51 { height:40px; display:block; position:relative; margin-left:145px; margin-top:-40px; } .data_2421_4 { width:130px; display:inline-block; position:relative; } .data_2421_109 { display:block; position:relative; } .data_2421_110 { display:block; position:relative; } .data_2421_5 { width:110px; display:inline-block; position:relative; } .data_2421_52 { display:block; position:relative; } .data_2421_53 { display:block; position:absolute; } .data_2421_6 { width:120px; display:inline-block; position:relative; } .data_2421_56 { display:block; position:relative; } .data_2421_57 { display:block; position:absolute; } .data_2421_58 { width:100px; display:block; position:relative; } .data_2421_59 { height:40px; display:block; position:relative; margin-left:125px; margin-top:-40px; } .data_2421_7 { width:140px; display:inline-block; position:relative; } .data_2421_62 { display:block; position:relative; } .data_2421_63 { display:block; position:relative; } .data_2421_8 { width:145px; display:inline-block; position:relative; } .data_2421_60 { display:block; position:relative; } .data_2421_61 { display:block; position:relative; } .data_2421_91 { display:block; position:relative; } .data_2421_40 { display:block; position:relative; margin-bottom:10px; } .data_2421_46 { display:block; position:absolute; vertical-align:middle; right:0px; } .data_2421_42 { display:inline-block; position:relative; vertical-align:middle; } .data_2421_44 { display:inline-block; position:relative; vertical-align:middle; } .data_2421_41 { display:inline-block; position:relative; } .data_2421_122 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_2421_96 { display:inline-block; position:relative; margin-left:5px; vertical-align:middle; } .data_2421_108 { display:inline-block; position:relative; margin-left:5px; vertical-align:middle; } .data_2421_45 { display:block; position:relative; margin-bottom:10px; } .data_2421_54 { width:120px; display:block; position:relative; } .data_2421_55 { height:40px; display:block; position:relative; margin-left:145px; margin-top:-40px; } .data_2421_111 { width:600px; height:428px; display:inline-block; position:relative; } .data_2421_43 { display:inline-block; position:relative; } /* Default CSS Variable */