/*-----文字顏色(-----*/
.color1 h6, .color1 h5, .color1 h4, .color1 h3, .color1 h2, .color1 h1, .color1, .color1 a{color:#5475ed !important;}/*主色紫*/
.color2 h6, .color2 h5, .color2 h4, .color2 h3, .color2 h2, .color2 h1, .color2, .color2 a{color:#5175B9 !important;}
.color3 h6, .color3 h5, .color3 h4, .color3 h3, .color3 h2, .color3 h1, .color3, .color3 a{color:#b0e45e !important;}
.color4 h6, .color4 h5, .color4 h4, .color4 h3, .color4 h2, .color4 h1, .color4, .color4 a{color:#EC6E38 !important;}/*輔色綠*/
.color5 h6, .color5 h5, .color5 h4, .color5 h3, .color5 h2, .color5 h1, .color5, .color5 a{color:#ef415a !important;}/*贈點紅*/
.color6 h6, .color6 h5, .color6 h4, .color6 h3, .color6 h2, .color6 h1, .color6, .color6 a{color:#9c9c9d !important;}/*英文灰*/
.color7 h6, .color7 h5, .color7 h4, .color7 h3, .color7 h2, .color7 h1, .color7, .color7 a{color:#595757 !important;}/*單價灰*/
.color8 h6, .color8 h5, .color8 h4, .color8 h3, .color8 h2, .color8 h1, .color8, .color8 a{color:#e8effc !important;}/*淡紫*/
.color9 h6, .color9 h5, .color9 h4, .color9 h3, .color9 h2, .color9 h1, .color9, .color9 a{color:#294D64 !important;}
.color10 h6, .color10 h5, .color10 h4, .color10 h3, .color10 h2, .color10 h1, .color10, .color10 a{color:#54B0EF !important;}
.color11 h6, .color11 h5, .color11 h4, .color11 h3, .color11 h2, .color11 h1, .color11, .color11 a{color:#4D4D4D !important;}


.color-lve{color:#b08e4e;}

.colorW,.colorW a{color:#fff !important;}
.colorB{color:#000 !important;}

/*文字滑過*/
.hovercolor1:hover,.hovercolor1:hover *{color:#5475ed !important;}
.hovercolor2:hover,.hovercolor2:hover *{color:#5175B9 !important;}
.hovercolor3:hover,.hovercolor3:hover *{color:#b0e45e !important;}
.hovercolor4:hover,.hovercolor4:hover *{color:#EC6E38 !important;}
.hovercolor5:hover,.hovercolor5:hover *{color:#E18A2D !important;}
.hovercolor6:hover,.hovercolor6:hover *{color:#8A3822 !important;}

.hovercolor10:hover,.hovercolor10:hover *{color:#54B0EF !important;}

.hovercolorW:hover,.hovercolorW:hover *{color:#fff !important;}

/*-----背景顏色-----*/
.bgcolor1{background-color:#5e87f7 !important;}
.bgcolor2{background-color:#3d5ed3 !important;}
.bgcolor3{background-color:#9dd850 !important;}
.bgcolor4{background-color:#EC6E38 !important;}
.bgcolor5{background-color:#e8effc !important;}/*淺紫*/
.bgcolor6{background-color:#f5f9ed !important;}/*方案選擇 綠*/
.bgcolor7{background-color:#f5f5f5 !important;}/*購點注意事項 淺灰底*/

.bgcolor10{background-color:#54B0EF !important;}/*兩岸淺藍*/

.bgcolorW{background-color:#FFFFFF !important;}/*白*/


/*-----背景滑過顏色-----*/
.bghovercolor1:hover{background-color:#5e87f7!important;}
.bghovercolor2:hover{background-color:#3d5ed3!important;}
.bghovercolor3:hover{background-color:#9dd850!important;}
.bghovercolor4:hover{background-color:#EC6E38!important;}
.bghovercolor5:hover{background-color:#E18A2D!important;}
.bghovercolor6:hover{background-color:#8A3822!important;}

.bghovercolor10:hover{background-color:#54B0EF!important;}/*兩岸淺藍*/
.bghovercolorgray:hover{background-color:#F7F7F7!important;}/*淺灰*/


/*-----邊框顏色-----*/
.bdcolor1{border-color:#5e87f7 !important;}
.bdcolor2{border-color:#5175B9 !important;}
.bdcolor3{border-color:#9dd850 !important;}
.bdcolor4{border-color:#ECECED !important;}

.bdcolor5{border-color:#E18A2D !important;}
.bdcolor6{border-color:#8A3822 !important;}

.bdcolor10{border-color:#54B0EF !important;}/*兩岸淺藍*/
.bdcolor11{border-color:#4D4D4D !important;}/*兩岸深黑*/


.bdcolorW{border-color:#fff !important;}/*白*/

/*-----邊框滑過色-----*/
.bdhovercolor1:hover{border-color:#5e87f7 !important;}
.bdhovercolor2:hover{border-color:#5175B9 !important;}
.bdhovercolor3:hover{border-color:#9dd850 !important;}
.bdhovercolor4:hover{border-color:#ECECED !important;}




/*按鈕*/
.btn-strait{
	border:0; 
	background-color:#1D80BF;
    color: #fff;
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 8px;
    transition:  0.3s;

}
.btn-strait:hover{
	
	background-color:#0C4B72;
	color: #fff;
    text-decoration: none;
    
}

.btn-strait-2{
	border:0; 
    background-color:#258B9D;
    color: #fff;
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 8px;
    transition:  0.3s;

}
.btn-strait-2:hover{
    
    background-color:#0D6B75;
    color: #fff;
    text-decoration: none;
    
}

.btn-custom{
    border:0; 
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    transition:  0.2s;

}
.btn-custom:hover{
    color: #fff;
    text-decoration: none;
    
}