@charset "utf-8";
/*
    1. $Reset
    2. $body,html
    3. $共用
    4. $架構
*/

/* $Reset
--------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* $body,html
--------------------------------------------------------------------------------------*/

html,body{ width: 100%; height:100%; margin:0; padding:0;} 
 
body{
    width: 100%;  
    overflow-x: hidden; min-width: 1110px;
    background: url(../images/bg.gif) repeat left top;
    /* background: url(../images/layout3.jpg) no-repeat center top; */
    font-size: 16px;
    color: #000;   
    font-family: Arial,'微軟正黑體',Helvetica;   
    margin: 0 auto;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;    
    box-sizing: border-box;
    overflow-x: hidden; 

} 

.wrapper{width: 100%; height: 100%;  min-width: 1110px; overflow-x: hidden;  }
.index_ft{width: 100%; padding: 13px 0; background: #64351e; text-align: center; color: #fff; }
.content1{width: 100%; position: relative; padding: 30px 0 80px 0; height: 1547px; }
.content2{width: 100%; height: 1000px; position: relative; background: #e5d29e; padding:80px 0 65px 0; }
.area{width: 1106px; margin: 0 auto; position: relative; }
.t1,.t2,.p1,.p2,.t3,.p3,.p4,.p5,.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12,.b13{ position: absolute; }

.t1{top: 101px; left: 40px; }
.t2{top: 217px; left: 40px; }
.p1{top: 39px; right: 20px; }
.p2{top: 356px; left: 5px; }
.t3{top: 405px; left: 396px; } 
.p3{top: 662px; right: 369px; }
.p4{top: 500px; right: 0px; }
.p5{top: 822px; left: -65px; }

#blog{position: absolute; width: 1024px; height: 495px; top: 1005px; left: 50%; margin: 0 0 0 -465px; /* background: #0f0;  */}
#blog .blog_area{ position: relative; width: 100%; height: 480px; }
#blog .blog_pic{width: 400px; height: 400px; float: left; }
#blog .blog_font{width: 457px; height: 337px; float: right; margin: 31px 0 0 20px; }
.clean{ clear: both; }

.b1{top: 25px; left: 106px; } 
.b2{top: 210px; left: 87px; }
.b3{top: 156px; right:52px; } 
.b4{top: 483px; left: 9px; } 
.b5{top: 483px; right: 267px; }
.b6{top: 834px; left: 37px; } 
.b7{top: 770px; right: 50px; }
.b8{top: 479px; right: 46px;}
.b9{top: 431px; right: 253px; }
.b11{top: -47px; left: -446px; } 
.b12{top: -123px; left: 8px; } 
.b13{    top: -287px; right: -258px; }
.b10{     top: 770px; right: 50px; }


.blog_content{
    width: 1000px;
    
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.P3{ padding: 0 0 55px 0; }