.spc1{
font-size:14.5px !important;
display:inline-block;
padding-right:3px;
(font:oswald)
}


@keyframes show{
0%{
top:-30px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
100%{
top:38px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}
.at1-back:hover .divlist1{

animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.at1:hover .divlist1{

animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.divlist1{
position:absolute;
left:5px;
top:-3000px;
width:160px;
background-color:#2F95C4;
z-index:39;
border-radius:6px;
}
.divlist1 a{
display:block;
width:100%;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:white;
text-indent:25px;

background-image:url(https://image.yida-design.com.tw/fengshop/icon_arrow3.webp);
background-repeat:no-repeat;
background-size:auto 0.6em;
background-position:12px 50%;
}
.divlist1 a:hover{
background-color:#00D5D5;
}



.awebgl{
display:inline-block;
padding-left:12px;
padding-right:12px;
padding-top:6px;
padding-bottom:6px;
line-height:1.2em;
background-color:#006699;
color:white;
font-size:14px !important;
border-radius:4px;
margin-bottom:6px;
position:absolute;
right:calc(50vw - 545px);
bottom:30px;
}

.pmess_mem{
width:calc(100% - 20px);
padding-left:20px;
margin:auto;
font-size:15px;
color:white;
font-family: Microsoft JhengHei;
text-indent:0px;
text-align:left;
padding-bottom:6px;
line-height:1.4em;
padding-top:6px;
}

.splogin_tag{
display:inline-block;
line-height:1em;
width:auto !important;
padding-top:6px;
padding-bottom:6px;
text-indent:0px !important;
padding-left:9px !important;
padding-right:9px !important;
background-color:#FF3333;
color:white;
font-size:14px;
border-radius:4px;
position:absolute;
left:20px;
top:-16px;
font-family: Microsoft JhengHei;
text-align: !important;
}

.divgoogle{
position:absolute;
right:calc(calc(100% / 2) - 300px);
bottom:6px; 
}














.divdmg1{
width:100%;
height:250px;
background-image:url(https://image.yida-design.com.tw/fengshop/dm2-21.webp);
background-size:auto 100%;
background-position:50% 50%;
}





.h1{
width:1100px;
margin:auto;
font-size:24px;
color:#333333;
padding-top:20px;
padding-bottom:10px;

}







.qrcode2{
width:460px;
max-width:100%;
}



.qrcode1{
width:130px;
margin-right:10px;
}

.ulb1{
width:90%;
margin:0px;
margin-left:-20px;
}
.ulb1 li{
line-height:1.2em;
padding-top:3px;
padding-bottom:3px;
font-size:15px;
color:#666666;
text-align:left;
}

.pbase{
font-size:15px;
color:#666666;
line-height:1.5em;
}











.tableb1{
display:table;
width:1100px;
margin:auto;
padding-top:10px;
padding-bottom:50px;
}
.trb1{
display:table-row;
}
.tdb1{
display:table-cell;
padding-left:20px;
width:300px;
padding-right:50px;
vertical-align:top;
}
.tdb2{
display:table-cell;
text-align:left;
vertical-align:top;
padding-right:20px;
padding-top:15px;
}

.divbase{
width:100%;  
background-color:#f1f1f1;
border-top:1px solid #999999;
}





.divposm1{
  position:absolute;
  left:0px;
  top:0px;
  
}
.divposm1 img{
width:25px;
height:15px;
padding:10px;
padding-top:15px;
}

.logom1{
display:block;
margin:auto;
padding-top:0px;
padding-bottom:5px;
height:35px;

padding-top:5px;
}

.divrem1{
position:relative;
left:0px;
top:0px;
width:100%;
}

.divfix1{
position:fixed;
left:0px;
top:0px;
width:100%;
border-bottom:1px solid #cccccc;
background-color:white;
height:auto;
display:none;
}



.divmgoogle{
display:inline-block;
padding-left:20px;
padding-top:20px;
}



.divmcheck{
display:none;
}








.splogin1_tag{
display:inline-block;
line-height:1em;
width:auto !important;
padding-top:6px;
padding-bottom:6px;
text-indent:0px !important;
padding-left:9px !important;
padding-right:9px !important;
background-color:#FF3333;
color:white;
font-size:14px;
border-radius:0px 4px 4px 0px;
position:fixed;
left:0px;
top:80px;
font-family: Microsoft JhengHei;
text-align: !important;
}

.divmlist a{
display:block;
width:100%;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:white;
background-image:url(https://image.yida-design.com.tw/fengshop/icon_arrow3.webp);
background-repeat:no-repeat;
background-size:auto 0.8em;
background-position:20px 50%;
background-color:#078ACF;
border-bottom:1px solid #056294;
text-indent:35px;

}


.af1{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
background-repeat:no-repeat;
background-size:auto 0.6em;
background-position:5px 50%;
text-indent:30px;
font-size:16px;
color:#222222;
  font-family: Noto Sans TC, sans-serif;
border-bottom:1px solid #cccccc;
}

.divback{
width:100%;
height:3000px;
background-color:white;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
position:fixed;
left:0px;
top:0px;
z-index:39;
display:none;
}
.divfix3{
width:60%;
height:3000px;
background-color:white;
position:fixed;
left:-100%;
top:0px;
height:100vh;
overflow-y:auto;
z-index:39;
}



.face11{
background-color:#4267B2;
}
.line11{
background-color:#00B900;
}

.divline1{
position:fixed;
left:0px;
bottom:0px;
z-index:31;
width:100%;
display:none;
}

.divline1 a{
display:block;
width:50%;
float:left;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:white;
text-align:center;
border-top:1px solid white;
}



.h2root{
width:100%;
margin:auto;
text-align:center;
font-size:28px;
color:#111111
  font-family: Noto Sans TC, sans-serif;
  font-weight:300;
padding-top:20px;
padding-bottom:40px;
position:relative;
}
.h2root:after{
content:"";
display:block;
width:55px;
height:3px;
margin:auto;
background-color:#0066CC;
margin-top:30px;
}




.pcross_login{
width:calc(100% - 20px);
padding-right:20px;
margin:auto;
line-height:1em;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
background-color:#f8f8fb;
text-align:right;
font-size:16px;
font-weight:bold;

}
.pcross_login a{
color:#666666;
}

.divsub_login{
text-align:center;
padding-top:15px;
}
.divsub_login a{
display:inline-block;
width:140px;
max-width:calc(50% - 10px);
padding-top:10px;
padding-bottom:10px;
line-height:1em;
text-align:center;
background-color:#0066CC;
color:white;
border-radius:2px;
margin-left:3px;
margin-right:3px;
}

.talogin{
max-width:100%;
width:300px;
margin:auto;
font-size:15px;
color:#333333;
}
.tdlogin1{
width:50px;
}
.tdlogin1 span{
color:red;
position:relative;
left:0px;
top:3px;
}

.talogin input[type=text]{
width:calc(100% - 12px);
height:26px;
border:1px solid #cccccc;
}

.talogin input[type=password]{
width:calc(100% - 12px);
height:26px;
border:1px solid #cccccc;
}

.talogin input[type=checkbox]{
width:18px;
height:18px;
position:relative;
top:5px;
border:1px solid #cccccc;
}

.plogin{
width:100%;
margin:auto;
font-size:14px;
color:#333333;
text-align:center;
padding-top:10px;
padding-bottom:20px;
}
.plogin a{
color:teal;
text-decoration:none;
} 

[data-mem]{
display:none;
}

.divpadd_login{
padding:20px;
}

.divfix_login{
position:fixed;
left:50%;
top:50%;
transform:translatex(-50%) translatey(-50%);
width:380px;
background-color:white;
max-width:calc(100% - 60px);
z-index:53;
display:none;
}

.divback_login{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100vh;
background-color:rgba(0,0,0,0.6);
z-index:51;
display:none;
}





.divbackc1{
position:fixed;
left:0px;
top:0px;
width:100%;
height:3000px;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
z-index:99;
display:none;
}
.divcartshow{
position:fixed;
left:0px;
top:0px;
width:100%;
text-align:center;
margin-top:30%;
z-index:120;

}
.divload{
width:100%;
height:110px;
background-repeat:no-repeat;
background-position:50% 50%;
background-image:url(https://image.yida-design.com.tw/fengshop/load.apng);
display:none;
}
.show{
display:inline-block;
width:220px;
background-color:#31BCAB;
color:white;
font-size:18px;
text-align:center;
margin:auto;
padding-top:10px;
padding-bottom:10px;
display:none;
}
.divcartshow img{
height:1em;
padding-right:6px;
}



.cargotext{
overflow-y:auto;
max-height:calc(100vh - 400px);
}

.face1{
width:30px;
padding-left:3px;
}


.logfree1{
display:inline-block;
padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:8px;
line-height:1em;
background-color:teal;
color:white;
font-size:14px;
border-radius:4px;
margin-bottom:8px;
margin-right:6px;
}


.acheckout{
display:block;
width:100%;
background-image:url(https://image.yida-design.com.tw/fengshop/bu_checkout.webp?n1=4);
background-size:100% 100%;
color:white;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
text-align:center;
}

.divcargo{
border-radius:4px;
box-shadow:3px 3px 3px #333333;
width:290px;
display:none;
background-color:white;
}
.divcargo img{
display:block;
margin:auto;
padding-top:6px;
padding-bottom:6px;
}

.tacargo{
width:100%;
border-bottom:2px dotted #cccccc;
}
.tdc1{
width:70px;
}
.tdc1 img{
width:100%;
}
.tdc2{
width:190px;
vertical-align:middle;
}
.tdc2 a{
display:block;
width:100%;
color:#666666;
font-size:15px;
}
.tdc3{
font-size:15px;
color:#666666;
}
.tdc3 span{
color:red;
font-size:1.2em;
}
.adel{
display:block;
width:40px;
text-align:center;
padding-top:0px;
padding-bottom:0px;
background-color:#FF3300;
color:white;
font-size:14px;
border-radius:6px;
}

.ashop{
display:inline-block;
padding-left:12px;
padding-right:12px;
padding-top:6px;
padding-bottom:6px;
line-height:1.2em;
background-color:#CA7D37;
color:white;
font-size:15px;
border-radius:0px 6px 6px 0px;
box-shadow:3px 3px 6px rgba(0,0,0,0.4);
}

.divfix_shop{
position:fixed;
left:0px;
top:80px;
}
.divfix5{
position:fixed;
left:0px;
top:160px;
}



.divpanel{
overflow:hidden;
}

.divposmh1{
position:absolute;
left:5px;
top:36px;
width:20px;
height:20px;
text-align:center;
background-color:#FF6600;
border-radius:50%;
color:white;
font-size:13px;
font-weight:bold;
display:none;
}
.divreh1{
position:relative;
left:0px;
top:0px;
}
.aca1{
display:block;
width:50px;
padding-top:3px;
padding-bottom:3px;
color:#333333;
font-size:15px;
padding-left:25px;
background-image:url(https://image.yida-design.com.tw/fengshop/icon_cart.webp);
background-repeat:no-repeat;
background-position:3px 50%;
background-size:auto 1em;
border:1px solid #cccccc;
background-color:white;
line-height:1.2em;
border-radius:0px 6px 6px 0px;
}



.divspace{
width:100%;
height:130px;
}
.divspace-back{
width:100%;
height:140px;
}
.divlist{
width:100%;
text-align:center;
transition:0.5s;
box-shadow:0px 2px 3px #cccccc;
}
.divlist-back{
width:100%;
text-align:center;
transition:0.5s;
background-color:#117FC6;
}

.at1{
display:inline-block;
padding-left:30px;
padding-right:30px;
  font-family: Noto Sans TC, sans-serif;
text-indent:0px;
font-size:16.5px;
letter-spacing:1px;
color:#666666;
color:#111111;
padding-top:10px;
text-align:left;
padding-bottom:10px;
transition:0.5s;
position:relative;
left:0px;
top:0px;
background-repeat:no-repeat;
background-size:auto 0.9em;
background-position:5px 55%;
}
.home{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_home1.webp);
}
.about{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_about1.webp);
}
.news{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_news1.webp);
}
.fish{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_fish1.webp);
}
.contact{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_contact1.webp);
}
.pro{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_pro1.webp?s1);
}

.home-back{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_home.webp?n1);
}
.about-back{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_about.webp);
}
.news-back{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_news.webp);
}
.fish-back{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_fish.webp);
}
.contact-back{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_contact.webp);
}
.pro-back{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_pro.webp);
}

