@charset "utf-8";
/* CSS Document */
body {
    font-family:"微軟正黑體";
    line-height:1.5;
}
a{
    text-decoration:none;
}
.important-msg {
    color: #CD3D35;
    font-size: 20px
}
.Fax_Insurance{
    margin:50px auto 0 auto;
    width:100%;
    max-width:1400px;
    font-size:20px;
    padding:0 10px;
    box-sizing:border-box;    
}
.Fax_Insurance ul.tabs{
    padding:0 0 0 4px;
}
.Fax_Insurance ul.tabs li{
    display:inline-block;
    position:relative;
    margin:0 26px 12px -4px;
    box-shadow:4px 4px rgba(0,0,0,0.1);
    width:18%;
}
.Fax_Insurance ul.tabs li:before{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 18px;
    border-color: transparent transparent transparent rgba(0,0,0,0.1);
    position:absolute;
    top:8px;
    right:-22px;
    transition:all 0.15s ease-out;    
}
.Fax_Insurance ul.tabs li:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 23px 22px;
    border-color: transparent transparent transparent #ECEDEE;
    position:absolute;
    top:0;
    right:-22px;
    transition:all 0.15s ease-out;    
}
.Fax_Insurance ul.tabs li a{
    display:block;
    padding:8px 12px;
    background:#ECEDEE;
    color:#374858;
    transition:all 0.15s ease-out;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.Fax_Insurance ul.tabs li.active a{
    background:#00367C;
    color:#FFF;
}
.Fax_Insurance ul.tabs li a:hover{
    cursor:default;
}
.Fax_Insurance ul.tabs li.active:after{
    border-color: transparent transparent transparent #00367C;
}
.Fax_Insurance ul.tabs li span{
	position:absolute;
	right:0;
	top:0;
	color:#374858;
    font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
	font-style:italic;
}
.Fax_Insurance ul.tabs li.active span{
	color:#FFF;
}
.Fax_Insurance .new-title {
    color: #00367C;
}
.Fax_Insurance .btn-success.remove {
    border: 1px solid #00367C;
}
.m_tab_title{
    display:none;
}
/*loading css start*/
.lds-dual-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
input[name="hasReadPersonalData"] {
    background: #fff;
}
input[name="hasReadPersonalData"]:checked:before {
    font-size: 18px;
    background: #00367C;
    color: #fff;
}
#poDeliverTypeInfo {
    min-width: 25rem;
}
@keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}
  /*loading css end*/
@media screen and (max-width: 1300px) {
    .m_tab_title{
        display:block;
        background:#00367C;
        border-radius:5px;
        padding:10px;
        color:#FFF;
        overflow:hidden;
    }
    .m_tab_title:hover{
        cursor:pointer;
    }
    .m_tab_title i{
        float:right;
        font-size:23px;
		margin:2px 0 0 0;
    }
    .Fax_Insurance ul.tabs{
        display:none;
        margin:10px 0 0 0;
        border:1px solid #CCC;
        border-bottom:none;
        border-radius:3px;
        overflow:hidden;
        box-shadow:0 3px 3px rgba(0,0,0,0.15);
    }
    .Fax_Insurance ul.tabs.active{
        display:block;
    }
    .Fax_Insurance ul.tabs li{
        display:block;
        width:100%;
        margin:0;
        box-shadow:none;
        border-bottom:1px solid #CCC;
    }
    .Fax_Insurance ul.tabs li:before,.Fax_Insurance ul.tabs li:after{
        display:none;
    }   
    .Fax_Insurance ul.tabs li a{
        background:#FFF;
    }
	.Fax_Insurance ul.tabs li span{
		display:none;
	}
}