body,div,ul,ol,li,h1,h2,h3,h4,p,tr,td,img,a{margin: 0;padding: 0; font-family:vedenda,"Microsoft JhengHei", \5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif,"新細明體"; font-size:16px; font-weight:normal;}
img {vertical-align:top; border:none; outline:none;}
ul{list-style:none;}
a{text-decoration:none; outline:none;}
*:focus{outline:none;}
*::-moz-focus-inner{border:none; outline:none;}
hr{ border:0; width:1102px; height:32px; display:block; +border-style:none; background:url(images/d-line.gif) no-repeat center center; margin:15px 0;}
body{-webkit-text-size-adjust:100%; background:url(images/bg.jpg) no-repeat center top; overflow-x:hidden}
div.footer{height:0 !important;}
/*首頁*/
.main{ width:1400px; margin:auto; position:absolute; left:50%; margin-left:-700px; background-color:#fff; overflow:hidden;}
.content{width:1102px; height:100%; margin:60px auto 50px auto; /*overflow:hidden;*/}

a[name^="a"]{position:relative; height:1px; display:block;}/*錨點用的class *height:1px 必加*/

/*大圖輪撥*/
.main-slide{width:100%; background:url(images/head_bg.jpg) repeat left top;}
.movie{width:1400px; margin:auto;}
.film{ width:1400px; margin:auto; position:relative;}
.film img{display:block; float:left; border:none;}

/* menu區域 */
#menu {margin:auto; list-style:none; width:1220px; padding:6px 0 0 280px; background:#1b5ea5;}
#menu li {margin:0; padding:0; display:inline-block; position:relative; color:#fff;}
#menu li a {padding:10px 15px; display:block; text-decoration:none; font-size:24px; color:inherit;}
#menu li a:hover {background:url(images/menu-bg.jpg) no-repeat center bottom; color:#1b5ea5;}
#menu li ul {padding:5px 0; list-style:none; float:left; position:absolute; left:0; width:800px; background-color:#fff; display:none;}
#menu li ul li {float:none; display:inline-block;}
#menu li ul li a {color:#1b5ea5; border:solid 1px #1b5ea5; padding:5px; margin:8px; font-size:15px; font-family:"新細明體"; font-weight:bold; text-decoration:none;}
#menu li ul li a:hover { color:#e85505; border:solid 1px #e85505; background:none;}
.bn1.active,.bn2.active,.bn3.active,.bn4.active,.bn5.active,.bn6.active,.bn7.active,.bn8.active,.bn9.active{background:url(images/menu-bga.jpg) no-repeat center bottom;}

/*內容*/
.alert{ width:100%; background-color:#0097d8; line-height:24px; color:#fff; text-align:center;}
.alert b{ background:url(images/alert.jpg) no-repeat center; width:15px; height:15px; line-height:24px; display:inline-block; margin-right:12px; text-align:center;}
.showview{width:100%; clear:both;}
.showview a{display:inline-block; margin:0 0 15px 19px; width:341px; height:336px; text-indent:-9999px;}
.v1{background:url(images/p2-1.jpg) no-repeat;}
.v2{background:url(images/p2-2.jpg) no-repeat;}
.v3{background:url(images/p2-3.jpg) no-repeat;}
.v4{background:url(images/p2-4.jpg) no-repeat;}
.v5{background:url(images/p2-5.jpg) no-repeat;}
.v6{background:url(images/p2-6.jpg) no-repeat;}
.v7{background:url(images/p2-7.jpg) no-repeat;}
.v8{background:url(images/p2-8.jpg) no-repeat;}
.v9{background:url(images/p2-9.jpg) no-repeat;}
.v1:hover{background:url(images/p2-1h.jpg) no-repeat center center;}
.v2:hover{background:url(images/p2-2h.jpg) no-repeat center center;}
.v3:hover{background:url(images/p2-3h.jpg) no-repeat center center;}
.v4:hover{background:url(images/p2-4h.jpg) no-repeat center center;}
.v5:hover{background:url(images/p2-5h.jpg) no-repeat center center;}
.v6:hover{background:url(images/p2-6h.jpg) no-repeat center center;}
.v7:hover{background:url(images/p2-7h.jpg) no-repeat center center;}
.v8:hover{background:url(images/p2-8h.jpg) no-repeat center center;}
.v9:hover{background:url(images/p2-9h.jpg) no-repeat center center;}

.p3-s1,.p3-s2,.p3-s3,.p3-s4,.p3-s5{ display:block; clear:both; position:relative;}
.p3-img1,.p3-img2,.p3-img3,.p3-img4,.p3-img5{ display:block; position:absolute;}
.p3-s1{background:url(images/p3n_s1.jpg) no-repeat left top; height:751px;}
.p3-s2{background:url(images/p3n_s2.jpg) no-repeat left top; height:409px;}
.p3-s3{background:url(images/p3n_s3.jpg) no-repeat left top; height:368px;}
.p3-s4{background:url(images/p3n_s4.jpg) no-repeat left top; height:446px;}
.p3-s5{background:url(images/p3n_s5.jpg) no-repeat left top; height:457px;}

.p3-img1{bottom:34px; right:50px;}
.p3-img2{top:0px; left:49px;}
.p3-img3{top:0px; right:43px;}
.p3-img4{bottom:13px; left:54px;}
.p3-img5{top:0px; right:55px;}

.p4-title1{ position:absolute; top:440px; left:0px; z-index:999;}
.p4-title2{ position:absolute; top:265px; right:300px; z-index:999;}
.p4-2-title1{ position:absolute; top:380px; right:380px; z-index:999;}

.video{ text-align:center; margin:auto; padding:30px 0; width:600px;}

/*gotop*/
.scroll2top:link, .scroll2top:visited {bottom:8%; right:5%; display: block; width:65px; height:56px; background: url(images/gotop.png) no-repeat 0 0; z-index: 999;}
.scroll2top:hover { background-position:0 -56px;}