﻿
/*Common For Max 1199*/
@media only screen and (max-width: 1199px) {
.wp{width: 98%;}
.box-pos{padding: 10px 0px;}
.dc-asmdl1,.dc-asmdl1.dc-c2{padding: 7px 0px;}
.dc-asmdl1 dd{padding-top: 10px;}
.dc-asmdl1.dc-c2 .dc-asmdt1 h3,.dc-asmdl1 .dc-asmdt1 h3{font-size: 18px;}
.dc-asmdl1.dc-c2 dd{padding-top: 5px;}
.dimgtxtList2-m1 .txt h3 a{font-size: 16px;}
.pgx21-m3 .TAB_CLICK li span{font-size: 14px;}
.pgx21-m3 .TAB_CLICK{padding-bottom: 17px;}
.asmtxtList1-m1 span{font-size: 15px;}
.asmtxtList1 li{padding-bottom: 3px;}
.dcimgtxtList2 .txtbox h3 a{font-size: 14px;}
.dcimgtxtList2 .txtbox{padding-top: 5px; padding-bottom: 15px;}
.pgx1-m1{padding-top: 20px;}
.pgx1-m3 .dc-asmdl1{padding: 20px 0px;}
}

/*Common For Max 959*/
@media only screen and (max-width: 959px) {
.asmtxtList1 li{padding-bottom: 5px;}
.dpagepos1{padding-bottom: 10px;}
.dimgtxtList2-m1 .img{max-width: 210px;}
.dimgtxtList2 li{padding: 8px 0px;}
.dimgtxtList2-m1 .img{padding-right: 12px;}
.aList1 li{width: 50%;}
.box-so input[type="text"]{height: 35px; line-height: 34px; width: 300px; background-size: 15px auto; padding-left: 25px; background-position: 5px center;}
.box-so input[type="button"]{height: 35px; margin-left: 8px;}
.pgx1-m2{padding: 10px 0px; padding-top: 0px;}
.pgx1-m3 .dc-asmdl1{padding: 10px 0px;}
.ztList1-m1{height: 32px;}
.ztList1-m1 span{font-size: 14px;}
}

/*Common For Max 850*/
@media only screen and (max-width: 850px) {

}

/*Common For Max 767*/
@media only screen and (max-width: 767px) {
.kj1 .kj1-l{float: none; width: 100%;}
.kj1 .kj1-r{padding-left: 0px;}
.dpagepos1{padding-bottom: 0px;}
.dc-asmdl1.dc-c2 .dc-asmdt1 h3, .dc-asmdl1 .dc-asmdt1 h3{font-size: 13px;}
.dimgtxtList2-m1 .txt h3 a{font-size: 12px;}
.dimgtxtList2-m1 .txt .ct{padding-top: 6px;}
.aList1 li{width: 33.33%;}
.dc-tags1 .txt a{font-size: 13px; margin: 2px 5px;}
.pgx1-m2{padding-bottom: 5px;}
.pgx1-m3 .dc-asmdl1{padding: 8px 0px;}
.ztList1 li{padding-bottom: 10px;}
.pgx1-m1{padding-top: 10px;}
.box-so{height: auto;}
.pgx1-m2{padding-top: 10px;}


}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
.dc-asmdt1 h3{padding-bottom: 5px;}
.box-so input[type="text"]{width: 200px; height: 30px; line-height: 28px; font-size: 13px; background-size: 11px auto; padding-left: 20px;}
.box-so input[type="button"]{height: 30px; font-size: 15px; width: 75px;}

}

/*Common For Max 550*/
@media only screen and (max-width: 550px) {
.asmtxtList1-m1 span{font-size: 14px;}
.asmtxtList1 li{padding-bottom: 2px;}




}

/*Common For Max 479*/
@media only screen and (max-width: 479px) {
.pgx21-m1 p{font-size:12px;}
.dimgtxtList2-m1 .txt .ct p{font-size:12px;}
.dimgtxtList2-m1 .tt{border-bottom:0;padding-bottom:0;}
.asmtxtList1 li{padding-bottom: 2px;}
.box-pos li a,.box-pos li,.box-pos li span{font-size:12px;}
.dimgtxtList2-m1 .img{float: left; padding-right: 15px; padding-top: 10px; display: block; margin: 0 auto; max-width: 150px; margin-bottom: 5px;}
.dimgtxtList2-m1 .tt{text-align: left;}
.asmtxtList1 li{width: 100%; padding-right: 0px;}
.ztList1-m1{height: 25px;}
.dc-asmdt1 .more{font-size: 12px;}
.ztList1 li{width: auto;}
.ztList1-m1{max-width: none; min-width: 80px;}
.dc-tags1 .tt{float: none;}
.dc-tags1 .txt{padding-left: 0px;}


}

/*Common For Max 450*/
@media only screen and (max-width: 450px) {

}

/*Common For Max 400*/
@media only screen and (max-width: 400px) {
.dc-asmdl1.dc-c2 .dc-asmdt1 h3, .dc-asmdl1 .dc-asmdt1 h3{font-size: 15px;}
.dimgtxtList2 li{padding: 4px 0px;}
.pgx21-m3 .TAB_CLICK .hover span:before{width: 14px; height: 7px; bottom: -7px; margin-left: -7px;}
.pgx21-m3 .TAB_CLICK li span{height: 30px; line-height: 30px;}
.pgx21-m3 .TAB_CLICK li{width: 50%;padding-bottom: 10px;}
.pgx21-m3 .TAB_CLICK li span{max-width: none; }
.pgx21-m3 .TAB_CLICK{padding-bottom: 3px;}
.dcimgtxtList2 .txtbox h3 a{font-size: 13px;}
.dc-imgtxtList2 li{width: 50%;}
.dcimgtxtList2{max-width: none;}
.aList1 li{width: 50%;}

}

/*Common For Max 350*/
@media only screen and (max-width: 350px) {

}

/*Common For Max 300*/
@media only screen and (max-width: 300px) {

}
