@import "reset.css";
@import "skeleton.css";
@import "superfish.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(//fonts.googleapis.com/css?family=Lobster);
html {
	width: 100%;
}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}
* {
	-webkit-text-size-adjust: none;
}
body {
	font: bold 14px/24px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	color: #222;
	position: relative;
	min-width: 960px;
	/*background: url(../images/bg_body.png) 0 0 repeat;*/
	background: #50acdc; /* #50acdc ,#2276bd */
}
body > div {
/*	background: url(../images/bg_header.png) 0 0 repeat-x;*/
}
.txt_pre{
	font: bold 16px/24px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
		}
select{ height:30px; min-width:45px;}		
address {
	font-style: normal;
}
p {
	margin-bottom: 18px;
}
p.p1 {
	margin-bottom: 9px;
	margin-top: -1px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;

	color: #5b6a7f;
	font-weight: bold;
}
.bg_h1{background: #2871b1;}
h2 {
	font-size: 24px;
	line-height: 24px;
	color: black;

}
h3 {
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #2276bd;
	padding-top: 15px;
}
h3 .count {
	text-align: center;
	float: left;
	margin-bottom: 6px;
	margin-top: -11px;
	display: block;
	background: #064f92;
	color: white;
	margin-right: 16px;
	border-radius: 500px;
	width: 70px;
	font-weight: normal;
	height: 70px;
	font-size: 30px;
	line-height: 68px;
	font-family: "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
}
img {
	max-width: 100%; 
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
a:hover {
	color: black;
}
.bottom_15{
 padding-bottom: 15px;
}
a.btn {
	margin-top: 15px;
	margin-right: 15px;	
	display: inline-block;
	color: #2276bd;
	text-align:right; 
	float:right;
	font: bold 14px/16px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
}
a.btn:hover {
	color: black;
}
a.link-1 {
	color: #2276bd;
}
a.link-1:hover {
	color: #000;
}
ul.list {
	padding-top: 69px;
	padding-bottom: 70px;
	text-align: right;
}
ul.listindex {
	padding-top: 87px;
}
ul.list li {
	font: 700 14px/28px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;

	padding-right: 0px;
/*	background: url(../images/marker.png) right 12px no-repeat;*/
	color: black;
}
ul.list2 {
	margin-bottom: 12px;
}
ul.list2 li {
	font: 700 14px/28px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	padding-left: 15px;
	background: url(../images/marker.png) 0 12px no-repeat;
	color: black;
}
ul.list li a:hover {
	color: #a6a6a6;
}
ul.list.l1 {
	padding-top: 385px;
}
ul.list1 {
	padding-top: 1px;
}
ul.list1 li {
	background: url(../images/marker1.png) 0 4px no-repeat;
	padding-left: 20px;
}
ul.list1 li+li {
	margin-top: 18px;
}
ul.list1.l2 li+li {
	margin-top: 24px;
}
ul.list2 li+li {
	margin-top: 0px;
}
.sizing {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/****classes****/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}
.pad0 {
	padding: 0 !important;
}
.img_inner {
	max-width: 100%;
	padding-top: 6px;
}
.fleft {
	float: left;
	width: auto !important;
	margin-right: 18px;
	margin-bottom: 0 !important;
}
.fleft_01 {float: left;}
.w_{ 
	width: 320px;
	padding-left: 25px;
}
.fright {
	float: right !important;
	padding-right: 38px;
}
.fright_01 {
	float: right !important;
}
/*處理:縮最小時，畫面左方被蓋住*/
@media only screen and (min-width: 480px) and (max-width: 767px) {	
			.fright {padding-right: 0px;}
}
 @media only screen and (max-width: 480px)  {	
		.fright {padding-right: 0px;}
}
   
.upp {
	text-transform: uppercase;
}
.rel {
	position: relative;
}
.alright {
	text-align: right;
}
.center {
	text-align: center;
}

.product_list {
	border:1px solid #cbcbcb;	
	text-align : center;
	margin-top:17px;;
	padding:5px 5px 5px 5px;
	margin-right:10px;

	overflow: hidden;
	float:left;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}
.col1 {
	color: black;
}
.col1 a:hover {
	color: #2276bd;
}
/*header*/

.main {
	background: white;
	overflow: hidden;
}
header {
	display: block;
	position: relative;
	z-index: 999;
}
header h1 {
	z-index: 910;
}
header h1 a {
	display: block;
	overflow: hidden;
	width: 240px;
	height: 146px;
	text-indent: -999px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
header h1 a img {
	display: block;
}
.head_top {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 240px;
}
.head_phone {
	font: 18px/16px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	color: #2276bd;
	padding: 23px 0 30px 73px;
	background: url(../images/phone_icon.png) 16px 20px no-repeat white;
}
.online_count {
	font: 14px/10px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	color: #2276bd;
	padding: 2px 0px 8px 73px;
	margin: 0 0 0 0;
	background:white;
}
.head_phone span {
	font-size: 24px;
	letter-spacing: 1px;
	display: block;
	padding-top: 8px;
	word-spacing: -2px;
}
/**Content**/

.content {
	padding-bottom: 10;
}
.content.page1 {
	padding-bottom: 10;
}
.content h2 {
	padding-top: 42px;
	margin-bottom: 13px;
}
.content h2.head1 {
	padding-top: 60px;
}
.content h2.head2 {
	padding-top: 51px;
}
.content h2.head3 {
	padding-top: 46px;
}
a.banner {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 100%;
}
.slogan {
/*	background: #50acdc;*/
	background: #064f92;
	color: white;
	font: bold 20px/24px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	padding: 17px 30px 17px 80px;
	margin-bottom:23px;
	letter-spacing: 2px;
}
.slogan_01{
	text-align:center;
	font: bold 24px/30px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	color: white;
	text-shadow: 2px 2px #333333;
	padding-top:7px;
	padding-bottom:7px;
	}
.slogan_02{
	text-align:center;
	font: bold 18px/22px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	color: white;
	text-shadow: 2px 2px #333333;
	padding-top:3px;
	padding-bottom:3px;
	}	
.car_div {
	margin: 0 -10px;
	height: 391px;
	overflow: hidden;
}
.carousel1 {
	cursor: default !important;
}
.carousel1 li {
	float: left;
	margin: 0 10px;
}
.content .carousel1 li h2 {
	padding-top: 61px;
	margin-bottom: 5px;
}
.content .carousel1 time {
	display: block;
	font: bold 16px/16px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	margin-bottom: 21px;
	padding-left: 3px;
}
.content .carousel1 img {
	margin-bottom: 16px;
}
a.prev1, a.next1 {
	width: 44px;
	height: 47px;
	display: block;
	margin-top: 18px;
	float: right;
	background: url(../images/prev_next1.png) 0 0 no-repeat;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
a.prev1:hover {
	background-position: 0 bottom;
}
a.next1 {
	background-position: right bottom;
}
a.next1:hover {
	background-position: right 0;
}
.po {
	background: #2871b1;
}
.po h1 {
	float: left !important;
	z-index: 999;
	position: relative;
}
.po .slogan {
	padding-left: 320px;
	padding-top: 25px;
}
.ht1 {
	padding-top: 146px;
}
.text1 {
	font: bold 16px/18px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}
.text1.tx1 {
	line-height: 16px;
	padding-top: 1px;
	margin-bottom: 14px;
}
.clear.cl1 {
	height: 17px;
}
.clear.cl2 {
	height: 22px;
}
.pad1 {
	padding-bottom: 15px;
}
.news {
	margin-top: 18px;
	padding:8px 0px 8px 0px;
	overflow: hidden;
}
.product_list:hover,.news:hover {
	background-color: #FFC;
}

.news .text1 {
	color: #000;
	margin-bottom: 19px;
}
.news a.btn {
	margin-top: 19px;
}
.news .text1 time {
	display: block;
	color: #a6a6a6;
	padding-top: 2px;
	padding-left: 2px;
}
.news+.news {
	margin-top: 21px;
}
/**Map**/

.map {
	margin-bottom: 0 !important;
	padding-top: 6px;
}
.map>p {
	margin-bottom: 18px;
}
.map figure {
	display: block;
	width: 65%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	float:left;
}
.map figure iframe {
	width: 100%;
	height: 346px;
	max-width: 100%;
}
.map address {
     width: 30%;
	margin-left: 25px;
	margin-bottom: 5px;
	float:left;
}
.map address dd span {
	min-width: 75px;
	display: inline-block;
	text-align: left;
}
.privacy p {
	padding-right: 5px;
}
/**Footer**/

footer {
	display: block;
	padding-bottom: 40px;
}
.socials {
	float: right;
	padding-top: 34px;
}
.socials a {
	width: 22px;
	height: 22px;
	float: left;
	display: block;
	background: url(../images/socials.png) 0 0 no-repeat;
}
.socials a + a {
	background-position: -31px 0;
	margin-left: 9px;
}
.socials a + a + a {
	background-position: right 0;
}
.socials a:hover {
	opacity: 0.5;
}
.copy {
	font: bold 14px/22px "微軟正黑體",Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;
	/*color: #ffbb6b;*/
	color: #333;
	letter-spacing: 1px;
	padding-top: 58px;
	/*text-transform: uppercase; 大寫*/
}
.footer_logo {
	margin-top: -29px;
	float: left;
	margin-right: 10px;
	display: block;
}
/**To Top**/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 140px;
	left: 51%;
	margin-left: 500px;
	overflow: hidden;
	width: 35px;
	height: 18px;
	border: none;
	text-indent: -999px;
	z-index: 20;
	background: url(../images/totop.png) no-repeat left 0;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
#toTop:hover {
	outline: none;
	background-position: right 0;
}
/* Line &Phone */
.phoneWrap{
  display:none;
}

@media screen and (max-width: 640px) {
  .phoneWrap{
    display:block;
    width:100%;
    max-width:290px;
  }
.phoneWrap img{
	margin-top: 8px;
  }
  .phoneWrap{
    position: fixed;
    bottom: 6px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    z-index: 999;
  }
  .phoneWrap a{
    display: inline-block;
    color:#35a538;
  }
  .phoneWrap a:hover{
    color:#35a538;
  }
  .phoneWrap li{
    text-align: center;
    list-style:none;
    float:left;
    border-radius: 50px;
    width: 45%;
    margin: 0 1.5%;
    background: rgba(182,242,19,0.93); /*顏色#b6f213 */
  }
} 
@media screen and (max-width: 374px) {
  .phoneWrap{
    position: fixed;
    width:280px;
    bottom: 6px;
  }
  .phoneWrap li{
    text-align: center;
    list-style:none;
    float:left;
    width:48%;
    border-radius: 20px;
    width: 40%;
    margin: 0 .3%;
  }
} 
/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
}
 .head_top {
 width: 192px;
}
 header h1 {
 width: auto;
}
 header h1 a {
 width: auto;
 background-color: #2871b1;
}
ul.list{
 padding-top: 220px;	
 }
.redbit_set{
 padding-top: 130px;
}
 .head_phone span {
 font-size: 18px;
}
 .nowrap {
 white-space: normal;
}
 .map address {
 float: left;
 margin-right: 50px;
 width: 100%;
}
 .map figure,  .map figure iframe{
 width: 100% !important;
 float: none;
}

 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
.product_list {
	margin-top:17px;;
	padding:5px 5px 5px 5px;
	float:left;
 overflow: visible;
}
.extra_wrapper {
 overflow: visible;
}
 .slider_wrapper {
 height: 399px !important;
}
 .po .slogan {
 padding-left: 230px;
 padding-right: 10px;
 padding-top: 25px;
}
}
@media only screen and (max-width: 767px) {
 body {
 min-width: 420px;
}
 .po h1 {
 float: none !important;
}
.po .slogan {
 padding-left: 25px !important;
 padding-right: 10px;
 padding-top: 25px;
 float: none !important;
}
 .ht1 {
 padding-top: 0 !important;
}
 .clear.cl1, .clear.cl2 {
 height: 0px;
}
 ul.list {
 width: 195px;
 padding-bottom: 0 !important;
 float: right;
 padding-top: 10px;
}
 ul.list.l1 {
 padding-top: 0;
}
 a.banner {
 position: relative;
 float: left;
}
 .car_div {
 height: auto !important;
}
 .head_top {
 width: 420px;
 margin: 0 auto;
 position: static;
}
 .img_inner {
 width: 100% !important;
 float: none !important;
 margin-right: 0 !important;
 margin-bottom: 20px !important;
}
 header {
 position: relative;
}
 header h1 {
 float: none;
}
 header h1 a {
 height: auto;
 margin: 0 auto !important;
 text-align: right;
 	background: #2871b1;
}
 header h1 a img {
 margin: 0 auto;
}
 .slider_wrapper {
 height: 301px !important;
}
 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 float: none;
 margin-right: 0;
}
 .content .noresize {
 width: auto !important;
 float: left !important;
 margin-right: 20px !important;
}
 .c1 {
 border-left: 10px solid white;
 border-right: 10px solid white;
}
 .head_phone span {
 padding-top: 0;
 display: inline;
}
 .head_phone {
 padding-bottom: 50px;
}
 .img_inner {
 margin-top: 20px;
}
}
@media only screen and (max-width: 479px) {
  .phoneWrap{
    position: fixed;
    width:280px;
    bottom: 6px;
  }
 .slogan {
 padding-left: 30px;
}
 .head_phone {
 padding-bottom: 30px;
}
 .socials {
 float: none;
 padding-bottom: 20px;
}
 .head_phone span {
 padding-top: 5px;
 display: block;
 }
/* 最小視窗時，會造成 a連結 點不到*/
 ul.list {
 width: auto !important;
 padding-bottom: 25px!important;
 /* float: none; 最小視窗時，會造成 a連結 點不到*/
 padding-top: 25px;
}
 ul.list li {
 background-position: 0 10px;
 text-align: left;
 padding-left: 20px;
}
 a.banner {
 position: relative;
 float: none;
}
 a.banner img {
 width: 100%;
}
 .head_top {
 width: 300px;
}
 body {
 min-width: 300px;
}
 .map figure iframe {
 width: 100%;
 height: 200px;
}

 .slider_wrapper {
 height: 300px !important;
}
}

.top_70{ padding-top:70px;}
.breadcrumb{ 
font-size:18px;
margin-top:20px;
}
.w_100{ 
 width: 100%;
 float: left;
 }
 
/* ---Video------------------- */
.PlayMovieFrame {
width: 100%;
/*height: 400px;*/
background-color: #fff;
}
.PMBMovieBlock {
/*width: 600px;*/
height: 400px;
display: block;
background-color: #363636;
margin: 0 auto 0 auto;
}
.videoText{
width: 100%;
}
.spaceLine{
display:block;
width: 100%;
}	
.dateadded{
position: absolute;
	width:120px;
	right:0;
	margin-right:0;
	}	
.preTxt{
	padding:30px 60px 20px 12px;
}	

.div_dotted{
	display:block;
	margin-top:35px;
	margin-bottom:23px;
width:97%;
line-height: 18px;
color: #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #333333;
}
.txt_call{
	font: bolder 24px;		 
	text-align:center;
}
.txt_call_2{
	display:block;
	margin-top:8px;
	font: bolder 20px;		 
	text-align:center;
}
.txt_new{
 color:#ff0000;
 font-size:8px;
}
.txt_center{ text-align:center;}