.block-g{


    max-width:1280px;


    margin:0 auto;


}


.bn.bn-static.top {


    padding-top: 2rem;


}


.carousel-outside.list.list-group-tag .list-tag-item .bn-smaller{


    display:none;


}


.block-g .wg.bn.bn-tag.top .list-group-tag li:hover{


    background-color:#29317a;


}


.wg.bn.bn-tag .list-group-tag .list-tag-item:hover {


    color: #ffffff;


}


.block-g .wg.bn.bn-tag.top .list.list-group-tag .list-tag-item .text{


    font-size:.9rem;


}


@media (max-width: 767px){


    .wg.bn.bn-tag .list-group-tag .list-tag-item:hover {


    color: #666666;


}


    .block-g .wg.bn.bn-tag.top .list.list-group-tag .list-tag-item .text{


        padding:0.5rem 0rem;


    }


    .slide.wg.bn.bn-tag.top {


    padding-top: .5rem;


}


    .bn.bn-static.top {


    padding-top: 1rem;


}


.block-header .ham-menu {


    border-bottom: 2px solid #9d9d9e;


    padding: .1rem .5rem 0rem .5rem;


}


.wg.bn.bn-tag .list-group-tag {


    color: #403e63;


}


}


@media (min-width: 768px) and (max-width: 991px){


.block-header>div {


    width: 25%;


}


}




    .rwd-inc .block-copyright {


    padding-bottom: 0.5rem;


}


    .botline{


        text-align: center;


    }


    
    @media screen and (max-width:767px){


        .botword{


            font-size: .9rem !important;


            padding-top:1rem;


        }


        div#header-top{


            display:none;


        }


    }


    .botword {


        text-align: center;


        font-size: 1rem;


        font-weight: bold;


        font-family:微軟正黑體;


}


    .footer_location{


        padding-top:40px;


        text-align: center;


    }


    .footer_community{


        padding-top:40px;


        text-align: center;


    }


    .footer_community_fb_icon img{


        width:37px;


        height:37px;


    }


    .footer_location_img_1{


        padding-top:1rem;


    }


    .footer_community_1{


        padding-top:1rem;


    }


    .footer_location_img img{


        width:40px;


        height:40px;


    }


    .footer_block{


        max-width:1280px;


        margin:0 auto;


        background-color:#f1f1f3;


    }


/*    抽獎活動*/
    .pics {


        margin:0 auto;


        background: url("//fs1.shop123.com.tw/011544/upload/harddisc/01_5b038557cb6b3_78569.jpg") no-repeat;


        height:10rem;


        width:10rem;


    }


    .pics:hover {


        background: url("//fs1.shop123.com.tw/011544/upload/harddisc/02_5b038614de0e8_16812.jpg") no-repeat;


    }


    .active{


    background-color: #f1f1f3 !important;


}


@media screen and (max-width:767px){


    .footer_block .active:after {


    text-align: center;


    background-image: url(//fs1.shop123.com.tw/011993/upload/harddisc/012210_5b0e5ca51dad8_92845.png);


    background-repeat: no-repeat;


    content: "";


    display: block;


    width: 170px;


    height: 50px;


    margin: 0 auto;


}


}



/*    抽獎活動*/
    /*國旗*/
div#header-top {


    position: fixed;


    top: 20px;


    right: 8px;


    width: 50px;


    z-index: 1000;


}


	
	#header-top .COUNTRY:after {


	height: 24px;


    width: 24px;


    content: "";


    font-family:  "Microsoft JhengHei";


    background-image: url(//fs1.shop123.com.tw/011544/upload/harddisc/0115440_file_649894758162017102347.png);


    display: block;


    background-position: -87px -16px;


    top: -6px;


    left: 12px;


    position: absolute;


	}


	#header-top ul {


	padding: 0;


	margin: 0;


	display: none;


	background-color: #29317a;


	margin: 5px 0px 0px 0px;


	}


	
	div#header-top:hover ul {


	display: inherit;


	}


	#header-top ul li {


	list-style: none;


	padding: 5px 0;


	margin: 0;


	text-align: center;


	}


	
	#header-top ul li a:link,#header-top ul li a:visited,#header-top ul li a:active,#header-top ul li a:hover {


	color: #ffffff;


	}


    
.rwd-inc .btnlist-link.bottom .nav-item .level2 {


    padding-top:0;


    padding-left:0;


}


.rwd-inc .btnlist-link.bottom .nav-item .level2 .nav-item .nav-link{


    padding-top:0;


    padding-bottom:0;


}


.rwd-inc .wg.btnlist-link.bottom .navbar-nav li:nth-of-type(13){


    padding:0;


}


.input-group.mb-3.input-mail{


    position: relative;


}


.input-group-append{


    right:0;


    margin-top: .5rem;


    position: absolute;


}



.rwd-inc .form-mailsearch .input-check {


    position: relative;


}


@media (min-width: 768px) and (max-width: 991px) {


.rwd-inc .wg.btnlist-link.bottom .wg.form-mailsearch {


    width: 100%;


}


}


@media screen and (max-width:767px){


    .form-mailsearch .input-check .input-group-append img {


    width: 70%;


    height: 100%;


}


}


.block-item-title{


    font-size:2rem;


    color:#29317a;


}


@media screen and (max-width:767px){


    .block-item-title{


        font-size:1.5rem;


        padding:1rem;


    }


}


.block-full{


    padding:1rem 0.8rem 2rem 0.8rem;


    max-width:1280px;


    margin:0 auto;


    width:100%;


}


