.responsive body {
	min-width: 240px;
}

.responsive img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .mib-content-layout img, .responsive .mib-content-layout video
	{
	max-width: 100%;
	height: auto !important;
}

.responsive.responsive-phone .mib-content-layout img {
	margin: 1%;
}

.responsive.responsive-phone .mib-collage, .responsive.responsive-tablet .mib-collage
	{
	margin: 0 !important;
}

.responsive .mib-content-layout .mib-sidebar0, .responsive .mib-content-layout .mib-sidebar1,
	.responsive .mib-content-layout .mib-sidebar2 {
	width: auto !important;
}

.responsive .mib-content-layout, .responsive .mib-content-layout-row,
	.responsive .mib-layout-cell {
	display: block;
}

.responsive .mib-content-layout, .responsive .mib-content-layout-row {
	padding: 0;
}

.responsive .image-caption-wrapper {
	width: auto;
}

.responsive.responsive-tablet .mib-vmenublock, .responsive.responsive-tablet .mib-block
	{
	/* margin-left: 1%;
	margin-right: 1%;  Modify:11/16 */
	margin-left: 0;
	margin-right: 0;
	width: 48%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .mib-responsive-embed {
	height: 100%;
	/*padding-bottom: 56.25%;*/
	/* 16:9 */
	position: relative;
}

div.mib-responsive-embed:last-of-type {
	/*height: 400px;*/
	
}

.responsive .mib-responsive-embed iframe, .responsive .mib-responsive-embed object,
	.responsive .mib-responsive-embed embed {
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.responsive .mib-header {
	width: auto !important;
	max-width: none !important;
	min-height: 100px !important;
	min-width: 0 !important;
	text-align: center;
}

.default-responsive .mib-header {
	height: 86px;
}

.default-responsive .mib-header * {
	position: relative;
	text-align: center;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.default-responsive .mib-header .mib-headline, .default-responsive .mib-header .mib-slogan
	{
	display: block !important;
	top: -33px !important;
	left: 0 !important;
	margin: 2% !important;
	text-align: right !important;
}

.default-responsive .mib-header .mib-headline a, .default-responsive .mib-header .mib-slogan
	{
	white-space: normal !important;
}

.default-responsive .mib-header .mib-logo {
	display: inline-block;
	margin: auto !important;
	left: auto;
	top: auto !important;
	width: auto;
	height: auto;
}

.responsive .mib-header .mib-slidenavigator {
	position: absolute;
}

.default-responsive .mib-header .mib-positioncontrol {
	display: block !important;
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	margin: 2% auto !important;
	width: auto !important;
	height: auto !important;
}

.responsive .mib-header #mib-flash-area {
	display: none;
}

/* Search and other elements in header element directly */
.default-responsive .mib-header>.mib-textblock {
	position: relative !important;
	display: block !important;
	margin: 1% auto !important;
	width: 75% !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
}

.default-responsive .mib-header .mib-textblock {
	position: relative !important;
	display: block !important;
	margin: auto !important;
	left: 0 !important;
	right: 0 !important;
	top: auto !important;
	height: auto !important;
	width: auto;
	background-image: none;
}

/* '.mib-header *' used noram align, but for '.mib-textblock *' we must force align because of preview */
.responsive .mib-header .mib-textblock * {
	text-align: center !important;
}

.default-responsive .mib-header .mib-shapes>.mib-textblock,
	.default-responsive .mib-header .mib-slide-item>.mib-textblock {
	display: none !important;
}

.default-responsive .mib-header .mib-shapes>.mib-textblock * {
	text-align: center !important;
	width: auto !important;
	height: auto !important;
	display: block;
}

.default-responsive .mib-header .mib-slider .mib-textblock * {
	text-align: center !important;
	width: auto !important;
	height: auto !important;
	display: block;
}

/* For icons like facebook, rss, etc. */
.responsive .mib-header>.mib-textblock>div {
	width: 100%;
}
/* dynamic width nav */
.responsive nav.mib-nav, .responsive .mib-nav-inner {
	width: auto !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin-top: 0;
	margin-bottom: 0;
	min-width: 0;
	text-align: left !important;
}

.responsive nav.mib-nav {
	min-width: 1%;
	margin-right: 1% !important;
	margin-left: 1% !important;
}

.responsive .mib-nav {
	padding-left: 0;
	padding-right: 0;
}

/* full width hmenu, instead of inline-block */
.responsive .mib-nav ul.mib-hmenu {
	float: none;
	text-align: center;
	display: none;
}

/* elements on different lines */
.responsive .mib-nav ul.mib-hmenu li, .responsive .mib-hmenu-extra1,
	.responsive .mib-hmenu-extra2 {
	float: none;
}

/* horizontal margins */
.responsive .mib-nav ul.mib-hmenu>li:first-child, .responsive .mib-nav ul.mib-hmenu>li:last-child,
	.responsive .mib-nav ul.mib-hmenu>li {
	margin-left: 0;
	margin-right: 0;
}

/* separator */
.responsive .mib-nav ul.mib-hmenu>li:before {
	display: none;
}

/* vertical distance between items */
.responsive .mib-nav ul.mib-hmenu a {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	text-align: center !important;
	height: auto;
	white-space: normal;
}

.responsive .mib-nav ul.mib-hmenu>li:first-child>a {
	margin-top: 0 !important;
}

.responsive .mib-nav ul.mib-hmenu>li:last-child>a {
	margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .mib-nav .ext, .responsive .mib-nav ul.mib-hmenu>li>ul,
	.responsive .mib-nav ul.mib-hmenu>li>ul>li, .responsive .mib-nav ul.mib-hmenu>li>ul>li a
	{
	width: auto !important;
}

/* submenu position on hover */
.responsive .mib-nav ul.mib-hmenu ul {
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: none !important;
	position: relative !important;
	visibility: visible !important;
}

.mib-nav .mib-menu-btn {
	border: 1px solid #404040;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	display: none;
	-svg-background: linear-gradient(to bottom, #707070 0, #000 100%);
	background: -ms-linear-gradient(top, #707070 0, #000 100%);
	background: -moz-linear-gradient(top, #707070 0, #000 100%);
	background: -o-linear-gradient(top, #707070 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070),
		color-stop(1, #000));
	background: -webkit-linear-gradient(top, #707070 0, #000 100%);
	background: linear-gradient(to bottom, #707070 0, #000 100%);
	margin: 3px;
	outline: none;
	padding: 5px;
	position: relative;
	vertical-align: bottom;
	width: 33px;
}

.mib-nav .mib-menu-btn span {
	background: #E0E0E0;
	border-radius: 2px;
	display: block;
	height: 3px;
	margin: 3px 1px;
	position: relative;
	-moz-transition: background .2s;
	-o-transition: background .2s;
	-webkit-transition: background .2s;
	transition: background .2s;
}

.mib-nav .mib-menu-btn:hover span {
	background: #f3f3f3;
}

.responsive .mib-nav .mib-menu-btn {
	display: inline-block;
}

.responsive .mib-nav .mib-hmenu.visible {
	display: block;
}

.responsive .mib-nav ul.mib-hmenu>li>ul>li:first-child:after {
	display: none;
}

.responsive .mib-nav ul.mib-hmenu ul a {
	padding-left: 4% !important;
}

.responsive .mib-nav ul.mib-hmenu ul ul a {
	padding-left: 6% !important;
}

.responsive .mib-nav ul.mib-hmenu ul ul ul a {
	padding-left: 8% !important;
}

.responsive .mib-nav ul.mib-hmenu ul ul ul ul a {
	padding-left: 10% !important;
}

.responsive .mib-nav ul.mib-hmenu ul ul ul ul ul a {
	padding-left: 12% !important;
}

.responsive .mib-nav ul.mib-hmenu>li>ul {
	padding: 4px;
}

.responsive .mib-nav ul.mib-hmenu>li>ul:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive .mib-sheet {
	width: auto !important;
	min-width: 240px !important;
	max-width: none !important;
	margin-right: 1% !important;
	margin-left: 1% !important;
}

#mib-resp {
	display: none;
}

@media all and (max-width: 899px) {
	#mib-resp, #mib-resp-t {
		display: block;
	}
	#mib-resp-m {
		display: none;
	}
}

@media all and (max-width: 480px) {
	#mib-resp, #mib-resp-m {
		display: block;
	}
	#mib-resp-t {
		display: none;
	}
}

#mib-resp-desktop {
	display: none;
}

#mib-resp-tablet-landscape {
	display: none;
}

#mib-resp-tablet-portrait {
	display: none;
}

#mib-resp-phone-landscape {
	display: none;
}

#mib-resp-phone-portrait {
	display: none;
}

