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

/*

@media (min-width:1025px) {pc}
@media (min-width:768px) and (max-width:1023px) {pad}
@media (max-width: 767px){ phone}

--------------------font size unity--------------------

大標 (標題) 36px/3.6rem / h1,  h2
中標 (次標) 30px/3 rem /h3
內文     22px/2.5rem
小標(備註/日期/footer) 14px /1.4rem

*/


/* ------------------ common ------------------ */ 
* {margin: 0; padding: 0; outline: 0;}
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  
 }

html {height:100%;}
body {
	font-family: 'Open Sans', Arial, Verdana, '微軟正黑體', '新細明體', sans-serif;
	color: #e5e5e5;
	font-size: 10px;
	background:#fff;
	height:100%;

}

h1, h2, h3 {
	
	font-weight:normal;
	margin:0 0 15px 0;
}


h1 ,h2{font-size:3.6rem; }

h3{ font-size:2.5rem; }


p, h4 {
	margin: 0 0 15px 0;
	font-size:2rem;
	color:#8b8a8a;
}
h4{ font-weight:bold;}

a {	color:#ffa409;	text-decoration:none; font-size:1em;}
a:hover{text-decoration:underline;color:#ffa409}
ul, li{font-size:2.2rem;}



.clear {	clear: both;}

.pc_show{ display:block;}
.mobile_show{ display:none;}
@media (max-width: 768px){
	.pc_show{ display:none;}
	.mobile_show{ display:block;}
}

/* fix boostrap */
@media (min-width: 768px){	.navbar-right {    margin-right: 0px;}}

/* ------------------ Nav ------------------ */
.navbar-default{background-color:#222;border-color:transparent}
.navbar-default .navbar-brand{color:#ffa409;}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{color:#fec503}
.navbar-default .navbar-collapse{border-color:rgba(255,255,255,.02); }
.navbar-default .navbar-toggle{background-color:transparent;border-color:#ffa409}

.nav>li>a {   padding: 10px 0 10px 30px;}

/*.navbar-default .navbar-toggle .icon-bar{background-color:#fff; margin-bottom:10px;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{ color:#a4a4a4}*/
.navbar-default .navbar-toggle:hover .fa{color:#a4a4a4}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
 background-color:#ffa409; color:#a4a4a4}
.navbar-default .nav li a{color:#fff; font-size:20px;}
.navbar-default .nav li a.current, .navbar-default .nav li a:hover,.navbar-default .nav li a:focus{color:#ffa409;outline:0}
.navbar-default .navbar-nav>.active>a{border-radius:0;color:#fff;background-color:#ffa409}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#fec503}
@media (min-width:768px){
	.navbar-default{background-color:transparent;padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:0}
	.navbar-default .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
	.navbar-default .navbar-nav>.active>a{border-radius:3px}
	.navbar-default.navbar-shrink{padding:10px 0}
	.navbar-default.navbar-shrink .navbar-brand{font-size:1.5em}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px; }
	}
.navbar-brand{background:url(../images/logo-iweecare-iso13485.png) 0 0 no-repeat; width:179px; height:65px;  display:block; margin-top:20px;}
.navbar-default .nav li a {   color: #a8a7a7;}
.navbar-default .nav li a:hover{ color:#ffa409;}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffa409;
	 background-color:transparent;
}
.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #ffa409;
    background-color:transparent;
}	
.nav-link { width:80%; margin:0 0 0 auto;text-align: right;}
.nav-link li { display:inline-block; 
    text-align: right; padding-left:15px;
	padding-bottom:10px;}


.nav-link  li a{ display:block;  font-size:1.4rem; color:#a4a4a4;}
.nav-link  li a:hover{ text-decoration:none;}
.nav-link  li a img{ vertical-align:middle;}

.nav-link  li select{ border:0px solid;background-color:transparent;font-size:1.4rem;color:#a4a4a4;}
.nav-link  li select:hover, .nav-link  li select:focus{color: #ffa409; cursor:pointer;}

.navbar-collapse{border-top:0px solid transparent;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px;
    margin:8px 0 0 0;
    
    
    
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 40px;
    height: 2px;
    border-radius: 1px;
}

.navbar-shrink .nav-link{ display:none;}
.navbar-default.navbar-shrink .navbar-brand{ margin-top:0;}
@media (max-width: 1023px){.navbar-default.navbar-shrink .navbar-brand{ margin-top:10px;}}

@media (min-width:1200px){
	nav .container, #vediopaly .container{ width:1170px; }
}
nav.navbar-default{ background:url(../images/menu_shadow_bg-home.png) 50% 100% no-repeat;padding-bottom:40px;}
nav.navbar-default.navbar-shrink{ background:url(../images/menu_shadow_bg.png) 50% 100% no-repeat;padding-bottom:40px;}

@media (max-width: 1023px){
	nav.navbar-default, nav.navbar-default.navbar-shrink{ background:url(../images/menu_shadow_bg_rwd.png) 50% 100% no-repeat; padding-bottom:28px;}
	.navbar-brand{background:url(../images/logo-iweecare-white.png) 0 0 no-repeat;   margin-left:15px; margin-top: 10px;    width: 130px;
   -webkit-background-size:contain;
-moz-background-size:contain;
background-size:contain;}	
	.navbar-default .nav li{ text-align:center;}
	.navbar-default .nav li a, .nav-link li a, .nav-link  li select{ color:#fff;}
	.navbar-default .nav li a:hover, .navbar-default .nav li a:focus, .nav-link li a:hover, .nav-link li a:focus{color:#a4a4a4}
	.nav-link{ width:100%; }
	.nav-link li{ width:30%; padding:0;text-align:center; padding:15px 0;}
	.navbar-default .navbar-collapse{border-color:rgba(255,255,255,.02); 
        background: #ffe259;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffa751, #ffe259);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffa751, #ffe259); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

        
        
        
        ; margin:10px -15px -15px -15px;}
	.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus {    color: #a4a4a4;}
	.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #a4a4a4;
    background-color: transparent;}
	.nav-link  li select:hover, .nav-link  li select:focus{color: #a4a4a4; }
	.nav>li>a {   padding: 10px 15px;}
}

@media (max-width: 768px){	.navbar-default .navbar-toggle{margin-right:15px;}}
@media (min-width:768px) and (max-width:1023px){
.navbar-toggle {    display: block;}
.navbar-collapse.collapse {    display: none!important;}
.navbar-header {    float: none;}
.navbar-default{padding:0;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
.collapse.in {
    display: block!important;
}

.navbar-right {
    float:none!important;
	margin:0 auto;
	text-align:center;
}
.navbar-right  li{ width:14.6%;}
.navbar-right  li:nth-of-type(2), .navbar-right  li:nth-of-type(3){ width:18%;}
.navbar-right  li:nth-of-type(5){ width:20%;}
}

/* ------------------ Footer ------------------ */ 


footer{padding:25px 0;text-align:center}
footer span.copyright{line-height:40px;}
footer{ background-color:#f2f2f2; color:#999 ; display:block; clear:both;font-size:1.4rem;}
footer a{ color:#999999; text-decoration:underline; font-size:1.4rem;}
footer a:hover{ text-decoration:none;}
footer a.current{ color:#ffa409; text-decoration:none;}
footer img{ display:block; margin:0 auto; width:125px; margin-bottom:15px;}

/* ------------------ big page title ------------------ */
#TempPal .text-center{ position:relative;}
.row-heading{ background-color:#f4f4f4;}
h1.section-heading{margin-top:0;margin:40px 0; padding:20px 0;	line-height:50px; color:#5a5a5a; background:url(../images/h2-line.png) 50% 100% no-repeat;}

@media (max-width: 1024px){	
#TempPal{
    padding:25px 0 0 0;
}
}

/* ------------------ home ------------------ */

section{ padding:50px 0 0 0;}
.container{ width:100%;}
header{
	background:#fff url(../images/home_section0_bg.jpg) 50% 0 no-repeat ;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;

	text-align:center;
	color:#fff;
	height:100%;
	}
header .container{height:100%;}

header .intro-text{padding-top:100px;padding-bottom:50px}
header h3{ color:#5e6b77; line-height:1.5; width:640px; position:absolute; left:46%; top:15%; text-align:center; letter-spacing:1px; font-weight:normal;}
header h3 img{ width:180px; margin:0 auto; display:block;}
header h2 img{ width:120px; margin:0 auto; display:block;}

.btn.btn-circle-down{ 
	position:absolute; bottom:10px; left:50%; background:url(../images/btn-scroll-go-to.png) 0 0 no-repeat; 	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover; 
	width:60px; height:60px; clear:both; display:block; margin-left:-30px;}
.btn.btn-circle-down:hover{margin-top:1px;}
.btn.btn-circle-down.active, .btn.btn-circle-down:active{b-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.125);box-shadow:inset 0 0px 0px rgba(0,0,0,.125)}

@media (max-width:1279px){
	header {
    background: #fff url(../images/home_section0_bg_rwd.png) 60% 100% no-repeat;
    height: 100%;
	}
	header h3{left:65%; top:15%; margin-left:-320px;}
}
@media (max-width:1023px){
	header {
    background: #fff url(../images/home_section0_bg_rwd.png) 45% 100% no-repeat;
    height: 100%;
	padding:40px 0 0 0;
	}
	header h3{ font-size:2.4rem; width:520px; left:70%; } 
}
@media (max-width:767px){

	header {
    background: #fff url(../images/home_section0_bg_rwd.png) 50% 80% no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
    height: 100%;
	}
	header h3{left:auto; top:auto; margin-left:auto; width:100%;position:relative;   background-color:rgba(255,255,255,0.8)}
	
	
}
@media (max-width:424px){
	header .intro-text{padding-top:50px;}
	header {
    background: #fff url(../images/home_section0_bg_rwd.png) 50% 100% no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
    height: 100%;
	}
	header h3{left:auto; top:auto; margin-left:auto; width:100%;position:relative;     font-size: 2rem;}
	
	
	
}





/* section TempPal */
#TempPal{background-color: #f4f4f4;}
#TempPal section-heading img{}
#TempPal .col-md-6{height:800px; -webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;padding:0;}
.TempPal-baby{ background:url(../images/home_section1_baby-bg.jpg) 100% 100% no-repeat;  }
.TempPal-woman{background:url(../images/home_section1_woman-bg.jpg) 0% 100% no-repeat;  }
.product-temppal-02{ position:absolute; margin-left:-126px; margin-top:-126px; width:253px; top:41%; left:50%;}



#TempPal .text-box{ color:#fff; text-shadow: 0 2px 3px rgba(0,0,0,.5);  width:70%; padding:15px 50px;}
#TempPal .text-box p{  text-align:left;color:#fff;}

.TempPal-baby .text-box{ background-color:rgba(153,219,206,0.7); position:absolute; top:18%; right:0; }
.TempPal-woman .text-box{ background-color:rgba(255,163,181,0.7); position:absolute; top:36%; left:0; }

@media (max-width:1679px){
	#TempPal .text-box{width:100%; padding:15px 20px;}
	
}
@media (max-width:1023px){
	.TempPal-baby{  background-position:0 100%; height:600px; }
.TempPal-woman{ background-position:0 100%; height:600px; }
#TempPal .text-box h2{  font-weight:bolder;}
#TempPal .text-box p{ text-align:left;}
.TempPal-baby .text-box{ background-color:rgba(153,219,206,0.7); position:absolute; top:0%; }
.TempPal-woman .text-box{ background-color:rgba(255,163,181,0.7); position:absolute; top:auto; bottom:0;  }
.product-temppal-02{ top:50%;}
}


/* section vedio */
#vediopaly{padding-bottom:80px;}
.box-vedio-16-9{
	    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding-bottom: 56.25%;}
	
.box-vedio-16-9 iframe{    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;}

/* section twozone */
#twozone{border-bottom: 1px solid #d6d6d6; padding:0;}
#twozone .container{ width:100%; max-width:1600px;  margin:0 auto;}
#twozone .cover{ background:url(../images/twoZone-bg.png) 60% 0 no-repeat; height:500px; background-size:cover; background-attachment:fixed; position:relative;}
#twozone .cover:after{ display:block; content:''; background:url(../images/twoZone-bg-mask.png) 50% 0 no-repeat; height:46px; width:100%; position:absolute;    bottom: 0;}

#twozone h2{color: #fff;  text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
             0px 8px 13px rgba(0,0,0,0.4),
             0px 18px 23px rgba(0,0,0,0.4); width:600px; padding:100px 0 0 100px;}
#twozone .sec-box{ float:left; width:50%; padding:3%;}
#twozone .sec-box:first-of-type{ background:url(../images/twoZone-line.png) 100% 0 repeat-y;}
#twozone h3{ color:#4d4d4d; font-weight:bolder;}
#twozone p{ color:#4d4d4d;}
#twozone img{ width:auto; max-width:100%; padding:15px 0;}

@media (max-width:1023px){
	#twozone .cover{  height:300px; background-size:cover; background-attachment:inherit;}
	#twozone h2{ color:#fff; font-size:2.2rem; line-height:1.3;  width:90%; padding:5% 0; margin:0 auto; text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
             0px 0px 13px rgba(0,0,0,0.4),
             0px 0px 23px rgba(0,0,0,0.4); font-weight:bold;}
	#twozone .sec-box{float:none; width:100%; }
	#twozone .sec-box:first-of-type{ background:none;}
}



/* section features */
#features{
color:#8b8a8a;  line-height:1.5;
background: url(../images/features_mian.png) 30px 100% no-repeat, url(../images/features_bg.png) 50% 0 no-repeat , url(../images/features_bg-repeat.png) 50% 0 repeat-y ; min-height:600px; position:relative; padding-top:150px;}
	#features .container{ padding:0 5% 10% 600px;}
	#features h2:before{ display:block; content:' '; height:222px; width:206px;background: url(../images/product-temppal-03.png) 0 0 no-repeat; position:absolute; top:30px; left:450px;}
	#features h2{ color:#eebb59; text-shadow:0px 4px 0px #ffffff; padding-bottom:20px;}
	#features ul{ list-style-type:none; margin-left:10px; font-weight:300; list-style-type:none;}
	#features li{  line-height:1.2; padding-bottom:10px; background:url(../images/icon-list.png) 0px 12px no-repeat; padding-left:15px;}
	
@media (max-width:1200px) and (min-width:1024px){
	#features{ background: url(../images/features_mian.png) -100px 100% no-repeat, url(../images/features_bg.png) 50% 0 no-repeat , 	url(../images/features_bg-repeat.png) 50% 0 repeat-y ; 
	-webkit-background-size:400px auto , cover;
	-moz-background-size:400px auto , cover;
	background-size:400px auto , cover;
	padding-top:150px;}
	#features .container{ padding:0 5% 10% 320px;}
	#features h2:before{  top:50px; left:150px;}
}	
@media (max-width:1023px){
	#features{ padding-top:50px;background: url(../images/features_mian.png) -50px 100% no-repeat, url(../images/features_bg.png) 50% 0 no-repeat , 	url(../images/features_bg-repeat.png) 50% 0 repeat-y ; -webkit-background-size:300px auto , cover;
	-moz-background-size:300px auto , cover;
	background-size:300px auto , cover;}
	#features .container{ padding:0 80px 50px 260px;}
	#features h2:before{  top:50px; left:80px;  height:222px; width:150px; -webkit-background-size:contain;
-moz-background-size:contain;
background-size:contain;}
}
	
@media (max-width:768px){
	#features{ padding-top:50px;background: url(../images/features_mian.png) 50% 100% no-repeat, url(../images/features_bg.png) 50% 0 no-repeat , 	url(../images/features_bg-repeat.png) 50% 0 repeat-y ;  -webkit-background-size:300px auto , cover;
	-moz-background-size:300px auto , cover;
	background-size:300px auto , cover; padding:0;}
	#features .container{ padding:0 15px 250px 15px;}
	#features h2{ text-align:center;}
	#features h2:before{   width:100px; height:120px; position:relative; margin-left:-50px; left:50%;-webkit-background-size:contain;
-moz-background-size:contain;
background-size:contain; margin-bottom:50px;}
}	

/* section howWork */
#howWork{background: url(../images/howWork_bg1.png) 50px 50px no-repeat fixed;position:relative; }
#howWork::after{display:block; content:' '; height:508px; width:160px; background: url(../images/howWork_bg2.png) 100% 100% no-repeat ; position:absolute; bottom:-80px; right:50px; z-index:99;}
#howWork{border-top: 1px solid #d6d6d6;}
#howWork .container{ padding:50px 0 80px 0;  width:1130px;  margin:0 auto;}
#howWork h2{ color:#000;  padding-bottom:20px;}
#howWork h4{ color:#f9bc15; padding-bottom:10px; font-weight:bolder; }

#howWork p{ color:#8b8a8a; padding-bottom:20px;}	
#howWork img{ max-width:100%; padding-bottom:40px;}

#howWork .sec-box { clear:both; overflow:auto; padding:0px 0 30px 0;}
#howWork .sec-box ul{  margin:auto;  color:#8b8a8a;}
#howWork .sec-box li{background: url(../images/icon-list.png) 0px 12px no-repeat;padding-left:20px;}

#howWork .sec-box.imgRight img{ float:right; width:50%;padding-left:20px;}
#howWork .sec-box.imgRight h4, #howWork .sec-box.imgRight p, #howWork .sec-box.imgRight ul{ float:left; width:50%; }

#howWork .sec-box.imgLeft img{ float:left; width:50%; padding-right:20px;}
#howWork .sec-box.imgLeft h4, #howWork .sec-box.imgLeft p , #howWork .sec-box.imgLeft ul{ float:right; width:50%;}

@media (max-width:1335px){
	#howWork{ background-position:-100px 50px; -webkit-background-size:20%;-moz-background-size:20%; background-size:20%;}
	#howWork::after{-webkit-background-size:60%; -moz-background-size:60%; background-size:60%;bottom:-40px; right:10px; }
	#howWork .container{  width:90%; margin:0 auto;}
}
@media (max-width:1024px){
	#howWork{ background-position:-50px 50px; -webkit-background-size:40%; -moz-background-size:40%; background-size:40%;}
	#howWork .container{ }
	#howWork::after{-webkit-background-size:50%; -moz-background-size:50%; background-size:50%;bottom:-40px; right:10px; }
	
	 #howWork .sec-box.imgRight img{ float:none; width:100%;padding-left:0px; max-width:100%; width:auto; height:auto;}
	 #howWork .sec-box.imgRight h4, #howWork .sec-box.imgRight p, #howWork .sec-box.imgRight ul{ float:none; float:none; width:100%;}
	
	#howWork .sec-box.imgLeft img{ float:none; width:100%; padding-right:0px;}
	#howWork .sec-box.imgLeft h4, #howWork .sec-box.imgLeft p, #howWork .sec-box.imgLeft ul{ float:none; float:none; width:100%;}
}

/* section healthTracking */
	section#healthTracking{padding:0;}
	#healthTracking{ border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;line-height:1.5; position:relative; background:#d7d3cf url(../images/bg_healthTracking.png) -50px 0 no-repeat; background-attachment:fixed;}
	#healthTracking .container{  padding:0px 0 0px 0;  width:100%;  margin:0 auto;}
	
	#healthTracking .main-photo{ float:left; width:50%; text-align:center; padding-top:86px;}
	#healthTracking .main-photo img{ width:auto;max-width:90%;}
	#healthTracking .main-cont{ position:relative; padding-left:50%;}
	#healthTracking .main-cont .box{ background-color:#fff; padding-right:10%;
	-webkit-box-shadow: -6px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -6px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: -6px 0px 5px 0px rgba(0,0,0,0.1);}
	
	#healthTracking h2{ color:#254a72; font-weight:bolder;  padding:100px 0 20px 0; }
	#healthTracking h4{color:#333333; font-weight:bolder;  padding:0px 0 5px 0;}
	#healthTracking p{color:#6b6868; padding-bottom:40px; margin:0;}
	#healthTracking h2, #healthTracking h4, #healthTracking p{padding-left:68px;}
	#healthTracking h4::before{ width:88px; height:88px; display:block; content:''; position:absolute;margin-left: -108px;}
	.ic_pill::before{ background:url(../images/ic_pill.png) 0 0 no-repeat;}
	.ic_BBT::before{background:url(../images/ic_BBT.png) 0 0 no-repeat;}
	.ic_cloudMonitor::before{background:url(../images/ic_cloudMonitor.png) 0 0 no-repeat;}
	.ic_TemperatureAlert::before{background:url(../images/ic_TemperatureAlert.png) 0 0 no-repeat;}
	

@media (max-width:1335px){

	#healthTracking{ background-size: cover; background:#d7d3cf url(../images/bg_healthTracking.png) 0 0 no-repeat;}
}
@media (max-width:1024px){
#healthTracking .main-photo{ float:none; width:auto; padding-top:40px; }
#healthTracking .main-cont{ position:static; padding:0;}
#healthTracking .main-cont .box{ width:90%; background-color:rgba(255,255,255,0.9) ;margin:0 auto;margin-bottom:40px;padding-right:5%;
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
	#healthTracking h2{ padding:40px 0 20px 0; padding-top:40px;}
	#healthTracking h4, #healthTracking p{padding-left:128px;}
	#healthTracking h2{padding-left:5%;}
}
@media (max-width:480px){
	#healthTracking h4::before{ width:88px; height:88px; display:block; content:''; position:static; margin-left: 0px; margin:0 auto 10px auto;}
	#healthTracking h4, #healthTracking p{padding-left:5%; text-align:center;}
	#healthTracking p{text-align:left;}
}

	
/* section specification */
	
#specification{border-top: 1px solid #d6d6d6;line-height:1.5; position:relative; border:10px solid #eaeaea; padding:40px 10px;}
#specification h2{ color:#dddddd; font-weight:bolder; }
#specification ul{ color:#6b6868;font-size: 1.4rem; list-style-type:none; }
#specification li{background: url(../images/icon-list.png) 0px 12px no-repeat;padding-left:20px;font-size: 1.4rem;font-weight:bolder; padding-bottom:5px;}
#specification h2, #specification img{width:20%; float:left;}
#specification ul{width:28%; float:left;margin-left: 2%;}
#specification ul img{ width:auto; float:none;}
@media (max-width:1024px){
	#specification img{ float:none; clear:both; display:block;max-width:100%; width:auto;}
	#specification ul{  width:48%; float:left;margin-left: 2%; margin:20px 0;}
	
}
@media (max-width:480px){
	#specification img{ float:none; clear:both; display:block;max-width:100%; width:auto;margin:10px 0 }
	#specification ul{  width:98%; float:none;margin-left: 2%;margin: 0  }
	
}


/* section contactus */	
#contactus{ padding:66px 0;  text-align:center; border-top:1px solid #d6d6d6; font-weight:300;}
#contactus p{ color:#666666; line-height:1.8; margin-bottom:25px;}
.btn-mail{ background-color:#ffa409; color:#fff; padding:10px 50px; font-size:1.6rem; letter-spacing:1px; margin-top:10px;}
.btn-mail i{ display:block; margin-bottom:5px;}


#contactus .form-group{ margin:0 0 10px 0;}
#contactus .form-control{ background-color:#e2e2e0;}
#contactus .container{  width:1170px;  margin:0 auto;}
@media (max-width:1200px){
	#contactus .container{  width:80%;  margin:0 auto;}
}


/* ------------------ coming soon modal ------------------ */ 
.modal {
  display: none; 
  /* 以下與display: table;搭配後，就會讓此區塊變成像TABLE依樣可以全部撐開*/
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /**/
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

/* Display the modal when targeted */
.modal:target {
  display: table;
  position: absolute;
}

/* The modal box */
.modal-dialog {
  display: table-cell;
  vertical-align: middle;
}


.modal-dialog .modal-content {
  margin: auto;
  background-color: #ffa409;
  position: relative;
  padding: 0;
  outline: 0;
  border: 1px #777 solid;
  text-align: justify;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
}
.modal-dialog .modal-content p{ color:#fff;}

.closebtn {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  position:absolute;
  right:0;
  top:0;
  margin-right:10px;
  
}

.closebtn:hover,
.closebtn:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.modal-dialog .modal-content { text-align:center; font-size:4rem; padding:50px 0;}
@media (max-width:767px){
	.modal-dialog .modal-content { width: 100%;    border-radius: 0px;}
	
}


/* ------------------ Inner ------------------ */ 

.inner header{ background:url(../images/inner_banner.png) 50% 0 no-repeat fixed; height:545px;}
.inner section{ padding:0 0 10px 0; border-top:1px solid #d6d6d6;}
.inner section h1{ 
    margin:80px 0;
    padding: 20px 0;
    line-height: 50px;
    color: #5a5a5a;
    background: url(../images/h2-line.png) 50% 100% no-repeat;
	text-align:center;
	letter-spacing:-2px;
	
}
.inner-box .container{ width:100%; padding:0 15px;}

.inner h4{color:#8b8a8a; padding-bottom:10px; color:#4e4e4e; }
.inner p{ font-weight:300; padding-bottom:50px; color:#666666;}

.inner .modal p {
     font-weight: bolder; 
     padding-bottom: 0;
    color: #fff;
}

@media (min-width:1170px){
	.inner-box .container{  width:1140px;  margin:0 auto;}
}


@media (max-width:1023px){
	.inner header{ background:url(../images/inner_banner.png) 50% 100% no-repeat; 
	height:300px;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
.inner section h1{ 
    margin:40px 0;
}
}
@media (max-width:414px){
	.inner header{ background:url(../images/inner_banner_rwd375.png) 50% 100% no-repeat; 
	height:200px;
	-webkit-background-size:contain;
-moz-background-size:contain;
background-size:contain;
}
}
/* form error */
#contactus .form-group.error .form-control { border-color:#F30;}


/* about us */
.about_box{ position:relative;}
.about_box img{ max-width:100%; display:block;margin:10px auto;}
.about_box .title{ color:#4f697a; font-weight:bolder; font-size:30px; }

@media (min-width:1023px){
	.about_box p{ clear:both; overflow-y:auto;}
	.about_box p span{width:50%; display:inline-block; padding:15px 35px 55px 35px;}
	.about_box .title{padding:40px 35px 0px 35px; }
	.about_box p:nth-of-type(1) span{ float:right; }
	.about_box p:nth-of-type(2){margin-top:-130px;}
	.about_box p:nth-of-type(2) span{ float:left; padding-top:130px;}
	.aboutimg01{ float:left;width:50%;}
	.aboutimg03{ float:right;width:50%; }
	.about_box p{ padding-bottom:0;}

}
@media (max-width:1200px){
	.about_box p:nth-of-type(2){margin-top:-50px;}
	.about_box p:nth-of-type(2) span{  padding-top:50px;}
}

/* FAQ */
.faqHeader{ background-color:#052941; color:#f7bd13; border-radius: 5px; font-size:30px; display:inline-block; padding:10px 15px;}

.panel-default>.panel-heading {
    color:#f7bd13;
    background-color: #fff;
    border:0px solid #ddd;
	position:relative;
}
.panel-default>.panel-heading a{color:#f7bd13; text-decoration:none; font-size: 22px;}
.panel-default>.panel-heading a.collapsed{color:#032a40;  }
.panel-default>.panel-heading+.panel-collapse>.panel-body{border:0px solid #ddd;margin-left:50px; }
.panel-title{margin-left:60px; }
.panel {
    margin-bottom: 20px;
	color:#052941;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow:0px 0px rgba(0,0,0,.5);
    box-shadow: 0 0px 0px rgba(0,0,0,.5);
	 font-size: 22px;
	 border-bottom:1px solid #d6d6d6;
}
.inner .panel-body{ padding:0 15px;}
.inner .panel-body p{padding-bottom: 10px;}
.inner .panel-body a{ color:#4f697a;}
.inner .panel-body p img{ display:block; max-width:100%; margin:10px 0;}
.faqbody{counter-reset: section; }
    .faqHeader {
        font-size: 22px;
        margin: 20px;
    }
.panel-heading{ position:relative; }
    .panel-heading [data-toggle="collapse"]:after {
font: normal normal normal 14px/1 FontAwesome;
        content: "\f054"; /* "play" icon */
		position:absolute;
		right:5px;
		top:9px;
        color: #052941;
        font-size: 18px;
        line-height: 36px;
		margin-right: 0px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
	.panel-heading:before {
	counter-increment: section;    
    content: "Ｑ" counter(section);
	color:#052941;
    top: 50%;
    position: absolute;
    overflow: hidden;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	left: 15px;
    margin-top: -2px;
    font-size: 24px;
    width: 54px;
}

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        color: #454444;
    }
.table-bordered{ font-size:14px;}
.table-bordered .title	{ color:#052941; background-color:#eee;}
.table-bordered td{ color:#858585;}
@media (max-width:768px){
	.faqHeader{display:block; text-align:center;}
	.panel-default>.panel-heading+.panel-collapse>.panel-body{margin-left:0px; }
	.panel-body {    padding:0 15px  15px;}
}	


.gotop{ width:40px; height:48px; background:rgba(255,255,255,0.5) url(../images/gototop-orange.png) 0 0; display:inline-block; position:fixed; bottom:5px; right:5px; font-size:0;
}
a:hover.gotop{ background:#f9d790  url(../images/gototop.png) 0 0;
-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;}
  
  @media (max-width:480px){.gotop{bottom:70px;}}
@charset "utf-8";
/* CSS Document */