.qrcode-pic{


    text-align: center;


}


@media screen and (max-width:767px) {


    .col.content .form-group {


    padding: .5rem .5rem;


}


}


/*#middle_wrapper>div:nth-of-type(2)>.col.content>div:nth-of-type(1) {


display: none!important;

 
}

*/
#middle_wrapper>.border-bg>.content>.edit-context {


    width: 100%!important;


}


#middle_wrapper>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.column>.img-fluid {


    padding-left: 0;


}


#middle_wrapper>.d-flex.no-gutters.border-bg.mid>.col.content>form>#special_column_info_id_ajax>.d-flex.flex-wrap.form-group.titlebar.bg.classify>.col-md-2.col-form-label.title-text.image-title-area-caption-noshow {


    display: block;


}


@media (min-width:769px) {


#special_column_info_id_ajax>.d-flex.flex-wrap.form-group.titlebar.bg.classify>.col-md-2.col-form-label.title-text.image-title-area-caption-noshow {


    font-size: 1.2rem;


    padding-left: 0;


    flex: 0 0 25%;


    max-width: 25%;


}


#special_column_info_id_ajax>.d-flex.flex-wrap.form-group.titlebar.bg.classify>.col-md-2.col-form-label.title-text.image-title-area-caption-show {


    font-size: 1.2rem;


    padding-left: 0;


    flex: 0 0 25%;


    max-width: 25%;


}


}


#middle_wrapper>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.column {


    border-bottom: 2px solid #29317a;


}


#middle_wrapper>form>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.epaper {


    border-bottom: 2px solid #29317a;


}


.title.title-img.seminar {


    border-bottom: 2px solid #29317a;


}


#middle_wrapper>form>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.epaper::after {


    content:"歡迎您訂閱開店123電子報，您將可以獲得最新電子商務資訊以及得知開店123相關活動和網路開店成功案例分享。";


    font-size: 16px;


    display: flex;


    padding-left: 1.5rem;


    padding-bottom: 5px;


}


.title.title-img.seminar::after {


    content:"每週二下午3:30免費上課，開店123是網站操盤營收成長專家，您網站的一切需求我們都可以滿足！";


    font-size: 16px;


    display: flex;


    padding-bottom: 5px;


}


.block-ae{


    padding-top:1rem;


    max-width: 1280px;


    margin:0 auto;


}


.breadcrumb li {


    padding-right: .5rem;


}


.block-ae .block-e .breadcrumb {


    padding-left:0;


    background-color: #ffffff;


}


.block-ae .block-e .wg.prod.prod-list.category .list-prod .prod-box.kernel-238 .row > div:nth-of-type(3){


    display:none;


}


.prod-box.kernel-238 .picture a img {


    max-width: 100%;


    height: auto;


}


    /*768以上呈現的價格三個框*/
    .list.list-tag .product_info_tag_on{


    height: 41px !important;


    min-width: 129px !important;


    padding-top: 0.5rem;


    }


        .list.list-tag .product_info_tag_off{


    height: 41px !important;


    min-width: 129px !important;


    padding-top: 0.5rem;


    }


    .list.list-tag .product_info_tag_mouseover{


    height: 41px !important;


    min-width: 129px !important;


    padding-top: 0.5rem;


    }


@media screen and (max-width:767px){


    .wg.prod.prod-list .prod-box{


          -ms-flex: 0 0 100%;


  flex: 0 0 100%;


  max-width: 100%;


    }


        .list.list-tag .product_info_tag_on{


    min-width: 33.33% !important;


    }


        .list.list-tag .product_info_tag_off{


    min-width: 33.33% !important;


    }


    .list.list-tag .product_info_tag_mouseover{


    min-width: 33.33% !important;


    }


}



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


    .block-ae .block-e .category .list-prod .prod-box.kernel-238{


     -webkit-box-flex: 0;


  -ms-flex: 0 0 100%;


  flex: 0 0 100%;


  max-width: 100%;

 
}


    .block-ae .block-e .category .list-prod .prod-box.kernel-238 .picture{


  -webkit-box-flex: 0;


  -ms-flex: 0 0 33.333333%;


  flex: 0 0 33.333333%;


  max-width: 33.333333%;


}


.block-ae .block-e .category .list-prod .prod-box.kernel-238 .content{


      -webkit-box-flex: 0;


  -ms-flex: 0 0 66.666667%;


  flex: 0 0 66.666667%;


  max-width: 66.666667%;


}


}


.product-basic .mid .product-info {


    padding-top: 2rem;


}


.product-detail .product-tagexplain .list.list-tag .product_info_tag_on {


    color: #ffffff;


}


.product-detail .product-tagexplain .list.list-tag .product_info_tag_off {


    color: black;


}


.product-detail .product-tagexplain .list.list-tag .product_info_tag_mouseover {


    color: black;


}





.textCenter {


    text-align:right !important;


    padding-top:.5rem;


}


.form-group.titlebar.bg.classify {


    background-image: none !important;


    height: 100px !important;


}


.block-ae.page.page-column .block-e .titlebar.bg.detail {


    background-image: none !important;


    height: 15px !important;


}


.block-ae.page.page-column .block-e .content-header .content-text.author {


    text-align: right;


}


.block-e .content-text.author {


    display: none;


}


