@media (max-width: 1300px){
  #header{    background-size: 20% 30px;}
  }
@media (max-width: 1200px){
  .menu-section ul li img{height:17px;}
.externallink div {
    width: 170px !important;}
  .top-search .col-sm-8{padding-right:0;}
#footer .container{padding-left:15px;}  
.appeal{    padding: 2% 5%;}  
.press  p a{    font-size: 13px; font-weight: bold;}
.project li{margin-right: 14px;}
.project li img{width:100%;}
.services li {width: 19%;} 
.services {  padding: 30px 15px ;}
.menu-section ul li {padding: 8px 10px;}
.home-row03 .home-banner img{width:100% !important;}
#nav .container-fluid {max-width: 970px;}
.home-row03 .bg-rule { height: 155px;     padding: 0;background-size: 35%;}
.bg-rule h2 {margin-bottom: 10px; font-size: 22px;}  
.project li img {width: 100%;}
.homecontent01 .nav-tabs > li > a, 
.home-notice h3, 
#nav .dropdown-menu > li > a, 
#nav .navbar-nav .dropdown-menu h3 {
	font-size: 18px;
	padding:10px 10px ;
	}
#nav .nav > li > a {
	position: relative;
	display: block;
	padding:5px 25px;
	}
#nav .navbar-default .navbar-nav > li > a{font-size: 20px;}
 .t-footer, 
.footer-menu ul li a, .footer-mainmenu ul li a, #nav .dropdown-menu .sub-menu li a {font-size: 18px;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-right: 10px;}
.news-detail-right {
	float: left;
	width: 55% !important;
	padding-left: 20px !important;
}
.project li {
	float: left;
	display: block;
	padding: 0;
	margin-right: 9px !important;
	margin-right: 20px\9;
	width: 32%;
}
.col-sm-10.left-detail-content {
	width: 76%;
	margin-right: 27px;
}

.content-themb ul li{margin: 0 23px 22px 0;}
.home-segment .home-border{margin: 20px 10px;}
.home-business{font-size: 20px;}
.home-news ul {height:158px; overflow: hidden;}
.press {
	background: #f4580d;
	color: #fff;
	padding: 9px 16px;
	}
.press .press-center {font-size: 16px;}
.services{padding: 13px 15px; }
.services li{width:19%;    display: inline-flex; }
.home-row04 ul li a span{font-size: 18px;}
.list-rule ul li a{max-height: 16px;}
.press .day-left, .press .day{font-size:11px; padding-right: 5px;}
.footer-menu .list-inline > li {
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
}
.home-row03 .home-banner, .home-row03 .bg-pink{ height:auto;}
.bg-rule h3{ font-size:26px;}
.t-footer{ width:70%;}
}
@media (max-width: 1024px){
  .bg-pink ,.bg-rule{  height: 180px;}
}
@media (max-width: 991px){
  .menu-section ul li a{font-size:18}
 .youtubegroup .col-sm-3.youtubeitemlist{    width: 33.33333333%;}
  .appeal .text a{    display: initial;}
 .home-row01 .homecontent01 .nav-tabs > li > a{     font-size: 15px; padding: 10px 5px;}
.check-purchase2f .radio{ width:100%;}
.check-purchase2f .radio label{ padding-left:20px;}
.footer02 .col-sm-3{padding-right:0;}
.left-detail-content .tab-content2f .tabs-menu li{ width:33.3%;} 
#footer .container{padding-left:0;}    
.home-row03 .bg-rule{height:120px;} 
.top-right {padding-top:40px;}
.board h1{font-size:26px;}
.board h2{font-size:24px;}
.board h3{font-size:22px;}
.borderimg{width:100%;}
.submenu > ul > li{ width:50%;}
.submenu ul li a{font-size:18px;}
.footer-dropdown .form-control{margin-top:8px;}
.top-left a img {max-width: 100%;}
.menu-section ul li {padding: 11px 5px;}

.homecontent01 .nav-tabs > li > a{padding: 10px 5px ; font-size:16px;}
.homecontent02-box1 h2{    font-size: 22px;}
.thumbnail-news{ width: 50%;height: 120px;}
.news-detail {width: 45%;padding-left: 15px;    }
.block-new-right .thumbnail-news{ width:110px;}
.project li{    margin-right: 12px !important;}
/*.list-rule ul li{height:30px;}*/
#nav .container-fluid{max-width:750px;}
.press .detail {padding: 0;margin-bottom: 5px;}
.appeal{padding:5px;}
.press p.day{height:auto;}
.home-row04 ul li a span {
	font-size: 16px;
	height: 32px;
	display: block;
	}
.press{padding:10px;}
.press p {
	margin-bottom: 0;
	height: 39px;
	overflow: hidden;
	}
#nav .navbar-default .navbar-nav > li:first-child > a{background-image:none;}
#nav .nav > li > a {
	position: relative;
	display: block;
	padding: 5px 12px;
	}
