@charset "utf-8";

.bg5{
    background-color: #F5F5F5;
    padding-left: 13px;
}

input, textarea, select {

font-size: initial;

}
.c2_s_t input{
    padding: 5px;
}
.pic_s{
    width: 100px;
    height: auto;
    border: 1px solid #E8E8E8;
    vertical-align: middle;
    margin-right: 8px;
}
.alert-danger{
    background-color: hsl(17, 89%, 59%);
    top: 20%;
    position: fixed;
    z-index: 9999;
    padding: 10px;
    border-radius: 14px;
    display: block;
    width: 50%;
    color: hsla(0,0%,100%,1.00);
    left: 25%;
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px hsl(0, 0%, 38%);
    box-shadow: 1px 1px 5px hsl(0, 0%, 38%);
}
.alert-nccc{
    top: 50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.alert-danger button{
       background-color: hsla(0,0%,100%,1.00);
    color: hsla(22,100%,50%,1.00);
    border-style: none;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    float: right;
cursor:pointer;
}
@media  screen and (min-width: 481px) and (max-width: 768px){
	.alert-danger{
        background-color: hsl(17, 89%, 59%);
        top: 20%;
        position: fixed;
        z-index: 9999;
        padding: 10px;
        border-radius: 14px;
        display: block;
        width: 84%;
        color: hsla(0,0%,100%,1.00);
        left: 8%;
        text-align: center;
        -webkit-box-shadow: 1px 1px 5px hsl(0, 0%, 38%);
        box-shadow: 1px 1px 5px hsl(0, 0%, 38%);
    }
    .alert-nccc{
        top: 50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
    }
}

@media  screen and (max-width: 480px){
	.alert-danger{
        background-color: hsl(17, 89%, 59%);
        top: 20%;
        position: fixed;
        z-index: 9999;
        padding: 10px;
        border-radius: 14px;
        display: block;
        width: 84%;
        color: hsla(0,0%,100%,1.00);
        left: 8%;
        text-align: center;
        -webkit-box-shadow: 1px 1px 5px hsl(0, 0%, 38%);
        box-shadow: 1px 1px 5px hsl(0, 0%, 38%);
    }
    .alert-nccc{
        top: 50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
    }
}



@media screen and (min-width: 1400px) {
	.to-top {
    background: #F78A00;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    z-index: 9999;
    bottom: 16%!important;
    right: 19px!important;
}

}









.m_l{
    margin-right: 15px;
    margin-top: 19px;
}
.content ul li{
    list-style-position: inside;
    list-style-type: disc!important;	
}
.content ol li{
    list-style-position: inside;
   list-style-type: decimal!important;	
}
.right1{
    float: right;	
	
}
.left1{
    float: left;	
	
}
.check_button {
    background: #f3703a;
    background: -moz-linear-gradient(top, #f3703a 5%, #f24400 100%);
    background: -webkit-linear-gradient(top, #f3703a 5%, #f24400 100%);
    background: linear-gradient(to bottom, #f3703a 5%, #f24400 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3703a', endColorstr='#f24400', GradientType=0 );
    display: inline-block;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    color: #FFFDFD;
    font-family: "微軟正黑體";
    border-radius: 5px;
    margin-top: 10px;
    font-size: 12px;
    border-style: none;
}
.check_button:hover {
    background: #db5822;
    background: -moz-linear-gradient(top, #db5822 5%, #f24400 100%);
    background: -webkit-linear-gradient(top, #db5822 5%, #f24400 100%);
    background: linear-gradient(to bottom, #db5822 5%, #f24400 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db5822', endColorstr='#f24400', GradientType=0 );
    display: inline-block;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    color: #FFFDFD;
    font-family: "微軟正黑體";
    border-radius: 5px;
    margin-top: 10px;
    font-size: 12px;
    border-style: none;
}
.h {
    padding-top: 9px!important;
    padding-bottom: 9px!important;
    border-top: 1px dashed hsla(0,0%,91%,1.00);
}
.se1 {
    width: 100%;
    clear: both;
    display: block;
    text-align: right;
}
main {
    z-index: 999;
    position: relative;
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
ul, li, ol {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}
.page {
    text-align: left;
    padding-top: 40px;
    display: inline-block;
}
.dropdownlist li a {
    font-size: 26px;
    font-family: "微軟正黑體";
    text-align: left;
    line-height: 40px;
    color: #fff;
    display: block;
    height: 40px;
    transition: all 500ms linear;
    text-decoration: none;
    padding-left: 15px;
}
.dropdownlist li ul li a {
    font-size: 14px;
    font-family: "微軟正黑體";
    text-align: left;
    line-height: 40px;
    color: #F36F39;
    display: block;
    width: 100px;
    height: 40px;
    transition: all 500ms linear;
    text-decoration: none;
    background-color: hsla(0,0%,100%,0.92);
    padding-left: 15px;
}
.dropdownlist li a:hover {
    font-size: 26px;
    font-family: "微軟正黑體";
    text-align: left;
    line-height: 40px;
    color: #FFAE00;
    display: block;
    width: 100px;
    height: 40px;
    transition: all 500ms linear;
    text-decoration: none;
    padding-left: 15px;
}
.dropdownlist li ul li a:hover {
    font-size: 14px;
    font-family: "微軟正黑體";
    text-align: left;
    line-height: 40px;
    color: #F36F39;
    display: block;
    width: 100px;
    height: 40px;
    transition: all 500ms linear;
    text-decoration: none;
    background-color: hsla(0,0%,100%,1);
    padding-left: 15px;
}
.dropdownlist img {
    margin-right: 5px;
}
.list-wrapper {
    position: relative;
}
.dropdownlist li a:hover {
 background-image:-*-linear-gradient(top, rgb(90,80,80), rgb(65,68,65));
    cursor: pointer;
}
.dropdownlist li[class^="list-"] ul {
    position: absolute;
    left: -3px;
    z-index: 9999;
    border-radius: 4px;
    padding: 0;
    border: none;
    transition: all 500ms ease-in;
    border: 3px solid rgba(243,233,229,0.2);
    box-shadow: 0 0 0 1px rgba(243,233,229,0.6);
    display: none;
}
.dropdownlist li[class^="list-"] ul:before {
    content: '';
    /* border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid transparent; border-bottom:5px solid rgba(243,233,229,0.4);*/ position: absolute;
    width: 1px;
    height: 1px;
    left: 50%;
    top: -15px;
    margin-left: -5px
}
.dropdownlist li[class^="list-"]:hover ul {
    display: block;
}
body {
    font-family: "微軟正黑體", Arial, Fixedsys!important;
}
.pro_spec {
    width: 100%;
    color: hsla(0,0%,23%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    line-height: 30px;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 3px;
}
.ip1 {
    position: relative;
}
.ip2 {
    position: absolute;
    top: 0px;
    background-color: hsla(18,89%,59%,0.94);
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    height: 90%;
    text-align: left;
    color: hsla(0,0%,100%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    line-height: 24px;
    font-size: 14px;
    opacity: 0;
    width: 90%;
}
.ip2:hover {
    width: 90%;
    position: absolute;
    top: 0px;
    background-color: hsla(18,89%,59%,0.94);
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    height: 90%;
    text-align: left;
    color: hsla(0,0%,100%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    line-height: 24px;
    font-size: 14px;
    opacity: 1;
}
body {
    font-family: "微軟正黑體", Arial, Fixedsys;
}

@media screen and (max-width: 480px) {
a {
    outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}
.header1_1 img {
    margin-left: 20px;
}
}
.mming {
    vertical-align: middle;
}
.c2_s_t55 {
    color: #F77300;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.date {
    color: rgb(244, 113, 57);
    font-family: 微軟正黑體;
    line-height: 30px;
    font-size: 12px;
    margin-top: 17px;
}
.img_r {
    float: right;
}
.le {
    float: left;
}
.h_mo {
    margin-top: 0% !important;
}
.h503 {
    width: 45%;
    padding-right: 1%;
    margin-right: 1%;
    margin-top: 2%;
}
.ques {
    color: #464646;
    font-size: 25px;
    text-align: center;
    display: block;
    width: 90%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    background-image: url(../images/ser0.jpg);
    height: 140px;
    line-height: 50px;
    font-weight: bold;
    border: 1px solid #EFEFEF;
}
.ques:hover {
    color: #464646;
    font-size: 25px;
    text-align: center;
    display: block;
    width: 90%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    height: 140px;
    line-height: 50px;
    font-weight: bold;
    border: 1px solid #EFEFEF;
    background-image: url(../images/ser0.jpg);
}
.ques i {
    color: #464646;
    font-size: 85px;
}
.bank li {
    width: 45%;
    float: left;
    list-style-image: none;
    list-style-type: none;
    color: #7A5050;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 2px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 21px;
    background-color: #F1F1F1;
}
.text_footer {
    color: #454545;
    font-family: "微軟正黑體";
    line-height: 30px;
}
#llllemp #headerTr li.c1, #llllemp .bodyTr li.c1 {
    color: #0D0D0D !important;
    font-family: "微軟正黑體" !important;
}
#llllemp #headerTr li.c2, #llllemp .bodyTr li.c2 {
    color: #0D0D0D !important;
    font-family: "微軟正黑體" !important;
}
#llllemp #headerTr li.c3, #llllemp .bodyTr li.c3 {
    color: #0D0D0D !important;
    font-family: "微軟正黑體" !important;
}
#llllemp #headerTr li.c4, #llllemp .bodyTr li.c4 {
    color: #0D0D0D !important;
    font-family: "微軟正黑體" !important;
}
#llllemp #headerTr li.c5, #llllemp .bodyTr li.c5 {
    color: #0D0D0D !important;
    font-family: "微軟正黑體" !important;
}
#llllemp #headerTr li.c6, #llllemp .bodyTr li.c6 {
    color: #0D0D0D !important;
    font-family: "微軟正黑體" !important;
}
#llllemp .evenTr {
    background-color: #EBEBEB !important;
    padding-top: 17px !important;
    padding-bottom: 20px!important;
}
.blog1 {
    background-color: #333333;
    color: hsla(0,0%,100%,1.00);
    font-family: "微軟正黑體";
    font-size: 30px;
    margin-top: 22px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 21px;
    padding-bottom: 20px;
    font-weight: bold;
    padding-left: 8px;
    line-height: 40px;
}
.blog2 {
    background-color: #d03217;
    color: hsla(0,0%,100%,1.00);
    font-family: "微軟正黑體";
    font-size: 24px;
    padding-left: 8px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 21px;
    padding-bottom: 20px;
}
.blog3 {
    color: hsla(0,0%,0%,1.00);
    font-family: "微軟正黑體";
    font-size: 18px;
    padding-left: 8px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 21px;
    padding-bottom: 20px;
    line-height: 40px;
}
.blog4 {
    color: #e03217;
    font-family: "微軟正黑體";
    line-height: 45px;
    font-size: 30px;
    margin-top: 11px;
}
.blog3 img {
    vertical-align: middle;
}
.blog2 img {
    vertical-align: middle;
}
.img_l {
    float: left;
    margin-right: 20px;
}
.about {
    color: hsla(18,89%,59%,1.00);
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 12px;
}
.about a {
    color: hsla(0,0%,18%,1.00);
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 12px;
    margin-right: 6px;
    margin-left: 6px;
    text-decoration: underline;
}
.about a:hover {
    color: hsla(18,89%,59%,1.00);
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 12px;
    margin-right: 6px;
    margin-left: 6px;
    text-decoration: underline;
}
.cart_02 {
    color: #636363;
}
.cart_03 {
    color: #1f1f1f;
    width: 100px;
    display: inline-block;
    font-family: Arial;
}
.bol {
    font-weight: bolder;
    font-size: 18px;
    font-family: "微軟正黑體", "Arial Black";
    width: 300px;
    margin-top: 17px;
    color: #f3703a;
}
.total {
    text-align: right;
    color: hsla(0,0%,0%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
    margin-top: 23px;
    margin-bottom: 17px;
    padding-top: 12px;
    padding-bottom: 9px;
    background-color: hsl(0, 0%, 95%);
    padding-right: 15px;
    line-height: 30px;
}
.number1 {
    width: 50px;
    height: 23px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #494949;
    font-family: "微軟正黑體";
}
.number2 {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #494949;
    font-family: "微軟正黑體";
}
.red {
    color: #FF0004;
    font-family: "微軟正黑體";
    font-size: 14px;
    margin-right: 6px;
    font-weight: bold;
}
.m_input {
    -webkit-appearance: none;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 40px;
    width: 100%;
    padding: 3px 1em;
    margin-top: 15px;
    font-family: "微軟正黑體";
    border: 0;
    background-color: #ECECEC;
}
.in_text2 {
    font-family: 微軟正黑體;
    line-height: 30px;
    font-size: 14px;
}
.in_text3 {
    color: rgba(155,155,155,1.00);
    font-family: 微軟正黑體;
    line-height: 30px;
    font-size: 12px;
}
.white_bg {
    background-color: #FFFFFF;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding-top: 15px;
    padding-right: 2%;
    padding-bottom: 15px;
    padding-left: 2%;
    border: 1px solid #EDEDED;
}
.m_pic {
    vertical-align: middle;
}
.fb {
    background-color: #3c5a98;
    color: #FFFFFF;
    font-family: "微軟正黑體";
    width: 40%;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    display: inline-block;
    float: left;
    text-align: center;
}
.fb i {
    margin-right: 5px;
    margin-left: 5px;
}
.google i {
    margin-right: 5px;
    margin-left: 5px;
}
.google {
    background-color: #dd5044;
    color: #FFFFFF;
    font-family: "微軟正黑體";
    width: 40%;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    display: inline-block;
    float: left;
    text-align: center;
}
.other_login {
    border-top: 1px solid #D7D7D7;
    margin-top: 8px;
    padding-top: 6px;
    color: #4A4A4A;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.return-but {
    font-size: 12px;
    color: #fff;
    background-color: #474747;
    padding: 3px 6px;
}
.return-but:hover {
    background-color: #F3703A;
}
.but2 {
    color: #FFFFFF;
    font-family: "微軟正黑體";
    font-size: 18px;
    background-color: #474747;
    margin-top: 12px;
    margin-right: 12px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-left: 15px;
    display: inline-block;
}
.but2:hover {
    color: #FFFFFF;
    font-family: "微軟正黑體";
    font-size: 18px;
    background-color: #F3703A;
    margin-top: 12px;
    margin-right: 12px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-left: 15px;
    display: inline-block;
}
.big_title {
    font-size: 1.5em;
    color: #F3703A;
    font-family: "微軟正黑體";
    font-weight: bolder;
    margin-bottom: 20px;
    margin-top: 13px;
}
.big_title14 {
    font-size: 14px;
    color: #F3703A;
    font-family: "微軟正黑體";
    font-weight: bolder;
    margin-bottom: 20px;
    margin-top: 13px;
}
.top_line {
    border-top: 1px solid #DFDFDF;
    margin-top: 50px;
}
.back {
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    display: inline-block;
    color: #F3703A;
    border: 1px solid #F3703A;
    font-family: "微軟正黑體";
    border-radius: 5px;
}
.back:hover {
    background-color: #F3703A;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    display: inline-block;
    color: #FFF;
    border: 1px solid #F3703A;
    font-family: "微軟正黑體";
    border-radius: 5px;
}
.in_title {
    background-color: #F0F0F0;
    color: #838383;
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 8px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-left: 3px solid #F3703A;
}
.in_text {
    color: #434343;
    font-family: "微軟正黑體";
    font-size: 14px;
    text-align: center;
}
.in_text img {
    max-width: 100% !important;
    height: auto !important;
}
.clear {
    clear: both;
}
.s_t10 {
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.select1 {
    color: #373737;
    font-family: "微軟正黑體";
    font-size: 14px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border: 1px solid #C5C5C5;
}
.free {
    background-color: #fffbf2;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 12px;
    border: 2px dashed #FFE9B8;
}
.free1 {
    color: #FF4700;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}
.free2 {
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
}
.header1_1 img {
    position: relative;
    z-index: 999;
}
.center {
    text-align: center;
}
.ind_title {
    border-left: 5px solid #F78A00;
    padding-left: 5px;
    color: #434343;
    font-family: "微軟正黑體";
    font-size: 18px;
}
.fa1 {
    font-size: 20px !important;
    color: #ADADAD;
    margin-right: 7px;
    margin-left: 7px;
}
.fa1:hover {
    font-size: 20px !important;
    color: #F78A00;
    margin-right: 7px;
    margin-left: 7px;
}
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(../images/bg1.jpg);
    background-repeat: repeat;
}
.h2_1 a {
    color: #212121;
    font-family: "微軟正黑體";
    font-size: 12px;
    text-decoration: none;
    margin-right: 8px;
    margin-left: 6px;
}
.h2_1 .dropdownlist {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 6px;
}
.h2_1 .dropdownlist i {
    font-size: 31px;
    margin-top: 1px;
}
.rw a {
    color: #AAAAAA;
}
.org {
    color: #F78A00;
}
.footer a:hover {
    color: #F78A00 !important;
    text-decoration: none !important;
}
.header1_2 a:hover {
    color: #F78A00 !important;
    text-decoration: none !important;
}
.org1 {
    color: #F78A00;
    font-family: "微軟正黑體";
    text-align: left;
    font-size: 14px;
    margin-right: 3px;
    margin-left: 3px;
    font-weight: bold;
}
.content {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media  screen and (min-width: 769px) and (max-width: 1400px){
	.content {
    width: 99.6%!important;
    margin-right: auto;
    margin-left: auto;
}
}

/*.content{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1%;
	padding-right: 1%;
}*/
.line2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3703a+16,aaaaaa+16,aaaaaa+16 */
    background: rgb(243,112,58); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(243,112,58,1) 16%, rgba(170,170,170,1) 16%, rgba(170,170,170,1) 16%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(243,112,58,1) 16%, rgba(170,170,170,1) 16%, rgba(170,170,170,1) 16%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(243,112,58,1) 16%, rgba(170,170,170,1) 16%, rgba(170,170,170,1) 16%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3703a', endColorstr='#aaaaaa', GradientType=1 ); /* IE6-9 */
    height: 1px;
    margin-top: 10px;
}
.pro_name {
    color: #F78A00;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}
.pro_s_des {
    color: #434343;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    margin-bottom: 10px;
}
.pro_price {
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
    color: #666;
}
.pro_price1 {
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
    color: #666;
    text-decoration: line-through;
}
.s_pro_buy {
    font-family: "微軟正黑體";
    font-size: 14px;
    font-weight: bolder;
    color: #FFF;
    display: inline-block;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: -webkit-linear-gradient(270deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    border-radius: 12px;
}
.s_pro_buy:hover {
    font-family: "微軟正黑體";
    font-size: 14px;
    font-weight: bolder;
    color: #FFF;
    display: inline-block;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: -webkit-linear-gradient(91deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(91deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -o-linear-gradient(91deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: linear-gradient(359deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    border-radius: 12px;
}
.pro_buy {
    font-family: "微軟正黑體";
    font-size: 24px;
    font-weight: bolder;
    color: #FFF;
    display: inline-block;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    background-image: -webkit-linear-gradient(270deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    border-radius: 12px;
}
.pro_buy:hover {
    font-family: "微軟正黑體";
    font-size: 24px;
    font-weight: bolder;
    color: #FFF;
    display: inline-block;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    background-image: -webkit-linear-gradient(91deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(91deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: -o-linear-gradient(91deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);
    background-image: linear-gradient(359deg, rgba(255,0,4,1.00) 0%, rgba(156,0,0,1.00) 100%);

    border-radius: 12px;
}
.content #section-1 {
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 30px;
    color: #666;
}
.content #section-2 {
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 30px;
    color: #666;
}
.pro_sp {
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pro_sl {
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #DDD;
    padding: 5px;
}
.price {
    font-family: "Arial Black", "微軟正黑體";
    font-size: 24px;
    line-height: 0px;
    font-weight: bolder;
    color: #D80000;
}
.content img {
    max-width: 99% !important;
    height: auto !important;
}
.content table {
    width: 100% !important;
    height: auto;
}
.brr {
/*border: 1px solid #C7C7C7;*/
}
.buy {
    color: #F78A00;
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px dashed #D7D7D7;
    margin-bottom: 0px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-left: 4px solid #F78A00;
    padding-left: 10px;
    background-color: #FFFFFF;
}
.htmleaf-container img {
    border: 1px solid #D8D8D8;
}
.s_title {
    color: #494949;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
.fb-comments, .fb-comments iframe[style] {
    width: 100% !important;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
.ad_video {
    width: 100%;
    height: 56.25vw;
}
.ad2 {
    font-size: 0;
}
.ad2 img {
    height: auto;
    max-width: 100%;
}
.to-top {
    background: #F78A00;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
	    z-index: 9999;
	        bottom: 16%!important;
    right: 19px!important;
}
.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}
/*RWD表格*/
.line0 {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}
.rwd-table td {
    color: #6C6C6C!important;
    font-weight: bold!important;
    font-family: "微軟正黑體"!important;
    font-size: 14px!important;
}
.rwd-table {
    background: #fff;
    overflow: hidden;
}
.rwd-table tr:nth-of-type(2n) {
    background: #f5f5f5;
}
.rwd-table th,  .rwd-table td {
    margin: 0.5em 1em;
}
.rwd-table {
    min-width: 100%;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
    display: block;
}
.rwd-table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 8.5em;
    display: inline-block;
}
.rwd-table th, .rwd-table td {
/*text-align: left;*/
}
.rwd-table th, .rwd-table td:before {
    color: #F3703A;
    font-weight: bold;
    font-family: "微軟正黑體";
    font-size: 12px;
}

@media (min-width: 480px) {
.rwd-table td:before {
    display: none;
}
.rwd-table th, .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
	text-align: center;
}
.rwd-table th:first-child,  .rwd-table td:first-child {
    padding-top: 20px;
    padding-bottom: 20px;
	
}
.rwd-table th:last-child,  .rwd-table td:last-child {
    padding-right: 0;
}
.rwd-table th,  .rwd-table td {
}
}
/*RWD表格*/

.marketing {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3703a+5,f24400+100 */
    background: #f3703a; /* Old browsers */
    background: -moz-linear-gradient(top, #f3703a 5%, #f24400 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3703a 5%, #f24400 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3703a 5%, #f24400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3703a', endColorstr='#f24400', GradientType=0 ); /* IE6-9 */
    display: inline-block;
    margin-right: 7px;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    color: #FFFDFD;
    font-family: "微軟正黑體";
    border-radius: 5px;
    margin-top: 10px;
    font-size: 12px;
}
div.search {
    padding-top: 21px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 17px;
}
form {
    position: relative;
    /*width: 100%;*/
    margin: 0 auto;
}
.d3 form {
    background-color: #FFFFFF;
    border: 1px solid #EDEDED;
}
.d3 input, .d3 button {
    border: none;
    outline: none;
    background: transparent;
}
.d3 input {
    width: 96%;
    height: 25px;
    padding-left: 4%;
    color: #AAAAAA;
    font-family: "微軟正黑體";
    font-size: 12px;
}
.d3 button {
    height: 25px;
    width: 42px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.d3 button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    color: #D9D9D9;
}

@media screen and (min-width: 1400px) {
.community1 {
    display: none;
}
.icon1 {
    width: 28px;
    height: 28px;
}
.phone_ar {
    display: none;
}
.dess {
    position: absolute;
    z-index: 80;
    top: 0px;
    left: 0px;
    margin-left: 10%;
    margin-top: 10%;
    /*background-color: hsla(0,0%,100%,0.63);*/
    padding-left: 2%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 400px;
    text-align: left;
}
.prolist2 {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.p_des1 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 28px;
    font-weight: bolder;
}
.p_des2 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 18px;
    font-weight: bolder;
    text-align: left;
}
.p_des3 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 24px;
    font-weight: bolder;
    text-align: left;
/*    border-top: 1px solid hsla(0,0%,35%,1.00);*/
    margin-top: 9px;
    padding-top: 6px;
}
.p_des4 {
    color: #F3703A;
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 24px;
    font-weight: bolder;
    text-align: left;
    margin-top: 19px;
}
.od {
    width: 45%;
    float: left;
    margin-top: 10px;
    display: inline-block;
}
.od_1 {
    width: 20%;
    float: left;
    color: hsla(0,0%,5%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    padding-right: 6px;
    border-right: 1px solid hsla(0,0%,85%,1.00);
    margin-right: 10px;
}
.od_2 {
    width: 80%;
    float: left;
    color: hsla(0,0%,26%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
}
.left8 {
    float: left!important;
    display: inline-block!important;
    background-color: hsla(0,0%,100%,1.00)!important;
    border-style: none!important;
}
.re {
    background-color: #FDFDFD;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 80%;
    margin-top: 15px;
    margin-bottom: 16px;
    float: left;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}
.re2 {
    background-color: #F0F0F0;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 80%;
    margin-top: 15px;
    margin-bottom: 16px;
    float: right;
}
.pp_l img {
    border-right: 1px solid #E5E5E5;
    margin-right: 4px;
    padding-right: 4px;
}
.prolist1 {
    width: 45%;
    height: 195px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+95,f6f6f6+95 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    float: left;
    margin-bottom: 27px;
    border: 1px solid #f3f3f3;
    margin-top: 2px;
    margin-right: 0.5%;
    margin-left: 0.5%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
.pp_l {
    float: left;
    width: 48%;
}
.pp_r {
    float: right;
    width: 48%;
    text-align: left;
}
.pp_t1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
}
.pp_t1_1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #5F5F5F;
}
.pp_t2 {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #D00003;
    font-family: "微軟正黑體";
}
.pp_inf {
    background-color: #F3703A;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pp_inf:hover {
    background-color: #4F4F4F;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pr1_t1 {
    background-color: #EBEBEB;
}
.prod1 {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #EBEBEB;
}
.prod1:hover {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #F3703A;
    opacity: 0.7;
}
.pr1 {
    float: left;
    width: 20%;
    display: inline-block;
    padding-right: 3%;
    margin-right: 3%;
    border-right: 1px solid #E5E5E5
}
.pr1 img {
    max-width: 100%;
    height: auto;
}
.pr2 {
    float: left;
    width: 70%;
    padding-top: 30px;
    display: inline-block;
}
.pr2 img {
    max-width: 100%;
    height: auto;
}
#section-2 {
    width: 50%;
}
.c2_title {
    border-left: 3px solid #F2703A;
    color: #464646;
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 11px;
}
.cart2_l {
    width: 48%;
    float: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
    border-right: 1px solid #D0D0D0;
}
.cart2_r {
    width: 48%;
    float: right;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
}
.c2_s_t {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.c2_s_t1 {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.cart2_l input {
    margin-right: 7px;
    margin-left: 5px;
	margin-bottom: 16px;
}
.cr1 {
    margin-top: 9px;
    margin-bottom: 15px;
}
.cr1 input {
    width: 10%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;

    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr1 select {
    width: 10%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr2 {
    width: 96px;
    color: #393939;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.member11 {
    width: 30%;
    float: left;
    margin-right: 3%;
    background-color: #FAFAFA;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-top: 20px;
}
.member11 img {
    max-width: 100%;
    height: auto;
}
.member11:hover {
    border-radius: 10px;
    border: 1px solid #efefef;
    width: 30%;
    float: left;
    margin-right: 3%;
    background-color: #FAFAFA;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
}
.member11 a {
    color: #565656;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.mem {
    border-right: 1px solid #E8E8E8;
    padding-right: 23px;
}
.mem div {
    width: 100%;
}
.mem1 {
    display: none;
}
.mem .mem1 {
    background-color: #d3d3d3;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: #4A4A4A;
    font-family: "微軟正黑體";
}
.mem .in_con {
    display: block;
    padding : 5px;
}
.m11 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 6px;
    padding-left: 9px;
    font-weight: bold;
}
.m11:first-letter {
    margin-right: 5px;
}
.m22 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    border-bottom: 1px dashed #E5E5E5;
}
.m22:hover {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    background-color: #E9E9E9;
}
.member_l {
    width: 17%;
    float: left;
}
.member_r {
    width: 80%;
    float: right;
}
.tabb {
    text-align: center;
}
.process {
    padding-bottom: 15px;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.c123 {
    width: 20%;
    float: left;
    text-align: center;
}
.c_left {
    width: 20%;
    float: left;
    text-align: center;
    height: 158px;
    vertical-align: middle;
}
.c_left img {
    max-width: 100%;
    height: auto;
}
.c_active {
    background-color: #f5f5f5;
    border-radius: 5px;
}
.input_per50 {
    width: 48.5%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
}
.input_per30 {
    width: 29.5%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
	color: #868686;
}
.input_per100 {
    width: 99%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
	color: #868686;
}
.con_inl {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.con_inr {
    float: right;
}
.per50 {
    width: 48%;
    padding-right: 1%;
}
.right_line {
    border-right: 1px solid #E4E4E4;
    margin-bottom: 11px;
}
.news1 {
    width: 28%;
    float: left;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.5%;
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 2%;
}
.news1:hover {
    width: 28%;
    float: left;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.5%;
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 2%;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
}
.news_inf {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-top: -18px;
    display: block;
    position: relative;
    padding-left: 6px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 100px;
}
.news_date {
    color: #F3703A;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
}
.news_te {
    color: #222;
    font-size: 1rem;
    padding-top: 5px;
    text-overflow: ellipsis;
    font-family: "微軟正黑體";
}
/*	pages	*/
.pages_1 {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #EBEBEB;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    color: #B5B5B5;
    font-family: "微軟正黑體";
}
.pages_1:hover {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_1_active {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_all {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.m_h1 {
}
.fixed_btn {
    display: none;
}
.cart1 {
    color: #393939;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
    margin-top: 113px;
}
.cart1_1 {
    color: #FF0004;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.cart2 a {
    background-color: #F3703A;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart2 a:hover {
    background-color: #D04D17;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart {
    width: 90px;
    height: 202px;
    background-image: url(../images/cart1.png);
    background-repeat: no-repeat;
    position: fixed;
    right: 10px;
        bottom: 25%;
    text-align: center;
    z-index: 9999;
}
.header {
    background-color: #FFFFFF;
}
.header1_1 {
    margin-top: 4px;
}
.header1_1168 {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.header1_1 {
    float: left;
}
.header1_2 {
    float: right;
}
.header1 {
    border-top: 2px solid #F3703A;
}
.h2_1 {
    margin-top: 18px;
    margin-bottom: 15px;
    margin-right: 10px;
    float: left;
}
.h2_2 {
    float: right;
}
.header2_1168 {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.ad {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.sw {
    position: absolute;
    width: 100%;
    height: 8px;
    background-image: url(../images/sw.png);
    background-repeat: repeat-x;
    z-index: 999;
}
.desk {
    display: block;
}
.rw {
    display: none;
}
.footer {
    margin-top: 100px;
    vertical-align: middle;
    border-top: 1px dotted #CBCBCB;
}
.footer_l {
    float: left;
}
.footer_r {
    float: right;
    margin-top: 28px;
}
.footer_r a {
    color: #4F4F4F;
    font-family: "微軟正黑體";
    text-align: left;
    font-size: 14px;
    margin-right: 3px;
    margin-left: 3px;
}
.footer_r .tel {
	display: inline-block;
    padding: 10px;
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    font-family: "微軟正黑體";
    background-color: #F3703A;
    border-radius: 32px;
}
.footer_1168 {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
}
.in_ba {
    text-align: center;
}
.in_ba1 {
    font-family: "微軟正黑體";
    font-size: 20px;
    margin-top: 15px;
}
.in_ba2 {
    color: #D3D3D3;
    font-family: josefin-sans;
    font-size: 26px;
    margin-bottom: 14px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
    padding-bottom: 12px;
}
.in_ba3 {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;/*margin-top: 20px;*/
}
.in_ba3 a {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;
    margin-right: 5px;
}
.con_in_1180 {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.pro_in_l {
    float: left;
    width: 48%;
}
.pro_in_r {
    float: right;
    width: 50%;
}
.two_area {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.two_areal {
    float: left;
    width: 60%;
}
.two_arear {
    float: right;
    width: 30%;
}
.news_1 {
    width: 22%;
    float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.news_1 img {
    max-width: 100%;
    height: auto;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.news {
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 80px;
}
.news_title {
    color: #F36F39;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 25px;
}
.news_des {
    color: #313131;
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 25px;
}
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
.community1 {
    display: none;
}
.icon1 {
    width: 28px;
    height: 28px;
}
.qq img {
    vertical-align: bottom;
}
.phone_ar {
    display: none;
}
.dess {
    position: absolute;
    z-index: 80;
    top: 0px;
    left: 0px;
    margin-left: 10%;
    margin-top: 10%;
    /*background-color: hsla(0, 0%, 40%, 0.63);*/
    padding-left: 2%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 400px;
    text-align: left;
}
.prolist2 {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.p_des1 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 30px;
    font-weight: bolder;
}
.p_des2 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 18px;
    font-weight: bolder;
    text-align: left;
}
.p_des3 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 24px;
    font-weight: bolder;
    text-align: left;
    /*border-top: 1px solid hsla(0,0%,35%,1.00);*/
    margin-top: 9px;
    padding-top: 6px;
}
.p_des4 {
    color: #F3703A;
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 23px;
    font-weight: bolder;
    text-align: left;
    margin-top: 17px;
}
.od {
    width: 45%;
    float: left;
    margin-top: 10px;
    display: inline-block;
}
.od_1 {
    width: 20%;
    float: left;
    color: hsla(0,0%,5%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    padding-right: 6px;
    border-right: 1px solid hsla(0,0%,85%,1.00);
    margin-right: 10px;
}
.od_2 {
    width: 80%;
    float: left;
    color: hsla(0,0%,26%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
}
.left8 {
    float: left!important;
    display: inline-block!important;
    background-color: hsla(0,0%,100%,1.00)!important;
    border-style: none!important;
}
.re {
    background-color: #FDFDFD;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 80%;
    margin-top: 15px;
    margin-bottom: 16px;
    float: left;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}
.re2 {
    background-color: #F0F0F0;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 80%;
    margin-top: 15px;
    margin-bottom: 16px;
    float: right;
}
.pp_l img {
    margin-right: 4px;
    padding-right: 4px;
}
.prolist1 {
    width: 45%;
    height: 195px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+95,f6f6f6+95 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    float: left;
    margin-bottom: 27px;
    border: 1px solid #f3f3f3;
    margin-top: 2px;
    margin-right: 0.5%;
    margin-left: 0.5%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
.pp_l {
    float: left;
    width: 48%;
}
.pp_r {
    float: right;
    width: 48%;
    text-align: left;
}
.pp_t1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
}
.pp_t1_1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #5F5F5F;
}
.pp_t2 {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #D00003;
    font-family: "微軟正黑體";
}
.pp_inf {
    background-color: #F3703A;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pp_inf:hover {
    background-color: #4F4F4F;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pr1_t1 {
    background-color: #EBEBEB;
}
.prod1 {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #EBEBEB;
}
.prod1:hover {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #F3703A;
    opacity: 0.7;
}
.pr1 {
    float: left;
    width: 20%;
    display: inline-block;
    padding-right: 3%;
    margin-right: 3%;
    border-right: 1px solid #E5E5E5
}
.pr1 img {
    max-width: 100%;
    height: auto;
}
.pr2 {
    float: left;
    width: 70%;
    padding-top: 30px;
    display: inline-block;
}
.pr2 img {
    max-width: 100%;
    height: auto;
}
#section-2 {
    width: 50%;
}
.input_per30 {
    width: 29.5%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
	color: #868686;
}
.c2_title {
    border-left: 3px solid #F2703A;
    color: #464646;
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 11px;
}
.cart2_l {
    width: 45%;
    float: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
    border-right: 1px solid #D0D0D0;
}
.cart2_r {
    width: 48%;
    float: right;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
}
.c2_s_t {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.c2_s_t1 {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.cart2_l input {
    margin-right: 7px;
    margin-left: 5px;
}
.cr1 {
    margin-top: 9px;
    margin-bottom: 15px;
}
.cr1 input {
    width: 12%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr1 select {
    width: 12%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr2 {
    width: 96px;
    color: #393939;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.member11 {
    width: 30%;
    float: left;
    margin-right: 2.5%;
    background-color: #FAFAFA;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-top: 20px;
}
.member11 img {
    max-width: 100%;
    height: auto;
}
.member11:hover {
    border-radius: 10px;
    border: 1px solid #efefef;
    width: 30%;
    float: left;
    margin-right: 3%;
    background-color: #FAFAFA;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
}
.member11 a {
    color: #565656;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.mem {
    border-right: 1px solid #E8E8E8;
    padding-right: 23px;
}
.mem div {
    width: 100%;
}
.mem1 {
    display: none;
}
.mem .mem1 {
    background-color: #d3d3d3;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: #4A4A4A;
    font-family: "微軟正黑體";
}
.mem .in_con {
    display: block;
    padding : 5px;
}
.m11 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 6px;
    padding-left: 9px;
    font-weight: bold;
}
.m11:first-letter {
    margin-right: 5px;
}
.m22 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    border-bottom: 1px dashed #E5E5E5;
}
.m22:hover {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    background-color: #E9E9E9;
}
.member_l {
    width: 17%;
    float: left;
}
.member_r {
    width: 80%;
    float: right;
}
.tabb {
    text-align: center;
}
.process {
    padding-bottom: 15px;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.c123 {
    width: 20%;
    float: left;
    text-align: center;
}
.c_left {
    width: 20%;
    float: left;
    text-align: center;
    height: 158px;
    vertical-align: middle;
}
.c_left img {
    max-width: 100%;
    height: auto;
}
.c_active {
    background-color: #f5f5f5;
    border-radius: 5px;
}
.input_per50 {
    width: 48%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
}
.input_per100 {
    width: 97%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;color: #868686;
    margin-top: 2%;
}
.con_inl {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.con_inr {
    float: right;
}
.per50 {
    width: 48%;
    padding-right: 1%;
}
.right_line {
    border-right: 1px solid #E4E4E4;
    margin-bottom: 11px;
}
.c9 {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.c9 a {
    color: #000000;
    font-family: "微軟正黑體";
    font-size: 12px;
    margin-left: 6px;
    text-align: center;
}
.fixed_btn {
    width: 60px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center top;
    position: fixed;
    right: 10px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
}
.fixed_btn.shopping_cart{
    background-image: url(../images/cart2.png);
    bottom: 25%;
}
.fixed_btn.line{
    background-image: url(../images/line.png);
    bottom: calc(25% + 80px);
}

.news1 {
    width: 30%;
    float: left;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.5%;
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 2%;
}
.news1:hover {
    width: 30%;
    float: left;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.5%;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 2%;
}
.news_inf {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-top: -18px;
    display: block;
    position: relative;
    padding-left: 6px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 150px;
}
.news_date {
    color: #F3703A;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
}
.news_te {
    color: #222;
    font-size: 1rem;
    padding-top: 5px;
    text-overflow: ellipsis;
    font-family: "微軟正黑體";
}
/*	pages	*/
.pages_1 {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #EBEBEB;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    color: #B5B5B5;
    font-family: "微軟正黑體";
}
.pages_1:hover {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_1_active {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_all {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.m_h1 {
}
.cart1 {
    color: #393939;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
    margin-top: 113px;
}
.cart1_1 {
    color: #FF0004;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.cart2 a {
    background-color: #F3703A;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart2 a:hover {
    background-color: #D04D17;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart {
    width: 90px;
    height: 202px;
    background-image: url(../images/cart1.png);
    background-repeat: no-repeat;
    position: fixed;
    right: 10px;
    top: 50%;
    text-align: center;
    z-index: 9999;
    display: none;
}
.header {
    background-color: #FFFFFF;
}
.header1_1 {
    margin-top: 4px;
}
.header1_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.header1_1 {
    float: left;
}
.header1_2 {
    float: right;
}
.header1 {
    border-top: 2px solid #F3703A;
}
.h2_1 {
    margin-top: 18px;
    margin-bottom: 15px;
    margin-right: 10px;
    float: left;
}
.h2_2 {
    float: right;
}
.header2_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.ad {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.sw {
    position: absolute;
    width: 100%;
    height: 8px;
    background-image: url(../images/sw.png);
    background-repeat: repeat-x;
    z-index: 999;
}
.desk {
    display: block;
}
.rw {
    display: none;
}
.footer {
    margin-top: 100px;
    vertical-align: middle;
    border-top: 1px dotted #CBCBCB;
}
.footer_l {
    float: left;
}
.footer_r {
    float: right;
    margin-top: 11px;
}
.footer_r a {
    color: #4F4F4F;
    font-family: "微軟正黑體";
    text-align: left;
    font-size: 14px;
    margin-right: 3px;
    margin-left: 3px;
}
.footer_r .tel {
	display: inline-block;
    padding: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    font-family: "微軟正黑體";
    background-color: #F3703A;
    border-radius: 32px;
    margin-top: 8px;
}
.footer_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.in_ba {
    text-align: center;
}
.in_ba1 {
    font-family: "微軟正黑體";
    font-size: 20px;
    margin-top: 15px;
}
.in_ba2 {
    color: #D3D3D3;
    font-family: josefin-sans;
    font-size: 26px;
    margin-bottom: 14px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
    padding-bottom: 12px;
}
.in_ba3 {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;/*margin-top: 20px;*/
}
.in_ba3 a {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;
    margin-right: 5px;
}
.con_in_1180 {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.pro_in_l {
    float: left;
    width: 48%;
}
.pro_in_r {
    float: right;
    width: 50%;
}
.two_area {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.two_areal {
    float: left;
    width: 50%;
}
.two_arear {
    float: right;
    width: 40%;
}
.news_1 {
    width: 22%;
    float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.news_1 img {
    max-width: 100%;
    height: auto;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.news {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 80px;
    padding-right: 1%;
    padding-left: 1%;
}
.news_title {
    color: #F36F39;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 25px;
}
.news_des {
    color: #313131;
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 25px;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.community1 {
    display: none;
}
.icon1 {
    width: 28px;
    height: 28px;
}
.button:before {
    color: #2B2B2B !important;
}
.phone_ar {
    display: none;
}
.dess {
    position: absolute;
    z-index: 80;
    top: 0px;
    left: 0px;
    margin-left: 4%;
    margin-top: 1%;
    /*	background-color: hsla(0, 0%, 40%, 0.63);*/
    padding-left: 2%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 250px;
    text-align: left;
}
.prolist2 {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.p_des1 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 26px;
    font-weight: bolder;
}
.p_des2 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 16px;
    font-weight: bolder;
    text-align: left;
}
.p_des3 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 20px;
    font-weight: bolder;
    text-align: left;
    /*border-top: 1px solid hsla(0,0%,25%,1.00);*/
    margin-top: 9px;
    padding-top: 6px;
}
.p_des4 {
    color: #F3703A;
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 20px;
    font-weight: bolder;
    text-align: left;
    margin-top: 17px;
}
.od {
    width: 45%;
    float: left;
    margin-top: 10px;
    display: inline-block;
}
.od_1 {
    width: 20%;
    float: left;
    color: hsla(0,0%,5%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    padding-right: 6px;
    border-right: 1px solid hsla(0,0%,85%,1.00);
    margin-right: 10px;
}
.od_2 {
    width: 80%;
    float: left;
    color: hsla(0,0%,26%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
}
.left8 {
    float: left!important;
    display: inline-block!important;
    background-color: hsla(0,0%,100%,1.00)!important;
    border-style: none!important;
}
.re {
    background-color: #FDFDFD;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 80%;
    margin-top: 15px;
    margin-bottom: 16px;
    float: left;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}
.re2 {
    background-color: #F0F0F0;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 80%;
    margin-top: 15px;
    margin-bottom: 16px;
    float: right;
}
.pp_l img {
    border-right: 1px solid #E5E5E5;
    margin-right: 4px;
    padding-right: 4px;
}
.prolist1 {
    width: 97%;
    height: 219px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+95,f6f6f6+95 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    float: left;
    margin-bottom: 27px;
    border: 1px solid #f3f3f3;
    margin-top: 2px;
    margin-right: 0.5%;
    margin-left: 0.5%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
.pp_l {
    float: left;
    width: 48%;
}
.pp_r {
    float: right;
    width: 48%;
    text-align: left;
}
.pp_t1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
}
.pp_t1_1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #5F5F5F;
}
.pp_t2 {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #D00003;
    font-family: "微軟正黑體";
}
.pp_inf {
    background-color: #F3703A;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pp_inf:hover {
    background-color: #4F4F4F;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pr1_t1 {
    background-color: #EBEBEB;
}
.prod1 {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #EBEBEB;
}
.prod1:hover {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #F3703A;
    opacity: 0.7;
}
.pr1 {
    float: left;
    width: 20%;
    display: none;
    padding-right: 3%;
    margin-right: 3%;
    border-right: 1px solid #E5E5E5
}
.pr1 img {
    max-width: 100%;
    height: auto;
}
.pr2 {
    float: left;
    width: 100%;
    padding-top: 30px;
    display: inline-block;
}
.pr2 img {
    max-width: 100%;
    height: auto;
}
.qq {
    float: left !important;
    margin-bottom: 12px;
}
.input_per30 {
    width: 30.3%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;color: #868686;
}
#section-2 {
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
}
.c2_title {
    border-left: 3px solid #F2703A;
    color: #464646;
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 11px;
}
.cart2_l {
    width: 100%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
    border-right: 1px solid #D0D0D0;
}
.cart2_r {
    width: 100%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
}
.c2_s_t {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.c2_s_t1 {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.cart2_l input {
    margin-right: 7px;
    margin-left: 5px;
}
.cr1 {
    margin-top: 9px;
    margin-bottom: 15px;
}
.cr1 input {
    width: 10%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr1 select {
    width: 10%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr2 {
    width: 96px;
    color: #393939;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.member11 {
    width: 45%;
    float: left;
    margin-right: 2.5%;
    background-color: #FAFAFA;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-top: 20px;
}
.member11 img {
    max-width: 100%;
    height: auto;
}
.member11:hover {
    border-radius: 10px;
    border: 1px solid #efefef;
    width: 45%;
    float: left;
    margin-right: 3%;
    background-color: #FAFAFA;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
}
.member11 a {
    color: #565656;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.mem {
/*padding-right: 23px;*/
}
.mem div {
    width: 100%;
}
.mem .mem1 {
    background-color: #d3d3d3;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: #4A4A4A;
    font-family: "微軟正黑體";
}
.mem .in_con {
    display: none;
    padding : 5px;
}
.m11 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 6px;
    padding-left: 9px;
    font-weight: bold;
}
.m11:first-letter {
    margin-right: 5px;
}
.m22 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    border-bottom: 1px dashed #E5E5E5;
}
.m22:hover {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    background-color: #E9E9E9;
}
.member_l {
    width: 100%;
}
.member_r {
    width: 100%;
}
.process {
    padding-bottom: 15px;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    width: 88%;
    text-align: center;
    padding-left: 15%;
}
.c123 {
    width: 20%;
    float: left;
    text-align: center;
}
.c_left {
    width: 8%;
    float: left;
    text-align: center;
    vertical-align: middle;
}
.c_left img {
    max-width: 100%;
    height: auto;
}
.c_active {
    background-color: #f5f5f5;
    border-radius: 5px;
}
.input_per50 {
    width: 99%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
}
.input_per100 {
    width: 99%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;color: #868686;
}
.con_inl {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.con_inr {
    float: right;
}
.per50 {
    width: 94%;
    padding-right: 1%;
}
.right_line {
    margin-bottom: 11px;
}
.news1 {
    width: 46%;
    float: left;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.5%;
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 2%;
}
.news1:hover {
    width: 46%;
    float: left;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.5%;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 2%;
}
.news_inf {
    width: 87%;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-top: -18px;
    display: block;
    position: relative;
    padding-left: 6px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 130px;
}
.news_date {
    color: #F3703A;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
}
.news_te {
    color: #222;
    font-size: 1rem;
    padding-top: 5px;
    text-overflow: ellipsis;
    font-family: "微軟正黑體";
}
/*	pages	*/
.pages_1 {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #EBEBEB;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    color: #B5B5B5;
    font-family: "微軟正黑體";
}
.pages_1:hover {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_1_active {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_all {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.m_h1 {
}
.cart {
    position: absolute;
    z-index: 9999 !important;
    display: none;
}
.cart1 {
    color: #393939;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
    margin-top: 113px;
}
.cart1_1 {
    color: #FF0004;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.cart2 a {
    background-color: #F3703A;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart2 a:hover {
    background-color: #D04D17;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
form {
    position: relative;
    width: 98% !important;
    margin: 0 auto;
}
.footer_r_1 {
    /*float: left;*/
    margin-bottom: 8px;
}
.footer_r_2 {
    /*float: left;*/
    margin-bottom: 8px;
}
.cart {
    width: 90px;
    height: 202px;
    background-image: url(../images/cart1.png);
    background-repeat: no-repeat;
    position: fixed;
    right: 10px;
    top: 70%;
    text-align: center;
}
.fixed_btn {
    width: 60px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center top;
    position: fixed;
    right: 10px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
}
.fixed_btn.shopping_cart{
    background-image: url(../images/cart2.png);
    bottom: 25%;
}
.fixed_btn.line{
    background-image: url(../images/line.png);
    bottom: calc(25% + 80px);
}

.c9 {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.c9 a {
    color: #000000;
    font-family: "微軟正黑體";
    font-size: 12px;
    margin-left: 6px;
    text-align: center;
}
.header {
    background-color: #FFFFFF;
}
.header1_1 {
    margin-top: 4px;
}
.header1_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.header1_1 {
    float: left;
}
.header1_2 {
    float: right;
}
.header1 {
    border-top: 2px solid #F3703A;
}
.h2_1 {
    margin-top: 18px;
    margin-bottom: 15px;
    margin-right: 10px;
    float: left;
}
.h2_2 {
    float: right;
}
.header2_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.ad {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.sw {
    position: absolute;
    width: 100%;
    height: 8px;
    background-image: url(../images/sw.png);
    background-repeat: repeat-x;
    z-index: 999;
}
.desk {
    display: block;
}
.rw {
    display: none;
}
.footer {
    margin-top: 100px;
    vertical-align: middle;
    border-top: 1px dotted #CBCBCB;
    text-align: center;
}
.footer_l {
/*float: left;*/		
		
}
.footer_r {
    /*float: right;*/
    margin-top: 21px;
}
.footer_r a {
    color: #4F4F4F;
    font-family: "微軟正黑體";
    text-align: left;
    font-size: 14px;
    margin-right: 3px;
    margin-left: 3px;
}
.footer_r .tel {
	display: inline-block;
    padding: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    font-family: "微軟正黑體";
    background-color: #F3703A;
    border-radius: 32px;
    margin-top: 8px;
}
.footer_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;    text-align: center;
}
.in_ba {
    text-align: center;
}
.in_ba1 {
    font-family: "微軟正黑體";
    font-size: 20px;
    margin-top: 15px;
}
.in_ba2 {
    color: #D3D3D3;
    font-family: josefin-sans;
    font-size: 26px;
    margin-bottom: 14px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
    padding-bottom: 12px;
}
.in_ba3 {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;/*margin-top: 20px;*/
}
.in_ba3 a {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;
    margin-right: 5px;
}
.con_in_1180 {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.pro_in_l {
    float: left;
    width: 48%;
}
.pro_in_r {
    float: right;
    width: 50%;
}
.two_area {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.two_areal {
    float: left;
    width: 100%;
}
.two_arear {
    float: right;
    width: 100%;
}
.two_areal iframe {
    width: 100% !important;
}
.news_1 {
    width: 46%;
    float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.news_1 img {
    max-width: 100%;
    height: auto;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.news {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 80px;
    padding-left: 1%;
    padding-right: 1%;
}
.news_title {
    color: #F36F39;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 25px;
}
.news_des {
    color: #313131;
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 25px;
}
}

@media screen and (max-width: 480px) {
.community {
    margin-left: 10px;
    margin-bottom: 8px;
    margin-top: 5px;
    display: block;
}
.community1 {
    margin-left: 10px;
    margin-bottom: 8px;
    margin-top: 5px;
    display: block;
}
.icon1 {
    width: 28px;
    height: 28px;
    display: inline-block;
}
.icon_l {
    float: left;
}
.tt {
    width: 200px!important;
}
.tt input{
    width: 150px;
    height: 20px;
}
.se {
    margin-left: 16px;
    font-size: 18px;
}
.ar {
    float: right;
    z-index: 9999;
    position: relative;
    font-size: 18px;
    color: #FFF;
    width: 1%;
    margin-top: -10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(243, 112, 58, 1);
    padding-right: 16%;
    padding-left: 2%;
}
.phone_ar {
    height: 90px;
    display: block;
    width: 100%;
    background-color: #F3703A;
    padding-top: 20px;
    background-image: -webkit-linear-gradient(91deg, rgba(243,111,57,1.00) 16.07%, rgba(229,66,0,1.00) 100%);
    background-image: -moz-linear-gradient(91deg, rgba(243,111,57,1.00) 16.07%, rgba(229,66,0,1.00) 100%);
    background-image: -o-linear-gradient(91deg, rgba(243,111,57,1.00) 16.07%, rgba(229,66,0,1.00) 100%);
    background-image: linear-gradient(359deg, rgba(243,111,57,1.00) 16.07%, rgba(229,66,0,1.00) 100%);
}
.header1_2 {
    display: none;
}
.in_ba2 {
    display: none!important;
}
.dess {
    position: absolute;
    z-index: 80;
    top: 0px;
    left: 0px;
    margin-left: 4%;
    margin-top: 2%;
    /*background-color: hsla(0, 0%, 40%, 0.63);*/
    padding-left: 2%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
    text-align: left;
    width: 200px;
}
.prolist2 {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.p_des1 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 18px;
    font-weight: bolder;
}
.p_des2 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    margin-top: 7px;
}
.p_des3 {
    color: hsla(0,0%,28%,1.00);
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
  /*  border-top: 1px solid hsla(0,0%,23%,1.00);*/
}
.p_des4 {
    color: #F3703A;
    font-family: "微軟正黑體", Arial, Fixedsys;
    font-size: 15px;
    font-weight: bolder;
    text-align: left;
    margin-top: 8px;
}
.od {
    width: 45%;
    float: left;
    margin-top: 10px;
    display: inline-block;
}
.od_1 {
    width: 20%;
    float: left;
    color: hsla(0,0%,5%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    padding-right: 6px;
    border-right: 1px solid hsla(0,0%,85%,1.00);
    margin-right: 10px;
}
.od_2 {
    width: 80%;
    float: left;
    color: hsla(0,0%,26%,1.00);
    font-family: "微軟正黑體";
    font-size: 14px;
}
.left8 {
    float: left!important;
    display: inline-block!important;
    background-color: hsla(0,0%,100%,1.00)!important;
    border-style: none!important;
}
.re {
    background-color: #FDFDFD;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 92%;
    margin-top: 15px;
    margin-bottom: 16px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}
.re2 {
    background-color: #F0F0F0;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 92%;
    margin-top: 15px;
    margin-bottom: 16px;
}
.pp_l img {
    margin-right: 4px;
    padding-right: 4px;
}
.prolist1 {
    width: 97%;
    height: 435px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+95,f6f6f6+95 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 95%, rgba(246,246,246,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    float: left;
    margin-bottom: 27px;
    border: 1px solid #f3f3f3;
    margin-top: 2px;
    margin-right: 0.5%;
    margin-left: 0.5%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
.pp_l {
    width: 100%;
}
.pp_r {
    width: 100%;
    text-align: center;
}
.pp_t1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
}
.pp_t1_1 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #5F5F5F;
}
.pp_t2 {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    min-height: 32px;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    color: #D00003;
    font-family: "微軟正黑體";
}
.pp_inf {
    background-color: #F3703A;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pp_inf:hover {
    background-color: #4F4F4F;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    display: inline-block;
    color: #FFFFFF;
}
.pr1_t1 {
    background-color: #EBEBEB;
}
.prod1 {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #EBEBEB;
}
.prod1:hover {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    border: 1px dashed #F3703A;
    opacity: 0.7;
}
.pr1 {
    float: left;
    width: 100%;
    display: inline-block;
    padding-right: 3%;
    margin-right: 3%;
}
.pr1 img {
    max-width: 100%;
    height: auto;
}
.pr2 {
    float: left;
    width: 70%;
    padding-top: 30px;
    display: none;
}
.pr2 img {
    max-width: 100%;
    height: auto;
}
.qq {
    float: left !important;
    margin-bottom: 12px;
}
.input_per30 {
    width: 100%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2% !important;
	color: #868686;
}
#section-2 {
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
}
.c2_title {
    border-left: 3px solid #F2703A;
    color: #464646;
    font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 11px;
}
.cart2_l {
    width: 100%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
    border-right: 1px solid #D0D0D0;
}
.cart2_r {
    width: 100%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-top: 13px;
}
.c2_s_t {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.c2_s_t1 {
    color: #373737;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 10px;
}
.cart2_l input {
    margin-right: 7px;
    margin-left: 5px;
}
.cr1 {
    margin-top: 9px;
    margin-bottom: 15px;
}
.cr1 input {
    width: 10%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr1 select {
    width: 10%;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid #D0D0D0;
    color: #4E4E4E;
    font-family: "Arial Black", "微軟正黑體";
}
.cr2 {
    width: 96px;
    color: #393939;
    font-family: "微軟正黑體";
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.member11 {
    width: 45%;
    float: left;
    margin-right: 2.5%;
    background-color: #FAFAFA;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-top: 20px;
}
.member11 img {
    max-width: 100%;
    height: auto;
}
.member11:hover {
    border-radius: 10px;
    border: 1px solid #efefef;
    width: 45%;
    float: left;
    margin-right: 3%;
    background-color: #FAFAFA;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 1px hsla(0,0%,84%,1.00);
}
.member11 a {
    color: #565656;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.mem {
}
.mem div {
    width: 100%;
}
.mem .mem1 {
    background-color: #d3d3d3;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: #4A4A4A;
    font-family: "微軟正黑體";
}
.mem .in_con {
    display: none;
    padding : 5px;
}
.m11 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 6px;
    padding-left: 9px;
    font-weight: bold;
}
.m11:first-letter {
    margin-right: 5px;
}
.m22 {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    border-bottom: 1px dashed #E5E5E5;
}
.m22:hover {
    margin-top: 10px;
    margin-bottom: 11px;
    color: #414141;
    font-family: "微軟正黑體";
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    padding-left: 20px;
    background-color: #E9E9E9;
}
.member_l {
    width: 100%;
}
.member_r {
    width: 100%;
}
.process {
    padding-bottom: 15px;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
}
.c123 {
    width: 33%;
    float: left;
    text-align: center;
}
.c_left {
    width: 8%;
    float: left;
    text-align: center;
    vertical-align: middle;
    display: none;
}
.c_left img {
    max-width: 100%;
    height: auto;
}
.c_active {
    background-color: #f5f5f5;
    border-radius: 5px;
}
.input_per50 {
    width: 100%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
}
.input_per100 {
    width: 100%;
    padding-right: 1%;
    background-color: #ECECEC;
    margin-right: 1%;
    margin-top: 2%;
	color: #868686;
}
.con_inl {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.con_inr {
    float: right;
}
.per50 {
    width: 94%;
    padding-right: 1%;
}
.right_line {
    margin-bottom: 11px;
}
.news1 {
    width: 98%;
    float: left;
    padding-top: 1.5%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1.5%;
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 4%;
}
.news1:hover {
    width: 98%;
    float: left;
    padding-top: 1.5%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1.5%;
    -webkit-box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    box-shadow: 3px 3px 5px 3px hsla(0,0%,84%,1.00);
    background-color: #FFFFFF;
    margin-right: 2%;
    margin-bottom: 4%;
}
.news_inf {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-top: -18px;
    display: block;
    position: relative;
    padding-left: 6px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 100px;
}
.news_date {
    color: #F3703A;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 30px;
}
.news_te {
    color: #222;
    font-size: 1rem;
    padding-top: 5px;
    text-overflow: ellipsis;
    font-family: "微軟正黑體";
}
/*	pages	*/
.pages_1 {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #EBEBEB;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    color: #B5B5B5;
    font-family: "微軟正黑體";
}
.pages_1:hover {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_1_active {
    width: 20px;
    height: 20px;
    border-radius: 99em;
    background-color: #F3703A;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid #F3703A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: "微軟正黑體";
}
.pages_all {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.cart {
    display: none;
}
.cart1 {
    color: #393939;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
    margin-top: 113px;
}
.footer_r_1 {
    margin-bottom: 8px;
}
.footer_r_2 {
    margin-bottom: 8px;
}
.cart1_1 {
    color: #FF0004;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 14px;
}
.cart2 a {
    background-color: #F3703A;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart2 a:hover {
    background-color: #D04D17;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    color: #FFF7F7;
    font-family: "微軟正黑體";
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
}
.cart {
    width: 90px;
    height: 202px;
    background-image: url(../images/cart1.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    text-align: center;
}
.fixed_btn {
    width: 60px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center top;
    position: fixed;
    right: 10px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
}
.fixed_btn.shopping_cart{
    background-image: url(../images/cart2.png);
    bottom: 25%;
}
.fixed_btn.line{
    background-image: url(../images/line.png);
    bottom: calc(25% + 80px);
}
.c9 {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.c9 a {
    color: #000000;
    font-family: "微軟正黑體";
    font-size: 12px;
    margin-left: 6px;
    text-align: center;
}
.header {
    background-color: #FFFFFF;
}
.header1_1 {
    margin-top: 4px;
}
.header1_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.header1_1 {
    text-align: center;
}
.header1_2 {
    float: right;
}
.header1 {
    border-top: 2px solid #F3703A;
}
.h2_1 {
    margin-bottom: 15px;
    margin-right: 10px;
    float: right;
}
div.search {
    padding-top: 0px !important;
　  padding-right: 0;
    padding-left: 0;
    padding-bottom: 17px;
}
form {
    position: relative;
    width: 100% !important;
    margin: 0 auto;
}
.h2_2 {
    float: left;
    position: relative;
    z-index: 10;
}
.header2_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.ad {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.sw {
    position: absolute;
    width: 100%;
    height: 8px;
    background-image: url(../images/sw.png);
    background-repeat: repeat-x;
    z-index: 999;
}
.h2_1 .sas {
    display: none;
}
.rw {
    display: block !important;
    float: left;
    position: relative;
    z-index: 10;
}
.footer {
    margin-top: 100px;
    vertical-align: middle;
    border-top: 1px dotted #CBCBCB;
}
.footer_l {
}
.footer_r {
    margin-top: 11px;
}
.footer_r a {
    color: #4F4F4F;
    font-family: "微軟正黑體";
    text-align: left;
    font-size: 14px;
    margin-right: 3px;
    margin-left: 3px;
}
.footer_r .tel {
	display: inline-block;
    padding: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    font-family: "微軟正黑體";
    background-color: #F3703A;
    border-radius: 32px;
    margin-top: 8px;
}
.footer_1168 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.in_ba {
    text-align: center;
}
.in_ba1 {
    font-family: "微軟正黑體";
    font-size: 22px;
    background-color: #FFFFFF;
    padding-top: 15px;
}
.in_ba2 {
    color: #D3D3D3;
    font-family: josefin-sans;
    font-size: 26px;
    margin-bottom: 14px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
    padding-bottom: 12px;
}
.in_ba3 {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;/*margin-top: 20px;*/
}
.in_ba3 a {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #363636;
    margin-right: 5px;
}
.con_in_1180 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.pro_in_l {
    float: left;
    width: 96%;
    padding-right: 1%;
    padding-left: 1%;
}
.pro_in_r {
    float: right;
    width: 98%;
    padding-right: 1%;
    padding-left: 1%;
}
.two_area {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.two_areal {
    float: left;
    width: 100%;
}
.two_arear {
    float: right;
    width: 100%;
}
.two_areal iframe {
    width: 100% !important;
}
.news_1 {
    width: 98%;
    float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.news_1 img {
    max-width: 100%;
    height: auto;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.news {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 80px;
    padding-left: 1%;
    padding-right: 1%;
}
.news_title {
    color: #F36F39;
    font-family: "微軟正黑體";
    font-size: 14px;
    line-height: 25px;
}
.news_des {
    color: #313131;
    font-family: "微軟正黑體";
    font-size: 12px;
    line-height: 25px;
}
}
#info {
    margin: auto;
    color: #333333;
    padding: 10px;
    background: #f4f4f4;
}
#nicemenu {
    margin: 0 auto;
    float: right;
}
#nicemenu a {
    color: rgb(33, 33, 33);
    font-family: 微軟正黑體;
    font-size: 12px;
    margin-right: 8px;
    margin-left: 6px;
    text-decoration: none;
}
#nicemenu a:hover {
    text-decoration: underline;
}
#nicemenu li {
    display: inline;
    position: relative;
}
#nicemenu li span {
    position: relative;
    z-index: 10;
    border-bottom: none;
    line-height: 18px;
}
#nicemenu li span a {
    font-weight: bold;
    padding: 0 6px 0px 2px;
}
#nicemenu li span.over {
}
*+html #nicemenu li span.over {
    border-top: solid 2px #E5E5E5;
    padding-bottom: 3px;
} /* IE6 */
#nicemenu li span.over a {

}
#nicemenu li span.over a:hover {
    text-decoration: none;
}
#nicemenu li span.active {
}
*+html #nicemenu li span.active {
    border-top: solid 2px #E5E5E5;
    padding-bottom: 3px;
}
#nicemenu li span.active a {
}
#nicemenu li span.active a:hover {
    text-decoration: none;
}
#nicemenu img.arrow { /*margin-left:4px;*/
    cursor: pointer;
}
#nicemenu div.sub_menu {
    display: none;
    position: absolute;
    left: 0;
    margin-top: 18px;
    top: 6px;
    background: #FFFFFF;
    z-index: 9999;
}
* html #nicemenu div.sub_menu {
    margin-top: 23px;
} /* IE6 */
*+html #nicemenu div.sub_menu {
    margin-top: 23px;
} /* IE7 */
#nicemenu div.sub_menu a:link, #nicemenu div.sub_menu a:visited, #nicemenu div.sub_menu a:hover {
    display: block;
    font-size: 11px;
    padding: 4px;
}
#nicemenu a.item_line {
    border-top: solid 1px #E5E5E5;
    padding-top: 6px !important;
    margin-top: 3px;
}
.h85 {
    height: 50px;
    color: hsla(359,100%,50%,1.00);
}
* {
    margin: 0;
    /*     padding: 0;*/
    text-decoration: none;
}
header {
    position: relative;
    width: 100%;
    background: #333;
}
.header ul {
    padding: 0;
}
nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #head-mobile {
    display: none;
}
#cssmenu {
}
#cssmenu > ul > li {
    float: left;
    border-top: 1px solid #FFF
}
#cssmenu > ul > li > a {
    padding: 13px;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #666;
    font-weight: 700;
    font-family: "微軟正黑體";
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #393939;
}
#cssmenu ul li.active:hover {
    background: #F3703A;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active {
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
    border-top: 1px solid #F3703A;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 15px;
    padding-left: 15px;
}
#cssmenu > ul > li.has-sub > a:after {
       position: absolute;
    top: 21px;
    right: 4px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
        position: absolute;
    top: 18px;
    right: 7px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 9999;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu ul ul li:hover {
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu li:hover > ul > li   /*更改55*/ {
    height: 55px;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu ul ul li a  /*更改55及20*/ {
    border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 16px 15px;
    width: 180px;
    font-size: 14px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
    background-color: hsla(0,0%,20%,0.74);
    height: 55px;
    line-height: 20px;
    vertical-align: middle;
    font-family: "微軟正黑體";
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    color: #fff;
}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}
#cssmenu ul ul li.has-sub > a:hover, #cssmenu ul li.has-sub ul li.has-sub ul li > a:hover {
    background: #363636;
}

@media screen and (max-width: 768px) {
.logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    text-align: center;
    padding: 10px 0 0 0;
    float: none;
}
.logo2 {
    display: none;
}
nav {
    width: 100%;
}
#cssmenu {
    width: 100%;
}
#cssmenu ul {
    width: 100%;
    display: none;/*	margin-top: 50px;*/
}
#cssmenu ul li {
    width: 100%;
    border-top: 1px solid #d2d2d2;
}
#cssmenu ul li:hover {
    background: #363636;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
    height: auto;
}
#cssmenu ul li a, #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
    background-color: #FFFFFF;
}
#cssmenu > ul > li {
    float: none;
}
#cssmenu ul ul li a {
    padding-left: 25px;
}
#cssmenu ul ul li a {
    background: #333 !important;
}
#cssmenu ul ul li a:hover {
    background: #363636 !important;
}
#cssmenu ul ul ul li a {
    padding-left: 35px;
}
#cssmenu ul ul li a {
    color: #ddd;
    background: none;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
    color: #fff;
}
#cssmenu ul ul, #cssmenu ul ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
}
#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
    display: none;
}
#cssmenu #head-mobile {
    display: block;
    padding-top: 23px;
    padding-right: 23px;
    padding-left: 23px;
    padding-bottom: 34px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700;
}
.button {
    width: 55px;
    height: 46px;
    position: absolute;
    /*right: 0;*/
    top: 0;
    cursor: pointer;/*        z-index: 12399994;*/
}
.button.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button.menu-opened:before {
    top: 23px;
    background: #ddd;
    width: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #d2d2d2;
    height: 41px;
    width: 100%;
    cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
    /*background: #262626;*/
}
#cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
}
#cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
#cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
    background: #ddd;
}
#cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
}
#cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
    display: none;
}

.ad_video {
    display: none;
}
}

@media screen and (max-width: 480px) {
#cssmenu {
    margin-top: -100px;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #F3703A;
}
.button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    content: '';
}
.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #FFF;
    content: '';
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #F3703A;
}
.button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #7B7B7B;
    border-bottom: 2px solid #7B7B7B;
    content: '';
}
.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #7B7B7B;
    content: '';
}
}
/*Responsive CSS*/

* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Tahoma', sans-serif;
    color: #666;
    font-size: 16px;
    background: #f9f9f9;
}
ul, li {
    list-style: none;
}
#container {
    width: 60%;
    margin: 30px auto;
    overflow: auto;
}
h1 {
    text-align: center;
    margin-bottom: 20px;
}
.title {
    height: 40px;
    background: #f1f1f1;
    color: #1d1d1d;
    padding-top: 13px;
    padding-left: 15px;
}
.faq li {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
}
.faq li.q {
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px #f5f5f5 solid;
    cursor: pointer;
}
.faq li.a {
    background: #f9f9f9;
    display: none;
}
.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width:800px) {
#container {
    width: 90%;
}
}
/* Slider */


.slider {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
    }

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

    .slick-slide img {
	width: 100%;
	border-bottom: 1px dotted #e6e6e6;
	margin-bottom: 9px;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
	    background-color: white;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* General Blueprint Style */
/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/

@font-face {
	font-family: 'bpicons';
	src:url('../fonts/bpicons/bpicons.eot');
	src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpicons/bpicons.woff') format('woff'),
		url('../fonts/bpicons/bpicons.ttf') format('truetype'),
		url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */









.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0 0 0.6em 0;
	float: left;
	font-weight: 400;
}

.container > header > span {
	display: block;
	position: relative;
	z-index: 9999;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header > span span:after {
	width: 30px;
	height: 30px;
	left: -12px;
	font-size: 50%;
	top: -8px;
	font-size: 75%;
	position: relative;
}

.container > header > span span:hover:before {
	content: attr(data-content);
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 110%;
	padding: 0.8em 1em;
	line-height: 1.2;
	text-align: left;
	left: auto;
	margin-left: 4px;
	position: absolute;
	color: #fff;
	background: #47a3da;
}

.container > header nav {
	float: right;
	text-align: center;
}

.container > header nav a {
	display: inline-block;
	position: relative;
	text-align: left;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
}

.container > header nav a > span {
	display: none;
}

.container > header nav a:hover:before {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	pointer-events: none;
}

.container > header nav a:hover {
	background: #47a3da;
}

.bp-icon:after {
	font-family: 'bpicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
}

.container > header nav .bp-icon:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 2;
	text-indent: 0;
}

.container > header nav a:hover:after {
	color: #fff;
}

.bp-icon-next:after {
	content: "\e000";
}
.bp-icon-drop:after {
	content: "\e001";
}
.bp-icon-archive:after {
	content: "\e002";
}
.bp-icon-about:after {
	content: "\e003";
}
.bp-icon-prev:after {
	content: "\e004";
}

p.info {
	text-align: center;
	padding: 20px;
}

@media screen and (max-width: 55em) {

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}

	.container > header > span {
		text-indent: 30px;
	}
}
  /* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eae8e8; 
}
th {
	background: #FFF;
	color: #000000;
	font-weight: bolder;
	font-family: "微軟正黑體";
	line-height: 30px;
	font-size: 16px;
}
td, th {
	padding: 6px;

	text-align: left;
	color: #2B2B2B;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
}

/* Hide new mobile heading on desktop */
td span.rwd-tables.thead { 
	display: none;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.rwd-tables, .rwd-tables thead, .rwd-tables tbody, .rwd-tables th, .rwd-tables tbody,
	.rwd-tables td, .rwd-tables tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.rwd-tables thead, .rwd-tables th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.rwd-tables tfoot {
		display: block;
		text-align: right;
	}

	.rwd-tables tfoot td {
		display: inline-block;
	}
	.w70{
			width: 70%;
	}
	td span.rwd-tables, td span.rwd-tables.thead {
		width: 50%;
		display: inline-block;
	}
	td span.rwd-tables.tbody{
		text-align: right;
	}

	/* 
	Generic Styling, for Mobiles
	*/

	.rwd-tables tfoot tr:nth-of-type(odd), .rwd-tables tfoot td { 
	  background: #333; 
	  color: white; 
	  font-weight: bold; 
	  border-bottom: none;
	}
	
	.rwd-tables tr { border-top: 1px solid #ccc; }
	
	.rwd-tables td { 
		border: none;
		border-top: 1px solid #eee; 
		position: relative;
	}

}






.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('../images/a17.png') no-repeat;

}

/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	
}
.jssort01 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	border: none;
}

.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 400px;
	
	box-sizing: content-box;
	background: url('../images/t01.png') -800px -800px no-repeat;
	_background: none;
}

.jssort01 .p.pdn .c {
	background-position: 50% 20%;
	width: 100%;
	height: 100%;
	
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?pvm5gj');
	src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Icons created with icomoon.io/app */

.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 3em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 2em;
	font-weight: 300;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
}

.tabs nav li.tab-current {
	border: 1px solid #F78A00;
	box-shadow: inset 0 2px #F78A00;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #F78A00;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #becbd2;
	display: block;
	font-size: 14px;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: #F78A00;
	font-family: "微軟正黑體";
	font-size: 14px;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.icon-food:before {
	content: "\e600";
}

.icon-lab:before {
	content: "\e601";
}

.icon-cup:before {
	content: "\e602";
}

.icon-truck:before {
	content: "\e603";
}

.icon-shop:before {
	content: "\e604";
}

/* Content */
.content section {
	font-size: 1.25em;
/*	padding: 3em 1em;*/
	display: none;
	/*max-width: 1230px;*/
	margin: 0 auto;

}
.content section {
	font-size: 1.25em;
/*	padding: 3em 1em;*/
	display: none;
	/*max-width: 1230px;*/
	margin: 0 auto;

}
/*.content section img {display:block;}*/

.content section img {
	max-width: 100%!important;
	height: auto;	
	
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #F78A00;
}

.content section.content-current {
	display: block;
}



/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {
	display: block;
	}

	.tabs nav a:before {
		margin-right: 0;
	}



}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		/*border-right: none;*/
	}

	
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

  /*  position: absolute;*/
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}