* { margin:0; padding:0; outline:none }
a, a:link, a:visited{ text-decoration:none; }
body { color: #000000; font-family: lato, Tahoma, Geneva, sans-serif; font-size:16px;  }
img { border:none; }
div.clear { clear:both; }
p{ letter-spacing: 1px; line-height:1.5}

#copyright-gositus { background:url(../images/go-online-solusi.png) no-repeat left bottom; color:#FFF; display:block; font-size:10px; height:20px; padding-left:23px; color:#333; }
#copyright-gositus:hover { background-position:left top; }
#copyright-gositus:hover label { color: #99CC33; cursor: pointer; }
#copyright-gositus:hover span { color: #3399CC; }

::-moz-selection {
   background-color: #0082b5;
   color: #FFFFFF;
}
::selection {
    background-color: #0082b5;
    color: #FFFFFF;
}
/* --- Start Custom by rEx --- */

/* Clear */
.clearfix:after{ clear:both; content:" "; display:block; height:0; line-height: 0; visibility:hidden; }
.clearfix{ display:inline-block; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix{ display:block; }
/* End hide from IE Mac */

a{ display: inline-block; }
.fLeft{ float: left; }
.fRight{ float: right; }
.invis{ display: none; }
.stealth{ opacity: 0; }
.no-padding{ padding: 0 !important; }
/* --- End Custom by rEx --- */

h2{ font-size: 32px; }
h3{ font-size: 24px; }
h4{ font-size: 20px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }
#container{
    margin: 0 auto;
    height: 100%;
    min-width: 1000px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.wrapper{
    margin: 0 auto;
    position: relative;
    width: 980px;
}
.blue_line{
    background: url('../images/public/blue_line.png') no-repeat scroll 0 0 transparent;
    border: none;
    height: 3px;
    margin: 10px 0;
    width: 78px;
}
/* --- Header --- */
#header{
    background: #ffffff;
    padding-top: 6px;
    position: relative;
}
#logo-wrap{
    float: left;
    text-align: left;
    width: 230px;
}
#logo{
    
}
#logo-image{
    display: block;
    height: 120px;
    width: 100px;
}
#menu-wrap{
    float: right;
    padding-top: 14px;
    width: 740px;
}
#menu-wrap ul,
#menu-wrap li{
    list-style: none;
}
#menu-top li,
#mainmenu li{
    float: left;
}
#menu-top{
    float: right;
}
#menu-top li{
    font-size: 14px;
    padding: 0 5px
}
#menu-top li a{
    border-radius: 3px;
    color: #0082b5;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 8px;
}
#menu-top li a#welcome_name
{
    padding-left: 0;
}
#menu-top li a#button-login
{
    background: #0082B5;
    color: #FFF;
    padding: 10px 15px;
    text-decoration: none;
    box-shadow: 0;
    transition: box-shadow 0.5s;
}
#menu-top li a#button-login:hover
{
    -webkit-box-shadow: 0px 0px 10px #008FC9;
            box-shadow: 0px 0px 10px #008FC9;
}
#menu-top li a:hover,
#menu-top li a.active{
    text-decoration: underline;
}
#mainmenu{
    font-family: Bebas Neue;
    padding-top: 30px;
}
#mainmenu li{
    float: left;
}
#mainmenu li a{
    color: #000000;
    font-size: 24px;
    padding: 10px 30px;
}
#mainmenu li a.active,
#mainmenu li:hover a{
    color: #0082b5;
}
#mainmenu li h3 a{
    color: #000000;
    font-size: 24px;
    padding: 0;
}
#mainmenu li h3 a.active,
#mainmenu li h3 a{
    color: #000000;
}
#mainmenu li h3 a.active,
#mainmenu li h3 a:hover{
    color: #008fc9;
}
#mainmenu li:hover div.invis{
    /*display: block;*/
}
#mainmenu .submenu{
    background: url('../images/public/submenu_bg.png') repeat scroll 0 0 transparent;
    border: 5px solid #efefef;
    padding: 20px 30px;
    position: absolute;
    left: 0;
    width: 910px;
    z-index: 99999;
}
#mainmenu .submenu li{
    float: none;
    padding: 3px 0;
}
#mainmenu .submenu li a{
    color: #000000;
    font: 14px 'Lato', sans-serif;
    padding: 0;
}
#mainmenu .submenu li a:hover{
    color: #008fc9;
}
.submenu-part{
    float: left;
    width: 200px;
    padding-right: 20px;
}
.submenu-image img{
    position: absolute;
    top: 10px;
    right: 50px;
}
#mainmenu li .submenu h3 a{
    color: #000000;
}
#mainmenu li .submenu h3 a:hover{
    color: #008fc9;
}
/* --- Footer --- */
#footer{
    background: url('../images/public/footer_border_repeat.png') repeat-x scroll 0 0 #f7f7f7;
    font-size: 14px;
    padding-top: 30px;
}
#footer h5{
    font-weight: normal;
    text-transform: uppercase;
}
#footer li{
    list-style: none;
    padding: 5px 0;
}
#footer li a{
    color: #525252;
    text-transform: uppercase;
}
#footer li a.active,
#footer li:hover a{
    color: #008fc9;
}
#footer-menu{
    padding: 0 20px;
}
.footer-part{
    float: left;
    width: 240px;
}
.footer-location{
    float: left;
    padding-left: 80px;
    width: 340px;
}
#copyright{
    padding: 30px 10px;
    position: relative;
    font-size:12px;
}
#copyright #copyright-gositus{
    position: absolute;
    right: 50px;
    top: 32px;
}
/* --- Slider --- */
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 1366px;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
#banner-wrap{
    position: relative;
}
.bx-controls-direction{
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -66px;
}
.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next{
    background: url('../images/public/banner_arrow.png') no-repeat scroll 0 0 transparent;
    height: 20px;
    margin: 0 10px;
    width: 13px;
}
.bx-controls-direction .bx-prev{    
    background-position: 0 0;
}
.bx-controls-direction .bx-prev:hover{
    background-position: 0 -20px;
}
.bx-controls-direction .bx-next{
    background-position: -13px 0;
}
.bx-controls-direction .bx-next:hover{
    background-position: -13px -20px;
}
.home-split3{
    float: left;
    padding: 80px 0 50px;
    text-align: center;
    width: 290px;
}
.home-split3.hs-center{
    padding: 80px 50px 50px;
}
.home-split3 h2{
    font-family: Bebas Neue;
    letter-spacing: 2px;
    padding-top: 20px;
}
.home-split3 h2 a{
    color: #000000;
}
/*525252*/
.home-split3 .hi-icon{
    display: block;
    height: 190px;
    margin: 0 auto;
    width: 190px;
}
.home-split3 .logistics{
    background-image: url('../images/public/logistics_icon_180x180.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.home-split3 .transportation{
    background-image: url('../images/public/transportation_icon_180x180.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.home-split3 .warehousing{
    background-image: url('../images/public/warehousing_icon_180x180.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
/* ------- ------- ------- Circle CSS3 Effect ------- ------- ------- */
.hi-icon:hover:after,
.hi-icon.hover:after {
    opacity: 1;
    transform: scale(1);
}
.hi-icon:after {
    box-shadow: 0 0 0 4px #0082B5;
    left: -7px;
    opacity: 0;
    padding: 7px;
    top: -7px;
    
    border-radius: 50%;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    
    box-sizing: content-box;
    transform: scale(0.8);
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.hi-icon:hover,
.hi-icon.hover {
    background-color: rgba(0, 130, 181, 1);
    background-position: 0 -190px;
}
.hi-icon {
    background-color: rgba(82, 82, 82, 0.1);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 0;
    position: relative;
    text-align: center;
    z-index: 1;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
}
/* ------- ------- ------- ------- ------- ------- ------- */
.home-split3 img{
    padding: 20px 0
}
.home-split3 .blue_line{
    margin: 5px auto 10px;
}

.wpc-highlights{
    background: #f7f7f7;
    padding-top: 40px;
}
.wpc-highlights h3{
    color: #0082b5;
    text-align: center;
}
.clock-wrap{
    background: #ffffff;
    float: left;
    padding: 40px 60px;
    width: 220px;
}
.clock-single{
    color: #525252;
    position: relative;
}
.clock-single.mid-clock{
    padding: 40px 0;
}
.clock-text{
    left: 145px;
    position: absolute;
    top: 15px;
}
.clock-text h5{
    color: #0082b5;
    padding-bottom: 10px;
}
.clock-text .digital{
    text-align: left;
}
.highlights{
    color: #525252;
    float: left;
    width: 490px;
    padding: 40px 0 40px 80px;
}
.highlights ul{
    padding: 10px 0;
}
.highlights li{
    list-style-image: url('../images/public/list-bullet.png');
    margin-left: 15px;
    padding: 5px 0;
}
.testimonial-wrap{
    background: url('../images/public/bg_testimonial.jpg') no-repeat scroll center center #008fc9;
    color: #ffffff;
    text-align: center;
}
.testimonial-wrap .testimonial_2nd_wrapper{
    margin: 0 auto;
    width: 800px;
}
.testimonial h3{
    font-family: latolight;
}
.testimonial h5{

}
.testimonial li{
    padding: 25px 0;
}
.testimonial li a{
    color: #ffffff;
}
.testimonial-wrap .bx-controls-direction{
    left: 0;
    top: 50%;
    margin: -10px 0 0 0;
    position: absolute;
}
.testimonial-wrap .bx-controls-direction .bx-prev{
    position: absolute;
    left: -80px;
}
.testimonial-wrap .bx-controls-direction .bx-next{
    position: absolute;
    left: 845px;
}
.industry-wrap{
    padding: 50px 0;
    text-align: center;
}
.industry-wrap .bx-controls-direction{
    left: 0;
    top: 50%;
    margin: -10px 0 0 0;
    position: absolute;
}
.industry-wrap .bx-controls-direction a{
    display: none;
}
.industry-wrap .bx-controls-direction .bx-prev{
    position: absolute;
    left: 0;
}
.industry-wrap .bx-controls-direction .bx-next{
    position: absolute;
    left: 860px;
}
/* about us */
.full-image{
    display: block;
    margin: 0 auto;
    padding-bottom: 60px;
    width: 1366px;
}
.blue-menu-wrap{
    float: left;
    width: 300px;
}
.blue-menu{
    background: #d9ecf4;
    margin-bottom: 20px;
    padding: 20px 25px 50px 25px;
    width: 250px;
}
.blue-menu h6{
    color: #525252;
    padding-bottom: 5px;
}
.blue-menu li{
    margin-left: 10px;
    list-style: none;
}
.blue-menu li a{
    color: #525252;
    display: block;
    padding: 2px 0;
}
.blue-menu li:hover a,
.blue-menu li a.active{
    color: #0082B5;
}
.right-content{
    float: left;
    padding: 0 0 100px 40px;
    width: 640px;
}
.right-content h3{
    color: #008FC9;
    padding-bottom: 20px;
}
.right-content p{
    color: #525252;
    padding-bottom: 5px;
    letter-spacing: 0;
    word-spacing: 1px;
}
.about-search{
    background: #0082b5;
    margin-bottom: 50px;
    padding: 20px 25px 50px 25px;
}
.about-search h6{
    color: #FFFFFF;
    padding-bottom: 15px;
}
.about-search .about-search-title{
    color: #FFFFFF;
    font-size: 18px;
}
.about-search-wrap{
    position: relative;
}
.about-search-wrap input{
    border: none;
    height: 31px;
    padding: 5px 50px 5px 7px;
    width: 192px;
}
.about-search-wrap button{
    background: url('../images/public/search-button.png') no-repeat scroll 0 0 transparent;
    border: none;
    height: 32px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
}
/* news */
.news-wrap h3{
    color: #008FC9;
    padding-bottom: 25px;
}
.news-left,
.news-right{
    padding-bottom: 50px;
    width: 470px;
}
.news-left{
    float: left;
}
.news-right{
    float: right;
}
.news-image-wrap{
    position: relative;
}
.news-image-wrap:hover{
    box-shadow: 0 0 5px #525252;
}
.news-date{
    background: url('../images/public/bg-news-date.png') repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 230px;
}
.news-date img{
    float: left;
    margin: 12px 0 12px 10px;
}
.news-date p{
    float: left;
    margin: 9px 0 8px 10px;
}
.news-content{
    padding-top: 20px;
}
.news-content p{
    color: #525252;
    padding: 10px 0 20px;
}
.news-link{
    color: #000;
    font-weight: bold;
}
.news-link:hover{
    color: #0082b5;
}
.button-blue{
    color: #0082B5;
    background-color: #FFFFFF;
    border: 1px solid #0082b5;
    padding: 13px 35px;
}
.button-blue:hover{
    color: #FFFFFF;
    background-color: #0082B5;
}
.show-more-news{
    background: url('../images/public/news-arrow-right.png') no-repeat scroll right 4px transparent;
    color: #000000;
    display: block;
    padding: 5px 0;
    width: 150px;
}
.show-more-news:hover{
    text-decoration: underline;
}
/*  news detail */
.news-detail{
    margin-bottom: 10px;
}
.date-list{
    font-size: 14px;
}
.title-list{
    color: #008FC9;
    font-size: 18px;
    font-weight: bold;
}
.news-detail:hover .date-list{
    color: #525252;
}
.news-detail:hover .title-list{
    text-decoration: underline;
}
.news-detail-content h6{
    color: #525252;
}
.news-detail-content p{
    padding-top: 10px;
}
#nav-new-old{
    padding-top: 40px;
}
#nav-new-old .nav-old,
#nav-new-old .nav-new{
    color: #525252;
    font-size: 12px;
}
.nav-old{
    background: url('../images/public/pagination-prev.png') no-repeat scroll left center transparent;
    float: left;
    padding-left: 15px;
}
.nav-new{
    background: url('../images/public/pagination-next.png') no-repeat scroll right center transparent;
    float: right;
    padding-right: 15px;
}
#nav-new-old .nav-old:hover{
     background: url('../images/public/pagination-prev-hover.png') no-repeat scroll left center transparent;
     color: #0082B5;
}
#nav-new-old .nav-new:hover{
    background: url('../images/public/pagination-next-hover.png') no-repeat scroll right center transparent;
    color: #0082B5;
}
/* network */
.network-wrap{
    background: #0082b5;
    margin-bottom: 20px;
    padding: 20px 0;
}
.network-map{
    background: url('../images/public/network-map.png') no-repeat scroll 0 0 transparent;
    height: 335px;
    margin: 0 auto;
    position: relative;
    width: 705px;
}
.coverage-title{
    color: #0082B5;
    float: left;
    text-align: right;
    width: 140px;
}
.coverage-content{
    color: #525252;
    float: left;
    letter-spacing: 0;
    padding: 4px 0 0 30px;
    width: 800px;
}
.region-list{
    padding: 50px 0 100px;
}
.region-list-wrap{
    float: left;
    text-align: center;
    width: 200px;
}
.region-list-wrap h2{
    font-family: Bebas Neue;
}
.region-list-wrap hr{
    margin: 10px auto;
}
.region-list-wrap li{
    list-style: none;
    padding: 3px 0;
}
.region-list-wrap a{
    color: #333;
}
.region-list-wrap a.active,
.region-list-wrap a:hover{
    color: #0082B5;
}
.a-popup{
    display: block;
    height: 15px;
    position: absolute;
    width: 13px;
}
.map-popup{
    background: url('../images/public/map-arrow-bg.png') repeat-x scroll 0 0 transparent;
    display: none;
    height: 25px;
    padding: 8px 40px;
    position: absolute;
}
.map-arrow{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -9px;
}
/* contact us */
#map{
    height: 500px;
    width: 100%;
}
.office-loc{
    color: #008FC9;
    padding: 60px 0;
}
.office-loc-wrap{
    float: left;
    text-align: center;
    width: 300px;
}
.contact-form-wrap{
    border-top: 1px solid #525252;
    padding-top: 20px;
    position: relative;
}
.contact-form{
    margin: 0 auto;
    padding-bottom: 50px;
    width: 800px;
}
.contact-header-icon{
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -25px;
}
.contact-form h3{
    color: #525252;
    text-align: center;
    padding: 20px 0 50px;
}
.wrap-form input,
.wrap-form select,
.wrap-form textarea{
    background: #F7F7F7;
    border: 1px solid #e2e2e2;
    padding: 12px 15px;
    position: relative;
}
.contact-form textarea{
    height: 170px;
    resize: none;
    width: 768px;
}
.input-wrap{
    position: relative;
    margin-bottom: 10px;
}
.contact-form .contact-detail .input-wrap.iw-left{
    margin-right: 10px;
}
.contact-form .contact-detail input{
    width: 228px;
}
.contact-form .contact-detail.wide input,
.contact-form .contact-detail.wide textarea{
    margin-right: 0;
    width: 360px;
}
.contact-form .contact-detail.wide select{
    width: 392px;
}
.contact-form .contact-detail.wide textarea{
    height: 100px;
}
.contact-form .contact-detail.wide_x input,
.contact-form .contact-detail.wide_x textarea{
    margin-right: 0;
    width: 350px;
}
.contact-form .contact-detail.wide_x select{
    width: 382px;
}
.fw_x{
    float: left;
    line-height: 2.5;
    text-align: center;
    width: 15px;
}
.contact-form .contact-detail.full input{
    width: 768px;
}
.contact-form .contact-detail select{
    width: 260px;
}
.contact_label_header {
    text-align: center;
    padding: 5px 0;
    color: #333;
}
.contact_label_subheader {
    text-align: center;
    padding: 0 0 5px;
    color: #333;
}
.contact_separator{
    margin-bottom: 10px;
    color: #fafafa;
}
#profile-wrap label{
    display: block;
}
#profile-wrap input,
#profile-wrap textarea{
    width: 95%;
}
input.error,
select.error,
textarea.error{
    border: 1px solid #FF3333 !important;
    color: #FF3333 !important;
}
label.error{
    color: #FF3333;
    position: absolute;
    top: 15px;
    right: 10px; 
}
.contact-interested{
    padding-bottom: 30px;
}
.contact-interested .fLeft{
    margin-right: 20px;
}
.contact-interested input{
    margin-right: 5px;
}
.contact-button-wrap{
    padding-bottom: 100px;
}
.contact-button-wrap .button-blue{
    float: left;
    font-size: 18px;
}
.contact-button-wrap .button-blue.submit{
    box-shadow: 0 0 5px #008FC9;
    float: right;
    width: 490px;
}
.contact-button-wrap .button-blue.button-blue-full.submit{
    float: none;
    width: 100%;
}
/* career */
.blue-menu h5{
    color: #0082b5;
    font-size: 18px;
    padding-bottom: 5px;
}
.right-content li{
    color: #525252;
    margin-left: 20px;
}
.download-pdf{
    color: #008FC9;
    margin: 30px 0;
}
.career-form .input-wrap{
    width: 332px;
}
.career-form .input-wrap.textarea-wrap{
    width: 632px;
}
.career-form input{
    width: 300px;
}
.career-form textarea{
    height: 100px;
    resize: none;
    width: 600px;
}
/* --- Service --- */
.service-split3-wrap{
    padding: 0 35px 50px;
}
.service-split3{
    float: left;
    text-align: center;
    width: 120px;
}
.service-split3.hs-center{
    padding: 0 80px;
}
.service-split3 h4{
    font-family: Bebas Neue;
    letter-spacing: 1px;
    padding-top: 15px;
}
.service-split3 h4 a{
    color: #000000;
    font-weight: normal;
}
.service-split3 .hi-icon{
    display: block;
    height: 120px;
    margin: 0 auto;
    width: 120px;
}
.service-split3 .logistics{
    background-image: url('../images/public/logistics_icon_120x120.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.service-split3 .transportation{
    background-image: url('../images/public/transportation_icon_120x120.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.service-split3 .warehousing{
    background-image: url('../images/public/warehousing_icon_120x120.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.service-split3 .blue_line{
    margin: 5px auto;
}
/* ------- ------- ------- Circle CSS3 Effect ------- ------- ------- */
.service-split3 .hi-icon:hover,
.service-split3 .hi-icon.hover {
    background-color: rgba(0, 130, 181, 1);
    background-position: 0 -120px;
}
/* ------- ------- ------- ------- ------- ------- ------- */
#service-header{
    color: #000;
    font-family: Bebas Neue;
    padding-bottom: 0;
}
#service-content p{
    color: #525252;
    margin-top: 20px;
    padding: 0;
}
#service-content ul{
    padding-top: 10px;
}
#service-content strong{
    color: #525252;
    display: block;
    font-family: 'Lato', sans-serif;
    padding: 20px 0 10px;
}
#service-subcontent{
    padding-top: 20px;
}
#service-subcontent p{
    margin: 0;
}
.service-subcontent-link{
    color: #525252;
    display: block;
    margin-bottom: 20px;
}
.service-subcontent-link:hover{
    color: #0082B5;
}
.pager{
    text-align: center;
}
.tag_prev,
.tag_next{
    text-transform: uppercase;
}
.pager a,
.pager strong{
    color: #525252;
    font-size: 12px;
    padding: 0 10px;
}
.pager strong,
.pager a:hover{
    color: #0082B5;
}
.pager .tag_prev a{
    background: url('../images/public/pagination-prev.png') no-repeat scroll left center transparent;
    padding-left: 15px;
}
.pager .tag_next a{
    background: url('../images/public/pagination-next.png') no-repeat scroll right center transparent;
    padding-right: 15px;
}
.pager .tag_prev a:hover{
    background: url('../images/public/pagination-prev-hover.png') no-repeat scroll left center transparent;
}
.pager .tag_next a:hover{
    background: url('../images/public/pagination-next-hover.png') no-repeat scroll right center transparent;
}
.notif-red{
    background: #FFE6E6;
    border: 1px solid #FF3333;
    color: #FF3333;
    margin-bottom: 20px;
    padding: 10px 0;
    text-align: center;
}
.notif-green{
    background: #e6ffef;
    border: 1px solid #029c3d;
    color: #029c3d;
    margin-bottom: 20px;
    padding: 10px 0;
    text-align: center;
}
.about-search{
    display: none;
}
/* loader */
.loader-wrap{
    display: none;
}
.loader_mask{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #2d00ff;
    bottom: 0;
    left: 0;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.loader{
    left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    z-index: 9999;
}
#login-wrap {
    border: 2px solid #0082b5;
    border-radius: 3px;
    margin: 40px auto 0;
    padding: 40px 30px;
    width: 450px;
}
#login-detail{
    margin: 0 auto;
}
#login-detail > div{
    position: relative;
}
#login-detail input{
    display: block;
    margin: 0 auto 10px;
    width: 400px;
}
#login-detail button{
    display: block;
    margin: 0 auto;
    width: 432px;
}
.table-front{
    border: 1px solid #0082B5;
    width: 100%;
}
.table-front td{
    border: 1px solid #fff;
    padding: 10px;
	background:#cecece;
}
.table-front tr.odd td {
    background:#efefef;
}
.table-front tr.expired_file td{
    color: #ff0000;
}
.table-front thead td{
    background: #0082b5; color:#fff; 
}
.table-front button{
    background: #fff;
    border: 1px solid #008fc9;
    border-radius: 3px;
    color: #000;
    padding: 5px 10px;
}
.table-front button:hover{
    background: #0082b5;
	color:#fff;
}
.table-front2{
    border: 1px solid #0082B5;
    width: 100%;
}
.table-front2 td{
    border: 1px solid #e2e2e2;
    padding: 10px;
}
.table-front2 .tf-left{
    background:#f7f7f7;
    width: 220px;
}
.table-front2 .tf-right{
    background:#ffffff;
}
.no-menu-left{
    padding: 60px 0;
}
.no-menu-left h3{
    color: #008fc9;
    padding-bottom: 20px;
}
#loader-wrap{
    background: #333;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