@media ( min-width : 1200px) {
	#mib-resp-desktop {
		display: block;
	}
	/* 投保試算 start */
	#TabContent1, #TabContent2 {
		width: 668px;
	}
	.datePicker,.birthday {
		width: 80px;
	}
	#EHour1,#EHour8 {
		width: 40px;
	}
	#SumDay1,#SumDay2,#SumDay8 {
		width: 40px;
	}
	/* 投保試算 end */
	/* 費率查詢 start */
	#start_day,#end_day {
		width: 40px;
	}
	/* 費率查詢 end */
}

@media ( min-width : 980px) and (max-width: 1199px) {
	#mib-resp-tablet-landscape {
		display: block;
	}
	/* 投保試算 start */
	#TabContent1, #TabContent2 {
		width: 668px;
	}
	.datePicker,.birthday {
		width: 80px;
	}
	#EHour1,#EHour8 {
		width: 40px;
	}
	#SumDay1,#SumDay2,#SumDay8 {
		width: 40px;
	}
	/* 投保試算 end */
	/* 費率查詢 start */
	#start_day,#end_day {
		width: 40px;
	}
	/* 費率查詢 end */
}

@media ( min-width : 768px) and (max-width: 979px) {
	#mib-resp-tablet-portrait {
		display: block;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="url"],
		input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"],
		input[type="month"], input[type="number"], input[type="range"], input[type="tel"],
		input[type="time"], input[type="week"], textarea {
		/*width: 100%;*/
		padding: 2px 0;
		margin:5px 5px 5px 5px;
		color: #363E3F !important;
		font-size: 12px;
		font-family: "微軟正黑體", Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		font-weight: bold;
		font-style: normal;
		/*text-transform: uppercase;*/
		text-shadow: none;
		/*height:28px;*/
		margin:3px
	}
	/* 投保試算 start */
	#TabContent1, #TabContent2 {
		width: 648px;
	}
	.datePicker,.birthday {
		width: 80px;
	}
	#EHour1,#EHour8 {
		width: 40px;
	}
	#SumDay1,#SumDay2,#SumDay8 {
		width: 40px;
	}
	/* 投保試算 end */
	/* 費率查詢 start */
	#start_day,#end_day {
		width: 40px;
	}
	/* 費率查詢 end */
}

