body {
    background-color:#fff;
    margin:0;
    padding:0px;
    overflow-x:hidden;
    border:0;
    outline:0;
    font-family:Arial, "微軟正黑體";
    word-break:break-all
}
a {
    border:0;
    outline:0
}
img {
    outline:0;
    border:0;
    vertical-align:middle
}
ul, li, h2, h3, h4, h5, h6 {
    list-style:none;
    margin:0;
    padding:0
}
a, a:hover {
    text-decoration:none
}
.header {
    position:relative;
    background:url(../images/header_bg.jpg) repeat-x 0 0;
    z-index:1
}
.header .main {
    background:url(../images/header.jpg) no-repeat 0 0;
    width:1198px;
    height:660px;
    margin:0 auto;
    position:relative;
    z-index:1
}
.header .main .h1 {
    position:absolute;
    width:137px;
    height:111px;
    background:url(../images/h1.png) no-repeat 0 0;
    left:250px;
    top:0;
    z-index:2
}
.header .main .h2 {
    position:absolute;
    width:670px;
    height:150px;
    background:url(../images/h2.png) no-repeat 0 0;
    left:113px;
    top:63px;
    z-index:1
}
.header .main .h3 {
    position:absolute;
    width:630px;
    height:345px;
    left:359px;
    top:209px;
    z-index:1
}
.header .main a {
    display:block;
    height:100%
}
.header .main a.t1, .header .main a.t2, .header .main a.t3, .header .main a.t4 {
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.header .main a.t1:hover, .header .main a.t2:hover, .header .main a.t3:hover, .header .main a.t4:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.header .main a.t1 {
    position:absolute;
    width:45px;
    height:78px;
    background:url(../images/t1.png) no-repeat 0 0;
    left:1113px;
    top:155px
}
.header .main a.t2 {
    position:absolute;
    width:45px;
    height:78px;
    background:url(../images/t2.png) no-repeat 0 0;
    left:1032px;
    top:234px
}
.header .main a.t3 {
    position:absolute;
    width:45px;
    height:78px;
    background:url(../images/t3.png) no-repeat 0 0;
    left:1107px;
    top:324px
}
.header .main a.t4 {
    position:absolute;
    width:45px;
    height:78px;
    background:url(../images/t4.png) no-repeat 0 0;
    left:1028px;
    top:393px
}
.header .main .t5 {
    position:absolute;
    width:250px;
    height:660px;
    background:url(../images/t5.jpg) no-repeat 0 0;
    right:-249px;
    top:0;
    z-index:5;
    display:none;
}
@media (min-width: 1198px) {
    .t5 {
        display:block !important;
    }
}
.header .main .h-logo {
    background:url(../images/logo.jpg) no-repeat 0 0;
    position:absolute;
    display:block;
    width:115px;
    height:80px;
    top:15px;
    left:25px;
    z-index:2
}
.header .main .h-logo:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    top:17px
}
.header .main .video {
    position:absolute;
    top:280px;
    left:26px
}
.header .main .fb_like {
    position:absolute;
    top:65px;
    left:145px;
    z-index:9
}
.header .main .menu {
    position:absolute;
    height:90px;
    z-index:9;
    left:250px;
    bottom:0
}
.header .main .menu dl {
    margin:0;
    padding:0;
    display:block
}
.header .main .menu dl dd {
    margin:0;
    padding:0;
    float:left;
    display:block
}
.header .main .menu dl dd a {
    display:block;
    height:90px;
    margin:0;
    background:url(../images/menu.png) no-repeat 0 0
}
.header .main .menu dl dd a.menu_1 {
    width:149px;
    background-position:0 0
}
.header .main .menu dl dd a.menu_1:hover, .header .main .menu dl dd a.menu_1on {
    width:149px;
    background-position:0 bottom
}
.header .main .menu dl dd a.menu_2 {
    width:153px;
    background-position:-149px 0
}
.header .main .menu dl dd a.menu_2:hover, .header .main .menu dl dd a.menu_2on {
    width:153px;
    background-position:-149px bottom
}
.header .main .menu dl dd a.menu_3 {
    width:155px;
    background-position:-302px 0
}
.header .main .menu dl dd a.menu_3:hover, .header .main .menu dl dd a.menu_3on {
    width:155px;
    background-position:-302px bottom
}
.header .main .menu dl dd a.menu_4 {
    width:158px;
    background-position:-457px 0
}
.header .main .menu dl dd a.menu_4:hover, .header .main .menu dl dd a.menu_4on {
    width:158px;
    background-position:-457px bottom
}
.header .main .menu dl dd a.menu_5 {
    width:154px;
    background-position:-615px 0
}
.header .main .menu dl dd a.menu_5:hover, .header .main .menu dl dd a.menu_5on {
    width:154px;
    background-position:-615px bottom
}
.content {
    z-index:10
}
.content .c_1 .main, .content .c_2 .main, .content .c_3 .main, .content .c_4 .main {
    position:relative;
    width:1198px;
    margin:0 auto
}
.content .c_1 .main .btn_1, .content .c_2 .main .btn_1, .content .c_3 .main .btn_1, .content .c_4 .main .btn_1, .content .c_1 .main .btn_2, .content .c_2 .main .btn_2, .content .c_3 .main .btn_2, .content .c_4 .main .btn_2, .content .c_1 .main .btn_3, .content .c_2 .main .btn_3, .content .c_3 .main .btn_3, .content .c_4 .main .btn_3, .content .c_1 .main .top, .content .c_2 .main .top, .content .c_3 .main .top, .content .c_4 .main .top {
    position:absolute
}
.content .c_1 .main .btn_1 a, .content .c_2 .main .btn_1 a, .content .c_3 .main .btn_1 a, .content .c_4 .main .btn_1 a, .content .c_1 .main .btn_2 a, .content .c_2 .main .btn_2 a, .content .c_3 .main .btn_2 a, .content .c_4 .main .btn_2 a, .content .c_1 .main .btn_3 a, .content .c_2 .main .btn_3 a, .content .c_3 .main .btn_3 a, .content .c_4 .main .btn_3 a, .content .c_1 .main .top a, .content .c_2 .main .top a, .content .c_3 .main .top a, .content .c_4 .main .top a {
    display:block;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.content .c_1 .main .btn_1 a:hover, .content .c_2 .main .btn_1 a:hover, .content .c_3 .main .btn_1 a:hover, .content .c_4 .main .btn_1 a:hover, .content .c_1 .main .btn_2 a:hover, .content .c_2 .main .btn_2 a:hover, .content .c_3 .main .btn_2 a:hover, .content .c_4 .main .btn_2 a:hover, .content .c_1 .main .btn_3 a:hover, .content .c_2 .main .btn_3 a:hover, .content .c_3 .main .btn_3 a:hover, .content .c_4 .main .btn_3 a:hover, .content .c_1 .main .top a:hover, .content .c_2 .main .top a:hover, .content .c_3 .main .top a:hover, .content .c_4 .main .top a:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.content .c_1 .main .btn_1, .content .c_2 .main .btn_1, .content .c_3 .main .btn_1, .content .c_4 .main .btn_1 {
    top:280px;
    left:720px;
    z-index:9
}
.content .c_1 .main .btn_2, .content .c_2 .main .btn_2, .content .c_3 .main .btn_2, .content .c_4 .main .btn_2 {
    top:560px;
    left:780px;
    z-index:9
}
.content .c_1 .main .btn_3, .content .c_2 .main .btn_3, .content .c_3 .main .btn_3, .content .c_4 .main .btn_3 {
    top:770px;
    left:1070px;
    z-index:9
}
.content .c_1 .main .top, .content .c_2 .main .top, .content .c_3 .main .top, .content .c_4 .main .top {
    bottom:20px;
    right:20px;
    z-index:9
}
.content .c_1 {
    background:url(../images/index_bg1.jpg)
}
.content .c_1 .main {
    height:994px;
    background:url(../images/index_1.jpg) no-repeat
}
.content .c_1 .main .c1_1, .content .c_1 .main .c1_2, .content .c_1 .main .c1_3, .content .c_1 .main .c1_4, .content .c_1 .main .c1_5 {
    position:absolute
}
.content .c_1 .main .c1_1 a, .content .c_1 .main .c1_2 a, .content .c_1 .main .c1_3 a, .content .c_1 .main .c1_4 a, .content .c_1 .main .c1_5 a {
    display:block;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.content .c_1 .main .c1_1 a:hover, .content .c_1 .main .c1_2 a:hover, .content .c_1 .main .c1_3 a:hover, .content .c_1 .main .c1_4 a:hover, .content .c_1 .main .c1_5 a:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.content .c_1 .main .fb_like1, .content .c_1 .main .fb_like2, .content .c_1 .main .fb_like3 {
    position:absolute
}
.content .c_1 .main .fb_like1 {
    top:215px;
    left:725px;
    z-index:99;
}
.content .c_1 .main .fb_like2 {
    top:890px;
    left:740px;
    z-index:99;
}
.content .c_1 .main .fb_like3 {
    top:900px;
    left:1000px;
    z-index:99;
}
.content .c_1 .main .c1_1 {
    top:38px;
    left:30px
}
.content .c_1 .main .c1_2 {
    top:255px;
    left:293px
}
.content .c_1 .main .c1_3 {
    top:55px;
    left:820px
}
.content .c_1 .main .c1_4 {
    top:580px;
    left:585px
}
.content .c_1 .main .c1_5 {
    top:595px;
    left:875px
}
.content .c_2 {
    background:url(../images/index_bg2.jpg)
}
.content .c_2 .main {
    height:999px;
    background:url(../images/index_2.jpg) no-repeat
}
.content .c_2 .main .c2_1, .content .c_2 .main .c2_2, .content .c_2 .main .c2_3, .content .c_2 .main .c2_4, .content .c_2 .main .c2_5 {
    position:absolute
}
.content .c_2 .main .c2_1 a, .content .c_2 .main .c2_2 a, .content .c_2 .main .c2_3 a, .content .c_2 .main .c2_4 a, .content .c_2 .main .c2_5 a {
    display:block;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.content .c_2 .main .c2_1 a:hover, .content .c_2 .main .c2_2 a:hover, .content .c_2 .main .c2_3 a:hover, .content .c_2 .main .c2_4 a:hover, .content .c_2 .main .c2_5 a:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.content .c_2 .main .fb_like1, .content .c_2 .main .fb_like2, .content .c_2 .main .fb_like3 {
    position:absolute
}
.content .c_2 .main .fb_like1 {
    top:210px;
    left:735px;
    z-index:99;
}
.content .c_2 .main .fb_like2 {
    top:875px;
    left:735px;
    z-index:99;
}
.content .c_2 .main .fb_like3 {
    top:895px;
    left:1005px;
    z-index:99;
}
.content .c_2 .main .c2_1 {
    top:38px;
    left:30px
}
.content .c_2 .main .c2_2 {
    top:255px;
    left:293px
}
.content .c_2 .main .c2_3 {
    top:55px;
    left:820px
}
.content .c_2 .main .c2_4 {
    top:580px;
    left:585px
}
.content .c_2 .main .c2_5 {
    top:595px;
    left:875px
}
.content .c_3 {
    background:url(../images/index_bg3.jpg)
}
.content .c_3 .main {
    height:1001px;
    background:url(../images/index_3.jpg) no-repeat
}
.content .c_3 .main .c3_1, .content .c_3 .main .c3_2, .content .c_3 .main .c3_3, .content .c_3 .main .c3_4, .content .c_3 .main .c3_5 {
    position:absolute
}
.content .c_3 .main .c3_1 a, .content .c_3 .main .c3_2 a, .content .c_3 .main .c3_3 a, .content .c_3 .main .c3_4 a, .content .c_3 .main .c3_5 a {
    display:block;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.content .c_3 .main .c3_1 a:hover, .content .c_3 .main .c3_2 a:hover, .content .c_3 .main .c3_3 a:hover, .content .c_3 .main .c3_4 a:hover, .content .c_3 .main .c3_5 a:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.content .c_3 .main .fb_like1, .content .c_3 .main .fb_like2, .content .c_3 .main .fb_like3 {
    position:absolute
}
.content .c_3 .main .fb_like1 {
    top:177px;
    left:715px;
    z-index:99;
}
.content .c_3 .main .fb_like2 {
    top:890px;
    left:755px;
    z-index:99;
}
.content .c_3 .main .fb_like3 {
    top:900px;
    left:880px;
    z-index:99;
}
.content .c_3 .main .c3_1 {
    top:38px;
    left:30px
}
.content .c_3 .main .c3_2 {
    top:255px;
    left:293px
}
.content .c_3 .main .c3_3 {
    top:55px;
    left:820px
}
.content .c_3 .main .c3_4 {
    top:580px;
    left:585px
}
.content .c_3 .main .c3_5 {
    top:595px;
    left:875px
}
.content .c_4 {
    background:url(../images/index_bg4.jpg)
}
.content .c_4 .main {
    height:1006px;
    background:url(../images/index_4.jpg) no-repeat
}
.content .c_4 .main .c4_1, .content .c_4 .main .c4_2, .content .c_4 .main .c4_3, .content .c_4 .main .c4_4, .content .c_4 .main .c4_5 {
    position:absolute
}
.content .c_4 .main .c4_1 a, .content .c_4 .main .c4_2 a, .content .c_4 .main .c4_3 a, .content .c_4 .main .c4_4 a, .content .c_4 .main .c4_5 a {
    display:block;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.content .c_4 .main .c4_1 a:hover, .content .c_4 .main .c4_2 a:hover, .content .c_4 .main .c4_3 a:hover, .content .c_4 .main .c4_4 a:hover, .content .c_4 .main .c4_5 a:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.content .c_4 .main .fb_like1, .content .c_4 .main .fb_like2, .content .c_4 .main .fb_like3 {
    position:absolute
}
.content .c_4 .main .fb_like1 {
    top:180px;
    left:710px;
    z-index:99;
}
.content .c_4 .main .fb_like2 {
    top:880px;
    left:725px;
    z-index:99;
}
.content .c_4 .main .fb_like3 {
    top:895px;
    left:855px;
    z-index:99;
}
.content .c_4 .main .c4_1 {
    top:38px;
    left:30px
}
.content .c_4 .main .c4_2 {
    top:255px;
    left:293px
}
.content .c_4 .main .c4_3 {
    top:55px;
    left:820px
}
.content .c_4 .main .c4_4 {
    top:580px;
    left:585px
}
.content .c_4 .main .c4_5 {
    top:595px;
    left:875px
}
.content .rule {
    background:url(../images/rule.jpg) no-repeat;
    width:1198px;
    height:1743px;
    margin:0 auto;
    position:relative
}
.content .rule .btn, .content .rule .top {
    position:absolute;
    z-index:9
}
.content .rule .btn a, .content .rule .top a {
    display:block;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    -ms-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.content .rule .btn a:hover, .content .rule .top a:hover {
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80);
    -moz-transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    transition:all 200ms ease-out;
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    -o-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.content .rule .btn {
    top:100px;
    left:820px
}
.content .rule .top {
    bottom:20px;
    right:20px
}
.content .product {
    background:url(../images/product.jpg) no-repeat;
    width:1198px;
    height:2300px;
    margin:0 auto;
    position:relative
}
.content .product .top {
    position:absolute;
    z-index:9;
    bottom:20px;
    right:20px
}
.content .product #p1, .content .product #p2, .content .product #p3, .content .product #p4 {
    position:relative;
    width:100%;
    height:460px
}
.content .product #p1 .p1_1, .content .product #p2 .p1_1, .content .product #p3 .p1_1, .content .product #p4 .p1_1, .content .product #p1 .p1_2, .content .product #p2 .p1_2, .content .product #p3 .p1_2, .content .product #p4 .p1_2, .content .product #p1 .p2_1, .content .product #p2 .p2_1, .content .product #p3 .p2_1, .content .product #p4 .p2_1, .content .product #p1 .p2_2, .content .product #p2 .p2_2, .content .product #p3 .p2_2, .content .product #p4 .p2_2, .content .product #p1 .p3_1, .content .product #p2 .p3_1, .content .product #p3 .p3_1, .content .product #p4 .p3_1, .content .product #p1 .p3_2, .content .product #p2 .p3_2, .content .product #p3 .p3_2, .content .product #p4 .p3_2, .content .product #p1 .p4_1, .content .product #p2 .p4_1, .content .product #p3 .p4_1, .content .product #p4 .p4_1, .content .product #p1 .p4_2, .content .product #p2 .p4_2, .content .product #p3 .p4_2, .content .product #p4 .p4_2 {
    position:absolute
}
.content .product #p1 .p1_1, .content .product #p2 .p1_1, .content .product #p3 .p1_1, .content .product #p4 .p1_1 {
    top:400px;
    left:120px
}
.content .product #p1 .p1_2, .content .product #p2 .p1_2, .content .product #p3 .p1_2, .content .product #p4 .p1_2 {
    top:400px;
    left:870px
}
.content .product #p1 .p2_1, .content .product #p2 .p2_1, .content .product #p3 .p2_1, .content .product #p4 .p2_1 {
    top:60px;
    left:120px
}
.content .product #p1 .p2_2, .content .product #p2 .p2_2, .content .product #p3 .p2_2, .content .product #p4 .p2_2 {
    top:60px;
    left:870px
}
.content .product #p1 .p3_1, .content .product #p2 .p3_1, .content .product #p3 .p3_1, .content .product #p4 .p3_1 {
    top:60px;
    left:120px
}
.content .product #p1 .p3_2, .content .product #p2 .p3_2, .content .product #p3 .p3_2, .content .product #p4 .p3_2 {
    top:60px;
    left:885px
}
.content .product #p1 .p4_1, .content .product #p2 .p4_1, .content .product #p3 .p4_1, .content .product #p4 .p4_1 {
    top:70px;
    left:120px
}
.content .product #p1 .p4_2, .content .product #p2 .p4_2, .content .product #p3 .p4_2, .content .product #p4 .p4_2 {
    top:110px;
    left:900px
}
.content .product #p1 {
    padding-top:350px
}
.pagination {
    position:absolute;
    left:240px;
    bottom:30px;
    font-family:"微軟正黑體", Arial;
    font-size:13px;
    font-weight:bold;
    background:none;
    height:35px;
    line-height:35px;
    padding:0;
    width:722px;
    text-align:center;
    color:#6a3b7b
}
.pagination a {
    background:#a886b4;
    border:none;
    padding:5px 9px;
    margin:0 8px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    color:#fff
}
.pagination a:hover {
    background:#6a3b7b;
    color:#FFF
}
.pagination a img {
    vertical-align:middle
}
.pagination .currenPage {
    background:#6a3b7b;
    border:none;
    padding:5px 9px;
    margin:0 3px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    color:#FFF
}
.pagination .prev, .pagination .next {
    width:77px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none
}
.pagination .prev.prev, .pagination .next.prev {
    margin-right:5px
}
.pagination .prev.next, .pagination .next.next {
    margin-left:5px;
    margin-right:15px
}
.pagination .prev:hover, .pagination .next:hover {
    background:none;
    border:0;
    opacity:.8;
    -moz-opacity:.8;
    -khtml-opacity:.8;
    filter:alpha(opacity=80)
}
/*# sourceMappingURL=style.css.map */