/* section
  container carbox_type
    row
      col-xs-12
        h3 各式車頂箱
      col-md-6 col-xs-6 carbox_type_item
        col-xs-12
          a
            carbox_type_img 商品小圖
        col-md-6 color-3 col-xs-6
          col-xs-12
            color_img 顏色ICON
        col-md-6 color-3 col-xs-6
          col-xs-12
            color_img 顏色ICON
        col-xs-12 carbox_type_item_p
          h4  商品名
          p   規格 */
@charset "UTF-8";

.share_box {
  margin: 120px auto 200px auto;
  max-width: 1140px;
}
.share_box a, .share_box .carousel-control {
  color: #ff6e3a;
}

section .carbox {
  margin-bottom: 150px;
}

section .carbox .carbox_bg_img{
  width: 100%;
  margin-top: 120px; 
}
 section .carbox .carbox_icon_img {
   width: 100%;
  max-width:120px;  
}
section .carbox .Price{
  color: #800000;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0px;
}
section .carbox .Price2{
  margin-left: 10px;
}
section .carbox .Price5{
  margin-left: 50px;
}
section .carbox .Price5_title{
  margin-bottom: 10px;
}
section .carbox .Pricees{
  width: auto;
  font-size: 1em;
  float:left; 
}
.clear_float{
  clear:left; 
}


 .nav-tabs li{
  width: 70px;
  font-size: 1.2em;
  font-weight: 600;
  margin-right:0px;
  padding: 5 0px;
  }
  
   .nav-tabs li{
  width: 120px;
  font-size: 1.5em;
  font-weight: 600;
  margin-right:5px;
  padding: 5 0px;
  text-align:center;
  border:1px solid #ccc;
  } 
  
  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > li:hover {
  background-color: #f2f2f2;
}
.nav-tabs > li.active > a li, .nav-tabs > li.active > a:focus li, .nav-tabs > li.active > a:hover li {
  font-size: 18px;
  font-weight: 600;
}

.carbox_tabs {
  padding-top: 60px;
  padding-bottom: 80px;
  margin-bottom: 100px;
  background-color: #f2f2f2;
}
.carbox_tabs h3 {
  margin: 20px 0px;
}
.carbox_tabs .carbox_tabs_item {
  margin-bottom: 20px;
     padding-top: 20px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #ccc;
}

.tab-content_h4,.tab-content_p {
    margin-top: -5px;
    margin-left: 0px;
    width: 100%;
  }
.carbox_tabs .tab-content_h4 {
  font-size: 1.6em;
  font-weight: 400;
  padding-top: 20px;
}


.carbox_tabs .tab-content_img {
  width: 120%;
  max-width: 160px;
  margin-top: 5px;
  display: inline-block;
}

.carbox_try .box_360, .carbox_try .box_color {
  margin-bottom: 80px;
}
.carbox_try iframe {
  width: 100%;
  min-width: 980px;
  height: 600px;
  padding: 0px;
  margin-left: -10px;
}

.carbox_type {
  margin-top: -100px;
  margin-bottom: 120px;
}
.carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
  margin-top: 40px;
  padding-left: 0px;
}
.carbox_type .color-1 {
  margin-bottom: 45px;
}
.carbox_type .color-2 {
  margin-bottom: 25px;
}
.carbox_type .color-3 {
  margin-bottom: 10px;
}
section .carbox_type  .color-3-left{
	 margin-left: 30px; 
	  }
section .carbox_type  .color-3-right{
	 margin-left: -80px; 
	  }
.carbox_type span {
  margin-bottom: 5px;
  font-size: 1.2em;
}
.carbox_type_item {
  margin-bottom: 120px;
  height: 800px;
	}
.carbox_type .col-xs-12.carbox_type_item_p {
    text-align: left;
    margin-top: -10px;
  padding-left: 100px;
}
.carbox_type_item_ps{
	margin-top: -100px;
	}