@media ( min-width : 480px) and (max-width: 767px) {
	#mib-resp-phone-landscape {
		display: block;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="url"],
		input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"],
		input[type="month"], input[type="number"], input[type="range"], input[type="tel"],
		input[type="time"], input[type="week"], textarea {
		/*width: 100%; */
		padding: 2px 0;
		margin:5px 5px 5px 5px;
		color: #363E3F !important;
		font-size: 12px;
		font-family: "微軟正黑體", Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		font-weight: bold;
		font-style: normal;
		/*text-transform: uppercase;*/
		text-shadow: none;
		/*height:28px;*/
		margin:3px
	}
	/* 投保試算 start */
	#TabContent1, #TabContent2 {
		width: 648px;
	}
	.datePicker,.birthday {
		width: 80px;
	}
	#EHour1,#EHour8 {
		width: 40px;
	}
	#SumDay1,#SumDay2,#SumDay8 {
		width: 40px;
	}
	/* 投保試算 end */
	/* 費率查詢 start */
	#start_day,#end_day {
		width: 40px;
	}
	/* 費率查詢 end */
}

@media ( max-width : 479px) {
	.mib-postcontent, .mib-postcontent li, .mib-postcontent table,
	.mib-postcontent a, .mib-postcontent a:link, .mib-postcontent a:visited,
	.mib-postcontent a.visited, .mib-postcontent a:hover, .mib-postcontent a.hovered
	{
		font-size: 16px;
		font-family: "微軟正黑體", 'Times New Roman', Georgia, Times, Serif;
		font-weight: normal;
		font-style: normal;
	}
	.mib-article th, .mib-article td {
		padding: 6px;
		/*border: dotted 0px #7E8F91;*/
		vertical-align: top;
		text-align: left;
	}
	.mib-footer p {
		padding: 3px;
		text-align: left;
	}
	.bigfont {
		font-size: 16px;
	}
	#mib-main {
		font-size: 18px;
	}
	.mib-post {
		background: #F4F5F6;
		background: rgba(244, 245, 246, 0.8);
		padding: 0px;
		margin: 0px;
	}
	.responsive nav.mib-nav {
		min-width: 1%;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#mib-resp-phone-portrait {
		display: block;
	}
	.responsive .mib-sheet {
		width: auto !important;
		min-width: 240px !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding: 2px;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="url"],
		input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"],
		input[type="month"], input[type="number"], input[type="range"], input[type="tel"],
		input[type="time"], input[type="week"], textarea, select {
		/*width: 100%;*/
		padding: 2px 0;
		margin:5px 5px 5px 5px;
		color: #363E3F !important;
		font-size: 12px;
		font-family: "微軟正黑體", Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		font-weight: bold;
		font-style: normal;
		/*text-transform: uppercase;*/
		text-shadow: none;
		/*height:28px;*/
		margin:3px
	}
	.mib-shapes {
		overflow: none;
	}
	/* 投保試算 start */
	#TabContent1 {
		/* width: 325px; */
		width: 370px;
	}
	#TabContent2 {
		width: 325px;
	}
	/* 投保試算 end */
	ul.mib-vmenu>li>a {
		font-size: 16px;
		margin: 5px;
	}
	#missionStatement {
		width: 260px;
		overflow: auto;
	}
	.responsive .mib-responsive-embed {
		height: 100%;
		/*padding-bottom: 56.25%;*/
		/* 16:9 */
		position: relative;
	}
	#iframelogin {
		height: 480px;
	}
	#rateQuery1 {
		height: 540px;
	}
	#rateQuery2 {
		/*height: 500px;*/
	}
	#rateQuery3 {
		height: 540px;
	}
	#rateQuery4 {
		height: 540px;
	}
	/* 投保試算 start */
	#SDate1,#SDate2,#SDate8 {
		width: 80px;
	}
	#EDate1,#EDate2,#EDate8 {
		width: 80px;
	}
	#EHour1,#EHour8 {
		width: 40px;
	}
	#SumDay1,#SumDay2,#SumDay8 {
		width: 40px;
	}
	#SUserBirthday1_1,#SUserBirthday8_1 {
		width: 80px;
	}
	/* 投保試算 end */
	/* 費率查詢 start */
	#start_day,#end_day {
		width: 40px;
	}
	/* 費率查詢 end */
	#insInquiry { /*投保查詢*/
		height: 500px;
	}
	#claimsInquiry { /*理賠查詢*/
		height: 600px;
	}
	#contractChanges { /*契約變更*/
		height: 500px;
	}
	#tableDL {
		height: 330px;
	}
	#ann_rep {
		height: 450px;
	}
	#apply {
		height: 650px;
	}
	#Agent1 {
		height: 500px;
	}
	#Agent2 {
		height: 500px;
	}
	._2p3a {
	
	}
	#sheet-1 {
		 
	}
	
	#InsTypeId1_5 {
		width:300px;
	}
	/* 代理人申請 start */
	#tableWidth {
		width:100%;
	}
	#UserName {
		width:76px;
	}
	#travcoName {
		width:28%;
	}
	.li_style {
		margin-top:0px;
		padding-top:0px;
	}
	ul.li_style li {
		margin:-1px 0px 8px 0px;
		padding: 0px;
	}
	#leasedLine,#UserComTelarea,#UserComFaxarea,#UserTelarea,#UserFaxarea {
		width:50px;
	}
	#leasedLine2,#UserComTel,#UserComFax,#UserComExt,#UserTel,#UserFax {
		/*width:72%;*/
	}
	#UserComExt {
		width:68px;
	}
	#UserZipcode,UserComZipcode{
		width:50px;
	}
	/* 代理人申請 end */
	/* 申訴中心 start */
	#UserAddr1 {
		width:290px;
	}
	#message {
		width:100%;
	}
	/* 申訴中心 start */
	/* 成立宗旨 start */
	#style1 {
		width:65px;
	}
	/* 成立宗旨 end */
	/* 理賠申請 start */
	#table_01 {
		width:100px;
	}
	#table_02 {
		width:9%;
	}
	/* 理賠申請 end */
	/* 聯絡我們 start */
	#contactUs_tb01 {
		width:76px;
	}
	#contactUs_tb02 {
		width:9%;
	}
	/* 聯絡我們 end */
}

.responsive .mib-content-layout, .responsive .mib-content-layout-row,
	.responsive .mib-layout-cell {
	display: block;
}

.responsive .mib-layout-cell {
	width: auto !important;
	height: auto !important;
}

.responsive .mib-content-layout:after, .responsive .mib-content-layout-row:after,
	.responsive .mib-layout-cell:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.responsive .responsive-tablet-layout-cell, .responsive.responsive-tablet .mib-footer .mib-content-layout .mib-layout-cell
	{
	margin: 1%;
	width: 98% !important;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
	.responsive.responsive-tablet .mib-footer .mib-content-layout .responsive-layout-row-2 .mib-layout-cell
	{
	width: 48% !important;
}

.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
	.responsive.responsive-tablet .mib-footer .mib-content-layout .responsive-layout-row-3 .mib-layout-cell
	{
	width: 31% !important;
}

.responsive .mib-post {
	border-radius: 0;
}

.responsive .mib-footer-inner {
	width: auto;
	padding: 2% !important;
}

.responsive .mib-footer {
	margin-top: 1%;
}