body {  
	font-family: Noto Sans TC,"微軟正黑體",sans-serif;
	/*g-font-size:16*/
    font-size:  1.14286rem ;
    color: #333333;
}
ul ul, ol ul {
    list-style-type: none;
}
.g-min-width-80 {
    min-width: 80px !important;
}
.g-bg-red-2{
	background-color:#CD0000;
}
.g-bg-red-2--hover:hover {
	background-color:#CD0000 !important;
}
.g-bg-red-3{
	background-color:#C8232C;
}
.g-bg-black-2{
	background-color:#343A40;
}
.g-bg-blue-2{
	background-color: #3A56AA;
}
.g-bg-blue-3{
	background-color:#73C9D4;	
}
.g-bg-blue-4{
	background-color:#3B5ECE;	
}
.g-bg-blue-5{
	background-color:#007BFF;	
}
.g-bg-yellow-2{
	background-color:#FFC107;	
}
.g-bg-yellow-3 {
    background-color: #fff7d5;
}
.g-bg-green-2{
	background-color:#075114;	
}
.g-bg-orange-2{
	background-color:#FD8243;	
}
.g-bg-green-3{
	background-color:#73C9D4;	
}
.g-bg-green-4{
	background-color:#84ad48;	
}
.g-bg-line{
    background-color: #00B900;
}
.g-rounded-bottom-10 {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.only-one-line{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.g-top-100p{
	top:100px !important;
}
.g-bottom-50p{
	bottom:50px !important;
}
.g-top-300p{
	top:300px !important;
}
.g-pt-185p{
	padding-top:185px;
}
.g-pt-90p{
	padding-top:90px;
}
.g-min-height-150 {
	min-height: 150px;
}
.mid-banner{
	background-repeat: repeat-y;
    background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.g-min-height-100 {
	min-height: 100px;
}
.g-min-height-120 {
	min-height: 120px;
}
.text-shadow-1{
	text-shadow: 2px 2px 3px #434a54;
}
.box-shadow-1 {
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.25);
}


[class*="u-nav-v5"].u-nav-primary .nav-link.active {
    border-color: #CD2838;
    color: #CD2838;
}

@media (max-width: 1199.99px){
.responsive-width{
	width:1000px;
}
}

/*手機版右上按鈕*/
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.8);
    border-color: rgba(0,0,0,1);
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 24px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 0px;
    background-color: #000;
}
.hamburger {
	padding-top:20px;
}

/*上橫幅修改*/
@media (min-width: 1200px){
	.g-bg-header{
		background-color:#f5f5f5;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #636363;
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: #000;
	}
	.navbar-light .navbar-nav .show>.nav-link {
		color: #000;
	}
}
@media (max-width: 1199px){
	.g-bg-header{
		background-color:#fff;
	}
	.navbar-light .navbar-nav .nav-link {
		color: rgb(54, 54, 54);
	}
}
@media (min-width: 1200px){
.navbar-expand-xl .navbar-nav .nav-link {
	font-size: 17px;
	padding-right: .95rem;
    padding-left: .95rem;
}
}
.dropdown-toggle::after {
    margin-left: 0.05em;
}

/*手機版 logo限制寬度*/
@media (max-width: 1400px){   
.navbar-brand img{
	width:240px;
}
}
@media (max-width: 576px){   
.navbar-brand img{
	width:210px;
}
}
@media (max-width: 330px){   
.navbar-brand img{
	width:180px;
}
}

/*產品特效*/
.opacity-blue{ 
    background-color: rgba(54, 129, 228,0.9); 
    width:100%;
    height:100%;
    top:0px;
}
.opacity-blue{ 
    transition: opacity .5s; 
    opacity: 0; 
}
.opacity-blue:hover { 
    opacity: 1; 
}
.opacity-red{
	background-color: rgba(173, 20, 87,0.9); 
    width:100%;
    height:100%;
    top:0px;
}
.opacity-red{ 
    transition: opacity .5s; 
    opacity: 0; 
}
.opacity-red:hover { 
    opacity: 1; 
}
.btn-default-2{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-select,.btn-select:focus,.btn-select:hover{
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
a:hover{
    text-decoration: none;
}

/*
 * youtube跳窗
 */
 .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}