/*專欄文章內文style*/
.free-one-years-ad a{


    display: block;


    color:#ffffff;


}


    .free-one-years-ad{


        margin:1rem 0rem;


        padding:.5rem 0rem;



        font-weight:bolder;


        text-align: center;


        color:#ffffff;


        font-size: 2rem;



        background-color:#272727;


    }


    .article-text p{


        font-family: "Microsoft JhengHei";


        color:#666;


        font-size:1rem;


    }


    .article-text h3{


        padding:1rem 0rem;


        font-family: "Microsoft JhengHei";


        font-weight:bolder;


        color:#29317a;


    }


    .article-top-img img{


        width:100%;


    }


    .article-mid-img img{


        width:100%;


    }


        .article-text li{


        line-height: 2.5rem;


    }


    .article-text ol{


        padding:0rem 5rem
    }


    .article-video iframe{


        width:100%;


        height:300px;


    }


    .article-video-title p{


        margin:0;


        font-size:2rem;


    }


.video-container {


    position: relative;


    padding-bottom: 56.25%;


    overflow: hidden;


}


 
.video-container iframe,
.video-container object,
.video-container embed {


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


}


.titlebar.bg.classify .toggle a:nth-of-type(2) > img {


    padding-bottom: .2rem;


}


.block-e .content .titlebar.bg.detail .title-text {


    display: none;


}



    /*專欄文章內文style*/
@media screen and (max-width:767px){


    .block-e{


        padding:0rem 1.5rem;


    }


    .free-one-years-ad{


        font-size:1.5rem;


    }


    .textCenter{


        display: none;


    }


    /*專欄文章 icon-blog RWD位置*/
.block-e .titlebar.bg.detail .icon.icon-blog {


    text-align: left;


    position: absolute;


    top: 0;


}


}


.question_frame .question_frame_shoppic img {


    display: none;


}


.question_frame_topic_caption {


    text-align: center;


    padding: 1rem 0rem;


}


.qs_btn.questionnaire_footer_btn {


    text-align: center;


    padding: 1rem 0rem;


}


.bottom-btn-prev, .bottom-btn-next{


    border-radius:0 !important;


    background:#29317a !important;


}


.questionnaire-topic-btn-banner{


      display: -webkit-box !important;


  display: -ms-flexbox !important;


  display: flex !important;


    -ms-flex-pack: distribute !important;


  justify-content: space-around !important;


}


.ques-member-confirm-info-submit-go, .ques-member-confirm-info-re-submit{


    background-color:#29317a !important;


}


.ques-member-confirm-info-text {


    text-align: center;


}


#questionnarie-member-form {


    text-align: center;


}


.question_frame .question_frame_topic > div:nth-of-type(1) {


    padding-left: 1rem;


}


@media screen and (max-width:767px){


    .bottom-btn-prev, .bottom-btn-next{


        margin:-.5rem .5rem!important;


    }


    #ajax_api_topic{


        width:65% !important;


    }


    .questionnaire-topic-btn-banner{


        height:8vh !important;


    }


    .ques-member-confirm-info-text{


        margin:auto;


    }


}


.block-nav .center .menu-vh li > a {


    color: #ffffff;


    padding:1rem 0rem;


    font-family: "Microsoft JhengHei";


    font-size: 14px;


}


@media screen and (max-width:767px){


    .block-ham .search {


    position: relative;


}


.block-ham .search .form-row div:nth-of-type(2) {


    position: absolute;


    right: 1rem;


}


}



.title.title-img.contactdata:before {


    content: "請留言，專案經理馬上與您聯繫！";


    font-size: 2rem;


    color: #29317a;


    display: block;


    padding: 1rem 0rem;


}


.contactdata img {


    display: none;


}


.block-full .title.title-img.contactdata {


    padding-top: 0;


    border-bottom: 0;


}


.block-full.page-contact .ques-category .form-control {


    margin-bottom: 0.5rem;


}


@media screen and (max-width:767px){


.title.title-img.contactdata:before {


    padding: 1rem .5rem;


}


}


.datatable div {


    border: 1px solid #787878;


}


.datatable {


    padding: 2rem 0rem;


}


.contact-us-4_pic {


    padding-bottom: 2rem;


}




.block-full .title.title-img {


    padding-top: 1.5rem;


}


.textCenter{


 display:none;

   
}


@media screen and (max-width:767px){


    .block-full .title.title-img {


        padding-top:0;


}


}



.block-header .search-column > div:nth-of-type(2) {


    position: absolute;


    right: .5rem;


}



@media screen and (max-width:767px){


        .block-header .search-column > div:nth-of-type(1) {


      -ms-flex-preferred-size: 0;


  flex-basis: 0;


  -ms-flex-positive: 1;


  flex-grow: 1;


  max-width: 100%;


  padding-left:.5rem;


}


    .block-header .search-column > div:nth-of-type(2) {


    right: 1rem;


}


    .search-column{


    padding: 1rem 0rem .5rem .5rem;


    }


}


.menu-store .menu-vh .menu-main .nav-item{


    text-align:left;


}


.block-ae .block-a .list-imgtext .border-bg.mid .list-posts-wrap .post-pic img{


    max-width:100%;


    height:auto;


}


.block-ae .block-a .list-imgtext .list.recommend .list-posts-wrap .post-wrap {


    position: relative;


    padding-top: 1.5rem;


}


.block-ae .block-a .list-imgtext .list.recommend .list-posts-wrap .post-wrap .post-caption {


    position: absolute;


}


