.proItemBox .proItem div.textBox , .innerPageBox .owl-item .textBox{
     cursor: pointer; 
}

.productListRow .owl-item .textBox{
     cursor: pointer; 

}
/* --------------index --------------*/

body{
    min-height: 100vh;
    background-color: #f0f1f2 !important;
}
header{
    background-color: #fff !important;

}
header nav {
    background-color: #f7f9fa !important;

}
header nav.level-BC-3{
    background-color: #f7f9fa !important;
}
.level-BC-2 {
    background-color: #191919 !important;
}


header nav ul.menu-main>li>a{
    color: #6c7073;
}

header nav li:hover {
    background-color: #191919 !important;
}
header nav li.active{
    background-color: #191919;
}
header nav ul.menu-main>li.active>a{
    color: #fff;
}
header nav ul.menu-main>li:hover>a{
    color: #fff;
}

header nav .navBtnBox a#right,header nav .navBtnBox a#left{
    background-color: #191919 !important;
}

.bannerOwlCarouselRow .item a {
    /*padding-bottom: 24.5%;*/
}

.m-top-12{
    margin-top: 12px;
}

.lookUpAdRow .lookUpAd{
    padding-bottom: 20%;
}


.productListRow .titleBox .leftBox:after {
    border-color: #191919 transparent transparent transparent !important;
    _border-color: #191919 #000000 #000000 #000000 !important;
}
.productListRow .owl-carousel.owl-drag .owl-item{
    background-color: #fff !important;

}
.announcementRow .announcementTitle{
    background-color: #191919 ;
}
.announcementRow .announcementBox a.more{
    background-color: #191919;
}
.announcementRow #announcementCarousel{
    border-top: 1px solid #191919;
    border-bottom: 1px solid #191919;
    background-color: #fff; 
}
.productListRow p.reciprocalBox span.num{
    color:  #191919 ;
}
.productListRow .contentBox .item .textBox h3{
    font-size: 1.25rem;
    color: #777777;
    font-weight: 300;
}
.productListRow span.offerPrice{
    color: #191919;
    font-weight: 500;
}
.productListRow span.offerPrice>span.price{
    font-weight: 500;
}
.recommendRow .contentBox a.secondaryPro{
    background-color: #fff;
}

.recommendRow .contentBox a.mainPro.level-BC-1{
    background-color: #fff!important;
}

.recommendRow .contentBox a.mainPro div.proIntro h3{
    border-left: 5px solid #191919!important;
    color: #191919 !important;
}

.recommendRow .contentBox a.secondaryPro .proIntro span.amount{
        color: #191919 !important;
}

.productBranchRow .productBox{
    background-color: #fff;
}
.productBranchRow .productBox a.mainProImg{
    background-color: #fff;
}

.productBranchNav.level-BC-3 {
    background-color: #191919 !important;
}
.productBranchRow .productBranchNav .btnBox .right{
    background-color: #191919 !important;
}
.productBranchRow .productBranchNav .btnBox .left{
    background-color: #191919 !important;
}

.productBranchRow h2.chText a{
    color: #191919;
}
.productBranchRow h2.chText:before, .productBranchRow h2.chText:after{
    background: #191919;
}

a.goTop{
    background-color: #191919;
    padding: 1.2rem 0.25rem;
}

#desktopDownMenu .mainMenu a.title{
    color: #fff;
}

.social-bar__mailbox {
    background-color: #ff4300;
}
.social-bar__phone {
    background-color: #ff7300;
}
/* --------------about --------------*/
.aboutUsBox ul.tabNavBox li.active a span{
    color: #191919;
}
.aboutUsBox .tabRow .tabContent div.content.contact{
    background-color: #f0f1f2;
}

#contactUs div.content.contact span.submitBtn{
    background-color: #191919;
}

/* --------------product --------------*/


.proBrandZone .titleBrandBox .leftBox:after {

    border-color: #191919 transparent transparent transparent !important;
}
.proItemBox .proItem>div{
    background-color: #fff;
}
.innerPageBox .item .textBox h3,
.proItemBox .proItem div.textBox h3{
    font-size: 1.25rem;
    color: #777777;
    font-weight: 300;
}

.innerPageBox span.offerPrice{
    color: #191919;
    font-weight: 500;
}

