@charset "utf-8";
html.wf-loading,.out{opacity: 0;}
html.wf-active,.in {
    transition: opacity 0.5s ease-out 0s;
    -moz-transition: opacity 0.5s ease-out 0s;
    -webkit-transition: opacity 0.5s ease-out 0s;
    -ms-transition: opacity 0.5s ease-out 0s;
    opacity: 1;
}
* { padding:0; margin:0;}
body {overflow-x: hidden; font-size:14px; line-height:1.4; font-family: Marcellus,Verdana,helvetica,arial,Microsoft JhengHei  }
ul, ol,li { list-style:none outside none; }
input,textarea, select,button {vertical-align:middle; outline: none;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
a {word-break:break-word;color:#1a1a1a;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; transition:all 0.3s linear;text-decoration:none;  }
a:hover,a:active{text-decoration: none;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*behavior: url(css/boxsizing.htc);}
img {border:0 none;}
h1 { font-size:36px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
.pointer { cursor:pointer; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.FL { float:left; }
.FR { float:right; }
.absolute { position:absolute; }
.relative { position:relative; }
.hidden { display:none; }
.block { display:block; }
.displayI{display: inline-block;}
.clear { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.marginTB20{margin: 20px 0;}
.marginT20{margin-top: 20px;}
.marginT40{margin-top: 40px;}
.marginT60{margin-top: 60px;}
.marginT80{margin-top: 80px;}
.marginB20{margin-bottom: 20px;}
.marginB40{margin-bottom: 40px;}
.marginB60{margin-bottom: 60px;}
.marginB80{margin-bottom: 80px;}
select {border:solid 1px #671116; background: none; margin:5px 0 5px 5px; padding: 5px 15px;}
select option{ background:#671116; color: #fff;border:solid 1px #671116;  }
select option:hover{ background:#671116; color: #fff;  }
.btn{ position: relative; padding: 5px 85px 5px 85px; background: #671116; box-shadow: 0 0px 10px #000; border: solid 2px #f2f2f2; color: #fff; border-radius: 10px; font-size: 18px; cursor: pointer; }
.btn:hover{  background-color: #f6b146; color: #fff;  }
.btn:active{  background-color: #671116; color: #fff;  }
.transition{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; transition:all 0.3s linear; }
table tr td{padding: 5px;}
input[type="radio"]{ margin: -2px 5px 0 0; width: 16px; height: 16px; border: solid 1px #489b9e;}
textarea,input[type="text"],input[type="date"],input[type="password"]{font-family:"微軟正黑體",arial; background: none; padding: 5px 10px; margin:5px 0 5px 5px; border-radius: 0; font-size: 14px; border: 0; border-bottom: solid 1px #671116; }
textarea{border:solid 1px #671116;  }
iframe{ width: 100%;  border: 0; overflow: hidden; }
.content{max-width: 1000px; margin: 0 auto}
.mycontent{font-family:"微軟正黑體",arial; width: 100%; overflow: hidden; }
@media only screen and (min-width: 1200px){
  .main{ min-height: 600px;}
  }
@media only screen and (max-width: 768px){
	.xs-marginT20{margin-top: 20px;}
}
@media only screen and (min-width: 768px){
	.lg-marginT40{margin-top: 40px;}
}

header{position: relative; z-index: 999; background: #1a1a1a; height: 85px; padding: 15px 20px 15px 35px;  box-shadow: 0 0 5px #000; }
.head{position: fixed;z-index: 999; width: 100% ; top: 0; }

.head.cur nav .lan a:hover{color: #f6b146;}
@media only screen and (max-width: 1200px){
 .head nav ul li a{ text-shadow : none; }
 .head nav .lan{position: relative; top: 0; margin-top: 15px; color: #fff;}
.head nav .lan a.cur{color: #fff;}
}
header .header{ max-width: 1000px;margin:0 auto; }

.login{ font-size: 18px; color: #b3b3b3; }
.login img{ margin-bottom: -6px; }

nav{ margin-top: 10px; margin-left: 50px; }
nav ul{ display: inline-block; }
nav ul li{display: inline-block; margin:0 15px; }
nav ul li a{ color: #fff; font-size: 18px; line-height: 2; position: relative; }
nav ul li a:hover{ color: #B3B3B3;}
nav ul li a:active{ color: #B3B3B3; }

.btn-menu {display: ;}
.lan{position: absolute; font-size: 18px; right: 0; top: 30px; margin: 0 10px 0 55px; color: #fff; }
.lan a{ font-size: 18px; color: #999999; }
.lan a.cur{ color: #fff; }
.lan a:hover{color: #fff}
.lan a.login{ margin-left: 20px; }

@media only screen and (max-width: 1500px){
nav.FR{ float: left; }
nav ul li{margin:0 15px;}
}
@media only screen and (max-width: 1300px){
.lan{ margin: 0 10px 0 5px; }
}
@media only screen and (max-width: 1200px){
nav{  margin-left: 0px; }
.lan a.login{display: block; margin-top: 20px; color: #fff;}
}

  .main{ margin-top: 90px; position: relative; }
 .mainborder{ border-top: solid 8px #671116;border-bottom: solid 8px #671116; }

@media only screen and (max-width: 1200px){
  .main{ margin-top: 60px; }
header{ height: 52px; box-shadow: none; padding: 12px 8px;}
.logo img{ width: 110px; }
nav{  opacity: 0; position: fixed; width: 100%; left: 0; text-align: center; z-index: -1; background: #fff;
    -webkit-transform: translate(0, -110%);
    -ms-transform: translate(0, -110%);
    transform: translate(0, -110%);
    }
nav.cur { background: #1a1a1a;box-shadow:0px 1px 10px 1px #1a1a1a;
  top: 42px; padding-bottom: 30px; opacity: 1; z-index: 999;
     -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
     transform: translate(0, 0);
}
nav ul{ display: block; }
nav ul li{display: block;}
nav ul li a{display: block; padding: 5px; text-shadow : none;}
nav ul li a:hover:before{ width: 0%; }
.btn-menu {
  transition: .25s;
  z-index: 20000;
  position: absolute;
  top: 5px;
  right: 12px;
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
}
.btn-menu > span {
  position: absolute;
  left: 0;
  right: 0;
  width: 23px;
  height: 1px;
  margin: 0 auto;
  background: #fff;
  transition: .25s;
}
.btn-menu > span:nth-child(1) {
  top: 13px;
}
.btn-menu > span:nth-child(2) {
  top: 21px;
}
.btn-menu > span:nth-child(3) {
  top: 29px;
}
.btn-menu.cur span:nth-child(1) {
  top: 21px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn-menu.cur span:nth-child(2) {
  opacity: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btn-menu.cur span:nth-child(3) {
  top: 21px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.lan{ display: block; text-align: center; margin: 25px 0 5px 0; }

}



.title{position: relative; padding: 60px 0 30px 0; text-align: center; color: #671116;  }
.title img{margin-bottom: -3px;}
@media only screen and (max-width: 1200px){
.title{ padding: 30px 0; }
}
#wowslider-container2{display:none}
@media only screen and (max-width: 768px){
#wowslider-container{display:none;}
#wowslider-container2{display:block;}
}

.i-search{background: #671116; margin-bottom: 60px; padding: 30px 15px; box-shadow: 0 0 15px #000}
.i-search form{ width: 620px; margin:0 auto; }
.i-search .t{ font-size: 24px; color: #fff; display: inline-block;  line-height: 40px; float: left; }
.i-search .t img{ margin-bottom: -3px; }
.i-search .c{ display: inline-block; }
.i-search .c input[type='text']{font-family:"微軟正黑體"; background: #f2f2f2; width: 355px; margin:0 10px 0 30px; border-radius: 5px;font-size: 14px; padding: 10px 10px;}
.i-search .c input[type='submit']{ border:solid 2px #fff; padding: 6px 20px;  border-radius: 5px;background: none; font-size: 18px; color: #fff; }
.i-search .c input[type='submit']:hover{ background: #fff; color: #671116 }
  @media only screen and (max-width: 768px){
.i-search {margin-bottom: 20px; }
.i-search form{ width: 100%; }
.i-search .t,.i-search .c{display: block; float: none; }
.i-search .c input[type='text']{ width: 73%;margin:0 ;}
.i-search .c input[type='submit']{ width: 25%;padding: 4px 0px; text-align: center; }

}

.i-news{padding: 8px 0; margin:7px 0; border-top:solid 2px #671116; border-bottom:solid 2px #671116;}
.i-news ul li{ position: relative;}
.i-news ul li span{display: inline-block; position: absolute; right: 20px; top: 9px;  font-size: 16px; color: #808080}
.i-news ul li a{display: block; padding: 10px 15px; width: 100%; font-size: 16px;}
.i-news ul li a:hover{ background: #f2f2f2; color: #808080; }
.i-title{ color: #671116; margin-bottom: 15px; font-weight: 200;}
.i-title img{ margin-bottom: -4px; }
.i-notice{ padding: 20px; border: solid 1px #f2f2f2; overflow: hidden; }
.i-notice-con{margin-top: 15px;}

.i-content{ max-width: 1100px;  margin: 0 auto; }
.bgf2{ background: #f2f2f2; }
.i-down{ width: 47%; float: left; }
.i-link{ width: 47%; float: right; }
.down-link a{position: relative; background: #fff; padding: 11px 42px;display: block; font-size: 24px;}
.down-link a .d-img{position: absolute; font-size: 12px; color: #fff; opacity: 0; right: 20px; top: 50%; margin-top:-10px; transform: translate( 0,-5px); }
.down-link a .d-img img{margin:0 5px -3px 0;}
.down-link a:hover{ background: #666666; color: #fff;}
.down-link a:hover .d-img{ opacity: 1; transform: translate( 0,0px);}
.down-border{ border: solid 2px #671116; }


@media only screen and (max-width: 768px){
.content,.i-content{ padding: 0 15px; }
.i-news ul li a{width: 100%;padding: 10px 0px;}
.i-news ul li a:hover{ background: #fff; }
.i-news ul li span{ position:relative; right: 0}
.i-down,.i-link{ width: 100%;margin-top:30px; margin-bottom: 0; }
.i-link{ margin-bottom: 40px; }
}

.news a{display: block; position: relative; padding: 25px 15px; border-bottom: solid 1px #f2f2f2; border-radius: 5px; font-size: 24px;}
.news a .time{font-size: 36px; color: #671116;line-height: 1; padding-right: 15px; }
.news a .year{font-size: 12px; font-weight: 800; color: #671116}
.news a:hover{ background: #f2f2f2; color: #000 }
.news a img.more{position: absolute; opacity: 0; right: 35px; top: 50%; margin-top:-12px; transform: translate( 0,0);}
.news a:hover img.more{opacity: 1; transform: translate( 5px, 0); }

.news_con-title{  padding: 50px 0 20px 0; }
.news_con-title span{ font-weight: 800; color: #671116; }
.news_con-title .time{ font-size: 36px;padding: 0 30px 0 0px; }
.news_con-title .year{ font-size: 12px; padding: 0 10px 0 0px; }
.news_con-title h2{ display: inline-block; font-weight: 200;}

@media only screen and (max-width: 1200px){
.news_con-title{  padding: 20px 0 20px 0; }
.news a .time{display: block; }
}
.banner{margin-top: 85px; z-index: -1 }
.banner img{width: 100%}
@media only screen and (max-width: 1200px){
.banner{margin-top: 52px;}
}


.download .down-link a{ border-bottom: solid 1px #671116;}

.lost-search{ border: solid 1px #f2f2f2;padding: 20px 0; font-size: 18px; color: #671116}

.lost-search .lostd{ float: left; }
.lost-search .lostd span{ display: inline-block; width: 95px; text-align: right; }
.lost-search .lostd input[type="text"]{ width: 178px; margin: 5px 0 5px 15px; padding: 10px 15px; }

.lost-search .lost-search3{ margin:55px 0 0 30px; }
.lost-s{ width: 740px; margin: 0 auto }
@media only screen and (max-width: 768px){
.lost-search{ padding: 20px 15px;}
.lost-search .lostd{ float: none; }
.lost-s{ width: 100%; }
.lost-search .lost-search3{ margin:25px 0 0 0px; float: right; }
.lost-search .lostd p span{ width: 25%; float: left; }
.lost-search .lostd p input[type="text"]{  width: 68%; float: left; }
}

.lost{ background: #f2f2f2; padding: 20px 0; }
.lost ul{ width: 890px; margin: 0 auto; }
.lost ul li{width: 195px; float: left; display: inline-block; margin: 13px; }
.lost ul li a{display: block; background: #fff; width: 195px;  overflow: hidden; padding: 10px 20px;box-shadow: 0 0 4px #ccc; font-size: 18px; color: #671116; }
.lost ul li a p.img{ height: 100px; width: 100%; margin-bottom: 5px; text-align: center; background-size: cover; background-position: center; }
.lost ul li a p.name{ height: 50px; overflow: hidden; }
.lost ul li a .year{font-size: 12px;}
.lost ul li a:hover{box-shadow: 0 0 15px #999;}
@media only screen and (max-width: 768px){
.lost ul{ width: 100%; text-align: center; }
.lost ul li{width: 195px; float: none; }
}
.lost_con-title .year{ font-size: 12px; color: #671116 }
.lost_con-title .time{ font-size: 36px; color: #671116; padding-right: 20px; }
.lost_con-title h2{display: inline-block; font-weight: 200;}

.con-n-p{ padding: 8px 0; margin: 20px 0; }
.con-n-p a{ display: inline-block; color: #671116; width: 60px; text-align: center; font-size: 18px;  }


.search{ max-width: 1100px; margin:0 auto; position: relative; }

.search-s{background: #671116; width: 710px; margin:140px auto 40px auto; padding: 30px 25px; box-shadow: 0 0 15px #000}
.search-s .t{ font-size: 24px; color: #fff; display: block; float: left;  line-height: 40px; }
.search-s .t img{ margin-bottom: -3px; }
.search-s .c{ display: inline-block; }
.search-s .c textarea{font-family:"微軟正黑體",arial;background: #f2f2f2; width: 355px; height: 87px; margin:0 10px 0 30px; border-radius: 5px;font-size: 14px; padding: 10px 10px;}
.search-s .c input[type='submit']{ border:solid 2px #fff; padding: 6px 22px; margin-top: 40px;  border-radius: 5px;background: none; font-size: 18px; color: #fff; }
.search-s .c input[type='submit']:hover{ background: #fff; color: #671116 }
@media only screen and (max-width: 1200px){
.search-s { margin:100px auto 60px auto; }
}
  @media only screen and (max-width: 768px){
.search-s { width: 100%; margin:-20px auto 20px auto; padding: 20px 10px; }
.search-s form{ width: 100%; }
.search-s .t,.search-s .c{  font-size: 14px; display: block; float: none; }
.search-s .t{ margin-bottom: 10px; }
.search-s .t img{ margin-bottom: -7px; }
.search-s .c{ text-align: center; }
.search-s .c textarea{ width: 100%;margin:0 ;}
.search-s .c input[type='submit']{font-size: 14px; margin:0 auto; margin-top: 15px;  text-align: center; }

}




.title-c{ padding: 20px 0 20px 0; margin-bottom: 10px; text-align: center;color: #671116; }
.s-title li{background: #671116;padding: 15px 5px 15px 20px; }
.s-title li,.s-list li{position: relative; float: left;color: #fff;font-size: 18px; }
.s-title li:after,.s-list li:after{content: ""; position: absolute; right: 0; height: 70%; top: 15%; border-right:solid 1px #fff;}
.s-title li:nth-child(5):after,.s-list li:nth-child(5):after{border-right:none;}
.s-title li:nth-child(1),.s-list li:nth-child(1){ width: 20%; }
.s-title li:nth-child(2),.s-list li:nth-child(2){ width: 25%; }
.s-title li:nth-child(3),.s-list li:nth-child(3){ width: 15%; }
.s-title li:nth-child(4),.s-list li:nth-child(4){ width: 15%; }
.s-title li:nth-child(5),.s-list li:nth-child(5){ width: 25%; }

.s-list{ position: relative; border-bottom: solid 1px #671116;}
.s-list li{ display: table;padding: 10px 5px 10px 20px;  min-height: 78px; color: #4d4d4d; font-size: 14px; }
.s-list .ms-con{font-family:"微軟正黑體"; display: table-cell; vertical-align: middle; }
.s-list li:after{ border-right:solid 1px #dedede;}
.s-list .ms-title{ display: none; }
@media only screen and (min-width: 769px){
.s-list:hover{background: #961a26; }
  .s-list:hover li{color: #fff; }
}
.s-list:hover li:after{ border-color:solid 1px #fff;}
.s-list li.down{ display: inline-block;position: absolute;padding: 0; cursor: pointer; border-top: 15px solid #671116;  right: 15px; top: 45%;    width: 0;height: 0; min-height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.s-list:hover .down{border-top: 15px solid #fff;}
.s-list.cur{ border-bottom: solid 1px #dedede;}
.s-list.cur li.down{ transform:rotate(180deg);}

@media only screen and (max-width: 768px){
.title-c{padding-bottom: 20px; border-bottom: solid 7px #671116 }
/* .s-title{display: none; } */
.s-list{padding: 10px 0}
.s-list .ms-title{ width: 115px;float: left; text-align: right;  color: #671116; display: inline-block; font-size: 18px; font-weight: 800; }
.s-list .ms-con{ width: 60%; line-height: 2.1; float: left; display: inline-block; }
.s-list .ms-con tr td{padding: 0 5px;}
.s-list li{ min-height: 20px; padding: 1px 10px 1px 10px;  }
.s-list li:after{ border-right: 0;}
.s-list li:nth-child(1),.s-list li:nth-child(2),.s-list li:nth-child(3),.s-list li:nth-child(4),.s-list li:nth-child(5){ width: 100%; }

}

.s-content{display: none; background: #eaeaea; padding: 20px 100px 25px 60px;  }
.s-content.cur{display: block;}
.s-content table tr td{ position: relative; border-bottom: solid 1px #fff;}
.s-content table tr td:nth-child(1){width:55px;  border-bottom:solid 1px #eaeaea;}
.s-content table tr td:nth-child(1):before{content: ""; top: 0; left: 50%; position: absolute; height: 110%;width: 2px; background: #808080; }
.s-content table tr td .time{width:210px; display: inline-block; padding: 5px 10px; }
.s-content table tr td.y span{ display: inline-block; position: absolute; top: 50%; left: 42%; margin-top: -5px; width: 11px; height: 11px; border-radius: 50%;background: #808080; }
.s-content table tr.cur td{color: #038065;}
.s-content table tr.cur td.y span{background: #038065;}

@media only screen and (max-width: 768px){
.s-content{ padding: 10px 20px ;  }
.s-content table tr td .time{width:100%; padding: 0px; }
}

.form-c .form-t{border-right: solid 1px #671116; float: left; width: 100px; font-size: 18px; color: #671116; margin: 5px; display: inline-block;}
.form-c .form-i{ display:  block;}
.form-c .form-i input{ width: 320px;}
@media only screen and (max-width: 768px){
.form-c .form-i {margin-left:110px;}
.form-c .form-i input{ width: 98%;}
}


.popcon{ display: none ; position: fixed; width: 100%; height: 100%;background: rgba(0,0,0,.5); top: 0; left: 0; z-index: 9999 }
.popcon .title{ font-weight: 800; padding: 0 0 30px 0;}
.popcon .close{position: absolute;right: 15px;top: 10px;cursor: pointer; display: inline-block;width: 40px; height: 40px; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}
.popcon .close:after,.popcon .close:before{ content: ""; position: absolute; top: 30px;border: solid 1px #671116;width: 40px; transform: rotate(45deg); -ms-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.popcon .close:after {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.popcon .close:hover:after,.popcon .close:hover:before{border: solid 1px #f6b146;}
.popcon .p-main{ display: inline-block; left:50%; top: 40%; background: #fff; position: relative; padding: 20px 45px 50px 45px; border-radius: 20px; }

.p-contact{margin-left: -240px;margin-top: -170px}
.p-contact .p-content{ font-size: 24px; text-align: center; padding: 20px 50px 30px 50px; line-height: 2.5;    }
.p-contact .p-content img{ margin-bottom: -9px; margin-right: 5px; }
@media only screen and (max-width: 768px){
.popcon .p-main{ width: 90%; left:5%; top: 10%; padding: 20px 15px 20px 15px; }

.p-contact{margin-left: 0px;margin-top: 0px}
.p-contact .p-content{ font-size: 21px; padding: 40px 0px 20px 0px; line-height: 2.1;    }
}

.p-login{margin-left: -335px; margin-top: -160px}
.p-login .p-content{ padding: 40px 0px 30px 5px;}
.p-login .p-content .p-login-l{ width: 305px; float: left; padding-right: 31px; }
.p-login-l .form-c{ margin-bottom: 25px; }
.p-login .p-content .form-c .form-t{ width: 80px;  }
.p-login .p-content .form-c .form-i input{ width:178px;  }
.p-login .p-content .p-login-r{ width: 275px; float: left; line-height: 1.8;   padding: 0px 10px 0px 15px;  }
.p-login .p-content .p-login-r .t{ margin-bottom: 10px; color: #671116; }
.p-login .p-content .p-login-r .c{ font-size: 14px;  }
@media only screen and (max-width: 768px){
.p-login{margin-left: 0px;margin-top: 0px}
.p-login .p-content{  padding: 20px 0px 10px 0px;  }
.p-login .p-content .form-c .form-i input{ width:100%  }
.p-login .p-content .form-c .form-t{float: left; }
.p-login .p-content .form-c .form-i{  margin-left:90px;}
.p-login .p-content .p-login-l{ width: 100%; padding-right: 0px; }
.p-login .p-content .p-login-l .btn{ width: 100%; margin-top: 0; text-align: center; }
.p-login .p-content .p-login-r{ width: 100%;   padding: 15px 10px 30px 15px;}
.p-login .p-content .p-login-r{font-size: 14px;}
}

#Customer{position:absolute; z-index:999; top:40%;}
.Customer{ margin-right: -80px; }
.Customer-t{float: left; width: 30px; height: 90px; box-shadow: 0 0 10px #333; padding-top:7px;  cursor: pointer; background: #671116; text-align: center; border-radius: 10px 0 0 10px; }
.Customer-c{float: left; width: 80px; height: 145px;  padding: 5px; background: #fff; }
.Customer-c a{display: block; text-align: center; line-height: 1.2}
.Customer-c a:first-child{padding: 5px 0;margin-bottom: 5px; border-bottom: solid 1px #ccc;}
.Customer-c a span{ display: block; color: #00b7ec; }
.Customer-c a:hover{ opacity: 0.7 }
.Customer:hover{ margin-right: 0px; }
.Customer:hover .Customer-c{box-shadow: 0 0 10px #333;}
@media only screen and (max-width: 768px){
#Customer{display: none;}
}

.p-skype{margin-left: -340px;margin-top: -200px}
.p-skype .p-content{ font-size: 21px; padding: 40px 150px 20px 150px; line-height: 2.1;    }
.p-skype .p-content .skype-icon{margin:0 15px -10px 0;}
.p-skype .p-content .down-link{ width: 290px; border: solid 1px #f2f2f2; }
.p-skype .p-content .down-link a{ padding: 10px 15px 10px 35px; }
@media only screen and (max-width: 768px){
.p-skype{margin-left: 0px;margin-top: 0px}
.p-skype .title{ font-size: 28px }
.p-skype .p-content{ padding: 40px 0px 20px 0px; }
}

footer .nav-f{margin-bottom: 20px; background: #1a1a1a; text-align: center; }
footer .nav-f>a{ display: inline-block;padding: 20px 37px; color: #fff; font-size: 18px; }
footer .nav-f>a:hover{color:#B3B3B3 ;}
footer .nav-f .foot-link{position: absolute; top: 0; right:0; width: 300px; }
footer .nav-f .foot-link ul li{ display: inline-block; margin:10px 4px 0px 4px; }
footer .nav-f .foot-link ul li a img{ width: 48px; }
footer .nav-f .foot-link a{ color: #fff; text-decoration: underline; }
footer .nav-f .foot-link a:hover{ opacity: .5 }
@media only screen and (max-width: 1200px){
footer .nav-f{text-align: left; }
footer .nav-f>a{ padding: 20px 17px; }
}
@media only screen and (max-width: 768px){
footer .nav-f>a{display: none }
footer .nav-f .foot-link{position: relative; width: 100% }
footer .nav-f .foot-link ul li{ margin:10px 15px 5px 15px; }
}
footer{ position: relative; background: #4d4d4d; padding: 0px 0px 30px 0px; color: #fff; }
footer .foot-logo{position: absolute; display: block; left:20px; top: 130px; text-align: center; width: 20% }
footer .foot-info{  width: 60%;  line-height: 1.6;}
footer .foot-info h2{ font-weight: 200;}
footer .foot-info .f-info1{margin-left: 15%}
footer .foot-info .f-info2{margin: 0px 0 0 10%;}
footer .foot-info table tr td{ padding: 0 8px 0 0; }

.copyright{ position: absolute; right: 0; bottom: 0; padding: 10px; background: #333333; }
.copyright:after{position: absolute;left: -30px; top: 0; content:""; width: 0;
height: 0;
border-top: 38px solid transparent;
border-right: 30px solid #333;
}
.copyright a{color:#fff}

@media only screen and (max-width: 1200px){
	footer .foot-logo{position: relative; width: 100%; left: 0px;top: 20px; }
    footer .foot-logo img{width: 280px;}
  footer .foot-info{ width: 100%; margin: 0 auto; }
  footer .foot-info h2{ margin-top: 50px;}
  footer .foot-info-s{width: 100%; margin: 0 auto; }

	footer .foot-info .f-info1{ width: 50%; margin: 0;}
	footer .foot-info .f-info2{ width: 50%; margin: 0;  }
	footer .foot-link{position: relative;width: 100%; text-align: center;}
}
@media only screen and (max-width: 768px){
.copyright{ width: 100%; text-align: center; }
.copyright:after{ display: none; }
  footer .foot-info .f-info1{ width: 100%; }
  footer .foot-info .f-info2{ width: 100%; }
}


.page{ text-align: center; margin:40px auto; }
.i-page{ text-align: right;  margin:20px auto 60px auto;}
@media only screen and (max-width: 768px){
.i-page{ text-align: center; margin:20px auto 40px auto; }
}

.page a,.page span{display: inline-block;padding: 1px 3px; margin:0 4px; border-bottom: solid 5px transparent; font-size: 24px; color: #671116;}
.page a:hover{color: #671116}
.page span.current{border-color: #671116}










@media(max-width:767px){
}

@media(min-width:768px) and (max-width:991px){
}

@media(min-width:992px) and (max-width:1199px){
}

@media(min-width:1200px){
}



/*滾動條*/
::-webkit-scrollbar {
    width:8px;
    height:8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0,0,0,0.4);
}
/*滾動條*/

::selection {
    background:#671116;
    color:#fff;
}

::-moz-selection {
    background:#671116;
    color:#fff;
}

::-webkit-selection {
    background:#671116;
    color:#fff;
}