@charset "utf-8";
/*
Theme Name: Access-HR New
Theme URI: http://www.web-makati.com/
Description: Access-HR New
Version: 0.1.4
Author: WEB MAKATI
Author URI: http://www.web-makati.com/
License: GNU General Public License
Tags: Job, Access-HR, Osaka
*/
@charset "utf-8";
/* ----------------------------------
              COMMON
---------------------------------- */
body { 
    margin:0px auto;   
    font-family:Meyrio, Arial, sans-serif;
    background:#fff;  
    font-size:14px;  
    height:100%;   
    color:#333;
}
header,section,article,aside,footer { 	
    display: block;
}
img { 
    width:100%; 
    display:block; 
    margin:0;
    padding:0;
    border:none;
}
ul,ol {	
    margin:0;
    padding:0;
    list-style:none;
    list-style-position:outside;
}
h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}
p { 
    margin:0;
    padding:0;
}
div {
    margin:0;
    padding:0;
}
/* ----------------------------------
           COMMON LINK
---------------------------------- */
a:link { 
    color:#333;
    text-decoration:none;
}
a:visited { 
    color:#333;
    text-decoration:none;
}
a:hover { 
    color:#ff9966;	
    text-decoration:none;
}
a:active { 
    color:#298ADC;
    text-decoration:none;
}
/*-------------------------------------
	    Clear Fix
-------------------------------------*/
.cf:after {  
    display:block; 
    height:0;  
    visibility:hidden; 
    clear:both;  
    content:"";
}
/*-------------------------------------
             PC TB SP
-------------------------------------*/
.pc, .pctb  { 
    display:block; 
}
.tb, .sp { 
    display:none; 
}
    @media screen and (max-width : 769px){
        .pc, .tb, .pctb {
            display:block; 
        }
        .sp, .tbsp { 
            display:none; 
        }
  }
    @media screen and (max-width : 480px) { 
        .pc, .pctb, .tb { 
            display:none; 
        }
        .sp, .tbsp { 
            display:inline-block; 
        }
  }
/*-------------------------------------
	     Header
-------------------------------------*/
header { 
    max-width:1600px;  
    margin:0px auto; 
}
.headerBg {
    position: relative;
    width: 100%;
    margin-top:80px;
    height: auto;
    z-index:1;
}
.headerInner { 
    width:100%; 
    max-width:1600px;
    margin:0 auto; 
    display: flex; 
    flex-wrap:wrap; 
    justify-content:space-between; 
    align-items: center; 
    position:fixed;
    top:0;
    z-index:10;
    background:rgba(255,255,255,0.8);
}
.topLogo { 
    width:auto; 
    padding:5px 20px;
    display:flex;
    flex-wrap:wrap;
}
.topLogo img { 
    width:70px; 
}
h1 {  
    font-size:30px; 
    color:#ff1100;
    font-family: Yu Mincho; 
}
h1 p {
    font-size:12px; 
    color:#333;
    font-family: Meyrio; 
}
.topLogIn { 
    width:50%; 
    display: flex; 
    flex-wrap:wrap; 
    justify-content:center; 
    font-weight:bold;
    white-space: nowrap;
    font-size:12px;
}
.topLogIn div { 
    width:auto; 
    margin:0 5px; 
    text-align:center;
}
.topLogIn div.topContactbtn a { 
    color:#fff;
    background:#333;
    padding:5px 20px;
    border-radius:8px;
    transition: all  0.3s ease;
}
.topLogIn div.topContactbtn a:hover { 
    color:#ff0000;
    background:#eee;
}

    @media screen and (max-width :768px) {
        .topLogIn { 
            width:auto; 
        }
        .topLogIn div { 
            width:auto; 
            margin:0 5px; 
            text-align:center;
        }
    }
  @media screen and (max-width : 570px) {
        .headerInner {
            align-items:normal;
        }
        .topLogIn { 
            display:block; 
        }
        .topLogIn div { 
            margin:5px; 
        }
    }

