.unit_banner{
	min-height:65px;
}
.unit_banner img{
	display:block;
	margin:0 auto;
}
.bread_crumb_container{
	background-color:#f5f5f5;
	border:1px solid #e4e4e4;
	border-width: 1px 0;
}
.bread_crumb, .bread_crumb_btn_block{
	float: right;
}
.bread_crumb_search{
	float: left;
}
.bread_crumb span{
	height: 42px;
	line-height: 42px;
	display:block;
	float: right;
	font-size:15px;
	margin:5px 0;
	padding: 0 15px;
	border-color: #e4e4e4;
	border-width: 0 0 0 1px;
	border-style: solid;
}
.bread_crumb span a{
	color:#626262;
}
.bread_crumb span:first-child a{
	color: #d10101;
	font-size:18px;
}
.bread_crumb span:last-child{
	border:0;
}
.bread_crumb_search input{
	height: 52px;
	padding:0 18px;
	float: right;
	border: 0;
	outline: 0;
}
.bread_crumb_search_input{
	min-width:250px;
}
.bread_crumb_btn_block{
	height: 52px;
	position: relative;
}

.bread_crumb_submit_btn{
	width:50px;
	height: 52px;
    position: relative;
    border: 0;
	outline: 0;
	background-color: #fc584f;
}
.bread_crumb_btn_block:before{
	content: "\f002";
	width: 20px;
    height: 30px;
    display: block;
    font-family: FontAwesome;
    font-size:20px;
    color:#fff;
    position: absolute;
    z-index: 2;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    background-color: #fc584f;
    pointer-events:none;
}
.page_title{
	margin:35px 0;
	font-size: 30px;
    line-height: 36px;
}
.menu-lv3 + .page_title{
	font-size: 24px;
	color:#010101;
	margin: 26px 0 25px;
}
.lv3_title{
	margin: 37px 0 35px;
}
.default_select{
	float: right;
	position: relative;
}
.default_select select{
	min-width:300px;
	height:50px;
	border: 1px solid #e4e4e4;
	padding: 0 25px 0 55px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	cursor:pointer;
}
.default_select:after{
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	top: 13px;
	left: 30px;
	pointer-events: none;
}
.default_table,
.download_table{
	width:100%;
	color: #626262;
}
.download_btn{
	display:block;
	width: 25px; 
	height: 24px; 
	background-image: url(../images/posiflex_download_btn.png);
	background-position: 0 0; 
	background-repeat: no-repeat;
	margin:0 auto;
}
.default_select select::-ms-expand{ display:none; }

.default_table th{
	text-align: center;
}
.default_table td{
	text-align:center;
}
.default_table span{
	min-width:105px;
	display: inline-block;
	text-align: right;
}
.default_table th:nth-child(1){
	width: 20%;
}
.default_table th:nth-child(2){
	background-color: #959595;
}
.default_table th:nth-child(3){
	background-color: #7d7d7d;
}

