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

body { margin:0; padding:0; font-family:Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri;}
.clear { clear:both;}

#bg1-logo { margin:0 auto; width:100%; height:60px; background:url(../imgs-2018/bg1-logo-tw.jpg) top center no-repeat;}
.bg1logoin { margin:0 auto; width:1200px; height:60px;}
#bg1 { margin:0 auto; width:100%; height:720px; padding-top:28px; background:url(../imgs-2018/bg1-tw.jpg) top center no-repeat;}
.bg1in { margin:0 auto; width:1200px; height:748px;}
.bg1-txt { width:880px; height:290px; padding-left:320px;}
.bg1-txt h1 { list-style:none; margin:0; padding-bottom:15px; color:#fff; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:28px; line-height:50px;}
.bg1-txt p {list-style:none; margin:0; padding:0; color:#fff; font-size:14px; line-height:26px;}
.bg1-logos { width:560px; height:280px; padding-left:640px;}
.bg1-logo12 { width:560px; height:100px; padding-bottom:20px;}
.bg1-logo12a { float:left; width:100px; height:100px; padding-right:20px;}
.bg1-logo12aa { float:left; width:100px; height:100px;}
.bg1-logo12b { float:left; width:150px; height:100px; padding-right:20px;}
.bg1-logo12c { float:left; width:150px; height:100px;}
.bg1-logo12ba { width:150px; height:40px; padding-bottom:20px;}
.bg1-logo12bb { width:150px; height:40px;}
.bg1-logo3 { width:560px; height:40px;}
.bg1-logo3a { float:left; width:150px; height:40px; padding-left:20px;}
.bg1-logo4 { float:left; width:50px; height:40px;}
.bg1-note { width:480px; height:auto; padding-left:720px; color:#fff; font-size:14px; line-height:26px; padding-top:25px;}

#bg2 { margin:0 auto; width:100%; height:818px; background:url(../imgs-2018/bg2-tw.jpg) center bottom no-repeat;}
.bg2in { margin:0 auto; width: 1200px; height:700px; padding-top:118px;}
.bg2in-tit { width:850px; height:160px; padding-top:50px; padding-bottom:30px;}
.bg2in-tit h2 {list-style:none; margin:0; color:#fff; padding-bottom:10px; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:26px; line-height:50px;}
.bg2in-tit p {list-style:none; margin:0; padding:0; color:#fff; font-size:14px; line-height:24px;}
.bg2in-all { width:798px; height:auto; color:#fff;}
.bg2in-i1 { float:left; width:266px; height:auto; text-align:center;}
.bg2in-i1 img { padding-bottom:30px;}
.bg2in-i1 h3 {list-style:none; margin:0; color:#fff; padding-bottom:5px; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:20px; line-height:40px;}
.bg2in-i1 p {list-style:none; margin:0; padding:0; color:#fff; font-size:12px; line-height:22px;}
.bg2in-price { width:266px; height:50px; padding-top:10px; text-align:center;}
.bg2in-price em { color:#E6E6E6; text-decoration:line-through; font-size:18px; line-height:50px;}
.bg2in-price b { color:#F6FF00; font-size:24px; line-height:50px;}
.bg2in-bun-get { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-hd-getup.gif) no-repeat;}
.bg2in-bun-getup {width:180px; height:42px; background:url(../imgs-2018/bun-hd-get.gif) no-repeat;}
.bg2in-bun-getup:hover { background:none; cursor:pointer;}
.bg2in-bun-buy { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-hd-buyup.gif) no-repeat;}
.bg2in-bun-buyup {width:180px; height:42px; background:url(../imgs-2018/bun-hd-buy.gif) no-repeat;}
.bg2in-bun-buyup:hover { background:none; cursor:pointer;}

.bg2in-bun-get-tw { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-hd-getup-tw.gif) no-repeat;}
.bg2in-bun-getup-tw {width:180px; height:42px; background:url(../imgs-2018/bun-hd-get-tw.gif) no-repeat;}
.bg2in-bun-getup-tw:hover { background:none; cursor:pointer;}
.bg2in-bun-buy-tw { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-hd-buyup-tw.gif) no-repeat;}
.bg2in-bun-buyup-tw {width:180px; height:42px; background:url(../imgs-2018/bun-hd-buy-tw.gif) no-repeat;}
.bg2in-bun-buyup-tw:hover { background:none; cursor:pointer;}

.bg2in-3pc { width:266px; height:20px; padding-top:10px; font-size:14px; line-height:20px;}
.bg2in-3pc a { color:#F6FF00; text-decoration:underline;}
.bg2in-3pc a:hover { color:#fff;}

#bg3 { margin:0 auto; width:100%; height:795px; background:url(../imgs-2018/bg3.jpg) top center no-repeat;}
.bg3in { margin:0 auto; width:1200px; height:795px;}
.bg3a { width:1200px; height:auto; padding-top:100px; text-align:center;}
.bg3a h2 {list-style:none; margin:0; color:#333; padding-bottom:10px; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:30px; line-height:50px;}
.bg3a p {list-style:none; margin:0; padding:0; color:#333; font-size:14px; line-height:24px;}
.bg3b { width:798px; height:auto; padding-left:402px; color:#333; padding-top:60px;}
.bg3bi { float:left; width:266px; height:auto; text-align:center;}
.bg3bi img { padding-bottom:30px;}
.bg3bi h3 {list-style:none; margin:0; color:#333; padding-bottom:5px; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:20px; line-height:40px;}
.bg3bi p {list-style:none; margin:0; padding:0; color:#333; font-size:12px; line-height:22px;}
.bg3bi-price { width:266px; height:50px; padding-top:10px; text-align:center;}
.bg3bi-price em { color:#999; text-decoration:line-through; font-size:18px; line-height:50px;}
.bg3bi-price b { color:#F24500; font-size:24px; line-height:50px;}
.bg3bi-bun-get { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-rip-getup.gif) no-repeat;}
.bg3bi-bun-getup {width:180px; height:42px; background:url(../imgs-2018/bun-rip-get.gif) no-repeat;}
.bg3bi-bun-getup:hover { background:none; cursor:pointer;}
.bg3bi-bun-buy { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-rip-buyup.gif) no-repeat;}
.bg3bi-bun-buyup {width:180px; height:42px; background:url(../imgs-2018/bun-rip-buy.gif) no-repeat;}
.bg3bi-bun-buyup:hover { background:none; cursor:pointer;}

.bg3bi-bun-get-tw { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-rip-getup-tw.gif) no-repeat;}
.bg3bi-bun-getup-tw {width:180px; height:42px; background:url(../imgs-2018/bun-rip-get-tw.gif) no-repeat;}
.bg3bi-bun-getup-tw:hover { background:none; cursor:pointer;}
.bg3bi-bun-buy-tw { margin:0 auto; width:180px; height:42px; background:url(../imgs-2018/bun-rip-buyup-tw.gif) no-repeat;}
.bg3bi-bun-buyup-tw {width:180px; height:42px; background:url(../imgs-2018/bun-rip-buy-tw.gif) no-repeat;}
.bg3bi-bun-buyup-tw:hover { background:none; cursor:pointer;}


.bg3bi-3pc { width:266px; height:20px; padding-top:10px; font-size:14px; line-height:20px;}
.bg3bi-3pc a { color:#F24500; text-decoration:underline;}
.bg3bi-3pc a:hover { color:#0078FF;}

#bg4 { margin:0 auto; width:100%; height:1263px; background:url(../imgs-2018/bg4.jpg) top center no-repeat;}
#bg4-r2 { margin:0 auto; width:100%; height:1263px; background:url(../imgs-2018/bg4-r2.jpg) top center no-repeat;}
#bg4tw { margin:0 auto; width:100%; height:1263px; background:url(../imgs-2018/bg4tw.jpg) top center no-repeat;}
#bg4tw-r2 { margin:0 auto; width:100%; height:1263px; background:url(../imgs-2018/bg4tw-r2.jpg) top center no-repeat;}
.bg4in { margin:0 auto; width:1200px; height:1143px;}
.bg4t { width:1200px; height:227px; color:#fff; padding-top:50px; text-align:center;}
.bg4t h2 {list-style:none; margin:0; padding-bottom:10px; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:30px; line-height:50px;}
.bg4t p {list-style:none; margin:0; padding:0; font-size:14px; line-height:24px;}
.bg4bt { width:1200px; height:346px; padding-bottom:80px;}
.bg4bt1 { float:left; width:200px; height:306px; padding:20px; color:#000;}
.bg4bt1-1 {font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; text-align:center; font-size:16px; line-height:26px;}
.bg4bt1-2 {font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; text-align:center; font-size:24px; line-height:40px; padding-bottom:70px;}
.bg4bt1-3 { width:100%; height:140px; font-size:12px; line-height:20px;}
.bg4bt1-3 a { color:#000; text-decoration:underline;}
.bg4bt1-3 a:hover { text-decoration:underline; color:#0000FF;}
.bg4bt1-like { margin:0 auto; width:174px; height:31px; background:url(../imgs-2018/likeup.gif) no-repeat;}
.bg4bt1-likeup { margin:0 auto; width:174px; height:31px; background:url(../imgs-2018/like.gif) no-repeat; cursor:pointer;}
.bg4bt1-likeup:hover { background:none;}

.bg4bt2 { float:left; width:240px; height:346px; padding-left:80px; color:#fff;}
.bg4bt2tit { width:200px; height:240px; padding:20px;}
.bg4bt2tit h3 {list-style:none; margin:0; padding:0; font-style:normal; font-size:14px; line-height:24px;}
.bg4bt2tit p {list-style:none; margin:0; padding:0; font-size:12px; line-height:22px;}
.bg4bt2bun { width:240px; height:66px; background:url(../imgs-2018/bun-ptr-getup.gif) no-repeat;}
.bg4bt2bunup {width:240px; height:66px; background:url(../imgs-2018/bun-ptr-get.gif) no-repeat; cursor:pointer;}
.bg4bt2bunup:hover { background:none;}
.bg4bt2bun-tw { width:240px; height:66px; background:url(../imgs-2018/bun-ptr-getup-tw.gif) no-repeat;}
.bg4bt2bunup-tw {width:240px; height:66px; background:url(../imgs-2018/bun-ptr-get-tw.gif) no-repeat; cursor:pointer;}
.bg4bt2bunup-tw:hover { background:none;}

.bg4bt3 { float:left; width:240px; height:346px; color:#fff;}

#bg5 { margin:0 auto; width:100%; height:689px; background:url(../imgs-2018/bg5.jpg) top center no-repeat;}
.bg5in { margin:0 auto; width:1200px; height:689px; color:#fff;}
.bg5t { width:750px; height:auto; padding:70px 0px 0px 450px;}
.bg5t h2 {list-style:none; margin:0; padding-bottom:10px; font-family:OpenSansBold, Open Sans, Arial, Tahoma, Lucida Grande, Lucida Sans Unicode, Calibri; font-size:30px; line-height:50px;}
.bg5t p {list-style:none; margin:0; padding:0; font-size:14px; line-height:24px;}
.bg5b { width:680px; height:auto; padding:50px 0px 0px 520px;}
.bg5b p {list-style:none; margin:0; padding:0; font-size:20px; line-height:34px; padding-bottom:15px;}
.bg5bnt { width:680px; height:100px; color:#fff;}

#bg6 { margin:0 auto; width:1920px; height:360px; background:#F4F4F4;}
.bg6in { margin:0 auto; width:1200px; height:auto; padding-top:100px; color:#777;}
.bg6in h3 {list-style:none; margin:0; padding:0; font-style:normal; font-size:16px; line-height:30px;}
.bg6in p {list-style:none; margin:0; padding:0; font-size:14px; line-height:28px;}
.bg6in p strong { font-weight:bold; color:#FF0000;}
.bg6l { float:left; width:23%; height:140px; padding-right:7%;}
.bg6r { float:left; width:70%; height:140px;}
.bg6c { width:100%; height:80px; font-size:12px; line-height:80px; text-align:center; margin-top:40px; border-top: 1px solid #D9D9D9;}
.bg6c a { color:#333; text-decoration:none;}
.bg6c a:hover { text-decoration:underline;}


#side {width:115px; height:600px; padding-top:140px; padding-left:5px; display:block; position:fixed; top:0px; right:0px; background:url(../imgs-2018/side-r2.png) center no-repeat; z-index:10000;}
#side p {list-style:none; margin:0; padding-bottom:15px; font-size:10px; line-height:22px; color:#333;}

#sidetw {width:115px; height:570px; padding-top:170px; padding-left:5px; display:block; position:fixed; top:0px; right:0px; background:url(../imgs-2018/sidetw-r2.png) center no-repeat; z-index:10000;}
#sidetw p {list-style:none; margin:0; padding-bottom:15px; font-size:12px; line-height:22px; color:#333;}