/*-------------------------------------
	          Smart Phone Navi
-------------------------------------*/
  @media screen and (min-width : 541px) {
        #smartNav { 
            display:none; 
        }
    }
  @media screen and (max-width : 540px) {
        #smartNav { 
            display:block; 
            position: fixed;  
            top: 0px; 
            right:-1px;  
            margin:0; 
            width:100%;
            z-index:30; 
            height:100%;
        }
        #smartNav .openIcon {  
            float:right; 
            display:block; 
            width:50px; 
            height:47px; 
            margin-right:1%; 
            background:rgb(255,255,255,1);
        }
        #smartNav ul  { 
            float:none; 
            position:absolute; 
            right:0;
	        width:250px;  
            margin:0px -250px 0px 0px;
            height:100%; 
            display:block; 
			background:rgb(0,0,0,0.7);
        }
        #smartNav.open { 
            height:47px; 
            width:50px; 
            -webkit-transition: .5s linear; 
            transition: .5s linear;  
        }
        #smartNav.close { 
            width:calc(100% - 250px);
            height:100%;
            margin-right:250px; 
            background:rgb(255,255,255,0.3);
              -webkit-transition: .5s linear; 
            transition: .5s linear; 
        }
        #smartNav ul li { 
            color:#fff;
            font-size: 14px;
            font-weight: bold; 
            width: 230px;
            padding:10px;
            border-bottom: 1px solid #ccc;
        }	  
        #smartNav li a:link { 
            color:#fff; 
            font-size:16px; 
        }
        #smartNav li a:visited{ 
            color:#fff;
        }
  }
