@charset "utf-8";
/* CSS Document */

html,body {
	height:100%;
	margin:0!important;
	padding:0!important;
	height:100%!important;
    font-size: 16px;
	font-family: "Lato","Arial","微軟正黑體", "Microsoft JhengHei","sans-serif"!important;}
.wrapper {min-height:100%;position:relative;}

.IFlogo img{}
.IFname{display:none}
.T01 {background-color: #fFF!important;
    border-color:#FFF;
    margin-bottom:0px!important;
}
.width6 {margin-top: 13px;
    margin-left: 10px;}
.nav_icon_area{}
.nav_icon{float: right; margin: 23px 10px;}
.nav_icon > a {color:#999}
.nav_logo{min-height:48px!important;}

.nav02{min-width: 190px!important;}
.nav02 > li {border-bottom: 1px solid #eee;}
.nav02 >li:last-child{border-bottom: 3px solid #eee;}	
.nav02 > li > a:hover,.nav02 > li > a:focus{color:#006699!important;background-color:#FFF!important}
.nav02 > li > a{margin: 8px 0;}

.nav03{margin-top:-1px!important}
.nav03 > li {border-bottom: 1px solid #eee;}
.nav03 >li:last-child{border-bottom: 3px solid #eee;}	
.nav03 > li > a:hover,.nav02 > li > a:focus{color:#006699!important;background-color:#FFF!important}
.nav03 > li > a{margin: 8px 0;}

.dropdown-menu > li > a{ padding: 0 0 0 11px!important;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:-14px!important;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}

.b01 {margin: 15px;}
/*
.dropdown-submenu>a:after{
	display:block;
	content:"　";
	background-image:url(/images/arrow.jpg);
	float:right;
	width:11px;
	height:16px;
	margin-left:6px;
	margin-top:3px;
	margin-right: 10px;}
*/

.dropdown-submenu>a:after{
	display:block;
	float:right;
	width:11px;
	height:16px;
	margin-left:6px;
	margin-top:3px;
	margin-right: 10px;}
	
.H01,.H01>a:hover{
	background-image:url(/images/arrow.jpg);
	background-repeat:no-repeat;
	background-position:160px 2px;}

	
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;}
.btn_bottom{text-align:center;border-bottom: 6px solid #1697bd}
.btn_bottom:hover{border-bottom: 6px solid #003264;transition:0.2s}
.banner_left { 
	background-image: url(/images/arrow01.png);
	left: 1%;
	height: 48px;
	width: 48px;
	position: absolute;
	z-index: 9;
	top: 40%; }
.banner_right {
	background-image: url(/images/arrow01.png);
	right: 1%;
	background-position: 48px;
	height: 48px;
	width: 48px;
	position: absolute;
	z-index: 9;	
	top: 40%;}
.banner_left:hover, .banner_right:hover{opacity:0.6;transition: 0.3s;} 
.carousel-indicators > li.active {
  background-position: 0px -12px!important;
  margin-bottom: 1px!important;
  margin-right: 1px!important;
  cursor: default;}
.carousel-indicators > li {
  height: 12px!important;
  width: 12px!important;
  margin-left: 3px!important;
  overflow: hidden!important;
  background: url("/images/ico.png") 0px 0px no-repeat!important;
  cursor: pointer;
  border: none!important; }
.nav_line_bottom{height:6px;	background-color:#1697bd;margin-top: -6px;}	
.font16{	font-size:16px!important;}
.nav_title:hover{background-color:#f9f9f9!important}
.nav_title{	letter-spacing:1px;}	
.nav_top{  padding-bottom: 5px;}
.content {
	padding-bottom:230px;/* Height of the footer element */
	overflow: hidden;}
.carousel{height:580px;}	
.carousel-control{opacity: 1!important;}
.main_nav{
	height:157px;
	/*background-image:url(/images/bg01.jpg);*/
    background-repeat: no-repeat;
	background-position:center top;	}
.bg01 {
    background-image: url(/images/bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 14px;
    background-size: cover;
}
.Color01{background-color: #b1d732;}
.Color02{background-color: #edf3e1;}
.Color03{background-color: #e5eed2;}
.mainbtn{
        padding-left: 50px;
	overflow: hidden;
	width:33.3%;
	float:left;
	margin-top:-115px;
	margin-bottom:20px;
	text-decoration:none}
.mainbtn > a{
	display: block;
  	width: 100%;
	height: 100%;
	text-decoration:none;
	color:#555;	}	
.mainbtn > a:hover,.mainbtn > a:focus{text-decoration:none;color:#555;}	
.mainbtn:hover .mainbtn_img >img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transition: 0.3s;}
.mainbtn:hover .mainbtn_a>h2 {font-size:24px;transition: 0.05s}
.mainbtn_img {
	float:left;
	margin-right: 20px;
	z-index:5}	
.mainbtn_img >img{	 
	max-height: 95%;
 	max-width: 95%;
	top: 0;
	left: 0;
	right: 0;
 	bottom: 0;
 	margin: auto;}
.btn01{background-image:url(/images/btn01.png);}
.mainbtn_a{padding-top:20px; display: block;z-index:4}
.mainbtn_a > h2:hover{transition: 0.3s}
.mainbtn_a > h2 {
	text-decoration:none;
	font-weight:900;
	font-size:21px;
	transition: 0.3s}	
.mainbtn_a > p {
	text-decoration:none;
	font-size:13px;
	margin-top:-7px}
			
/*--------------方塊區開始----------------*/
.container02{
	max-width:1600PX;
	/*padding-right: 15px;
 	padding-left: 15px;*/
 	margin-right: auto;
	margin-left: auto;
	clear:both}	
.BOXcontainer{position: relative;}
.box_row{	
	height:340px;
	position: relative;
	width: 100%;}

.box_row2{	
	height: 100%;
	position: relative;
	overflow: hidden;
    margin-top:43px;}	
.box_row .brick{height:352px;float: left;position: relative; width:100%;}	
.box_row2 .brick {
    height: 227px;
    float: left;
    width: 100%;}


.col_a {float:left;width: 50%;}
.col_b{float:left;width: 100%;}
.C03{	
	cursor: pointer;
	overflow: hidden;  	
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
    margin-bottom: 20px;
}



.box_row a,.box_row2 a{
    color: #494949!important;
    text-decoration:none!important;
}




.box_row .brick .mask{  
	background: hsla(100,0%,100%,0.85);
	position: absolute;
 	bottom: 0%;
 	width: 100%;
	padding: 15px;   
}

.mask{color:#494949;text-align:center }

.mask_h{
	font-size: 23px;
	margin-top: 5px;
	margin-bottom: 7px;
 	font-weight:900;	            
}  

.mask_P{    height: 40px;
    overflow: hidden;

}	

.mask:hover{color:#036}




/*--------------方塊區結束----------------*/

.footer{
	color:#e5e5e5;
	width:100%;
	height:230px;/* Height of the content element */
	position:absolute;
	bottom:0;
	left:0;}
.blackBG{
	background: #444343; /* Old browsers */
	background: -moz-linear-gradient(left,  #444343 1%, #1b1b1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#444343), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #444343 1%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #444343 1%,#1b1b1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #444343 1%,#1b1b1b 100%); /* IE10+ */
	background: linear-gradient(to right,  #444343 1%,#1b1b1b 100%); /* W3C */	}
.footer_line_top{
	height:15px;	
	background: #1697bd; /* Old browsers */
	background: -moz-linear-gradient(left,  #00ecee 1%, #0e71af 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#00ecee), color-stop(100%,#0e71af)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #00ecee 1%,#0e71af 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #00ecee 1%,#0e71af 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #00ecee 1%,#0e71af 100%); /* IE10+ */
	background: linear-gradient(to right,  #00ecee 1%,#0e71af 100%); /* W3C */}

.footer_text{
	padding-top:20px;
	float:left;
	width:20%;
	line-height:23px;
	padding-bottom:35px}
		
.a02 > a,.a02 {
	margin-bottom: 5px;	
	font-weight:900;
	font-size:17px;
	color:#FFF;}
	
.a02 > a:hover {color:#FFF!important;}			
.a02 > a:focus {color:#FFF!important;}			
	
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {	transition: 0.2s;}	

.footer_text > ul > li{	list-style:none;margin-left: -40px;}
.footer_text > ul > li >a{color:#e5e5e5;}
.footer_text > ul > li a:hover{color:#e5e5e5;}

.footer_line{
	height:5px;
	background-image:url(/images/footer_line.png);}
.footer_area{padding-top:25px;}	
.IFlogo_e{
	float:left;
	min-width:230px;
	margin-bottom:10px;
	background-image:url(/images/IFlogo.png);
	background-repeat:no-repeat;
	height:60px;
    background-position: top left;
    padding: 40px 0 20px 0;
}	
.IFinfo{
	line-height:25px;	
	font-size:13px;
	/*float:right;*/
	color:#ccc;
	margin-bottom:30px;	}	
.IFinfo > a , .IFinfo > a:hover, .IFinfo > a:focus,.footerdtl a,.footerdtl a:hover,.footerdtl a:focus{color:#ccc;}
.IFimage {margin-right: auto;	margin-left: auto;max-width:521px;}	
.IFimage > img {width:100%;margin-top: 35px;}
.IFservices{background-color:#00a9c0;padding:60px 0 90px 0;margin-top: 55px;}	
.IFservices_area{	text-align: center}
.IFservices_area > h2 {	color:#FFF;	font-size:29px;padding-bottom: 35px;}
.btnarea{margin-bottom:65px}
.SBTN01 > h2{	font-size:18px;font-weight:bolder}	
.SBTN01{
	border-bottom: 5px solid #0095a9;
	width:100%;
	color:#FFF;
	font-weight:900;
	position:relative;}		
.Sbtn{
	background-color: #FFF;
	font-size:20px;
	height: 55px;
	width: 100%;}
.Sbtn > a {
	padding: 12px 50px;
	color: #6a6d72;
  	display: inline-block;
	height: 100%;}	
.Sbtn > a >img{float:left}	
.Sbtn > a >p{float:left}	
.Sbtn > a:hover {text-decoration:none;color: #eb6100}
.Sbtn > a:focus{text-decoration:none}
.Sbtn_p{}
.SBTN01:hover{border-bottom: 5px solid #8fc31f;}
.Bread{text-align:right;font-size:16px;  margin-top: 12px;z-index: 1;  position: relative;}
.Bread > a > img{margin-top: -3px; margin-right: 2px;}
.Bread > a,.Bread > a:hover,.Bread > a:focus,.Bread {color:#6a6d72}
.Bread2 > a,.Bread2 > a:hover,.Bread2 > a:focus,.Bread2 {color:#6a6d72}
.Bread01{}
.Pagetitle{text-align:center;}
.Pagetitle >h2{color:#189cc0}
.Pagetitle >p{color:#535050}
.P01>a,.P02>a,.P03>a,.P04>a,.P05>a,.P06>a{	
	color:#FFF;
	font-weight:900;
	font-size:23px;
	display:block;}
.P01:hover,.P02:hover,.P03:hover,.P04:hover,.P05:hover,.P06:hover{opacity:0.8;transition: 0.2s;	}

.P01>a:hover,.P02>a:hover,.P03>a:hover,.P04>a:hover,.P05>a:hover,.P06>a:hover,
.P01>a:focus,.P02>a:focus,.P03>a:focus,.P04>a:focus,.P05>a:focus,.P06>a:focus{
	color:#FFF;
	text-decoration:none;}
.brandPic{margin-bottom:30px;}	
.brandPic>img{width:100%}
.serbox{	margin-top: 15px;}
.pictitle01,.pictitle02,.pictitle03,.pictitle04,.pictitle05,.pictitle06{	
	height: 70px;
	width: 100%;
	text-align: center;
	padding-top: 20px;}
.pictitle01{	background-color:#197aaf}
.pictitle02{	background-color:#f57f0e}
.pictitle03{	background-color:#222859}
.pictitle04{	background-color:#78a631}
.pictitle05{	background-color:#e32f10}
.pictitle06{	background-color:#00a0b4}
.Pagetitle >h2{margin-bottom: 5px!important;}
.howtobuy{margin: 30px auto;}
.HTB{	border: 5px solid #f4f5f7;TEXT-ALIGN: center;margin-bottom: 10px;}
.ser_h{font-size:21px;font-weight:900}
.ser_h{line-height:25px;text-align:center;margin-top: 15px;}
.HTB>A{  DISPLAY: BLOCK;  PADDING: 35PX;color:#535050}
.HTB>A:hover,.HTB>A:focus{color:#535050;text-decoration:none}
.h_box1,.h_box2,.h_box3{height:100%}
.HTB{height:100%}
.HTB:hover{border: 5px solid #e1e1e1;transition: 0.8s;}
.HTB:hover.HTB>a>img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transition: 0.3s;}
.S00{margin-bottom:40px;margin-top: 55px;}
.S1{
	border: 0px!important; 
	box-shadow: none!important;
	overflow: visible;
	margin-bottom: 3px!important;
	color: #535050;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;}	
.S1_1{
	border: 0px!important; 
	box-shadow: none!important;
	overflow: visible;
	margin-bottom: 1px!important;}	
.S01:before { 
	font-size: 12px;
	padding-top: 1px;
	content: ">" ;
	/*content: "\f105"*/ 
	display: inline-block; 
	font-family: FontAwesome; 
	margin-right: 10px;
	font-style: normal;
	float:left;
	color:#FFF;
	font-weight:900;}	
.S02:before { 
	font-size: 12px;
	padding-top: 5px;
	content: ">" ;
	/*content: "\f105"*/ 
	display: inline-block; 
	font-family: FontAwesome; 
	margin-right: 10px;
	font-style: normal;
	float:left;
	color:#FFF;
	font-weight:900;}	
.S01:hover,.S01:hover,.S02:hover,.S02:hover{text-decoration:inherit;color:#FFF;}
.S2_title{
	background-color:#189cc0!important;
	border:none!important;
	padding: 0px 5px!important;}	
.S2_content_area{
	background-color:#f8f8fa!important;
	padding: 15px;}	
.S3{
	color:#FFF;
	font-size:20px;
	text-decoration:inherit;}
.S4{
	color: #818181;
	text-decoration: none; 
	display: block; 
	padding: 5px 15px;}
.blue_banner{
	line-height:1.3;
	height: 150px;
    position: relative;
    margin-top: -108px;}	
.content_banner{
	background-color:#189cc0;
	width: 50%; 
	height: 100%;
	float: left}
.Triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 180px 0 0;
	border-color: #189cc0 transparent transparent transparent;
	float: left}
.Blue_title{
	line-height:1.3;
	z-index: 1;
  	position: relative;
	color: #FFF;
	margin-top: 30px}
.Blue_title>h2{	margin-top:10px}
.Blue_title>p{margin: 0 }
.blue_banner_IMG{text-align: right; }
.blue_banner_IMG>img{  
	z-index: 2;
	margin-top: -103px;
	float: right;}
.Bread2{
	text-align: right;
	font-size: 16px;
	z-index: 1;
	position: relative;
	right: 1%;
    margin-top: -130px;
}
.Blue_title_h{font-weight:900;font-size:26px}
.Blue_title_p{font-size:16px}
.Blue_title_p>a{ color:#FFF}
.Pagetitle02{font-size:16px}
.BoxPic{
	margin: 0 auto;
	max-width:350px;
	max-height:350px}
.BoxPic>a>img{width:100%}
.boxarea{
	border: 4px solid #FFF;
	transition: 0.2s;
	/*background-image:url(/images/pbg.jpg);*/
	background-repeat:repeat-x;
	background-position: left bottom;}
.boxarea:hover{border: 4px solid #d5dae3;transition: 0.2s;}
.boxarea:hover .Boxtext_h{text-decoration:none!important}
.Boxtext_h{float:left}
.Boxtext{padding: 20px 10px;}
.Boxtext_h>a{color:#189cc0;font-weight:900;font-size:23px;}
.Boxtext_h>a:hover,.Boxtext_h>a:focus{color:#189cc0;text-decoration:none!important}
.Boxtext_p{color:#6a6d72;font-size: 14.5px; line-height: 25px;  padding-bottom: 10px; padding-right: 10px;/*text-align: justify;*/text-justify:distribute-all-lines;clear:both}
.BoxPic>a>img{padding: 20px}
.Page_number{margin-top: 20px;text-align:center}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #1697bd!important;
	border-color: #1697bd!important;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{	
	color: #999!important;}

.product_area2{margin-top:25px}
.BoxPic{	margin: 0 auto;	max-width:400px;	max-height:400px}
.Boxtext_h2{float:left}
.Boxtext_h2>a{color:#0175a8;font-weight:900;font-size:26px;}
.Boxtext_h2>a:hover,.Boxtext_h2>a:focus{color:#0175a8;text-decoration:none!important}
.Boxtext_p2{color:#6a6d72;font-size: 16px; line-height: 28px;  padding-bottom: 20px; padding-right: 10px;/*text-align: justify;*/text-justify:distribute-all-lines;clear:both}
.info{clear:both;  float: left;}
.Boxtext2 { padding: 20px 10px;}
#MainContent_TabContainer > li > a {
	font-size: 17px;
	color: #535050;
	border: 1px solid #d5dae3;
	background-color: #f3f4f6;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #189cc0!important;
	border-bottom-color: #189cc0!important;
	color: #FFF!important} 
.nav-tabs { border-bottom:6px solid #189cc0!important;}
.tabarea{
	padding: 20px 20px 20px 20px;
	line-height: 35px;
	font-size: 16px;
	color: #535050;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;}
.product_tab{margin-top:60px;margin-bottom:50px}
.helpbtn{float:left;margin-right:8px}
.regbtn{float:left}
.helpbtn:hover,.regbtn:hover{opacity:0.8;transition: 0.2s;}
.line01{border-top: 1px dashed #949494; height: 1px; overflow: hidden; margin-top:30px;clear:both}
/*ul > li { list-style: url(/images/arrow01.gif)!important;}*/
.shoplogo{
	height:145px;
	background-color:#f8f9fa;
	position: relative;}		
.shoptitle{
	color:#535050;
	font-weight:900;
	font-size:20px;
	text-decoration:none}	

.shoparea > a:hover,.shoparea > a:focus{ text-decoration:none;}	
.shoparea > a:hover .shoptitle{color:#189cc0;transition: 0.2s;}
.shoparea > a:hover .orangbox{background-color:#189cc0;transition: 0.2s;}
.shoparea > a:hover .shoplogo{border-bottom: 5px solid #189cc0;transition: 0.1s;}

.shoparea{	margin-bottom:60px;}
.orangbox{
	width:8px;
	height:22px;
	background-color:#fb852d;
	float:left; 
	margin-right:5px} 
.shoplogo>img{
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;}
.S2_title > span > a{ text-decoration:none;}	
.S2_title:hover{transition: 0.2s;background-color:#0489ba!important;}
.shop_content_area{
	background-color:#fbfbfb!important;
	padding: 5px;}	
.storelist{  
	border-bottom: 1px dashed #d5d5d5;	
	min-height: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;} 
.join{
	background:url(/images/joinbtn.jpg) no-repeat;
	border: 3px solid #189cc0;
	width:210px;
	height:49px;
	margin: 25px auto 0 auto; }
.join>a{
	display:block;
	color:#189cc0;
	padding: 12px 0 12px 38px;}
.join>a:hover,.join>a:focus{color:#189cc0;text-decoration:none}
.join:hover{border: 4px solid #096077;}
.Article01{
	color: #6a6d72;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;
	line-height: 24px;}
.Bread2>a>img{  margin-top: -3px;  margin-right: 3px;}
.frame1{
	width:100%;
	height:350px;
	margin-bottom: 25px;}
.contactus_area,.contactus_area2{
	color:#535050;
	line-height:24px;
	/*text-align: justify;*/
text-justify:distribute-all-lines;}
.company_area{
	/*/*text-align: justify;*/*/
	text-justify:distribute-all-lines;
	margin-bottom: 50px;
	color:#535050;
	line-height:28px;}
.contactus_area2{margin-bottom: 60px;}
.Bubble01{
	color:#FFF;
	background-color:#00a6d0;
	padding: 9px 18px;
	border-radius: 0.4em;
	font-size: 19px;
	font-weight: 900;
	display: table;
    margin-bottom: 10px;}
.IFimage2{
	text-align: center;
	/*border-bottom: 1px dashed #ccc;
	margin: 15px 0;*/}
.IFimage2>img{
	width:100%;
	max-width:717px}
.Dbox{
	margin-top:30px;
	padding:0 3px!important}
.Dbox >h2{
	margin-top:40px;
	TEXT-ALIGN: center;
	color: #189cc0;
	font-size: 20px;
	font-weight:900 }
.Dbox >p{
	padding: 0 10px;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;
	line-height: 25px;
	font-size: 16px;
	color: #6a6d72;}
.btn02{
	background-color: #068dbf!important;
 	border-color: #068dbf!important;
	margin: 0 auto;}	
.btn02:hover,.btn02:focus{
	background-color: #fb852d!important;
 	border-color: #fb852d!important;}
.Dbox >a{TEXT-ALIGN: center;	}
.gobtn{TEXT-ALIGN: center;margin-top: 25px}
.gobtn2{TEXT-ALIGN:right;margin-top: 15px;}
.gobtn3{TEXT-ALIGN:left;margin-top: -45px;}
.map_area{	margin-top:50px;}
.map_left{
	width:560px;
	position:absolute;
	margin-bottom: 35px;}	
.map_right{
	padding-left:15px;
	padding-right:15px;
	margin-left: 560px;
	clear: both;	}		
.map_list>a>h4,.map_list2>a>h4{	
	color: #189cc0;
	font-weight: 900;
	font-size: 16px;
	text-decoration:inherit;}		
.map_title{
	height: 39PX;
	background-position: bottom;
	FONT-SIZE: 21PX;
	FONT-WEIGHT: 900;
	COLOR: #535050;}
.line{
	background-image:url(/images/LINE.jpg);
	background-repeat:no-repeat;
	background-color:#d5dae3;
	height:5px}
.map_list2{margin-bottom: 5px;}
.map_list{margin-bottom: 35px;}
.c01{color:#9da2aa;line-height: 26px;display: block;}
.row03{clear:both}
.solu_img{
	float: left;
	
	height:172px;
	margin-bottom:10px;
	background-size:cover;
	background-position:center center;}

.solu_img1{background-image:url(/images/sl1.jpg);}
.solu_img2{background-image:url(/images/sl2.jpg);}
.solu_img3{background-image:url(/images/sl3.jpg);}
.solu_img4{background-image:url(/images/sl4.jpg);}
	
.solu_text{
	/*text-align: justify;*/
	text-justify:distribute-all-lines;	
	color:#6a6d72;}
.solu_text>h3{
	color: #189cc0;
    font-size: 20px;
    font-weight: 900;
	margin-top: 5px;}
.line03{
	border-top: 1px dashed #949494; 
	height: 1px; 
	overflow: hidden; 
	clear: both;
	margin:20px 0}
.product_area,.shop_area,.Article01,.contactus_area,.services_area,.wanted_area,.brand_area{
	margin-bottom:45px}
.services {
	/*max-width: 347px;*/
	width:30%;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 11px 15px 10px}
.nat{	padding:30px;}
.ser_p{
	color: #6a6d72;
	line-height: 25px;
    margin-top: 20px;
	/*text-align: justify;*/
	text-align: left;
	text-justify:distribute-all-lines;}
.A01{color:#189cc0}
.HTB:hover.HTB>img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transition: 0.1s;}
.nat:hover{border: 5px solid #dadf00!important;}
.wanted_area{
	color:#535050;
	margin-top:90px;
	line-height: 30px;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;}	
.wanted_A{
	padding:0 80px!important;
	margin-bottom:120px}	
.wanted_B{
	background-color:#f8f8f8;
	padding:50px 0 70px 0}
.wanted_C{	padding:50px 0}
.wanted_C01{	border-top: 1px dashed #adadad;padding: 10px 30px;}
.joinusPIC{
	max-height:142px;
	margin:0 auto}
.FL{ margin: 30px 0;}
.FL01{list-style-image:url(/images/arrow01.gif)}
.FL01>ul{
	margin-left:-20px;
	margin-top:10px;}
.FL01_h4{
	font-weight:900;
	color:#535050;
	font-size:20px;
	margin-bottom: 2px;}	
.FL01_p{
	color:#6a6d72;
	line-height: 23px;}	
.line02{
	background-color:#f39800;
	height:5px;
	margin-top: -3px;}
.text01{	text-align:center!important}
.text02{	line-height:28px!important;}
.post_area{ margin: 50px auto;}
.post_title{
	color:#189cc0;
	font-weight:900;
	font-size:24px;
	margin-bottom:7px}	
.post_title2{
	color:#189cc0;
	font-weight:900;
	font-size:20px;
	margin-bottom:7px;}	
.post_content{
	border: 1px solid #cbcbcb!important;
	width:100%;
	padding: 40px 25px;
	clear:both}
.post{
	border-top: 1px dashed #a2a2a2;
	border-bottom: 1px dashed #a2a2a2;
	padding: 18px 0;
	color:#535050;
	line-height:30px;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;	}
.date{
	background-color:#189cc0;
	float:left;
	color:#FFF;
	padding:1px 6px;
	font-size:13px;
	margin-top: 4px;
    margin-right: 6px;}	
.back{
	background:url(/images/back.jpg) no-repeat;
	border: 3px solid #189cc0;
	width:150px;
	height:38px;
	margin: 25px auto 0 auto; }
.back>a{
	display:block;
	color:#189cc0;
	padding: 6px 0 12px 55px;
    text-decoration: inherit;}
.back>a:hover,.back>a:focus{text-decoration:none;color:#189cc0;}
.back:hover{border:4px solid #096077;}
.news_hr{
	margin-top: 0px;
    margin-bottom: 0px;
	border-top: 1px solid #d4d3d3;
    clear: both;
}
.news_img{
	width:100%;
	height:100%}
.news_post{
	padding:30px;
	text-align:left!important;
	border: 4px solid #FFF;transition: 0.2s;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;}

.news_pic{
	width:174px;
	height:146px;
	border:1px solid #cbcbcb;
	padding:4px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	}
.post_title2>a{color: #189cc0!important}	
.news_title{
	
	text-justify:distribute-all-lines;}
	
.news_text_area{	overflow: hidden;}
	
.news_text{
	color:#6a6d72;
	line-height:26px;
	
	}
	
.FaxOrder_area{	margin:65px auto 60px auto;}
.stepicon{
	width:55px;
	color:#FFF;
	padding: 0px 9px;
    background-color: #ff6600;
    font-size: 12px;
	float:left;
	margin-top: 8px;
    margin-right: 8px;}
.steptitle{
	font-size: 22px;
    font-weight: 900;}
.steptitle2{
	color:#6a6d72;
	margin-top:5px;}	
.step{
	max-width:160px;
	padding:20px;
	margin-bottom: 4px;}
.stepON{background-color:#189cc0;}
.stepON > .stepIMG{
	float:left;
	margin-top: 3px;
    margin-right: 3px;
	width:14px;
	height:14px;
	background-image:url(/images/arrow001.png)	}
.stepON > .left_steptitle{
	color:#fff100;
	font-weight:900;
	font-size:14px	}
.stepON > .left_step{
	color:#FFF;
	font-weight:900;
	font-size:18px}
.stepOFF{background-color:#e7ecf1;}
.stepOFF>img{
	float:left;
	margin-top: 3px;
    margin-right: 3px;}
.stepOFF > .left_steptitle{
	color:#99a2ab;
	font-weight:900;
	font-size:14px	}
.stepOFF > .left_step{
	color:#99a2ab;
	font-size:18px}
.stepOFF > .stepIMG{
	float:left;
	margin-top: 3px;
    margin-right: 3px;
	width:14px;
	height:14px;
	background-image:url(/images/arrow002.png)	}

/*	
.tabON,.tabOFF{
	float:left;
	height:35px;
	margin:0 10px 10px 0;
	padding:8px 20px;
	font-size:15px;
	-webkit-box-shadow: 3px 3px #d1d1d1;
    -moz-box-shadow: 3px 3px #d1d1d1;
    box-shadow: 3px 3px #d1d1d1;
	transition: 0.2s;
	cursor:pointer}
.tabOFF{background-color:#f2f2f2;	color:#666;}
.tabON{background-color:#ff6600;color:#FFF;}		
.tabON:hover,.tabON:focus{color:#FFF;text-decoration:none}		*/


.tabON,.tabOFF,.tabON2,.tabOFF2{
	float:left;
	height:35px;
	margin:0 10px 10px 0;
	padding:4px 20px;
	font-size:15px;
    border: 3px solid #f2f2f2;
	transition: 0.2s;
	cursor:pointer}
.tabOFF,.tabOFF2{background-color:#fff;	color:#666;border: 3px solid #f2f2f2;}
.tabON,.tabON2{background-color:#f2f2f2;color:#666;border: 3px solid #189cc0;}		
.tabON:hover,.tabON:focus,.tabON2:hover,.tabON2:focus{color:#666;text-decoration:none}	


.steplistarea{margin-top:20px; height:100%}
.steptabarea{	}
.stepboxarea{
	clear:both;
	padding: 20px 0 ;}
.list_bar{
	min-height:38px;
	background-color:#189cc0;
	color:#FFF;
	padding:9px 0;
	text-align: center;}
.td1>a>IMG {
    margin: 0 0 -1px 0;
    display: inherit;
}
.list_product{
	clear: both;
    padding: 11px 0;
    border-bottom: 1px solid #ddd;
	/*max-height: 120px;
    overflow: hidden;*/}
	
.list_product>.td1{text-align: center;}
.list_product>.td2{color:#535050;font-size:15px;padding-right:5px!important;}
.list_product>.td3{color:#535050;font-size:15px; text-align:center}
.list_product>.td4{text-align: center;}

.list_product>.td1,.list_product>.td3.list_product>.td4{
	padding-left:0!important;
	padding-right:5px!important;}
.td2>a,.td2>a:hover,.td2>a:focus{
	text-decoration:none;
	color:#535050}

.stepFormarea{}

.Form01{
	width:100%;
	border: 1px solid #ddd;
	padding:15px;
	margin-top: 30px;
}
.formlist{ 
	clear: both;
	border-bottom: 2px solid #FFF;
	padding: 10px 0;
    min-height: 55px;
	background-color:#f1f5fa;
	font-size: 15px;
    color: #535050;
    overflow: auto;
	}
	
.F01{
	float:left;
	padding-top: 6px;}

.F02>input {
    border: 1px solid #BBBBBB; 
    background: #fff; 
    -moz-border-radius:3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
	width: 100%;
    margin-top: 5px;
    height: 30px;

}
	

.gobtn2_IMG{height: 30px;}
.gobtn2_INPUT{height: 30px;}
.gobtn2_INPUT {
    border: 1px solid #BBBBBB; 
    background: #fff; 
    -moz-border-radius:3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px;
	width: 130px;}


.p003 {
    color: #1c84b2;
    margin-top: 10px;
	CLEAR: both;
	FONT-SIZE: 15PX;
    FONT-WEIGHT: 900;}
	
.product_title_icon {
    background-image: url(/images/ArrowIcon.png);
    background-repeat: no-repeat;
    min-width: 22px;
    height: 10px;
    position: absolute;
    margin-top: -15px;
    margin-left: 65px;}

.i00{
	color:#FFF;
	font-size:14px;
	padding:7px 12px 7px 25px;
	background-image:url(/images/A1.png);
	background-position:13px 11px;
    background-repeat: no-repeat;
    line-height: 35px;

}
	
.i00:hover,.i00:focus{color:#FFF;	text-decoration:none;	}


.i01{background-color:#0099cc;}/*藍色*/
.i02{background-color:#fc9300;}/*橘色*/
.i03{background-color:#1a8582;}/*藍綠色*/
.i04{background-color:#79b903;}/*綠色*/

.i01:hover,.i01:focus,.i02:hover,.i02:focus,.i03:hover,.i03:focus,.i04:hover,.i04:focus{ background-color:#ff3e23}


.Error_area{
	margin-top: 60px;
	margin-bottom:30px}
	
.errortitle{
	margin:0 auto;
	width: 230px;
    margin-bottom: -30px;
    z-index: 2;
    position: relative;
	font-weight:900;
	color:#6a6d72}
	
.error{
	max-width:603px;
	max-height:398px;
	margin:0 auto}
.error>img{
	width:100%;
	height:100%;}


.P06{ max-height:350px}

.AD1,.AD2,.AD3{
	width: 100%;
    /*height: 111px;*/}
	

.fill2{
	width: 100%;
    height: 100%;
    background-size: cover;
	background-repeat: no-repeat;
	background-position:top }


.fill2>img{ width:100%}



.Page_on{
	color:#006699!important;
	 font-weight:900}



.C09{position: inherit}

/*---------------login-------------------*/
.login_area{margin: 40px 0 150px 0;}
.L01,.L02{	margin:10px 0;}
.L01>input{
	background-image: url(/images/mail.jpg)!important;   
	background-repeat: no-repeat !important;
	padding-left:50px;
	background-position: 0 3px;}
.L02>input{
	background-image: url(/images/password.jpg)!important;   
	background-repeat: no-repeat !important;
	padding-left:50px;
	background-position: 0 3px;}
.Login_box{
	border-radius:0.5em;
	max-width:600px;
	border: 1px solid #FFF;
	padding:30px!important}
.Login_box>h1{color:#068dbf;}
/*---------------login-------------------*/

@media (min-width: 1550px) {
    .container2 {
        width: 1500px !important;
    }
}
@media (min-width: 1200px) {
    /*.container { width: 1200px!important;}*/
    .NTD {
        padding-left: 55px;
    }

    .nat {
        height: 320px !important;
    }

    .box_area2 {
        width: 22%;
    }

    .carousel {
        height: 640px;
    }

    .IFlogo {
        background-image: url(/images/logoBG.jpg);
        background-position: 80% 0%;
        background-repeat: no-repeat;
    }

    .box_row2 .brick {
        height: 230px!important;
    }
}

@media (min-width: 1001px){
.C09 {position: initial;}
.product_area{margin-top: 50px;}
.shop_area{margin-top: 80px;}
.Article01{margin-top: 60px;}
.contactus_area{margin-top: 70px;}
.contactus_area2{margin-top: 50px;}
.company_area{margin-top: 80px;}
_::company_area, .company_area:not([attr*='']) {margin-top: 175px;}
_::post_area, .post_area:not([attr*='']) {margin-top: 150px;}
_::wanted_area, .wanted_area:not([attr*='']) {margin-top: 220px;}
_::Article01, .Article01:not([attr*='']) {margin-top: 150px;}
_::contactus_area2, .contactus_area2:not([attr*='']) {margin-top: 150px;}
_::contactus_area, .contactus_area:not([attr*='']) {margin-top: 170px;}
_::shop_area, .shop_area:not([attr*='']) {margin-top: 180px;}
_::FaxOrder_area, .FaxOrder_area:not([attr*='']) {margin-top: 170px;}
_::product_area, .product_area:not([attr*='']) {margin-top: 150px;}
_::product_area2, .product_area2:not([attr*='']) {margin-top: 150px;}





}

@media (min-width: 1000px) and (max-width: 1350px) {	
.box_row{	
	height:300px;}	
.box_row .brick{height:300px;}

}



@media (max-width: 1000px) {
.s-banner{height:150px!important;}
.mainbtn {text-align: center;   padding-left:0px;}
.mainbtn > a {color:#777;}
.mainbtn > a:hover {color:#23527c;}
.mainbtn > a:focus {color:#23527c;}
.mainbtn_img {float:none;margin-right: 0px;}
.mainbtn_a{padding-top:0px;}
.box_area { margin-top: 20px;}
.btnarea { margin-bottom: 30px;}

.Bread2{margin-top: 10px;}
.product_area{margin-top: 25px;}
.shop_area{margin-top: 25px;}
.company_area{margin-top: 25px;}
.contactus_area,.contactus_area2{margin-top: 25px;}
.Article01{margin-top: 25px;}

.col33{ width:50%}


}

@media (min-width: 1151px) {
.nat{height: 360px;}
}
	
@media (min-width: 992px) and (max-width: 1200px) {	
    .box_area2{width: 29.7%;}
.step{padding: 15px;}
.stepON > .left_step,.stepOFF > .left_step{font-size: 15px;}	
}
	
@media (min-width: 992px) and (max-width: 1150px) {
    .box_area2{width: 29.7%;}
.carousel{height:500px;}	
.box_row{height:250px;}	
.box_row .brick{height:250px;}
.box_left_2,.box_left_3,.box_right_2,.box_right_3{height:140px;}	
.box_row2 .brick{height:210px;}

.services{width: 46%;}
.nat {height: 290px;}
}
@media (min-width: 992px) {
.steps_left {padding-left: 0px;}
.step{padding: 20px 16px;}
.store3 {padding:0!important}
}
@media (max-width: 991px) {
.step{margin-left:1px}
}

@media (min-width: 768px) and (max-width: 991px) {
.container {width: 95%;}
.mask_h {font-size: 20px;}
.box_area2{width: 45.4%;}
.wanted_A{padding: 0 20px!important;margin-bottom: 80px;}
.wanted_area{margin-top: 70px;}
/*.container {width: 830px;}*/
.carousel{height:400px!important;}
.box_row{height:200px;}	
.box_row .brick{height:200px;}	
.box_left_2,.box_left_3,.box_right_2,.box_right_3{ height: 180px;}
.col_a {	width:100%}
.col_b {	width:100%}
.P01, .P02, .P03, .P04, .P05, .P06 { width: 50%!important;  float: left!important;}
.ser1,.ser2,.ser3,.ser4,.ser5,.ser6{width: 50%!important; float: left!important;}
.BoxPic{  margin-top: 20px;}
.BoxPic>a>img { padding: 0px;}
.product_tab{margin-top:30px}
.shoparea{
    margin-bottom: 20px;
}
.store1 {  color: #0489ba;  font-weight: 900;  font-size: 17px; padding:0!important}
.store2,.store3 {  color: #777;padding:0!important}
.store3>a{  color: #777;padding:0!important}

.frame1{	height:250px;}
.Dbox{width:50%;float:left}
.row02{clear:both}
.Dbox >h2 { margin-top: 20px;}
.row01{clear:both}
.map_left{float: none;position: relative;width: 100%;}
.map_right{width: 100%;margin-left:0px}
.map_list{width: 50%; float: left;}
.services{width: 46%;}
.step{float:left;padding: 10px 15px; margin-bottom: 30px;}
.steps_right{clear:both}
.stepON > .left_step{font-size: 18px;}
.stepOFF > .left_step{font-size: 18px;}
.FaxOrder_area{
    padding: 0!important;}
.map_right{padding-right: 0px!important;   padding-left: 0px!important;}
}

@media screen and (min-width: 768px) {
.news_post:hover{border: 4px solid #edeff3;transition: 0.2s;}	
.footerdtl { margin-left: 15px;}
.footericon>div{ float:right}
.footerCom,.footerdtl{ float:left}
.footericon{ float:right;    margin-left: 0px;    text-align: center;}
.shoparea{height: 160px;}
.nav_icon_area{margin-right: 20px;}
.C05 {width:20%;float:left}
.carousel-indicators { bottom: 0px!important; }
.dropdown:hover>.dropdown-menu{display:block;}
.nav02{margin-top:5px!important;}
.howtobuy{	}
.navbar-nav > li > a {   padding-top: 15px!important;    padding-bottom: 15px!important;}
.box_row2 .brick{height:150px; }
.Robot{position: absolute; right: 180px;}
}

@media (max-width: 767px) {

.footerCom,.footerdtl{ float:none}
/*.footerdtl{margin-top: -27px;}*/
.IFlogo_e{padding: 35px 0 20px 0;}
.footericon{ clear: both; margin-left: -15px;  }
.footer_text{
	float:none;
	width:100%;
	padding-bottom:0px}
.a02 > a, .a02 {font-size:20px }
.IFservices {  margin-top: 35px }
.box_row2 >div>a>.mask { 
    margin-top: -115px;
    background: rgba(255, 255, 255, 0.85); 
    height: 100px;}
.box_row2 > div > a > .mask > .mask_h {    padding-top: 15px;   }
/*.box_row2 >div>a>.C03 {    margin-bottom: 10px!important;   }*/
.nav_icon_area {       
    position: absolute;
    right: 80px;}
.btn_bottom{border-bottom:none}
.font16{    /*margin-bottom: 14px;*/}
.width6{margin-left:0px;margin-top: 5px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777!important;
    font-size: 15px!important;
    line-height: 26px!important;
    margin-left: 10px!important;
    }
.megamenu > li > ul > li > a {
        color: #666;}
.NTD{float:left;}
.box_area2{width: 44%;}
.news_text {height: inherit;}
.post_area {margin: 10px auto;}	
.Boxtext_p{padding-right: 0;}
.map_right{padding-right: 0px!important;   padding-left: 0px!important;}
.H01,.H01>a:hover{ background-image:none}
.steps_right{clear:both}
.wanted_area{margin-top: 40px;}
.wanted_A{margin-bottom: 40px;padding: 0 35px!important;}
.wanted_B{padding: 20px 0}
.wanted_C{padding: 25px 0;}
.FL{margin: 40px 0;}
.news_text{padding-left: 0px;}
.news_pic{display:none}
.A01 {text-align: left!important;}
.nat>IMG{display:none}
.nat {padding: 10px 20px 0 20px;}
.ser_p{margin-top: 0;}
.services{max-width: none;width:95%;margin: 0 11px 0px 10px;}
.map_left{float: none;position: relative;width: 100%;}
.map_list{width: 50%; float: left;}
.map_list2{width: 50%; float: left;}
.map_right{width: 100%;margin-left:0px}
.row01{clear:both}
.product_tab{margin-top:10px}
.content{padding-top: 65px;}
.content {padding-bottom:230px;/* Height of the footer element */}	
.footer{	height:230px;/* Height of the content element */}
.IFname{
	display:block;
	background-image:url(/images/logo.png);
	height: 35px;
    width: 159px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 4px;}
.IFname>a{
	display:block;
	width: 155px;
    height: 40px;}
.nav_logo{}
.header{	position: fixed;	width: 100%;background-color: #FFF;z-index:9999}
.carousel{height:580px;}
.container02{padding-right: 15px;	padding-left: 15px;}
.width6 > li{  width: 100%;}
.col50{  width: 50%;}
.col33{  width: 50%;}
.box_left_2, .box_left_3, .box_right_2, .box_right_3 { height: 180px;}
.box_row .brick{}
.box_row2 .brick{ height: 200px; width:50%;}
.box_row2 a:last-child > div{width: 100%;float: left;}

.col_a{width:100%}
.col_b{width:100%}
.width6 { width: auto;}
.nav02 > li {border-bottom:none}
.nav03 > li {border-bottom:none}
.btn_bottom{text-align:left}
.btn_bottom:hover{border-bottom:none}
.P01, .P02, .P03, .P04, .P05, .P06 { width: 50%!important;  float: left!important;}
.h_box1,.h_box2,.h_box3{	width:100%!important}
.nav03{padding-left: 30px!important;}
.ser1,.ser2,.ser3,.ser4,.ser5,.ser6{width: 50%!important; float: left!important;}
.HTB>A{  PADDING: 20PX;}
.Boxtext { padding: 0 10px 20px 10px;}

.IFlogo{display:none}
.box_right {float:none;width:100%}
.box_left{float:none;width:100%}
/*C03{position: inherit;}*/
.content_banner {
	width: 100%;
	background-image: url(/images/main_navBG.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;}
.Triangle{display:none}
.blue_banner {  height: 105px;margin-top: -85px;}
.Blue_title{ margin-top: 15px;}	
.BoxPic{margin: 0 auto;}
.Boxtext2 { padding: 10px 10px;}
.shoparea{	margin-bottom:20px}
.store1 {  color: #0489ba;  font-weight: 900;  font-size: 17px;padding:0!important}
.store2,.store3 {  color: #777;padding:0!important}
.store2>a,.store3>a{  color: #777}
.S3{font-size: 19px;}
.frame1{	height:150px;}
.Dbox{width:50%;float:left}
.row02{clear:both}
.Dbox >h2 { margin-top: 20px;}
.step{float:left;padding: 10px 15px; margin-bottom: 30px;}
.steps_right{clear:both}
.stepON > .left_step{font-size: 18px;}
.stepOFF > .left_step{font-size: 18px;}
.FaxOrder_area{
	margin: 25px 0 40px 0;
    padding: 0!important;}

}

@media (min-width: 450px) and (max-width: 767px) {
.box_row{height:180px;}	
.box_row .brick{height:260px; }
.box_row2 .brick {height: 260px;}
.carousel{height:280px!important;}
.col50{  width: 50%;}
}

@media (min-width: 601px) and (max-width: 1000px) {
.box_row2 .brick{position: inherit;}

.box_grid3{float: none;margin: auto;}
}

@media (min-width: 601px) and (max-width: 767px) {
.box_row2 a:last-child > div{width: 100%; }
.Robot{position: absolute; right: 180px;}
.shoparea{height: 200px;}
}
@media (min-width: 500px) {
.IFlogo_e { background-image: url(/images/MicrosoftLogo2.png)!important;
width:450px;padding-top:50px;}
}
@media (max-width: 600px) {
.more{margin: 10px 5px 20px 0;}
.container02{padding-right: 0px!important;	padding-left: 0px!important;}
.footericon{margin-top: 110px;margin-bottom: 10px;}
.g-recaptcha{position: absolute;
    right: 2.8%;}
.Robot{height: 70px;}
    .box_area2{width: 40%;}	
.text01{	text-align:left!important}
.solu_img{display:none}
.solu_text{width:100%!important;}	
.box_row{height:100%;}	
.box_row .brick{height:230px; width: 100%;}
.col50{  width: 100%;}
.col33{  width: 100%;}
.col_a {float: none;width: 100%;}
.col_b {float: none;width: 100%;}
.box_left_2,.box_left_3,.box_right_2,.box_right_3 { height: 230px;  position: inherit;}
.box_row2 .brick{height: 250px;  position: inherit; width:100%}

.IFservices{padding: 30px 0 40px 0;}
.SBTN01 > h2 { font-size: 16px;}
.IFservices_area > h2 {padding-bottom: 18px;font-size: 27px;}
.Sbtn{  font-size: 16px;  }
.Sbtn > a{  padding: 5px 70px;}
.P01, .P02, .P03, .P04, .P05, .P06 { width:100%!important;}
.ser1,.ser2,.ser3,.ser4,.ser5,.ser6{ width:100%!important;}
.brandPic>img{display:none}
.brandPic{margin-bottom:7px;}	
.pictitle01,.pictitle02,.pictitle03,.pictitle04,.pictitle05,.pictitle06{border-radius: 0.3em;height: 50px;padding-top: 10px;}

.pictitle01{	background-color:#1987c4}
.pictitle02{	background-color:#ffa20a}
.pictitle03{	background-color:#2ca6e0}
.pictitle05{	background-color:#ff4d00}
.pictitle04{	background-color:#8fc41f}
.HTB>a>img{display:none}
.HTB>A{  PADDING: 5PX 20px!important;}
.ser_h{TEXT-ALIGN: left!important;margin-top: 10px;}
.ser_h {color: #189cc0;}
.HTB{TEXT-ALIGN: left!important;}
.blue_banner_IMG{display:none}
.Blue_title_h { font-size: 23px;}
.Blue_title>h2 { margin-top: 20px; }
.Blue_title{ margin-top: 8px;}
.P01>a, .P02>a, .P03>a, .P04>a, .P05>a, .P06>a { font-size: 20px;}
.shoparea{	width:100%!important}
.shoplogo{height: 110px;}
.Dbox{width:100%}
.Dbox>img{display:none}
.Dbox >h2 { TEXT-ALIGN:left;}
.Dbox >p {padding: 0px;}
.gobtn{ TEXT-ALIGN:left;margin-top:0px}
.Dbox {
  margin-top: 5px;
  padding: 0 3px 19px 3px!important;
  border-bottom: 2px solid #ddd;  }
.IFlogo_e{ height:25px!important; background-position:left;margin-left: 13px; padding: 45px 0 0 0;}  
.map_list {margin-bottom: 25px;} 
.map_title{height: 30PX;FONT-SIZE: 18PX}
.map_list>a>h4{font-size: 15px;}
.gobtn3{}
.Sbtn > a >p{padding-top: 10px;}
.news_post{padding: 10px;}
.shoparea{ PADDING: 0px!important;}
.shop_area{margin-bottom: 0px;}
.carousel-indicators{bottom: 0!important;}
.banner_left{height: 35px; width: 38px;background-size: cover;}
.banner_right{height: 35px; width: 38px;background-size: cover;background-position: 38px;}
.footer_area {   padding-top: 10px;}
}

@media (max-width: 450px) {
    .box_area2{width: 90%;}
.carousel{height:180px;}
.box_row{height:100%;}	
.box_row .brick{height:180px;}
.box_left_2,.box_left_3,.box_right_2,.box_right_3 { height: 160px;}
.box_row2 .brick{ height: 180px;}
.main_nav { height: 80px;}
.mainbtn{margin-top: -73px;}
.BoxPic>a>img{padding: 0px}
.BoxPic{max-width: 250px;  max-height: 250px; margin-top:10px}
.stepON > .left_step{font-size: 15px;}
.stepOFF > .left_step{font-size: 15px;}
.step{padding: 10px 5px;}
.list_bar>.td1,.list_bar>.td2,.list_bar>.td3,.list_bar>.td4{
	padding-left:0px!important;
	padding-right:0px!important;}
.errortitle{margin-bottom: 0px;}
.tabarea{padding: 20px 5px;}
.wanted_A{padding: 0 20px!important;}
.solu_text,.shoparea,.footer_area,.FL01,.wanted_C{padding-left:0px!important;padding-right:0px!important;}
.FL01>ul{line-height: 28px;}
.post_content{    padding: 40px 15px;}
.boxarea:hover{ border: 4px solid #FFF;}
.nav-tabs > li {
    float: none;
    width: 100%;
}
}

@media (min-width: 381px) and (max-width: 449px) {
	.list_product>.td2{padding-left: 30px!important;}
}

@media (max-width: 380px) {
    .nav_icon_area {display:none }
.main_nav { height: 80px;}
.mainbtn{margin-top: -73px;}
.mainbtn_a > h2{font-size: 17px;margin-top: 10px;}
.mainbtn:hover .mainbtn_a>h2 {font-size: 20px}
.td1{display:none}
.td2{width:50%!important}
.td3{width:25%!important}
.td4{width:25%!important}
.Sbtn > a{padding: 5px;}
}


.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #FFF!important;}

.navbar {
margin-bottom: 0px!important;
border: none!important;
background-color: transparent!important;}

.navbar-default {
border-color: none!important}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #FFF!important;}

.navbar-default .navbar-nav > li > a {
    color: #777!important;}


.product_tab >ul>li>a,.product_tab > ul > li > a:hover{
    margin-right: 2px;
    font-size: 15px;
    color: #535050;
    border: 1px solid #d5dae3;
    background-color: #f3f4f6;
}
.box_area2{	
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 15px 40px 15Px;}
.box_box{
	border: 1px solid #d5dae3;
	height: 220px;
    position: relative;	}	
.box_PIC{
	width: 90%;
	height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}	
.box_PIC>img{
	max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.box_name{
	font-weight:900;
	color:#535050;
	font-size: 13.5pt;
    margin-top: 10px;}
.box_name>a:hover,.box_name>a:focus,.box_name>a{color:#535050;}
.box_text{
	color:#6a6d72;
	/*text-align: justify;*/
	text-justify:distribute-all-lines;
	margin-top: 3px;
	height: 46px;
    overflow: hidden;
}	
.newicon2{	
    margin-top: -16px;
    z-index: 999;
    position: absolute}


.S2_title2 > span > a{ text-decoration:none;}	
.S2_title2:hover,.S2_title2:focus{transition: 0.2s;background-color:#e4e7e7!important;}
.S2_title2{
	background-color:#FBFBFB!important;
	border:none!important;
	padding: 2px 5px!important;
	height: 40px;}
.S3_1{
	box-shadow: none!important;
    overflow: visible;
    margin-bottom: -1px!important;
    border-radius: 0!important;
	color:#666}
.shop_content_area2{ border-top: 1px dashed #CCC;}
.S1_2{
	box-shadow: none!important;
    overflow: visible;
    margin-bottom: 4px!important;
    border-radius: 0!important;}

.QAicon{ 
	float: left;
    margin-top: 4px;
    margin-left: 4px;}
.QAtitle{
	color: #189CC0;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 5px;
    margin-left: 23px;}
.QA_area{
	margin-bottom: 30px;}

.shoptips{
background-image: url(/images/001.gif);
position: fixed;
bottom: 4%;
right: 0.5%;
width: 30px;
white-space: normal!important;
line-height: 15px!important;
padding: 5px!important;
z-index: 99;}

.ShoppingDetailArea{
 width: 100%;
    border: 1px solid #ddd;
    padding: 7px;}
.ShoppingDetailstitle{
 background-color:#189cc0;
 color:#FFF;
 font-size:16px;
 height:30px;
 padding-top: 4px;
 padding-left: 22px;}
.DetailICON{
 width:13px;
 height: 30px;
    position: absolute;
 background-color:#ff6600 }
.ShoppingDetailitem{
 clear:both;
 border-bottom:1px solid #ddd;}
.Detailitem{
 background-color: #f1f5fa!important;
 font-weight: 900;
    font-size: 15px;
 padding: 5px 6px 0 6px!important;}
.DetailList{
 padding:10px 6px!important;
 }
.NTD{
 float:left;
 padding-left:20px}
.AlignRight{ text-align:right}
.AlignCenter{text-align:center}
.Shipment{ padding:5px 6px 0 0!important; background-color: #f1f5fa!important}
.totalAmount{
 font-weight:900;
 margin-bottom:40px;
 margin-top:10px;
 font-size: 16px;}
.AmountList{
 padding:0!important;}
.Amount{
 color:#e60012;}
.NTD2{ float:left;}

.D1{font-size: 15px;padding: 4px 0;min-height: 29px;} 
.D2{font-weight:900}
.D3{background-color: #f1f5fa!important;}
.totalAmount2{
 font-weight: 900;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;}
.D4{display: -webkit-box;clear: both}




.s-banner{
	height:250px;
	background-image:url(/images/s-banner.jpg);
	background-size:cover;
	background-position:center left;
	margin-bottom:30px}
.sbanner-title{
	text-align: center;
    position: relative;
    top: 40%;}

.more {
    background-image: url(/images/more_icon.png);
    width: 48px;
    height: 16px;
	float:left;
    margin-top: 5px;
    }

.more:hover {
    background-image: url(/images/more_icon_ov.png);
}




/*青綠*/
.thColor{background-color: #b1d732;}

/*淺青綠1*/
.trColor01{background-color: #edf3e1;}

/*淺青綠2*/
.trColor02{background-color: #e5eed2;}


.displayListIcon ul > li {
    list-style: outside url("/images/list.gif") disc;
    font-size: 16px;
    margin-left: -17px;
    
}
/*傳真購買中商品敘述間隔*/
.qbossProduct p {
    margin: 0 0 3px 0;
}
.dropdown-menu {
    font-size: 16px;
}
.shoplogo a>img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.wideCtrl {
    width: 100%;
    max-width: 550px!important;
}
a.categoryTab:hover{
    border: 3px solid #ff6600;
    text-decoration: none;
    color: #666;
}
/*公告標籤*/
.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}