@media screen and (max-width:480px) {
body {background:url(../images/bg_phone.png) repeat-x top center #f6f6f6;}
.container_content {width:97%; margin:auto; font-size:1.2rem; text-align:left; clear:both;}
/* header */
.header_logo {width:100%; float:left; text-align:center;}
.header_nav {width:100%; float:left;}
.header_nav ul {margin-top:0rem; text-align:center;}
.header_nav ul li a {display:block; background-image:none; height:2rem;}
.header_nav ul li a span {display:block;}
.user_toolpanel { height:auto;}
.user_nav {width:100%; float:left; text-align:center;}
.user_search {width:100%; float:left; text-align:center;}


/* banner */
.banner a {width:auto; padding:.8rem; background:#FFF; display:block; margin:0 auto;}
.banner a:hover {background:#EEE;}
.banner a img {width:100%}




/* website_home */
.photo_focus {width:95%; float:none; margin-left:0;}
.content1_li {float:left; width:94%; height:34rem; padding:1%; margin-bottom:1rem; background:#FFF; list-style-type:none;}
.content2_li {float:left; width:92%; height:30rem; margin:1rem auto; padding:4%; background:#FFF; list-style-type:none; -moz-border-radius:0.4rem; -webkit-border-radius:0.4rem; border-radius:0.4rem;}
.container_hometabs {padding:0rem; background:none; width:100%;}

.banner {display:none;}
.content3 {display:none;}






/* website_baby */
.baby_focus {display:none;} 
.encyclopedia {float:none; width:92%; padding:1rem; margin-left:.3rem;}
.banner {display:none;}
ul.pregnant_list>li {width:27rem; height:31rem;}
ul.pregnant_list .part_symbol {float:left; width:6rem; height:12rem; margin-right:1rem;}
ul.edu_list>li {width:27rem; height:31rem;}
ul.edu_list .part_symbol {float:left; width:6rem; height:12rem; margin-right:1rem;}





/* website_baby2 */
.babypart_hot {display:none;}
.babypart {width:97%; margin-left:1rem;}
.babypart_li {width:auto; padding:0 2%;}
.babypart_li .title {width:70%;}
ul.babypart_interactive>li {width:90%; height:36rem;}






/* website_softpage */
.soft_content2 {display:none;}
.soft_content5 {width:98%;}
.soft_content5 li {font-size:1.2rem;}
.softpacklist_state2 {width:28%;}
.soft_content5 li .softpacklist_name {width:32%}
.soft_content5 li .softpacklist_state1 {width:24%}
.soft_content5 li .softpacklist_state2 {width:24%}
.soft_content5 li .softpacklist_button1 a {width:4rem;}
.soft_content5 li .softpacklist_button2 a {width:4rem;}




/* website_list */
.webiste_list li {height:auto;}
.website_list_photo {width:4.5rem; height:2.2rem; padding:0.3rem; background:#FFF; float:left;}
.website_list_title {width:auto; height:auto; text-align:center; background:#ffaa00; padding:.6rem; font-weight:bold; text-overflow:ellipsis; word-wrap:break-word;}
.website_list_arrow {display:none;}
.website_list_intro {float:left; width:100%; height:9rem; padding:1rem 1rem 1rem 0rem; text-overflow:ellipsis; word-wrap:break-word;}
.website_list_detail {display:none;}

/* breadcrumbs */
.breadcrumbs {display:none;}

/* tabs */
.cssTabs a {width:3.5rem;}
}





@media screen and (min-width:481px) and (max-width:799px) {
body {background:url(../images/bg_phone.png) repeat-x top center #f6f6f6;}
.container_content {width:98%; margin:auto; font-size:1.2rem; text-align:left; clear:both;}
/* header */
.header_logo {width:100%; float:left; text-align:center;}
.header_nav {width:100%; float:left;}
.header_nav ul {margin-top:0rem; text-align:center; margin-left:1rem}
.header_nav ul li a {display:block; background-image:none; height:2rem;}
.header_nav ul li a span {display:block;}
.user_toolpanel { height:auto;}
.user_nav {width:50%; float:left; }
.user_search {width:50%; float:left; text-align:right;}


/* banner */
.banner a {width:auto; padding:.8rem; background:#FFF; display:block; margin:0 auto;}
.banner a:hover {background:#EEE;}
.banner a img {width:100%}




/* website_home */
.photo_focus {width:95%; float:none; margin-left:0;}
.content1_li {float:left; width:40%; height:34rem; margin:1% 2%; padding:1% 3%; background:#FFF; list-style-type:none;}
.content1_symbol {display:none;}
.content1_li h3 {display:none;}
.content2_li {float:left; width:43%; height:30rem; margin:1%; padding:2%; background:#FFF; list-style-type:none; -moz-border-radius:0.4rem; -webkit-border-radius:0.4rem; border-radius:0.4rem;}
.container_hometabs {padding:0rem; background:none; width:47%;}

.content3 {display:none;}






/* website_baby */
.baby_focus {display:none;}
.encyclopedia {width:18rem;}
.encyclopedia_list_photo {width:17rem; height:8.8rem; padding:.5rem; background:#fff;}
ul.pregnant_list>li {width:94%; height:20rem;}
ul.pregnant_list .part_symbol {float:left; width:8%; margin-right:1rem;}
ul.pregnant_list li hgroup {width:14rem; margin-right:2rem;}
ul.pregnant_list li ul {width:auto;}
ul.edu_list>li {width:94%; height:20rem;}
ul.edu_list .part_symbol {float:left; width:8%; margin-right:1rem;}
ul.edu_list li hgroup {width:14rem; margin-right:2rem;}
ul.edu_list li ul {width:auto;}




/* website_baby2 */
.babypart_hot {display:none;}
.babypart {width:97%; margin-left:1rem;}
.babypart_li {width:16rem; padding:0 5%;}
ul.babypart_interactive>li {width:45%; height:36rem;}





/* website_softpage */
.soft_content2 {width:18rem; font-size:1.4rem;}
.soft_content5 li {font-size:1.2rem;}
.softpacklist_state2 {width:28%;}
.softpacklist_button1 a, .softpacklist_button2 a {width:5rem; font-size:1.2rem;}





/* website_list */
.webiste_list li {height:11rem;}
.website_list_photo {float:left; width:19rem; height:10rem; padding:0.5rem; background:#FFF;}
.website_list_title {width:auto; height:1.5rem; text-align:center; padding:.6rem; background:#ffb92e; font-weight:bold;}
.website_list_arrow {display:none;}
.website_list_intro {width:auto; height:7.5rem; padding:1rem 1rem 1rem 0rem; text-overflow:ellipsis; word-wrap:break-word;}
.website_list_detail {display:none;}

/* breadcrumbs */
.breadcrumbs {padding:0.2rem 1rem; width:96%}

/* tabs */
.cssTabs a {width:4rem;}
}





@media screen and (min-width:800px) and (max-width:1023px) {
body {background:url(../images/bg_pad.png) no-repeat top center #f6f6f6;}
.container_content {width:99%; margin:auto; font-size:1.2rem; text-align:left; clear:both;}
/* header */
.header_logo {width:30%; float:left;}
.header_nav {width:70%; float:left;}
.header_nav ul {margin-top:2.1rem; text-align:right;}
.header_nav ul li a {display:block; background-image:url(../images/nav.png); background-size:350px; background-repeat:no-repeat; height:3.6rem; margin-left:2rem}
.header_nav ul li a span {display:none;}
.user_toolpanel { height:auto;}
.user_nav {width:50%; float:left; }
.user_search {width:50%; float:left; text-align:right; margin-top:0.2rem;}


/* banner */
.banner a {width:auto; padding:.8rem; background:#FFF; display:block; margin:0 auto;}
.banner a:hover {background:#EEE;}
.banner a img {width:100%}




/* website_home */
.content1_li {float:left; width:42%; height:34rem; margin:1% 2%; padding:1%; background:#FFF; list-style-type:none;}
.content2_li {float:left; width:43%; height:30rem; margin:1%; padding:1.5%; background:#FFF; list-style-type:none; -moz-border-radius:0.4rem; -webkit-border-radius:0.4rem; border-radius:0.4rem;}
.container_hometabs {padding:0rem; background:none; width:46%;}





/* website_baby */
ul.pregnant_list>li {width:30%; height:34rem;}
ul.pregnant_list .part_symbol {float:left; width:14%; margin-right:1rem; height:30rem;}
ul.pregnant_list li hgroup {width:14rem;}
ul.pregnant_list li ul {width:auto;}
ul.edu_list>li {width:30%; height:34rem;}
ul.edu_list .part_symbol {float:left; width:14%; margin-right:1rem; height:30rem;}
ul.edu_list li hgroup {width:14rem;}
ul.edu_list li ul {width:auto;}



/* website_baby2*/
.babypart {width:48%;}
.babypart_li {width:16rem;}
.babypart_hot_photo {width:42%;}
.babypart_hot_intro {width:42%;}







/* website_list */
.webiste_list li {height:11rem;}
.website_list_photo {float:left; width:19rem; height:10rem; padding:0.5rem; background:#FFF;}
.website_list_title {float:left;width:24rem; height:9rem; padding:1rem; background:#ffb92e; font-weight:bold;}
.website_list_arrow {border:9px solid #000; border-color:transparent transparent transparent #ffb92e; float:left; margin:3rem 0;}
.website_list_intro {width:auto; height:9rem; padding:1rem 1rem 1rem 0rem; text-overflow:ellipsis; word-wrap:break-word; border-right:solid 1rem #ffaa00;}

/* breadcrumbs */
.breadcrumbs {padding:0.2rem 1rem; width:96%}

/* tabs */
.cssTabs a {width:5rem;}
}






@media screen and (min-width:1024px) {
body {background:url(../images/bg_desktop.png) no-repeat top center #f6f6f6;}
.container_content {width:100rem; margin:auto; font-size:1.2rem; text-align:left; clear:both;}
/* header */
.header_logo {width:30%; float:left;}
.header_nav {width:70%; float:left;}
.header_nav ul {margin-top:2.1rem; text-align:right;}
.header_nav ul li a {display:block; background-image:url(../images/nav.png); background-size:350px; background-repeat:no-repeat; height:3.6rem; margin-left:3rem;}
.header_nav ul li a span {display:none;}
.user_toolpanel { height:auto;}
.user_nav {width:50%; float:left; }
.user_search {width:50%; float:left; text-align:right; margin-top:0.2rem;}


/* banner */
.banner a {width:96.5rem; padding:.8rem; background:#FFF; display:block; margin:0 auto;}
.banner a:hover {background:#EEE;}
.banner a img {width:100%}






/* website_home */
.content1_li {float:left; width:21rem; height:34rem; margin:1rem; padding:1rem; list-style-type:none;}
.content2_li {float:left; width:20rem; height:30rem; margin:1rem; padding:1.5rem; background:#FFF; list-style-type:none; -moz-border-radius:0.4rem; -webkit-border-radius:0.4rem; border-radius:0.4rem;}
.container_hometabs {padding:0rem; background:none; width:23rem; height: 33rem;}




/* website_baby */
ul.pregnant_list>li {width:30%; height:34rem;}
ul.pregnant_list li hgroup {width:14rem;}
ul.pregnant_list li ul {width:auto;}
ul.edu_list>li {width:30%; height:32rem;}
ul.edu_list li hgroup {width:14rem;}
ul.edu_list li ul {width:auto;}




/* website_list */
.webiste_list li {height:11rem;}
.website_list_photo {float:left; width:19rem; height:10rem; padding:0.5rem; background:#FFF;}
.website_list_title {float:left;width:28rem; height:9rem; padding:1rem; background:#ffb92e; font-weight:bold; font-size:1.4rem;}
.website_list_arrow {border:9px solid #000; border-color:transparent transparent transparent #ffb92e; float:left; margin:3rem 0;}
.website_list_intro {width:auto; height:9rem; padding:1rem 1rem 1rem 0rem; text-overflow:ellipsis; word-wrap:break-word; border-right:solid 1rem #ffaa00;}

/* breadcrumbs */
.breadcrumbs {padding:0.2rem 1rem; width:96%}


/* tabs */
.cssTabs a {width:6rem;}





}