/* For mobile phone start (tested on iPhone)*/
@media screen and (max-width: 480px) {
body{font-size: 120%;line-height:150%;}
a:link,a.visited,a:hover,a:active{ font-size:120%;}
body {margin-left:110px;}
#box,#footer{margin:0 auto;width:100%;}
#left-tab {display:block;}
#right-tab {display:block;}
#box_right {
         position: absolute;
         right: -95px;
         top: 180px;
         display:none;
}
#box_left {
         position: absolute;
         left: 150px;
         top: 180px;
         display:none;
}
#box_middle {width:900px;margin-left:40px;}
#box_art {width:900px;margin-left:40px;}
#related {width:900px;font-size:120%; line-height:140%;}
.font14b {font-size: 120%;line-height:180%;}
#article .art-content {width:1000px auto; font-size:200%; line-height:1.5;}
#article .art-content a {font-size: 120%;line-height:150%;}
#article .art-content table {padding-left:50px;}
#article .art-content thead th {font-size:250%; line-height:180%;}
#article .art-content tbody td {font-size:250%; line-height:180%;}
#art {width:900px;font-size: 120%;line-height:180%;}
#article h2{width:900px; font-size:120%; line-height:180%;}
#article {font-size:120%; line-height:180%;}
#article a{font-size:100%; line-height:180%;}
#article td th {font-size:150%; line-height:180%;}
.box_right_ad1 {margin-left:75px; font-size:120%; line-height:150%;}
#header .header_dl dd h1{ font-size:120%;}
#header .header_dl dd h2{ font-size:120%;}
#search .point2{ font-size:120%;}
#search .point { font-size:120%;}
.nav .nav_menu a {font-size:100%;}
#nav_on {font-size:100%;}
.menu1 {font-size:120%;line-height:150%;}
#box_right_paihang {width:900px;font-size:150%;line-height:200%;}
#box_right_paihang dt {width:900px;font-size:150%;height:50px;}
#box_right_paihang dt h1{ font-size:100%; float:left;}
#box_right_paihang dd {width:900px;font-size:150%;line-height:200%;}
#box_right_paihang dd a{width:900px; background:url(images/arrow_green.png) no-repeat 0 10px;}
}
/* Mobile Phone End*/
/* Tablet Start (tested on Samsung Galaxy Tablet)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
body{font-size: 120%;line-height:150%;}
a:link,a.visited,a:hover,a:active{ font-size:120%;}
body {margin-left:110px;}
#box,#footer{margin:0 auto;width:100%;}
#left-tab {display:block;}
#right-tab {display:block;}
#box_right {
         position: absolute;
         right: -95px;
         top: 180px;
	 display:none;
}
#box_left {
         position: absolute;
         left: 150px;
         top: 180px;
         display:none;
}

#box_middle {width:900px;margin-left:40px;}
#box_art {width:900px;margin-left:90px;}
.font14b {font-size: 150%;line-height:180%;}
#related {width:800px;font-size:120%; line-height:140%;}
#article {width:800px;font-size:120%; }
#article h2{ width:800px; float:left; font-size:200%;line-height:1.5;color:#333333; }
#article a{font-size:120%; line-height:100%;}
#article .art-time {width:800px;}
#article .art-content {width:1000px auto;font-size:200%; line-height:1.5;}
#article .art-content table {padding-left:50px;}
#article .art-content thead th {font-size:180%; line-height:180%;}
#article .art-content tbody td {font-size:180%; line-height:180%;}
#article .art-content #note { font-size:90%; margin-top:5px; line-height:1.5;}
#article .art-content a {font-size:120%;line-height:100%;}
.box_right_ad1 {margin-left:75px; font-size:120%; line-height:150%;}
#header .header_dl dd h1{ font-size:120%;}
#header .header_dl dd h2{ font-size:120%;}
#search .point2{ font-size:120%;}
#search .point { font-size:120%;}
.nav .nav_menu a {font-size:100%;} 
#nav_on {font-size:100%;} 
.menu1 {font-size:120%;line-height:150%;} 
#box_right_paihang {width:900px;font-size:140%;line-height:200%;} 
#box_right_paihang dt {width:900px;font-size:140%;height:50px;} 
#box_right_paihang dt h1{ font-size:160%; float:left;}
#box_right_paihang dd {width:900px;font-size:180%;line-height:200%;} 
#box_right_paihang dd a{width:900px; background:url(images/arrow_green.png) no-repeat 0 10px;}
.rating	{width:700px;}
.tab-tr	{width:700px;}
.rate-count	{font-size:80%;}
.like-count, .dislike-count {margin-top:10px;font-size:80%;}
.cmt-container	{margin-bottom:50px;}
.thecom	{width:900px;min-height:50px;}
.thecom	h5 {font-size:80%;line-height:100%;}
.thecom	.com-dt {font-size:80%;}
.thecom	p {margin-top:5px;margin-bottom:10px; width:900px; font-size:80%;line-height:120%;}
.new-com-bt span{margin:10px;font-size:80%;line-height:100%;}
.new-com-bt {font-size:80%;height:70px;}
}


@media screen and (orientation: landscape) {
	body {margin-left:100px;}
}