body {
  background-attachment: scroll;
  background-color: white;
  background-position: left top;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) */
/*header&footer*/
.active_header{background: url(https://www.pktravel.com.tw/cp/images/top/bar.png) repeat-x;background-size: contain;position: fixed;z-index: 9999;}
.active_header nav.navbar > a{padding: 0px 0px 0px !important; height: auto !important;line-height:1em;}
.active_header nav.navbar > a > img{width: 100%;height: auto !important;}
.active_header .navbar-collapse .navbar-nav li:nth-child(1){}
.active_header .navbar-collapse .navbar-nav li:nth-child(1) a{
    line-height: 30px !important;
    background: url(https://www.pktravel.com.tw/cp/images/top/fb-messages.png) #ffffff;
    width: 32px;
    height: 32px;
    background-size: 100%;
    margin: 0px 5px;
    border-radius: 50%;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(1) a:hover{
    line-height: 30px !important;
    background: url(https://www.pktravel.com.tw/cp/images/top/fb-messages.png) #ffffff;
    width: 32px;
    height: 32px;
    background-size: 100%;
    margin: 0px 5px;
    border-radius: 50%;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(1) i{
    display: none;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(2){}
.active_header .navbar-collapse .navbar-nav li:nth-child(2) a{
    line-height: 30px !important;
    background: url(https://www.pktravel.com.tw/cp/images/top/line1.png) #ffffff;
    width: 32px;
    height: 32px;
    background-size: 100%;
    margin: 0px 5px;
    border-radius: 50px;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(2) a:hover{
    line-height: 30px !important;
    background: url(https://www.pktravel.com.tw/cp/images/top/line1.png) #ffffff;
    width: 32px;
    height: 32px;
    background-size: 100%;
    margin: 0px 5px;
    border-radius: 50px;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(2) i{
    display: none;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(3){}
.active_header .navbar-collapse .navbar-nav li:nth-child(3) a{
    line-height: 30px !important;
    border: 1px solid #fff;
    padding: 0px 10px;
    margin: 0px 10px;
    letter-spacing: 0;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(3) a:hover{
    line-height: 30px !important;
    border: 1px solid #fff;
    padding: 0px 10px;
    margin: 0px 10px;
    letter-spacing: 0;
    color:#000 !important;
}
.active_header .navbar-collapse .navbar-nav li:nth-child(3) i{}
.active_header > .module-container > .main > div > nav{background:none !important;padding: 5px 30px;}

@media(min-width:992px){
  .active_header{padding:0 9em;}
}
@media(max-width:991px){
  .active_header .navbar-collapse .navbar-nav.ml-auto{padding: 0;display: table;float:right;}
  .active_header .navbar-collapse .navbar-nav li:nth-child(1){display: table; float: left; width: auto;}
  .active_header .navbar-collapse .navbar-nav li:nth-child(2){display: table; float: left; width: auto;}
  .active_header .navbar-collapse .navbar-nav li:nth-child(3){display: table; float: left; width: auto;}
  .active_header{background-size: 45px;}
  .active_header > .module-container > .main > div > nav{padding:0;}
  .active_header nav.navbar > a{padding: 5px 0px 0px 30px !important;}
  .active_header nav.navbar > button{ margin: 5px 30px 0 0;}
  .active_header nav.navbar > .navbar-collapse{padding: 0px 30px;background: rgba(2, 144, 185, 0.76);}
  .active_header nav.navbar > .navbar-collapse > ul.navbar-nav{padding:10px 0;}
}
@media(max-width:320px){
  .active_header nav.navbar > a{padding-left: 10px !important; padding-top: 0 !important;}
  .active_header nav.navbar > button{margin-right: 10px;}
}

/*footer*/
*{font-family:Microsoft Jhenghei, Arial;-moz-box-sizing: border-box;}
a:focus, button:focus {outline: none; text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover {/*text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;*/}

.footerj_fillo .footer_logo{padding:0;}
.footerj_fillo .fnav_wrap .footer_nav li a:hover{color:#22b8da !important;}
.footerj_fillo .footer_info > a:nth-child(2) > h4 > i{border: 1px solid #009cd7;border-radius: 50px;font-size: 13px !important;}
.footerj_fillo .footer_info > a h4{position:relative;padding-left:2em;}
.footerj_fillo .footer_info > a h4 i{position:absolute;left: 0;}
.footerj_fillo .footer_info > p > a:hover > i{color:#ffffff !important;}
.footerj_fillo .footer-sample .icon_wrap .footer_bticon li a:hover{transform: scale(1.2);}
/*.facebook_md .footer_center .footer_fbicon a{width: 16.5%;flex: 0 0 16.5%;max-width: 16.5%;}
.facebook_md .footer_center .footer_fbicon a:nth-child(1), .facebook_md .footer_center .footer_fbicon a:nth-child(2), .facebook_md .footer_center .footer_fbicon a:nth-child(3){width: 33%;flex: 0 0 33%;max-width: 33%;}
.facebook_sm .footer_center .footer_fbicon a{width: 50%;flex: 0 0 50%;max-width: 50%;}
.facebook_sm .footer_center .footer_fbicon a:nth-child(1), .facebook_sm .footer_center .footer_fbicon a:nth-child(2), .facebook_sm .footer_center .footer_fbicon a:nth-child(3){width: 100%;flex: 0 0 100%;max-width: 100%;}*/

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

}

@media(max-width:1199px){
.icon_wrap p{text-align: center;}
.icon_wrap ul.footer_bticon{position: static;margin: 25px auto 0;}
}

@media(max-width:1024px){
.header_right > .module-container > .main > .text-container > .module > .text-link > .link-list > ul > li:nth-child(1) > a{padding: 20px 0px 20px 25px;}
}

@media(min-width:992px){
.footerj_fillo .footer_center{padding: 0 10em 2em;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_wrap{display:none !important;}
.header_m_wrap{display:inline-block !important;}
/*.footerj_fillo{display:none !important;}
.facebook_md{display:inline-block !important;}
.facebook_md .footer_center .footer_fbicon{width: 100%;flex: 0 0 100%;max-width: 100%;}*/
  .footerj_fillo .footer-sample .footer_fbicon{width: 100%;flex: 0 0 100%;max-width: 100%;}
  .footerj_fillo .footer-sample .footer_fbicon > .row{display: flex;width: 100%;height: 100%;margin: 0;}
  .footerj_fillo .footer-sample .footer_fbicon .row .fb-img-1{width:33%; order:-1;flex: 0 0 33%;max-width: 33%;}
  .footerj_fillo .footer-sample .footer_fbicon .row .fb-img-2{width:16.5%;flex: 0 0 16.5%; max-width: 16.5%;}
  
}

@media(max-width:767px){
  body .footer{/*margin:0;*/}
  .footerj_fillo .footer-sample .footer_info > p{display:none;}
  .footerj_fillo .footer-sample .footer_info{margin-top:2em;}
  .footerj_fillo .footer-sample .footer_fbicon > .row{display: flex;width: 100%;height: 100%;margin: 0;}
  .footerj_fillo .footer-sample .footer_fbicon .row .fb-img-1{order:-1;width: 100%; flex: 0 0 100%; max-width: 100%;}
  .footerj_fillo .footer-sample .footer_fbicon .row .fb-img-2{width:50%;flex: 0 0 50%; max-width: 50%;}
  .footer_m_btn{position: fixed;bottom: 0;z-index:999;}
  .footer_m_btn .function-row ul{width: 100%;background: #ffffff;}
  .footer_m_btn .function-row ul li{padding: 0 0.5px;margin: 0;width:25%;}
  .footer_m_btn .function-row ul li a{/*background: #00C300;*/border-radius: 0px; width: 100%; line-height: 3em; padding: 0 5px;}
  .footerj_fillo{margin-bottom:50px;}
  .footerj_fillo .fnav_wrap .footer_nav li a {padding: 10px;}
  .footer_m_btn .function-row ul li:nth-child(1) a {background: #1FBF03;}
  .footer_m_btn .function-row ul li:nth-child(2) a {background: #FF008E;}
  .footer_m_btn .function-row ul li:nth-child(3) a {background: #FFA800;}
  .footer_m_btn .function-row ul li:nth-child(4) a {background: #01E6EC;}
  .footer_m_btn .function-row ul li a h3 {margin-top: 0;}
}