.home-notice h3, #nav .dropdown-menu > li > a, #nav .navbar-nav .dropdown-menu h3 {
	font-size: 18px;
	padding: 5px 0;
	}
.col-sm-10.left-detail-content {
	width: 75%;
	margin-right: 28px;
	}
.law-list-bg .col-sm-3,.law-list-bg .col-sm-8, .law-list-bg .col-sm-12 {padding: 0}	
.law-list .contenttab .nav-tabs>li>a{padding: 2px 20px 0 0;}
.content-themb ul li{margin: 0 18px 18px 0;}
.home-segment{font-size: 20px;}
.home-segment .home-border{
	margin: 20px 7px;
	padding: 0 10px;
	}
.home-business .right-box1 {width: 57%;}
.home-business .right-box2 {width: 30%;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-right: 0;}
.list-inline{margin-left: -12px;}
.homecontent02-box1 h2{font-size: 18px;}
.boxlink{top: 20%; right: 4%;  width: 57%; font-size: 18px;}
.bg-call{margin-top: 64px;}
.bg-call img{width:55%;}
.appeal .img{margin-left: 0;    margin-right: 5px;margin-top: 0;}
.appeal img{width:100%;}
.appeal .text{margin: 0 0 0 6px; font-size: 16px;}
.project{margin-left: -5px;}
.project li{width: 31.1%;}
.bg-rule h2{font-size:20px; margin-bottom: 0px;}
.services li {width: 18%;     display: inline-flex;}
.home-row04 h3{ font-size:20px;}
.footer01 h3{ font-size:18px;}
}
 @media (max-width:768px) {
    .home-news .list-tab li a {width:65%;}
    .home-news .list-tab li span { width:34%; }
    .home-news .list-tab li span a {padding-left:10px;}
  }