/*-------------------------------------
	         TOP SEARCH BOX
-------------------------------------*/
.topSearchBox  { 
    width:350px; 
    margin: auto; 
    position:absolute;
    top:5vw;
    right:100px;
    z-index:20; 
    text-align:center;
}
.topSearchBox  h3  { 
    font-size:100px; 
    margin:30px auto; 
    font-family:Arial;
    line-height: 90px;
}
.topSearchBox  h3  span { 
    color:#ff0000;
}
.topSearchTxt { 
    font-size:26px;
    margin:-30px 0 30px 0;
    font-weight:bold;
}
.topregistBox   { 
    display:flex; 
    flex-wrap:wrap; 
    text-align:center;
    width:100%;
    margin:0 auto;
}
.topregistBox p.registText { 
    width:100% ; 
    margin:5px 0 0; 
    font-size:8px;
}
.topregistBox p.registInput { 
    width:100% ; 
    margin:40px 0 0; 
}
.topregistBox input  { 
    display:inline-block;  
    width:90%; 
    padding:10px 5%;  
    border:1px #ccc solid;  
    vertical-align:middle; 
}
.topSearchBox  .topregistBox .topSearchSubmit { 
    width:100%; 
    margin:15px auto; 
    padding:10px 100px; 
    background:linear-gradient(to bottom, #ff6600, #ff2a00) ; 
    border:none;
    border-radius:20px; 
    font-size:26px; 
    color:#fff; 
}

    @media screen and (max-width :1100px) {
        .topSearchBox  .topregistBox .topSearchSubmit { 
            padding:10px 60px; 
            font-size:22px; 
        }
        .topSearchBox  { 
            width:250px; 
            bottom:6vw;
        }
        .topSearchBox  h3  { 
            font-size:6vw;
            line-height:6vw;
        }
        .topSearchTxt { 
            font-size:1.6vw;
            margin:-30px 0 20px 0;
        }
    }

  @media screen and (max-width :768px) {
        .topSearchBox  { 
            width:330px; 
            bottom:2vw;
            right:50px;
        }
        .topSearchBox  h3  { 
            font-size:6vw;
            line-height:6vw;
        }
        .topregistBox p.registInput {
            margin: 30px 0 0;
        }
        .topSearchBox  .topregistBox .topSearchSubmit { 
            padding:5px 40px; 
            font-size:20px; 
        }
        .topSearchTxt { 
            margin:-30px 0 0px 0;
        }
  }

  @media screen and (max-width : 540px) {
        .topSearchBox  { 
            width:100%;
            position:relative;
            margin:0 auto;
            padding:20px 0;
            right:0;
            bottom:0;
            background:#f8f8f8;
        }
        .topregistBox   { 
            width:90%;
            margin:0 auto;
        }
        .topregistBox p.registText { 
            display:none;
        }
        .topSearchBox  h3  { 
            margin-top:0px;
        }
        .topSearchBox  form { 
            max-width:320px; 
            width:100%;
            margin:0 auto;
        }
        .topLogIn { 
            display:none; 
        }
        .topSearchBox  .topregistBox input.topSearchSubmit { 
            margin:3px auto; 
            padding:5px 0; 
            font-size:14px; 
        }
  }
/*-------------------------------------
	   Main Contents
-------------------------------------*/
main {  
    max-width:1600px; 
    margin:0px auto; 
}
article { 
    width:100%; 
}
section { 
    width:100%;
}
/*-------------------------------------
	          SP Search Box
-------------------------------------*/
section#jobSearch { 
    position:relative;
    background-color:#f8f8f8;
    overflow: hidden;
    padding-bottom:70px;
}
.upperCircle {
    position:absolute;
    top:-140px;
    left:-100px;
    z-index:0;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background:#ff907f;
}
section#jobSearch h2 { 
    text-align:center;
    font-size:24px;
    padding:55px 0 25px;
    z-index: 1;
    position: relative;
}
section#jobSearch h2 span{ 
    font-size:16px;
}
.searchBox  { 
    width:80%; 
    margin:0px 10%;   
    text-align:center;
    padding:20px; 
    z-index:1; 
    position:relative; 
    background:#fff; 
}
.searchBox  .searchCon   {  
    max-width:800px; 
    margin:0 auto; 
    display:flex; 
    flex-wrap:wrap;
    border:1px #ccc solid;
    margin:5px auto;
    text-align:left;
    line-height:40px;
}
.searchBox  .searchConLeft {
    width:calc(20% - 14px);
    padding:7px 7px 5px;
    background:#eaeef0;
    font-weight:bold;
    font-size:13px;
}
.searchBox  .searchConRight {
    width:calc(80% - 14px);
    padding:7px 7px 5px;
}
.searchBox  .searchConRight ul  {
    display:flex; 
    flex-wrap:wrap;
}
.searchBox  .searchConRight ul li {
    width:calc(50% - 10px);
    margin:0 5px;
}
.searchBox  .searchConRight ul.workType li {
    width:auto;
    margin:0 5px;
}
.searchBox  .searchConRight select,
.searchBox  .searchConRight p  {
    margin:0 10px;
}
.searchBox  .searchConRight select {
    border-radius:5px;
    padding: 10px 30px;
}
 .searchBox  .searchConRight input {
    border-radius:5px;
    padding: 10px 30px;
    width:50%;
    border: 1px #ccc solid;
}
.searchSubmit {
    margin-top:15px;
}
.searchSubmit .searchSubmit {
    color:#fff;
    font-weight:bold;
    padding:5px 40px;
    background:#333;
    border-radius:20px;
}
.searchSubmit .searchSubmit img {
    width:40px;
    height:30px;
    display:inline;
    vertical-align:middle;
}
.bottomCircle {
    position:absolute;
    bottom:-40px;
    right:-250px;
    z-index:0;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background:#ff907f;
}
    @media screen and (max-width :768px) {
        .searchBox  { 
            width:calc(96% - 20px); 
            margin:0px 2%;  
            padding:10px;
            z-index:0;
        }
  }
    @media screen and (max-width : 480px) {
        .searchBox  .searchConLeft {
            width:calc(30% - 14px);
            padding:7px 7px 5px
        }
        .searchBox  .searchConRight {
            width:calc(70% - 14px);
            padding:7px 7px 5px;
        }
        .searchBox  .searchConRight ul li {
            width:calc(100% - 10px);
            margin:0 5px;
        }
    .bottomCircle {
        display:none;
    }
}
  @media screen and (max-width : 370px) {

  }