.block-ae .block-a .list-imgtext .list.recommend .list-posts-wrap .post-wrap .post-caption {


    width:100%;


    color: #3c3c3c;


    background-color: #dadadac9;


    position: absolute;


    bottom: 0;


    padding: 1rem 1rem;


    font-family: 微軟正黑體;


}


/*列表式圖片hover效果*/
.block-full .list-column .column-box .row.no-gutters .img {


overflow:hidden;


}



.block-full .list-column .column-box .row.no-gutters .img a img{


transition: all 2.5s;


}



.block-full .content .list-column .column-box .img a img:hover {


    cursor: crosshair;


    transform: scale(1.05);


}


#left_side2>.wg.block-form.form-search {


    margin-bottom: 3.1rem;


}


#left_side2>.wg.list.list-imgtext>.border-bg.mid>.list.recommend>.title.title-text {


    margin-bottom: 0.4rem;


}


#left_side2>.wg.block-form.form-search>#special_column_search>.row.form-group.mb-0>.col {


    padding-left: 0;


    padding-right: 0;


}


#left_side2>.mod-web-page-l.rwd-add>div:nth-of-type(2) {


    padding-left: 11px;


}


#left_side2>.mod-web-page-l.rwd-add>.title_pic {


    margin-top: 20px;


    padding-left: 11px;


}


#left_side2>.mod-web-page-l.rwd-add>.title_pic>.img-fluid {


    border-bottom: 2px solid #29317a;


}


#left_side2>.wg.list.list-faq>.title.title-img.category-faq>.img-fluid {


    border-bottom: 2px solid #29317a;


}


#left_side2>.wg.list.list-directory>.title.title-img>.img-fluid {


    border-bottom: 2px solid #29317a;


}


#left_side2>.wg.list.list-faq>.title.title-img.category-faq {


    padding-left: 20px;


}


#left_side2>.wg.list.list-faq {


    margin-top: 25px;


}


/*兩階層(四排&廣告)*/
.menu-2C_ads_type ul li ul {


    z-index: 99999;


    left: 0;


    width: 100%;


    overflow: visible;


}



@media (min-width: 992px) {

.menu-2C_ads_type ul li{

    padding-left:.5rem;

}

    .menu-2C_ads_type ul li ul  {


     position: absolute;


     clear: left;

 
     margin-top: 54px;

 
     margin-right: 0;

 
     margin-bottom: 0;

 
     margin-left: 0;

 
    }


}


.block-nav .menu-store .menu-vh .dropmenudiv_2C_ads .row > div {


    padding: 0;


}


/*左側項目*/
.block-nav .menu-store .menu-vh .dropmenu_containner.dropmenudiv_2C_ads .context .row {


    background-color: transparent;


}


.block-nav .menu-store .menu-vh .dropmenu_containner.dropmenudiv_2C_ads > .row > .context .row {


    margin-left: 0;


    margin-right: 0;


}


.dropmenudiv_2C_ads .context h3 {


    color: #ffffff;


    border-bottom: 1px solid #ffffff;


    padding-bottom: 1rem;


}


.menu-store .menu-main {


    border-top: 0;


}


/*右側廣告*/
.block-nav .menu-store .menu-vh .dropmenu_containner.dropmenudiv_2C_ads > .row > .bn1 a {


    padding: 2.5rem;


}


.dropmenu_containner.dropmenudiv_2C_ads .ad-img {


    width: 200px;


}


@media (min-width: 992px) {


.block-nav .menu-store .menu-vh .dropmenu_containner.dropmenudiv_2C_ads > .row {


    background-color: rgba(41, 49, 122, 0.9);


}

    
/*左側項目*/
.block-nav .menu-store .menu-vh .dropmenu_containner.dropmenudiv_2C_ads > .row > .context {


    padding: 2rem 5rem 2rem 10rem;


}

 
.dropmenudiv_2C_ads .context .nav-item .nav-link {


    color: #ffffff;


    font-weight: bold;


    text-align: left;


    padding: 0.5rem;


    text-shadow: 1px 1px 1px #686868;


    -webkit-text-shadow: 1px 1px 1px #686868;


    -moz-text-shadow: 1px 1px 1px #686868;


    -ms-text-shadow: 1px 1px 1px #686868;


    -o-text-shadow: 1px 1px 1px #686868;


}


.menu-store .menu-main .nav-link:hover, .menu-store .menu-main .nav-link:focus {


    border-left: 4px solid #fff;


    background: transparent;


}


}


@media (max-width: 767px) {


/*左側項目*/
.dropmenudiv_2C_ads .context h3 {


    display: none;


}


.dropmenudiv_2C_ads .context .nav-item .nav-link {


    font-size: 0.9rem;


}


/*右側廣告*/
.block-nav .menu-store .menu-vh .dropmenu_containner.dropmenudiv_2C_ads > .row > .bn1 {


    display: none;


}


}


