body{
width: 100%;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 800px){
table.container.top-header-left {
width: 726px;
}
}
@media only screen and (max-width: 736px){
table.container.top-header-left {
width: 684px;
}
img.santa-claus {
height: 236px;
}
table.ban-hei {
height: 325px;
}
}
@media only screen and (max-width: 667px){
table.container.top-header-left {
width: 645px;
}
table.nav {
width: 403px;
}
}
@media only screen and (max-width: 640px){
img.santa-claus {
height: 180px;
}
table.twelve {
width: 400px;
}
table.nav {
width: 150px;
}
/*------ top header ------ */
.header-bg{width: 440px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*----- --features ---------*/
.feature{width: 420px !important;}
.feature-middle{width: 400px !important; text-align: center !important;}
.feature-img{width: 440px !important; height: auto !important;}
.container{width: 440px !important;}
.container-middle{width: 420px !important;}
.mainContent{width: 400px !important;}
.main-image{width: 400px !important; height: auto !important;}
.banner{width: 400px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 400px !important;}
.section-img{width: 400px !important; height: auto !important;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important; line-height: 24px !important;}
.prefooter-subheader{padding: 0 10px !important; line-height: 24px !important;}
/*------- footer ------*/
.top-bottom-bg{width: 420px !important; height: auto !important;}
table.ban-hei {
height: 228px;
}
table.container-middle.navi-grid {
width: 360px !important;
}
}
@media only screen and (max-width: 568px){
table.container.top-header-left {
width: 495px !important;
}
}
@media only screen and (max-width: 480px){
/*------ top header ------ */
.header-bg{width: 280px !important; height: 10px !important;}
.top-header-left{width: 260px !important; text-align: center !important;}
.top-header-right{width: 260px !important;}
.main-header{line-height: 28px !important; text-align: center !important;}
.main-subheader{line-height: 28px !important; text-align: center !important;}
/*------- header ----------*/
.logo{width: 260px !important;}
.nav{width: 260px !important;}
/*----- --features ---------*/
.feature{width: 260px !important;}
.feature-middle{width: 240px !important; text-align: center !important;}
.feature-img{width: 260px !important; height: auto !important;}
.container{width: 290px !important;}
.container-middle{width: 260px !important;}
.mainContent{width: 240px !important;}
.main-image{width: 240px !important; height: auto !important;}
.banner{width: 240px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 240px !important;}
.section-img{width: 240px !important; height: auto !important;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important;line-height: 28px !important;}
.prefooter-subheader{padding: 0 10px !important; line-height: 28px !important;}
/*------- footer ------*/
.top-bottom-bg{width: 260px !important; height: auto !important;}
table {
width: 100% !important;
}
.gallery-img a img {
height: 134px !important;
}
.gallery-img1 a img {
height: 60px !important;
}
.gallery-img2 a img {
height: 60px !important;
}
table.container.top-header-left {
width: 422px !important;
}
.nav {
width: 147px !important;
}
.logo {
width: 160px !important;
}
a.logo-text {
font-size: 2.5em !important;
}
table.container-middle.navi-grid {
width: 399px !important;
}
table.container-middle.nav-head {
width: 350px !important;
}
td.wel-text {
font-size: 1.8em !important;
}
}
@media only screen and (max-width: 414px){
table.container.top-header-left {
width: 397px !important;
}
table.container-middle.navi-grid {
width: 372px !important;
}
}
@media only screen and (max-width: 384px){
table.container-middle.navi-grid ,table.container.top-header-left{
width: 358px !important;
}
}
@media only screen and (max-width: 320px){
table.container.top-header-left {
width: 303px !important;
}
table.container-middle.navi-grid {
width: 268px !important;
}
table.container-middle.nav-head {
width: 287px !important;
}
table.ban-hei {
height: 158px;
}
img.santa-claus {
height: 140px;
}
img.full {
width: 256px;
height: 155px;
}
a.logo-text {
font-size: 2em !important;
}
.logo {
width: 138px !important;
}
table.container-middle.navi-grid {
width: 215px !important;
}
}
艳母动漫视频||