@media (max-width: 767px){ 
  .list-rule ul{width:70%;}
  .menu-section{    border-bottom: 1px solid #ccc;}
  .top-search{margin-top:0 !important;}
  .home-news.newscomment .list-tab span.purlistright {padding-left:10px;position: relative; text-align: left !important;}
  .block-new-right .thumbnail-news {width: 40%;}
  .home-news .list-tab li a {width: 100%;}
  .bg-pink, .bg-rule { height: auto;}
  .home-news.newscomment .list-tab span.purlistright{text-align:right;}
  .home-news.newscomment .more-tab {bottom: 10px;}
  .home-news.newscomment .list-tab ,.home-news ul{ height: auto;}
  .bannerfooterright{overflow:hidden;}
  .externallink div {
    width: 0.7% !important;
    margin-right: 15px !important;
}
  .home-row03{padding-botttom:0;}
  .home-banner a{margin-bottom:20px;    display: block;}
  .home-row02 .col-sm-3.nopaddingright4 {
    padding-right: 15px;
}
  .home-row02 .bx-wrapper {
    margin: 0 auto 20px;
}
  .project-banner2f a,.bg-pink{margin-bottom:20px;}
  .bannerfooterright img {
     width: 205px !important;
    height: 70px !important;
    margin: 20px 0 0 15px;
    display: block;
}
   .youtubegroup .col-sm-3.youtubeitemlist{    width: 50%;    float: left;}
  .home-row01 .homecontent01 .nav-tabs > li > a{text-align: center;}
  .top-search{border-bottom:none;}
  .menu-section .border-right {
    border: 1px solid #ccc;
    margin-bottom: -1px;
    background-color: #fff;
    margin-right: -5px;
}
  .menu-section ul li {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
}
  .menu-section ul li a {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    text-align: left;
}
    .top-search{width:100%;overflow:hidden;}
  .top-search .col-sm-8 {
    padding: 0;
}
 .menu-section ul li {padding: 8px 5px;}
  .menu-section ul li img{  margin-right:10px;  display: inline-block;} 
.contact{    padding: 20px 0;}
  .content-gallery2f  iframe{display:none;}
 .downloadefile{    position: relative !important;} 
  .share-block{    text-align: left;}
  .Calendar{margin-bottom:20px;}
  .t-footer{margin-bottom:10px;}  
 .right-detail-content .block-img img{width:100%;}
 .right-detail-content .block-img.social img{width:auto;}
.law-list .detail{width:100%;}
 .contact-map{height:auto !important;}
 .left-detail-content, .right-detail-content {float: left;width: 100%;}  
.top-search .nopaddingright4 {padding-right: 0;}
.home-segment{margin:0 !important;}  
.top-search,.segment-text { height: auto !important;} 
#nav .navbar-default .navbar-nav > li > a{font-weight: lighter !important;}
.contenttab .detail .col-sm-8 a{margin-bottom:10px;}
 .check-ep{ margin-bottom:20px;}   
 .contenttab .detail .col-sm-8 a{margin-bottom:10px;}
.top-search .nopaddingright4 {padding-right: 0;}
.list-rule ul li a{padding-left:0;}  
.home-row04 ul li a span {font-size: 20px;}  
.footer-menu{margin-bottom:10px;}  
.t-footer{width:100%;}  
.footer-dropdown{float:left;}  
#footer .container{padding-left:15px;}  
.bg-rule h2{margin-bottom:10px;}
.yamm .yamm-content{border-bottom: 5px solid #fff;}  
#nav .navbar-nav .dropdown-menu .headermenu{ display:none; font-size: 20px; padding-top: 10px;    margin-bottom: 0;}  
#nav  .navbar-nav{margin:0;}
#nav  .navbar-collapse{padding:0;}
.col-sm-3.right-detail-content{    padding-left: 0;margin-left: 0 !important;}
.img-menu{display:none;}
.img-board-detail img{margin-bottom:20px;}
.footer-visitor{text-align: center;}
.footer-mainmenu { text-align: center;margin-bottom: 10px;}
.press p,.press p.day{text-align: center; height:auto;}
.home-row04 iframe{ height:300px;}
.homecontent02{ height:auto;}
.news-detail-right,.news-detail{margin-top: 15px;}
.home-row03 .home-banner, .home-row03 .bg-pink, .home-row03 .bg-rule{    height: auto;}
.home-row04 iframe{ margin-bottom:20px;}
.services {padding: 15px 15px !important;}  
.services li { width: 17%; margin-bottom:10px;}  
.col-sm-3.right-detail-content{width:100% !important;padding-right: 0;}
#nav .navbar-nav{width:100%;}
#nav .navbar-default .navbar-nav > li > a{border-right:none; font-weight:lighter;}

.nopaddingright {padding-right: 15px;}
.nopaddingright4 {padding-right: 0px;}
.home-row01 .nopaddingright4, .home-row02 .nopaddingright4, .home-row03 .nopaddingright4, .home-row04 .nopaddingright4, .homecontent08 .nopaddingright {
padding-right: 15px;
}
.top-right {
	padding-top: 10px;
	margin-bottom: 10px;
}
.navbar-toggle {border: none;}
#nav .navbar-toggle {padding: 3px 4px;}
#nav .container-fluid {padding-left: 15px;padding-right: 0;}
#nav .navbar-header {display: block;}
#nav .navbar-default .navbar-toggle {border: none;}
#nav .navbar-toggle {padding: 3px 4px;}
#nav .navbar-toggle .icon-bar {width: 25px;height: 3px;}
#nav .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
#nav .navbar-nav .dropdown-menu {
	position: relative;
	float: left;
	top: inherit;
	}
#nav .navbar-default .navbar-nav > li:first-child > a, #nav .navbar-default .navbar-nav > li:first-child > a:hover, #nav .navbar-default .navbar-nav > li:first-child > a:focus {
	background-image: none;
	}
#nav .navbar-nav .dropdown-menu{padding:0 15px;    border-left: 2px solid #D91315;}
.top-search {
        background-color: #eeeeee;
	height: auto;
	text-align: center;
	margin-top: 0;
	}
.homecontent01 .tab-content > .tab-pane {
	padding: 20px 20px 0px 0;
	background: #fff;
	height: auto; 
	}
.block-new-right {margin-bottom: 0;margin-top: 15px;width:100%;}
.homecontent01 .news-title,.block-new-right .news-detail-right .news-title a{height:35px;}
.thumbnail-news {
	width: 40%;
	height: 150px;
	}
.thumbnail-news img{
	display:block;
	margin:0 auto;
	height: 100%;
	}
.homecontent02 {
	background-color: #fff;
	margin-top: 20px;
	}
.boxlink{width:35%;}
.home-row02 .bx-wrapper .bx-viewport {
	border: 1px solid #ccc;
	left: 0px;
	}
.bx-wrapper img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	}
.project {
	float: left;
	list-style: none;
	margin-left: 0px;
	}	