.innerPageBox .owl-carousel.proImgCarousel.owl-drag .owl-item{
    background-color: #fff;
}
.proPreparationBox a.sayButton{
    background-color: #191919;
    color: #fff;
}

.productIntroBox .couponBox a{
    color: #fff;
    border-color: #777;
    background-color: #777;
}

.owl-carousel.suggest-owl-carousel .item h4{
    font-weight: 300;
}
/* -------------- productinfo --------------*/

#priceSelect.form-control{
    padding: 10px ;
    height: 45px;
    flex:0 0 calc(100% - 134px);
    border-radius: 0 5px 5px 0;
}
.productIntroBox .couponBox a{

}
/* -------------- activity --------------*/
.liveList{
    background-color: #fff;
    margin-bottom: 5px;
    padding: 0px;
}
.liveStreamBox .contentBetween span.more span{
    background-color: #191919;
}

/* -------------- experience --------------*/
.activityGridItem .bgColor{
    background-color: #fff;
}
.activityGridItem .moreBox a{
    background-color: #191919;
}
.activityGridItem .content p{
    font-weight: normal;
}

/* -------------- tracking --------------*/
.memberInforBox .cartBox{
    background-color: #fff;
}
.memberContentBox div.pack{
    background-color: #fff;
}

.memberContentBox .orderBtnBox a{
    background-color: #f0f1f2;
}
.form-control{
    background-color: #f0f1f2;
}
.orderTable.table thead th{
    background-color: #191919;
    color: #fff;text-align: left;

}
.examinee_table.orderTable  thead th{
    background-color: #E6E6E6;color:#191919;border-bottom: 1px solid #B1B1B1;
}
.examinee_table.orderTable  tbody td{
    background-color: #F6F6F6;padding: 8px;
}

/* -------------- tracking --------------*/
.memberInforBox .memberNumberBox{
    background-color: #fff;
}
.memberInforBox .memberNumberBox .photo{
    background-color: #f0f1f2;
}
#leftBox .icon-member{
    color: #191919;
}
.memberInforBox .memberMwnu ul li a{
    background-color: #fff;
}
.memberInforBox .cartBox:hover{
    background-color: #333333;
}
#leftBox .cartBox:hover .icon-shopping_cart{
    color: #fff;
}
.memberInforBox .cartBox:hover span.title{
    color: #fff;
}
.ui.selection.dropdown{
    background-color: #f0f1f2;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #f0f1f2;
}
.form-control:focus{
    background-color: #f0f1f2;
    color: #000;
}
/* ----------------------------------*/

.directoryRow>ul {
    border-bottom: 1px solid #dedede;
}

header nav ul .menu-sub{
    background-color: #191919;
}
.productPublic .cardBox ul.navList li{
    background-color: #fff;
}
.tabBox .tabcontent{
    background-color: #fff;
}
.popularProBranch .recommendBox>div a{
    background-color: #191919;
    color: #fff;
}
@media (max-width: 991px){
    .header .logoImgBox {
        height: 60px;
    }
    #phoneMenu .menuTrigger{
        height: 60px;
    }
    #phoneMenu .wrapper header {
        margin: 0rem 0px;
        /* padding: 1rem 0px; */
    }  
}

.productPublic .cardBox ul.navList li:hover a{
    color: #fff;
}
.productPublic .cardBox ul.navList li:hover{
    background-color: #191919 !important;
}

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

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

@media screen and (min-width: 576px) and (max-width: 991px){
}

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






/******************************************/
/******得鼎修改
/******************************************/
body,
.container-fluid.limit-container,
.memberContentBox div.pack,
.jumbotron,
.proBrandZone .titleBrandBox .rightBox
{
	background-color: rgb(255,245,238) !important; /*白景綠*/
}
header,
.container-fluid.limit-container_top,
header nav.level-BC-3
{
    background-color: #4d6158 !important; /*背景綠*/
}
.border-warning{
    border-color: #4d6158 !important;
}

header nav .navBtnBox a#right, header nav .navBtnBox a#left,
header nav li:hover,
header nav ul .menu-sub,
header nav ul.menu-main>li.active>a{
	background-color: #9fa0a0 !important; /*灰色*/
}