#loader-wrap img{
    margin: -64px 0 0 -64px;
    position: absolute;
    left: 50%;
    top: 50%;
}
/*#contact-form{
    margin: 0 auto;
    width: 700px;
}
#contact-form h3{
    color: #008fc9;
    padding: 50px 0;
}
#contact-form .input-wrap label{
    padding: 13px 0;
    min-width: 150px;
}
#contact-form .input-wrap input{
    width: 500px;
}
#contact-form .input-wrap textarea{
    height: 100px;
    width: 500px;
}
#contact-form .button-blue{
    margin-left: 482px;
    width: 200px;
}
#contact-form .notif-green,
#contact-form .notif-red{
    width: 680px;
}*/

#map .map-network{
    margin: 0 0 10px 0;
    width: 250px;
}
.map-network p {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: left;
}
.map-network .map-name{
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0px 0 5px;
    font-weight: bold;
    text-align:left;
}
#filter-wrap{
    
}
#filter-wrap input{
    float: left;
    margin-right: 3px;
    width: 177px;
}
#filter-wrap button{
    float: left;
}
.ui-widget-header{
    color: #333;
}
#network-form h3{
    padding: 40px 0 20px;
}
.network_filter{
    text-align: center;
}
.network_filter .contact-interested{
    padding: 0;
}
.map-network .map-address{
    font-weight: bold; font-size:14px;
}
.map-network .map-datetime{
    font-size: 11px;
    margin-top: -3px; margin-bottom:2px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #ccc;
}
.map-network .map-category {
    font-size:12px;
}
.map-network .map-link{
    text-align: right;
}
.map-network .map-link a{
    background:#0082b5;
    color: #fff;
    margin-top: 5px;
    padding:4px 10px;
	margin-left:2px;
	 border:1px solid #0082b5;
}
.map-network .map-link a:hover { color:#0082b5; background:#fff; border:1px solid #0082b5; }
.gohide { display:none !important; }
.not_avail_note
{
    padding: 10px 0;
    text-align: center;
}
.inquiry-choosen
{
    background: #fff;
    display: none;
    padding: 30px 50px;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%,0);
    box-shadow: 0 0 3px #666;
}
.inquiry-choosen a
{
    border: 1px solid #0082B5;
    color: #333;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 20px;
}
.inquiry-choosen a:hover
{
    background: #0082B5;
    color: #FFF;
}
.inquiry-choosen a.ic-close
{
    border: 1px solid #F66;
    margin: 20px 0 0;
}
.inquiry-choosen a.ic-close:hover
{
    background: #F66;
}
.inquiry-table{
    margin: 10px 0 30px;
    width: 100%;
}
.inquiry-table th,
.inquiry-table td{
    border: 1px solid #e2e2e2;
    padding: 0;
    text-align: center;
}
.inquiry-table th{
    background: #F7F7F7;
    padding: 5px;
}

