@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
    background: #ffffff url(../img/slash_bg.png) repeat;
}

#wrapp {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    position: relative;
}

/* index_blk_b */

.index_blk{
    width: 100%;
    height: 660px;
    margin: auto;
    position: relative;
    background: url(../img/ind_pic.png) top center no-repeat;
}

.toto_logo{
    display: block;
    width: 77px;
    height: 18px;
    position: absolute;
    top: 16px;
    left: 40px;
}
.fb_btn{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 100px;
}
.m01_btn{
    display: block;
    width: 34px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 40px;
}
.m01_btn:hover{top: 11px;}
.fb_btn:hover{top: 11px;}

.kv_blk{
    width: 1200px;
    height: 660px;
    margin: auto;
    position: relative;
}

.toto_kv_logo{
    display: block;
    position: absolute;
    top: 50px;
    left: 505px;
}
.slogan_a{
    display: block;
    position: absolute;
    top: 123px;
    left: 201px;
}
.slogan_b{
    display: block;
    position: absolute;
    top: 198px;
    left: 314px;
}
.kv_blk a{display: block;width: 260px;height: 60px;position: absolute;}
.kv_blk a:hover{top: 560px;}
.kv_btn01{
    background: url(../img/tbtn01.png) top center no-repeat;
    top: 559px;
    left: 190px;
}
.kv_btn02{
    background: url(../img/tbtn02.png) top center no-repeat;
    top: 559px;
    left: 470px;
}
.kv_btn03{
    background: url(../img/tbtn03.png) top center no-repeat;
    top: 559px;
    left: 750px;
}

/* index_blk_e */


/* article_block_ b*/
.article_blk {
    width:100%;
    height: 500px;
    overflow: hidden;
}
.article_blk_cont{
    width: 1200px;
    height: 500px;
    margin: auto;
    position: relative;
}
.atb01{background: #f1f1f1 url(../img/slash_bg.png) repeat;}
.atb02{background: #ebe2ce url(../img/slash_bg.png) repeat;}

.bl01{
    width: 790px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 117px;
    left: -360px;
}
.bl02{
    width: 790px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 117px;
    right: -360px;
}
.washlet{
    display: block;
    position: absolute;
    top: 55px;
    left: 20px;
}
.washlet_t{
    display: block;
    position: absolute;
    top: 129px;
    left: 20px;
}
.wa_sl_bg{
    width: 630px;
    height: 350px;
    position: absolute;
    top: 95px;
    left: 430px;
    background: #ebe2ce;
}

.neorest{
    display: block;
    position: absolute;
    top: 82px;
    right: 20px;
}
.neorest_t{
    display: block;
    position: absolute;
    top: 128px;
    right: 27px;
}
.neorest_btn:hover{
    background-position: bottom;
}
.ne_sl_bg{
    width: 630px;
    height: 350px;
    position: absolute;
    top: 95px;
    /*right: 430px;*/
    right: 496px;
    background: #f1f1f1;
}

/* article_block_ e*/
/* copyright_ b*/

.copyright {
    width: 100%;
    height: 20px;
    padding-top: 10px;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
    color: #000;
    background: #fff;
}

/* copyright_ e*/
.go_top{
    display: none;
    width:30px;
    height:21px;
    position: fixed;
    bottom: 80px;
    right: 100px;
    background:url(../img/go_top.png) no-repeat ;
}

#jSplash {
  width: 160px;
  height: 38px;
  background: url(../img/loading_logo.png) no-repeat;
  margin: auto;
}

/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_a {width: 630px; height: 350px;position: absolute;top: 55px;right: 100px;}
.slider_b {width: 630px; height: 350px;position: absolute;top: 55px;left: 100px;}

.sl_caption_a{ 
    position: absolute;
    top: 170px;
    left: -470px;
}
.sl_caption_b{ 
    position: absolute;
    top: 170px;
    right: -470px;
}
.article_tb{ 
    display: block;
    position: relative;
    width:560px; 
    height:126px; 
    padding:24px 0px 0px 40px;
    background: rgba(255,255,255,0.6);
    font-family: 'Noto Sans TC';
    font-size: 26px;
    line-height: 36px;
    color: #303030;
    text-decoration: none;
    transition:0.6s;
    -moz-transition:0.6s;
    -webkit-transition:0.6s;
    -o-transition:0.6s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slider_a a:hover .article_tb{
    background: rgba(0,0,0,0.6);
    color: #fff;
}

.slider_b a:hover .article_tb{
    background: rgba(0,0,0,0.6);
    color: #fff;
}

.slider_a a:hover .more_btn{background-position: bottom;}

.slider_b a:hover .more_btn{background-position: bottom;}

.more_btn{
    display: block;
    width: 80px;
    height: 30px;
    position: absolute;
    top: 105px;
    right: 50px;
    background: url(../img/more_btn.jpg) no-repeat top center;
    text-decoration: none;
    transition:0.6s;
    -moz-transition:0.6s;
    -webkit-transition:0.6s;
    -o-transition:0.6s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.slick-slide {margin: 0 7px 0 7px;}

.slick-prev,
.slick-next
{
    width: 24px !important;
    height: 24px !important;
    position: absolute !important;
    top: 370px;
}
.slick-next {
    right: 565px;
    background: url(../img/next.png) no-repeat;
    z-index: 1000;
}
.slick-next:hover{right: 564px;}

.slick-prev {
    left: 7px;
    background: url(../img/prev.png) no-repeat;
    z-index: 1000;
}
.slick-prev:hover{left: 6px;}

.slick-prev:before, .slick-next:before {
    font-size: 0px;
}

.prev,
.next
{
    width: 24px !important;
    height: 24px !important;
    position: absolute !important;
    top: 358px;
}
.next {
    right: 565px;
    background: url(../img/next.png) no-repeat;
    z-index: 1000;
}
.next:hover{right: 564px;}

.prev {
    left: 7px;
    background: url(../img/prev.png) no-repeat;
    z-index: 1000;
}
.prev:hover{left: 6px;}

.prev:before, .next:before {
    font-size: 0px;
}