.home1{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_home1.webp);
}
.about1{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_about1.webp);
}
.news1{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_news1.webp);
}
.fish1{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_fish1.webp);
}
.contact1{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_contact1.webp);
}
.pro1{
background-image:url(https://image.yida-design.com.tw/fengshop/icon_pro1.webp?s1);
}



.at1{
display:inline-block;
padding-left:30px;
padding-right:30px;
font-family: Noto Sans TC, sans-serif;
text-indent:0px;
font-size:16.5px;
letter-spacing:1px;
color:#666666;
color:#111111;
color:#FBE6AA;
padding-top:10px;
text-align:left;
padding-bottom:10px;
transition:0.5s;
position:relative;
left:0px;
top:0px;
background-repeat:no-repeat;
background-size:auto 0.9em;
background-position:5px 55%;
}



.at1-back{
display:inline-block;
padding-left:30px;
padding-right:30px;

background-repeat:no-repeat;
background-size:auto 0.9em;
background-position:5px 55%;
font-size:16px;
color:white;
padding-top:10px;
text-align:left;
padding-bottom:10px;
transition:0.5s;
position:relative;
left:0px;
top:0px;
}

.divfix{
position:fixed;
left:0px;
top:0px;
width:100%;
z-index:13;
height:auto;
background-color:black;
background-image:url(https://image.yida-design.com.tw/fengshop/back2.webp);
background-repeat:no-repeat;
background-image:url(https://image.yida-design.com.tw/fengshop/logo_rec4.jpg?n1=2);
background-position:50% 50%;
background-size:100% auto;
}

.logorec{
width:100%;
height:90px;

background-size:auto 90px;
background-position:50% 100%;
background-repeat:no-repeat;
padding-top:0px;
transition:0.5s;
margin-top:0px;
transition:0.5s;
cursor:pointer;
}
.logorec-back{
width:100%;
height:90px;
background-image:url(https://image.yida-design.com.tw/fengshop/logo_rec1.webp?n1=6);
background-image:url(https://image.yida-design.com.tw/fengshop/logo_rec4.jpg?n1=2);
background-size:auto 100%;
background-position:50% 100%;
background-repeat:no-repeat;
padding-top:10px;
transition:0.5s;
margin-top:-100px;
transition:0.5s;
cursor:pointer;
}


.br1{
width:90%;
height:1px;
clear:both;
}

.div1200{
width:1200px;
margin:auto;
}



.div1100{
width:1100px;
margin:auto;
}


body{
padding:0px;
margin:0px;
}

html{
line-height:1.5em;
padding:0px;
margin:0px;
font-size:14px;
font-family: Microsoft JhengHei;
}
a{
text-decoration:none;
}





.ulmess b{
color:red !important;
}

.ulmess li{
padding-bottom:10px;
}

.ulmess{
width:calc(100% - 20px);
margin:0px;
padding-top:10px;
margin-left:-20px;
line-height:1.4em;
font-size:14.5px;
color:#333333;
padding-bottom:10px;
}





.spempty{
display:block;
color:red;
padding:10px;
font-size:16px;
}

.num1{
width:80px;
height:30px;
font-size:18px;
text-indent:10px;
border:1px solid #cccccc;
color:#666666;
}


.divtext h3{
width:calc(100% - 0px);
padding-left:0px;
margin:auto;
font-size:30px;
color:#333333;
font-weight:700; 
line-height:1.2em;
font-family:Noto+Sans+T;
position:relative;
}


.divtext h2{
width:100%;
margin:auto;
margin-bottom:30px;
font-size:40px;
color:#FF3333;
font-weight:700; 
line-height:1.2em;
font-family:Noto+Sans+T;
}
.divtext img{
max-width:100%;
}

.divtext p{
font-size:17px;
line-height:1.8em;
color:#666666;
font-family:arial;
}
.divtext ul{
width:calc(100% - 20px);
margin:0px;
margin-left:-20px;
font-size:17px;
line-height:1.8em;
color:#666666;
font-family:arial;
}
.divtext ol{
width:calc(100% - 20px);
margin:0px;
margin-left:-20px;
font-size:17px;
line-height:1.8em;
color:#666666;
font-family:arial;
}



.divover_ntext{
overflow-x:auto;
}

.divtext table{
max-width:100%;
background-color:#cccccc;
}
.divtext td{
padding:10px;
background-color:white;
}


.imgv1{
width:calc(50% - 12px);
margin-left:0px;
margin-right:10px;
padding-bottom:8px;
padding-top:0px;
}
.imgh1{
width:100%;
padding-top:0px;
padding-bottom:8px;
}


.typeline{
width:100%;
border-top:1px solid #cccccc;
position:relative;
left:0px;
top:-1px;
z-index:20;
}

.atype{
display:block;
width:100px;
padding-top:6px;
padding-bottom:6px;
border:1px solid #cccccc;
border-bottom:1px solid white;
color:#666666;
font-size:16px;
text-align:center;
font-weight:normal;
position:relative;
margin:auto;
z-index:33;
left:0px;
top:0px;
}

.apn1 b{
color:#111111;
font-weight:700; 
display:block;
padding-bottom:3px;
line-height:1.2em;
font-family:Noto+Sans+T;
}


.apn1{
display:block;
width:100%;
font-size:15.5px;
color:#666666;
line-height:1.4em;
}


.aback1{
display:block;
width:calc(20% - 12px);
aspect-ratio:1.4;
float:left;
margin-left:2px;
margin-right:2px;
border-radius:4px;

background-size:100% 100%;
border:1px solid #cccccc;
padding:3px;
}

.acart{
display:block;
width:110px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
color:white;
font-size:16px;
background-color:#337AB7;
margin-top:10px;
border-radius:4px;
}

.price1{
font-size:1.3em;
color:#9F6F0F;
}

.tabler1{
display:table;
width:100%;
}
.trr1{
display:table-row;
}
.tdr1{
display:table-cell;
vertical-align:top;
width:50%;

padding-right:20px;
text-align:center;
}
.tdr2{
display:table-cell;
vertical-align:top;
}
.tdr1 img{
width:96%;
border:1px solid #cccccc;
border-radius:4px;
padding:3px;
}

.splogfree{
display:inline-block;
padding-top:8px;
padding-bottom:8px;
padding-left:12px;
padding-right:12px;
line-height:1em;
background-color:teal;
color:white;
font-size:15px;
border-radius:4px;
margin-bottom:8px;
}

.h2r1{
width:100%;
margin:auto;
font-weight:normal;
color:#464646;
font-size:39px;
line-height:1.2em;
border-bottom:1px solid #cccccc;
padding-bottom:10px;
padding-top:10px;
margin-bottom:12px;
font-weight:500; 
line-height:1.2em;
font-family:Noto+Sans+T;
}

.ta1{
width:100%;
font-size:15px;
color:#555555;
vertical-align:top;
min-height:30px;
}
.ta1 select{
width:160px;
height:25px;
border:1px solid #cccccc;
}
.td1{
width:70px;
}
.td2{
vertical-align:top;
}



.atop{
display:block;
border-radius:4px;
width:90px;
font-size:15px;
color:#666666;
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1px solid #cccccc;
}































.tablep1{
display:table;
width:1300px;
margin:auto;
padding-top:10px;
}
.trp1{
display:table-row;
}
.tdp1{
width:190px;
display:table-cell;
vertical-align:top;
padding-left:30px;
padding-right:60px;
}
.tdp1 img{
width:95%;
border:1px solid #cccccc;
padding:3px;
border-radius:4px;
margin-top:10px;
}
.tdp2{
display:table-cell;
vertical-align:top;
padding-right:30px;
}







@media screen and (min-width:1px) and (max-width:1260px){


.at1{
font-size:16px;
padding-right:10px;
}
.at1-back{
font-size:16px;
padding-right:10px;
}

.divgoogle{
right:10px;
}




}

@media screen and (min-width:1px) and (max-width:950px){


[data-home]{
display:none !important;
}


}

@media screen and (min-width:900px) and (max-width:1150px){


.divgoogle{
bottom:20px;
right:calc(calc(100% / 2) - 210px);
}

.awebgl{
right:calc(50vw - 300px);
bottom:33px;
}


}

@media screen and (min-width:1px) and (max-width:900px){


.divgoogle{
bottom:20px;
right:10px;
}


}

@media screen and (min-width:740px) and (max-width:900px){


.awebgl{
right:20px;
bottom:70px;
}


}

@media screen and (min-width:660px) and (max-width:800px){


.divdmg1{
height:200px;
}


}

@media screen and (min-width:460px) and (max-width:660px){


.divdmg1{
height:150px;
background-image:url(https://image.yida-design.com.tw/fengshop/dm2-21.webp);
}



.h2r1{
font-size:33px;
}


}

@media screen and (min-width:1px) and (max-width:460px){


.divdmg1{
height:100px;
background-image:url(https://image.yida-design.com.tw/fengshop/dm2-4.webp);
}



.h1{
font-size:22px;
}



.tdb1{
width:calc(100% - 60px);
margin:auto;
}


.tdb2{
width:calc(100% - 60px);
}

.qrcode1{
width:calc(50% - 12px);
}



.h2root{
font-size:24px;
padding-bottom:30px;
}

.h2root:after{
width:50px;
height:2px;
margin-top:25px;
}



.ulmess b{
font-weight:normal;
}



.h2r1{
font-size:26px;
}

.divbody_rec{
width:calc(100% - 60px);
margin:auto;
}

.tdr1{
width:320px;
margin:auto;
max-width:calc(100% - 60px);
}
.tdr2{
width:320px;
margin:auto;
max-width:calc(100% - 60px);
}


.tdp2{
width:calc(100% - 0px);

margin:auto;
padding-bottom:20px;
}




.divtext p{
font-size:16px;
}
.divtext ul{
font-size:16px;
}

.divtext ol{
font-size:16px;
}



}

@media screen and (min-width:1px) and (max-width:1100px){


.h1{
width:100%;
text-indent:20px;
}



.tableb1{
width:100%;
}



.div1100{
width:100%;
margin:auto;
}


}

@media screen and (min-width:1px) and (max-width:740px){


.h1{
text-align:center;
text-indent:0px;
}



.tableb1{
display:block;
}
.trb1{
display:block;
}
.tdb1{
display:block;

padding-left:0px;
padding-right:0px;
}
.tdb2{
display:block;
padding-left:0px;
padding-right:0px;
text-align:center;
margin:auto;
}
.pbase{
text-align:center;
}



.divspace{
height:46px;
}
.divspace-back{
height:46px;
}
.divfix{
display:none;
}
.divfix1{
display:block;
}


.divmcheck{
display:block;
}



.divline1{
display:block;
}


.face1{
display:none;
}

.divposmh1{
top:16px;   
}



.divfix5{
top:50px;
left:null;
right:0px;
}


.cargotext{
overflow-y:auto;
max-height:calc(100vh - 200px);
}


}

@media screen and (min-width:740px) and (max-width:950px){


.tdb1{
padding-right:0px;
}


}

@media screen and (min-width:460px) and (max-width:740px){


.tdb1{
width:100%;
}
.tdb2{
width:360px;
}


}

@media screen and (min-width:420px) and (max-width:740px){


.awebgl{
right:auto;
position:relative;
top:0px;
bottom:auto;
}


}

@media screen and (min-width:1px) and (max-width:420px){


.awebgl{
right:auto;
position:relative;
top:15px;
left:30px;
bottom:auto;
}



.h2n1{
font-size:34px;
margin-bottom:20px;
}

.divtext h2{
font-size:26px;
}
.divtext h3{
font-size:18px;
}


}

@media screen and (min-width:1px) and (max-width:360px){


.divsub_login a{
display:block;
width:140px;
max-width:100%;
margin:auto;
margin-bottom:6px;
padding-top:10px;
padding-bottom:10px;
line-height:1em;
text-align:center;
}


}

@media screen and (min-width:1px) and (max-width:340px){


.divcargo{
width:90%;
}
.abu1 img{
width:90%;
}
.tdc1{
display:none;
}

}

@media screen and (min-width:1px) and (max-width:1500px){


.divfix{
background-size:auto 100%;
}




}

@media screen and (min-width:1px) and (max-width:1200px){

.div1200{
width:100%;
}

}

@media screen and (min-width:1px) and (max-width:1330px){


.tablep1{
width:100%;
}




}

@media screen and (min-width:1px) and (max-width:1150px){


.tdp1{
padding-right:30px;
width:170px;
}


}

@media screen and (min-width:1000px) and (max-width:1100px){


.tdp1{
padding-left:20px;
}


}

@media screen and (min-width:1px) and (max-width:1000px){


.tablep1{
display:block;
}
.trp1{
display:block;
}
.tdp1{
display:block;
text-align:left;
margin:auto;
padding-left:0px;
padding-right:0px;
padding-top:0px;
text-align:center;
}
.tdp2{
display:block;
padding-left:0px;
padding-right:0px;
padding-top:20px;
}
.atop{
margin:auto;
}

.h2r1{
text-align:center;
}

.tdp1 img{
display:none;
}

.apn1{
border-bottom:2px dotted #cccccc;
padding-top:6px;
padding-bottom:6px;
}



.tdp1{
width:310px;
margin:auto;
max-width:calc(100% - 100px);
padding-bottom:0px;
}



}

@media screen and (min-width:460px) and (max-width:1000px){



.tdp2{
width:660px;
max-width:calc(100% - 100px);
margin:auto;
padding-bottom:20px;
}


}

@media screen and (min-width:1px) and (max-width:850px){



.tabler1{
display:block;
}
.trr1{
display:block;
}
.tdr1{
display:block;
padding-left:0px;
padding-right:0px;
}
.tdr2{
display:block;
padding-left:0px;
padding-right:0px;
}




}

@media screen and (min-width:460px) and (max-width:850px){


.tdr1{
width:390px;
margin:auto;
max-width:calc(100% - 60px);
}



.tdr2{
width:600px;
margin:auto;
max-width:calc(100% - 60px);
}


}

@media screen and (min-width:1px) and (max-width:650px){




.h2r1{
text-align:center;
}



}

@media screen and (min-width:550px) and (max-width:700px){



.divtext h2{
font-size:36px;
}
.divtext h3{
font-size:26px;
}


}

@media screen and (min-width:420px) and (max-width:550px){


.h2n1{
font-size:39px;
}


}