/*-------------------------------------
	          H2 Box
-------------------------------------*/
.h2Box { 
    width:100%; 
    margin:0px auto;  
    background:linear-gradient(to bottom, #ff9b75, #ff6766);
    padding-bottom:600px;
 }
.searchh2Box {
    width:100%; 
    margin:0px auto;  
    background:linear-gradient(to bottom, #ff9b75, #ff6766);
 }

.h2Box h2 { 
    color:#fff; 
    padding:50px 0px 0; 
    font-size:30px; 
    text-align:center; 
    text-transform: uppercase;
} 
.searchh2Box h2 { 
    color:#fff; 
    padding:50px 0px 0; 
    font-size:30px; 
    text-align:center; 
} 

.h2Box p { 
    color:#fff; 
    font-size:16px; 
    text-align:center; 
} 
/*-------------------------------------
	     Entry List
-------------------------------------*/
.entryListBox { 
    width:85%; 
    background:#fff;
    margin:-580px auto 0;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
} 
.entryList { 
    max-width:1000px; 
    background:#fff;
    margin:0px auto;
    padding:20px 0;
    display:flex; 
    flex-wrap:wrap; 
} 
.postCon { 
    width:32%; 
    margin:10px 0.5%; 
    padding-bottom:10px; 
}
.postInner { 
    position:relative; 
}
.postCon .thumbPic { 
    position:relative;  
    background:rgba(255,255,255,0.3); 
}
.postCon .thumbPic div { 
    max-height:200px;
    overflow:hidden
}
.postCon .thumbPic img { 
    width:100%; 
    height:100%;
}
.topCategory { 
    position:absolute; 
    top:0; 
    left:0; 
    background:rgba(255,102,0,1.0);
    font-weight:bold; 
    padding:5px 10px; 
    color:#fff; 
}
.topCategory a:link, .topCategory a:visited { 
    color:#fff; 
}
.topCategory a:hover { 
    color:#eee; 
}

.postInner h3 { 
    background-color:rgba(255,102,0,1.0); 
    color:#fff; 
    width:100%; 
    padding:6px 0 4px; 
    font-size:15px; 
    text-align:center; 
    height:23px;
    overflow:hidden;
}
.postInner h3 a:link { 
    color:#fff; 
} 
.postInner h3 a:visited { 
    color:#fff; 
} 
.excerpt { 
    margin-top:5px;  
}
.entryViewMore {
    width:100%;
    padding-bottom:50px;
    text-align:center
}
.entryViewMore p a {
    font-size:18px;
    padding:15px 80px;
    background:#333;
    border-radius:25px;
    color:#fff;
}
    @media screen and (max-width :1100px) {
        .entryListBox { 
            width:95%; 
        } 
        .postCon .thumbPic div { 
            max-height:19vw;
            overflow:hidden
        }
}
    @media screen and (max-width :768px) {
        .topCategory {  
            padding:3px 5px;
            font-size:12px; 
        }
        .postInner h3 { 
            width:calc(100% - 6px); 
            padding:3px; 
            font-size:14px; 
        }
  }
  @media screen and (max-width :480px) {
        .postCon .thumbPic div { 
            max-height:28vw;
            overflow:hidden
        }
          .postCon { 
            width:49%; 
        }
  }
/*-------------------------------------
	          VISA
-------------------------------------*/
#engineerVisa .h2VisaBox { 
    width:100%; 
    margin:50px auto 10px;  
    text-align:center; 
 }
#engineerVisa .spVisa  { 
    margin:20px auto 30px;  
} 
#engineerVisa .enVisa { 
    background-image:url(/image/engineer-bg-001.png);
    background-repeat:no-repeat;
    background-position:center;
}
#engineerVisa .spVisa { 
    background-image:url(/image/engineer-bg-002.png);
    background-repeat:no-repeat;
    background-position:center;
}
#engineerVisa .h2VisaBox h2 { 
    display:inline-block;
    color:#555; 
    padding:50px 0px 0; 
    font-size:30px; 
    border-bottom: 3px #ff6600 solid;
} 
#engineerVisa h3 {
    background:none;
    color:#555;
    font-size:22px;
    letter-spacing: 5px;
    height:36px;
}
#engineerVisa h3 a {
    color:#555;
}
    @media screen and (max-width :1330px) {
        #engineerVisa .spVisa { 
            background-size: 100% auto;
        }
}
    @media screen and (max-width :620px) {
        #engineerVisa .enVisa { 
            background-size: 100% auto;
        }
}
    @media screen and (max-width :480px) {
        #engineerVisa h3 {
            font-size:4vmin;
        }
}
/*-------------------------------------
	          Banner Contents
-------------------------------------*/
#bottomBanner {
    text-align:center;
    padding:20px 0;
    background-image:url(/image/bottomBannerBg.png);
    background-repeat:no-repeat;
    background-position:center;
}
.bottomConTxt {
    font-size:20px;
    font-weight:bold;
}
.bottomConTxt ul li {
    line-height:40px;
}
#bottomBanner h3 {
    font-size:30px;
    margin-top:30px;
}
.bottomViewMore {
    width:100%;
    margin:30px auto;
    text-align:center
}
.bottomViewMore p a {
    font-size:18px;
    padding:15px 120px;
    background:#333;
    background-image:url(/image/bottomArrow.png);
    background-repeat:no-repeat;
    background-position:top 5px right 10px;
    border-radius:25px;
    color:#fff;
}
.bottomViewMore p a img {
    width:52px;
    display:inline;
}
    @media screen and (max-width :768px) {
        #bottomBanner h3 {
            font-size:4vmin;
        }
}
    @media screen and (max-width :480px) {
        #bottomBanner h3 {
            font-size:6vmin;
        }
}

