/* Atuo Hide */ .hiedcontent { display:none; } .hidejoinue { display:none; } @charset "utf-8"; /*Desktop Version*/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 25, 2015 */ @font-face { font-family: 'db_helvethaica_x45_li'; src: url('font-face/db_helvethaica_x_li_v3.2-webfont.eot'); src: url('font-face/db_helvethaica_x_li_v3.2-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/db_helvethaica_x_li_v3.2-webfont.woff2') format('woff2'), url('font-face/db_helvethaica_x_li_v3.2-webfont.woff') format('woff'), url('font-face/db_helvethaica_x_li_v3.2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'db_helvethaica_x23_ulliext'; src: url('font-face/db_helvethaica_x_ulli_ext_v3.2-webfont.eot'); src: url('font-face/db_helvethaica_x_ulli_ext_v3.2-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/db_helvethaica_x_ulli_ext_v3.2-webfont.woff2') format('woff2'), url('font-face/db_helvethaica_x_ulli_ext_v3.2-webfont.woff') format('woff'), url('font-face/db_helvethaica_x_ulli_ext_v3.2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'db_helvethaica_x25_ulli'; src: url('font-face/db_helvethaica_x_ulli_v3.2-webfont.eot'); src: url('font-face/db_helvethaica_x_ulli_v3.2-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/db_helvethaica_x_ulli_v3.2-webfont.woff2') format('woff2'), url('font-face/db_helvethaica_x_ulli_v3.2-webfont.woff') format('woff'), url('font-face/db_helvethaica_x_ulli_v3.2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'db_helvethaica_x65_med'; src: url('font-face2/db_helvethaica_x_med_v3.2-webfont.eot'); src: url('font-face2/db_helvethaica_x_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'), url('font-face2/db_helvethaica_x_med_v3.2-webfont.woff2') format('woff2'), url('font-face2/db_helvethaica_x_med_v3.2-webfont.woff') format('woff'), url('font-face2/db_helvethaica_x_med_v3.2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .x45_li { font-family: "db_helvethaica_x45_li"; } .x23_ul { font-family: "db_helvethaica_x23_ulliext"; } .x25ull { font-family: "db_helvethaica_x25_ulli"; } .x65_me { font-family: "db_helvethaica_x65_med"; } /* Head Style ============= */ h1 {font-size:2.52em; } h2 {font-size:1.952em; } h3 {font-size:1.652em; } h4 {font-size:1.452em; } h5 {font-size:1.252em; } h6 {font-size:1.52em; } /* End Head Style ------------- */ /* Paragraph Style ============= */ ul, ol {list-style:none; } blockquote {margin:0 0 18px 18px; color:#666; font-style:italic; } strong {font-weight:bold; } em {font-style:italic; } p {margin:0; } a:link, a:visited {color:#000; text-decoration:none; } a:hover {opacity:0.8; } /* End Paragraph Style ------------- */ /* Standard Style ============= */ .bold {font-weight:600; } .italic {font-style:italic; } .soft {color:#d3d3d3; } .small {font-size:.625em; } .large {font-size:1em; } .left {float:left; } .right {float:right; } .align-right {text-align:right; } .align-left {text-align:left; } .align-center {text-align:center; } .align-justify {text-align:justify; } .hide {display:none; } .block {display:block !important; } .inline {display:inline !important; } .clear {height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; } /* End Standard Style ------------- */ /* Elements ============= */ body {background-color:#5B5131; margin:0; padding:0; } body, p, td, th, li {font:13px/1.4em Arial, Helvetica, sans-serif; color:#363636; } /* Standard Layout ============= */ .page-center { width: 100%; max-width:1600px; height:100%; position:relative; margin:0 auto; background:#5B5131; } .page-center::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; text-indent:-9999px; } /* End Standard Layout ------------- */ /* Wrapper Style ============= */ #wrapper {height:100%; position:relative; margin:0 auto; overflow:hidden; text-align:center; } /* Header Style ============= */ #header { position:relative; width:100%; height:auto; background:#5B5131; margin:0 auto; overflow:hidden; } .home-page #header { border:none; } .logo { display:block; float:left; margin:15px; padding:0 0 0 2%; } .logo img {width:100%; height:auto; } .logo img:hover { opacity:0.8; } .signin { float: right; margin: 0 0 0 0; border-left:1px solid #9B8B59; border-right:1px solid #9B8B59; height:103px; cursor:pointer; } .signin:hover { background:#30240B; } .signin ul { margin:0; padding:0; } .signin ul li { margin:20px 9px 15px; text-align:center; } .signin ul li .imglogin { cursor:pointer; width:100%; max-width:26px; } .signin ul li p.plogin { color:#9B8B59; cursor:pointer;} .signin ul li p:hover { opacity:1; } .signin ul li img:hover { opacity:0.8; } .signin ul li ul { width:100%; z-index:100; background:#37290D; position: absolute; top: 103px; left:0; display:none; cursor:auto; } .signin ul li ul li{ float:left; line-height:1; } .signin ul li ul li:first-child { width:30%; border-right:1px solid #BAA76D; margin: 24px 0; padding:0 14px 64px 6%; } .signin ul li ul li:nth-child(2) { width:35%; } .signin ul li ul li:nth-child(2) div:nth-child(2) p { color:#BAA76D; } .signin ul li ul li:last-child { width:15%; padding: 61px 0 0 0; text-align:left;} .signin ul li ul li:last-child div input:first-child { margin:0 0 6px; padding:5px 20px } .signin ul li ul li:last-child div input { height: 36px; width: 220px; border:0; margin:10px 0 31px; padding:5px 20px; font-size:22px; font-family: "db_helvethaica_x45_li";} .signin ul li ul li:last-child div a.btnLogin { padding:15px 0 0 0; font-size:22px; color:white; font-family: "db_helvethaica_x45_li"; float:left; } .signin ul li ul li h1 { font-size:46px; color:#BAA76D; font-family: "db_helvethaica_x25_ulli"; text-align:left; margin: 10px 0;} .signin ul li ul li h2 { font-size:30px; color:#BAA76D; font-family: "db_helvethaica_x25_ulli"; text-align:left; margin: 10px 0;} .signin ul li ul li p { font-size:20px; color:white; font-family: "db_helvethaica_x45_li"; text-align:left; margin: -9px 0;} .signin ul li ul li p:hover { opacity:1; } .signin ul li ul li p:last-child { margin: -9px 0 30px 0; } .signin ul li ul li a.btnjoin { padding: 8px 35px; font-size:22px; color:white; font-family: "db_helvethaica_x45_li"; background:#5A5131; float:left; } .signin ul li ul li a.btnjoin:hover { opacity:0.8; } .follow { display:block; float:right; border-right:1px solid #9B8B59; text-align:center; height: 103px; font-family: "db_helvethaica_x45_li";} .follow p { color:#9B8B59; } .follow img { padding:19px 3px 5px; } .follow img:hover { opacity:0.8; } .follow .img1 { padding:19px 3px 5px 10px; } .follow .img3 { padding:19px 10px 5px 3px; } .chatrium { float: right; margin: 0 0 0 0; height:103px; } .chatrium:hover { background:#30240B; } .chatrium ul { margin:0; padding:0; } .chatrium ul li { margin:30px 15px 15px; text-align:center; } .chatrium ul li .imgChatrium { cursor: pointer; max-width: 108px; width: 100%; } .chatrium ul li img:hover { opacity:0.8; } .chatrium ul li ul { width:100%; z-index:100; position: absolute; top: 103px; left:0; display:none; } .chatrium ul li ul li{ float:left; width:20%; line-height:1; margin:0; position:relative; } .chatrium ul li ul li .normalImg { position: absolute; bottom: 0; left: 0; width: 100%; height:auto; z-index:100;} .chatrium ul li ul li .normalImg p { color: white; font-family: "db_helvethaica_x45_li"; font-size: 20px; line-height: 0.8; margin: 0 auto; padding: 26px 0; text-align: center; width: 50%; } .chatrium ul li ul li .afterImg { position: absolute; top: 210px; left: 0; width: 100%; height:auto; display:none; z-index:1;} .chatrium ul li ul li .afterImg .boxout { width: 200px; height: auto; border:2px solid rgba(255,255,255,0); margin:0 auto; background:rgba(255,255,255,0.8); } .chatrium ul li ul li .afterImg .boxout .partnername { border: 2px solid #ab9e71; height: auto; width: auto; padding: 0px; background:rgba(255,255,255,0.10); margin: 3px; } .chatrium ul li ul li .afterImg .boxout .partnername img { width:80%; height:auto; padding-bottom:10px; } .chatrium ul li ul li .afterImg div:nth-child(2) p { color: white; font-family: "db_helvethaica_x45_li"; font-size: 24px; margin:10px 0 0; line-height:1.2; } .chatrium ul li ul li .afterImg div:nth-child(2) p:nth-child(2) { text-decoration:underline; color: white; font-family: "db_helvethaica_x45_li"; font-size: 24px; margin:0px; } .chatrium ul li ul li .afterImg div:nth-child(2) p a { text-decoration:underline; color: white; font-family: "db_helvethaica_x45_li"; font-size: 24px; } .chatrium ul li ul li .bgblack { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity:1; z-index:10; } .chatrium ul li ul li img { width:100%; } .chatrium ul li ul li img:hover { opacity:1; } .mainmenu { float: left; margin: 42px 0 0 0;} .mainmenu ul {padding:0; margin:0; overflow:hidden; } .mainmenu ul li { float:left; padding:0; font-size:24px; line-height:1em; text-transform:uppercase; font-family: "db_helvethaica_x45_li";} .mainmenu ul li:last-child { padding:0 10px 0 10px; } .mainmenu ul li a { color:#9B8B59; padding:10px; } .mainmenu ul li a:hover { color:#5B5131 !important; background:#9B8B59 !important; padding:0 10px; border-radius: 20px; } /* End Header Style ------------- */ /* Responsive Menu */ .responsivemenu { display:none; float: right; margin: 0 0 0 0; padding:0; border-left:1px solid #9B8B59; height:103px; cursor:pointer; text-align: center; width: 74px; } .menu-button { background: url(../images/menu.gif) no-repeat; overflow: hidden; width: 34px; height: 31px; text-indent: -9999px; margin:20px 0 5px 20px; display:block; } p.responmenutext { color:#9B8B59; cursor:pointer;} p:hover { opacity:1; } .menu-button.right { right: 20px; left: auto; } .menu-button.bottom { top: 100px; } .menu-button.fixed { position: fixed; } #overlay { position: absolute; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: transparent; z-index: 999998; display: none; } .sidr-open #overlay { display: block; } /* Responsive Menu */ /* Footter Style ============= */ #footer { position:relative; width:100%; max-width:1600px; height:338px; background:url('../images/rfooter.jpg') no-repeat center center; margin:0 auto; overflow:hidden; } #footer .left:nth-child(1) ul.nav-footer1 { padding: 0 70px 0 35px; margin:30px 0; border-right:1px solid #CDC8B5; } #footer .left:nth-child(1) ul.nav-footer1 li { text-align:left; padding: 10px 0px; margin:0 0 0 0; } #footer .left:nth-child(1) ul.nav-footer1 li a { font-size:26px; color:white; font-family: "db_helvethaica_x45_li"; } #footer .left:nth-child(2) ul.nav-footer2 { padding: 0 30px 0 35px; margin:30px 0; } #footer .left:nth-child(2) ul.nav-footer2 li { text-align:left; padding:7px 0px; margin:0 0 0 0; } #footer .left:nth-child(2) ul.nav-footer2 li a { font-size:26px; color:#D1C5A1; font-family: "db_helvethaica_x65_med"; } #footer .left:nth-child(2) ul.nav-footer2 li:first-child a { color:white; } #footer .right { margin: 30px 0; padding: 0 35px 0 0; text-align: left; } #footer .right p { font-size:26px; color:#D1C5A1; font-family: "db_helvethaica_x45_li"; } #footer .right p:first-child { color:white; font-family: "db_helvethaica_x65_med"; padding:0; margin:0; } #footer .right p:second-child { padding:0; margin:0; } #footer .right p:last-child { color:white; font-size:34px; font-family: "db_helvethaica_x65_med"; margin: 30px 0 0 0; padding:0; } #footer .right p.copyright { font-size: 24px; color: white; margin: 13px 0 0 0; font-family: "db_helvethaica_x45_li"; } #footer .right a img { width:100%; max-width:50px; height:auto; } #footer-bottom { position:relative; width:100%; max-width:1600px; height:auto; background:#655023; margin:0 auto; overflow:hidden; } #footer-bottom .left:nth-child(1) img { margin:20px 0 30px; padding:0 35px; border-right:1px solid #CDC8B5;} #footer-bottom .left:nth-child(2) img { margin:20px 0 30px; padding:0 16px; border-right:0; max-width:158px; } /* End Footter Style ------------- */ /*HOME*/ .home-page .bgparagon { position:relative; width:100%; max-width:1600px; height:772px; background:url('../images/bg.png') no-repeat center center; margin:0 auto; } .home-page .slidepanel { position:relative; width:100%; max-width:1600px; height:100%; margin:0 auto; } .home-page .slidepanel .welcome { position:absolute; left:80px; top:130px; width:100%; max-width:497px; height:auto; z-index:10; } .home-page .slidepanel .welcome img { width:100%; height:auto; } .home-page .slidepanel .welcome p:nth-child(2) { font-size:38px; color:#BAA76D; font-family: "db_helvethaica_x45_li"; text-align:center; margin:0; } .home-page .slidepanel .welcome p { font-size:30px; color:white; font-family: "db_helvethaica_x45_li"; text-align:center; margin:0; } .home-page .slidepanel .welcome a.joinushome { padding: 15px 65px; font-size:46px; color:white; font-family: "db_helvethaica_x45_li"; background:#575757; float:left; margin:0 0 0 138px; } .home-page .slidepanel .slidinginmmd { position:absolute; right:0; bottom:0; width:1600px; height:772px; z-index:1; } .home-page .slidepanel .slidinginmmd img { width:100%; height:auto; } .home-page .slidepanel .slidinginmmd #slides { width:1600px; height:772px; } .home-page .reward-panel { position:relative; width:100%; max-width:1600px; height:702px; background:url('../images/reward/bggrey.png') no-repeat center center; margin:0 auto; } .home-page .rewardWord { width:100%; max-width:1600px; height:auto; padding:51px 0px 40px;} .home-page .rewardWord img { width:100%; max-width:1121px; height:auto; } .home-page .slideReward { width:100%; max-width:1600px; height:auto; padding:20px 0 0 0;} .home-page .slideReward .slidepanel { width:1175px; height:auto; } .home-page .slideReward .slidepanel ul li { margin:0 10px; } .home-page .slideReward .slidepanel .prev { float:left; padding:206px 10px 0 0; cursor:pointer; width:50px } .home-page .slideReward .slidepanel .custom-container { float:left; } .home-page .slideReward .slidepanel .next { float:left; padding:206px 0 0 10px; cursor:pointer; } .home-page .slideReward .slidepanel .items { width:100%; max-width:327px; height:auto; background:rgba(255,255,255,0.6); } .home-page .slideReward .slidepanel .items .imgs { position:relative; width:100%; height:auto; } .home-page .slideReward .slidepanel .items .imgs .tags { position:absolute; right:10px; top:10px; } .home-page .slideReward .slidepanel .items .imgs .tags img { width:100%; max-width:84px;; height:auto; border:0px; } .home-page .slideReward .slidepanel .items .imgs .points { position:absolute; left:20px; bottom:16px; font-size:89px; color:#BAA76D; font-family: "db_helvethaica_x45_li"; text-align:left; } .home-page .slideReward .slidepanel .items .imgs .points img { width:100%; max-width:65px;; height:auto; border:0px; } .home-page .slideReward .slidepanel .items .imgs img { width:327px; height:230px; padding:0; margin:0; border:0px; border-bottom: 3px solid transparent; -webkit-border-image: url(../images/reward/line.png) 30 stretch; /* Safari 3.1-5 */ -o-border-image: url(../images/reward/line.png) 30 stretch; /* Opera 11-12.1 */ border-image: url(../images/reward/line.png) 30 stretch;} .home-page .slideReward .slidepanel .items .description { width:100%; height:auto; padding:10px 0 0 0; } .home-page .slideReward .slidepanel .items .description p { line-height:0.9; height:62px; font-size:24px; color:#7F7043; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0 14px 0 14px; } .home-page .slideReward .slidepanel .items .others { width:100%; height:auto; padding:40px 14px; } .home-page .slideReward .slidepanel .items .others .left a img { padding:0px 4px; } .home-page .slideReward .slidepanel .items .others .right a { padding: 12px 32px; margin:0; font-size:18px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; } .home-page .point-panel { position:relative; width:100%; max-width:1600px; height:auto; margin:0 auto; } .home-page .point-panel img { width:100%; max-width:1600px; height:auto; } /*HOME*/ /*SPECIAL*/ .special-page { width:100%; position:relative; } .special-page .searchpanel { width:100%; max-width:1600px; height:auto; margin:0 auto; } .special-page .searchpanel img { width:100%; height:auto; } .special-page .slidePhoToSpecial { width:100%; max-width:1600px; height:auto; margin:0 auto; } .special-page .slidePhoToSpecial ul { margin:0; padding:0; } .special-page .slidePhoToSpecial ul li { width:100%; max-width:1600px; height:250px; position:relative; overflow:hidden; } .special-page .slidePhoToSpecial ul li img { width:100%; height:auto; } .special-page .slidePhoToSpecial ul li img.itemss { max-width:1600px; height:auto; width:100%; } .special-page .slidePhoToSpecial ul li .bgblack { position:absolute; display:block; width:100%; height:250px; top:0; left:0; background:rgba(255,255,255,0.6); z-index:10; } .special-page .slidePhoToSpecial ul li:hover .bgblack { background:rgba(0,0,0,0.6); cursor:pointer; } .special-page .slidePhoToSpecial ul li:hover .bgblack img { display:block; } .special-page .slidePhoToSpecial ul li .bgblack img { width:100%; max-width:123px; display:none; margin:65px auto; } .special-page .slidePhoToSpecial ul li .socialfood { display:none; position:absolute; width:100%; height:47px; max-width:182px; right: 43px; top: 29px; cursor:pointer; } .special-page .slidePhoToSpecial ul li .fooddetail { display:none; position:absolute; width:100%; height:200px; max-width:397px; right: 43px; bottom: 55px; background:rgba(166,152,107,0.6);} .special-page .slidePhoToSpecial ul li .fooddetail p { line-height:0.8; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0px 22px 0px 14px; } .special-page .slidePhoToSpecial ul li .fooddetail p:nth-child(1) { font-size:30px; color:#5C4B24; font-family: "db_helvethaica_x45_li"; text-align:left; padding:14px 22px 5px 14px; } .special-page .slidePhoToSpecial ul li .fooddetail p:nth-child(2) { font-size:30px; color:#5C4B24; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0 22px 5px 14px; } .special-page .slidePhoToSpecial ul li .fooddetail div:nth-child(2) { padding:40px 22px 0px 14px;} .special-page .slidePhoToSpecial ul li .fooddetail div:nth-child(2) div:nth-child(1) { float:left; font-size:36px; color:white; font-family: "db_helvethaica_x45_li"; text-align:left; padding:7px 0 0 0; } .special-page .slidePhoToSpecial ul li .fooddetail div:nth-child(2) div:nth-child(2) { float:right; padding:0;} .special-page .slidePhoToSpecial ul li .fooddetail div:nth-child(2) div:nth-child(2) a.redeem { padding: 8px 35px; font-size:22px; color:white; font-family: "db_helvethaica_x45_li"; background:#5A5131; float:right; } /*SPECIAL*/ /*CONTACT*/ .contact-page { width:100%; height:auto; position:relative; } .contact-page .wrap-contact { width:100%; max-width:1600px; height:auto; margin:0 auto; } .contact-page .wrap-contact .left-conner-hide { width:100%; height:250px; float:left; display:none; } .contact-page .wrap-contact .left-conner { width:300px; height:auto; float:left; } .contact-page .wrap-contact .left-conner .headBTN { width:100%; height:67px; background:#9B8B59; cursor:pointer; } .contact-page .wrap-contact .left-conner .headBTN p { float:left; font-size:20px; color:white; font-family: "db_helvethaica_x45_li"; text-align:left; padding:19px 0 0 15px; } .contact-page .wrap-contact .left-conner .headBTN img { float:right; } .contact-page .wrap-contact .left-conner ul { margin:0; padding:0; } .contact-page .wrap-contact .left-conner ul li { width:100%; height:67px; position:relative; overflow:hidden; background:#6B6349; } .contact-page .wrap-contact .left-conner ul li:nth-child(1) { height:410px; } .contact-page .wrap-contact .left-conner ul li img.imgshow { width:100%; height:219px; } .contact-page .wrap-contact .left-conner ul li .contactInfo { } .contact-page .wrap-contact .left-conner ul li .contactInfo p:nth-child(1) { font-size:22px; color:#B19F69; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0 0 5px 7px; } .contact-page .wrap-contact .left-conner ul li .contactInfo p { font-size:18px; color:white; font-family: "db_helvethaica_x25_ulli"; text-align:left; padding:0 0 0 7px; } .contact-page .wrap-contact .left-conner ul li .contactInfo p:nth-child(3) { padding:0 0 15px 7px; } .contact-page .wrap-contact .right-conner { width:80%; height:746px; float:left; } .contact-page .wrap-contact .contact-form { width:100%; max-width:1600px; height:auto; margin:0 auto; background:#F5F5F5; } .contact-page .wrap-contact .contact-form .center-form { width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0 0 50px 55px; } .contact-page .wrap-contact .contact-form .center-form p { font-size:84px; color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; } .contact-page .wrap-contact .contact-form .center-form .left { width:100%; max-width:766px; } .contact-page .wrap-contact .contact-form .center-form .left .input-items { float:left; width:100%; max-width:330px; height:auto; margin:0 45px 24px 0; } .contact-page .wrap-contact .contact-form .center-form .left .input-items p { font-size:24px; } .contact-page .wrap-contact .contact-form .center-form .left .input-items input { background: transparent ; border: 1px solid #9b8b58;height: 49px; margin: 0;padding: 10px 15px; width: 100%; } .contact-page .wrap-contact .contact-form .center-form .left .input-items:nth-child(5) { max-width:702px; } .contact-page .wrap-contact .contact-form .center-form .left .input-items:nth-child(5) textarea { background: transparent ; border: 1px solid #9b8b58;height: 190px; margin: 0;padding: 10px 15px; width: 100%; } .contact-page .wrap-contact .contact-form .center-form .left a.btnSubmit { padding: 8px 35px; font-size:22px; color:white; font-family: "db_helvethaica_x45_li"; background:#9B8B59; float:left; } .contact-page .wrap-contact .contact-form .center-form .left:nth-child(4) { border-left:1px solid #A29365; width:100%; height:438px; max-width:340px; padding:0 0 0 53px; margin:0; } .contact-page .wrap-contact .contact-form .center-form .left:nth-child(4) p { font-size:22px; line-height: 1; color:black; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0; margin:0; } .contact-page .wrap-contact .contact-form .center-form .left:nth-child(4) p:first-child { color:#A29365; } /*CONTACT*/ /*REGISTER*/ .register-page { width:100%; position:relative; } .register-page .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:0 auto; } .register-page .registerWord { width:100%; max-width:1600px; height:auto; padding:40px 0px 40px;} .register-page .steps { width:100%; max-width:800px; height:auto; padding:20px 0 90px; margin:0 auto; } .register-page .steps .lineb { width:100%; max-width:160px; height:1px; border:1px solid #9B8B59; float:left; margin:75px 5px 0; } .register-page .steps .imgflip { position:relative; width:100%; max-width:149px; height:149px; float:left; padding:0; margin:0; } .register-page .steps .imgflip img { width:100%; max-width:149px; height:149px; } .register-page .steps .imgflip .before { position:absolute; z-index:10; left:0; top:0; } .register-page .steps .imgflip .after { position:absolute; z-index:1; left:0; top:0; display:none; } .register-page .register-form { width:100%; max-width:1400px; height:auto; margin:0 auto; padding:0 0 0 55px; } .register-page .register-form .center-form { width:100%; max-width:1400px; height:auto; margin:0 auto; padding:0 0 50px 0; } /* Content 1 */ .register-page .register-form .center-form .left { width:100%; max-width:766px; position:absolute; } .register-page .register-form .center-form .left .input-items { width:100%; height:auto; margin:0 45px 15px 0; } .register-page .register-form .center-form .left .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .register-page .register-form .center-form .left .input-items div:first-child { float:left; width:100%; max-width:170px; text-align:right; padding:14px 0 0 0; } .register-page .register-form .center-form .left .input-items div:nth-child(2) input { text-align: center; float:left; max-width:340px; background: white ; border: 1px solid #9b8b58; height: 49px; margin: 0 0 0 24px;padding: 10px 15px; width: 100%; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SApply { float:left; height: 49px; margin:0 0 0 24px; width: 100%; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SApply .SApply-style { padding: 0; margin: 0; width: 168px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SApply select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SPre { float:left; height: 49px; margin:0 0 0 24px; width: 100%; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SPre .SPre-style { padding: 0; margin: 0; width: 168px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SPre select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SBirth { float:left; height: 49px; margin:0 0 0 24px; width: 118px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SBirth .SBirth-style { padding: 0; margin: 0; width: 115px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SBirth select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SMonth { float:left; height: 49px; margin:0 0 0 24px; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SMonth .SMonth-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SMonth select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SYear { float:left; height: 49px; margin:0 0 0 24px; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SYear .SYear-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SYear select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SNat { float:left; height: 49px; margin:0 0 0 24px; width: 269px; max-width:269px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SNat .SNat-style { padding: 0; margin: 0; width: 263px; max-width:263px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat right top; } .register-page .register-form .center-form .left .input-items div:nth-child(2) .SNat select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left .input-items div:nth-child(2).radio { float: left; margin: 10px 0 12px 23px; padding: 0; } .register-page .register-form .center-form .left .input-items div:nth-child(2) label { color: black; margin: 0 16px 0 0; font-size:24px; font-family: "db_helvethaica_x45_li"; } .register-page .register-form .center-form .left .input-items div:nth-child(2) a.btnSubmit { padding: 10px 51px; margin:0 0 0 25px; font-size:26px; color:#635936; font-family: "db_helvethaica_x65_med"; background:#AEA065; } .lasted { margin:56px 45px 15px 0 !important } /* End Content 1 */ /* Content 2 */ .register-page .register-form .center-form .left2 { width:100%; max-width:766px; display:none; position:absolute; } .register-page .register-form .center-form .left2 .input-items { width:100%; height:auto; margin:0 45px 15px 0; } .register-page .register-form .center-form .left2 .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .register-page .register-form .center-form .left2 .input-items div:first-child { float:left; width:100%; max-width:170px; text-align:right; padding:14px 0 0 0; } .register-page .register-form .center-form .left2 .input-items div:nth-child(2) input { font-size:25px; text-align: center; float:left; max-width:340px; background: white ; border: 1px solid #9b8b58; height: 49px; margin: 0 0 0 24px;padding: 10px 15px; width: 100%; } .register-page .register-form .center-form .left2 .input-items div:nth-child(2) .sCountry { float:left; height: 49px; margin:0 0 0 24px; width: 100%; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left2 .input-items div:nth-child(2) .sCountry .sCountry-style { padding: 0; margin: 0; width: 168px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left2 .input-items div:nth-child(2) .sCountry select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left2 .input-items div:nth-child(2) a.btnSubmit { padding: 10px 51px; margin:0 0 0 25px; font-size:26px; color:#635936; font-family: "db_helvethaica_x65_med"; background:#AEA065; } .lasted { margin:56px 45px 15px 0 !important } /* End Content 2 */ /* Content 3 */ .register-page .register-form .center-form .left3 { width:100%; max-width:766px; display:none; position:absolute; } .register-page .register-form .center-form .left3 .input-items { width:100%; height:auto; margin:0 45px 15px 0; } .register-page .register-form .center-form .left3 .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .register-page .register-form .center-form .left3 .input-items div:first-child { float:left; width:100%; max-width:170px; text-align:right; padding:14px 0 0 0; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) input { text-align: center; float:left; max-width:340px; background: white ; border: 1px solid #9b8b58; height: 49px; margin: 0 0 0 24px;padding: 10px 15px; width: 100%; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SApply { max-width:none; float:left; height: 49px; margin:0 0 0 24px; width: 355px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SApply .SApply-style { max-width:none; padding: 0; margin: 0; width: 353px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SApply select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SPre { float:left; height: 49px; margin:0 0 0 24px; width: 100%; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SPre .SPre-style { padding: 0; margin: 0; width: 168px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SPre select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SBirth { float:left; height: 49px; margin:0 0 0 24px; width: 118px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SBirth .SBirth-style { padding: 0; margin: 0; width: 115px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SBirth select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SMonth { float:left; height: 49px; margin:0 0 0 24px; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SMonth .SMonth-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SMonth select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SYear { float:left; height: 49px; margin:0 0 0 24px; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SYear .SYear-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SYear select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SNat { float:left; height: 49px; margin:0 0 0 24px; width: 269px; max-width:269px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SNat .SNat-style { padding: 0; margin: 0; width: 263px; max-width:263px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat right top; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) .SNat select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2).radio { float: left; margin: 10px 0 12px 23px; padding: 0; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) label { color: black; margin: 0 16px 0 0; font-size:24px; font-family: "db_helvethaica_x45_li"; } .register-page .register-form .center-form .left3 .input-items div:nth-child(2) a.btnSubmit { padding: 10px 51px; margin:0 0 0 25px; font-size:26px; color:#635936; font-family: "db_helvethaica_x65_med"; background:#AEA065; } .lasted { margin:56px 45px 15px 0 !important } /* End Content 3 */ .register-page .register-form .center-form .right { margin:0 70px 0 0; padding: 30px; width:100%; max-width:400px; height:649px; border-bottom:5px solid #AEA065; background:#F2F2F2; } .register-page .register-form .center-form .right p { line-height:1; font-size:24px; color:#372806; font-family: "db_helvethaica_x45_li"; text-align:left; } /*RADIO*/ input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } input[type=radio].css-checkbox + label.css-label { padding-left:26px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position: 0 0; font-size:21px; vertical-align:middle; cursor:pointer; } input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -21px; } label.css-label { background-image:url(radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*RADIO*/ /*REGISTER*/ /*ABOUT US*/ .aboutus-page { width:100%; height:auto; position:relative; } .aboutus-page .wrap-aboutus { width:100%; max-width:1600px; height:auto; margin:0 auto; background:white; } .aboutus-page .wrap-aboutus .imgshor { width:100%; max-width:1600px; height:auto; } .aboutus-page .wrap-aboutus .text-nav { width:100%; max-width:780px; margin:0 auto; text-align:center; padding:10px 0 0 0; } .aboutus-page .wrap-aboutus .text-nav p { cursor:pointer; float:left; padding:10px 35px; margin:0; font-size:22px; color:#6B6349; font-family: "db_helvethaica_x45_li";} .aboutus-page .wrap-aboutus .text-nav p.selected { cursor:default; color:white !important; background:#9B8B59 !important; padding:0 10px; margin:10px 25px; border-radius: 20px; } .aboutus-page .wrap-aboutus .content1 { width:100%; max-width:1415px; height:auto; margin:0 auto; padding:20px 0 0 0; } .aboutus-page .wrap-aboutus .content1 .left { width:100%; max-width:34%; height:auto; } .aboutus-page .wrap-aboutus .content1 .left img { width:100%; max-width:483px; height:auto; } .aboutus-page .wrap-aboutus .content1 .right { width:100%; max-width:60%; height:auto; text-align:left; } .aboutus-page .wrap-aboutus .content1 .right img { width:100%; max-width:462px; height:auto; margin:0 0 20px 0; } .aboutus-page .wrap-aboutus .content1 .right p { color:black; font-family: "db_helvethaica_x45_li"; font-size:33px; line-height:1.05; } .aboutus-page .wrap-aboutus .content1 .right p:nth-child(2) { padding:0; margin:0; font-size:50px; color:#6B6349; } .aboutus-page .wrap-aboutus .content1 .right p:nth-child(5) { padding:0; margin:0; font-size:50px; color:#6B6349; } .aboutus-page .wrap-aboutus .content2 { width:100%; max-width:1415px; height:auto; margin:0 auto; padding:40px 0 0 0; } .aboutus-page .wrap-aboutus .content2 .right { width:100%; max-width:34%; height:auto; } .aboutus-page .wrap-aboutus .content2 .right img { width:100%; max-width:490px; height:auto; } .aboutus-page .wrap-aboutus .content2 .left { width:100%; max-width:60%; height:auto; text-align:left; } .aboutus-page .wrap-aboutus .content2 .left p { color:black; font-family: "db_helvethaica_x45_li"; font-size:30px; line-height:1.05; } .aboutus-page .wrap-aboutus .content2 .left p:nth-child(1) { padding:0; margin:0; font-size:50px; color:#6B6349; } .aboutus-page .wrap-aboutus .content3 { width:100%; max-width:1415px; height:auto; margin:0 auto; padding:40px 0 80px; } .aboutus-page .wrap-aboutus .content3 .left { width:100%; max-width:34%; height:auto; } .aboutus-page .wrap-aboutus .content3 .left img { width:100%; max-width:490px; height:auto; } .aboutus-page .wrap-aboutus .content3 .right { width:100%; max-width:60%; height:auto; text-align:left; } .aboutus-page .wrap-aboutus .content3 .right p { color:black; font-family: "db_helvethaica_x45_li"; font-size:30px; line-height:1.05; } .aboutus-page .wrap-aboutus .content3 .right p:nth-child(1) { padding:0; margin:50px 0 0 0; font-size:50px; color:#6B6349; } /*ABOUT US*/ /*ABOUT US DESC*/ .aboutus-paged { width:100%; height:auto; position:relative; } .aboutus-paged .wrap-aboutus { width:100%; max-width:1600px; height:auto; margin:0 auto; background:white; } .aboutus-paged .wrap-aboutus .imgshor { width:100%; max-width:1600px; height:auto; } .aboutus-paged .wrap-aboutus .text-nav { width:100%; max-width:780px; margin:0 auto; text-align:center; padding:10px 0 0 0; } .aboutus-paged .wrap-aboutus .text-nav p { cursor:pointer; float:left; padding:10px 35px; margin:0; font-size:22px; color:#6B6349; font-family: "db_helvethaica_x45_li";} .aboutus-paged .wrap-aboutus .text-nav p.selected { cursor:default; color:white !important; background:#9B8B59 !important; padding:0 10px; margin:10px 25px; border-radius: 20px; } .aboutus-paged .wrap-aboutus .contentHead { width:100%; max-width:1495px; height:359px; margin:20px auto; padding:0 0 0 0; background:url('../images/aboutdesc/bg.png') no-repeat top center; } .aboutus-paged .wrap-aboutus .contentHead p { margin:0 auto; width:80%; color:black; font-family: "db_helvethaica_x45_li"; font-size:33px; line-height:1.05; } .aboutus-paged .wrap-aboutus .contentHead p:nth-child(1) { margin:0 auto; width:80%; padding:64px 0 0 0; font-size:64px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content1 { width:100%; max-width:1415px; height:auto; float:right; padding:0; margin:30px 0 15px 0; background:url('../images/aboutdesc/1.jpg') no-repeat top center; } .aboutus-paged .wrap-aboutus .content1 .left { width:100%; max-width:800px; height:auto; padding:28px 80px 40px 40px; margin:40px 0 0 40px; background:rgba(255,255,255,0.8); text-align:left; } .aboutus-paged .wrap-aboutus .content1 .left p { color:black; font-family: "db_helvethaica_x45_li"; font-size:36px; line-height:1.05; } .aboutus-paged .wrap-aboutus .content1 .left p:nth-child(1) { padding:0; margin:0; font-size:60px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content1 .left:nth-child(3) { background:#EDEDED; width:auto; height:auto; padding:0; margin:37px 0 34px 40px; text-align:left; } .aboutus-paged .wrap-aboutus .content1 .left:nth-child(3) a.redeem { padding: 12px 40px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; float:left; margin:0 20px 0 0; } .aboutus-paged .wrap-aboutus .content1 .left:nth-child(3) a.linkto { padding: 12px 20px; font-size:24px; color:#645A3F; font-family: "db_helvethaica_x45_li"; background:#ABA287; float:left; margin:0; } .aboutus-paged .wrap-aboutus .content2 { width:100%; max-width:1415px; height:auto; float:left; padding:0; margin:45px 0 0; background:url('../images/aboutdesc/2.jpg') no-repeat top center; } .aboutus-paged .wrap-aboutus .content2 .right { width:100%; max-width:800px; height:auto; padding:28px 40px 40px 40px; margin:40px 40px 0 0; background:rgba(255,255,255,0.8); text-align:left; } .aboutus-paged .wrap-aboutus .content2 .right p { color:black; font-family: "db_helvethaica_x45_li"; font-size:36px; line-height:0.86; } .aboutus-paged .wrap-aboutus .content2 .right p:nth-child(1) { padding:0; margin:0; font-size:60px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content2 .right:nth-child(3) { background:#EDEDED; width:auto; height:auto; padding:0; margin:37px 0 34px 40px; text-align:left; } .aboutus-paged .wrap-aboutus .content2 .right:nth-child(3) a.redeem { padding: 12px 40px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; float:left; margin:0 20px 0 0; } .aboutus-paged .wrap-aboutus .content2 .right:nth-child(3) a.linkto { padding: 12px 20px; font-size:24px; color:#645A3F; font-family: "db_helvethaica_x45_li"; background:#ABA287; float:left; margin:0 39px 0 0; } .aboutus-paged .wrap-aboutus .content3 { width:100%; max-width:1415px; height:auto; float:right; padding:0; margin:45px 0 15px 0; background:url('../images/aboutdesc/3.jpg') no-repeat top center; } .aboutus-paged .wrap-aboutus .content3 .left { width:100%; max-width:800px; height:auto; padding:28px 40px 40px 40px; margin:40px 0 0 40px; background:rgba(255,255,255,0.8); text-align:left; } .aboutus-paged .wrap-aboutus .content3 .left p { color:black; font-family: "db_helvethaica_x45_li"; font-size:36px; line-height:0.87; } .aboutus-paged .wrap-aboutus .content3 .left p span.eduper { font-size: 18.40px; font-family: sans-serif; } .aboutus-paged .wrap-aboutus .content3 .left p:nth-child(1) { padding:0; margin:0; font-size:60px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content3 .left:nth-child(3) { background:#EDEDED; width:auto; height:auto; padding:0; margin:37px 0 34px 40px; text-align:left; } .aboutus-paged .wrap-aboutus .content3 .left:nth-child(3) a.redeem { padding: 12px 40px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; float:left; margin:0 20px 0 0; } .aboutus-paged .wrap-aboutus .content3 .left:nth-child(3) a.linkto { padding: 12px 20px; font-size:24px; color:#645A3F; font-family: "db_helvethaica_x45_li"; background:#ABA287; float:left; margin:0; } .aboutus-paged .wrap-aboutus .content4 { width:100%; max-width:1415px; height:auto; float:left; padding:0; margin:30px 0 0; background:url('../images/aboutdesc/4.jpg') no-repeat top center; } .aboutus-paged .wrap-aboutus .content4 .right { width:100%; max-width:800px; height:auto; padding:28px 40px 40px 40px; margin:40px 40px 0 0; background:rgba(255,255,255,0.8); text-align:left; } .aboutus-paged .wrap-aboutus .content4 .right p { color:black; font-family: "db_helvethaica_x45_li"; font-size:36px; line-height:1.05; } .aboutus-paged .wrap-aboutus .content4 .right p:nth-child(1) { padding:0; margin:0; font-size:60px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content4 .right:nth-child(3) { background:#EDEDED; width:auto; height:auto; padding:0; margin:37px 0 34px 40px; text-align:left; } .aboutus-paged .wrap-aboutus .content4 .right:nth-child(3) a.redeem { padding: 12px 40px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; float:left; margin:0 20px 0 0; } .aboutus-paged .wrap-aboutus .content4 .right:nth-child(3) a.linkto { padding: 12px 20px; font-size:24px; color:#645A3F; font-family: "db_helvethaica_x45_li"; background:#ABA287; float:left; margin:0 39px 0 0; } .aboutus-paged .wrap-aboutus .content5 { width:100%; max-width:1415px; height:auto; float:right; padding:0; margin:45px 0 9px 0; background:url('../images/aboutdesc/5.jpg') no-repeat top center; } .aboutus-paged .wrap-aboutus .content5 .left { width:100%; max-width:800px; height:auto; padding:28px 40px 40px 40px; margin:40px 0 0 40px; background:rgba(255,255,255,0.8); text-align:left; } .aboutus-paged .wrap-aboutus .content5 .left p { color:black; font-family: "db_helvethaica_x45_li"; font-size:36px; line-height:1.13; } .aboutus-paged .wrap-aboutus .content5 .left p:nth-child(1) { padding:0; margin:0; font-size:60px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content5 .left:nth-child(3) { background:#EDEDED; width:auto; height:auto; padding:0; margin:37px 0 34px 40px; text-align:left; } .aboutus-paged .wrap-aboutus .content5 .left:nth-child(3) a.redeem { padding: 12px 40px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; float:left; margin:0 20px 0 0; } .aboutus-paged .wrap-aboutus .content5 .left:nth-child(3) a.linkto { padding: 12px 20px; font-size:24px; color:#645A3F; font-family: "db_helvethaica_x45_li"; background:#ABA287; float:left; margin:0; } .aboutus-paged .wrap-aboutus .content6 { width:100%; max-width:1415px; height:auto; float:left; padding:0; margin:30px 0 0; background:url('../images/aboutdesc/6.jpg') no-repeat top center; } .aboutus-paged .wrap-aboutus .content6 .right { width:100%; max-width:800px; height:auto; padding:28px 40px 40px 40px; margin:40px 40px 0 0; background:rgba(255,255,255,0.8); text-align:left; } .aboutus-paged .wrap-aboutus .content6 .right p { color:black; font-family: "db_helvethaica_x45_li"; font-size:36px; line-height:1.05; } .aboutus-paged .wrap-aboutus .content6 .right p:nth-child(1) { padding:0; margin:0; font-size:60px; color:#6B6349; } .aboutus-paged .wrap-aboutus .content6 .right:nth-child(3) { background:#EDEDED; width:auto; height:auto; padding:0; margin:37px 0 34px 40px; text-align:left; } .aboutus-paged .wrap-aboutus .content6 .right:nth-child(3) a.redeem { padding: 12px 40px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; float:left; margin:0 20px 0 0; } .aboutus-paged .wrap-aboutus .content6 .right:nth-child(3) a.linkto { padding: 12px 20px; font-size:24px; color:#645A3F; font-family: "db_helvethaica_x45_li"; background:#ABA287; float:left; margin:0 39px 0 0; } /*ABOUT US DESC*/ /*ABOUT US PRE*/ .aboutuspre-page { width:100%; height:auto; position:relative; } .aboutuspre-page .wrap-aboutuspre { width:100%; max-width:1600px; height:auto; margin:0 auto; background:white; text-align:center; } .aboutuspre-page .wrap-aboutuspre .imgshor { width:100%; max-width:1600px; height:auto; } .aboutuspre-page .wrap-aboutuspre .text-nav { width:100%; max-width:780px; margin:0 auto; text-align:center; padding:10px 0 0 0; } .aboutuspre-page .wrap-aboutuspre .text-nav p { cursor:pointer; float:left; padding:10px 35px; margin:0; font-size:22px; color:#6B6349; font-family: "db_helvethaica_x45_li";} .aboutuspre-page .wrap-aboutuspre .text-nav p.selected { cursor:default; color:white !important; background:#9B8B59 !important; padding:0 10px; margin:10px 25px; border-radius: 20px; } .aboutuspre-page .wrap-aboutuspre .headtext { width:100%; height:auto; padding:40px 0 0px 0; } .aboutuspre-page .wrap-aboutuspre .headtext p { font-size:60px; color:#7E7761; font-family: "db_helvethaica_x45_li"; } /* flex-grow: 1; flex-direction: column; order: 2; */ /* justify-content: flex-start | center | flex-end */ /* align-items: flex-start | center | flex-end */ .aboutuspre-page .wrap-aboutuspre .container { display: -webkit-box; /* 2009 - Chrome, Safari , iOS Safari */ display: -moz-box; /* 2009 - Firefox */ display: -ms-flexbox; /* early 2012 - IE 10 */ display: -webkit-flex; /* 2012 - Chrome */ display: flex; /* 2012 - Opera 12.1, Firefox 22+ */ max-width: 1400px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; padding:40px 40px 60px 40px; } .aboutuspre-page .wrap-aboutuspre .container .items { max-width:386px; width:30%; height:auto; display: inline-block; } .aboutuspre-page .wrap-aboutuspre .container .items img { width:100%; height:auto; } .aboutuspre-page .wrap-aboutuspre .container .items p { font-size:26px; text-align:left; color:black; font-family: "db_helvethaica_x45_li"; line-height:1; } .aboutuspre-page .wrap-aboutuspre .container .items p.headtitles { color:#9F8F61; font-size:30px; } /*ABOUT US*/ /*REWARD*/ .reward-page { width:100%; position:relative; } .reward-page .wrap-reward .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:0 auto; } .reward-page .wrap-reward .bgcrystal .registerWord { width:100%; max-width:1416px; margin:0 auto; height:auto; padding:40px 0px 40px 20px; text-align:left; } .reward-page .wrap-reward .bgcrystal .search-panel { width:100%; max-width:1416px; margin:0 auto; height:auto; padding:0; background:rgba(255, 255, 255, 0.5); } .reward-page .wrap-reward .bgcrystal .search-panel .left { width:60%; height:auto; padding:30px 0 0 30px; } .reward-page .wrap-reward .bgcrystal .search-panel .left p { color:#56441E; font-family: "db_helvethaica_x45_li"; font-size:24px; line-height:1.05; text-align:left; } .reward-page .wrap-reward .bgcrystal .search-panel .left p.headerfont { padding:0; margin:0; font-size:40px; color:#6B6349; } .reward-page .wrap-reward .bgcrystal .search-panel .left p.headerfont span { color:#A3A3A2; } .reward-page .wrap-reward .bgcrystal .search-panel .left a.search { padding: 12px 58px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#6B6349; float:left; margin:20px 0 0 0; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search { padding:33px 0; margin:0; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search { float:left; padding: 0 10px; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search:first-child { padding:0 10px 0 0; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search:last-child { padding:0 0 0 10px; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SPoint { float:left; height: 49px; margin:0; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SPoint .SPoint-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SPoint select { height:48px; padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SCate { float:left; height: 49px; margin:0; width: 254px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SCate .SCate-style { padding: 0; margin: 0; width: 252px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SCate select { height:48px; padding:10px 54px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SProp { text-align:left; float:left; height: 49px; margin:0; width: 334px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SProp .SProp-style { padding: 0; margin: 0; width: 332px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .reward-page .wrap-reward .bgcrystal .search-panel .left .search .items-search .SProp select { height:48px; padding: 10px 53px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .reward-page .wrap-reward .bgcrystal .search-panel .right { width:40%; height:auto; text-align:right; } .reward-page .wrap-reward .bgcrystal .items-panel { width:100%; max-width:1416px; margin:40px auto; height:auto; padding:0; } .reward-page .wrap-reward .bgcrystal .items-panel p { width:auto; height:auto; text-align:left; margin:0 0 0 20px; color:#6B6349; font-family: "db_helvethaica_x45_li"; font-size:56px; line-height:1.05; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward { width:100%; max-width:1416px; margin:40px auto; height:auto; padding:0; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items { width:50%; max-width:327px; height:auto; padding:0; margin:0 20px 25px 0; background:rgba(239,239,239,0.8); float:left; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .imgs { position:relative; width:100%; height:auto; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .imgs .tags { position:absolute; right:10px; top:10px; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .imgs .tags img { width:100%; max-width:84px;; height:auto; border:0px; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .imgs .points { position:absolute; left:20px; bottom:16px; font-size:89px; color:#BAA76D; font-family: "db_helvethaica_x45_li"; text-align:left; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .imgs .points img { width:100%; max-width:65px;; height:auto; border:0px; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .imgs img {width:100%; height:230px; padding:0; margin:0; border:0px; border-bottom: 3px solid transparent; -webkit-border-image: url(../images/reward/line.png) 30 stretch; /* Safari 3.1-5 */ -o-border-image: url(../images/reward/line.png) 30 stretch; /* Opera 11-12.1 */ border-image: url(../images/reward/line.png) 30 stretch;} .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .description { width:100%; height:80px; padding:10px 0 0 0; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .description p { line-height:0.9; height:62px; font-size:24px; color:#7F7043; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0 14px 0 14px; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .others { width:100%; height:auto; padding:40px 14px; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .others .left a img { padding:0px 4px; } .reward-page .wrap-reward .bgcrystal .items-panel .item-reward .items .others .right a { padding: 12px 32px; margin:0; font-size:18px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; } .paginareward { padding:40px 0; } .paginareward a { background:white; color: black; float: left; font-family: "db_helvethaica_x45_li"; font-size: 26px; height: 24px; margin:0 3px; padding: 4px; text-align: center; width: 28px; } .paginareward a:hover { background:#7F7043; } .paginareward a.selected { padding:4px; background:#7F7043; color: white; } /*REWARD*/ /*MEMBER*/ .member-page { width:100%; position:relative; } .member-page .wrap-member .imgshor { width:100%; max-width:1600px; height:auto; } .member-page .wrap-member .imgslide { width:100%; max-width:1600px; height:auto; } .member-page .wrap-member .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:-5px auto 0px auto; } .member-page .wrap-member .bgcrystal .membermenu { width:100%; max-width:1600px; height:auto; margin:0 auto; padding: 0 0 0 0; background:#6c685a; } .member-page .wrap-member .bgcrystal .membermenu div.item-menu { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li"; background:#474230; } .member-page .wrap-member .bgcrystal .membermenu div.item-menu a { font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li";} .member-page .wrap-member .bgcrystal .membermenu div.item-menu:hover { color:white; background:#6B6349; opacity:1; } .member-page .wrap-member .bgcrystal .membermenu div.item-menu-selected { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; background:#6B6349; } .member-page .wrap-member .bgcrystal .membermenu div.item-menu-selected a { font-size:24px; color:white; font-family: "db_helvethaica_x45_li";} .member-page .wrap-member .bgcrystal .membermenu div.item-menu-selected:hover { color:white; background:#6B6349; opacity:1; } .member-page .wrap-member .bgcrystal .user-info { width:100%; max-width:1414px; height:auto; margin:0 auto; padding: 0 0 0 0; } .member-page .wrap-member .bgcrystal .user-info .left { width:50%; height:auto; padding:20px 0; } .member-page .wrap-member .bgcrystal .user-info .left .profileImg { float:left; } .member-page .wrap-member .bgcrystal .user-info .left .profileImg img { padding:0 20px 0 0; } .member-page .wrap-member .bgcrystal .user-info .left .profileDetail { float:left; } .member-page .wrap-member .bgcrystal .user-info .left .profileDetail p { width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; } .member-page .wrap-member .bgcrystal .user-info .left .profileDetail p:nth-child(1) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .member-page .wrap-member .bgcrystal .user-info .left .profileDetail p:nth-child(2) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .member-page .wrap-member .bgcrystal .user-info .right { width:40%; height:auto; padding:20px 0; } .member-page .wrap-member .bgcrystal .user-info .right .profileLogout { float:right; margin:76px 0 0; } .member-page .wrap-member .bgcrystal .user-info .right .profileLogout .logoutmember { padding: 12px 29px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; margin:0; } .member-page .wrap-member .bgcrystal .user-info .right .profileTotal { float:right; padding:0 39px 0 0; } .member-page .wrap-member .bgcrystal .user-info .right .profileTotal p { border-bottom:2px solid #514D3C; padding:5px 0; width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x65_med"; line-height:1; } .member-page .wrap-member .bgcrystal .user-info .right .profileTotal p:nth-child(1) span { color:#83BF83; } .member-page .wrap-member .bgcrystal .personal-info { width:100%; max-width:1414px; height:auto; margin:20px auto; padding: 10px 0; background:#6B6349; } .member-page .wrap-member .bgcrystal .personal-info p:first-child { padding:0; margin:0 0 0 20px; width:100%; text-align:left; font-size:34px; color:white; font-family: "db_helvethaica_x65_med"; line-height:1; } .member-page .wrap-member .bgcrystal .personal-form { width:100%; max-width:1414px; height:auto; margin:20px auto 0px auto; padding:0; } .member-page .wrap-member .bgcrystal .personal-form:nth-child(9) { padding:0 0 30px 0; border-bottom:2px solid #5E5A4A; } .member-page .wrap-member .bgcrystal .personal-form .left { width:100%; max-width:700px; height:auto; } .member-page .wrap-member .bgcrystal .personal-form .right { width:100%; max-width:700px; height:auto; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items { width:100%; height:auto; margin:0 0px 15px 0; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:first-child { float:left; width:100%; max-width:170px; text-align:right; padding:14px 0 0 0; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) input { text-align: center; float:left; max-width:340px; background: white ; border: 1px solid #9b8b58; height: 49px; margin: 0 0 0 24px;padding: 10px 15px; width: 100%; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .sCountry { float:left; height: 49px; margin:0 0 0 24px; width: 338px; max-width:338px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .sCountry .sCountry-style { padding: 0; margin: 0; width: 334px; max-width:334px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat right top; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .sCountry select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SPre { float:left; height: 49px; margin:0 0 0 24px; width: 100%; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SPre .SPre-style { padding: 0; margin: 0; width: 168px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SPre select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2).radio { float: left; margin: 10px 0 12px 23px; padding: 0; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) label { color: black; margin: 0 16px 0 0; font-size:24px; font-family: "db_helvethaica_x45_li"; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SBirth { float:left; height: 49px; margin:0 0 0 24px; width: 118px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SBirth .SBirth-style { padding: 0; margin: 0; width: 115px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SBirth select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SMonth { float:left; height: 49px; margin:0 0 0 24px; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SMonth .SMonth-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SMonth select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SYear { float:left; height: 49px; margin:0 0 0 24px; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SYear .SYear-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .member-page .wrap-member .bgcrystal .personal-form .left .input-items div:nth-child(2) .SYear select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items { width:100%; height:auto; margin:0 45px 15px 0; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items div:first-child { float:left; width:100%; max-width:170px; text-align:right; padding:14px 0 0 0; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items div:nth-child(2) input { text-align: center; float:left; max-width:340px; background: white ; border: 1px solid #9b8b58; height: 49px; margin: 0 0 0 24px;padding: 10px 15px; width: 100%; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items div:nth-child(2) .SNat { float:left; height: 49px; margin:0 0 0 24px; width: 269px; max-width:269px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items div:nth-child(2) .SNat .SNat-style { padding: 0; margin: 0; width: 263px; max-width:263px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat right top; } .member-page .wrap-member .bgcrystal .personal-form .right .input-items div:nth-child(2) .SNat select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .member-page .wrap-member .bgcrystal .input-submit { width:100%; max-width:1414px; height:auto; margin:70px auto; padding:0; text-align:center; } .member-page .wrap-member .bgcrystal .input-submit a.btnSubmit { padding: 10px 42px; margin:0 10px; font-size:26px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; } /*MEMBER*/ /*MEMBER-POINT*/ .point-page { width:100%; position:relative; } .point-page .wrap-point .imgshor { width:100%; max-width:1600px; height:auto; } .point-page .wrap-point .imgslide { width:100%; max-width:1600px; height:auto; } .point-page .wrap-point .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:-5px auto 0px auto; } .point-page .wrap-point .bgcrystal .membermenu { width:100%; max-width:1600px; height:auto; margin:0 auto; padding: 0 0 0 0; background:#6c685a; } .point-page .wrap-point .bgcrystal .membermenu div.item-menu { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li"; background:#474230; } .point-page .wrap-point .bgcrystal .membermenu div.item-menu a { font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li";} .point-page .wrap-point .bgcrystal .membermenu div.item-menu:hover { color:white; background:#6B6349; opacity:1; } .point-page .wrap-point .bgcrystal .membermenu div.item-menu-selected { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; background:#6B6349; } .point-page .wrap-point .bgcrystal .membermenu div.item-menu-selected a { font-size:24px; color:white; font-family: "db_helvethaica_x45_li";} .point-page .wrap-point .bgcrystal .membermenu div.item-menu-selected:hover { color:white; background:#6B6349; opacity:1; } .point-page .wrap-point .bgcrystal .user-info { width:100%; max-width:1414px; height:auto; margin:0 auto; padding: 0 0 0 0; } .point-page .wrap-point .bgcrystal .user-info .left { width:50%; height:auto; padding:20px 0; } .point-page .wrap-point .bgcrystal .user-info .left .profileImg { float:left; } .point-page .wrap-point .bgcrystal .user-info .left .profileImg img { padding:0 20px 0 0; } .point-page .wrap-point .bgcrystal .user-info .left .profileDetail { float:left; } .point-page .wrap-point .bgcrystal .user-info .left .profileDetail p { width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; } .point-page .wrap-point .bgcrystal .user-info .left .profileDetail p:nth-child(1) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .point-page .wrap-point .bgcrystal .user-info .left .profileDetail p:nth-child(2) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .point-page .wrap-point .bgcrystal .user-info .right { width:40%; height:auto; padding:20px 0; } .point-page .wrap-point .bgcrystal .user-info .right .profileLogout { float:right; margin:76px 0 0; } .point-page .wrap-point .bgcrystal .user-info .right .profileLogout .logoutmember { padding: 12px 29px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; margin:0; } .point-page .wrap-point .bgcrystal .user-info .right .profileTotal { float:right; padding:0 39px 0 0; } .point-page .wrap-point .bgcrystal .user-info .right .profileTotal p { border-bottom:2px solid #514D3C; padding:5px 0; width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x65_med"; line-height:1; } .point-page .wrap-point .bgcrystal .user-info .right .profileTotal p:nth-child(1) span { color:#83BF83; } .point-page .wrap-point .bgcrystal .head-desc { width:100%; max-width:1414px; height:auto; margin:20px auto 0 auto; padding:0; text-align:left; } .point-page .wrap-point .bgcrystal .personal-info:nth-child(9) { padding:0px 0 70px; } .point-page .wrap-point .bgcrystal .personal-info { width:100%; max-width:1414px; height:auto; margin:10px auto 20px auto; padding:0; background:white; } .point-page .wrap-point .bgcrystal .personal-info table { width:100%; height:auto; border:0; } .point-page .wrap-point .bgcrystal .personal-info table tr { height:45px; } .point-page .wrap-point .bgcrystal .personal-info table tr td { color:black; } .point-page .wrap-point .bgcrystal .personal-info table tr.grey { background:#F0EFEC; } .point-page .wrap-point .bgcrystal .personal-info table tr:first-child { background:#6B6349; } .point-page .wrap-point .bgcrystal .personal-info table tr:first-child td { color:white; } /*MEMBER-POINT*/ /*MEMBER-REDEMPTION*/ .redemption-page { width:100%; position:relative; } .redemption-page .wrap-redemption .imgshor { width:100%; max-width:1600px; height:auto; } .redemption-page .wrap-redemption .imgslide { width:100%; max-width:1600px; height:auto; } .redemption-page .wrap-redemption .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:-5px auto 0px auto; } .redemption-page .wrap-redemption .bgcrystal .membermenu { width:100%; max-width:1600px; height:auto; margin:0 auto; padding: 0 0 0 0; background:#6c685a; } .redemption-page .wrap-redemption .bgcrystal .membermenu div.item-menu { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li"; background:#474230; } .redemption-page .wrap-redemption .bgcrystal .membermenu div.item-menu a { font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li";} .redemption-page .wrap-redemption .bgcrystal .membermenu div.item-menu:hover { color:white; background:#6B6349; opacity:1; } .redemption-page .wrap-redemption .bgcrystal .membermenu div.item-menu-selected { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; background:#6B6349; } .redemption-page .wrap-redemption .bgcrystal .membermenu div.item-menu-selected a { font-size:24px; color:white; font-family: "db_helvethaica_x45_li";} .redemption-page .wrap-redemption .bgcrystal .membermenu div.item-menu-selected:hover { color:white; background:#6B6349; opacity:1; } .redemption-page .wrap-redemption .bgcrystal .user-info { width:100%; max-width:1414px; height:auto; margin:0 auto; padding: 0 0 0 0; } .redemption-page .wrap-redemption .bgcrystal .user-info .left { width:50%; height:auto; padding:20px 0; } .redemption-page .wrap-redemption .bgcrystal .user-info .left .profileImg { float:left; } .redemption-page .wrap-redemption .bgcrystal .user-info .left .profileImg img { padding:0 20px 0 0; } .redemption-page .wrap-redemption .bgcrystal .user-info .left .profileDetail { float:left; } .redemption-page .wrap-redemption .bgcrystal .user-info .left .profileDetail p { width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; } .redemption-page .wrap-redemption .bgcrystal .user-info .left .profileDetail p:nth-child(1) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .redemption-page .wrap-redemption .bgcrystal .user-info .left .profileDetail p:nth-child(2) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .redemption-page .wrap-redemption .bgcrystal .user-info .right { width:40%; height:auto; padding:20px 0; } .redemption-page .wrap-redemption .bgcrystal .user-info .right .profileLogout { float:right; margin:76px 0 0; } .redemption-page .wrap-redemption .bgcrystal .user-info .right .profileLogout .logoutmember { padding: 12px 29px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; margin:0; } .redemption-page .wrap-redemption .bgcrystal .user-info .right .profileTotal { float:right; padding:0 39px 0 0; } .redemption-page .wrap-redemption .bgcrystal .user-info .right .profileTotal p { border-bottom:2px solid #514D3C; padding:5px 0; width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x65_med"; line-height:1; } .redemption-page .wrap-redemption .bgcrystal .user-info .right .profileTotal p:nth-child(1) span { color:#83BF83; } .redemption-page .wrap-redemption .bgcrystal .registerWord { width:100%; max-width:1416px; margin:0 auto; height:auto; padding:40px 0px 40px; text-align:left; } .redemption-page .wrap-redemption .bgcrystal .search-panel { width:100%; max-width:1416px; margin:0 auto; height:auto; padding:0; background:rgba(255, 255, 255, 0.5); } .redemption-page .wrap-redemption .bgcrystal .search-panel .left { width:60%; height:auto; padding:30px 0 0 30px; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left p { color:#56441E; font-family: "db_helvethaica_x45_li"; font-size:24px; line-height:1.05; text-align:left; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left p.headerfont { padding:0; margin:0; font-size:40px; color:#6B6349; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left p.headerfont span { color:#A3A3A2; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left a.search { padding: 12px 58px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#6B6349; float:left; margin:20px 0 0 0; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search { padding:33px 0; margin:0; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search { float:left; padding: 0 10px; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search:first-child { padding:0 10px 0 0; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search:last-child { padding:0 0 0 10px; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SPoint { float:left; height: 49px; margin:0; width: 169px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SPoint .SPoint-style { padding: 0; margin: 0; width: 166px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SPoint select { height:48px; padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*xxxx*/ .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SCate { float:left; height: 49px; margin:0; width: 254px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SCate .SCate-style { padding: 0; margin: 0; width: 252px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SCate select { height:48px; padding:10px 54px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SProp { text-align:left; float:left; height: 49px; margin:0; width: 334px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SProp .SProp-style { padding: 0; margin: 0; width: 332px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat 96% 50%; } .redemption-page .wrap-redemption .bgcrystal .search-panel .left .search .items-search .SProp select { height:48px; padding: 10px 53px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .redemption-page .wrap-redemption .bgcrystal .search-panel .right { width:40%; height:auto; text-align:right; } .redemption-page .wrap-redemption .bgcrystal .items-panel { width:100%; max-width:1416px; margin:40px auto; height:auto; padding:0; } .redemption-page .wrap-redemption .bgcrystal .items-panel p { width:auto; height:auto; text-align:left; color:#6B6349; font-family: "db_helvethaica_x45_li"; font-size:56px; line-height:1.05; } .redemption-page .wrap-redemption .bgcrystal .items-panel .rate { text-align:left; color:#6B6349; font-family: "db_helvethaica_x45_li"; font-size:26px; line-height:1.05; font-size:26px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .rate p.filter { font-size:36px; float:left; } .redemption-page .wrap-redemption .bgcrystal .items-panel .rate a { float:left; font-size: 32px; margin: 4px 10px; padding:0 10px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .rate a:hover { color:white !important; background:#9B8B59 !important; padding:0 10px; border-radius: 20px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward { width:75%; max-width:1200px; margin:20px 0 20px 0; height:auto; padding:0 0 0 20px; float:left; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items { width:33%; max-width:327px; height:auto; padding:0; margin:0 20px 25px 0; background:rgba(239,239,239,0.8); float:left; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .imgs { position:relative; width:100%; height:auto; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .imgs .tags { position:absolute; right:10px; top:10px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .imgs .tags img { width:100%; max-width:84px;; height:auto; border:0px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .imgs .points { position:absolute; left:20px; bottom:16px; font-size:89px; color:#BAA76D; font-family: "db_helvethaica_x45_li"; text-align:left; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .imgs .points img { width:100%; max-width:65px;; height:auto; border:0px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .imgs img { width:100%; height:230px; padding:0; margin:0; border:0px; border-bottom: 3px solid transparent; -webkit-border-image: url(../images/reward/line.png) 30 stretch; /* Safari 3.1-5 */ -o-border-image: url(../images/reward/line.png) 30 stretch; /* Opera 11-12.1 */ border-image: url(../images/reward/line.png) 30 stretch;} .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .description { width:100%; height:80px; padding:10px 0 0 0; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .description p { line-height:0.9; font-size:24px; color:#7F7043; font-family: "db_helvethaica_x45_li"; text-align:left; padding:0 14px 0 14px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .others { width:100%; height:auto; padding:40px 14px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .others .left a img { padding:0px 4px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-reward .items .others .right a { padding: 12px 32px; margin:0; font-size:18px; color:white; font-family: "db_helvethaica_x45_li"; background:#7F7043; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result { width:25%; max-width:340px; margin:20px 0 20px 0; height:auto; padding:0 0 0 0 ; float:right; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result img { width:100%; height:auto; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result p:first-child { padding:5px 0 5px 10px; margin:0; width:100%; text-align:left; font-size:30px; color:white; background:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent { width:100%; max-width:340px; height:379px; overflow:auto; padding:0 0 0 0 ;} .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items { position:relative; width:100%; margin: 0 0 10px 0; padding: 0 0 10px 0; height: auto; border-bottom: 2px solid grey; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .imgredeem { float:left; width:100%; max-width:100px; height:auto; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .imgredeem img { width:100px; height:100px; padding:10px 0; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .descredeem { float:left; width:100%; max-width:195px; height:auto; padding:5px 0 0 12px; text-align:left; margin:0; font-size:18px; color:black; font-family: "db_helvethaica_x45_li"; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .btn-delete { position:absolute; right:5px; top:5px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .btn-delete a { font-size:20px; color:black; font-family: "db_helvethaica_x45_li"; text-decoration:none; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .btn-summary { position:absolute; right:0; bottom:10px; font-size:14px; color:grey; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .btn-summary a { font-size:22px; background: grey; color:black; font-family: "db_helvethaica_x45_li"; text-decoration:none; padding:0px 8px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .incontent .items .point-summary { position:absolute; left:108px; bottom:10px; font-size:18px; color:black; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .confirmBalance { position:relative; width:100%; max-width:340px; height:118px; border:1px solid white;} .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .confirmBalance .sumredeem { position: absolute; font-weight: bold; font-size: 14px; color: #7F7043; left: 5px; top: 20px;; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .confirmBalance .sumredeem span { font-weight: normal; font-size: 20px; color: red; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .confirmBalance .reddembtns { position: absolute; right: 5px; top: 18px; width: 141px; padding: 5px; color:white; font-size: 20px; font-family: "db_helvethaica_x45_li"; background: #6A6349; margin: 0 0 0 169px; } .redemption-page .wrap-redemption .bgcrystal .items-panel .item-result .confirmBalance .yourbalanceis { margin: 65px 0 0 0; padding: 15px; background:#6A6349; color:white; border-radius: 20px; } /*MEMBER-REDEMPTION*/ /*MEMBER-REDEMPTION*/ .term-page { width:100%; position:relative; } .term-page .wrap-term .imgshor { width:100%; max-width:1600px; height:auto; } .term-page .wrap-term .imgslide { width:100%; max-width:1600px; height:auto; } .term-page .wrap-term .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:-5px auto 0px auto; } .term-page .wrap-term .bgcrystal .membermenu { width:100%; max-width:1600px; height:auto; margin:0 auto; padding: 0 0 0 0; background:#6c685a; } .term-page .wrap-term .bgcrystal .membermenu div.item-menu { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li"; background:#474230; } .term-page .wrap-term .bgcrystal .membermenu div.item-menu a { font-size:24px; color:#8E8C84; font-family: "db_helvethaica_x45_li";} .term-page .wrap-term .bgcrystal .membermenu div.item-menu:hover { color:white; background:#6B6349; opacity:1; } .term-page .wrap-term .bgcrystal .membermenu div.item-menu-selected { cursor:pointer; float:left; width:20%; line-height:1; padding:14px; margin:0 0 0 0; background:#6B6349; } .term-page .wrap-term .bgcrystal .membermenu div.item-menu-selected a { font-size:24px; color:white; font-family: "db_helvethaica_x45_li";} .term-page .wrap-term .bgcrystal .membermenu div.item-menu-selected:hover { color:white; background:#6B6349; opacity:1; } .term-page .wrap-term .bgcrystal .user-info { width:100%; max-width:1414px; height:auto; margin:0 auto; padding: 0 0 0 0; } .term-page .wrap-term .bgcrystal .user-info .left { width:50%; height:auto; padding:20px 0; } .term-page .wrap-term .bgcrystal .user-info .left .profileImg { float:left; } .term-page .wrap-term .bgcrystal .user-info .left .profileImg img { padding:0 20px 0 0; } .term-page .wrap-term .bgcrystal .user-info .left .profileDetail { float:left; } .term-page .wrap-term .bgcrystal .user-info .left .profileDetail p { width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; } .term-page .wrap-term .bgcrystal .user-info .left .profileDetail p:nth-child(1) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .term-page .wrap-term .bgcrystal .user-info .left .profileDetail p:nth-child(2) { font-size:30px; font-family:"db_helvethaica_x65_med"; } .term-page .wrap-term .bgcrystal .user-info .right { width:40%; height:auto; padding:20px 0; } .term-page .wrap-term .bgcrystal .user-info .right .profileLogout { float:right; margin:76px 0 0; } .term-page .wrap-term .bgcrystal .user-info .right .profileLogout .logoutmember { padding: 12px 29px; font-size:24px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; margin:0; } .term-page .wrap-term .bgcrystal .user-info .right .profileTotal { float:right; padding:0 39px 0 0; } .term-page .wrap-term .bgcrystal .user-info .right .profileTotal p { border-bottom:2px solid #514D3C; padding:5px 0; width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x65_med"; line-height:1; } .term-page .wrap-term .bgcrystal .user-info .right .profileTotal p:nth-child(1) span { color:#83BF83; } .term-page .wrap-term .bgcrystal .term-condition { width:100%; max-width:1414px; height:auto; margin:0 auto; padding: 30px 0 100px 0; } .term-page .wrap-term .bgcrystal .term-condition p { width:100%; text-align:left; font-size:24px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1.2; } .term-page .wrap-term .bgcrystal .term-condition p:nth-child(1) { padding:0 0 10px 0; width:100%; text-align:left; font-size:44px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; } /* Preferences */ .term-page .wrap-term .bgcrystal .preferences { width:100%; max-width:1414px; height:auto; margin:0 auto; padding: 30px 20px; } .term-page .wrap-term .bgcrystal .preferences .contenthead p { text-align:left; font-size:24px; color:#736B53; font-family: "db_helvethaica_x45_li"; line-height:1.0; } .term-page .wrap-term .bgcrystal .preferences .contenthead p:nth-child(1) { font-size:30px; } .term-page .wrap-term .bgcrystal .preferences .navitem { width:100%; max-width:1414px; height:auto; padding:50px 0; } .underlines { border-bottom:4px solid #6B6349; } .term-page .wrap-term .bgcrystal .preferences .navitem a.btnSubmit { padding: 10px 42px; margin:0 10px; font-size:26px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; } .term-page .wrap-term .bgcrystal .preferences .navitem .headnavitem { text-align:left; font-size:26px; color:white; font-family: "db_helvethaica_x45_li"; background:#6B6349; padding:5px 30px; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .titlenavitem { text-align:left; font-size:30px; font-weight: bold; color:#6B6349; font-family: "db_helvethaica_x45_li"; padding:5px 30px; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel { width:100%; position:relative; padding:50px 0 0 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel ul.radio { width:100% } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel ul.radio li { width:25%; text-align:left; float:left; padding:20px 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left { width:48%; max-width:700px; height:auto; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items { float:left; width:100%; height:auto; margin:0 45px 24px 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items p { font-size:24px; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items span { color:red; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items input { background: transparent ; height: 49px; margin: 0;padding: 10px 15px; width: 100%; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items div.firsttest { float:left; width:100%; max-width:170px; text-align:right; padding:28px 0 0 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items div.secondtest { float:left; width:100%; max-width:340px; text-align:left; padding:14px 0 0 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items .SNat { float:left; height: 49px; margin:0 0 0 24px; width: 269px; max-width:269px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items .SNat .SNat-style { padding: 0; margin: 0; width: 263px; max-width:263px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat right top; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .left .input-items .SNat select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right { width:48%; max-width:700px; height:auto; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items { float:left; width:100%; height:auto; margin:0 45px 24px 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items p { font-size:24px; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items span { color:red; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items input { background: transparent ; border: 1px solid #9b8b58;height: 49px; margin: 0;padding: 10px 15px; width: 100%; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items div { color:#56441E; font-family: "db_helvethaica_x45_li"; text-align:left; font-size:24px; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items div.firsttest { float:left; width:100%; max-width:170px; text-align:right; padding:28px 0 0 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items div.secondtest { float:left; width:100%; max-width:340px; text-align:left; padding:14px 0 0 0; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items .SNat { float:left; height: 49px; margin:0 0 0 24px; width: 269px; max-width:269px; padding:0px; border: 1px solid #9b8b58; cursor:pointer; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items .SNat .SNat-style { padding: 0; margin: 0; width: 263px; max-width:263px; height:46px; overflow: hidden; background: #fff url("../images/arrowdown.gif") no-repeat right top; } .term-page .wrap-term .bgcrystal .preferences .navitem .itempanel .right .input-items .SNat select { padding: 10px 8px 10px 18px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* LOGIN */ .login-page { width:100%; position:relative; } .login-page p { font-size:20px; color:#6B6349; font-family: "db_helvethaica_x45_li"; line-height:1; padding:0 20px; margin:0 auto; width:100%; max-width:442px;} .login-page .bgcrystal { width:100%; max-width:1600px; background:rgba(255, 255, 255, 1) url('../images/bgregister.png') no-repeat top center; height:auto; margin:-5px auto 0px auto; } .login-page .registerWord { width:100%; max-width:1600px; height:auto; padding:40px 0px 40px;} .login-page .registerWord img { width:100%; max-width:467px; height:auto; padding:0 20px; } .login-page input { background: white ; border:0; height: 49px; margin: 0; padding: 10px 15px; width:100%; max-width:250px; } .login-page a.btnSubmit { padding: 10px 42px; margin:0 10px; font-size:26px; color:white; font-family: "db_helvethaica_x45_li"; background:#474230; } .login-page .forgotpass { font-size:20px; color:#6B6349; font-family: "db_helvethaica_x45_li"; } .login-page .description { width:100%; max-width:468px; height:auto; border:2px solid #8C856D; margin:0 auto; padding:10px; } .login-page .description p { font-size:16px; color:#6B6349; font-family: "db_helvethaica_x45_li"; text-align:left; } .login-page .description p:nth-child(1) { font-size:18px; }