/* CSS crunched with Crunch - http://crunchapp.net/ */ /*********************** CSS Version - 20150112 ***********************/ /**Mixuin Style**/ html { overflow-y: scroll; } body, dl, dd, h1, h2, h3, h4, p, form, ul, ol, dl { margin: 0; padding: 0; font-weight: normal; } body { /*font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體",sans-serif;*/ /* font-family: "黑體", "微軟正黑體", "宋体", "Helvetica"; */ font-family: "微軟正黑體", "宋体", "儷黑Pro", "蘋果儷中黑 ", "Helvetica"; line-height: 1.8; color: #434343; background-color: #ebebeb; font-size: 14px; margin: 0px; text-align: justify; } img { border: 0px; } .img-responsive{ display:block; width:100% \9; max-width:100%; height:auto } table { border-collapse: collapse; border-spacing: 0; } p { line-height: 1.5; padding: 10px 0px; } ul, ol { padding-left: 20px; } li { line-height: 1.5; } /*Corporate Identity*/ a:link, a:visited { color: #888888; text-decoration: none; } a:hover, a:active { color: #b67511; text-decoration: none; } .content p {text-align: justify;} .resetBotP {padding-bottom: 0px;} .resetTopP {padding-top: 0px;} .resetP-R {padding-right: 0px;} .marginBot10{margin-bottom: 10px;} /*Components*/ /**Button Style**/ .hoverStyle { display: block; text-indent: -9999px; background-repeat: no-repeat; } .hoverStyle:hover { background-position: bottom center; } button.noStyleBtn { padding: 0px; margin: 0px; outline: none; border: none; cursor: pointer; background: none; } .btnForm { background: url(../images/global/btn_arrow1.png) top left no-repeat; display: inline-block; font-size: 18px; color: #d48923; padding-left: 10px; line-height: 24px; cursor: pointer; } .btnForm2{ background: url(../images/global/btn_arrow2.png) top left no-repeat; display: block; font-size: 18px; color: #aaaaaa; padding-left: 10px; line-height: 24px; cursor: pointer; } .btnForm_Width01{ width: 37px; } .btnForm_Width02{ width: 75px; } .btnForm a { color: #d48923; } .btnForm:hover,.btnForm2:hover { background-position: bottom left; color: #f7a129; } /**List Style**/ .noStyleList { padding: 0px; margin: 0px; } .noStyleList li { list-style: none; padding: 0px; margin: 0px; } .horzontalNavStyle { padding: 0px; } .horzontalNavStyle li, .horzontalNavStyle dt, .horzontalNavStyle dd { float: left; list-style: none; padding: 0px; margin: 0px; display: block; } .listBullet{ list-style: none; padding: 0px; margin: 0px; } .listBullet li { background: url(../images/global/list_arrow3.png) left top no-repeat; padding-left: 23px; line-height: 23px; color:#888888; } /*List Styles*/ dl, dt, dd { margin: 0px; padding: 0px; } .no-style-list { list-style: none; margin: 0px; padding: 0px; } .float-style li, .float-style dt, .float-style dd { float: left; } .ol-alpha { list-style-type: lower-alpha; } .ol-roman { list-style-type: lower-roman; } /**Utilities Style**/ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .toLeft { float: left; } .toRight { float: right; } .hide { display: none; } .none { display: none!important; } .show { display: block; } .hide-text { text-indent: -99999px; font-size: 0px; } .innerWrapper { font-size: 14px; position: relative; margin: auto; } /** christmas theme **/ .christmas { position: fixed; top: 90px; left: 50%; margin-left: -865px; width: 1730px; height: 1402px; background: url(../images/christmas2015/bg.jpg) top left no-repeat; } .deco1 { margin-left: 50px; margin-top: 14px; } .deco2 { margin-left: 68px; margin-top: 12px; } .deco3 { position: absolute; top: -4px; left: 59px; } /** christmas theme end**/ #header .outerWrapper{ width: 1240px; height: 95px; position: relative; margin: auto; } .outer-wrap { clear: both; width: 100%; min-width: 1240px; } .contentWrap { padding-top: 98px; width: 1240px; clear: both; margin: auto; min-height: 1000px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 75%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(75%, #fafafa), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 75%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #fafafa 75%, #f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #fafafa 75%, #f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #fafafa 75%, #f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); /* IE6-8 */ } .contentWrap.contentWrap--no-padding-top { padding-top: 0; } #contentArea { width: 1240px; position: relative; } #content2 .innerLeftPane { width: 795px; height: 100%; float: right; position: relative; } #content2 #innerLeftNav { width: 185px; height: 100%; float: left; position: absolute; } #content2 .verticalBg { height: 100%; position: absolute; left: -54px; top: 0px; width: 54px; } #content2 #innerLeftNav { width: 185px; height: 100%; float: left; background: url(../images/global/leftPaneTopGrad.jpg) top left repeat-x; } #content2 .contentTop { background: url(../images/global/leftPaneTopGrad.jpg) top left; width: 793px; height: 150px; position: absolute; top: 0px; left: 0px; } #content3 .contentTop { background: url(../images/global/leftPaneTopGrad.jpg) top left; width: 978px; height: 150px; position: absolute; top: 0px; left: 0px; } .contentTop { background: url(../images/global/leftPaneTopGrad.jpg) top left; width: 665px; height: 150px; position: absolute; top: 0px; left: 0px; } .verticalBg { height: 100%; position: absolute; right: -54px; top: 0px; width: 54px; } .innerLeftPane { width: 665px; float: left; position: relative; } .innerRightPane { width: 315px; height: 100%; float: right; } .contentPadding { padding: 20px 35px 35px 35px; position: relative; min-height: 310px; } .outerBg { background: url(../images/global/outerBg.png) center top; width: 1024px; margin: auto; } .contentHightlight{color: #92690E;} .bgShadow01 { background: url(../images/index/middle_shadow_right.png) right top no-repeat; width: 130px; height: 380px; position: absolute; left: 0px; top: 0px; } .bgShadow02 { background: url(../images/index/middle_shadow_left.png) left top no-repeat; width: 131px; height: 380px; position: absolute; right: 0px; top: 0px; } .resetFloat { height: 1px; clear: both; } /*Website Customize*/ /*Bib Custom CSS*/ /**Global Structure Style******************************/ /* Wrapper width*/ .inputWidth{ width: 120px; } #header { border-top: 3px solid #b87411; background-color: #FFF; position: fixed; /* width: 100%; */ left: 0; right: 0; z-index: 1000; background: #FFF; } #header .innerWrapper { width: 980px; height: 95px; } #sliderPane .innerWrapper { width: 1240px; height: 520px; padding-top: 98px; } #indexContentBox { margin-top: -72px; z-index: 999; position: relative; background: url(../images/index/middle_bg_middle.jpg)repeat-y; background-size: 980px; } /*#20160711 DISABLE * * #indexContentBox h3 { position: absolute; bottom: 0px; margin: 0px; color: #9a6110; } */ #indexContentBox .innerWrapper { /*height: 305px;*/ background: url(../images/index/middle_bg_top.png) top center no-repeat; display: block; } #indexbottom .innerWrapper { width: 980px; /*border-bottom: 1px solid #d9d9d9;*/ } #site-map .innerWrapper{ width: 980px; /* border-bottom: 1px solid #d9d9d9; */ padding: 20px 0px; } .siteMapDt{line-height: 23px;} .map-col .active{color: #92690E;} #partnership { float: left; margin-top: 30px; } #footer .innerWrapper { width: 980px; display: block; min-height: 100px; padding: 15px 0px; } #fixed-bottom-panel { background: url(../images/footer_bottom/footer_bg.png) repeat-x; width: 100%; position: fixed; z-index: 999; bottom: -1px; } #fixed-bottom-panel .innerWrapper { width: 980px; display: block; } .partnership-top-pane { position: relative; } .partnership-top-pane h3 { margin: 14px 0px 0px 20px; font-size: 15px; color: #9a6110; } #bottom-bg { position: relative; width: 1240px; margin: 0px auto; } #bottom-bg .outnerWrapper { width: 980px; display: block; margin: 0px auto; } .shadow-bottom-bg { background:#FFF url('../images/index/middle_bg02.png') repeat-x; width: 1240px; z-index: -10; height: 100%; position: absolute; /*top: 67px;*/ left: 0px; background-position: bottom; } /*header*/ #logo { position: absolute; left: 0px; top: 12px; width: 276px; } .logoSVG{ display: block; display: none \9; *display: none; _display: none; } .logoIMG{ display: none; display: block \9; *display: block; _display: block; } #logo img{width: 100%;} #header-top-pane { position: absolute; right: 0px; top: 0px; } #header-top-pane .langWidth{width: 15px;margin-right: 5px;} #header-top-pane a { text-decoration: none; letter-spacing: 2px; /*margin-right: 10px;*/ color: #fff; font-size: 12px; display: block; padding: 0px 20px; border-right: 1px solid #fff; } #header-top-pane ul.top-link{ width: 390px; } #header-top-pane li { /* height: 15px; line-height: 15px;*/ /* border-right: 1px solid #dddddd;*/ padding-bottom: 2px; } #header-top-pane .online-chat { display: block; background: url('../images/header/header-linkage.png'); width: 93px; height: 21px; cursor: pointer; margin: 0px; } #header-top-pane .online-QQ-chat { display: block; background: url('../images/header/header-QQ-linkage.png'); width: 115px; height: 21px; cursor: pointer; margin: 0px; } #header-top-pane .online-chat:hover,#header-top-pane .online-QQ-chat:hover { background-position: bottom; } /*cs fixed panel*/ .csList li{font-size: 12px;text-align: center;line-height: 1;} .csList {font-size: 12px;} .csText{margin: 0;padding: 3px 0px 5px 0px;} /* NAV */ #nav .active { padding-bottom: 16px; border-bottom: 3px solid #b77b25; z-index: 99999; } #nav-01:hover, #nav-02:hover, #nav-03:hover, #nav-04:hover, #nav-05:hover, #nav-06:hover, #nav-07:hover, #nav-08:hover { padding-bottom: 16px; border-bottom: 3px solid #b77b25; z-index: 99999; } #main-nav li { position: relative; margin: 0px 20px; } .drop { position: absolute; left: -30px; top: 40px; -webkit-box-shadow: 6px 3px 38px -5px rgba(0,0,0,0.56); -moz-box-shadow: 6px 3px 38px -5px rgba(0,0,0,0.56); box-shadow: 6px 3px 38px -5px rgba(0,0,0,0.56); } #nav { position: absolute; top: 55px; right: -20px; } #nav li { text-align: center; } #nav li a { text-decoration: none; box-sizing: border-box; } #nav li a:hover { color: #b87412; } .top-link li { text-align: center; /*padding: 0px 20px;*/ background: url('../images/header/header_color.jpg'); } .top-link li:hover{ background: url('../images/header/header_hover.jpg'); cursor: pointer; } .top-link .active a { display: block; color: #FFF !important; /*background-color: #b77514;*/ /*width: 35px;*/ } .top-link li.active{ background: url('../images/header/header_hover.jpg'); } .nav-propic-02 { position: absolute; right: 20px; top: 20px; /* width: 200px;*/ } .nav-propic-03 { position: absolute; right: 20px; top: 20px; } .nav-propic-04 { position: absolute; right: 20px; top: 20px; } #nav .sub-nav1 { z-index: 9999; padding: 20px; padding-top: 15px; } #nav .nav-bg-02 { width: 270px; height: 185px; background: url(../images/header/submenu-bg.png); } #nav .nav-bg-03 { width: 380px; height: 210px; background: url(../images/header/submenu-bg.png); } #nav .nav-bg-04 { width: 270px; height: 110px; background: url(../images/header/submenu-bg.png); } #nav .sub-nav1 li { margin-left: 0px; clear: both; text-align: left; line-height: 23px; font-size: 14px; margin-bottom: 6px; } .menu-pic { position: absolute; top: 10px; right: 10px; } /* Slider */ #slider { position: relative; } .slider-detailBtn { background: url(../front-end-plugin/SliderJS-master/btn_more.jpg) top center no-repeat; width: 126px; height: 29px; position: absolute; } .slider-detailBtn2 { background: url(../front-end-plugin/SliderJS-master/btn_start.jpg) top center no-repeat; width: 130px; height: 43px; position: absolute; } .slider-detailBtn3 { background: url(../front-end-plugin/SliderJS-master/btn_broker_reg.jpg) top center no-repeat; width: 203px; height: 44px; position: absolute; } .slider-detailBtn4 { background: url(../front-end-plugin/SliderJS-master/btn_play.png) top center no-repeat; width: 203px; height: 42px; position: absolute; } .slider-detailBtn5 { background: url(../images/banner/travel-btn.png) top center no-repeat; width: 167px; height: 52px; position: absolute; top: 320px; right: 120px; background-size: cover; } .slider-detailBtn6 { background: url(../images/banner/dw-btn.png) top center no-repeat; width: 153px; height: 40px; position: absolute; top: 335px; left: 140px; background-size: cover; } .slider-detailBtn7 { background: url(../images/banner/home-btn.png) top center no-repeat; width: 153px; height: 40px; position: absolute; top: 310px; right: 140px; background-size: cover; } .slider-starr_SmarTrip { background: url(../front-end-plugin/SliderJS-master/banners/btn_starr_SmarTrip.png) top center no-repeat; width: 203px; height: 42px; position: absolute; } .slider-roadshow { background: url(../front-end-plugin/SliderJS-master/btn_roadshow.png) top center no-repeat; width: 176px; height: 95px; position: absolute; } .slider-detailBtn:hover { background-position: bottom; } .detailBtn_banner01 { right: 535px; top: 325px; } .detailBtn_banner02 { right: 620px; top: 265px; } .detailBtn_banner03 { right: 535px; top: 340px; } .detailBtn_banner04 { right: 495px; top: 290px; } .detailBtn_banner05 { right: 425px; top: 250px; } .detailBtn_banner06{ right: 480px; top: 290px; } .detailBtn_minisite { right: 823px; top: 266px; } .detailBtn_broker{ right: 155px; top: 255px; } .detailBtn_starr{ right: 175px; top: 350px; } .detailBtn_starr_SmarTrip{ right: 175px; top: 350px; } .detailBtn_roadshow{ right: 304px; top: 282px; } /*latest news*/ #latestNews { float: left; padding-left: 35px; } #indexLatestNews{ float: right; width: 280px; margin-right: 6px; position:relative; } #indexProduct dt{ padding: 5px 2.5px; } #indexProduct .productPane{ padding-left: 15px; } #indexProduct{ float: left; width: 645px; } #product-bottom-pane{ padding-left: 15px; } #latestNews h3, #indexLatestNews h3 { /*left: 20px;*/ } .newsPadding { padding: 0px 10px 0px 10px; font-size: 12px; width: 150px; color: #787878; text-align: initial; } #indexLatestNews .newsPadding { padding: 0px 0px 0px 10px; font-size: 12px; width: 180px; } .pageMore { background: url(../images/global/more_arrow.png) right center no-repeat; padding-right: 10px; width: 30px; position: absolute; right: 0px; color: #515151; font-size: 11px; line-height: 40px; top: 0px; } .indexMore { background: url(../images/global/more_arrow.png) right center no-repeat; padding-right: 10px; width: 30px; position: absolute; right: 16px; bottom: 0px; color: #515151; font-size: 11px; line-height: 27px; } .news-top-pane { height: 40px; position: relative; } .news-bottom-pane { padding: 0px 11px; } .news-bottom-pane dl { padding: 6px 5px; } /*.news-bottom-pane dd { padding-left: 10px; }*/ .news-date { color: #d48923; } .news-title { line-height: 18px; color: #787878; } .newsPane { font-size: 12px; clear: both; } .newsPane dl{ float: left; } #indexProduct .newsPane dl{ margin-right: 9px; } #individual { float: left; padding: 0px 18px; } #individual a, #business a { color: #434343; } #individual a:hover, #business a:hover { color: #b87412; } #individual img { margin-top: 7px; } #business { float: left; width: 300px; } #business img { margin-top: 7px; } .businessList{ width: 125px; margin-right: 20px; float: left; } /*site map*/ .map-col { float: left; /*width: 90px;*/ width: 10%; font-size: 11px; padding: 0px 35px; } .map-col dl { line-height: 1.5; padding-bottom: 5px; } .map-col dt a { color: #92690E; text-decoration: none; } .map-col dt a:hover, .map-col dd a:hover { color: #b67511; } .map-col dd a { color: #888888; text-decoration: none; } .map-col .map-listMargin { margin-top: 10px; } #site-map h3 { /*margin: 14px 0px 18px 20px;*/ font-size: 15px; /*margin-top: 17px;*/ float: left; } .paddingTop10{padding-top: 10px;} .paddingBot10{padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;} /* Footer */ .footer-list li a { padding-left: 30px; width: 65px; height: 28px; display: block; line-height: 28px; } #footer a:hover { color: #b87412; } #footer p { padding: 0px; color: #886e48; font-size: 11px; line-height: 11px; padding: 0px 0px 11px 0px; clear: both; } #footer .paymentList li{ padding-left: 20px; color: #888888; } #footer .payment{ padding-top: 12px; font-size: 12px; } #footer .footer-leftPane li { padding: 0px 10px; height: 11px; line-height: 11px; } #footer .footer-leftPane li a { font-size: 11px; } #footer .footer-leftPane .border { border: solid #858585; border-width: 0px 1px 0px 1px; } /* Footer bottom bar*/ .footer-list li { float: left; margin: 10px 0px; } /** * FOOTER > COMPANY GROUP (20170207) */ #footer > .innerWrapper { min-height: 0; } #footer .footer-dock { background-color: #ca903c; } #footer .footer-dock * { box-sizing: border-box; } #footer .footer-dock__inner { width: 1110px; /* width: 980px; */ display: table; vertical-align: top; } #footer .footer-dock__inner:after { content: ''; display: table; clear: both; } #footer .footer-dock__logo { display: table-cell; position: relative; width: 43%; padding-left: 160px; background-color: #FFF; padding-top: 10px; padding-bottom: 10px; } #footer .footer-dock__logo:after { content: ''; display: block; position: absolute; width: 60px; height: 100%; top: 0; right: -30px; background-color: #ca903c; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); } #footer .footer-dock__content { /* float: left; */ display: table-cell; width: 57%; color: #FFF; text-align: right; vertical-align: middle; position: relative; } #footer .footer-dock__content-inner { display: inline-block; text-align: center; } #footer .footer-dock__link-list { padding: 0; margin: 0; } #footer .footer-dock__link-list > li { display: inline-block; } #footer .footer-dock__link-list > li:not(:last-child):after { content: ' | '; display: inline; margin: 0 5px; } #footer .footer-dock__link-anchor { color: #FFF; } #footer .footer-dock__link-anchor:link, #footer .footer-dock__link-anchor:visited, #footer .footer-dock__link-anchor:hover, #footer .footer-dock__link-anchor:active, #footer .footer-dock__link-anchor:focus { color: #FFF; } /* [END] FOOTER > COMPANY GROUP (20170207) */ .loginBtn { background: url('../images/footer_bottom/footer_login.png') center top no-repeat; margin-left: 18px; } .memberBtn { background: url('../images/footer_bottom/footer_membership.png') center top no-repeat; margin-left: 18px; } .registerBtn { background: url('../images/footer_bottom/footer_registar.png') center top no-repeat; margin-left: 125px; } .editBtn { background: url('../images/footer_bottom/footer_membership_edit.png') center top no-repeat; margin-left: 100px; width: 90px; } .chatBtn { background: url('../images/footer_bottom/footer_live_chat.png') center top no-repeat; margin-left: 106px; } .mailBtn { background: url('../images/footer_bottom/footer_mail.png') center top no-repeat; margin-left: 109px; } .usefulLinkBtn { background: url('../images/footer_bottom/footer_useful_link.png') center top no-repeat; margin-left: 105px; } .footer-rightPane p { margin: 0px; float: right; font-size: 11px; color: #858585; line-height: 11px; } .footer-rightPane a { margin: 0px; float: right; font-size: 13px; color: #353535; line-height: 23px; } #footer h3 img { vertical-align: text-bottom; margin-left: 10px; } #fb-icon { display: block; padding-right: 38px; background: url(../images/global/facebook_icon.png) top right no-repeat; } /* partnership slider */ #fixed-bottom-panel li a { color: #FFF; text-decoration: none; } #partnership-logo-container { padding-top: 5px; border-right: 1px dotted #bcb9b2; } #partnership-logo-container li a { display: block; width: 200px; height: 100px; overflow: hidden; text-align: center; } .partnership-ctrl-btn { position: absolute; z-index: 9999; width: 14px; height: 42px; background-repeat: no-repeat; top: 60px; } .partnership-back { left: 0px; } .partnership-next { right: 0px; } .partnership-ctrl-btn a { display: block; width: 24px; height: 42px; } /*.brand-ctrl-btn a:hover{ background-position:bottom center;}*/ .partnership-back a { background-image: url(../front-end-plugin/jCarousel/arrow-left.png); } .partnership-next a { background-image: url(../front-end-plugin/jCarousel/arrow-right.png); background-position: 15px 0px; } /*About us*/ .boxPane { margin-bottom: 20px; } .boxPaneEnd { margin-bottom: 0px; } #breadcrumb { line-height: 12px; font-size: 12px; padding-bottom: 5px; } .breadcrumb-current { color: #d28922; } #contentArea .innerWrapper { width: 980px; } .contentBanner { width: 1240px; height: 330px; } #leftPaneContent h3, .innerPane h3 { font-size: 28px; color: #7e5012; line-height: 1; padding-bottom: 10px; } #leftPaneContent h4, .innerPane h4, h4 { background: url(../images/global/goldUnderLine.png) bottom left no-repeat; font-size: 22px; color: #996212; padding: 10px 0px; line-height: 1; text-align: justify; } .contentBottom { background: url(../images/global/bottomShadowBg.png) top center; width: 980px; height: 2px; margin: auto; } .innerRightPane #rightPaneNews { padding: 15px 15px 0px 15px; background: url(../images/global/newsBottomShadow.png) bottom center no-repeat; } .innerRightPane h3 { font-size: 18px; color: #986313; } .innerRightPane .newsPane { background: url(../images/global/dot_line.png) bottom center repeat-x; height: 73px; } .news-content-pane { /* background: url(../images/global/newsBottomShadow.png) bottom center no-repeat;*/ } .about-us-wp{height:191px;} .about-us-photo1{width:286px;height:191px;background:url(../images/aboutus/photo1.jpg);float:left;} .about-us-photo2{width:286px;height:191px;background:url(../images/aboutus/photo2_2.jpg);float:right;} .about-us-photo3{width:286px;height:191px;background:url(../images/aboutus/photo3.jpg);float:left;margin:10px 20px 0 0;} .about-us-photo4{width:286px;height:191px;background:url(../images/aboutus/photo4.jpg);float:right;margin:10px 0 0 20px;} .about-us-photo5{width:250px;height:125px;background:url(../images/aboutus/photo5.jpg);float:left;margin:10px 20px 10px 0;} .about-us-photo6{width:250px;height:125px;background:url(../images/aboutus/photo6.jpg);float:right;margin:10px 0 20px 20px;} .aboutus_sub_title{margin-top:10px;} .aboutus_top{padding-top:0} /*Termcondition*/ .float-ol .listPadding01 { padding-left: 25px; } .padding-l, .sub-lContent { padding-left: 20px; } /*Individual*/ .contentIndividual { position: relative; padding: 20px 35px 15px 35px; } #indivi-list li { width: 280px; margin-bottom: 20px; padding-right: 35px; } #indivi-list li p { width: 100%; background: url(../images/global/indi-boxShadow.png) top left no-repeat; } .individualListImg { height: 84px; } .contentIndividual .sub-title { padding: 10px 0px; } #innerLeftNav .leftNavPadding { padding: 20px 0px 0px 35px; } #innerLeftNav .LeftNavStyle { /*background: url(../images/global/businessLeftGrad.png) bottom left repeat-x;*/ background: url('../images/global/dot_line.png')bottom left repeat-x; margin: 20px 0px 0px 10px; color: #787878; } #innerLeftNav .LeftMultiNavStyle{margin: 20px 0px 0px 10px;color: #787878;} /*Fancy box*/ .popupLogin{ background: url(../images/global/bg_popup.jpg) top center; width: 587px; height: 280px; position: relative; } .form-login-box .popup-content-wrap { padding-top: 55px; } .popup-content-wrap .textContent { background: url(../images/global/goldUnderLine.png) bottom center no-repeat; font-size: 22px; color: #996212; padding: 10px 0px; line-height: 1.4; text-align: center; } .eCard-popup{ background: url(../images/global/bg_popup_video.png) top center; width: 692px; height: 559px; position: relative; } .popup-eCard-wrap { padding-top: 55px; margin: auto; width: 600px; } /*.popup-content-wrap a { color: #996212; }*/ .popup-content-wrap { padding: 30px 0px 0px 150px; } #form-success-box .popup-content-wrap{ padding: 70px 0px 0px 0px; /*** 20171201 ***/ text-align: center; } /*404 page*/ .notFoundWrap{min-height: 405px;background: url('../images/global/404_bg.jpg')top no-repeat;width: 978px;} .notFoundT{ text-align: center; margin: 140px 0px 0px 0px; line-height: 1.5; } .notFound a{color: #996212;} .backIndex{padding-left: 15px;margin-top: 0px;width: 72px;margin:auto;} /*form*/ .formContentTitle{color:#996212;font-size: 16px;} .forgotPw{position: absolute;top: 152px;right:153px;font-size: 12px;} .formRowStyle .formLabel { width: 90px; padding: 0px; line-height: 25px; } .formBtnRow{ margin-top: 15px; } .formBtnWidth{ width: 95px; } .blockMsg { line-height: 16px; margin: 0px 0px 5px 90px; color: #ff6000; font-size: 13px; visibility: hidden; background: url(../images/global/icon-error.png)top left no-repeat; padding-left: 20px; } .formRowStyle .formMessage{ clear: both; width: 100%; } /*product page*/ .submenu a{ height: 23px; background: url(../images/global/list_arrow3.png) top left no-repeat; display: block; padding-left: 23px; } .submenu a.rowTwoTitle{ background: url(../images/global/list_arrowNormal.png) top left no-repeat; color: #888888; } .submenu a.active:hover{background: url(../images/global/list_arrowActive.png) top left no-repeat!important;color: #b67511!important;} .submenu a:hover, .submenu a.active{ background: url(../images/global/list_arrow3.png) bottom left no-repeat; color: #b67511; } .submenu a.rowTwoTitle:hover{ background: url(../images/global/list_arrowActive.png) top left no-repeat; color: #b67511; } a.submenu-head-link{ font-size: 16px; color: #775317; display: block; padding-bottom: 10px; } .fixShad{position: absolute;z-index: 10;} .linkMenu li{ margin-bottom: 10px; background: url(../images/global/dot_line.png) bottom left repeat-x; } .sub-head{ padding: 15px 0px 0px 0px; color: #bd7217; font-size: 16px; } .title-01{ color: #bd7217; margin: 5px 0px 0px 0px; font-size: 16px; } .table-style1{margin: 20px 0px 10px 0px;} .lifeTable01{ width: 100%; text-align: left; background-color: #fcfcfc; } .lifeTable01 th{ height: 33px; padding-left: 10px; padding-left: 15px; font-weight: normal; } .lifeTable01 .thLeft{ width: 50%; border:solid #dfd6d7; border-width: 0px 0px 1px 0px; } .lifeTable01 .thRight{ width: 50%; border:solid #dfd6d7; border-width: 0px 0px 1px 0px; } .lifeTable01 .productInLeft{ color: #000; border-right: 1px solid #dfd6d7; padding-left: 15px; } .lifeTable01 .productInRight{ color: #000; padding-left: 15px; } .lifeTable01 .tdInLeft{ line-height: 25px; border-right: 1px solid #dfd6d7; vertical-align: top; padding-left: 15px; } .lifeTable01 .tdInRight{ padding-left: 15px; } .lifeTable02{margin: 10px 0px;} .lifeTable02 td{width: 25%;} .tableStyle1 th, .tableStyle2 th{ text-align: center; background-color: #f5f5f5; font-weight: normal; color: #7e5012; } .tableStyle1 th, .tableStyle1 td, .tableStyle2 th, .tableStyle2 td, .tableStyle3 th, .tableStyle3 td{ border: solid #e8e8e8; border-width: 0px 1px 1px 0px; } .tableStyle1 td, .tableStyle2 td, .tableStyle3 td{ background-color: #fcfcfc; } .lifeTable01, .tableStyle1, .tableStyle2, .tableStyle3{ line-height: 1.8; } .savingsTable th{ padding: 15px; } .savingsTable td{ padding: 0px 0px; font-size: 14px; vertical-align: top; line-height: 1.5; } .clearBorderRight{ border-right: 0px !important; } .clearBorderBottom{ border-bottom: 0px !important; } .tableStyle2{ width: 100%; text-align: center; } .tableStyle3 th{ width: 83%; background-color: #f5f5f5; color: #7e5012; padding-left: 20px; text-align: left; font-weight: normal; } .tableStyle3 td{ background-color: #fcfcfc; padding-right: 25px; } .contentRow ul{list-style-image:url(../images/global/pointer1.png);padding-left: 22px;} /*.contentRow li{line-height: 21px;}*/ .contentRow .point2{list-style-image:url(../images/global/pointer2.png);padding-left: 32px;} .introPane{ background-color: #fcfcfc; line-height: 33px; margin: 10px 0px; } .product-head{ display: inline-block; padding-left: 10px; } .vertical-line{ background: url(../images/global/dot_line.png) repeat-x; border: none !important; height: 1px; padding-bottom: 20px; margin: 0px; } a.linkColor01{ color: #cc922e; } a.linkColor01:hover, a.linkColor02:hover{ color: #b67511; } a.linkColor02{ color: #92690E; } a.linkColor03{ color: #bd7217; cursor: pointer; background: url(../images/global/btn_arrow1.png)top left no-repeat; padding-left: 10px; display: block; height: 24px; } a.linkColor03:hover{ color: #cc922e; background-position: bottom left; } a.linkColor04{ color: #d48923; } a.linkColor04:hover{ color: #f7a129; } .product-intro{ margin-left: 5px; } .zoom-bottom{ margin-bottom: 5px; } .table-style2{ width: 100%; margin: 10px 0px 5px 0px; } .remark{ padding: 0px; margin: 0px; font-size: 12px; } .verticalTop{ vertical-align: top; line-height: 1.5 } .b2top{ margin: 0px 5px 10px 0px; } .productLP{ margin-bottom: 30px; } /*Create By Eric*/ .underline { width: 980px; height: 1px; background-repeat: bottom center repeat-x; } .innerPane { width: 980px; float: left; } .reset-padding { padding: 0px; } .sub-title { font-size: 18px; color: #996212; padding: 0px 0px 0px 0px; } .sub-content { padding: 5px 0px 0px 0px; text-align: justify; } .background { background: url(../images/global/bg_table_row.gif) no-repeat; } div#partnership-page, div#links { padding: 10px 0px 0px 0px; } div#partnership-page table{ display: none; border-spacing:0; border-collapse:collapse; } div#partnership-page table tr td.partner-icon { padding: 0px 15px 0px 15px ; text-align: center; } div#partnership-page table tr td.partner-icon img{ width: 120px; } div#partnership-page table tr td.partner-info { line-height: 1.2; padding: 15px 15px 15px 0px; } div#partnership-page table tr td.partner-info-bottom { line-height: 1.2; padding: 15px 20px 0px 0px; } div#partnership-page table tr td.partner-icon-bottom { padding: 15px 15px 0 15px ; } /* partnership page list*/ div#partnership-page .partnership-page__table--active{ display: block; } div#partnership-page .partnership-page__pagination{ float:right; } div#partnership-page .partnership-page__arrow{ display: inline-block; /*text-indent: -9999px;*/ width:20px; height:30px; padding: 20px 0px; vertical-align: text-bottom; font-size: 16px; text-align: center; } div#partnership-page .partnership-page__arrow-prev-first{ } div#partnership-page .partnership-page__arrow-prev{ } div#partnership-page .partnership-page__arrow-next{ } div#partnership-page .partnership-page__arrow-next-last{ } div#partnership-page .partnership-page__list{ display: inline-block; margin: 20px 0px; padding: 0px; } div#partnership-page .partnership-page__list li { padding: 0 10px; } div#partnership-page .partnership-page__list li.partnership-page__list-item--active a, div#partnership-page .partnership-page__list li:hover > a { color:#bf8331;} div#partnership-page .partnership-page__list li.partnership-page__list-item--active{ border: 1px solid #bf8331; } #links table.links-table{ border: 0px; } div#links div.background p.links-add { padding: 0px; } div#links div.background p.links-tel { padding: 0px 0px 20px 0px; } div#links div.background div.links-table table tr td a img.links-icon { padding: 5px 0px 0px 5px; vertical-align: bottom; } div#links div.background div.links-table { padding: 10px 0px 0px 18px; } div#links div.background div.links-table table.links-table tr td { padding: 0px; vertical-align: bottom; } div#contact-us { padding: 0px 0px 10px 0px; background: url(../images/global/dot_line.png) bottom center repeat-x; height: 150px; } div#contact-us div.boxPane table#contact-table { line-height: 1.5; border: 0px; } div#contact-us div.boxPane table#contact-table tr.first-padding td { padding: 10px 0px 0px 0px; } div#contact-us div.boxPane table#contact-table tr td.contact-title { width: 100px; } #latest-news-content.contact-us-info a,div#contact-us div.boxPane table#contact-table tr td.contact-content a { color: #996212; } #latest-news-content.contact-us-info a:hover,div#contact-us div.boxPane table#contact-table tr td.contact-content a:hover { color: #f7a129; } #latest-news-content.contact-us-info p{ text-indent: 28px; } div#form { padding: 10px 0px 0px 0px; } .contact-star { color: #f68b01; } div#form div.method { position: relative; /*width: 980px;*/ height: 35px; padding: 5px 0px 0px 0px; /*background: url(../images/global/form_line.png) bottom left no-repeat;*/ } div#form div.method ul.method-items li.method-title { font-size: 18px; color: #996212; } .method-item { position: relative; margin: 0px 20px; font-size: 18px; color: #747474; height: 33px; } .method-item:hover,.method-item.active{ color: #f7a129; outline: 0; background: url(../images/global/form_menu_selecter.jpg) bottom no-repeat; } .method-item.active a{ color: #f7a129; outline: 0; } .method-item a:focus{ outline: 0; } div#form div.input-form span.main-tag { float: right; font-size: 12px; } div#form div.input-form { padding: 5px 0px 0px 0px; } /*START EMAIL CONTACT FORM */ div#form div.input-form form.e-mail_box table.contact-table { width: 350px; } div#form div.input-form form.e-mail_box table.contact-table tr td select { /*width: 150px;*/ width: 233px; } div#form div.input-form form.e-mail_box table.contact-table tr td input { /*width: 146px;*/ width: 229px; } div#form div.input-form form.e-mail_box table.contact-table tr td.contact-format input { width: 229px; } div#form div.input-form form.e-mail_box table.contact-table tr td.contact-padding { padding: 4px 0px 10px 0px; } div#form div.input-form form.e-mail_box table.contact-table tr td.content-title { vertical-align: top; } div#form div.input-form form.e-mail_box table.contact-table tr td textarea { max-width: 229px; min-width: 229px; max-height: 100px; min-height: 100px; } div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-submit span.submit-btn, div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-reset span.submit-btn, div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-reset2 span.submit-btn { padding: 0px 0px 0px 10px; } div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-submit { font-size: 18px; color: #d48923; height: 29px; background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px 4px; display: block; position: relative; /*top: 13px;*/ } div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-submit:hover { background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px -20px; display: block; color: #f7a129; } div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-reset, div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-reset2 { font-size: 18px; color: #aaaaaa; height: 29px; background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px 5px; display: block; } div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-reset:hover, div#form div.input-form form.e-mail_box table.contact-table tr td a.contact-reset2:hover { background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } /*END*/ /*START CALL CONTACT FORM*/ div#form div.input-form form.phone_box table.contact-table2 { width: 350px; } div#form div.input-form form.phone_box table.contact-table2 tr td select { width: 233px; } div#form div.input-form form.phone_box table.contact-table2 tr td input { width: 229px; } div#form div.input-form form.phone_box table.contact-table2 tr td.contact-padding { padding: 4px 0px 0px 0px; } div#form div.input-form form.phone_box table.contact-table2 tr td textarea { max-width: 229px; min-width: 229px; max-height: 100px; min-height: 100px; } div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-submit span.submit-btn, div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-reset span.submit-btn, div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-reset2 span.submit-btn { padding: 0px 0px 0px 10px; } div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-submit { font-size: 18px; color: #d48923; height: 29px; background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px 5px; display: block; position: relative; } div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-submit:hover { background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-reset, div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-reset2 { font-size: 18px; color: #aaaaaa; height: 29px; background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px 5px; display: block; } div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-reset:hover, div#form div.input-form form.phone_box table.contact-table2 tr td a.contact-reset2:hover { background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } /*END*/ /*START LIVE*/ table.live-contact { height: 120px; width: 100%; background: url(../images/global/cs.jpg) no-repeat; } table.live-contact tr td.live-title { text-align: left; } table.live-contact tr td.live-icon { width: 182px; } table.live-contact tr td.live-icon img.live-icon { float: right; padding: 0px 10px 0px 0px; } table.live-contact tr td.live-title a.live-submit { font-size: 18px; color: #d48923; height: 29px; width: 120px; background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px 4px; display: block; } table.live-contact tr td.live-title a.live-submit:hover { background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px -20px; display: block; color: #f7a129; } table.live-contact tr td.live-title a.live-submit span.live-btn { padding: 0px 0px 0px 10px; } /*END*/ /*START TEL*/ table.tel-contact { height: 120px; width: 100%; background: url(../images/global/cs.jpg) no-repeat; } table.tel-contact tr td.tel-title { vertical-align: bottom; padding: 0 0 23px 0; /*padding: 0 0 37px 0;*/ text-align: left; } table.tel-contact tr td.tel-icon { width: 182px; } table.tel-contact tr td.tel-icon img.tel-icon { float: right; /*padding: 0px 10px 34px 0px;*/ padding: 0px 10px 39px 0px; } table.tel-contact tr td.tel-title span.tel-btn { padding: 0px 0px 0px 30px; font-size: 14px; color: #b87412; height: 29px; } /*END*/ /*START QQ - ANSON*/ table.qq-contact { height: 120px; width: 100%; background: url(../images/global/cs.jpg) no-repeat; } table.qq-contact tr td.qq-title { vertical-align: bottom; padding: 0 0 47px 0; text-align: left; } table.qq-contact tr td.qq-icon { width: 182px; } table.qq-contact tr td.qq-icon img.qq-icon { float: right; padding: 0px 10px 34px 0px; } form.phone_box, table.live-contact, table.tel-contact, table.qq-contact { display: none; } .validation_cross { /*background: url(../images/global/icon-error.png) 0 0 no-repeat;*/ width: 16px; height: 16px; float: left; padding: 3px 5px 0px 0px; } td.validation { color: #ff6000; display: none; font-size: 12px; } .form_line { width: 100%; position: absolute; bottom: 0px; left: 0px; height: 2px; } .sub_content { padding: 0px 0px 0px 150px; } div.loadingIcon{ position: relative; top: -22px; left: 53px; display: none; } div.forgotLoadingIcon{ position: relative; top: -19px; left: 53px; display: none; } div.loginLoadingIcon{ position: relative; top: -19px; left: 53px; display: none; } .borderLR{ border-left: 1px solid #fff; } .infoList{margin-top: 2px;} .infoList li{ padding: 2px 5px; } .infoList li:hover{background: url('../images/header/header_dropdown.jpg')!important;} .loginPos{ position: relative; z-index: 10; } #login-name{ padding: 0px 10px 0px 5px; font-size: 12px; background: url('../images/header/headerArrow.png')center right no-repeat; margin-right: 5px; } #login-btn{ display: block; } #logout-btn{ display: none; } #login-info{ display: none; border-right: 0px; line-height: 18px; color: #fff; } #login-check-email{ display: none; position: relative; top: 10px; } #login-check-email2{ display: none; position: relative; top: 10px; } #fg-check-email{ display: none; position: relative; top: 10px; } #bottom-membership{ display: none; } #bottom-edit{ display: none; } .pop-up-backBtn{ width: 200px; margin: 35px auto; } .pop-up-backBtn2{ width: 200px; margin: 35px auto; } .pop-up-backBtn3{ width: 200px; margin: 35px auto; } table.set-pw-table{ width: 100%; } table.set-pw-table tr td.set-pw-title{ width: 20%; } table.set-pw-table tr td.set-pw-input{ width: 130px; } table.set-pw-table2{ width: 100%; } table.set-pw-table2 tr td.set-pw-title{ width: 20%; } table.set-pw-table2 tr td.set-pw-capcha-input{ width: 390px; } #security_code_img_pw{ vertical-align: bottom; width: 110px; } table.set-pw-table2 tr td a.contact-submit { font-size: 18px; color: #d48923; height: 29px; background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px 4px; display: block; position: relative; /*top: 13px;*/ } table.set-pw-table2 tr td a.contact-submit:hover { background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px -20px; display: block; color: #f7a129; } table.set-pw-table2 tr td a.contact-reset, table.set-pw-table2 tr td a.contact-reset2 { font-size: 18px; color: #aaaaaa; height: 29px; background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px 5px; display: block; } table.set-pw-table2 tr td a.contact-reset:hover, table.set-pw-table2 tr td a.contact-reset2:hover { background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } table.set-pw-table2 tr td a.contact-submit span#btn-edit-password-form-submit, table.set-pw-table2 tr td a.contact-reset span.submit-btn, table.set-pw-table2 tr td a.contact-reset2 span.submit-btn { padding: 0px 0px 0px 10px; } .tips_cross { width: 8px; height: 8px; float: left; padding: 0px 4px 0px 7px; } #membership{ padding: 10px 0px 0px 0px; } .membership-news{ background-color: #f9f9f9; } .membership-content{ font-size: 15px; color: #996212; /*padding: 50px 0px 0px 0px;*/ line-height: 1; text-align: justify; width: 50%; position: relative; top: 110px; left: 30px; } .membership-right-image{ width: 50%; position: relative; top: -65px; left: 320px; } table.set-info-table{ width: 100%; display: none; } table.set-info-table tr td.set-info-title{ width: 20%; } table.set-info-table tr td.set-info-input{ width: 180px; } table.set-info-table tr td.set-info-capcha-input{ width: 390px; } #security_code_img{ vertical-align: bottom; width: 110px; } table.set-info-table tr td a.contact-submit { font-size: 18px; color: #d48923; height: 29px; background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px 4px; display: block; position: relative; /*top: 13px;*/ } table.set-info-table tr td a.contact-submit:hover { background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px -20px; display: block; color: #f7a129; } table.set-info-table tr td a.contact-reset, table.set-info-table tr td a.contact-reset2 { font-size: 18px; color: #aaaaaa; height: 29px; background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px 5px; display: block; } table.set-info-table tr td a.contact-reset:hover, table.set-info-table tr td a.contact-reset2:hover { background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } table.set-info-table tr td a.contact-submit span#btn-edit-info-form-submit, table.set-info-table tr td a.contact-reset span.submit-btn, table.set-info-table tr td a.contact-reset2 span.submit-btn { padding: 0px 0px 0px 10px; } #edit-phone{ width: 112px; } #edit-area-code{ width: 50px; } #edit-region{ width: 173px; } .tips{ color:#b87412; font-size: 12px; } table.reg-info-table{ width: 100%; } table.reg-info-table tr td.reg-info-title{ width: 20%; } table.reg-info-table tr td.reg-info-input{ width: 180px; } table.reg-info-table tr td.set-info-capcha-input{ width: 390px; } #security_code_img_pw{ vertical-align: bottom; width: 110px; } table.reg-info-table tr td a.contact-submit { font-size: 18px; color: #d48923; height: 29px; background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px 4px; display: block; position: relative; /*top: 13px;*/ } table.reg-info-table tr td a.contact-submit:hover { background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position: 0px -20px; display: block; color: #f7a129; } table.reg-info-table tr td a.contact-reset, table.reg-info-table tr td a.contact-reset2 { font-size: 18px; color: #aaaaaa; height: 29px; background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px 5px; display: block; } table.reg-info-table tr td a.contact-reset:hover, table.reg-info-table tr td a.contact-reset2:hover { background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } table.reg-info-table tr td a.contact-submit span#btn-reg-info-form-submit, table.reg-info-table tr td a.contact-reset span.submit-btn, table.reg-info-table tr td a.contact-reset2 span.submit-btn { padding: 0px 0px 0px 10px; } #reg-region{ width: 173px; } #reg-area-code{ width: 50px; } #reg-phone{ width: 112px; } .reg-info-capcha-input{ width: 390px; } /*Create By Eric*/ .reg_form input.phone_region{ width:31px; } .reg_form input.phone_number{ width:131px; } .reg_form table td { font-size:14px; } .reg_form table td.tips_box{ width:255px; position:relative; } .reg_form table div.hkid_tips{ position:absolute; top:0; } .reg_form button{ margin-left:10px; float:left; } .reg_form img{ float:left; margin-left:10px; } .reg_form .validation { background: url(../images/global/icon-error.png) 0 0 no-repeat; width: 16px; height: 16px; float: left; padding: 3px 5px 0px 0px; } .reg_form .error{ display:none; } .reg_form #phone_region_error{float:left;} .reg_form #captcha_error{float:left;} .reg_form a.breadcrumb-current{ text-decoration:underline; color:#d28922; } .tips{ color:#b87412; display:none; } .agree_statement{ margin-top:30px; } .submit_reg a.submit_reg_btn{ float:left; } .submit_reg .submit_reg_btn:hover{ background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px -19px; display: block; color: #f7a129; } .submit_reg .submit_reg_btn{ font-size: 18px; color: #aaaaaa; height: 29px; background: url(../images/global/btn_arrow2.png) center left no-repeat; background-position: 0px 5px; display: block; } .submit_reg .submit_reg_btn span:hover{ color:#b87412; } .submit_reg .reg-submit{ background: url(../images/global/btn_arrow1.png) center left no-repeat; background-position:0px 4px; margin-right:20px; } .submit_reg .reg-submit span{ color: #b87412;; } .submit_reg a span{ padding: 0px 0px 0px 10px; font-size: 18px; color: #aaaaaa; } .pop_up_wp{display:none;} .pop_up_wp .pop_up_bg{width:100%;background:#000;position:absolute;top:0;left:0;z-index:9999; /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.6); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .pop_up_wp .received_panel{ width:587px; height:280px; background:url(../images/global/bg_popup.jpg) 0 0 no-repeat; margin:200px auto; position:absolute; z-index:99999; left:0; right:0; } .pop_up_wp .close_btn{ position: absolute; top: -18px; right: -18px; width: 37px; height: 37px; background: url('../front-end-plugin/fancybox/fancy_close-gold.png')no-repeat top left; cursor: pointer; z-index: 1103; } .pop_up_wp .popup-content-wrap { text-align: center; padding-top: 65px; width: 330px; margin: auto; } .pop_up_wp .popup-content-wrap a { margin-top: 40px; color: #996212; width: 65px; margin-left: auto; margin-right: auto; } .tips_arrow{ width:9px; height:9px; background:url('../images/global/tips_arrow.png'); float:left; margin-top:9px; } #ContentTopBanner { position: relative; } .topVideo { position: absolute; z-index: 999; top: 35px; right: 140px; height: 252px; width: 447px; -webkit-box-shadow: 1px 1px 30px 15px #fff; -moz-box-shadow: 1px 1px 30px 15px #fff; box-shadow: 1px 1px 30px 15px #fff; } /*latest News main page*/ .latestWrap{border: 1px solid #ebebeb;width: 725px;min-height: 200px;margin: 20px 0px;position: relative;background-color: #f4f4f4;} .latestIntro{padding: 15px;} /*.latestNDate{line-height: 15px;text-align: center;width: 60px;height: 100%;background-color: #f4f4f4;padding: 10px 0px;color: #a16f30;border-bottom: 1px solid #ebebeb;}*/ .latestNDate{line-height: 15px;text-align: center;width: 60px;background-color: #f4f4f4;padding: 10px 0px;color: #a16f30;border-bottom: 1px solid #ebebeb;} .latestIntro{width: 635px;background-color: #FFF;} .latestTitle{background: url(../images/global/goldUnderLine.png) bottom left no-repeat;font-size: 16px;color: #996212;padding: 10px 0px;line-height: 21px;display: block;} .introLeft{line-height: 1;} .introRight{padding-left: 15px;width: 365px;position: relative;} .titleBox{width: 100%;height: 40px; font-size: 18px;background-color: #b76e05;text-align: center;color: #FFF;line-height: 40px;} .btn_more{width: 25px;font-size: 12px;} .contentlatestNews{position: relative;padding: 20px 35px 15px 35px;background: url(../images/news/bg_news_index.jpg)no-repeat;background-position: 761px bottom;} .fontDate{font-size: 13px;} .fontMonth{font-size: 15px;} /*latest News event page*/ .newsItem{color: #986317;font-size: 14px;background: url(../images/global/goldUnderLine.png) bottom left no-repeat;padding: 5px 0px;} .newsItem img{vertical-align: text-bottom;} .linePadding{padding: 25px 0px;background-position: center;} .videoImghk,.videoImgcn{cursor: pointer;} .galleryList li img{width: 180px;padding: 10px 0px;} .galleryList li{padding-right: 26px;} .galleryNumberWrap{width: 120px;margin: auto;} .galleryNumber {margin: auto;} .galleryNumber li{padding: 0px 5px;border: 1px solid #000;margin: 5px;cursor: pointer;font-size: 12px;} .galleryNumber .active,.galleryNumber li:hover{background-color: #9a6112;color: #FFF;border: 1px solid #9a6112;} .galleryNumber .active a{cursor: auto;color: #FFF;} .videoBox{padding: 10px 0px 20px 0px;} .verticalM{vertical-align: middle;} .eventTitle{background: url(../images/global/goldUnderLine.png) bottom left no-repeat;font-size: 22px;color: #996212;padding: 10px 0px;line-height: 1.2;text-align: justify;} #slide-title { text-align: right; } #slide-title span { float: left; } #latestNewsForm #form .method-item{margin: 0px 7px;} #latestNewsForm #form td{font-size: 14px;line-height: 1.8;} option.fontBold{font-weight: bold;} /*20150430*/ .shadVert{position: absolute;right: 290px;top: 10px;} .indexProductArrow{ background: url(../images/global/more_arrow.png) left top no-repeat; padding-left: 10px; background-position: 0px 6px; } .indexNews-bottom-pane dt img{vertical-align: middle;} .indexNews-bottom-pane dl{padding: 6px 0px;} .indexNewsListBottomBg{ background: url(../images/global/dot_line.png)bottom repeat-x; } .indexPadding{padding: 0px 15px;} .indexBgBottom{ background: url(../images/index/middle_bg_bottom.png)bottom center no-repeat; padding-bottom: 10px; } .indexShadPos{top: 60px;} .logoPartner{padding-bottom: 10px;} .partnerPane{padding: 10px 0px;} .productName{line-height: 13px;display: block;} .indexMidBorder{border-bottom: 1px solid #d9d9d9;margin: 0px 15px 10px 15px;} /*20150612*/ .QQImage{position: absolute;top: 125px; right: 135px;} .qq-hi{padding: 30px 0px 8px 0px;line-height: 23px;} .qqChat{margin-right: 30px;} #qqBox .popup-content-wrap{padding: 50px 0px 0px 150px;} /*#qqBox.popupLogin{box-shadow: 8px 5px 73px 4px #747474;-webkit-box-shadow: 8px 5px 73px 4px #747474;-moz-box-shadow: 8px 5px 73px 4px #747474;width: 420px;height: 225px;}*/ .submenu a.noHover:hover{background:url(../images/global/list_arrowNormal.png) top left no-repeat;color: #888888;cursor: text;} .csPanel{position: absolute;top: 220px;left: 50%;margin-left: 620px;} .csPanelSmaller{position: absolute;top: 220px;right: 0px;} .wechatQrCode{position: absolute;right: 55px;top: 175px;display: none;} .loginName{line-height: 17px;padding: 0px 15px;} .noBg{background-image: none!important;} .pdfIcon{padding-left: 10px;} .pdfColor{color: #af0f1e;} /*agent reg & booking Form*/ .agentQuestionBox{padding: 6px 0px 6px 10px;} .agentQuestionBox input[type="radio"]{margin: 3px;} .agent-table{width: 100%;color: #7f1819;} .agent-table textarea{margin: 5px 0px;} .agent-table td{padding: 6px 10px;} .agent-question{width: 250px;float: left;text-align: left;} .agent-list{padding-left: 250px;} .agent-list li{padding-right: 12px;width: 86px;text-align: left;} .agent-list2 li{padding-right: 12px;width: 95px;text-align: left;} .agentInputWidth{width: 65px;} .agentTextPanel{width: 200px!important;} .agentTextBox{vertical-align: text-top;} .agent-listRadio li{width: 67px;} .formMsgConfirm{margin-bottom: 28px;} .confirmBox{display: inline-block;} .agReset{height: 24px;border: 0px;display: inline-block;margin-left: 30px;} .agReset:focus{outline: 0;} .agSubmet{display: inline-block;} .step2Content,.step3Content,.step4Content{display: none;} .step3Content{text-align: center;} .step4Content{text-align: center;} .agentError,.incorrect,.errorMsg{vertical-align: top;padding-left: 5px;display: none;} .agentError span,.incorrect span,.errorMsg span{color: #ff6000;} .agentError img,.incorrect img,.errorMsg img{vertical-align: middle;} .stepPanel{position: relative;} .bar{height: 4px;background: #b6b6b6;width: 100%;position: absolute;top: 42px;left: 0;} .barLength{height: 4px;background: #b57312;width: 23%;position: absolute;top: 42px;left: 0;} .bookingBarLength{height: 4px;background: #b57312;width: 21%;position: absolute;top: 42px;left: 0;} .timeLine,.bookingTimeLine{position: relative;height: 53px;padding: 15px 0px 33px 0px;} .timeLine .step1Panel{position: absolute;left:20%;} .timeLine .step2Panel{position: absolute;left:47%;} .timeLine .step3Panel{position: absolute;left:72%;} .bookingTimeLine .step1Panel{position: absolute;left:15%;} .bookingTimeLine .step2Panel{position: absolute;left:37%;} .bookingTimeLine .step3Panel{position: absolute;left:57%;} .bookingTimeLine .step4Panel{position: absolute;left:77%;} .timeLine .point,.bookingTimeLine .point{width: 40px;height: 40px;border-radius: 100%;text-align: center;margin: 0px auto;line-height: 39px;color: #fff;font-size: 24px;-webkit-box-shadow: 0px 0px 0px 4px #fff;-moz-box-shadow: 0px 0px 0px 4px #fff;box-shadow: 0px 0px 0px 4px #fff;} .timeLine .active,.bookingTimeLine .active{border: 4px solid #b99e66;background-color: #b87413;} .timeLine .inactive,.bookingTimeLine .inactive{border: 4px solid #b6b6b6;background-color: #8d857a;} .curr .stepTitle{color: #966928;} .odd{background-color: #f9f9f9;} .even{background-color: #f0f0f0;} .agentRegSuccess{display: inline-block;text-align: left;} .agformMsgConfirm{padding-bottom: 20px;} .textarea{max-width: 275px;} .textarea2{max-width: 200px;} .disableStyle{color: #CCC;} .fontYahei{font-family: 'Microsoft YaHei', SimSun, sans-serif;} .remindError{font-size: 12px;display: none;} .insuranceList{clear: both;display: none;float: right;width: 650px;} .insuranceList li{padding-right: 12px;text-align: left;width: 190px;} .typeTitle,.reasonTitle{width: 150px;float: left;display: none;} .bookingTitle{background-color: #bf995a;} .bookingTitle2{background-color: #bfaa88;} .bookingTitle h5{font-weight: normal;font-size: 15px;color: #fff;margin: 0px;padding: 10px;line-height: 1;} .bookingTitle2 h5{font-weight: normal;font-size: 15px;color: #fff;margin: 0px;padding: 10px;line-height: 1;display: inline-block;} .bookingTitle2 span{font-size: 12px;color: #fff;} .booking-name-input{width: 60px;} .paddingRight05{padding-right: 5px;} .paddingRight10{padding-right: 10px;} .normalAnsArea{width: 60px;} .bookingPhoneNo input{width: 100px;} .bookingAddress{font-size: 12px;letter-spacing: -1px;} .longAnsArea{width: 385px;} .bookingRow li{line-height: 37px;} .placeHolder{padding-left: 5px;} .paddingLeft10{padding-left: 10px;} .twoRowLineHeight{line-height: 42px;} .contact-starMid{position: absolute;top: 15px;color: #f68b01;} .contact-starMid2{position: absolute;top: 15px;color: #7f1819;} .phoneCol{width: 243px;padding-right: 10px;} .moblieCol{padding: 0px 10px 0px 40px;width: 233px;} .bookingPaymentList li{width: 75px;} .bookingPaymentList .width190{width: 190px;} .bookingConfirmMsg{padding: 10px 0px;} .beneLabel{padding: 0px 6px;color: #fff;background-color: #d4a145;} .lastRow{height: 60px;vertical-align: top;} .text-left{text-align: left;} .ui-datepicker-trigger{vertical-align: middle;height: 20px;} .borderDotBot{border-bottom: 1px dotted #ccc;} .bookingTable td{height: 25px;} .bookingDownloadPDFBox{padding: 0px 0px 10px 10px;line-height: 37px;} .bookingDownloadPDFBox .bookingPdf{color: #cc922e;} /*promotin*/ .discountPanel{background: url(../images/global/bg_discount.jpg);padding: 10px 20px;border: 1px solid #e0dedf;margin-bottom: 10px;} .buyBtn{width: 100px;height: 30px;background-color: #e29200;color: #fff;text-align: center;line-height: 30px;margin-bottom: 20px;} .buyBtn a,.buyBtn a:hover{color: #fff;} .promotionList { width: 630px; } /*.promotionList{margin-bottom: 28px;} .promotionListLeft{padding-right: 35px;}*/ .promotionList img{display: block;} .promotionList li{margin-bottom: 28px; padding-right: 35px; width: 280px;} .deadline{font-size: 14px;} .deadline span{color: #976214;padding-right: 20px;} .promotion{width: 300px;} .promoPanel{margin: 5px 0px;} .promoPanel a:focus{outline: 0;} .promoPanel .deadline{color: #976214;padding-right: 20px;font-size: 14px;padding-bottom: 5px;} .silderPageNum{/*padding-right: 10px;width: 30px;*/position: absolute;right: 22px;bottom: 0px;color: #d7891c;font-size: 13px;line-height: 20px;} .morePromotion { background: url(../images/global/more_arrow.png) right center no-repeat; padding-right: 10px; width: 30px; position: absolute; right: 0px; bottom: 0px; color: #515151; font-size: 11px; line-height: 27px; } .topMask{background: url('../images/minibanner/layer.png');width: 300px;height: 55px;position: absolute;top: 55px;z-index: 100;} .bottomMask{background: url('../images/minibanner/layer.png');width: 300px;height: 37px;position: absolute;top: 240px;z-index: 100;} .starrcompany{width: 170px;padding: 10px;border: 1px solid #e0dedf;border-radius: 0px 10px 10px 0px;text-align: center;float:left;background: url('../images/global/bg_discount.jpg');} .starrcompany img{width: 138px;} .starrIntro{width: 27px;border: 1px solid #e0dedf;background-color: #d48923;color: #fff;height: 167px;text-align: center;border-radius: 10px 0px 0px 10px;border-right: 0px;float: left;position: relative;} .starrIntro span{position: absolute;top: 20px;padding-bottom: 25px;left: 0px;background: url('../images/global/white_arrow.png')bottom center no-repeat;} .starrPanel{position: absolute;top: 130px;right: 35px;display: block;} .starrBg{width: 712px;height: 186px;padding: 20px;background: url('../images/global/starr_popup.jpg');} .starrPanel:hover{color: #888888;} /*hospital page + bookingForm*/ .width100{width: 100px;} .width125{width: 125px;} .width150{width: 150px;} .width40{width: 40px;} .width70{width: 70px;} .width90{width: 90px;} .width95{width: 95px;} .width220{width: 220px;} .width280{width: 280px;} .width300{width: 300px;} .width110{width: 110px;position: relative;} .width485{width: 485px;} .width340{width: 340px;} .width13per{width: 13%;} .width30per{width: 30%;} .width50{width: 50px;} /*rejectmail page*/ .rejectInputPanel{padding: 25px 0px 45px 0px;} .rejectMailStep2{display: none;text-align: center;padding-top: 70px;} .rejectRegSuccess{display: inline-block;text-align: left;} .rejectBtnPanel .rejectLoading{padding-left: 5px; display: none;} /*Form Additional*/ /*List Style Clear*/ .list-C { padding: 0px; margin: 0px; } .list-C dd, .list-C li { padding: 0px; margin: 0px; list-style: none; } /*List Horizontal*/ .list-H li, .list-H dt, .list-H dd { display: block; float:left; } /*List Vertical*/ .list-V li, .list-V dt, .list-V dd { display: block; } /*Clearfix */ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .to-L { float: left; } .to-R { float: right; } .resetFloat { height: 1px; clear: both; } .hide { display: none; } .show { display: block; } /* line 32, sass/_ele-Utilities.scss */ .block-ele { display: block; } /* line 36, sass/_ele-Utilities.scss */ .hidetext { text-indent: -99999px; font-size: 0px; } /*Cs Query Form*/ /*Default*/ .labelStyle{ width:18%; position:relative;} .inputStyle{ width:42%; position:relative;} .validStyle{ width:40%; position:relative;} .ajaxLoader{ display:none; width:16px; height:16px; background:url('../images/global/ajax-loader.gif') no-repeat; position: absolute; top: 5px; right: 20px; } .validStyle .error{ display:none; color: #ff6000; font-size:12px; height:16px; padding-left:20px; background:url('../images/global/icon-error.png') center left no-repeat; } a.btn-submit{color: #d48923; background-image: url('../images/global/btn_arrow1.png');} a.btn-reset{ color:#aaaaaa; background-image: url('../images/global/btn_arrow2.png');} .btn-submit-disabled{ background-image: url('../images/global/btn_arrow1.png'); background-position: left bottom; background-repeat: no-repeat; padding-left:18px; color:#f7a129; font-size: 18px; height: 25px; padding-left:18px; } a.btn-form{ font-size: 18px; height: 29px; background-repeat: no-repeat; background-position:0px -3px; padding-left:18px; } a.btn-form:hover{background-position: left bottom; color:#f7a129;} #csQueryFormWrap{ width:600px;} #csQueryFormWrap h5{ margin-top:10px; margin-bottom:0px; color:#666;} #csQueryFormWrap p{ padding:0px; margin:0px;} #csQueryFormWrap .info{ padding:10px 0px 20px 0px;} #csQueryFormWrap p.error{padding-left:20px; margin-left:20px;} #csQueryFormWrap .list-H{ padding-bottom:8px;} #csQueryFormWrap .csQueryField{ width:100%;} #csQueryFormWrap select.csQueryField { width:102%;} #csQueryFormWrap .btn-submit-disabled{ padding-left:18px; } #csQueryForm{ padding:50px;} #csQueryForm .main-tag{ font-size:12px;} #csQueryForm hr{border:0; height:1px; background-color:#D6B688; color:#D6B688 /* IE6 */} #csQuerySuccess { background: url(../images/global/bg_popup.jpg) top center; width: 600px; height: 280px; position: relative; } #csQuerySuccess .popup-content-wrap{padding:50px 0px 0px 0px;} #csQuerySuccess .back-btn2{display: block; margin: 30px auto; padding-right: 24px;} #winLoadPopup{ background: url(../images/global/bg_popup.jpg) top center; width: 587px; position: relative; -webkit-box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; -ms-box-shadow: 0 0 8px #666; -o-box-shadow: 0 0 8px #666; box-shadow: 0 0 8px #666; } #winLoadPopup p { padding: 70px 60px 70px 60px; font-size: 16px;} #anniPopup{ background: url(../images/anniversary/bg.jpg) top center; width: 580px; height: 580px; position: relative; margin-top: 45px; -webkit-box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; -ms-box-shadow: 0 0 8px #666; -o-box-shadow: 0 0 8px #666; box-shadow: 0 0 8px #666; } /*160114INDEX OVERWRITE STRUCTURE CHANGE*/ .index-L-Pane{ position:relative; width:325px; z-index:1; padding-left:10px; } .index-R-Pane{ position:relative; width:615px; z-index:1; } /*indexProduct*/ #indexProduct{ position:relative; width:100%; float:none; } #indexProduct .newsPane dl{margin-right:6px; margin-bottom:35px; } /*indexLatestNews*/ #indexLatestNews{ float: left; width:300px; padding-left:25px; } #indexLatestNews .silderPageNum{right: 46px;} .silderPageNum--index-page { right: 46px; bottom: 6px; } #indexLatestNews .deadline span{ padding-right:0px;} /*indexArticleList*/ #indexArticleList{ width: 260px; } #indexArticleList ul{ margin-right: 10px; background:none; } #indexArticleList .articleListItem { border:0px; border-bottom:1px dotted #AAA; padding:7px 0px; background:none; } #indexArticleList .articleListItem:last-child{ border-bottom:0px; } #indexArticleList .articleListItem a{ display:block; } #indexArticleList .articleListItem a img{ display:block; width:75px; } #indexArticleList .articleListItem a h4{ display:table; width:155px; margin-left:10px; font-size:12px; height: 48px; padding:0px 0px 0px 8px; background:url(../images/bg-index-articleList.jpg) left center no-repeat; } #indexArticleList .articleListItem a:link h4, #indexArticleList .articleListItem a:visited h4{ color:#888888; } #indexArticleList .articleListItem a:hover h4, #indexArticleList .articleListItem a:active h4{ color:#b67511; } #indexArticleList .articleListItem a h4 span{ display:table-cell; vertical-align:middle; width:100%; padding-right: 10px; } /*Inner Page Article List Style*/ .rightPaneContent{ width: 315px; } .rightPaneContent h3{ font-size: 18px; color: #986313; } .rightPaneContent .rightPaneList{ padding: 15px 15px 0px 15px; background: url(../images/global/newsBottomShadow.png) bottom center no-repeat; } .rightPaneContent ul{ margin-right: 10px; padding-bottom: 5px; } .rightPaneContent .articleListItem { border:0px; border-bottom:1px dotted #AAA; padding:7px 0px; } .rightPaneContent .articleListItem:last-child{ border-bottom:0px; } .rightPaneContent .articleListItem__wrap-left { width: 105px; float: left; } .rightPaneContent .articleListItem__wrap-right { margin-left: 105px; } .rightPaneContent .articleListItem a{ display:block; } .rightPaneContent .articleListItem a img{ display:block; width:105px; } .rightPaneContent .articleListItem a h4{ width:155px; margin-left:10px; font-size:13px; /* height: 48px; */ padding:0px; background:none; line-height:1.2; } .rightPaneContent .articleListItem a:link h4, .rightPaneContent .articleListItem a:visited h4{ color:#888888; } .rightPaneContent .articleListItem a h4.theme-1, .rightPaneContent .articleListItem a h4.theme-1:link, .rightPaneContent .articleListItem a h4.theme-1:visited { color: #b67511; margin-bottom: 5px; } .rightPaneContent .articleListItem a:hover h4, .rightPaneContent .articleListItem a:active h4{ color:#b67511; } .rightPaneContent .articleListItem a h4 span{ width:100%; padding-right: 10px; } /*indexPartnership*/ #indexPartnership{ padding:10px 15px 10px 25px; } .indexPartnershipInner{ position:relative; } .indexPartnershipInner .img-responsive{ width:100%; } .partnership-top-pane{ margin-bottom: 10px; border-top: 1px solid #EEE; } /*Others*/ .indexMore{right: 20px;} #indexArticleList .indexMore{right: 15px;} #indexPartnership .indexMore{right: 0px;} .indexProduct-shadVert{ position:absolute; top:10px; left:350px; z-index:0; } .indexLatestNews-shadVert{ position:absolute; top:10px; left:680px; z-index:0; } div#indexContentBox .indexMidBorder{ border:0px;} /*Article List*/ .contentArticles { position: relative; padding: 20px 35px 15px 35px; min-height: 735px; background: url(../images/articles/articlesListImg.jpg)no-repeat; background-position: 761px bottom; } /*Article Style*/ .articleContent hr{ height:1px; border:0px; background: #b77514; margin-top:15px; } .articleContent .areaContent img{ width:100%; } .articleContent .areaContent p{ padding:3px 0px; line-height:1.5; text-align:left; } .articleContent .areaContent h4{ margin-bottom:15px; } .articleContent .areaContent h5{ font-size:14px; margin:5px 0px; color:#d48923; } .articleContent .areaContent h6{ font-size:14px; margin: 0; padding: 10px 0px; line-height: 1.5; color: #7D270C; } .articleContent .areaContent p.highlight{ padding:10px 0px; line-height:1.5; color:#ebebeb; } .articleContent .areaContent p.art-highlight{ padding:10px 0px; line-height:1.5; color:#7D270C; } .articleContent .areaContent p span.art-inline-highlight{ color:#b67511; } .articleContent .art-remarks{ color:#999; padding:3px; font-size:0.925em; } /*author*/ .article-author{ margin-bottom:3em; } .article-author-contact{ padding-bottom:3em; } .article-author-contact .highlight{ color:#7D270C; } .author-photo{ width:15em; height:15em; border-radius: 100%; overflow:hidden; } .author-photo img{ width:100%; } .author-titles{ width:24em; min-height:15em; } .author-titles ul{ padding-top:10px; } .author-titles ul li{ line-height:1.8; } .author-descript{ clear:both; width:100%; padding-top:20px; } .article-author-info{ position:relative; border:1px solid #996212; padding:15px; } #leftPaneContent .article-author-info h3{ font-size:16px; padding:5px 10px; background: #996212; color:#FFF; width:4em; position: absolute; top: -1em; margin-bottom:2em; } /*.articleListItem*/ .articleListItem{ border: 1px solid #ebebeb; margin: 20px 183px 20px 0px; padding:15px; } /*.articleListItem .articleDecoration{ width:60px; height:201px; margin:-1px 0px -1px -1px; }*/ .articleListItem .articleContent{ /*padding:15px; width:635px;*/ width:100%; height:169px; background:#FFF; } .articleListItem .articleContent img{ display: block; height:169px; width:267px; } .articleListItem .articleDescript{ width:410px; } .articleListItem .articleDescript h4{ font-size:16px; margin-bottom:10px; } .articleListItem .articleDescript p{ font-size:14px; padding:0px; } .articleListItem .articleDescript .btnForm{ margin-top:10px; } .contentArticles .pagination{ margin-bottom:30px; margin-left: 5px; } .contentArticles .pagination li{ display:inline-block; margin-left: -5px; } .contentArticles .pagination li a{ display:block; padding:4px 8px; border:1px solid #ebebeb; font-size:12px; } .contentArticles .pagination li a.actived{ background:#ebebeb; } a:link.quo{ color:#92690E; } /*STARR Planbox*/ .planBox{ position:relative; padding:10px; background:#f5f5f5; margin-bottom:20px; } .planBox .minibanner{ width:258px; height:99px; display:block; } .planBox .boxContent{ width:430px; } .planBox .logo{ position:absolute; right:10px; top:10px; } #leftPaneContent .planBox h4{ font-size:16px; background:none; color:#d48923; padding:0px 0px 8px 0px; } #leftPaneContent .planBox h5{ font-size:14px; padding:3px 0px; color:#92690e; margin:0px; padding:0px 0px 5px 0px; line-height:1; font-weight:normal; } #leftPaneContent .planBox p{ font-size:12px; padding:0px 0px 5px 0px; margin:0px; } .planBox a.btnStyle{ padding:4px 7px 4px 20px; background-image:url(../images/ico-btnArrow.png); background-repeat: no-repeat; background-position:7px 7px; margin-right:10px; font-size:12px; } .planBox a.btnStyle.btnStyle--no-bg-image{ background-image: none; padding-left: 10px; } .planBox a:link.btnStyle, .planBox a:visited.btnStyle{ color:#FFF; background-color:#e29200; text-decoration:none; } .planBox a:hover.btnStyle, .planBox a:active.btnStyle{ background-color:#996212; text-decoration:none; } .contentRow .planBox ul{ padding-left:0px; padding-top:11px; position:absolute; left: 285px; bottom:11px; } .starrPanel { top: 280px; } /*payment*/ #paymentForm{ padding-top: 25px; } #paymentForm .labelStyle{ width: 12%; } #paymentForm .paymentItems{ margin-bottom: 15px; } #paymentForm .bankList{ margin-bottom: 50px; } #paymentForm .btn-group{ width: 150px; margin: 50px auto 0px auto; } #paymentForm a.btn-submit { background-repeat: no-repeat; padding-left: 15px; line-height: 24px; font-size: 18px; height: 24px; display: block; } #paymentForm a.btn-submit:hover, #paymentForm a.btn-submit:active{ background-repeat: no-repeat; background-position: left bottom; color: #f7a129; } #paymentForm .btn-submit-disabled{ background-repeat: no-repeat; padding-left: 15px; line-height: 24px; font-size: 18px; height: 24px; display: block; color: #f7a129; } #paymentForm div.loadingIcon{ top: 3px; left: 5px; } #wrap-pay_id{ padding: 25px 0px; background: #f3f3f3; margin-top: 30px; } #wrap-pay_id input{vertical-align: top; margin-top: 16px;} #wrap-pay_id img{display: inline;} #wrap-pay_id h3{padding: 10px 0px 15px 0px; text-align: center; font-size: 18px;} #wrap-pay_id li{padding: 10px 0px 5px 0px; margin:0px 15px;} @media screen and (min-width:0\0) and (min-resolution: +72dpi) {/* IE 9-11 hack code*/ #wrap-pay_id input{border:none; background:none;} } /*Global*/ .fancybox-CompanyIntro{ padding:20px; width:670px; background: url(../images/bg-introCompany.jpg) repeat-y ; } .fancybox-CompanyIntro .logoCompany{ width:150px; } .fancybox-CompanyIntro img{ width:100%; } .fancybox-CompanyIntro .contCompany{ width:490px; margin-left:30px; } .discountPanel .gifCode{ width:500px; padding-top:10px; } .triggerZoomCode{ display:block; } .btnStyle-org{ padding:5px 20px 5px 20px; font-size:14px; display:inline-block; margin-bottom:20px; } a:link.btnStyle-org, a:visited.btnStyle-org{ color:#FFF; background-color:#e29200; text-decoration:none; } a:hover.btnStyle-org, a:active.btnStyle-org{ background-color:#996212; text-decoration:none; } .ban-promotion{ margin-top:20px; } .psMsg{ font-size:12px; padding:5px 0px 0px 0px; } /*ADJ AGENTS REG*/ .top-link li{ font-size: 12px; color:#FFF; } .top-link li a{ padding: 1px 20px; border-right: 1px solid #fff; color:#FFF; display: block; letter-spacing: 2px; } .top-link li .info li{ clear:both; text-align:center; margin: 2px 0px; } #login-info { padding-bottom: 1px; } .infoList li{ width: 100%; } /*--------------------------------------------------* #BOX CONTAINER **--------------------------------------------------*/ .box-container { box-sizing: border-box; } .box-container--style-1 { border: solid 1px #eee; } .box-container--style-1 > .box-container__row > [class^="box-container__col"], .box-container--style-1 > .box-container__row > [class*="box-container__col"] { border: solid 1px #eee; padding: 4px; } .box-container--padding-1 { padding: 3px 10px; } .box-container__row { box-sizing: border-box; } .box-container__row:after { content: ''; display: table; clear: both; } .box-container__row--top-margin-border { margin-top: 10px; border-top: solid 1px #CCC; } .box-container__col { float: left; position: relative; box-sizing: border-box; } .box-container__col--shadow-right:after { content: ''; background-image: url(../images/index/indexProduct-shadVert.png); display: block; background-repeat: no-repeat; position: absolute; top: 20px; bottom: 0; width: 35px; right: -35px; } .box-container__col--col-2 { width: 16.66666667%; } .box-container__col--col-4 { width: 33.33333333%; } .box-container__col--col-8 { width: 66.66666667%; } .box-container__col--col-10 { width: 83.33333333%; } .box-container__col--col-12 { width: 100%; } /*--------------------------------------------------* #NEW INDEX **--------------------------------------------------*/ .news-tab {} .news-tab__list { padding: 0; margin: 0; } .news-tab__list-item { display: inline-block; } .news-tab__btn { box-sizing: border-box; text-align: center; display: block; padding: 6px 10px; min-width: 100px; background-color: #FFF; border: 1px solid #BB7C34; } .news-tab__btn:link, .news-tab__btn:visited { color: #BB7C34; } .news-tab__btn--active:link, .news-tab__btn--active:visited { background: #BB7C34; color: #FFFFFF; } #newstabsTable li { position: relative; margin: 0px 1px; text-align: center; } .newsTabsBtn span{ vertical-align: middle; } .newsTabsBtn2 span{ vertical-align: middle; } .newsTabs{ display: inline-block; } .newsTabsBtn{ width: 100px; height: 30px; background-color: #FFF; color: #BB7C34; border: 1px solid #BB7C34; } .newsTabsBtn2{ width: 100px; height: 30px; background-color: #BB7C34; color: #FFF; border: 1px solid #BB7C34; } .NewsBoxs{ border: 1.5px solid #F4F4F4; padding:15px; margin: 15px; } .contentNewsBox { position: relative; padding: 20px 20px 15px 20px; /* min-height: 2000px; */ } .newsP-Warp{ padding:0px 15px } /*--------------------------------------------------* #column **--------------------------------------------------*/ /*--------------------------------------------------* #WIDGET (INDEX.PHP) **--------------------------------------------------*/ .widget { box-sizing: border-box; padding: 6px 20px; } .widget__top:after { content: ''; display: table; clear: both; } .widget--catalog-background { background-image: url(../images/index/catalog_background.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom; } .widget__title { float: left; color: #9a6110; } .widget__link-more { box-sizing: border-box; float: right; font-size: 11px; background-image: url(../images/global/more_arrow.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 15px; line-height: 29.484px; } /*--------------------------------------------------* #NEWS WIDGET **--------------------------------------------------*/ .news-widget { text-align: left; box-sizing: border-box; height: 250px; margin-top: 10px; } .news-widget:after { content: ''; clear: both; display: table; } .news-widget__headline-box { float: left; width: 50%; height: 100%; } .news-widget__headline-image { display: block; /* height: 60%; */ height: 180px; background-size: cover; background-position: center; } .news-widget__headline-snippet { box-sizing: border-box; /* height: 40%; */ height: 70px; background-color: #ebebeb; padding: 8px; } .news-widget__headline-title { line-height: 1.2; } .news-widget__headline-news-type { color: #b67511; font-size: 1.1em; font-weight: bold; } .news-widget__headline-title-text { font-size: 1em; font-weight: bold; } .news-widget__headline-title-text:link, .news-widget__headline-title-text:visited { color: #434343; } .news-widget__headline-title-text:hover { color: #b67511; } .news-widget__headline-content { margin-top: 8px; line-height: 1.3; font-size: 0.8em; } .news-widget__list-box { box-sizing: border-box; padding-left: 15px; float: left; width: 50%; height: 100%; } .news-widget__list-item { /* height: 47.5%; */ height: 30%; } .news-widget__list-item:not(:last-child) { margin-bottom: 12.5px; } .news-widget__list-item:after { display: table; content: ''; clear: both; } .news-widget__list-item-image { display: block; background-size: cover; background-position: center; float: left; /* width: 40%; width: 180px; */ width: 120px; height: 100%; } .news-widget__list-item-snippet { box-sizing: border-box; padding-left: 15px; /* float: left; width: 60%; margin-left: 180px; */ margin-left: 120px; height: 100%; border-bottom: dotted 1px #AAAAAA; } .news-widget__list-item-news-type { color: #b67511; font-size: 0.8em; font-weight: bold; /* margin-bottom: 5px; */ } .news-widget__list-item-title-text { font-size: 1em; font-weight: bold; line-height: 1.3; } .news-widget__list-item-title-link:link, .news-widget__list-item-title-link:visited { color: #434343; } .news-widget__list-item-title-link:hover { color: #b67511; } /*--------------------------------------------------* #CATALOG WIDGET **--------------------------------------------------*/ .catalog-widget { margin-top: 38px; } .catalog-widget__highlight-text, .catalog-widget__link:link, .catalog-widget__link:visited { color: #b67511; } .catalog-widget__widget-top {} .catalog-widget__widget-title { text-align: center; color: #b67511; font-weight: bold; font-size: 26px; } .catalog-widget__widget-description { text-align: center; } .catalog-widget__widget-body { height: 519px; height: 490px; } /*--------------------------------------------------* #CATALOG SLIDER **--------------------------------------------------*/ .catalog-slider {} .catalog-slider__highlight-text { color: #b67511; } /* * CUSTOM SLIDER CSS * **/ .catalog-slider .slider { margin: 0 auto; width: 100%; } .catalog-slider .slider-container { height: 500px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 800px; } .catalog-slider .slider-container .slider-wrapper { left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 5000em; /*Fix for prevent display errors*/ width: auto; white-space: nowrap; font-size: 0; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .catalog-slider .slider-container .slide { white-space: normal; font-size: 1rem; display: inline-block; float: left; float: none; height: 500px; overflow: hidden; position: relative; width: 100%; width: 800px; } .catalog-slider__catalog-box { } .catalog-slider__catalog-box:after { display: table; clear: both; content: ''; } .catalog-slider__catalog-item { box-sizing: border-box; padding: 13px; width: 25%; float: left; } .catalog-slider__item-box { width: 100%; height: 100%; background-color: #FFFFFF; box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .catalog-slider__item-image { height: 100px; background-size: cover; background-repeat: no-repeat; background-position: center; } .catalog-slider__item-text { height: 150px; padding: 5px 10px; } .catalog-slider__item-title { height: 25%; font-size: 1.2em; font-weight: bold; text-align: center; color: #b67511; } .catalog-slider__item-description { height: 50%; line-height: 1.3; font-size: 0.8em; } .catalog-slider__item-more { height: 25%; text-align: center; } .catalog-slider__item-link { font-size: 0.9em; display: inline-block; background-color: #b67511; padding: 1px 15px; } .catalog-slider__item-link:link, .catalog-slider__item-link:visited { color: #FFFFFF; } /* * SLIDER-NAV **/ .catalog-slider .slider-nav { width: 100%; margin-top: -215px; } .catalog-slider .slider-nav li { } .catalog-slider .slider-nav .bullet { height: 10px; width: 10px; } .catalog-slider .slider-nav .prev:after{ content: '<'; left: 10px; } .catalog-slider .slider-nav .next:after { content: '>'; right: 10px; } .catalog-slider .slider-nav .prev:after, .catalog-slider .slider-nav .next:after { display: inline-block; position: absolute; font-size: 50px; color: #b67511; top: -200px; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5); /* background: url('sprite.png') no-repeat; display: inline-block; text-indent: -9000px; overflow: hidden; height: 16px; width: 16px; */ } /*--------------------------------------------------* #PARTNERS WIDGET **--------------------------------------------------*/ .partners-widget { text-align: left; padding: 10px 0; } .partners-list{ display: inline-block; width: 110px; height: 70px; } .partners-list.partners-list--wechat-version{ height:50px; } .partners-list > .partners-list__image{ width: 80%; position: relative; top: 50%; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; } .partners-list.wechat-version{ height:50px; } .partners-list > .partners-list__text{ padding: 0px 0px; text-align: left; } .partners-list > .partners-list__text:first-child{ padding: 15px 0px 0px; } .partners-list.partners-list--panel-right{ width: 65px; height: 50px; } .partners-list.partners-list--panel-right.partners-list--wechat-version{ width: 80px; } .partners-list.partners-list--panel-right > .partners-list__image{ width: 100%; } /*------------------------------*\ Grid System \*------------------------------*/ .row, .column { box-sizing: border-box; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .column { position: relative; float: left; display: block; margin-bottom: 20px; } .column-4 { width: 32.2666666667%; } .column-12 { width: 100%; margin-left: 0; } @media only screen and (max-width: 550px) { .column-4, .column-12 { float: none; width: auto; } .column + .column { margin-left: 0; } } /*------------------------------*\ Styling \*------------------------------*/ .columnBtn{ background-color: #f4f4f4; height: 30px; width:100%; text-align: center; } .column { background: #FFF; border: 1px solid #F4F4F4; color: #777; min-height: 30px; text-align: center; } .column .column { color: #eee; background: #333; border-color: #000; } .column p { font-size: 14px; padding-top: 10px; } .column h4 { line-height:1.5; font-size: 15px; padding-top: 10px; } @media only screen and (max-width: 550px) { .row { margin-bottom: 0; } .column { margin-bottom: 10px; } .row:last-child .column:last-child { margin-bottom: 0; } } .Newsimg{ width: 100%; height: 150px; background-size: cover; } .grid-column{ position: relative; margin-top: 10px; } .column-position{ position: absolute; } .newsBoxTitle{ text-align: left; } .newsBoxContent{ padding: 0 5px; text-align: left; } .NewsBoxs{ display: none; } .g-container .g-btn-wrap{ position: absolute; width: 100%; bottom: 0; text-align: center; } .g-container .g-btn-loadend{ color: #AAAAAA; } .g-container .g-btn-loadmore{ width: 285px; height: 35px; border: 1px solid #BB7C32; line-height:35px; display: inline-block; } .g-container .g-btn-loadmore:hover, .g-container .g-btn-loadmore:active, .g-container .g-btn-loadmore:focus{ background-color:#BB7C32; color:#FFF; } .g-element{ position: absolute; width: 300px; background: #FFF; box-sizing: border-box; margin-bottom: 20px; background-color:#FFFFFF; color:#BB7C32; } .g-elementInner{ border: 1px solid #F4F4F4; color: #777; margin: 15px 10px; } .g-container{ position: relative; } .g-element img{ width: 100%; /* height: 150px; */ height: auto; background-size: cover; } .g-element__img { height: 180px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .g-element p { font-size: 14px; padding-top: 10px; } .g-element h4 { line-height:1.5; font-size: 15px; padding-top: 10px; } #back_to_top{ background: url(../images/uptotop_icon_sc.png) no-repeat; outline: 0px; border: 0px; cursor: pointer; height: 50px; width: 50px; position: fixed; bottom: 50px; left: 50%; margin-left: 620px; text-indent: -9999px; font-size: 0px; display: none; } #claim-panel{ width: 700px; height: 620px; background: url(../images/global/notice_bg.jpg) no-repeat; border: 3px solid #CE8E34; } .claim-content{ padding: 25px 35px 0px; } .claim-content ul{ padding-left: 0px; } .claim-content ul li{ list-style: none; margin-bottom: 10px; } .claim-content p{ line-height: 2; } .claim-innercontent{ padding: 40px 0px; } .highlight{ color:#D19E43; } a.claim-href{ color:#6F8ABF; } .claim-contact span{ width: 110px; float: left; } .container-absolute { position: absolute; } .btn.btn--style-1 { display: inline-block; padding: 2px 10px; background-color: #e29200; color: #FFF; } .btn.btn--style-1:hover, .btn.btn--style-1:active, .btn.btn--style-1:focus { background-color: #996212; } .mod-text--center { text-align: center; } /** * # WRAP - FORM PAYMENT INVALID QUERY */ .wrap.wrap-form-payment{} .wrap.wrap-form-payment--invalid-query{ height: 400px; line-height: 400px; text-align: center; } @keyframes animation-transform{ 0% { transform: translateY(-100%) } 100% { transform: translateY(0%) } } .animation-transform-active{ animation:animation-transform 1s linear forwards; }