/*common*/
body{ font-family:'微軟正黑體','黑體',Helvetica; font-size:1.3em;}

/*common setting*/
.Clear{ clear:both}
img, object, embed, video {
	max-width: 100%;
}


/*bs restting*/
.row, .container>.navbar-header{ margin-left:0px !important; margin-right:0px !important}


/*slider*/
.flex-control-paging li { display:block; text-indent:-999999px; }
.flex-control-paging li a{ display:block; text-indent:-999999px; width:10px; height:10px; background-color:#C5C5C5; border-radius:99em;}
.flex-control-paging li:hover, .flex-control-paging li a.flex-active{background-color:#80d0d0;cursor: default;}
.flex-control-nav{ margin-top:35px;}


/*logo*/
.navbar-brand img{ margin-left:18px;}



/*中間內容區*/

.Con2{
padding-top:20px; 

}

.Con4{
	padding-top:40px; 	
}

/*右邊ICON*/
.Right_icon{ margin-top:34px;}



/*好康報報*/
.HN_title{ width:98%; border-bottom:2px #e50967 dotted; height:30px; margin-left:0px; margin-bottom:10px;}
/* .HN_title ul{margin-left:-40px;} */
.HN_title li.fa-bullhorn{ color:#666666}
.HN_title li{ display:block; float:left; list-style:none; margin-right:5px; }
.HN_title li.t01{ font-size:1.5em; font-weight:bold; color:#e70063; line-height:1.5em;}
.HN_title li.t02{ font-size:1.125em; font-weight:bold;color:#e70063; padding-top:5px;}
.HN_title li.t03 { float:right;padding-top:5px;}
.HN_title li.t03 a{ font-size:1em; padding:2px 8px; color:#ffffff; background-color:#e50967; }

.HN_con{
	/* margin-bottom:6px; */
	display: flex;
	align-items: center;
}
.HN_con .t01{ background-color:#30b5b4; color:#ffffff; -webkit-border-radius: 12px;
-moz-border-radius: 12px;border-radius:12px; letter-spacing:0.8px; font-size:1em; text-align:center;}
.HN_con .t02{ text-align:left;}
.HN_con .t02 a{ font-size:1.1em; line-height:24px; color:#1e1d1d; text-decoration:underline; }
.HN_con .t02 a:hover{ color:#e70a69}
.HN_con .col-lg-10, .HN_con .col-md-10{ padding-left:5px;}
.HN_con .col-lg-10, .HN_con .col-md-10, .HN_con .col-lg-2, .HN_con .col-md-2 { padding-top:4px; padding-bottom:4px;}
.Right_icon img{ max-width:90%}
.Right_icon div{ text-align:center;}
.Phone{ font-size:0.9em; color:#f00961; margin-top:10px; text-align:left;}

/*other*/
.Phone_btn{ display:none}


/*內頁*/
header { 
height:189px;
background: rgb(215,240,241); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(215,240,241,1) 0%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 41%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(215,240,241,1) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 41%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(215,240,241,1) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f0f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

header .h01{ text-align:right;}
header .h02{ text-align:left; padding-top:32px;}
header .h03{ text-align:left; padding-top:6px; }
header .h04{ text-align:left; padding-top:27px;}
header .Topmenu{ padding-top:10px;}

@media only screen and (max-width: 1024px) {
	.Phone_btn{ display:none}

}

@media only screen and (max-width: 990px) {
	
	/*slider*/
	.flex-viewport{ width:100%; height:auto;}
	
	/*Other*/
	.Phone_btn{ display:none}
	
	/*左邊設定*/
	.HN_con .t01{ letter-spacing:2px;}
	.HN_title{ width:95%;}
	.HN_con .t02 a{ font-size:1.1em; letter-spacing:2px;}
	.HN_con .col-lg-10, .HN_con .col-md-10{ padding:5px 4px;}
	.HN_con .col-lg-2, .HN_con .col-md-2{ margin:5px 0px;}
	
	
	/*右邊設定*/
	.Phone{ display:none;}
	.Right_icon img{ max-width:100%; padding:5px 10px;}
	.S01{ margin-top:-40px;}
	
	

}


@media only screen and (max-width: 811px) {
	
	/*Other*/
	.Phone_btn{ display:none}
	
	
	/*右邊設定*/
	.Right_icon img{ max-width:100%; padding:5px 10px;}
	
	
	
	/*左邊設定*/
	.HN_con .t02 a{ font-size:1.1em; letter-spacing:1px;}
	.HN_con .col-lg-10, .HN_con .col-md-10{ padding:6px 4px;}
	.HN_con .col-lg-2, .HN_con .col-md-2{ margin:6px 0px;}
	
	
	}

@media only screen and (max-width: 767px) {
	
	
	/*left hot news*/
	.HN_title{ width:95%}
	.HN_title, .HN_con{ margin-left:10px;}
    .HN_con .col-lg-2, .HN_con .col-md-2{ margin:3px 0px;}
	.HN_con .t02 a{ font-size:1.2em; letter-spacing:2px;}

	
    /*right btn*/
	.Right_icon{ display:none;}


	/*footer*/
	.Note{ text-align:left; Padding-top:40px; font-size:1.1em;}
	
	/*Other*/
	.Phone_btn{ display:inline}
	.Phone_btn .b01 a, .Phone_btn .b02 a{ display:block; margin:5px 5px; height:55px; width:95%; text-align:center; line-height:55px; -webkit-border-radius: 6px;font-size:1.4em; 
-moz-border-radius: 6px;border-radius: 6px;webkit-box-shadow:3px 3px 6px rgba(0,0,0,.175);box-shadow:3px 3px 6px rgba(0,0,0,.175);}
	.Phone_btn .b01 a{ 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(174,231,224,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(174,231,224,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(174,231,224,1) 47%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, 		Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px #1ba3a5 solid;font-weight:bold;color:#0c5355;
     }
	.Phone_btn .b01 a:hover, .Phone_btn .b02 a:hover{webkit-box-shadow:3px -3px 3px rgba(0,0,0,.175);box-shadow:3px -3px 3px rgba(0,0,0,.175);}
	.Phone_btn .b02 a{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d8d8d8+48,ffffff+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(216,216,216,1) 48%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,216,216,1) 48%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(216,216,216,1) 48%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, 	Opera12+, Safari7+ */
	ilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px #868686 solid;font-weight:bold;color:#495050; 
	}
	.fa{ margin-top: 3px; padding-right: 5px}
	.fa.fa-usd { font-size: 1.08em; font-weight: 700; margin-top: 0; padding-right: 4px; vertical-align: 0}
	.Con2{ padding-top:30px;}
	
	
	
	}
	
	
@media only screen and (max-width: 596px) {
	/*left hot news*/
	.HN_con .t01{ letter-spacing:1px;width:30%}
	.HN_con .t02 a{ letter-spacing:2px;}
	.HN_con .col-xs-10{ width:100%}

		
	
   }




@media only screen and (max-width: 480px) {
		
	/*footer*/	
	.Phone{ display:none;}
	
	/*left hot news*/
	.HN_con .t01{ letter-spacing:1px;width:30%; font-size:1em;}
	.HN_con .t02 a{ letter-spacing:1px;font-size:1.2em;}	
	
}


@media only screen and (max-width: 320px) {
	
	
	}