@media (min-width:769px) {


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6 .col-lg-4.col-form-label {


    max-width: 20%;


    padding-right: 0;


    white-space:nowrap;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6 .col-8.col-lg-5 {


    padding-left: 0;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md>.explain.explain-login>.titlebar.title-bg {


    text-align: left;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.form-row.align-items-center.loginbtn>.col-12.col-md.my-1 {


    max-width: 55%;


}


}


@media (max-width:768px) {


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md>.explain.explain-login>.titlebar.title-bg {


    text-align: center;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.form-row.align-items-center.loginbtn>.col-12.col-md.my-1 {


    text-align: center;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.btnbar.api {


    text-align: center;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.form-row.align-items-center.loginbtn>div:nth-of-type(2) {


    width: 50%;


    text-align: right;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.form-row.align-items-center.loginbtn>div:nth-of-type(3) {


    width: 50%;


    text-align: left;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md>.explain.explain-login>.edit.description {


    padding-left: 3%;


    padding-right: 3%;


}


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.title.title-img.login>.img-fluid {


    padding-left: 0;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.title.title-img.login {


    margin-bottom: 2.5rem;


    border-bottom:2px solid #29317a;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md>.explain.explain-login {


    display: flex;


    flex-direction: column-reverse;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md>.explain.explain-login>.edit.description {


    margin-top: 33px;


    margin-bottom: 40px;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.form-row.align-items-center.loginbtn {


    margin-top: 35px;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.form-row.align-items-center.loginbtn>.col-12.col-md.my-1>.btn.btn-img {


    border-radius:0;


}


#context_id>form>.d-flex.no-gutters.border-bg.mid>.col.content>.row>.col-12.col-md-6>.btnbar.api {


    margin-top: 50px;


}


#right_side2>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.column {


    margin-bottom: 1.7rem;


}


#right_side2>.d-flex.no-gutters.border-bg.mid>.col.content>form>#special_column_info_id_ajax>.content-header>.content-text.author {


    margin-bottom: 2px;


}


#right_side2>form>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.coupon {


    border-bottom: 2px solid #29317a;


    margin-top: 8px;


}


#right_side2>form>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.standard {


    border-bottom: 2px solid #29317a;


    margin-top: 8px;


}


#right_side2 .title-img,.memberprofit,.persondata,.pw {


    border-bottom: 2px solid #29317a;


    margin-top: 8px;


}


#middle_wrapper>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.law {


    border-bottom: 2px solid #29317a;


}


#middle_wrapper>form>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.memberdata {


    border-bottom: 2px solid #29317a;


}


#middle_wrapper>form>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.memberconfirm.image_title_area {


     border-bottom: 2px solid #29317a;


}


#middle_wrapper>.d-flex.no-gutters.border-bg.mid>.col.content>.title.title-img.membercenter {


    border-bottom: 2px solid #29317a;


}


@media (max-width:768px) {


    #right_side2>.product-detail>form>.product-tagexplain>.row.no-gutters.list.list-tag {


    justify-content: space-around;


    
}


#right_side2>.d-flex.no-gutters.border-bg.mid>.col.content>.form-search.faq>form {


    display: none;


}


}


/*官網及購物版本顏色區別*/
.menu-2C_ads_type .menu-vh li:nth-of-type(3) {


    background-color: #ed145a;


}


@media (min-width: 992px) {


/*館別區隔線(官網及購物版本)隱藏*/
.block-nav .menu-2C_ads_type .menu-vh li:nth-of-type(2) {


    display: none;


}


.block-nav .menu-2C_ads_type .menu-vh li:nth-of-type(4){


    display:none;


}


/*線上客服後的項目隱藏*/
.menu-store .menu-vh li:nth-child(n+14){


    display: none;


}


/*八個館別+線均分寬滿版*/
.menu-2C_ads_type .menu-vh .js-dropdown {


    -ms-flex-preferred-size: 0;


    flex-basis: 0;


    -ms-flex-positive: 1;


    flex-grow: 1;


    max-width: 100%;


}


.block-nav .center .menu-vh li > a{


    width:100%;


}


}


@media (max-width: 767px) {


/*館別項目*/    
.block-nav .menu-store .menu-vh > .nav-item > .nav-link {


    padding-left:0.5rem;


    font-size: 1rem;


}


}


@media (max-width: 991px) and (min-width: 768px){


.block-nav .menu-2C_ads_type .menu-vh .nav-item a {


    font-size: 12px;


}


}


.product-basic {


    border: 1px solid #ccc;


    margin-bottom: 1rem;


}


@media (max-width:768px) {


    .product-basic>.d-flex.no-gutters.mid>.col.content>.row.no-gutters->.col-12.col-md-6.product-pic {


    padding-top: 20px;


    padding-left: 6%;


    padding-right: 6%;


}


.product-basic>.d-flex.no-gutters.mid>.col.content>.row.no-gutters->.col-12.col-md-6.product-info {


    padding-top: 30px;


    padding-left: 6%;


    padding-right: 6%;


}


}


@media (min-width:769px) {


.product-basic>.d-flex.no-gutters.mid>.col.content>.row.no-gutters->.col-12.col-md-6.product-pic {


    padding-top: 80px;


}


.product-basic>.d-flex.no-gutters.mid>.col.content>.row.no-gutters->.col-12.col-md-6.product-info {


    padding-top: 80px;


}


}


.product-basic>.d-flex.no-gutters.mid>.col.content>.row.no-gutters->.col-12.col-md-6.product-pic>.row.no-gutters {


    margin-bottom: 50px;


}


.product-basic>.d-flex.no-gutters.mid>.col.content>.row.no-gutters->.col-12.col-md-6.product-pic>.ico.icon-prevnext {


    margin-bottom: 50px;


}



#member_track_product_id_ajax>.title.title-img.trackprod {


    border-bottom: 2px solid #29317a;


}


.page-seminar .block-data .titlebar {


    padding: 0.5rem;


}


.block-ae.page-faq .border-bg.mid .title-img.faq {


    border: 0 !important;


}


.page-faq .block-data > h3 {


    margin-top: 1rem;


}