.orderTable.table-bordered td, .orderTable.table-bordered th{
	background: #fff;
}

.titleBox.innerPage h2.chText,
header nav .navBtnBox a#right, header nav .navBtnBox a#left,
body,
.directoryRow ul li, .directoryRow ul li a,
.directoryRow ul li:last-child, .directoryRow ul li:last-child>a{
    color: #000 !important;
}
header nav ul.menu-main>li>a,
.header .memberBox ul.topBox li a,
#desktopDownMenu .mainMenu a{
    color: #fff;	/*白色*/
}
#qaModel .question p.text,
.liveStreamIntroBox .navBox ul li a,
.newsitemBox .newsList p.time, .newsitemBox .newsList p,
.pack .newsList p.time, .pack .newsList p,
header nav ul.menu-main>li:hover>a,
header nav ul.menu-main>li.active>a,
.paginationBox ul.pagination li a{
	color: #000 !important;    /*黑色*/
}

.announcementRow #announcementCarousel span,
.newsList p.time, .newsList p,
.orderTable.table-bordered td, .orderTable.table-bordered th,
#desktopDownMenu .mainMenu a.title{
	color: #000;	/*黑色*/
}
.newsList p.time{
	border-right: 2px solid #000;
}
.liveStreamIntroBox .navBox ul li.return{
	border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.liveStreamIntroBox h3.title{
    color: #f39800;		/*橘色*/
}

.liveStreamIntroBox .navBox ul li a:hover
.liveStreamIntroBox .navBox ul li a:hover,
.fff100, .fff100:hover{
	color: #fff100;		/*黃色*/
}
.f39800,
.pack .newsList:hover p,
.newsitemBox .newsList:hover p.time, .newsitemBox .newsList:hover p{
    color: #f39800 !important;     /*橘色*/
}
ul.strongholdNav li.active a,
#qaModel .answer p.text{
	color: #ff7300;
}
.icon-shopping_cart:before,
.announcementRow #announcementCarousel span i .ng-binding{
	color: #9fa0a0;
}


.memberContentBox .memberTop{
	justify-content: center;
}
.orderBtnBox{
	margin-top: 3.5rem;
}
.memberContentBox .memberTop{
	margin-bottom: 4rem;
    display: flex;
    align-items: start;
}

@media screen and (max-width: 1024px){
	.memberContentBox .memberTop {
		display: flex;
		padding-top: 1rem;
	}
}

.table td, .table th,
.table thead th{
	vertical-align: middle;
}

.memberContentBox .orderBtnBox a{
    border-radius: 20px;
}
.memberContentBox .memberTop .title{
    position: absolute;
    top: inherit;
    left: inherit;
}
.memberContentBox .memberTop .title h3{
	background-color: inherit;
    padding: 0px;
}

.icon-member:before{
	content: "";
    background-image: url(/public/static/index/image/derding/member.png);
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.icon-member-out:before{
	content: "";
    background-image: url(/public/static/index/image/derding/member_out.png);
    background-size: contain;
    display: inline-block;
}
.header .icon-member-logout:before{
    content: " ";
}
.header .icon-member:before,
.header .icon-member-out:before{
    width: 30px;
    height: 30px;
}
.header .icon-member-logout{
height: 32px;
}
#leftBox .icon-member:before{
    width: 50px;
    height: 50px;
}
.announcementRow #announcementCarousel span a{
	display: inline-block;
	width: 100%;
}
.seachBox,
.header .memberBox ul.topBox{
	display: inline-block;
}
.newsList p.time:before{
	border-color: #f29b76;
	transform: rotate(45deg);
}

/*一些共用的*/
.smallitemBox{
	max-width: 850px;
}
.member_nofooterimg .memberBottom_process{
	display: none;
}
.orderTable.orderTable.table{
	text-align: center;
}
.table_align_left .orderTable.orderTable.table{
	text-align: left;
}
.memberTop_normalmargin .memberContentBox .memberTop{
	margin-bottom: 2rem;;
}
.modal-content{
    color: black;
}

/*Public*/
.search-wrapper button{
	color: #9fa0a0;
	border-left: 1px solid #9fa0a000;
}
.burger::before,
.burger::after,
.burger{
	background: #9fa0a0;
}
@media (min-width: 1201px){
    .header .logoImgBox{
        max-width: 500px;
    }
}