.carbox_type h4 {
  font-size: 2.2em;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  
  
   .nav-tabs li{
  width: 120px;
  font-size: 1.5em;
  font-weight: 600;
  margin-right:5px;
  padding: 5 0px;
  text-align:center;
  border:1px solid #ccc;
  } 
    
  .nav .dropdown-menu {
    font-size: 0.9em;
  }


  section .carbox {
    margin-top: 120px;
  }
  section .carbox .carbox_bg_img {
    margin-top: 150px;


  }
  section .carbox_try iframe {
    min-width: 500px;
    width: 100%;
    margin-left: -10px;
  }
  .carbox_type{
	 padding-left: 40px;
	  }
  .carbox_type .carbox_type_img {
    max-width: 355px;
    min-width: 355px;
    width: 100%;
    margin-left: 0px;
  }    
   .carbox_type h4 {
    font-size: 2.2em;
    font-weight: 500;
  }  
}
@media (min-width: 667px) and (max-width: 1023px) {
  .nav .dropdown-menu {
    font-size: 1em;
  }
  section .carbox .carbox_bg_img {
    margin: 0px 0 50px 0;
  }
  section .carbox .carbox_icon_img {
    max-width: 120px;
  }
  section .carbox_type {
    margin-top: 300px;
  }
  section .share_box {
    width: 100%;
    margin-bottom: 0px;
  }
  section .carbox_try {
    height: 800px;
    margin-bottom: 500px;
  }
  section .carbox_try .box_360, section .carbox_try .box_color {
    width: 100%;
    height: auto;
    height: 800px;
  }
  section .carbox_try iframe {
    min-width: 500px;
    height: 1500px;
    width: 100%;
    margin-left: -10px;
  }
  section .carbox_type {
    margin-top: 1100px;
  }
  .carbox_type_img{
	  min-width: 220px;
	  max-width: 220px;
	  margin-left: 20px;  
	  }
  .color_img {
   margin-left: 50px;  
  }
/* } */
   
  section .carbox_type .color-1, section .carbox_type .color-2, section .carbox_type .color-3 {
    padding-left: 50px;
	font-size: 1em;
  }
.carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
	min-width: 80px;
    margin-left: -20px;
	padding: 0px;
  }
section .price {
  margin-left: 50px;

}  
section .color_img_price {
    margin-left: 0px;
    margin-top: 0px;  
   }  
section .color_img_price:first-child {
  margin-left: 20px;
}
.color_bk:hover{

}
.color_ds:hover{}
.color_wh:hover{}    
.carbox_type_item_p {
  margin-left:-40px;
    padding-left: 0px;
    font-size: 1.2em;
  }
.carbox_type_item_p h4{
    font-size: 1.6em;
  }  
}
@media (min-width: 569px) and (max-width: 666px) {
  section P {
    font-size: 16px;
  }
  section .share_box {
    margin-bottom: 0;
  }
  section .carbox {
    margin-top: 0px;
  }
  section .carbox .carbox_bg_img {
    margin-top: 0px;
    max-width: 550px;
  }
  section .carbox .carbox_icon_img {
    max-width: 80px;
  }
  section .nav-tabs li {
    font-size: 1em;
    width: auto;
  }
  section .carbox_try .box_360, section .carbox_try .box_color {
    margin-bottom: 80px;
  }
  section .carbox_try iframe {
    width: 100%;
    min-width: 600px;
    height: 300px;
    padding: 0px;
    margin-left: -10px;
  }
  section .carbox_try .box_color iframe {
    height: 800px;
  }
  section .carbox_type {
    margin-top: 0px;
  }
  section .carbox_type .carbox_type_img {
    max-width: 250px;
    min-width: 250px;
    width: 100%;
  }
  section .carbox_type .color-1, section .carbox_type .color-2, section .carbox_type .color-3 {
    padding-left: 50px;
  }
 .carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
	min-width: 75px;
    margin-left: -10px;
    font-size: 7px;
  } 
  section .carbox_type  .color-3-left{
	 margin-bottom: 0px; 
	 margin-left: 10px; 
	  }
  section .carbox_type  .color-3-right{
	 margin-top: 0px; 
	 margin-left: 10px; 
	  }	  
  section .carbox_type .color_img {
    max-width: 15px;
  }
  section .carbox_type .col-xs-12.carbox_type_item_p {
    
  }
  section .carbox_type h4 {
    font-size: 1.2em;
  }
  .carbox_tabs .tab-content_h4 {
    margin-left: -30px;
  }
  .carbox_tabs .tab-content_p {
    margin-left: -30px;
  }
}
@media (min-width: 375px) and (max-width: 568px) {
  .carbox {
    margin-top: -240px;
  }
.carbox_icon{
	margin-top: 140px;
	}
  .carbox_try .box_360, .carbox_try .box_color {
    margin-bottom: 80px;
  }
  .carbox_try iframe {
    width: 100%;
    min-width: 350px;
    height: 300px;
    padding: 0px;
    margin-left: -30px;
  }
  .carbox_try .box_color iframe {
    height: 800px;
  }

  .nav-tabs {
    width: 100%;
    margin-left: 0px;
  }
 .nav-tabs li{
  width: 70px;
  font-size: 1.2em;
  font-weight: 600;
  margin-right:0px;
  padding: 5 0px;
  }
  .carbox_tabs {
    margin-bottom: 100px;
    background-color: #f2f2f2;
  }
  .carbox_tabs h3 {
    margin: 20px 0px;
    font-size: 1.5em;
  }
  .carbox_tabs .carbox_tabs_item {
    margin-bottom: 20px;
  }
  .carbox_tabs .tab-content_img {
    width: 100%;
    max-width: 110px;
    min-width: 110px;
    padding: 0px 0px 0px 0px;
    margin: 20px 0 0 -40px;
  }
.tab-content_p{
  width: 120%;

  }
  .carbox_tabs .tab-content_h4 {
    font-size:1.3em;
	  font-weight: 600;
  }
  .carbox_tabs .tab-content_p {
    font-size: 1.2em;
  }
  .carbox_tabs h3 {
    margin-top: 10px;
    font-size: 1.3em;
  }

  .carbox_type {
    margin-top: 0px;
  }
  .carbox_type .carbox_type_img {
    max-width: 180px;
    min-width: 180px;
    width: 100%;
    margin-left: 0px;
  }
  .carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
    padding-left: -5px;
    font-size: 0.8em;
  }
.carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
	min-width: 80px;
    margin-left: -5px;
    font-size: 7px;
	padding: 0px;
  }
  .carbox_type .color_img {
    max-width: 15px;
  }
  .carbox_type .col-xs-12.carbox_type_item_p {
    padding-left: 20px;
    font-size: 0.8em;
  }
  .carbox_type h4 {
    font-size: 1.6em;
    font-weight: 800;
  }
}
@media (min-width: 300px) and (max-width: 374px) {
 .nav-tabs li{
  width: 70px;
  font-size: 1.2em;
  font-weight: 600;
  margin-right:0px;
  padding: 5 0px;
  } 
  .carbox {
    margin-top: -240px;
  }
 .carbox_tabs{
   width:100%;
   margin:0px;
   padding:0px;  
   }    
 .carbox_tabs_item{
  margin: 0px;
 }
  
 /* <!------產品介紹----------------------------> */
 .carbox_tabs .tab-content_h4, .carbox_tabs .tab-content_p {
   	margin-top: 5px;
    margin-left: 15px;
    padding:0px;
  }
.tab-content_p{
  width: 120%;

  }
  .carbox_tabs .tab-content_h4 {
    font-size:1.3em;
    font-weight: 600;
    margin-left: -20px;
  }
  .carbox_tabs .tab-content_p {
    font-size: 1.2em;
    margin-left: -20px;
  }
  .carbox_tabs h3 {
    margin-top: 10px;
    font-size: 1.3em;
  }
  .carbox_tabs .tab-content_img {
    width: 100%;
    max-width: 90px;
    min-width: 90px;
    padding: 0px 0px 0px 20px;
    margin: 40px 0 0px  -40px;
  }

/* <!-----規格----------------------------> */
   .carbox_type {
    margin-top: 0px;
  }
  .carbox_type .carbox_type_img {
    max-width: 135px;
    min-width: 135px;
    width: 100%;
    margin-left:0px;
  }
   .carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
    padding: 0;
    font-size: 0.8em;
  }
  section .carbox_type  .color-3-left{
	 margin-bottom: 0px; 
	 margin-left: 0px; 
	  }
  section .carbox_type  .color-3-right{
	 margin-top: 0px; 
	 margin-left: 0px; 
	  }
  .carbox_type .color_img {
    max-width: 15px;
  }

  .carbox_type_item_ps{
	margin-top: -50px;
	}
  .carbox_type .color-1, .carbox_type .color-2, .carbox_type .color-3 {
	min-width: 75px;
    margin-left: -10px;
    font-size: 7px;
	padding: 0px;
  }
  .carbox_type_item {
	margin-bottom: 50px;
	}
   .carbox_type h4 {
    font-size: 2.2em;
    font-weight: 500;
  }
  
 .carbox_type .col-xs-12.carbox_type_item_p {
    padding-left: 10px;
    font-size: 0.7em;
    text-align: left;
  }
   
 /* <!------------------------------------------>    */
  .carbox_try .box_360, .carbox_try .box_color {
    margin-bottom: 80px;
  }
  .carbox_try iframe {
    width: 100%;
    min-width: 300px;
    height: 300px;
    padding: 0px;
    margin-left: -35px;
  }
  .carbox_try .box_color iframe {
    height: 800px;
  }

	
}