#relatedLink {  
    max-width:1100px;
    margin:70px auto 0;
}
.leftLinkBar { display:flex; flex-wrap:wrap; text-align:center; }
.leftLinkBar p { width:18%; margin:1%;  }
.leftLinkBar p img { max-width:200px; width:100%; }

  @media screen and (max-width :480px) {
            .leftLinkBar p { width:47%;  }
  }
/*-------------------------------------
	     Page Nation
-------------------------------------*/
nav.navigation  { text-align:center; }
nav.pagination {}
h2.screen-reader-text  { display:none; }
.nav-links { margin:40px auto; }
.nav-links a { padding:5px 10px; background:#777; color:#fff;  font-size:16px; }
.nav-links span.page-numbers {}
.nav-links span.current { padding:4px 9px; color:#333;  font-size:16px; 
               border:1px #333 solid; }
.nav-links span.dots { color:#333; font-size;20px; }
.nav-links .next{}

  @media screen and (max-width : 480px) {
          .nav-links {  line-height:40px; }
          .nav-links a { font-size:18px; margin:0 8px; }
          .nav-links span.current { margin:0 8px; }
  }

/*-------------------------------------
	        Fixed page
-------------------------------------*/
article#pageCon { max-width:1000px; margin:0 auto; }
.registBox  { width:80%; margin:20px 10%;  border-radius:30px; text-align:center;
             border:2px #ff6600 solid; padding:20px;  }
.registBox  h2 { color:#ff6600; padding:20px 0px; font-size:26px; text-align:center; } 
.registForm { display:flex; flex-wrap:wrap; }
.registBox  .registTxt  { width:48%; margin:1%; }
.registBox  .registTxtW  { width:96%; margin:1%; }
.registBox  .radioTxt  { width:13%; margin:1%; display:inline; padding-top:20px; color:#777;}
.registBox  .radioTxt  input { width:10%; margin:1%; display:inline; vertical-align:middle; }

.registBox  .dateTxt  { width:31%; margin:1%; }

.registBox input  {   width:94%; padding:20px 3%;  
               border-radius:10px; border:1px #bbb solid; }
.registBox select  { width:100%; padding:20px ;  border-radius:10px;
            border:1px #aaa solid; vertical-align:middle; color:#888; }




.registBox input.spSearchSubmit { width:40%; margin:15px 25%; padding:12px 0; 
              background:#ff6600; border-radius:20px; font-size:20px; color:#fff; border:none; }
  @media screen and (max-width : 768px) {
         article#pageCon { width:100%;  }
  }
/*-------------------------------------
	     Single Page
-------------------------------------*/
section#singleCon { max-width:900px; margin:0 auto; padding-top:20px; }
section#singleCon img { max-width:98%; max-height:98%; margin:1%; 
              width:auto;  }
.latestNewsListDate { text-align:right; margin:0 0 10px; font-weight:bold;}
.entryCon { line-height:1.8em; margin: 0 auto 40px;}
#singleCon .entryCon img { display:inline; margin: 10px 15px; }
#singleCon .entryCon .alignleft { float:left; margin:5px 15px;}
#singleCon .entryCon .alignleft img {  }
#singleCon .entryCon .alignright  { float:right; margin:5px 15px;}
#singleCon .entryCon .alignright img {  }
#singleCon .entryCon img.centered, 
#singleCon .entryCon .aligncenter, 
#singleCon .entryCon div.aligncenter { display: block !important; margin:10px auto; }
#singleCon .entryCon img.alignleft { float:left; margin: 5px 25px 5px 0;}
#singleCon .entryCon img.alignright { float:right; margin: 5px 0 5px 25px;}
#singleCon .entryCon .wp-caption-text { text-align:center; margin-top:-15px; } 

#singleCon h3 { background:none; color:#000; width:auto; padding:5px; 
           position:relative;bottom:auto; font-size:16px; text-align:left; }
#singleCon h3 a:link { color:#6666ff; } 
#singleCon h3 a:visited { color:#9966ff; } 

.entryCon table { border-spacing: 0;   width: auto;   border: 1px solid #eee; max-width:100%; 
    border-collapse: separate;  margin-bottom: 1.5em; }

  @media screen and (max-width : 480px) {
         section#singleCon img { max-width:480px !important;  }
  }
/*-------------------------------------
	     Archive Page
-------------------------------------*/
section#CatCon {  }

.CategorySelect { width: auto; text-align:center; margin:10px auto 30px; font-size:16px; 
               font-weight:bold; }
.CategorySelect select{ padding: 3px 5px 7px 5px; border-radius: 10px;   border: 1px #ff6600 solid;
               background: rgba(255,238,227,0.5); }

#CatCon .catBox { margin-bottom:10px; padding-bottom:10px;
            border-bottom: 2px #eed9c6 solid; display:flex; flex-wrap:wrap; }
#CatCon .catThumb { width:49%; margin:0 0.5%; }
#CatCon .catThumb img { width:100%; height:100%; }

#CatCon .catThumb { height:170px; overflow:hidden; position:relative; }
#CatCon .catThumb img { height:auto; width:100%; 
          position:absolute; top:0; bottom:0; margin:auto; }
#CatCon .catText { width:49%; margin:0 0.5%;}
#CatCon .catPostDate {margin:0px; text-align:right; }
#CatCon h4.catTitle { margin-bottom:10px; }

#CatCon .backNumberList, #CatCon .aboutPhilippines { width:calc(100% - 42px);  
           padding:10px 20px; border:1px #ccc solid; margin-top:-10px;}
#CatCon .backNumberList .backNumberVol { font-weight:bold; font-size:16px; padding:3px; }

  @media screen and (max-width : 480px) {
         #CatCon .catThumb { width:90%; margin:0 5% 10px;}
         #CatCon .catText { width:98%; margin:1%;}
  }

/*-------------------------------------
	   CONTACT
-------------------------------------*/
.contactInner { max-width:800px;margin:0 auto; position:relative; }
.contactBox { margin:40px 0; }
.contactText { width: 50%; float: left;  margin: 10px 0;}
.contactTextW { width: 100%;  margin: 10px 0;}
.contactText input.name, .contactTextW input.name
               { width: 96%; padding: 20px 1%; border-radius: 8px; border: none; background: #eee; }
.contactText select { background:#eee; padding: 5px 15px; border-radius: 5px;  border: none;} 
.contactArea { clear: left; width: 100%; padding: 10px 0;}
.contactArea textarea.message { width: 97%;  height: 114px; padding: 20px 1%;
    border-radius: 8px;  border: none;  background: #eee;}
.contactText input.submit { width: 100%; padding: 20px 1%; border-radius: 8px;
    border: none;   cursor: pointer; background-color: #777; color:#fff; font-weight:bold; }

  @media screen and (max-width : 480px) {
    .contactText { width: 100%; float: none; }
    .contactText input.name { width: 98%; }
    .contactArea textarea.message { width: 98%; }
  }

/*-------------------------------------
	   CONTACT PHP
-------------------------------------*/
#contactForm table { table-layout:fixed; }
#contactForm .formTable { width:80%;margin:10px auto 10px auto;
         border-spacing:0;border-collapse:collapse; }
#contactForm .formTable td { width:70%;padding:10px 20px;word-wrap:break-word; }
#contactForm .formTable th { width:30%;padding:10px 20px; }

  @media screen and (max-width : 480px) {
     #contactForm h3 { text-align:center; }
     #contactForm .formTable { width:98%; margin:10px 1%; }
     #contactForm .formTable th { padding:10px; }
  }
  /*-------------------------------------
	    Page Top
  -------------------------------------*/
  #page-top { 
    display: block;  
    position: fixed;  
    z-index: 9999;  
    bottom: 25px;
    right: 100px;  
    width: 100px;  
    padding: 20px 10px;  
    background:rgba(255,104,0,1.0);
    color: #fff;  
    text-align: center;  
    text-decoration: none; 
}
  #page-top:hover {   
    background: rgba(255,104,0,.8); 
    }
    @media screen and (max-width : 480px) {
        #page-top { 
            bottom: 100px;
            right: 10px;  
        }
    }

/*-------------------------------------
	     Footer
-------------------------------------*/
footer { 
    width:100%; 
    margin:70px auto 0;
    padding:0px; 
    background:#323333;  
    color:#fff; 
}
footer .footerInner { 
    max-width:1200px; 
    margin:0 auto;   
    display:flex;
    flex-wrap:wrap;
}

footer .footerLeft {
    width:28%;
    padding:1%;
}
footer .footerRight {
    width:70%;
}
footer ul { 
    width:100%; 
    padding:20px 0; 
    display: flex; 
    flex-wrap:wrap; 
    justify-content:center; 
    text-align:center; 
}
footer ul li { 
    width:18%; 
    margin:5px 1%; 
}
footer a:link { 
    color:#fff; 
}
footer a:visited{ 
    color:#fff; 
}
footer a:hover{ 
    color:#ff6600; 
}
address { 
    color:#fff; 
    font-size: 12px; 
    text-align:center; 
    padding: 20px 0px 40px; 
}
    @media screen and (max-width : 480px) {
        footer ul { 
            width:98%; 
        }
        footer ul li { 
            width:48%; 
            margin:5px 1%; 
        }
        address { 
            padding: 20px 0px 100px; 
        }
  }