*{margin:0;padding:0}

body{margin:0;color:#131313;font-size:14px}

div,h1,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,img,span,ul,li{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow"}

hr{border-top:1px #000 solid;margin:0 0 10px 0}

th{font-weight:normal}

ul,ol{list-style:none}

p.lineHeight{line-height:170%}

p.marginTop{margin:10px 0}

p.marginLeft{margin:0 10px}

input,button,select,textarea{outline:none}

img{max-width:100%}

a:link,a:visited,a:link,a:visited a{color:#191919;font-weight:normal;text-decoration:none;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}

a:hover{color:#900;text-decoration:none}

.clear{clear:both}

.clearfix{display:inline-block}

.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}

* html .clearfix{height:1%}

.clearfix{display:block}

.wrapper{width:100%;overflow:hidden;position:relative}

.wrapper section{overflow:hidden;margin:0 auto}

#jumpDiv,#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:50}

a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block;transition:all 0.4s ease-in-out 0s}

a.photo img{width:100%}

#Sg-map,#Syoutube{margin:10px 0}

#Sg-map iframe,#Syoutube iframe{width:100%}

.wrapper header{width:100%;position:fixed;width:100%;background:#fff;z-index:999;top:0;left:0}

.wrapper header .topBar{position:absolute;top:0;right:0;background:#14815e;border-radius:0 0 40px 40px;overflow:hidden;padding:10px 55px}

.wrapper header .topBar .left{display:inline-block;vertical-align:middle}

.wrapper header .topBar .right{display:inline-block;vertical-align:middle;margin-left:10px}

.wrapper header .topBar .left a{background-color:#f3f3f3;border:1px solid #9d9d9d;padding:7.5px 75px 7.5px 5px;display:inline-block;color:#b1b1b1;font-size:13px;border-radius:5px}

.wrapper header .topBar .left a.sign{background-position:50%;-webkit-background-size:200% 200%;background-size:200% 200%;-webkit-box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);outline:0;position:relative;text-decoration:none;text-transform:uppercase;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:#7c5c0d;background:-webkit-linear-gradient(#ffe39e,#7c5c0d);background:-o-linear-gradient(#ffe39e,#7c5c0d);background:-moz-linear-gradient(#ffe39e,#7c5c0d);background:linear-gradient(#fadb5a,#b98a36);width:100px;color:#000;font-size:14px;border:2px solid #ffed77;border-radius:5px;font-weight:600;display:inline-block;padding:5px 0;text-align:center}

.wrapper header .topBar .left a.register{background-position:50%;-webkit-background-size:200% 200%;background-size:200% 200%;-webkit-box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);outline:0;position:relative;text-decoration:none;text-transform:uppercase;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:100px;font-size:14px;border-radius:5px;background:linear-gradient(#ff3c00,#7d0000);border:2px solid #b20000;color:#ffec8d;font-weight:600;display:inline-block;padding:5px 0;text-align:center}

.wrapper header .topBar .right a{font-size:13px;color:#fff;padding:0 3px}

.wrapper header .topBar .right a img{width:16px;vertical-align:text-top}

.wrapper header section #cis{margin: 27px 10px;width:250px}

.wrapper header section nav{margin:0 15px}

.wrapper header section nav ul.menu{display:none}

.wrapper header section nav ul.menu li ul.subnav{display:none;position:absolute;padding:10px 0;background:#C66FFF;z-index:9999;box-sizing:initial}

.wrapper header section nav ul.menu li ul.subnav li p{padding:0 20px;height:45px;display:block;line-height:45px;font-size:16px;color:#fff;font-weight:bold}

.wrapper header section nav ul.menu li ul.subnav li ul.subOption{padding:10px 0;background:#B94FFF}

.wrapper header section nav ul.menu li ul.subnav li{float:none;border:0;border-bottom:1px solid #F0BBFF}

.wrapper header section nav ul.menu li ul.subnav li:last-child{border-bottom:none}

#m-nav .nav a:hover{color:#d0d0d0}

#m-nav .nav .current a{color:#fff;border-radius:5px}

.wrapper #gotop{display:none;position:fixed;bottom:2%;right:20px;width:43px;height:43px;background:url(../../images/02/all/totop.png) no-repeat 0 0;text-indent:-100000px;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;cursor:pointer;z-index:200}

.wrapper #gotop:hover{background-position:-43px 0}

.wrapper .line,.line2{position:fixed;right:20px;top:50%;display:block;z-index:100000}

.wrapper .line2{top:40%}

.wrapper footer{overflow:hidden;padding:10px 0;background:#242424}

.wrapper footer section .information{text-align:center}

.wrapper footer section .footertxt{}

.wrapper footer section .footertxt p{text-align:center;color:#585858;border-top:1px solid #585858;padding-top:10px;font-size:13px;margin-top:10px}

.wrapper footer section .information ul{margin:20px 0}

.wrapper footer section .information ul li{margin:5px 0}

.wrapper footer section .information ul li a{color:#550088}

.wrapper footer section #fb-plugin{float:right;width:35%}

#ad-list .adImg{padding:10px;border:1px fff solid}

#ad-list .adImg a.photo{background-size:100% auto}

.phoneWrap{position:fixed;bottom:20px;display:block;z-index:999999999999999}

.phoneWrap ul{overflow:hidden}

.phoneWrap ul li{margin:0 10px;float:left}

.phoneWrap ul li.line{position:inherit}

.phoneWrap ul li a{padding:10px 15px 10px 30px;background:url(../../images/phone.png) #dd5842 8px 10px no-repeat;background-size:20px;border-radius:5px;display:inline-block;color:#fff}

.phoneWrap ul li.line a{background:url(../../images/lineicon.png) #00C300 -4px 0px no-repeat;background-size:40px}



@media only screen and (min-width:320px){

	.wrapper section{width:95%}

	#m-nav .nav{position:absolute;width:130px;z-index:999;top:73px;right:0}

	#m-nav .nav ul{width:100%;position:absolute;top:0;left:0;background:#ffba00}

	#m-nav .nav li{display:none;margin:0}

	#m-nav .nav .current{display:block;text-align:end;padding:10px;background:#fff}

	#m-nav .nav a{display:block;color:#fff;text-align:left}

	#m-nav .nav .current a{color:#000;text-align:end}

	#m-nav .nav ul:hover li{display:block;border-bottom:1px solid rgb(255 255 255 / 28%);padding:10px}

	#m-nav .nav ul:hover li:hover{background:rgb(255 255 255 / 20%)}

	#m-nav .nav ul:hover li:hover a:hover{color:#fff}

	.wrapper .banner{margin:132px 0 0}

	.wrapper .banner img{object-fit: cover;}

	.wrapper footer section .information,.wrapper footer section #fb-plugin{}

	.wrapper .line,.line2{top:80%}

	.wrapper .line2{top:68%}

	.phoneWrap{left:10%}

}

@media only screen and (min-width:480px){

	.phoneWrap{left:25%}

}

@media only screen and (min-width:640px){

	.phoneWrap{left:30%;display:none}

}

@media only screen and (min-width:768px){

	.wrapper footer section .information,.wrapper footer section #fb-plugin{}

}

@media only screen and (min-width:960px){

	.wrapper section{width:95%;position:relative}

	.wrapper header section nav{margin:0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}

	.wrapper .banner{margin-top:212px}

	.wrapper header section nav ul.menu{margin:0 auto;display:block;overflow:hidden}

	.wrapper header section nav ul.menu li{float:left;position:relative}

	.wrapper header section nav ul.menu li:after{content:'';width:1px;height:15px;background-color:#ccc;display:block;top:0;bottom:0;right:0;margin:auto 0;position:absolute}

	.wrapper header section nav ul.menu li a{padding:0 15px;height:65px;line-height:65px;font-size:16px;color:#000;font-weight:bold;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}

	.wrapper header section nav ul.menu li ul.subnav li a{background:#C66FFF;width:80px;box-sizing:initial}

	.wrapper header section nav ul.menu li ul.subnav li ul.subOption li a{background:#B94FFF}

	.wrapper header section nav ul.menu li a:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#00a05d;height:5px;opacity:0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

	.wrapper header section nav ul.menu li a:hover,.wrapper header section nav ul.menu li a:focus,.wrapper header section nav ul.menu li a:active{color:#00a05d}

	.wrapper header section nav ul.menu li a:hover:before,.wrapper header section nav ul.menu li a:focus:before,.wrapper header section nav ul.menu li a:active:before{opacity:1}

	.wrapper header section nav #m-nav{display:none}

	.wrapper footer section #fb-plugin{float:right;width:35%}

}

@media only screen and (min-width:1025px){

	.wrapper .banner{margin:0;margin-top:155px}

	.wrapper header section nav ul.menu li a{padding:0 30px}

}

@media only screen and (min-width:1280px){

	.wrapper section{width:1200px;position:relative}

	.wrapper header .topBar{width:calc(100% - 450px)}

}

@media only screen and (max-width:1100px){

	.wrapper header .topBar{position:relative;width:100%;text-align:center}

	.wrapper header section #cis{margin:20px auto}

}

@media only screen and (max-width:800px){

	.wrapper header .topBar{padding:10px 0}

	.wrapper header section #cis{width:180px}

}

@media only screen and (max-width:650px){

	.wrapper header .topBar a.mo{display:none}

	.wrapper header section #cis{margin-left:10px}

}