.inquiry-table td select,
.inquiry-table td input{
    background: transparent;
    border: none;
}
.inquiry-table td select{
    width: 100%;
}
.inquiry-table td input{
    padding: 10px 0;
    text-align: center;
    width: 90%;
}
.inquiry-table td.lcl_space{
    border: none;
    width: 10px;
}
.inquiry-table td.lcl_action{
    border: 1px solid #999;
    width: 40px;
}
.inquiry-table td.lcl_action a{
    display: block;
    height: 22px;
    padding: 8px;
}
.inquiry-table td.lcl_input{
    width: 90px;
}
.inquiry-table td.lcl_disabled{
    background: #ccc;
}
.inquiry-table .lcl_noborder{
    background: none;
    border: none;
}
.inquiry-table .cal_sum td{
    padding: 10px;
    text-align: center;
}
.inquiry-table .cal_sum .lcl_finaltext{
    text-align: right;
	font-weight:bold;
	font-size:15px;
}

.table_gray_text{
    color: #888;
    font-size: 12px;
}
.du_change,
.wu_change{
    font-style: italic;
}
.check-wrap{
    background: #E7E7E7;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    border: 1px solid #aaa;
}
.con_dropdown{
    width: 400px;
}
.text-full textarea{
    width: 100% !important;
    box-sizing: border-box;
}
.table-wrap-scroll{
    overflow-x: scroll;
}
.table-wrap-scroll th{
    min-width: 100px;
}
.table-wrap-scroll #lcl_chg_weight{
    background-color: #FFF;
    text-align: center;
    width: 100px;
}
.inquiry-table .cal_sum td.table-textarea-wrap{
    padding: 0;
    position: relative;
}
.table-textarea-wrap textarea{
    background: #fff;
    border: none;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.col-red {
    color: #F00;
    font-size: 12px;
}