/**自定义样式**/
*{ margin: 0 ; padding: 0;}
body {
    font-family: "Helvetica Neue", Helvetica, 'SimHei', Arial, sans-serif;
    color:#000; background: #ffffff;
    font-family: "Microsoft JhengHei";/*微軟正黑*/
    /*font-family: "Microsoft YaHei"; 微軟雅黑*/
    /*font-size: 16px;*/
}
a{color: #090b17;text-decoration: none;  }
li{list-style: none;}

input:-webkit-autofill{ background: none;}

.h16{ font-size:16px;}
.h20{ font-size:20px;}
.h22{ font-size:22px;}

/*-------------導航---------------*/
/*按鈕部分*/
.hamburger {vertical-align:middle;/*padding-right: 6px;*/ background:none;}
.hamburger,.hamburger:before,.hamburger .hamburger-bar,.hamburger:after {-webkit-transition:-webkit-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
.hamburger:before,.hamburger:after {content:"";}
.hamburger:before,.hamburger .hamburger-bar,.hamburger:after {display:block;width:20px;height:3px;margin:0;background:#fe7200;border-radius:1px;}
.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after {background:#fe7200;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none;}
.hamburger .hamburger-bar {margin:.2em 0;}
.hamburger-close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.hamburger-close .hamburger-bar {opacity:0;}
.hamburger-close:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
/*.hamburger-close.collapsed{padding-right: 10px;}*/
.hamburger-close.collapsed:before {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0); }
.hamburger-close.collapsed .hamburger-bar {opacity:1;}
.hamburger-close.collapsed:after {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}

/**/
.header-box {min-width:1200px;margin-bottom:0px;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;position:relative;z-index:1601; border: none; border-radius: 0;}
.header-box .dropdown-menu {-o-box-shadow:0 1px 2px rgba(190,190,190,0.2);-ms-box-shadow:0 1px 2px rgba(190,190,190,0.2);box-shadow:0 1px 2px rgba(190,190,190,0.2);}
.header-box .navbar-logo {padding:0px;display:block; margin:20px 40px 0 20px;}
.header-box .navbar-logo img {}
.header-box .navbar-toggle {height:auto;margin-right:0;border:none;}
.header-box .nav>li{margin:0 14px; padding: 0; background:none;}
.header-box .nav>li>a {color:#2a333c!important;transition:color 0.5s;-webkit-transition:color 0.5s;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s; line-height:89px;margin: 0; padding: 0; background: none;border-bottom: 3px #fff solid;}
.header-box .nav>li>a:hover {color:#fe7200!important;}
.header-box .nav li a.active,header-box .dropdown.open>a{color:#fe7200!important; border-bottom: 3px solid #ff6c00;background: none;}
.header-box .nav>li>a:hover{background:none!important;background: none;}
.header-box .dropdown.open>a{background:none!important;border-bottom: 3px solid #ff6c00; background: none;}

.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { background-color:#fff; color: #ffffff;  }
.header-box .nav li a .dropdown-menu{top: 91px;}
.header-box .nav li.open a:hover .dropdown-menu{}
.header-box .nav>li.open .dropdown-menu {display:block; background: #fff; border:none;}

.header-box .nav>li.open .dropdown-menu li a{padding:5px 15px 5px 15px; color: #333;}
.header-box .nav>li.open .dropdown-menu li a:hover{ color: #fff;}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {background:none;}

/*申請*/
.header-box .navbar-collapse .Set_application{ color: #333;}
.header-box .navbar-collapse .Set_application .english_box{   float: left; margin-top: 32px;}
.header-box .navbar-collapse .Set_application .english_box a.english{padding:0 20px 0; border-right:solid 1px #fe7200; color: #333; }
.header-box .navbar-collapse .Set_application .english_box span.font{ padding:0 0px 0 20px; color: #333; }
.header-box .navbar-collapse .Set_application .english_box span.font a{ padding:0 2px; color: #333; }
.header-box .navbar-collapse .Set_application .english_box span.font a.active,.header-box .navbar-collapse .Set_application .english_box span.font a:hover{ font-weight: bold;color: #fe7200;}

.header-box .navbar-collapse .Set_application .english_box a.facebook{vertical-align: bottom; margin:0 20px;width: 25px; display:inline-block; height: 25px; background: url("../img/facebook.png") no-repeat; background-size: 100% auto;}
.header-box .navbar-collapse .Set_application .english_box a.facebook:hover{ background: url("../img/facebook_1.png") no-repeat;background-size: 100% auto;}
.header-box .navbar-collapse .Set_application .english_box a:hover{color:#fe7200;}
.header-box .navbar-collapse .Set_application a.Application{ width:100px; text-align:center;line-height: 110px; display:block; height: 92px; background:url("../img/application.png") center 20px no-repeat #f07102; color: #ffffff; float: left;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.header-box .navbar-collapse .Set_application a.Query{width:100px;text-align:center;line-height: 110px; display:block; height: 92px; background:url("../img/query.png") center 23px no-repeat #f7790a; color: #ffffff; float: left;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.header-box .navbar-collapse .Set_application a.pay{width:100px;text-align:center;line-height: 110px; display:block; height: 92px; background:url("../img/pay.png") center 23px no-repeat #fa7f14; color: #ffffff; float: left;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.header-box .navbar-collapse .Set_application a.Application:hover{ background:url("../img/application.png") center 20px no-repeat #f69037; }
.header-box .navbar-collapse .Set_application a.Query:hover{ background:url("../img/query.png") center 23px no-repeat #f69037; }
.header-box .navbar-collapse .Set_application a.pay:hover{ background:url("../img/pay.png") center 23px no-repeat #f69037; }


/*輪播圖*/
.banner-1920{ margin-top: -1px;}
.banner-1920 .carousel-inner>.item> a{ display: block;}
.banner-1920 .carousel-inner>.item> a .carousel-img-bg{  height:540px;  width: 100%; background-position: center center; background-repeat: no-repeat;}
.banner-1920 .carousel-inner>.item> a .carousel-img-bg .banner-img{ display: none; max-width: 100%;}
/*.banner-1920 .carousel-inner>.item> .carousel-img-bg:after{    position: absolute;    left: 0;    top: 0;    content: "";    height:100%;    width: 100%;  background-color:rgba(0,0,0,0.5);}*/


/*底部*/
/*聯繫電話*/
.contactway_bg{  width:100%; background: #d9d6d4; padding:100px 0px;}
.contactway_box{ text-align: center; margin: 0 auto; }
.contactway_box h4{ line-height: 54px;background: url("../img/contactway_1.png") 52.5% bottom no-repeat; font-size: 20px; letter-spacing: 3px;}
.contactway_box div.tel_box{ line-height: 42px; float: left;}
.contactway_box div.tel_box .tel{ font-size: 20px;letter-spacing:3px;height: 26px; display: inline-block;}
.contactway_box div.tel_box .tel b{  font-size: 28px; color: #090b17; font-weight:normal; line-height:26px;}
.contactway_box div.tel_box .tel p{ line-height: 14px; font-size: 14px; text-align: left; margin-top:-3px;}
.contactway_box .row{ width: 580px; margin:26px auto 0;}
.contactway_box .contactway_btn{ line-height:46px; background: #fff;border: solid 2px #fff; color: #090b17; text-align: center; display: inline-block; height: 46px; width: 300px; margin-top: 8px; float: right; }
.contactway_box .contactway_btn img{vertical-align: -2px; margin-right: 5px;}
.contactway_box .contactway_btn:hover{ background: none; border: solid 2px #fe7200;}


/*底部導航*/
.footer_bg{width: 100%; background:#ed6d00; }

.footer_bg .copyright{ width:100%; background: #252730; line-height: 54px;height: 54px; text-align: center; color: #fff;}
.footer_bg .copyright a{ color: #fff;}

.footer_bg .container{  padding: 97px 0;}
.footer_bg .col-lg-5{ }
.footer_bg .col-lg-5 img{ margin-bottom: 35px;  }
.footer_bg .col-lg-5 p,.footer_bg .col-lg-5 p a{ color: #fff;  }


.footer_bg .col-lg-7{  border-left: solid 1px #d0c5b5; border-right: solid 1px #d0c5b5; padding-left: 60px;}
.footer_bg .col-lg-7 ul{ }
.footer_bg .col-lg-7 ul li{ width: 24%; float: left; }
.footer_bg .col-lg-7 ul li:first-child{ margin-left: 4%; }
.footer_bg .col-lg-7 ul li p{ color: #fff;}
.footer_bg .col-lg-7 ul li p strong{color: #fff;}
.footer_bg .col-lg-7 ul li p a{ color: #fff;}


/*返回頂部*/
.footer_top{ position: fixed; right: 20px; bottom: 120px;}
.footer_top a{ display: block; width: 46px; height: 46px; background: #f5f5f5; border: solid 1px #f0f0f0; margin-bottom: 10px; text-align: center; border-radius: 2px; line-height: 46px; color: #333; text-indent: -9999px;}
.footer_top a.btn_gotop{ background: url("../img/top_return.png") 8px -59px no-repeat #f1f1f1; }
.footer_top a.btn_return{ background: url("../img/top_return.png") 7px 8px  no-repeat #f1f1f1; }
.footer_top a.btn_gotop:hover{ background: url("../img/top_return.png") 8px -59px no-repeat #e5e5e5; border: solid 1px #e2e2e2;}
.footer_top a.btn_return:hover{ background: url("../img/top_return.png") 7px 8px  no-repeat #e5e5e5;border: solid 1px #e2e2e2; }

/*==========節日裝飾css==============*/
/*.header-box{background:url("../img/new-year-top-50.png") center top no-repeat; padding-top: 50px;}*/


@media only  screen and (min-width:767px) and (max-width:1200px) {
    .header-box {min-width:767px;}
    .header-box .navbar-logo {padding:0px;display:block; margin:6px 16px 0 16px;}
.header-box .navbar-logo img { width:100%;}
	.navbar-header{ width:200px;}
    .header-box .nav{width: 100%;}
    .header-box .nav>li{margin:0 24px; }
    .header-box .nav>li:first-child{margin-left: 10px; }
    .header-box .nav>li>a { line-height:60px;margin: 0; padding: 0; background: none; }
    .header-box .nav li a .dropdown-menu{top: 59px;}
    .header-box .navbar-default .navbar-collapse{ background: #fff;}
	.header-box .navbar-collapse .Set_application .english_box a.english{ padding: 0 10px;}
    .header-box .navbar-collapse .Set_application .english_box{ margin-top: 16px;}
    .header-box .navbar-collapse .Set_application .english_box span.font{ padding:0 0px 0 10px; color: #333; }
    .header-box .navbar-collapse .Set_application .english_box span.font a{ padding:0 3px 0 3px; color: #333; }
	.header-box .navbar-collapse .Set_application .english_box a.facebook{ padding:0 10px;}
    .header-box .navbar-collapse .Set_application a.Application{ width:auto; padding:0 10px 0 36px;pxtext-align:center;line-height: 58px; display:block; height: 58px; background:url("../img/application.png") 10px center  no-repeat #f07102; color: #ffffff; float: left;}
    .header-box .navbar-collapse .Set_application a.Query{ width:auto; padding:0 10px 0 36px;pxtext-align:center;line-height: 58px; display:block; height: 58px; background:url("../img/query.png") 10px center  no-repeat #f7790a; color: #ffffff; float: left;}
    .header-box .navbar-collapse .Set_application a.pay{ width:auto; padding:0 10px 0 36px;pxtext-align:center;line-height: 58px; display:block; height: 58px; background:url("../img/pay.png") 10px center  no-repeat #fa7f14; color: #ffffff; float: left;}
    .header-box .navbar-collapse .Set_application a.Application:hover{ background:url("../img/application.png") 10px center no-repeat #f69037; }
    .header-box .navbar-collapse .Set_application a.Query:hover{ background:url("../img/query.png") 10px center no-repeat #f69037; }
    .header-box .navbar-collapse .Set_application a.pay:hover{ background:url("../img/pay.png") 10px center no-repeat #f69037; }

    /*輪播圖*/
    .banner-1920{ margin-top: 0px;}
    .banner-1920 .carousel-inner>.item> a .carousel-img-bg{ height: 460px; background-position:center -40px; }

    /*底部導航*/
	.contactway_box h4{ line-height: 54px;background: url("../img/contactway_1.png") center bottom no-repeat;}
	
    .footer_bg .container{  padding: 60px 0; width: 90%;}
    .footer_bg .col-lg-7 ul{  padding-left:0px;}
    .footer_bg .col-lg-7{  padding-left:00px;}
    .footer_bg .col-lg-7 ul li{ width: 22%; float: left;}
    .footer_bg .col-lg-7 ul li:first-child{ margin-left: 12%; }
    .footer_bg .col-lg-7 ul{ }

}

@media only  screen and (min-width:316px) and (max-width:767px) {
    .header-box {min-width:316px; }
    .header-box .navbar-header{min-width:316px; padding:0 2%;}
    .header-box .navbar-logo {padding:0px;display:block; margin:6px 40px 0 0px;}
    /*.navbar-collapse.in{overflow: inherit;}*/
    .navbar-default .navbar-collapse{ border-top:solid 1px #eaeaeb;}
    .header-box .nav{width: 100%; clear: both; margin-top: 20px;}
    .header-box .nav>li{margin:0 2%; border-top:solid 1px #f7f7f7;}
    .header-box .nav>li:first-child{margin-left:2%; border-top: none; }
    .header-box .nav>li>a { line-height:46px;margin: 0; padding: 0; background: none; }
    .header-box .nav>li:last-child a{  border-bottom:none;}

    .navbar-default .navbar-collapse{position: absolute;left: 0px; top: 66px;width: 100%; background: rgb(255, 255, 255); border-bottom: solid 2px #fe7200}

    .header-box .nav li a.active,header-box .dropdown.open>a{border-bottom: none;}
    .header-box .dropdown.open>a{border-bottom: none;}
    .header-box .nav li .dropdown-menu li a{ color: #090b17;}
    .header-box .nav>li.open .dropdown-menu li a:hover{ color:#ff6c00; background: none;}

    .header-box .navbar-collapse .Set_application .english_box{ margin-top:16px;}
    .header-box .navbar-collapse .Set_application a.Application{ width:auto; padding:0 20px 0 40px;pxtext-align:center;line-height: 36px; display:block; height: 36px; background:url("../img/application.png") 12px center  no-repeat #f07102; color: #ffffff; float: left;border-radius:4px; margin:10px;}
    .header-box .navbar-collapse .Set_application a.Query{ width:auto; padding:0 20px 0 46px;pxtext-align:center;line-height:36px; display:block; height: 36px; background:url("../img/query.png") 12px center  no-repeat #f7790a; color: #ffffff; float: left;border-radius:4px; margin:10px;}
    .header-box .navbar-collapse .Set_application a.pay{ width:auto; padding:0 20px 0 46px;pxtext-align:center;line-height:36px; display:block; height: 36px; background:url("../img/query.png") 12px center  no-repeat #fa7f14; color: #ffffff; float: left;border-radius:4px; margin:10px;}
    .header-box .navbar-collapse .Set_application a.Application:hover{ background:url("../img/application.png") 12px center no-repeat #f69037; }
    .header-box .navbar-collapse .Set_application a.Query:hover{ background:url("../img/query.png") 12px center no-repeat #f69037; }
    .header-box .navbar-collapse .Set_application a.pay:hover{ background:url("../img/query.png") 12px center no-repeat #f69037; }

    /*輪播圖*/
     .banner-1920 .carousel-inner>.item> a .carousel-img-bg{height:auto;  background-image: none!important;}
    .banner-1920 .carousel-inner>.item> a .carousel-img-bg .banner-img{ display: block;}
    .banner-1920 .carousel-indicators{margin-bottom:0; bottom:8px;}
    .banner-1920 .carousel-indicators li{ margin: 3px; width: 8px; height: 8px;}


    /*底部*/
    .contactway_bg{ padding:60px 0px 60px 0px;}
    .contactway_box{width: 96%px; margin: 0 auto;}
    .contactway_box h4{ line-height: 30px; background:none;}
    .contactway_box .row{ width: 100%; margin:26px auto 0;}
    .contactway_box .tel_box{ margin:0 auto;width: 80%;  float: none; }
    .contactway_box .contactway_btn{ margin:0 auto;width: 80%;  float: none; }

    .footer_bg .container{  padding: 60px 0; width: 90%;}
    .footer_bg .col-lg-7{  padding-left:0; border: none; margin-top: 30px; }
    .footer_bg .col-lg-7 ul{ padding-left: 8px;}
    .footer_bg .col-lg-7 ul li{ width: 100%; float: none; margin-bottom: 20px; overflow: hidden; }
    .footer_bg .col-lg-7 ul li p{  float: left; width: 90px; }

    /*返回頂部*/
    .footer_top{ position: fixed; right: 20px; bottom: 120px; display: none;}


    /*==========節日裝飾css==============*/
    .header-box{background:none; padding-top: 0;}


}

/*改變字體大小*/
body.small-font{ font-size: 14px;}
body.medium-font{ font-size: 16px;}
body.large-font{ font-size: 18px;}

body.medium-font .h16{ font-size:18px;}
body.medium-font .h20{ font-size:22px;}
body.medium-font .h22{ font-size:24px;}

body.large-font .h16{ font-size:20px;}
body.large-font .h20{ font-size:24px;}
body.large-font .h22{ font-size:26px;}


body.medium-font.header-box .nav li .dropdown-menu{ font-size: 16px;}
body.large-font .header-box .nav li .dropdown-menu{ font-size: 18px;}


/*H1`H6字體變化*/
body.medium-font h1,body.medium-font .h1{ font-size:38px;}
body.medium-font h2,body.medium-font .h2{ font-size:32px;}
body.medium-font h3,body.medium-font .h3{ font-size:26px;}
body.medium-font h4,body.medium-font .h4{ font-size:20px;}
body.medium-font h5,body.medium-font .h5{ font-size:16px;}
body.medium-font h6,body.medium-font .h6{ font-size:14px;}

body.large-font h1,body.large-font .h1{ font-size:40px;}
body.large-font h2,body.large-font .h2{ font-size:34px;}
body.large-font h3,body.large-font .h3{ font-size:28px;}
body.large-font h4,body.large-font .h4{ font-size:22px;}
body.large-font h5,body.large-font .h5{ font-size:18px;}
body.large-font h6,body.large-font .h6{ font-size:16px;}