.default_table tbody tr:nth-child(even),
.download_table tbody tr:nth-child(even){
	background-color:#fbfbfb;
}
.default_table tbody tr,
.download_table tbody tr{
	border-bottom: 1px solid #f5f5f5;
}
.download_table tbody tr:hover td:nth-child(2){
	color:#d10101;
}
.download_btn:hover,
.download_table tbody tr:hover .download_btn{
	background-position: -25px 0;
}
.default_table th,
.download_table th{
	background-color:#aaa;
	font-weight:normal;
	color:#fff;
	padding: 14px 15px;
	text-align: right;
}
.download_table th:first-child{
	min-width:130px;
}
.default_table td,
.download_table td{
	padding: 14px 15px;
}
.download_block h3{
	margin: 32px 0 18px;
	padding: 0 2px;
}
.number_col td:nth-child(2),
.number_col td:nth-child(3){
	padding-right:55px;
}
.category_search  select{
	width:300px;
}
/* page */
.pagebar {
    width: 260px;
    margin: 55px auto 0;
    color: #888888;
    text-align: center;
}
.pagebar a {
	color: #626262;
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}
.pagebar a:hover {
    color: #ffffff;
    background-color: #fc584f;
    text-decoration: none;
}
.pageborder {
    width: 45px;
    height: 45px;
    border: 1px solid #CFD8DC;
    display: inline-block;
    line-height: 45px;
	vertical-align: top;
     transition: border-color 0.3s ease;
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
}
.pageborder:hover{
	border: 1px solid #fc584f;
}
.pageborder a i {
    font-size: 18px;
}
.pageinput {
    box-shadow: none;
    width: 45px;
    height: 45px;
    padding: 0;
    outline: 0;
    font-size: 18px;
    text-align: center;
    color: #d10101;
    border: 1px solid #CFD8DC;
    display: inline-block;
}
.pagetext {
    width: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 18px;
}
/* content block */
.content_block {
    padding-left: 2px;
}
.content_block .title{
	color:#d10101;
	line-height: 24px;
	margin-bottom:11px;
}
.content_box {
    display: block;
    width: 25%;
    border: 1px solid #E5E5E5;
    padding: 18px 28px;
    margin: -1px 0px 0px -1px;
    float: right;
    position: relative;
}
.content_box:hover {
    text-decoration: none;
}
.content_img{
	position: relative;
}
.content_img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}
.content_introduce{
	margin-top:15px;
}
/* download */
.download .top_block{
	padding: 25px 40px 25px 20px;
	background-color: #f5f5f5;
	background-image: url(../images/posiflex_download_bg.png);
	background-repeat: no-repeat;
	background-position: -80px -44px;
}
.download .default_select,
.table_module .default_select{
	margin-left: 20px;
	margin-bottom:20px;
}
.support .default_select{
	margin-bottom:10px;
}
.support .reqiured{
	margin:5px 0 5px;
	font-size:14px;
	color: #d10101;
}
.category_search button,
.table_module button{
	background-color: #ee2e24;
	min-width:120px;
	float: right;
	padding: 9px 5px;
	margin: 5px 0 5px 10px;
	border: 0;
	border-radius: 3px;
	color: #fff;
}
.category_search button:disabled,
.table_module button:disabled{
	background-color: #e4e4e4;
	color: #626262;
}
.download_key_search{
	max-width: 940px;
	position:relative;
	padding-right: 320px;
}
.download_key_search input{
	width: 100%;
	max-width: 620px;
	border: 1px solid #e4e4e4;
	padding: 13px 25px 13px 55px;
	outline: 0;
}
.download_key_search button {
	background: transparent;
	border: 0;
	font-size: 20px;
	padding: 11px 10px 11px 26px;
	position: absolute;
	top: 0;
	left: 0;
}
/* member download */
.member_download{
	margin-bottom:20px;
}
/* about */
.arrow-menu{
	position:relative;
}
.arrow-list{
	width:100%;
	list-style:none;
}
.arrow-title {
    position: relative;
    min-height: 50px;
    background-color: #f5f5f5;
    padding: 12px 30px;
    font-size: 18px;
    color: #626262;
    cursor: pointer;
}
.arrow-title:after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: absolute;
    right: 30px;
    top: 12px;
}
.arrow-title.open:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrow-list li {
	width: 16.66666667%;
	position:relative;
	padding-right: 3px;
	float: right;
}
.arrow-list a {
	width: 100%;
	display:block;
	padding: 14px 15px;
	background-color: #f5f5f5;
	font-size:18px;
	text-align: center;
}
.arrow-list li.active a{
	cursor:default;
	pointer-events: none;
}
.arrow-list li.active a,
.arrow-list a:hover {
	color: #fff;
	background-color: #ee2e24;
	text-decoration: none;
}
.arrow-list > li.active:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ee2e24;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* milestone*/
.info_list,
.record_list{
	list-style:none;
}
.info_list .info_item{
	display: block;
}
.info_list .info_item div{
	display: table-cell;
	vertical-align: middle;
	padding: 14px 18px;
}
.info_list .date{
	padding-right: 0;
}
.milestone,
.award_block{
	margin-top:50px;
}
.milestone .info_item{
	display: table-row;
}
.milestone .info_item div{
	padding: 14px 10px;
}
.milestone > li{
	width: 100%;
	display:table;
	border-bottom: 1px solid #e4e4e4; 
}
.milestone > li:first-child{
	border-top: 1px solid #e4e4e4; 
}
.milestone .date{
	width:24%;
	font-family: "OpenSans-Italic","Microsoft JhengHei","微軟正黑體",arial,"新細明體",sans-serif;
	font-size: 42px;
}
.milestone .info_item div.date{
	padding-right: 6%;
	height:160px;
}
.record_list{
	color:#626262;
}
.record_list li{
	position:relative;
	padding: 4px 15px 4px 10px;
	unicode-bidi: plaintext;
}
.record_list li:before{
	content: "\f0d9";
	//
	width: 20px;
 	//
	height: 30px;
	font-size: 16px;
	position: absolute;
	right: 3px;
	color:#d10101;
	font-family: FontAwesome;
}
/* block award */
.award .arrow-list li{
	min-width: 215px;
	width:auto;
}
.award_block .content_img{
	padding-top: 79%;
}
.event_block .content_img{
	padding-top: 38%;
}
.newsletter_block .content_img,
.certificate_block .content_img{
	padding-top: 145%;
}
.award_block .content_introduce{
	height: 165px;
}
.event_block .content_introduce{
	height: 190px;
}
.certificate_block .content_introduce{
	height: 82px;
}
.newsletter_block .content_introduce{
	height: 115px;
}
.event_block .date{
	margin-bottom:5px;
}
.event_block p,
.event_block .date,
.award_block p{
	font-size:15px;
}
.certificate_block .title,
.event_block .title,
.award_block .title,
.newsletter_block p,
.event_block p,
.award_block p{
	max-height: 72px;
	overflow: hidden;
}
.newsletter_block .title{
	max-height: 24px;
	overflow: hidden;
}
/* menu lv3 */
.menu-lv3{
	position: relative;
}
.menu-lv3-title {
    position: relative;
    min-height: 50px;
    background-color: #434343;
    padding: 12px 50px 12px 32px;
    font-size: 18px;
    color: #fffefe;
    cursor: pointer;
}
.menu-lv3-title:after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: absolute;
    right: 30px;
    top: 12px;
}
.menu-lv3-title.open:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu-lv3-list{
	list-style: none;
}
.menu-lv3-list li{
	float: right;
}
.menu-lv3-list li a{
	min-width:150px;
	display: block;
	padding: 14px 30px;
	margin-right: 5px;
	margin-bottom:5px;
	text-align: center;
	background-color: #434343;
	color: #fffefe;
}
.menu-lv3-list li a:hover,
.menu-lv3-list li.active a{
	background-color: #ee2e24;
	text-decoration: none;
}
/*  monthly sales */
.top_edit,
.bottom_edit{
	color:#626262;
}
.top_edit{
	margin-top: -13px;
	margin-bottom: 38px;
}
.bottom_edit{
	margin-top:16px;
}
.table_module .top_block{
	padding: 25px 40px 5px 20px;
	background-color: #f5f5f5;
}
.table_module_data{
	margin-top:16px;
}
.download_format{
	margin-top:0;
	border-top:1px solid #aaa;
}
.download_format .download_btn{
	display: inline-block;
	vertical-align: text-top;
}
.download_format .default_table span{
	display:inline;
	text-align:left;
	margin-right: 18px;
}
/* faq */
.faq_block .panel-group .panel-heading{
	min-height: 85px;
	padding: 0 84px 0 10px;
	position: relative;
	color: #000;
	cursor: pointer;
	vertical-align: middle;
}
.faq_block .panel-heading:before{
    content:'';
    width: 45px;
    height: 45px;
    position: absolute;
    background-image: url(../images/posiflex_faq_collapse.png);
    background-repeat: no-repeat;
    background-position: -45px 0;
    right: 20px;
    top: 20px;
}
.faq_block .panel-heading.collapsed:before{
	background-position: 0 0;
}
.faq_block .panel-group .panel-heading + .panel-collapse > .panel-body{
	border: 0;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
}
.faq_block .panel{
	border:0;
	border-bottom: 1px solid #e4e4e4;
	-webkit-box-shadow:none;
	box-shadow: none;
}
.faq_block .panel-group .panel + .panel{
	margin: 0;
}
.faq_block .panel-heading span{
	display: table-cell;
	height: 85px;
	vertical-align: middle;
}
/* contact */
.warning_msg{
	margin-bottom:35px;
}
.contact-form-block{
	color:#626262;
}
.contact-form-block label{
	font-weight: normal;
	cursor: pointer;
}
.contact-form-block .form-group{
	margin-bottom:8px;
}
.contact_top{
	margin-bottom: 20px;
}
.form-title{
	color:#000;
	margin-bottom:10px;
}
.form-radio{
	min-width: 250px;
	display:inline-block;
	position:relative;
}
.form-radio-input{
	padding-right: 10px;
	margin-left: 25px;
}
.form-checkbox-input{
	padding-right:10px;
	padding-top: 2px;
}
.form-checkbox-input label{
	width: 287px;
	padding-right: 27px;
	position:relative;
	margin-bottom:14px;
	vertical-align: top;
}
.checkbox-label:before{
	content:'';
	width:16px;
	height:17px;
	display:block;
	border:1px solid #ddd;
	position:absolute;
	right: 0;
	top:2px;
}
.form-checkbox-input input:checked + .checkbox-label:after{
	content:'';
	display:block;
	width:11px;
	height:10px;
	background: url(../images/posiflex_check_icon.png) no-repeat;
	position: absolute;
	right: 3px;
	top: 5px;
}
.form-radio-container,
.form-text,
.form-checkbox{
	padding:10px;
}
.form-checkbox{
	padding-bottom: 0;	
}
.form-radio input,
.form-checkbox-input input{
	display:none;
}
.radio-label{
	position:relative;
	margin-left: 26px;
	padding-right: 28px;
}
.radio-label:before{
	content:'';
	width: 18px;
	height: 18px;
	display: block;
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 50%;
	position:absolute;
	right: 0;
	top: 2px;
}
.form-radio input:checked + .radio-label:after{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	margin: 4px;
	background-color: #fc584f;
	border-radius: 50%;
	position:absolute;
	right: 0;
	top: 2px;
}
.error{
    color:#d10101;
}
.error + .form-radio-container{
	background-color: #ffebee;
	padding-bottom:40px;
}
.error + .input-container{
	padding-bottom:25px;
}
.error + .input-container input,
.error + .input-container select,
.error + .input-container textarea{
	border-color: #ff0000;
	background-color: #ffebee;
}
.form-radio .error{
	position: absolute;
    bottom: 10px;
    left: 10px;
}
.half{
	width:50%;
	max-width:490px;
	float: right;
}
.large-input{
	width:100%;
	max-width: 790px;
}
.form-text{
	position:relative;
}
.form-text input{
	min-width: 300px;
	height: 50px;
	padding-right: 10px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	outline:none;
}
.form-text textarea{
	border: 1px solid #e4e4e4;
    background-color: #fff;
    outline:none;
}

