@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/
@media (max-width: 1440px) {
    .footer .sitemap .foo_logo_sec a > img{
         transform: scale(0.8);
         margin-left: -22px;
    }
.header .navbar .navbar-brand {
    float: none;
    margin: 23px auto 0;
}
.header .navbar .navbar-header {
    float: none;
}
.footer .sitemap > ul > li {
    width: 100px;
}


}
@media (max-width: 1300px) {

.fees .toll .client:before {
    right: -259px;

}	
.share .skill {
       background-position-x: 180%;
}		

    .header .navbar .navbar-nav{
        margin-right: 110px;
    }
    .banner .banner_text_sec{
        margin-left: 40%;
    }
    .footer .sitemap .foo_logo_sec{
        left: 20px;
    }
    
    .footer .sitemap > ul{
        right:0;
    }
	.content .ab_sec.b .ab_sec_det {
    padding-right: 10%;
    margin-left: 7%;
    }	
.content .ab_sec .ab_sec_det {
    padding: 18px 0;
    margin-right: 70px;
    width: 100%;
   }
}

@media (max-width: 1199px) {
.personal-brand .tabs > ul > li {
    display: block;
    width: inherit;
}
.personal-brand .tabs > ul > li+li {
    margin-left: 0px;
}

.content .ab_sec.c .ab_sec_det .tabs > ul > li+li {
    margin-left: 0;
}	
.share .skill {
    background-position-x: 330px;
}	
	    .banner .banner_img{
        height:auto;
    }
    .banner .banner_img img{
        display:block;
        width:100%;
    }
    .banner{
        padding-top: 143px;
    }
    .banner .banner_text_sec{
        margin-left: 40%;
        top:150px;
    }
    .banner .banner_text_sec .info_sec{
        margin-bottom: 0;
        margin-top: 10px;
    }
    .banner .banner_text_sec .tit_sec h2{
        font-size:23px;
		text-align: center;
    }
    .banner .banner_text_sec .tit_sec h5{
        font-size: 18px;
    }
    .banner .banner_text_sec .info_sec .sec{
        width:200px;
        height:200px;
        padding: 37px 15px 0 15px;
    }
    .banner .banner_text_sec .info_sec .sec h6:before{
        top: -38px;
        margin-left: -15px;
        width:30px;
        height:30px;
    }
    .banner .banner_text_sec .info_sec .sec.a h6:before,
    .banner .banner_text_sec .info_sec .sec.b h6:before,
    .banner .banner_text_sec .info_sec .sec.c h6:before{
        background-size: 100%;
    }
    .banner .banner_text_sec .contact_btn{
        font-size: 15px;
        padding: 10px 50px;
        margin-top:20px;
    }


    .header .banner .bxslider li {
        height: auto;
    }

    .header .banner .bxslider li img {
        display: block;
    }

    .header .navbar .navbar-nav {
        /*margin-top: 30px;*/
        clear: both;
        float: none;
        text-align: center;
    }

    .header .navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    }

    .header .navbar .navbar-header {
        float: none;
    }

    .header .navbar .navbar-brand {
        float: none;
        margin: 23px auto 0;
    }

    #floating {
        margin-top: -90px;
    }
    .header .navbar .navbar-nav{
        margin-right:0;
        float: none;
    }
    .header .navbar .navbar-nav > li > a{
        padding: 10px;
    }
    .footer .sitemap .foo_logo_sec{
        position: static;
        float: left;
        width: 100%;
        margin-top:20px;
        margin-bottom:50px;
    }
    .footer .sitemap .foo_logo_sec a > img{
         transform: scale(1);
         margin-left: 0;
    }
    .footer .sitemap > ul{
        position: static;
        display: inline-block;
        clear: both;
        margin-bottom:30px;
    }
    .footer .siteinfo ul > li{
        display: block;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul > li{
        margin-right:4px;
    }
}