.project li, .project li a{width:100%;  margin: 5px 0;}
.project li img {
	border: 1px solid #ccc;
	max-width: 100%;
	width: 100%;
	}
.home-row03 .bg-pink {
	background: #fef3ef;
	margin: 20px 0;
	}
.home-row03 .bg-pink img{width:100%; max-width: 100%;}
.multimedia, .press {margin-bottom: 20px; height:auto;}
.multimedia img{width:100%; max-width: 100%;}
.press .col-sm-5{width:12%; float:left;}
.t-copyright{text-align: left; margin-left: 0px;}
.home-row03 .bg-rule{padding: 10px 0;    background-size: 100px;}
.icon-play{margin: 0 118px;}
.news-detail-right{ height:auto;} 
.appeal{    padding: 5px 25%;}
/*.block-new-right .thumbnail-news, .col-sm-10.left-detail-content, .col-sm-3.right-detail-content{width:100%;}*/
.bg-gray .nav>li>a {
	position: relative;
	display: block;
	padding: 10px 5px;
	}
.borderimg {
	border: 1px solid #eeeeee;
	margin: 0 auto 10px;
	}
.content-externallink .bx-wrapper img {
	
	width: 100%;
	}
.contact .btn{margin: 10px 5px;  width: 95px;}
.law-list-bg .col-sm-3, .law-list-bg .col-sm-4,.law-list-bg .col-sm-6, .law-list-bg .col-sm-8, .law-list-bg .col-sm-12 {padding: 0}
.law-list .nav-tabs{width:100%;}
.law-list .nav-tabs>li {
	float: left;
	background-color: #878787;
	width: 100%;
	}
.law-list .contenttab .nav-tabs>li>a {padding: 2px 0 0 0;}
.law-list .detail{margin-right: 0;}
.law-list input[type=radio] {margin:4px 0 0 -20px;}
.law-list .btn{margin: 10px 6px;}
.law-list input[type=radio] + label:before {margin-left: 0;}
.checkbox label, .radio label{padding-left: 0;}
#container input{width:92%;}
.law-list .line-tab{display: none;}
.pagination>li>a{padding: 6px 8px;}
.pagination>li>span{padding: 0px 5px;}
.pagination .txt-page {margin-top: 10px;}
.pagination {margin:20px 0;font-size: 12px;}
.content-themb ul li{width:100%;}
.home-business .right-box1, .home-business .right-box2, .home-business .right-box3 {width: 94%;}
.homecontent02-box1 h2{font-size: 30px;}
.bg-call {margin-top: 0;}
.bg-call img {width: auto; margin-top: 0;}
.boxlink{font-size: 28px; width:50%;}
.appeal .text {
	margin: 10px 0 0 0;
	font-size: 30px;
	text-align: center;
	}
