@charset "utf-8";

/*-------------免費使用 強調---------------*/
/*.mainNav > ul > li:nth-child(6) > a { font-weight:600; animation:text-color-flash 1s both infinite;-webkit-animation:text-color-flash 1s both infinite;}

@-webkit-keyframes text-color-flash {
  0%, 100% {color:#333; }
		40%,60% { color: #F60; }
}

@keyframes text-color-flash {
  0%, 100% {color:#333; }
		40%,60% { color: #F60; }
}

*/
body {
    margin-top: 99px !important;
}
.headerWrap {
    z-index: 99999;
    border-bottom: 1px solid #EBEBEB;
    /* width: 100%; */
    height: auto;
    max-height: 100px;
    background: white;
    color: #333F48;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
}

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

    body {    margin-top: 0px !important;}
	.headerWrap {		max-height: unset !important;}

}

/*.headerWrap{width:100%;background:#FFF \9 ; background:rgba(255,255,255,.93); z-index:999; border-bottom:1px solid  #EBEBEB;top: 0;position: relative;}*/
.header{ position:relative;width:100%; max-width:1200px; margin:0 auto; padding:0 1em  .5em; text-align:center; height:auto;}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ memberBar ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.header .memberBar { display:block; text-align:right;width:100%; margin-bottom:.5em; 
	padding-right: 4em;    line-height: 1.7 !important;
/*	padding-right:2em;*/
} 
.header .memberBar a {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    margin-right: .6em;
    vertical-align: text-top;
}
.header .memberBar a:hover{color:#00c1c3 ; text-decoration:underline;}
.header .memberBar span.part { color: #CCC; font-size:.8em; margin-right:.6em}
.header .memberBar p.member { display:inline;font-size:1em; letter-spacing:2px; margin-right:.6em; }
.header .memberBar p.member span { color: #000; font-size:1em; font-weight:bold;}
.header .memberBar .logout ,.header .memberBar .login{ display:inline-block;line-height: 1;}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 搜尋設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

/*--------外包裝設定---------*/
.header .memberBar .searchBox-wrap { position:relative; display:inline-block; vertical-align:bottom; min-width:30px; } 

/*----------------伸縮設定--------------*/

/*--------假按鈕---------*/
.header .memberBar .searchBox-wrap .btn-search { position:absolute; top:0; right:12px; cursor:pointer; display:block; width:30px; height:30px;}
.header .memberBar .searchBox-wrap .btn-search:before{ content:"\f002"; font-family: 'FontAwesome'; font-size:14px; color: #999;}
.header .memberBar .searchBox-wrap .btn-search:hover:before{color: #333;}

/*--------隱藏設定---------*/
.header .memberBar .searchBox.show{ width:10em;  border:1px solid #b8b8b8; transition:all .3s; -webkit-transition:all .3s; }
.header .memberBar .searchBox{ width:0; height:1.7em; border:0px solid #b8b8b8; position: relative; border-radius:3px; padding:0px 4px 2px 4px; text-align:left;  overflow:hidden; transition:all .3s; -webkit-transition:all .3s;  }

/*----------------正式版搜尋--------------*/
.header .memberBar .searchBox input[type="text"]{height:1.7em; border: none; background:transparent; width:10em;line-height:1.7em ; padding-left:5px; outline:none;vertical-align: top;  font-size:.8em; color: #333; }
.header .memberBar .searchBox input[type="text"]:focus{  box-shadow: none;}
.header .memberBar .searchBox button{ border:none; background:transparent; position:absolute; top:3px; ;right:6px;cursor:pointer;outline:none;  }
.header .memberBar .searchBox button:before{ content:"\f002"; font-family: 'FontAwesome'; font-size:14px; color: #999;    }
.header .memberBar .searchBox button:hover:before{color: #333;}

.header .memberBar .searchBox input::-webkit-input-placeholder{
  color: #999 !important;
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ navBar ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/
.header .navBar { display:block; width:100%; white-space:nowrap;  }  
.header .navBar .logo { width:20%; max-width:240px; min-width:140px;  display:block; vertical-align:top;float: left; margin-top:0; }
.headerWrap.top .navBar .logo{margin-top: -4px;}
.header .navBar .logo img{ width:100%; height:auto; }

/*----------------主選單--------------*/
.header .navBar .mainNav {
    width: 56%;
    padding-left: 3%;
    display: block;
    float: left;
    /* padding-right: 1%; */
    position: relative;
}
.mainNav > ul { width:100%;font-size:1em;}
.mainNav  ul li{ position:relative;}
/*.mainNav  > ul > li:hover{ background: #E0E0E0; color:#009caf ; }*/
.mainNav > ul > li {
    float: left;
    width: 15%;
    height: 3.2em;
    text-align: center;
    line-height: 1.6;
    position: relative;
}.mainNav > ul > li > a{font-size:1em; text-decoration:none; width: 100%;height: inherit;line-height:2.5em;  display:block;color: #333;vertical-align:top;   }
.mainNav > ul > li > a:hover{ color:#28b2a7 ; position:relative; text-decoration:none; }

.mainNav > ul > li > a.single:hover:before{ content: ""; position:absolute;width:60%; border-bottom:3px solid #11cfbf ; bottom:0; left:22%;}

/*----------------次選單-----------------*/
.mainNav  ul ul {border:1px solid  #CCC; border-top:none; display:none; }

/*----------------產品介紹選單-----------------*/
.mainNav  ul li .expandNAV {
    background-color: #fff;
    text-align: left;
    width: 955px;
    margin-left: -290%;
}

.mainNav  ul li .expandNAV.style-2 {
    width: 535px;
    margin-left: -230%;
/*    padding-top: 20px;*/
}
.mainNav  ul ul .product {display: inline-block; vertical-align: top; background-color: #fff; width: 150px;text-align: left;margin-left: 30px;white-space: nowrap;   margin-bottom: 20px;}
.mainNav  ul ul .product span{ color: #777; padding-left: 8px; transition: none; font-size: 14px; line-height: 2; letter-spacing: 2px;line-height: 35px;}

.mainNav  ul ul a.sec_icon{ font-size: 14px; color: #fff; background-color: #11cfbf; display: inline-block; padding: 0px 15px; border-radius: 10px; position: relative; left: 5px;HEIGHT: 1.8em; LINE-HEIGHT: 1.8; font-weight:600; margin-bottom:16px;}
.mainNav  ul ul a.sec_icon:hover{  color:#fff ; background-color:#13b7a3;transition: none;padding: 0px 15px;}

.mainNav ul ul .btn {
    overflow: hidden;
    display: block;
    width: 130px;
    background-color: #11cfbf;
    padding: 20px 0 10px;
}
.mainNav  ul ul div.btn:hover{ display:block;background-color: #13b7a3;}

.mainNav  ul ul .product .link-style2 {
    display: flex !important;
    align-items: center !important;
}
.mainNav  ul ul .product .link-style2 a {
    max-width: 60px;
    margin-bottom: 0;
    margin-right: 10px;
    left: 0;
    justify-content: center;
}
li.li-blank {
    min-width: 130px;
}
.order_color_change{color:#fffa00 !important;}

/*-----鍵頭與橫線------*/
.mainNav  ul  ul:before {
    content: "";
    position: absolute;
    width: 120px;
    background-color: #fff;
    border-bottom: 3px solid #11cfbf;
    bottom: 0;
    z-index: 1;
}
.mainNav ul ul.expandNAV:before {
    width: 955px;
    margin-left: -1px;
}
.mainNav ul ul.expandNAV.style-2:before {
    width: 535px;
    margin-left: -1px;
}
.mainNav ul.style-2 li .expandNAV {
    width: 670px;
}
.mainNav  ul  ul:after{content: "";position:absolute; width:18px; height:10px;  bottom:0; left:40%; background: url(/images/common/sprite.png)  0 -23px no-repeat;  z-index:2; } 
.mainNav ul ul li a, .mainNav ul ul a{ display:block; font-size:.96em;  height:2.6em; line-height:2.6em; padding-left:0.5em; color: #333;background:#FFF; text-align:left; letter-spacing: .1em; position:relative; transition:all .2s linear; }
.mainNav  ul ul li a:before{ content:""; position: absolute; width:80%; top:0; border-top:1px solid  #DBDBDB;}

.mainNav  ul ul .product li a:before{ border-top:0px solid  #DBDBDB;}

.mainNav  ul ul li:first-child a:before{ content:"";  border-top: none; }
.mainNav  ul ul li.noBoder a:before{ content:"";  border-top: none; }
.mainNav  ul ul li a:hover,.column-3-wrap a:hover{background: #F6F6F6 ; color:#009caf;padding-left:0.8em;transition:all .15s linear; text-decoration:none;}

.mainNav  ul ul  h3{ display: inline-block;width: 100%; padding:20px 0 7px 0 ;border-bottom: 1px solid #DBDBDB; margin-bottom: 5px; }
.mainNav  ul ul  h3:last-child{ display: inline;height:1em; border-bottom:0px ;}


/*----------------次次選單-----------------*/

.mainNav  ul ul ul {border-top:1px solid  #CCC; position: absolute; margin-top:-2.1em; margin-left:99.5%; z-index:2;}
.mainNav  ul ul ul:before { border:none;}
.mainNav  ul ul ul:after {background:none;}

.mainNav  ul ul ul li a:before{  border-top:1px solid  #DBDBDB !important;}
.mainNav  ul ul ul li:first-child a:before{ content:"";  border-top: none!important;}
li.arr-right:before {content:"\f105";font-family: 'FontAwesome'; position:absolute; color: #999; top:1.1em; right:1em;  font-size:.8em; z-index:2; line-height:1; }

.mainNav .single_line ul {
    margin: 0 auto;
    width: 120px;
    margin-left: -13%;
}
.mainNav .single_line ul li a {    text-align: center;    padding: 0;}
.mainNav .single_line ul li a:before {    width: 100%;    left: 0;}
.mainNav ul .single_line ul:after {    left: 50%;margin-left: -10%;}
.mainNav ul .single_line ul:before {
    left: -13%;
}

.mainNav ul ul .product span.newtag {
    background: #ff6f6f;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    border-radius: 30px;
    padding: 0 10px;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
}

/*----------------開始使用按鈕-----------------*/
.header .navBar .btnStart {
    display: inline-block;
    float: left;
}
.header .navBar .btnStart .p-btn {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    position: relative;
    /* background: rgba(255, 255, 255, 0); */
    /* padding: 0 10px; */
    margin: 0 2px;
    vertical-align: top;
}

.header .navBar .btnStart .p-btn:hover .btn-content{ display:block; -webkit-animation: slideInUp .2s linear;animation: slideInUp .2s linear;}

/*----------------其他設定-----------------*/
hr.pc{display: block;}
.noWork{display:block; color: #666;background:#e5e5e5; text-align:left; letter-spacing:.1em; padding-top:3px; font-size:.96em;  height:2.6em; line-height:2.6em; padding-left:0.5em;}

/*加值系列變兩欄*/

.mainNav ul ul .product.column-2 {
    width: 250px;
}
.mainNav ul ul .product.column-3 {
    width: 420px;
    display: inline-flex;
    flex-direction: column;
}

.column-3-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 260px;
}


.product.column-3 .list-wrap {
    display: inline-flex;
    flex-flow: wrap;
    width: 520px;
    white-space: unset !important;
}
.product.column-3 .list-wrap li {
    display: flex;
    width: 24%;
}


.mainNav ul .product.column-2 li a, .mainNav ul .product.column-3 a {
    width: 140px;
    display: inline-block;
}
a.a-small {
    letter-spacing: 0 !important;
}

.product.column-2 .list-wrap {
    display: inline-flex;
    flex-flow: wrap;
    width: 49%;
    white-space: unset !important;
}
.mainNav ul ul .product.column-2 {
    width: 270px;
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
}
.expandNAV-wrap {
    display: flex;
}
/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ POP UP 按鈕展開 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.p-btn .btn-content {
    display: none;
    cursor: default;
    color: #555;
    text-align: left;
    position: absolute;
    z-index: 3;
    top: 45px;
        right: -79px;
    width: auto;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #ffffff;
    padding: 10px;
    box-shadow: #cacaca 1px 1px 3px;
}
.p-btn .btn-contentIndex:before {
    border-bottom-color: #fff;
    z-index: 2;
}

.p-btn .btn-content:before{content:"";/*置中*/ margin: -8px auto auto auto;position:absolute;left:0px;top:0;right:0;bottom:0; line-height: 0;width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #fff transparent;}
.p-btn .btn-contentIndex:after {
    content: "";
    margin: -10px auto auto auto;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    border: 7px solid transparent;
    border-width: 0 10px 10px 10px;
    border-bottom-color: #EEE;
    line-height: 0;
    height: 0;
    width: 0;
}
.p-btn .btn-content .btn-links {
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.p-btn .btn-content .btn-links a {
    width: auto;
    color: #333;
    text-decoration: none;
    margin: 5px 15px 5px 0;
    display: inline-block;
    text-align: center;
}
.p-btn .btn-content .btn-links a:last-child{ margin-right:0px;}
.p-btn .btn-content .btn-links a span{ display:block; padding-top:6px; font-size:.92em; letter-spacing:.6px;line-height:1.2;}
.p-btn .btn-content .btn-links a span i{ display:block;font-size:12px; font-weight:bold; color: #F00;}
.p-btn .btn-content .btn-links a img{ padding:0 8px 0 9px;}
.p-btn .btn-content .btn-links a:hover{ color:#ff6600; transition:all .1s linear;}
.p-btn .btn-content .btn-links a img:hover{ opacity:0.8; transition:all .2s linear;}
	
.slideInDown { -webkit-animation-name: slideInDown;animation-name: slideInUp;}
	


	@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
				opacity:0;
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
					opacity:1;
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    visibility: visible;
					opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
				opacity:1;
  }
}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 手機專用設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

/*----------------phoneIcon-----------------*/
.header .phoneIcon{ display: none; float:right;}
.header .phoneIcon div{font-family: 'FontAwesome';color: #666;  font-size:1.8em; line-height:1; display:inline-block; margin-left:.6em; cursor:pointer; position:relative; }

.header .phoneIcon .memberIcon:before{content:"\f007"; }
.header .phoneIcon .login:before{ color:#00c1c3}
.header .phoneIcon .searchIcon:before{content:"\f002";}
.header .phoneIcon .menuIcon:before{content:"\f0c9";}


.header .phoneIcon .memberIcon a {display:block; width:100%; height:30px; position:absolute; left:0; top:0;}

/*-----箭頭----*/
.header .navBar .mainNav:before{ display:none; content: "";width: 20px; height: 13px; background: url(/images/common/sprite.png)  0 0 no-repeat; position:absolute; right:.8em; top:-.75em; }
.header .memberBar:before{ display:none; content: "";width: 20px; height: 13px; background: url(/images/common/sprite.png)  0 0 no-repeat; position:absolute; right:3.6em; top:-.75em; }

/*----------------其他設定-----------------*/
span.clear,hr.phone{display: none;}


/*------------------------------------------- pad版 -------------------------------------------  */
@media screen and (max-width: 1200px) {

.headerWrap{ font-size:94%;}

/*----------------產品介紹選單-----------------*/
.mainNav  ul li .expandNAV {
    width: 900px;
    /* background-color: #fff; */
    /* text-align: left; */
    margin-left: -254px;
}
.mainNav  ul ul .product { width: 150px; text-align: left; margin-left: 15px; white-space: nowrap; vertical-align:top;}
.mainNav  ul ul .product span{color: #777; background-color: #fff; padding-left: 8px; transition: none; font-size: 14px;line-height: 2; letter-spacing: 2px; line-height: 35px;}


.mainNav  ul ul .btn{ width:120px; }
.mainNav  ul ul div.btn:hover{ display:block;background-color: #13b7a3;}

.mainNav  ul ul  h3{ display: inline-block;width: 100%;padding:20px 0 7px 0 ;border-bottom: 1px solid #DBDBDB; margin-bottom: 5px; }
.mainNav ul ul.expandNAV:before {
    width: 900px;
}
.column-3-wrap {
    height: 225px;
}

}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 手機版設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

@media screen and (max-width: 979px) {
	
body {
    margin-top: 65px !important;
}
.headerWrap.current {    overflow-y: scroll;    height: 100%;}
	
/*隱藏滾輪*/	
::-webkit-scrollbar {display: none;}
	
.headerWrap{ border-bottom: none;font-size:100%; }
.header{  padding:1.2em 0em  0 !important; }
.header .phoneIcon{     display: block; margin-right: .8em; margin-bottom:1em;}
.header .navBar .logo { width:40%; min-width:130px; max-width:180px; float:left; margin-left:1em;  margin-top:0;}
.header .navBar { height: auto; }  
.header .navBar .mainNav {display: none; float:none;}
.header .memberBar span.part { display:none;}
.header .memberBar .logout ,.header .memberBar .login{ display:none;}
.header .navBar .btnStart  { display: none; float:none;width:96%; margin:.5em auto 0; padding-bottom:.5em; background:#FFFFFF;}
.header .navBar .btnStart a {    width: 100%;  height: 2.5em;line-height: 2.5em;font-size: 1em;}
/*.header .navBar .btnStart a:before{ content:"立即下載APP"; display:none;}*/

span.clear,hr.phone{display: block;}
hr.pc{display: none;}
/*-----箭頭----*/
.header .navBar .mainNav:before{ display: block;  }
.header .memberBar:before{ display: block;  }

/*---------選單-----------*/
.header .navBar .mainNav{  width:100%; padding-left:0;}
.mainNav ul ,.mainNav ul ul ,.mainNav ul ul ul ,.mainNav ul li ,.mainNav ul ul li ,.mainNav ul ul ul li
{ width:100%;position: relative; display:block; background:#FFF; text-align:left; border:none; margin:0; float:none; height:auto; }
.mainNav  a { font-size:1em ;padding-left:2em; height:3em;font-weight:400; vertical-align: middle; line-height:3em;position: static; display:block;}
.mainNav  a:hover { background: #FFF!important; color:#333333 !important; } 
.mainNav > ul > li a { border:none;}

/*------主選單-------*/
.mainNav > ul > li > a {font-size:1.2em ;  padding-left:1.5em;height:3.2em; line-height:3.2em ;border-bottom:1px solid #D7D7D7; font-weight:700;}
.mainNav > ul > li > a:after {content:"\f078 ";font-family: 'FontAwesome'; color: #666;  font-size:.8em;  line-height:4em; float:right; margin-right:2em }
.mainNav > ul > li > a.single:after {content:"";}


/*------產品選單START-------*/
.mainNav ul li .expandNAV {
    width: 100% !important;
    margin-left: 0 !important;
}
    .expandNAV-wrap {
    flex-direction: column;
}
	.mainNav ul ul .product.column-2, .mainNav ul ul .product.column-3 {
    width: 100%;
}
	.mainNav ul ul .product li {    height: 2.5em;}
	.mainNav ul .product.column-2 li a, .mainNav ul .product.column-3 a {
    width: 180px;
    max-width: unset;
}
   .product.column-3 .list-wrap li {
    width: 35%;
}
.mainNav  ul ul .product {font-size:1.2em ; width:100%;font-weight:700; vertical-align: middle; line-height:3em;position: static; display:block; overflow:hidden;    margin-left: 0;}
.mainNav  ul ul .product a{ font-size:1em; }
.mainNav  ul ul  span.EN_word{ font-family:Arial, Helvetica,'微軟正黑體', sans-serif!important; font-size:16px ;  }
.mainNav  ul ul .product span{ font-size:16px; font-family:'微軟正黑體';color: #666666;padding-left: 55px;letter-spacing: 2px;    font-weight: normal;}

.mainNav  ul ul .btn{ display: block;  width: 130px;  height: 20px; background-color: #fff;}
.mainNav ul ul div.btn:hover { display: block; background-color: #ffffff; }


.mainNav ul ul a.sec_icon { font-size: 14px; color: #fff; background-color: #11cfbf; display: inline-block; padding: 3px 15px;line-height: 24px;height: 30px; border-radius: 10px; position: relative;left: 55px;}
.mainNav  ul ul a.sec_icon:hover{  color: #fff !important; background-color: #11cfbf !important;transition: none;padding: 3px 15px;}

.mainNav ul ul h3 {    background-color: #F3F3F3; display: inline-block; width: 100%; height: 2.5em; line-height: 2.5em; border: none;padding-left: 38px;    padding-top: 0;}


.mainNav .single_line ul li a {    text-align: left;    padding-left: 2.8em;}
.mainNav .single_line ul {
    margin: 0;
    width: 100%;
}
 .mainNav ul ul .product li.li-blank {
    display: none;
}   
 .product.column-2 .list-wrap {
    width: 180px;
}   
    

/*------產品選單END-------*/


.mainNav  ul  ul { border-bottom:1px solid #D7D7D7;}
.column-3-wrap {
    height: 380px;
    align-content: flex-start;
}
.mainNav ul ul li a, .mainNav ul ul .single_line li a, .mainNav ul ul .column-3 a {
    padding-left: 2.8em;
    font-size: 18px !important;
}
.mainNav ul ul ul a{padding-left:4.2em;}

.mainNav  ul ul li a:hover{padding-left:2.8em;}
.mainNav  ul ul li ul a:hover{padding-left:4.1em;}

li.arr-right > a { background: #F3F3F3 !important ; font-weight:bold;color:#009caf ;}
li.arr-right:before {content:"\f107";font-family: 'FontAwesome';  position:absolute; color: #999; top:.8em; right:2.5em;  font-size:.9em; z-index:2; line-height:1;  }

.forPhone a{ background: #F3F3F3 !important ; font-weight:bold;color:#009caf ;}

.noWork{ padding-left:4.2em; font-size:1.1em ;}


/*-----鍵頭與橫線------*/
.mainNav > ul > li > a.single:hover:before{ content: ""; border:none;}
.mainNav  ul  ul:before{ content: "";  border:none; }
.mainNav  ul  ul:after{content: ""; background: none; } 
.mainNav  ul ul li a:before{ content:""; border:none; width:0;}


.mainNav  ul  ul.expandNAV:before{content: ""; position:absolute;width:0; border:none; width:0;}


/*----------------搜尋-----------------*/


.header .memberBar {display: none; position:absolute; top:67px; background:#FFFFFF; padding:.6em;text-align: center;}
.header .memberBar  a {display: none; }


.header .memberBar .searchBox-wrap {  min-width:100%; } 
.header .memberBar .searchBox-wrap .btn-search { display:none; }

.header .memberBar .searchBox{ width:98%; height:2.4em;border:1px solid #b8b8b8;}
.header .memberBar .searchBox input[type="text"]{ width:90%;line-height:1.8; font-size: 16px;padding: 0;padding-left: 5px;height: 2.1em; }
.header .memberBar .searchBox button{ right:1px;top: 5px;}
.header .memberBar .searchBox button:before{ font-size:1.8em; }


.header .navBar .btnStart a {    display: block;    margin-top: 3%;    border-radius: 5px;}

/*----------------開始使用按鈕-----------------*/
.header .navBar .btnStart .p-btn{display: block; width:100%; font-size:1.2em;}
.p-btn .btn-content{width:100%; display:none;position:static; background:none;  
	border: none;
    box-shadow: none;}
.p-btn .btn-content:before{ position:static;display:none;}
.p-btn .btn-content .btn-links a {    display: inline-block;    width: 110px;    height: 110px;    margin: 0 20px !important;    padding: 10px;    float: none;    text-align: center;    font-size: 1em;    margin-bottom: 10px;       border-radius: 5px;
    color: #595959;    background-color: #fff;}
.p-btn .btn-content .btn-links a span{ display: block;  font-size:1em; }
.p-btn .btn-content .btn-links a span i{ display:inline;font-size:1em; }
.p-btn .btn-content .btn-links a:hover {
    color: #249cab;
}
.p-btn .btn-content .btn-links a img {    width: 70px;    height: auto;    display: inline-block;    vertical-align: top;    margin-top: 5px;}
.p-btn .btn-content .btn-links a img span{display:inline-block; vertical-align:top;}

.p-btn .btn-contentIndex:after {	content: none;}		
.mainNav ul ul .btn {    padding: 0;    height: auto;}	


/*----------------2020/09/26增加-----------------*/	
		
a.order_btn.order_color_change {    color: #333 !important;}
	
	
	
}

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

.header {    padding: 0.7em 0em 0 !important;}	
.header .phoneIcon {    margin-bottom: 0.7em;}	

}

/*----------------小尺寸手機專用-----------------*/
@media screen and (max-width: 320px) {

.header .navBar .logo { max-width:3em;}
.header .navBar .logo img{ width:100%;}
.header .phoneIcon div{font-size:1.4em;}
.header .memberBar:before{  right:3.2em;  }
.header .memberBar {top:84px; }

}

.headerWrap.top .mainNav > ul > li > a:hover {    color: #39ffec !important;}

.headerWrap.top .btnColor_rightBar {
    /* letter-spacing: 3px; */
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    border: 1px solid #fff;
    vertical-align: top;
    padding: 0 25px;
    border-radius: 50px;
    /* background-color: rgba(0, 0, 0, 0.05); */
}

.headerWrap.top .btnColor_rightBar:hover {    background: #1fb6c9;    border: 1px solid #0a7196;}

.btnColor_rightBar {     text-decoration: none !important;   width: 100%;    display: inline-block;
    height: 35px;    line-height: 35px;        color: #525252;    border: 1px solid #878787;
    vertical-align: top;    padding: 0 25px;    border-radius: 50px;}


.btnColor_rightBar:hover {
    background: #1fb6c9;
    color: #fff;
    border: 1px solid #1fb6c9;
}
.btnColor_try {
    text-decoration: none !important;
    /* letter-spacing: 3px; */
    display: inline-block;
    color: #fff;
    background-color: #ff8d00;
    border-radius: 50px;
    padding: 0 25px;
    line-height: 35px;
    height: 35px;
    vertical-align: top;
}
 a.btnColor_try:hover {    color: #fff;
    background: #f27800;
}
.hvr-underline-from-center:before, .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {    height: 2px!important;    color: #31a4c1 !important;}


/*----------------根據JS調整顏色-----------------*/
/*
a.btnColor_try.change_color {
    background-color: #129e7b;
     text-shadow: 1px 1px 5px #0b5d48; 
}
*/

.headerWrap.top.headerchange_bg {
    background-color: #00a0e9;
}



.headerWrap.top:hover {
    background-color: rgba(0,0,0,0.45);
}

.header .navBar .btnStart .p-btn:hover {
    cursor: pointer;
}


/*----------------小尺寸手機專用-----------------*/
@media screen and (max-width: 979px) {
.btnColor_rightBar {      line-height: 2.4em;   height: unset;    border-radius: 5px;    margin-bottom: 0 !important;}
		
}

/* 針對登入的hover的部分增加margin */

.btnColor_rightBar.hover_btn {
    margin: 0 0 15px 0;
}