.page-faq .bn.bn-faq > img {


    width: 100%;


}


.page-openstore.detail .bn-openstore {


    text-align: center;


    border-bottom: 1px solid #cccccc;


    margin-bottom: 2rem;


}


@media (min-width: 768px) {


.page-openstore.detail .bn-openstore~div {


    width: 70%;


    margin-left: auto;


    margin-right: auto;


}


/*暫訂*/
.page-openstore .form-check {


    display: -ms-flexbox;


    display: flex;


}


}


@media (max-width: 767px) {


/*暫訂*/    
.page-openstore .form-check {


    display: -ms-inline-flex;


    display: inline-flex;


    margin: 0 1rem;


}

    
}


@media screen and (max-width:767px){


    .block-full.page-search .border-bg.mid .form-search.choose{


            padding: 0rem .5rem;


    }


}


.btnbar .btn{


        margin-top: 0rem;


}


.product-info .standard .btnbar {


    text-align: center;


    background-color: #29317a;


    margin-top: 1rem;


}


@media screen and (max-width:767px){

.menu-2C_ads_type .hide{

    overflow: unset !important;

}


    .product-info .select2 > div {


    padding-bottom: .5rem;


}


}




.block-ae.page-member .block-a .list-directory .title-img {


    display: none;


}


.product-tagexplain .explain-edit .bar_p.QRht_p p {


    line-height: 30px;


}


.dropmenu_containner.dropmenudiv_2C_ads .row {


    background-color: #ffffff;


}


    
    .dropmenudiv_2C_ads .row > div{


        padding:1rem;


    }



/* ---------- 大小與定位 ---------- */
.menu-2C_ads_type ul {


	list-style-type:none;


	margin:0;


	padding:0;


	/* 內有浮動元件時，需設overflow才會自動調整大小 */
/*	overflow:auto;

*/
}


* html .menu-2C_ads_type ul {


	/* 解決IE6不理overflow問題，直接指定高度 */
	height:30px;


}


.menu-2C_ads_type ul li {


	/* 利用float讓第一層li水平排列 */
	float:left;


}


/* 解決IE6條列式餘白問題*/
* html .menu-2C_ads_type ul li {


	display:inline;


}


.menu-2C_ads_type ul li a {


	/* 將a改為區塊元件，以便指定寬高 */
	display:block;


	/* 這邊也要設float，否則IE6會以100%寬度顯示 */
	float:left;


	/* 固定高度本來是30 */
	height:auto;


	text-align: center;


}


.menu-2C_ads_type ul li ul {


    z-index:99999;


    left:0;


	/* 固定寬度 */
	width:100%;


	/* 避免出現捲軸 */
	overflow:visible;


	/* 讓ul與母階層li相同位置 */
	clear:left;


    /* 和館別的高度 */
	margin-top: 54px;


	margin-right: 0;


	margin-bottom: 0;


	margin-left: 0;


}


/* 修正IE7絕對定位差異 */
*:first-child+html .menu-2C_ads_type ul li ul {


	margin-top:0;


}


/* 修正IE6絕對定位差異 */
* html .menu-2C_ads_type ul li ul {


	margin-top:0;


}


.menu-2C_ads_type ul li ul li {


	/* 覆寫繼承自第一層的浮動設定 */
	float:none;


	text-align: center;


}


.menu-2C_ads_type ul li ul li a {


	/* 覆寫繼承自第一層的浮動設定 */
	float:none;


	width: 100%;

/* 註：display、height、padding繼承第一層的設定 */ 
}


.menu-2C_ads_type ul li ul li ul {


	margin-top: -30px;


	margin-right: 0;


	margin-bottom: 0;


	margin-left: 100px;


	width: auto;


}


/* 修正IE7絕對定位差異 */
*:first-child+html .menu-2C_ads_type ul li ul li ul {


	margin-top:-30px;


}


.menu-2C_ads_type ul li:hover ul {


	/* 觸動第一層時，顯示第二層 */
	visibility:visible;


}


.menu-2C_ads_type ul li:hover ul li ul {


	/* 顯示第二層時，隱藏第三層，避免同時彈出 */
	visibility:hidden;


}


.menu-2C_ads_type ul li ul li:hover ul {


	/* 觸動第二層時，顯示第三層 */
	visibility:visible;


}


.menu-2C_ads_type ul li ul li:hover ul li ul {


	/* 顯示第三層時，隱藏第四層，避免同時彈出 */
	visibility:hidden;


}


.menu-2C_ads_type ul li ul li ul li:hover ul {


	/* 觸動第三層時，顯示第四層 */
	visibility:visible;


}


.menu-2C_ads_type .menu-vh li:nth-of-type(3) .dropmenudiv_2C_ads .context .row div:nth-of-type(7){


    -ms-flex: 0 0 50%;


    flex: 0 0 50%;


    max-width: 50%;


}


@media screen and (max-width:767px){


    .block-nav .center .menu-vh li > a{


        width:100%;


        text-align:left;


    }


    .menu-2C_ads_type .menu-vh .nav-item a {


    width: 100%;


    text-align: left;


}


}


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


    .menu-2C_ads_type ul li ul{


        	position:absolute;


    }


}

 


/*
TOP-3X RWD 的時候 MENU Bar板型調整
*/
@media screen and (max-width:767px){

.top3x-tap-row-activited{


    display:block !important;


}




.enable+.dropmenu_containner ul.row {


    display: block !important;


}


}





