@charset "utf-8";
/* CSS Document */
@media screen and (max-width:30em){/*480px / 16px = 30em ขนาหน้าจอน้อยกว่า 480px*/

}

@media screen and (max-width:1280px) and (min-width:960px){

.tiele-our-story { padding:0 30px 0 10px; width:351px; float:left;}
.block-text-our-story { width:830px; border:2px solid #CCCCCC; padding:20px; float:left; }
.block-text-our-story h2 {color:#000000; font-weight:bold;}
.block-text-our-story p {padding-top:20px; color:#FFFFFF;}



.list-detail { z-index:5555; position:static;}
.list-detail ul {list-style:none;}
.list-detail li {display:block; float:left; margin:0 30px 10px 0; width:177px;}
.list-detail li img { width:177px; height:177px;}
.list-detail li p { font-size:14px; text-align:center; height:80px;}
.list-detail li a:hover {opacity:0.5; color:#000;}



/*Breton Dtripe 
--------------------------------------------------------------*/
.breton-stripe-img {padding:200px 0 0 20px; width:500px; height:740px; float:left;}
.breton-stripe-img img {width:100%;}
.breton-stripe-detail {width:650px; float:left; padding:150px 0 0 0;}
.breton-stripe-detail p {color:#FFF;}

/*TimeLine1*/
.tab-side-1 {padding-right:20px; float:right;}

/*Martitme
--------------------------------------------------------------*/
.maritime-signalling-flags-img {padding:200px 0 0 20px; width:500px; height:735px; float:left;}
.maritime-signalling-flags-img img {width:100%;}
.maritime-signalling-flags-detail {width:650px; float:left; padding:50px 0 0 0;}

/*TimeLine2*/
.tab-side-2 {padding-right:20px; float:right;}	
.block-mobile-tablet {display:none;}
}


@media screen and (max-width:1366px) and (min-width:1281px){

.tiele-our-story { padding:0 30px 0 10px; width:351px; float:left;}
.block-text-our-story { width:900px; border:2px solid #CCCCCC; padding:20px; float:left; }
.block-text-our-story h2 {color:#000000; font-weight:bold;}
.block-text-our-story p {padding-top:20px; color:#FFFFFF;}



.list-detail { z-index:5555; position:static;}
.list-detail ul {list-style:none;}
.list-detail li {display:block; float:left; margin:0 30px 10px 0; width:177px;}
.list-detail li img { width:177px; height:177px;}
.list-detail li p { font-size:14px; text-align:center; height:50px;}
.list-detail li a:hover {opacity:0.5; color:#000;}



/*Breton Dtripe 
--------------------------------------------------------------*/
.breton-stripe-img {padding:150px 0 0 20px; width:600px; height:790px; float:left;}
.breton-stripe-img img {width:100%;}
.breton-stripe-detail {width:650px; float:left; padding:150px 0 0 0;}
.breton-stripe-detail p {color:#FFF;}
.breton-stripe-1 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-1/breton-stripe-1.jpg) no-repeat center top; height: auto;}

/*TimeLine1*/
.tab-side-1 {padding-right:20px; float:right;}

/*Martitme
--------------------------------------------------------------*/
.maritime-signalling-flags-img {padding:150px 0 0 20px; width:600px; height:785px; float:left;}
.maritime-signalling-flags-img img {width:100%;}
.maritime-signalling-flags-detail {width:650px; float:left; padding:50px 0 0 0;}

/*TimeLine2*/
.tab-side-2 {padding-right:20px; float:right;}	
.block-mobile-tablet {display:none;}
.block-desktop {display:block;}
}