@media (max-width: 980px) {
img {
	max-width: 100%;
	height: auto;
}
#container {
	min-width: 100%
}
#header h1 {
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
}
#header .inner .headerBox {
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
}
#header p.logo {
	width: 40%;
}
#header .photoBox {
	width: 60%;
}
#gNavi ul {
	width: 100%;
	height: auto;
}
#gNavi ul li {
	width: 14.2%;
}
#gNavi ul li a {
	width: 100%;
	font-size: 9px;
	padding-right: 0px;
}
#gNavi ul li.navi02 a,
#gNavi ul li.navi03 a,
#gNavi ul li.navi04 a,
#gNavi ul li.navi02 a:hover,
#gNavi ul li.navi03 a:hover,
#gNavi ul li.navi04 a:hover {
	width: 100%;
}
#pagePath .pageBox {
	width: 100%;
}
#mainwide {
	width: 100%;
}
#topmain {
	padding: 0px;
	width: 96%;
	margin-top: 2em;
	margin-right: 2%;
	margin-left: 2%;
}
#topconts .topsection,.topsideBar2 {
	width: 48%;
}
#topconts .topsection img,.topsideBar2 img {
	width: 100%;
	height:auto
}
#topsideBar {
	width: 38%;
}
.n_box {
	width: 100%;
}
#footer div.nest ul.sitemap {
	width: 100%;
	font-size: 1.1em;
}
#footer div.nest ul.sitemap li.segment1,
#footer div.nest ul.sitemap li.segment2,
#footer div.nest ul.sitemap li.segment3,
#footer div.nest ul.sitemap li.segment4,
#footer div.nest ul.sitemap li.segment5,
#footer div.nest ul.sitemap li.segment6 {
	width: 16.6%;
}
#footer .topLinkArea .topLink {
	width: 100%;
}
#footer .footerConts .inner {
	width: 100%;
}
#mainoffice,#mainit,#mainec,#mainmallup,#mainweb,#mainoverseas,#maincontact,#maincorp,#mainpolicy,#mainsitemap {
	width: 100%;
	padding: 0px;
	moz-background-size: 50% auto;
	background-size: 50% auto;
}
#conts {
	width: 68%;
	margin-top: 25px;
	margin-right: 2%;
}
#conts .section .Box {
	width: 100%;
	float: none;
}
#conts .section .Box .leftImg {
	width: 20%;
}
#conts .section .Box .rightArea {
	width: 80%;
}
#conts .section .bar {
	width: 94%;
}
#conts .section .rightBox {
	width: 100%;
	margin-top: 1em;
}
#conts .section .rightBox2 {
	width: 58%;
}
#conts .banner p {
	width: 45%;
	font-size: 1em;
}
#sideBar {
	width: 27%;
	margin-left: 2%;
}
#sideBar #cateinfo {
	margin-top: 25px;
}
#sideBar .contact {
	width: 86%;
	height: auto;
}
#conts .section .box-l,#conts .section .box-r {
	width: 32.2%;
}
#conts .section .box-l img,#conts .section .box-r img {
	width: 100%;
}
#conts .section .bar2 {
	width: 95%;
	font-size: 1.2em;
}
.point p {
	width: 57%;
}
#conts .section .mall .photo {
	margin-right: 0px;
}
#conts .section .photo2 {
	width: 60%;
	margin-left: 0px;
}
.f-right,.f-left {
	width: 49%;
}
#conts .section .bar3 {
	width: 90%;
}
.point2 p {
	width: 100%;
}
table.voservices {
	width: 100%;
}
.dataPage dl dt {
	width: 20%;
}
.dataPage dl dd {
	width: 80%;
}
.banner .btn {
	float: right;
	width: 46%;
}
#sideBar .contact .btn {
	width: 90%;
}
#conts div.section ul.sitemap li.segment1,
#conts div.section ul.sitemap li.segment2,
#conts div.section ul.sitemap li.segment3,
#conts div.section ul.sitemap li.segment4,
#conts div.section ul.sitemap li.segment5,
#conts div.section ul.sitemap li.segment6 {
	width: 100%;
}
#sideBar #cateinfo {
	width: 85%;
}
#conts .mainImage p.enTitle span {
	font-size: 40px;
}
#conts .mainImage p.mainText {
	font-size: 11px;
}

}
@media (max-width: 650px) {
#topconts {
	float: none;
	width: 100%;
}
#topconts .topsection, .topsideBar2 {
	float: none;
	width: 100%;
	margin-top: 2em;
}
#topsideBar {
	float: none;
	width: 100%;
	margin-top: 2em;
}
#gNavi {
	background-image: none;
	background-color: #090;
	height: auto;
}

#gNavi ul li.navi01 a:hover {
	background-image: none;
}
#gNavi ul li {
	width: 100%;
	float: none;
}
#gNavi ul li a {
	font-size: 14px;
	padding-left: 0px;
}
#gNavi ul {
	background-color: #666;
}