@media (max-width: 991px) {
.contact .profession .form-group table td {
    padding: 13px 10px;
}	
.personal-brand .tabs > ul > li {
    width: inherit;
}	
.banner .banner_text_sec .tit_sec h5 {
    color: #000;

}	
.banner .banner_text_sec .tit_sec h2 {
    color: #000;
}	
.fees .toll .pic {
    float: none;

}	
.fees .toll .client:before {
	background:none;
}	
.fees .toll .client p {
    width: inherit;
}	
.personal-brand .tabs > ul > li {
    display: block;
    margin-bottom: 24px;
}	
.personal-brand .tabs > ul > li+li {
     margin-left: 0;
}	
.personal-brand .brand .field {
    padding: 55px 0;
}	
.share .skill {
    background-position-x: 267px;
}	
.service .project .explore .goal {
     width:  inherit;
}	
.service .project .explore .left {
    padding: 0; 
}
.service   .project   .explore   .evaluation  h2{
	text-align:left;
	}
.service .project .explore .evaluation {
     width: inherit;
    height: 71px;
    background-color: #000;
     -webkit-border-radius:inherit;
    -moz-border-radius: inherit;

}

.service .project .field {
    padding: 55px 0;
}
    .banner{
        /*padding-bottom: 60%;*/
        padding-top: 116px;
    }
    .banner .banner_text_sec{
        margin-left: 0;
        /* margin-top: 40%; */
        width:100%;
        position: static;
        margin-top: 50px;
        margin-bottom: 0;
        border-bottom: solid 1px #e9e9e9;
    }
    .banner .banner_text_sec .tit_sec{
        text-align: center;
        margin-bottom: 30px;
    }
    .header .navbar .navbar-nav {
        padding: 0;
        margin: 0 -20px 0;
    }

    .content .btn-more {
        top: 12px;
    }

    .side {
        padding-bottom: 20px;
    }

    .side .nav {
        max-width: none;
        margin: 0;
        display: none;
    }

    .side.menu-open .nav {
        display: block;
    }

    .side .nav > li {
        float: none;
        display: inline-block;
        border: 0;
        margin: 0 5px;
        vertical-align: top;
    }

    .side .nav > li + li {
        border: 0;
    }
    .header .navbar .navbar-nav > li > a{
        padding: 10px 5px;
        font-size: 14px;
    }
    .content .testimony_sec .custesti_sec:before{
        left: 50%;
    }
    .content .testimony_sec .custesti_sec:after{
        display: none;
    }
    .footer .siteinfo{
        margin-left: 10px;
    }
    .content .ab_sec{
        background: #eee;
    }
    .content .ab_sec.b{
        background:none;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul > li > a{
        width:120px;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul > li > a .arrow_b_int{
        right:42px;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul > li{
        margin-right: 20px;
    }
    .content .ab_sec.d .ab_sec_det .ab_cont{
        padding: 20px 80px;
    }
    .content .ab_sec.d .ab_sec_det h1{
        padding: 0 80px;
    }
    .content .ab_sec.b .ab_sec_det{
        padding-right: 0;
    }
}

@media (max-width: 767px) {
	.show .thank {
    width: 80%;

}
.show  .thank  img{
	    width: 100%;
	}	
.fees .toll	h1 {
    font-size: 24px;

}	
.fees .toll .build {
    font-size: 20px;

}
.fees .toll .general {
    width: inherit;

}	
.fees .toll .pic {
    float: none;
}	
.contact .profession .form-group .coach {
     padding-left: 0; 
}	
.contact .profession p b {
    padding-left: 0;
    display: block;
}	
.contact .profession .form-group .rmationl {
    text-align: left;
}	
.contact  .profession     .form-group   table   tr td:nth-child(1){
		display:block;
		}
.contact  .profession     .form-group   table   tr td{
		display:inline-block;
		width:50%;
		    padding: 7px 10px;
		}		
	
.contact  .profession    	.form-group   table  th{
	display:block;
	width:100%;
	}	
.qa .q_a .question {
    font-size: 16px;

}	
.qa .q_a .question {
    display: block;
}	
.personal-brand .brand .build {
    font-size: 20px;
}	
.letter .thank .build {
    font-size: 20px;
}	
.interview .performance p.build {
    font-size: 20px;

}	
.personal-brand .tabs > .tabs_sec {
    padding: 20px;

}	
.interview .performance .license   img {
	width:100%;
}	
.interview .performance .strength {
    margin-left: -108px;
}	
.about  .content   .ab_sec    h1 {
    font-size: 24px;
}	
  .content   .ab_sec   p.highlight {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.content .ab_sec.e .ab_sec_det > p .big02 {
    font-size: 24px;
}
.share .content .ab_sec.e .ab_sec_det > p .big03 {
    font-size: 22 px;

}
.about  .content .ab_sec .ab_sec_det p.highlight {
    font-size: 20px;
	text-align:left !important;
}
.interview .performance h1 {
    font-size: 24px;
}	
.letter  .thank{	
    background-position-x: -170px;
}	
.letter .thank b {
  padding-bottom: 30px;
	
}		
	
.personal-brand .tabs > ul > li > a {
    font-size: 20px;
    padding: 15px;

}	
.personal-brand .tabs > ul {
    margin: 0  auto;

}
.personal-brand .brand .safety {
     padding-top: 0px; 
}	
.personal-brand .brand h1 {
    font-size: 24px;
}	
.personal-brand .brand {
    background-position-x: -715px;
}	
	.share .skill h1 {
    font-size: 24px;
}
.share .skill   ul   .White {
	    text-indent: -22px;
    margin-left: 10px;
	}
.share .skill   .shrink {
      text-indent: -13PX;
    margin-left: 12px;
    line-height: 2;
    padding-bottom: 13px;
}	
.share .skill {
	background:none;
}	
.share .skill p {
    width: inherit;
}

.service .project .explore {
    padding: 70px 0 85px;
}	
.service .project .build {
    width:  inherit;
	    font-size: 20px;
}	
.service .project h1 {
    font-size: 24px;

}	
.service .project .specialty {
    background-position-x: -520px;	
}
    #floating,
    #floating.fixed {
        top: 40px;
        margin-top: 0;
    }

    #floating .btn-floating {
        display: block;
    }

    #floating ul {
        width: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #floating.open ul {
        width: 60px;
    }

    .header .navbar .navbar-header {
        text-align: center;
    }

    .header .navbar .navbar-toggle {
        font-size: 18px;
        color: #1EB5BE;
        letter-spacing: 2px;
        border: none;
        float: none;
        margin: 0 0 20px;
        padding-left: 14px;
    }

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
    }

    .header .navbar .navbar-nav {
        background: none;
        border-top: 2px solid #f58130;
        margin: 0 -15px;
    }

    .header .navbar .navbar-nav > li {
        display: block;
    }

    .header .navbar .navbar-nav > li + li:before {
        display: none;
    }

    .header .navbar .navbar-nav > li > a {
        width: auto;
        text-align: center;
        border-bottom: 1px solid rgba(251, 134, 51, 0.3);
        padding: 10px;
    }

    .header .navbar .sub-nav {
        text-align: center;
        margin: 10px 0 20px;
        position: static;
    }

    .header .navbar .btn-default {
        color: #333;
    }

    .header .navbar .lang {
        text-align: center;
        display: block;
        margin-top: 10px;
        position: static;
    }

    .header .navbar .lang .btn {
        width: 100%;
        background: none;
        font-size: 14px;
        border: none;
        float: none;
        display: block;
        padding: 8px;
    }

    .header .navbar .lang .btn,
    .header .navbar .lang .btn:active .header .navbar .lang .btn:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
    }

    .footer {
        padding: 0;
    }

    .footer .sitemap {
       /* display: none;*/
    }

    .footer .copyright,
    .footer .siteinfo,
    .footer .siteinfo ul {
        display: block;
        text-align: center;
    }

    .footer .siteinfo ul > li {
        display: block;
        margin-right: 0;
    }

    .footer .siteinfo ul > li + li:before {
        display: none;
    }

    .main {
        z-index: auto;
    }

    .side .nav {
        margin-bottom: 20px;
    }

    .side .nav > li {
        float: none;
        display: block;
        margin: 0;
    }

    .side .nav > li + li {
        border-top: 1px solid #ABCFDB;
    }

    .content .list-box .txt-list li.list-header {
        display: none;
    }

    .content .list-box .txt-list li span {
        float: none;
        display: block;
        padding: 0;
    }

    .content .btn-box {
        text-align: center;
    }

    .content .btn-box .page-info select {
        width: 100px;
        display: inline-block;
    }

    .content .btn-box .pager,
    .content .btn-box .page-info {
        float: none;
    }

    .content .btn-box .pager {
        display: block;
    }

    .content .btn-box .pager li {
        margin: 0;
    }

    .content .btn-box .pager li > a {
        width: 100%;
        text-align: center;
        margin: 5px 0 0;
        padding-left: 0;
        padding-right: 0;
    }
    .content .testimony_sec .custesti_sec:before{
        display: none;
    }
    .content .recommend_sec{
        background-position: left top;
    }
    .content .recommend_sec .reader_sec{
        width: 100%;
    }
    .header .navbar .navbar-brand{
        margin: 10px 0;
    }
    .header .navbar .navbar-toggle{
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .banner{
        padding-top: 73px;
    }
    .header .navbar .lang > ul{
        background-position: 40% center;
    }
    .footer .foo_share{
        position: static;
        display: block;
        text-align: center;
    }
    .footer .sitemap .foo_logo_sec a > img{
        margin-bottom: 10px;
        transform: scale(0.8);
        margin-left: -20px;
    }
    .footer .sitemap > ul{
        display: block;
        padding-left:40px;
    }
    .footer .sitemap > ul br {
        display: none;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul{
        text-align: center;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul > li{
        margin-bottom: 10px;
        margin-right: 0;
		display: block;
    }
    .content .ab_sec.c .ab_sec_det .tabs > ul > li > a .arrow_b_int{
        display: none;
    }
    .content .ab_sec .ab_sec_det{
        padding-top: 40px;
    }
    .content .bread{
        display: none;
    }
}
@media (max-width: 640px) {
    .banner .banner_text_sec .info_sec .sec{
        display: block;
        margin:10px auto;
        width:230px;
        height:230px;
    }
    .banner .banner_text_sec .info_sec .sec h6:before{
        width: 53px;
        height: 53px;
        margin-left: -26px;
        top: -60px;
    }
    .banner .banner_text_sec .info_sec .sec{
        padding-top: 60px;
    }
    .banner .banner_text_sec .info_sec .sec h6{
        font-size: 16px;
    }
    .banner .banner_text_sec .info_sec .sec p{
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .content .qa_sec{
        padding: 10px;
    }
    .content .qa_sec .qa_det{
        padding: 20px 10px;
    }
    .content .ab_sec.c{
        background: #ccc;
    }
    .content .ab_sec.d .ab_sec_det .ab_cont{
        padding: 20px;
    }
    .content .ab_sec.d .ab_sec_det h1{
        padding: 0;
    }
    .content .ab_sec.b .ab_sec_det .ab_share > ul > li{
        margin-right: 10px;
    }
    .content .ab_sec.b .ab_sec_det .ab_share > ul > li > a{
        width: 70px;
        height: 70px;
    }
}