.form-text .error{
	position: absolute;
    bottom: 8px;
    right: 10px;
}
.verifying_input{
	margin-left:25px;
}
.verifying_input + img{
	vertical-align:top;
	cursor:pointer;
}
.divide{
	padding:0 10px;
	margin: 28px 0;
}
.divide:before{
	content:'';
	display:block;
	height:1px;
	background-color:#e4e4e4;
}
.submit-btn{
	width:180px;
	height:45px;
	background-color: #ee2e24;
	color:#fff;
	outline:none;
	border:0;
	border-radius:5px;
	display:block;
	margin:30px auto 0;
}
@media (min-width:1211px){
	.member_download .category_search{
		padding-right: 320px;
	}
}
@media (min-width:768px) and (max-width:1210px){
	.category_search{
		width:640px;
		margin-right: auto;
	}
	.download_key_search{
		margin-left: 20px;
		margin-right: auto;
	}
	.category_search button{
		margin: 5px 0 5px 0;
	}
	.member_download .category_search button{
		margin-bottom:25px;
	}
}
@media (max-width:1024px){
	.bread_crumb_container .container{
		padding: 0;
	}
	.content_block {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.content_box{
	    width: 50%;
	}
	.large-input{
		max-width: calc(50% + 310px);
	}
}
@media (max-width:1096px){
	.download_key_search{
		max-width: 620px;
		padding-left: 0;
	}
}
@media (max-width:767px){
	.unit_banner,.bread_crumb{
		display:none;
	}
	.bread_crumb_container{
		border-top-width:0;
	}
	.bread_crumb_search{
		width:100%;
		position:relative;
	}
	.bread_crumb_search input{
		width:100%;
		padding: 0 68px 0 18px;
	}
	.bread_crumb_btn_block{
		position:absolute;
		right: 0;
		top: 0;
	}
	.default_select,
	.default_select select,
	.form-text input,
	.half{
		width:100%;
		min-width: 0;
	}
	.half{
		max-width:none;
	}
	.default_table th:nth-child(1){
		width: auto;
	}
	.default_table td:nth-child(2),
	.default_table td:nth-child(3){
		text-align: right;
	}
	.number_col td:nth-child(2),
	.number_col td:nth-child(3) {
		padding-right: 15px;
	}
	.default_table span {
		min-width: 0;
	}
	.download,
	.table_module_content{
		padding-right: 0;
		padding-left: 0;
	}
	.download .top_block{
		padding: 25px 10px;
		background-image: none;
	}
	.download .default_select,
	.table_module .default_select{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.member_download .default_select:nth-child(2),
	.download .default_select:nth-child(3){
		margin-bottom:20px;
	}
	.category_search button{
		display: block;
		margin: 0 auto 30px;
		float: none;
	}
	.category_search button{
		background-color: #ee2e24;
		color: #fff;
	}
	.download_key_search,
	.download_key_search input{
		max-width:100%;
	}
	.download_block{
		padding: 0 10px;
	}
	.download_block .download_table td:before {
		content: attr(data-title);
	}
	.download_block .download_table .download_td:before {
		content: none;
	}
	.download_block .download_table tr {
		display: block;
		border: 1px solid #e4e4e4;
		margin-bottom: 20px;
	}
	.download_block .download_table td {
	    display: block;
		position: relative;
		padding: 15px 10px;
		padding-right: 140px;
		min-height: 52px;
	}
	.download_block .download_table td:before {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 130px;
	    padding: 15px 10px;
	    line-height: 20px;
	    color: #fff;
	    font-size: 16px;
	    background: #aaa;
	    height: 100%;
	    display: table-cell;
	    overflow: hidden;
	}
	.member_login,
	.download_block .download_table thead {
		display: none;
	}
	.download_block .download_table .download_td {
		padding: 18px 40px;
		border-top: 1px solid #e4e4e4;
	}
	.mobile_warning p{
		margin-top:25px;
		margin-bottom:0;
		color:#626262;
		text-align: center;
	}
	.milestone .date{
		font-size: 26px;
	}
	.milestone .info_item div{
		vertical-align: top;
	}
	.milestone .info_item div.date{
		width: 80px;
		height:auto;
		padding-left:10px;
	}
	.arrow-title.open + .arrow-list {
	    display: block;
	}
	.arrow-list {
	    width: 100%;
	    position: absolute;
	    display: none;
	    z-index: 1;
	}
	.arrow-list li{
		width: 100%;
		padding: 0;
		border-top: 1px solid #fff;
	}
	.arrow-list > li.active:after {
	    content: none;
	}
	.arrow-list a {
		padding: 14px 30px;
		text-align:left;
	}
	.award .arrow-list li{
		width: 100%;
	}
	/* award */
	.award .arrow-list{
		position:static;
		display:block;
	}
	.award .arrow-list li{
		margin-bottom: 5px;
	}
	/* meny lv3 */
	.menu-lv3-title.open + .menu-lv3-list {
		display: block;
	}
	.menu-lv3-list {
		width: 100%;
		position: absolute;
		display: none;
		max-height: 300px;
		overflow-y: auto;
		z-index: 1;
	}
	.menu-lv3-list li {
		width: 100%;
	}
	.menu-lv3-list li a{
		margin: 0;
		text-align: left;
	}
	/*  monthly sales */
	.table_module .top_block{
		padding: 25px 10px 23px;
	}
	.table_module button{
		display: block;
		margin: 0 auto;
		float: none;
	}
	.table_module .default_select:nth-child(2) {
	    margin-bottom: 20px;
	}
	.top_edit,
	.bottom_edit,
	.table_module_data{
		padding:0 10px;
	}
	/* faq */
	.faq_block{
		padding: 0 10px;
	}
	.faq_block .panel-heading:before {
		left: 5px;
	}
	.faq_block .panel-group .panel-heading{
		padding: 0 0 0 60px;
	}
	.faq_block .panel-heading:before{
		width: 35px;
		height: 35px;
		background-size:200%;
		background-position: -35px 0;
		top: 25px;
	}
	.faq_block .panel-group .panel-heading + .panel-collapse > .panel-body {
	    padding-left: 0;
	    padding-right: 0;
	}
	.large-input{
		max-width: 100%;
	}
	.verifying_input{
		margin-bottom:10px;
		margin-left:0
	}
	.form-radio-input,
	.form-checkbox-input{
		padding-left:0;
	}
}
@media (max-width:650px){
	.content_block {
		width: auto;
	}
}
@media (max-width:499px){
	.content_box{
	    width: 100%;
	}
	.award_block .content_introduce {
		height: auto;
	}
	.award_block .title, .award_block p {
		max-height: none;
		overflow: visible;
	}
	.award_block p{
		display:none;
	}
}