/*會員 修改報名考生資料*/
.examination .memberContentBox .orderBtnBox a{

}

/*關於我們*/
.aboutUsBox .tabRow .tabContent{
	padding: 0px;
	background: none;
	border: 10px solid #ffc107;
	color: #000;
}
.aboutUsBox ul.tabNavBox li a{
	color: #000;
}
.aboutUsBox ul.tabNavBox li:not(:last-child){
	border-right: 2px solid #000;
}
.aboutUsBox .tabRow .tabContent div.content{
	background-color: #fff0;
    padding: 2.5rem 2.5rem 6rem 2.5rem;
}
.aboutUsBox ul.tabNavBox li.active a span{
	color: #000;		/**/
}
.memberContentBox .memberTop .title h3,
.titleBox.innerPage h2.chText{
    vertical-align: top;
    line-height: 100%;
}
.memberContentBox .memberTop .title h3:before,
.titleBox.innerPage h2.chText:before{
	content: "";
    width: 0;
    height: 0;
    background: none;
    border-style: solid;
    border-width: 40px 30px 0px 0px;
    border-color: #f39800 #f3980000 #f3980000 transparent;
    z-index: inherit;
    transform: rotate(90deg);
    top: -5px;
    position: absolute;
    left: -60px;
}
.memberContentBox .memberTop .title:before{
    display: none;
}
.memberContentBox .memberTop .title h3:after,
.titleBox.innerPage h2.chText:after{
 	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    background: none;
    border-width: 30px 40px 0px 0px;
    border-color: #f39800 #f3980000 #f3980000 transparent;
    z-index: inherit;
    transform: rotate(0deg);
    top: 0px;
    position: absolute;
    right: -60px;
}
.memberContentBox .test_title{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
    flex-direction: column;
}
.memberContentBox .test_title .title{
    position: relative;
    /* display: flex;flex-wrap: wrap;align-items: center;padding-top: 1rem;  */
}
.memberContentBox .test_title .title:before,.memberContentBox .test_title .title:after{ 
    content: "";
    width: 60px;
    height: 66px;
    position: absolute;
    top: 0;
}
.memberContentBox .test_title .title:before{
    background: url(/public/static/index/image/icon1.png) no-repeat top center /contain;
    left: -70px;
}
.memberContentBox .test_title .title:after{
    background: url(/public/static/index/image/icon2.png) no-repeat top center /contain;
    right: -70px;
}
.memberContentBox .test_title .title {max-width:calc(100% - 120px );min-width: 200px;text-align: center;    padding-top:.8rem;}
/* .memberContentBox .test_title .title h3 span{max-width: calc(100% - 120px - 78px);} */
@media (min-width: 1023px) {
    .memberContentBox .test_title .title h3{width: auto;}
}
.titleBox.innerPage h2 span.enText{
	display: none;
}
.aboutUsBox .tabRow .tabContent div.content.contact{
	background-color: #fff0;
}
.samebtn{
    padding: 5px 10px;
    background-color: #ff6d00;
    /*border-radius: 20px;*/
}
.samebtn:hover{
    background-color: #da6814;
}

/*最新消息*/
.liveStreamIntroBox .navBox hr{
	border: 0.5px solid #000;
}

/*商品 product*/
.productPublic .cardBox ul.navList li{
    padding: .5rem .5rem .5rem 2rem;
}
.innerPageBox .item .textBox h3,
.proItemBox .proItem div.textBox h3{
    height: 3rem;
    white-space: normal;
}
.productPublic #proAccordion div.titleBox{
	padding: .75rem 0rem .5rem;
}
.level-BC-2 {
    background-color: #383837 !important;	/*深灰色*/
}
.proBrandZone .titleBrandBox .leftBox:after{
	border-color: #383837 transparent transparent transparent !important;
}
.productPublic .cardBox-header a>div{
	background-color: #616161;		/*中灰色*/
}
#proAccordion .cardBox .cardBox-header span{
    color: #fff !important;
}
.productPublic .cardBox ul.navList li a{
	color: #000;
}
.productPublic #proAccordion div.titleBox{
	display: flex;
    align-items: center;
}
span.menuboder{
	display: inline-block;
    width: 92px;
    border: 1px solid #fff;
}
.productPublic #proAccordion div.titleBox span{
	font-size: 1.5rem;
    color: #fff;
    padding: 0px 18px;
}
.popularProBranch div.titleBox p.title{
    color: #000;
    border-left: 5px solid #000;
}
.popularProBranch div.titleBox p.title:after{
	    background: #000;
}