#footer div.nest ul.sitemap li.segment1, 
#footer div.nest ul.sitemap li.segment2,
#footer div.nest ul.sitemap li.segment3, 
#footer div.nest ul.sitemap li.segment4,
#footer div.nest ul.sitemap li.segment5, 
#footer div.nest ul.sitemap li.segment6 {
	width: 50%;
	margin-top: 1em;
}
#footer .nest {
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
}
#gNavi ul li.navi02 a:hover,
#gNavi ul li.navi03 a:hover,
#gNavi ul li.navi04 a:hover,
#gNavi ul li.navi05 a:hover,
#gNavi ul li.navi06 a:hover,
#gNavi ul li.navi07 a:hover {
	background-image: none;
}
#gNavi ul li:hover {
	background-color: #999;
}
#header p.logo {
	float: none;
	width: 100%;
}
#header p.logo img {
	width: 50%;
}
#header .photoBox {
	width: 100%;
}
#header .photoBox .subBox {
	float: none;
}
#mainoffice,
#mainit,
#mainec,
#mainmallup,
#mainweb,
#mainoverseas,
#maincontact,
#maincorp,
#mainpolicy,
#mainsitemap {
	background-image: none;
}
#conts {
	float: none;
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
}
#sideBar {
	float: none;
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
}
#sideBar .padtop {
	padding-top: 2em;
}
#sideBar #cateinfo {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#conts .section .bar,#conts .section .bar2 {
	background-image: none;
	height: auto;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	width: 100%;
}
#conts .section .bar:before,#conts .section .bar2:before {
	content: "● ";
	background-image: none;
	padding: 0px;
	height: auto;
}
#conts .section .otitle h2,
#conts .section .ittitle h2,
#conts .section .ectitle h2,
#conts .section .ofctitle h2 {
	font-size: 1.6em;
}
#conts .section .mall .photo {
	float: none;
}
#conts .section .rightBox2 {
	float: none;
	width: 100%;
}
#conts .mainImage p.enTitle {
	font-size: 14px;
}
#conts .section .bar {
	width: 100%;
	font-size: 13px;
}
#conts .banner {
	padding: 1em;
	height: auto;
}
#conts .banner p {
	padding: 10px;
	width: 93%;
	font-size: 1.2em;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
#conts .section {
	margin-top: 2em;
}
.banner .btn {
	text-align: center;
	float: none;
	width: 100%;
}
#sideBar .contact {
	width: 100%;
}
#conts .section .ittitle .h2img {
	width: 97% !important;
	padding-right: 0px;
}
.photo img,.contact img {
	height: auto;
	width: 100%;
}
.point p {
	float: none;
	width: 100%;
}
.point img {
	margin-top: 1em;
	float: none;
	width: 100%;
	margin-bottom: 2em;
}
#conts .section .ectitle .h2img {
	width: 97% !important;
	padding-right: 0px;
}
#conts .section .box-l,#conts .section .box-r {
	width: 100%;
	margin-right: 0px;
}
#conts .section .box-l {
	margin-bottom: 2em;
	padding-bottom: 0px;
}
#conts .section .box-r {
	padding-bottom: 0px;
}
.f-right,.f-left {
	width: 100% !important;
	float: none;
}
#conts .section .photo2 {
	float: none;
	width: 100%;
	margin-top: 1em;
}
.dataPage dl dt,.dataPage dl dd {
	float: none;
	width: 100%;
}
.dataPage dl dt {
	margin-bottom: 0px;
}
.dataPage dl {
	font-size: 11px;
}
.dataPage dl dd textarea {
	width: 98%;
}
#conts .section .rightBox p {
	word-wrap: break-word;
}
#conts .section .mallList ul li {
	width: 100%;
}
#conts .section .bar3 {
	font-size: 1.4em;
}
.oversea-table,.eye-table {
	overflow-x: scroll;
}
table.voservices {
	width: 715px;
}
#sideBar .bannerBox img {
	width: 100%;
}
.faceBook iframe {
	width: 100% !important;
}
#conts .section .Box .leftImg {
	display: none;
}
#conts .section .Box .rightArea {
	width: 100%;
	margin-bottom: 40px;
}
#conts .section .Box {
	margin-bottom: 0px;
}
#conts .section .frame {
	padding: 1em;
}
.mb20 {
	margin-bottom: 0px !important;
}
#conts .section .ofctitle .h2img {
	width: 97%;
	padding-right: 0px;
}
embed {
	width: 100%;
}
#conts .section .bgBox {
	padding: 1em;
}
#conts .price ul li span {
	font-size: 1.2em;
}
#conts .mainImage p.enTitle span {
	font-size: 25px;
}
#message .photo {
	float: none;
	width: 100%;
	margin-left: 0px;
}
#conts .section .otitle .h2img {
	width: 97% !important;
	padding-right: 0px;
}

.nav-collapse li {
	display: block;
	width: 100%;
}
.historyPage dl,.historyPage dd dd,.historyPage dd {
	width: 100%;
}

#topconts .topsection {
	display: none;
}

.nav-toggle {
	text-align: left;
}
#header .topBox {
	float: right;
	width: 48%;
}

}