.block-full.page.page-seminar .block-data{


    width:100% !important;


}


.page-seminar.details .seminar-detail{


    width:100% !important;


}


.page.page-seminar.details .btnbar {


    margin: 1.5rem 0rem;


    width: 100%;


    background-color: #29317a;


}


.page.page-seminar.details .btnbar .btn-img {


    display: block;


}


.product-info .data-item.number {


    border-bottom: 10px solid #c3c3c3;


}


.product-info .introduction {


    border-bottom: 10px solid #c3c3c3;


}


.product-info .price3 {


    border-bottom: 10px solid #c3c3c3;


}


.price>div>div>div>span:nth-of-type(3) {


    display: none;


}


.col.context>.row.no-gutters.align-items-sm-center.select2 {


    flex-direction: row-reverse;


}


.row.no-gutters.align-items-sm-center.select2>.col-12.col-md-8, .row.no-gutters.align-items-sm-center.select2>.d-none.d-md-inline.col-md-1.symbol {


    display: none!important;


}


.product-block .product-basic .introduction .title-text {


    -ms-flex: 0 0 100%;


    flex: 0 0 100%;


    max-width: 100%;


    text-align: center;


}


.carousel-control-next img:hover {


    background-color: rgba(226, 226, 226, 0.8);


}


.carousel-control-prev img:hover{


    background-color: rgba(226, 226, 226, 0.8);


}


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


    .carousel-control-prev{


        left:-5rem;


    }


    .carousel-control-next{


        right:-5rem;


    }


}


.outside_jump .fixed-bottom.btn-gotop img{


    opacity: 0.3;


}


.outside_jump .fixed-bottom.btn-gotop img:hover{


    opacity: 1 !important;


}



@media screen and (max-width:767px){


    .outside_jump .fixed-bottom.btn-gotop img{


        max-width:70%;


        opacity:0.8;


    }


}


.mb-1, .my-1 {


    margin-bottom: 0 !important;


}


@media (max-width:767px) {


#special_column_info_id_ajax>.row.list-column {


    margin-top: 60px;


}


}


.block-full .content .progressing .data-list .text.name {


    font-weight: bolder;


}


.page-seminar .progressing .signup a{


    color:#666;


}


.block-a .list-group-flush .list-group-item {


    padding-left: 0;


}


@media screen and (max-width:767px){


    .block-a {


    padding: 0 38px;


    max-width: 100%;


}


.block-a .block-form.form-search {


    position: relative;


}


.block-a .form-search .form-group .col {


    max-width: 100%;


}


.block-a .form-search .form-group .col-auto{


    position: absolute;


    right: 0;


    bottom: 0.2rem;


}


}



.block-full.page-member-trackprod .list-product .info-review .pic a img {


    width: 100%;


}


.block-full.page-forget .btnbar .btn-text.input.input-button {


    width: 100%;


    background-color: #0d4680;


    color: #fff;


}


/*ipad版版面調整*/
@media (min-width: 768px) {


body {


    min-width: unset!important;


}


}


.block-full.page-column .list-column .info-box .column-text.date small, .small {


    font-size: 100%;


}


.column-box .info-box {


    padding: 0rem 0.5rem;


}


.column-box .info-box .column-text.date {


    line-height: 1rem;


}


.block-full.page-column .page_number {


    align-items: center;


}


.page-column .list-column .column-text.date {


    display: none;


}


@media screen and (max-width:767px){


.column-box .info-box {


    padding: 0.5rem;


}

  
}


/*LOGO*/
#crud-form .form-content-card {

 position:relative;

 }


#crud-form .form-content-card:before {

 content:"";

 position:absolute;

 top:-126px;

 left:0px;

 background:url(//fs1.shop123.com.tw/011544/upload/harddisc/logo_5b9f7d2bb2828_71915.png) no-repeat;

 width:224px;

 height:63px;

 }


#crud-form .form-content-card:first-of-type {

 margin-top:-60px;

 }



/*表單頭*/
.mod-form-wrapper .form-wrapper-banner {

 background:#000000 url(//fs1.shop123.com.tw/011544/upload/harddisc/top_bg_5b9f7d24632e8_63120.jpg) top center no-repeat;

 }


/*表單背景*/
.container-full .mod-form-wrapper {

 background:#000000 url(//fs1.shop123.com.tw/011544/upload/harddisc/don_bg_5b9f77fb6bc04_22802.jpg) top center repeat;

 }


/*表單上線條顏色*/
.form-content-card .form-content-bg {

 background-color:#000000;

 }



@media (max-width:767px) {

 
#crud-form .form-content-card:before {

 top:-80px !important;

 background:url(//fs1.shop123.com.tw/011544/upload/harddisc/logo_s_5c00d6f64234a_39523.png) no-repeat !important;

 width:180px !important;

 height:51px !important;

 }


.form-wrapper-banner {

 height:120px !important;

 }


}



@media only screen and (max-width:767px) {


#crud-form .form-content-card:first-of-type {

 margin-top:0px;

 }


}


/*一頁式購物*/
.container-full .form-wrapper-content {


    margin: 0 auto;


    max-width: 800px;


}


.container-full #crud-form .form-content-card {


    margin-top: 0;


}


.container-full .form-wrapper-content .product-content .td img {


    height: auto !important;


}


@media (min-width:768px) {


    .container-full .form-wrapper-content .product-content .td img {


        width: 100% !important;


    }


}


