/* CSS Document */
@font-face{
font-family:OpenSansLight;
/* IE8+ */
src:url(../fonts/OpenSans-Light.ttf);
/* IE8+ */
}

/* NAV start */
body {margin:0; padding:0; font-family:"OpenSansLight", "Open Sans", "Calibri", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
.clear {clear:both;}

h1 { list-style:none; margin:0; padding:0; font-size:40px; line-height:50px; text-align:center; color:#000; font-weight:lighter;}
h1 a { color:#000; text-decoration:underline;}
h1 a:hover {text-decoration:underline;}
h2 { list-style:none; margin:0; padding:0; font-size:40px; line-height:50px; color:#57BEC8; font-weight:lighter;}
h2 a { color:#57BEC8; text-decoration:underline;}
h2 a:hover {text-decoration:underline;}
h3 { list-style:none; margin:0; padding:0; font-size:28px; line-height:40px; color:#000; font-weight:lighter; padding-top:10px;}
h3 a { color:#000; text-decoration:underline;}
h3 a:hover {text-decoration:underline;}

#bannerbg { margin:0 auto; width:100%; height:686px; background:url(../imgs-2016/bannerbg.jpg) center no-repeat;}
.bannertop { margin:0 auto; width:1000px; height:55px;}
.bannertop-logo { float:left; width:450px; height:55px;}
.bannertop-lang { float:left; width:120px; height:50px; padding-top:5px; padding-left:375px;}
.bannerbom { margin:0 auto; width:1000px; height:534px; padding-top:97px;}
.tbtxt { width:1000px; height:170px;}
.tbtxt2 { width:1000px; height:300px; padding-top:20px; font-size:20px; line-height:28px; text-align:center; color:#555;}

.lan_menu {margin:0; padding:0;}
.lan_menu ul { list-style:none; margin:0; padding:0;}
.lan_menu ul li { list-style:none; margin:0; padding:0;}
.lan_menu-item {display:inline-block; position:relative; z-index:10000; }
.lan_menu-item:hover { background:#fff;}
.lan_menu-item:hover .lan_submenu {display: block; background:#fff;}
.lan_submenu {display: none; position: absolute; background:#fff;}

.lan_menu-item-d { width:160px; height:46px;}
.lan_menu-item-d:hover {background:#f4f4f4; }


#ripbg { margin:0 auto; width:100%; height:auto; background:fff;}
.ripin { margin:0 auto; width:1000px; height:auto; padding:70px 0px 120px 0px;}
.ripin p { font-weight:16px; line-height:22px; color:#555; text-align:center;}
.ripin p a { color:#156FD6; text-decoration:none;}
.ripin p a:hover { color:#156FD6; text-decoration:underline;}
.ripbox { width:1000px; height:auto; padding-top:30px;}
.ripboxin { float:left; width:300px; height:auto; padding-right:50px;}
.ripboxin2 { float:left; width:300px; height:auto;}
.ripboxin-top { width:300px; height:171px;}
.ripboxin-bom { width:270px; height:auto; padding:20px 15px 25px 15px; background:#eee; font-size:12px; line-height:18px; color:#555;}
.ripboxin-bom a { color:#156FD6; text-decoration:none;}
.ripboxin-bom a:hover { color:#156FD6; text-decoration:underline;}
.ripboxin-bom-top { width:270px; height:60px;}
.ripboxin-bom-bom { width:270px; height:35px; padding-top:15px;}
.ripboxin-bom-boml { float:left; width:130px; height:35px;}
.ripboxin-bom-bomr { float:left; width:140px; height:35px;}
.ripbom-take { width:140px; height:35px; background:url(../imgs-2016/takefreeup.jpg) no-repeat;}
.ripbom-takeon { width:140px; height:35px; background:url(../imgs-2016/takefree.jpg) no-repeat; cursor:pointer;}
.ripbom-takeon:hover { background:none;}
.ripbom-cart { width:140px; height:35px; background:url(../imgs-2016/addcartup.jpg) no-repeat;}
.ripbom-carton { width:140px; height:35px; background:url(../imgs-2016/addcart.jpg) no-repeat; cursor:pointer;}
.ripbom-carton:hover { background:none;}

.ripbom-taketw { width:140px; height:35px; background:url(../imgs-2016-hktw/takefreeup.jpg) no-repeat;}
.ripbom-taketwon { width:140px; height:35px; background:url(../imgs-2016-hktw/takefree.jpg) no-repeat; cursor:pointer;}
.ripbom-taketwon:hover { background:none;}
.ripbom-carttw { width:140px; height:35px; background:url(../imgs-2016-hktw/addcartup.jpg) no-repeat;}
.ripbom-carttwon { width:140px; height:35px; background:url(../imgs-2016-hktw/addcart.jpg) no-repeat; cursor:pointer;}
.ripbom-carttwon:hover { background:none;}


#roundbg { margin:0 auto; width:100%; height:360px; background:url(../imgs-2016/round-bg.jpg) center no-repeat;}
#roundbghk { margin:0 auto; width:100%; height:360px; background:url(../imgs-2016-hktw/round-bg.jpg) center no-repeat;}


#giveawaybg { margin:0 auto; width:100%; height:auto; background:#eee; padding:90px 0px 80px 0px;}
.giveawayin { margin:0 auto; width:1000px; height:auto; padding-bottom:70px;}
.gbox { float:left; width:300px; height:260px; padding-right:50px;}
.gbox2 { float:left; width:300px; height:260px;}
.gbox-img { width:300px; height:170px; background:#666;}
.gbox-txt { width:270px; height:70px; padding:20px 15px 25px 15px; background:#fff;}
.gbox-txtl { float:left; width:180px; height:70px; padding-right:20px;}
.gbox-txtl b { font-size:14px; line-height:22px; font-weight:bold;}
.gbox-txtl p { font-size:13px; line-height:18px; padding:0; margin:0;}
.gbox-txtl a { color:#156FD6; text-decoration:none;}
.gbox-txtl a:hover { color:#156FD6; text-decoration:underline;}
.gbox-txtr { float:left; width:70px; height:70px; background:url(../imgs-2016/gdownup.png) center no-repeat;}
.gbox-txtron {width:70px; height:70px; background:url(../imgs-2016/gdown.png) center no-repeat; cursor:pointer;}
.gbox-txtron:hover { background:none;}


#thanksbg { margin:0 auto; width:100%; height:500px; background:url(../imgs-2016/thanks-bg.jpg) center no-repeat;}
.thanks { margin:0 auto; width:520px; height:440px; padding-left:480px; padding-top:30px; color:#fff;}
.thanks b { font-size:100px; line-height:120px;}
.thanks p { font-size:16px; line-height:24px; padding:0; margin:0;}


#comtbg { margin:0 auto; width:100%; height:auto; padding:80px 0px;}
.comt { margin:0 auto; width:1000px; height:auto; padding:20px 0px; background:url(../imgs-2016/comtbg.gif) repeat-y; color:#555;}
.comt a { color:#156FD6; text-decoration:none;}
.comt a:hover { color:#156FD6; text-decoration:underline;}
.comtl {float:left; width:450px; height:auto; padding-right:50px;}
.comtr { float:left; width:450px; height:auto; padding-left:50px;}
.conttitle { width:450px; height:50px; font-size:24px; line-height:34px;}
.conttxt { width:450px; height:auto; font:16px; line-height:22px;}
.conttxtemail { width:450px; height:auto; padding-top:20px;}

#footbg { margin:0 auto; width:100%; height:auto; padding:100px 0px; background:#ededed;}
.foot { margin:0 auto; width:1000px; height:auto;}
.footl { float:left; width:650px; height:auto; padding-right:50px; color:#555}
.footl-b { width:auto; height:50px; font-size:30px; line-height:50px;}
.footl p { font-size:16px; line-height:18px;}
.footr { float:left; width:300px; height:auto; color:#555;}
.footr-c { width:300px; height:auto; font-size:12px; line-height:20px; padding-top:20px;}
.footr-ul { width:300px; height:auto; font-size:12px; line-height:20px; padding-top:20px;}
.footr-ul a {color:#156FD6; text-decoration:none;}
.footr-ul a:hover {text-decoration:underline;}


.socialbg {width:235px; height:36px; padding:0px 0px 20px 0px;}

.social-fb {float:left; width:47px; height:36px; background:url(../../easter/imgs-2016/fb-up.png) no-repeat;}
.social-fbon {width:47px; height:36px; background:url(../../easter/imgs-2016/fb.png) no-repeat; cursor:pointer;}
.social-fbon:hover {background:none;}

.social-tw {float:left; width:47px; height:36px; background:url(../../easter/imgs-2016/tw-up.png) no-repeat;}
.social-twon {width:47px; height:36px; background:url(../../easter/imgs-2016/tw.png) no-repeat; cursor:pointer;}
.social-twon:hover {background:none;}

.social-g {float:left; width:47px; height:36px; background:url(../../easter/imgs-2016/googlep-up.png) no-repeat;}
.social-gon {width:47px; height:36px; background:url(../../easter/imgs-2016/googlep.png) no-repeat; cursor:pointer;}
.social-gon:hover {background:none;}

.social-email {float:left; width:47px; height:36px; background:url(../../easter/imgs-2016/email-up.png) no-repeat;}
.social-emailon {width:47px; height:36px; background:url(../../easter/imgs-2016/email.png) no-repeat; cursor:pointer;}
.social-emailon:hover {background:none;}

.social-youtube {float:left; width:47px; height:36px; background:url(../../easter/imgs-2016/youtube-up.png) no-repeat;}
.social-youtubeon {width:47px; height:36px; background:url(../../easter/imgs-2016/youtube.png) no-repeat; cursor:pointer;}
.social-youtubeon:hover {background:none;}

#sharebg {width:220px; height:310px; display:block; position:fixed; top:200px; right:0px; background:url(../imgs-2016/sharebg.png) no-repeat; z-index:1000;}
#sharebghktw {width:220px; height:310px; display:block; position:fixed; top:200px; right:0px; background:url(../imgs-2016-hktw/sharebg.png) no-repeat; z-index:1000;}