/*商品 productinfo*/
.productIntroBox .proTitleBox h3,
.productIntroBox .proTitleBox span.num,
.productIntroBox .amountBox span.offerPriceBox,
.spinnerBox p.title{
	color: #000;
}
.contentBox>p{
	display: block !important;
}
.productIntroBox .addCartBox a{
	background-color:  #191919;color: #fff;
}
.productIntroBox .addCartBox a:hover{
	background-color:  #191919
}
.productIntroBox .shoppingCartBox a{
	background-color: #BED429;color: #191919;
}
.productIntroBox .shoppingCartBox a:hover{
	background-color: #BED429;
}
@media (min-width: 992px) {
    .productIntroBox .shoppingCartBox a,.productIntroBox .addCartBox a{ border-radius: 5px;}
}
.cartBoxFixed .shoppingCartBox
.tabBox .tab a>span{
	border-radius: 5px;
	background-color: #fff;
    color: #000;
}
.tabBox .tab a:hover>span,
.tabBox .tab a.active>span{
	background-color: #313131;
    color: #fff;
}
.productIntroBox .contentBox p{
    color: #9fa0a0;
}

/*成績查詢*/
.examination .memberContentBox .orderBtnBox a{
    background-color: #ff4300;
    color: #fff;
}
.examination .memberContentBox .orderBtnBox a:hover{
    background-color: #c13605;
}
.memberContentBox a.inquireBtn{
    background-color: #1264c1;
}
.memberContentBox a.inquireBtn:hover{
    background-color: #0f4f98;
}
.row.testloginbtn-row{
    width: 100%;
    justify-content: center;
}
button.testloginbtn.btn.btn-outline-success.btn-lg{
    padding: 10px 20px;
    margin: 20px 10px;
}
.memberContentBox div.pack{
    padding-top: 0px;
}

/*註冊畫面*/
.memberContentBox.registeredBox{
    background: #ededed00;
}

/*調字體大小*/
.titleBox.innerPage h2.chText,
.memberContentBox .memberTop .title h3{
    font-size: 24px;
}
.productPublic #proAccordion div.titleBox span{
    font-size: 20px;
}
.popularProBranch div.titleBox p.title{
    font-size: 20px;
}
header nav ul.menu-main>li>a{
    font-size: 16px;
}
.spinnerBox p.title,
.productIntroBox .amountBox span.offerPriceBox{
    font-size: 15px;
}
#proAccordion .cardBox .cardBox-header span,
.productPublic .cardBox ul.navList li a{
    font-size: 16px !important;
}
.tabBox .tab a>span{
    font-size: 16px;
}
#qaModel p.text,
#qaModel p.text{
    font-size: 16px;
}
.strongholdBox ul.strongholdNav a{
    font-size: 16px;
    color: #fff;
}

.headingBox div.titleBox p.title{
    color: #000;
    border-left: 5px solid #000;
}
.headingBox div.titleBox p.title:after{
    background: #000;
}
footer{
    padding: 2rem 0px;
}
footer.m-top{
    margin-top: 2rem;
}



.memberBottom .memberBottom_process p{
    display: none;
}

.topic{font-weight: bold;margin-bottom: 8px;line-height: 1.4;}
.topic_item [type=checkbox], [type=radio] {width: 20px;height: 20px;flex:0 0 20px;}

.topic_item .item{display: flex;align-items: flex-start;margin-bottom: 10px;position: relative;align-items: center;}
.radio-label{
    position: relative;
}
.topic_item .option.checked::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px; 
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
    border: 1px solid #007bff;
}
.topic_item .option.checked::after {content: "";
    display: block;
    width: 14px;
    height: 14px; 
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 3px;
    border: 1px solid #007bff;
    background-color: #007bff;}
.topic_item .item label{margin-bottom: 0;}