.bn-static.bottom {


    max-width: 1280px;


    margin: 0 auto;


}



.bn-tag.top {


    max-width: 1280px;


    margin: 0 auto;


}


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


    .bn-static.bottom{


        padding-top:1.5rem;


    }


}


@media (max-width:767px) {


.wg.btnlist-link.bottom>.navbar-nav.flex-md-row.flex-md-wrap.justify-content-md-center {


    flex-direction: row;


    flex-wrap: wrap;


    justify-content: center;


}


.wg.btnlist-link.bottom>.navbar-nav.flex-md-row.flex-md-wrap.justify-content-md-center>.nav-item:nth-child(odd) {


    border-bottom: 1px solid #666666;


    margin: 0 3%;


    width: 44%;


    white-space: nowrap;


}


.wg.btnlist-link.bottom>.navbar-nav.flex-md-row.flex-md-wrap.justify-content-md-center>.nav-item:last-child {


    border-bottom: 0px solid #666666;


    margin: 0 3%;


    width: 100%;


}


.wg.btnlist-link.bottom .level2 {


    border-bottom: 0px solid #666666;


}


}


@media (max-width:767px) {


.carousel-indicators.carousel-outside.list.list-group-tag {


    height: 25px;


}


.carousel-indicators.carousel-outside.list.list-group-tag>.col.list-tag-item>.row.no-gutters {


    width: 10px;


    height: 10px;


    border-radius: 10px;


    background:#999;


    border: 1px solid #666;


    margin-left: calc(50% - 5px);


    margin-top: 5px;


    opacity: 0.2;


}


/*.carousel-indicators.carousel-outside.list.list-group-tag>.col.list-tag-item {

*/
/*    width: 25%;

*/
/*}

*/
.carousel-indicators.carousel-outside.list.list-group-tag>.col.list-tag-item>.row.no-gutters>.col-12.text {


    opacity: 0;


}


}


@media (max-width:767px) {


.wg.bn.bn-static.bottom>.static.edit:nth-of-type(2)>.container {


    background: #F1F1F2;


    min-height: 180px;


    margin-bottom: 20px;


}


.wg.bn.bn-static.bottom>.static.edit:nth-of-type(2) {


    background: #F1F1F2;


}


/*文章頁*/
#special_column_info_id_ajax>.row.list-column>.col-12.col-md-12.col-lg-6.column-box:nth-child(odd) {


    background: #f2f2f1;


    padding-top: 10px;


}


/*活動報名頁*/
.container-fluid.block.block-full.page.page-seminar .data-list:nth-child(odd) {


    background: #f2f2f1;


}


}


.for-design h4 {


    font-weight: bolder;


}


.for-design p {


    text-align: justify;


    text-justify:inter-ideograph;


    color: #666;


}


.for-design .content {


    padding-top: 1.5rem;


    padding-bottom: 0.5rem;


}


.for-design .box {


    padding-top: 1.5rem;


    padding-bottom: 0.5rem;


}


.for-design .for-right-text.box {


    flex-wrap: wrap-reverse;


}


@media screen and (min-width:960px) {


.for-design .for-left-text .text {


    padding-right: 1rem;


}


.for-design .for-right-text .text{


    padding-left:1rem;


}


}


.for-video-text {


    color: #555;


    text-align: justify;


    text-justify: inter-ideograph;


}


.for-video-title{


color: #272727;


    border-bottom: 1px solid #999;


    padding-bottom: 0.5rem;


}


.for-video-text.for-right{


    text-align: right;


}


@media screen and (max-width:767px){


.wg.bn-static.gold .for_video {


    display: none;


}


}


.block-f{


    max-width:1280px;


    margin:0 auto;


}


.product_box {


    border: 1px solid #efefef;


}


@media (max-width:767px){


    .free-one-years-ad1 a {


    padding: 0.25rem;


    font-size: 1rem;


}


.free-one-years-ad a {


    font-size: 1rem;


}


}


.page-column .titlebar.detail {


    display: none;


}

    


/* T00:2019-06-25 09:34:33 */
@media (max-width:991px) and (min-width:768px){

.block-nav .context .nav-item{

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;
    
}

.menu-2C_ads_type .menu-vh li:nth-of-type(3) .dropmenudiv_2C_ads .context .row div:nth-of-type(7){

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;
    
}

.block-header .c2{

    background-color: #29317a;

    padding-top: .5rem;

    padding-bottom: .5rem;
    
}

.block-nav .menu-main.context {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

.block-nav .bn1 {

    display: none;

}

.dropmenudiv_2C_ads .context h3 {

    display: none;

}

.block-nav .menu-2C_ads_type .menu-vh .nav-item .nav-link {

    padding-left:1rem;

    font-size: 1.8rem;

}

.block-nav .context .nav-link {

    font-size:1.5rem !important;

    padding-left: 0;

    text-align: left;

}

.block-nav .menu-store .menu-vh .dropmenudiv_2C_ads .context {

    padding-top: .5rem;

    padding-bottom: .5rem;

}

div#header-top{

    display: none;

}

}


.wg.column.list-imgtext .column-box .img-overlay{

    left:0;

}

@media (min-width:992px){

.wg.btnlist-link.header {

    padding-right: 1rem;

}

}

#top_Href{

    display: none;

}

@media (max-width:991px){

#top_Href {

	order: 1;

	display: unset;

	color: #4c4c4c;

}
 
.block-header .btn-store {

    order: 2;

}

}

/* T00:2020-03-10 11:25:45 */