.appeal h1{margin: 0; text-align: center; width: 100%;}
.services{height: auto;}
.list-inline {margin-left: -5px;}
.footer-dropdown label{top: 5px;display:none;}
.homecontent01 .nav-tabs > li > a{text-align: left; padding-left: 20px;}
.menu-section ul li {padding: 8px 10px;}
.bg-purchase{padding:20px 20px;}
}
@media (max-width: 600px){
    .home-row01 .homecontent01 .nav-tabs > li{ width:100%; }
    .home-row01 .homecontent01 .nav-tabs > li > a{font-size: 18px; padding: 10px 5px;} 
  }
@media (max-width: 767px) and (min-width:568px){
.law-list .nav-tabs>li {
	float: left;
	background-color: #878787;
	width: auto;
}
}
@media (max-width: 480px){
  .left-detail-content .tab-content2f .tabs-menu li{width:50% !important;}
  .footer-dropdown { width: 100%;}
  .footer-dropdown select{width:100%;}
  .top-right ul li span{top:-5px;}
  .bannerfooterright img {
    width: 100% !important;
    height: auto !important;
    margin: 20px 0 0 15px;
    display: block;
    padding-right: 30px;
}
  .content-externallink { padding-right:0;}
  .externallink div {      margin-right: 15px !important; width: 1.1% !important;}
  .top-right ul li.i-intranet{    top: -10px !important;}
    .youtubegroup .col-sm-3.youtubeitemlist{    width: 100%;  }
	.left-detail-content .tab-content2f .tabs-menu li{ width:50%;}
	.board-detail strong{    font-size: 20px;}
  .content-detail h1{    font-size: 22px !important;}
  .home-row01 .homecontent01 .nav-tabs > li > a{padding: 10px 15px;}
 .top-search{border-bottom:none !important;margin-top:0 !important;} 
  .menu-section{  padding:0;}
 .top-right .list-inline > li{    position: relative; top: 5px;} 
 .footer-mainmenu ul li a{     background-position: 2px 10px;  padding: 0 0 0 15px;} 
 .itemIndex{left:16px;} 
 .list-rule ul li a{max-height:inherit;} 
 .homecontent01 .news-title a {display: block;overflow: hidden;height: 55px;}
.share-block { float: left; width: 100% ;text-align: left;position: relative;}
.submenu > ul > li { width: 100%;} 
.home-row04 iframe{max-height:200px;}
.container .assist .card{widht:100%;margin:0;}   
.footer-menu .list-inline > li {
    display: inline-block;
    padding-left: 0;
    }
.left-detail-content .tab-content2f .tabs-menu li{ width:100%;} 
.downloadefile{ position: relative; margin-top:10px;}
.top-search .col-sm-7{padding:0;}	
 .t-footer, .footer-menu ul li a, .footer-mainmenu ul li a, #nav .dropdown-menu .sub-menu li a {
    font-size: 16px;
}  
.submenu > ul > li{width:100%;}  
.home-row04 ul li a span {font-size: 18px;}  
.services li{width:30%;}
.services li img{margin:0 auto;}
.boxlink{font-size:22px;}
.block-new-right .thumbnail-news{width:40%;}
.thumbnail-news{ height:84px;}
.top-left {padding: 40px 0 10px 0;}
.menu-section ul li {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	width:100%;
}
.menu-section ul li a {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	text-align: left;
}
.menu-section .border-right {
	border: 1px solid #ccc;
        margin-bottom: -1px;
    background-color: #fff;
	margin-right: -5px;
}
.appeal {padding: 2% 10%;}
.footer-menu .list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.homecontent01 .nav-tabs > li {
	float: left;
	width: 100%;
}

.left-detail-content .tab-content2f .tabs-menu li{ width:100%;} 
.downloadefile{    position: relative; margin-top:10px;}
.top-search .col-sm-7{padding:0;}
}
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px)
  and (-webkit-min-device-pixel-ratio: 2) {
.homecontent01 .news-title, .news-detail-right, .home-news ul{height:auto;}
.press .col-sm-5 {
	width: 18%;
	float: left;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.services li {width: 32%;}
.appeal {padding: 2% 10%;}
.press .col-sm-5 {width: 30%;float: left;}
#container input {width: 87%;}
}
@media (max-width: 600px){
  .menu-section ul li {padding: 8px 10px;}
}