body { width: 100%; color: #000000; font-size: 16px; font-family: arial; /*overflow-x:hidden;*/ margin:0; padding:0; }
.outer_outer { /*min-width:1300px;*/ width:100%; overflow:hidden; margin:0; padding:0; position:relative; }
.outer_wrapper { position:absolute; width:100%; top:0; left:0; z-index: -1; }
#header .header, #content .content, #footer .footer { max-width: 1280px; margin: 0 auto; }
#header .header, #footer .footer { overflow: hidden; }
#header .header, #footer .footer { font-size: 14px; }

/*decoration*/
.left-top, .left-bottom, .right-bottom, .bottom-right { position: absolute; z-index: -1; }
.left-top { top: 0; left: 0; }
.left-bottom { left: 0; bottom: 6%; }
.right-bottom { right: 0; top: 15%; }
.bottom-right { bottom: 0; right: 0; }

/*header*/
#header .header { padding-top: 0px; }
#header .header .logo { display: none; }
#header .header .hamburger.hamburger--boring { display: none; }
#header .header .m_lang_menu, .m_text { display: none; }
#header .header .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 30px; }
#header .header .mobile_lang { display: none; }
#header .header ul li { display: inline-block; }
#header .header .font-size ul { padding: 0; }
#header .header .font-size ul li { margin-right: 6px; }
#header .header .font-size ul li:last-child { margin-right: 0; }
#header .header .font-size ul li a { padding: 2px 4px; }
#header .header .lang ul { padding-left: 25px; }
#header .header .lang ul li:first-child { margin-right: 9px; }
#header .header .lang ul li:last-child { margin-left: 17px; }
#header .header .lang ul li:first-child:after { margin-left: 11px; }

/*content*/
#content .content .QBH_logo { text-align: center; padding: 20px 0 40px; }
#content .content .QBH_logo img { width: 65%; }
#content .content .container { position: relative; border: 4px solid #45bcc5; border-top: 4px solid #FFF; }
#content .content .container .c_top1 { position: absolute; border-top: 4px solid #45bcc5; top: -4px; right: 60.5%; left: 1%; }
#content .content .container .c_top2 { position: absolute; border-top: 4px solid #45bcc5; top: -4px; right: -3px; left: 60.5%; }
#content .content .container .highlight { position: absolute; top: -20px; left: 50%; margin-left: -138.5px; z-index: 1; }
#content .content .container .highlight img { width: 110%; }
#content .content .container .high-text { position: absolute; top: -36px; left: 50%; margin-left: -76.5px; z-index: 1; }
#content .content .container .high-text p { color: #FFF; font-weight: 700; font-size: 24px; }
#content .content .container .high-text.tc { margin-left: -48px; top: -38px; }
#content .content .container .circle1 { top: -13px; left: -11px; position: absolute; background-color: #FFF; width: 28px; height: 18px; }
#content .content .container .circle1:after { position: absolute; top: 0; left: 0; content:" "; border: 4px solid #45bcc5; border-radius: 50%; width: 10px; height: 10px; }
#content .content .container .circle2 { top: 100px; right: -11px; position: absolute; background-color: #FFF; width: 18px; height: 28px; }
#content .content .container .circle2:after { position: absolute; bottom: 0; left: 0; content:" "; border: 4px solid #45bcc5; border-radius: 50%; width: 10px; height: 10px; }
#content .content .container .main { margin: 8px; }
#content .content .container .main-content { background-color: #e3f3f5; height: auto; border-bottom: 2px solid #45bcc5; position: relative; }
#content .content .container .main-content .b_top1 { position: absolute; border-top: 2px solid #45bcc5; right: 59.5%; left: 2%; }
#content .content .container .main-content .b_top2 { position: absolute; border-top: 2px solid #45bcc5; right: 0; left: 59.5%; }
#content .content .container .main-content .b_left { position: absolute; border-left: 2px solid #45bcc5; top: 1%; bottom: 0; }
#content .content .container .main-content .b_right1 { position: absolute; border-right: 2px solid #45bcc5; top: 0; bottom: 98%; right: 0; }
#content .content .container .main-content .b_right2 { position: absolute; border-right: 2px solid #45bcc5; top: 5%; bottom: 0; right: 0; }
#content .content .container .main-content .block_container { overflow: hidden; padding: 80px 50px 40px; }
#content .content .container .main-content .block_container .row { overflow: hidden; position: relative; }
#content .content .container .main-content .block_container .row .block:last-child { margin-right:0; }
#content .content .container .main-content .block_container .block { width: 32%; padding-top: 20px; padding-bottom: 20px; margin-right: 2%; }
#content .content .container .main-content .block_container .block .block_img { width: 100%; height: 225px; display: flex; align-items: center; background-color: #45bcc5; overflow: hidden; }
#content .content .container .main-content .block_container .block .block_img img { width: 100%; }
#content .content .more { text-align: center; padding: 25px; position: relative; }
#content .content .more p { position: absolute; top: 30%; left: 50%; margin-left: -140px; }
#content .content .more.tc p { margin-left: -104px; }
#content .content .more p a { text-decoration: underline; }
#content .content .more .back { position: absolute; top: 30%; left: 50%; margin-left: -96.5px; }
#content .content .more .back.tc{ margin-left: -64px; }

/*footer*/
#footer .footer { padding-bottom: 120px; }
#footer .footer .right{ margin-right: 20px; }
#footer .footer .left ul { padding: 0; }
#footer .footer .left ul li { display: inline-block; margin-right: 9px; }
#footer .footer .left ul li:after { margin-left: 11px; content:"|"; }
#footer .footer .left ul li:last-child { margin-right: 0; }
#footer .footer .left ul li:last-child:after { content:""; }

/*slide image*/
.large_bg { position: fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(69, 188, 197, 0.95); visibility:hidden; z-index: -2; }
.large_img { position: relative; width: 100%; }
.large_img .slide_block { text-align: center; }
.close { position: absolute; z-index: 11;  top: 3%; right: 15% ; }
.large_img .slide_block p { width: 60%; margin-left: 20%; text-align: justify; }
.new_img { width: 60%; margin: 0 auto; }

/*common use*/
.left { float: left; }
.right { float: right; }
a { text-decoration: none; color: #3E290F; }
.active { color: red; border-bottom: 1px solid #3E290F; }
.small { font-size: 80%; }
.big { font-size: 120%; }
.clearfix { overflow: auto; }
.clearfix::after { content: ""; clear: both; display: table; }

/*plugin css*/
.swiper-slide { display: flex; width: 100%; align-items: center; }
.swiper-button-next, .swiper-button-prev { color: #000; }
.swiper-button-prev { left: 10%; }
.swiper-button-next { right: 10%; }
.swiper-pagination { display: none; }
.swiper-button-prev { left: 15%; background-image: url("../image/prev.png"); }
.swiper-button-next { right: 15%; background-image: url("../image/next.png"); }
.swiper-button-prev, .swiper-button-next { background-position: center center; background-size: 20px; width: 20px; height: 29px; background-repeat: no-repeat; }
.swiper-button-prev:after, .swiper-button-next:after { content:'' !important; }



@media only screen and (max-width: 1580px) {
	.outer_wrapper { position:absolute; top:0; left:50%; margin-left:-790px; width: 1580px; }
}

@media only screen and (max-width: 1300px) {
	#header .header .lang { margin-right: 30px; }
}

@media only screen and (max-width: 768px) {
	/*body { overflow-x:auto; }*/
	
	/*header mobile menu*/
	#header .header .hamburger.hamburger--boring { display: block; padding-top: 0; padding-bottom: 0; }
	#header .header .m_text { background-color: #FFF; position: absolute; top: 3.2%; right: 3.8%; width: 500px; border: 1px solid #c6c6c6; }
	#header .header .m_text ul { padding: 10px; text-align: center; }
	#header .header .mobile_lang { display: block; }
	#header .header .m_lang_menu { position: absolute; top: 1.25%; left: 1%; width: 96%; background-color: #FFF; border: 1px solid #c6c6c6; color: #3E290F; z-index: 2; }
	#header .header .m_lang_menu ul { padding-left: 20px; }
	#header .header .m_lang_menu ul li { font-size: 18px; display: block; padding: 2.5px 0; }
	#header .header .m_lang_menu ul li:first-child { font-size: 24px; padding: 10px 0; }
	#header .header .m_lang_menu ul li:last-child { padding-bottom: 10px; }
	#header .header .mobile_lang a img{ max-width: 28px; margin-top: -2px; }
	#header .header .lang { display: none; }
	#header .header .font-size { display: none; }
	
	/*content*/
	#content .content .container .main-content .block_container .block .block_img  { height: 133px; }
		
	/**/
	.close { top: 5%; right: 5% }
	.new_img { width: 85%; }
	.large_img .slide_block p { width: 85%; margin-left: 7.5%; text-align: justify; }
	
	/*plug css*/
	.swiper-button-prev { left: 1.5%; }
	.swiper-button-next { right: 1.5%; }
}

@media only screen and (min-width: 481px) and (max-width: 767px){
	.outer_outer .outer_wrapper .left-bottom, .outer_outer .outer_wrapper .right-bottom, .outer_outer .outer_wrapper .bottom-right { display: none; }
	.outer_outer .outer_wrapper  .left-top { left: 9.8%; display: block; }
	#header .header { padding-top: 10px; }
	#header .header .logo { width: 73%; }
	#header .header .logo img { padding-left: 10px; }
	#header .header .m_text { top: 1.25%; right: 6%; width: 80%; }
	#header .header .m_text.tc, #header .header .m_lang_menu.tc { top: 1.3%; }
	#content .content .container .main-content .b_left { top: 0.3%; }
	#content .content .container .main-content .b_right1 { bottom: 99%; }
	#content .content .container .main-content .b_right2 { top: 2%; }
	#content .content .container .main-content .block_container .block { width: 80%; padding-top: 0; margin-left: 10%; }
	#content .content .container .main-content .block_container { padding-left: 30px; padding-right: 30px; }
	#content .content .more img { width: 100%; }
	/*#content .content .more { background-color: #f2c71f; }
	#content .content .container { margin-bottom: 20px;}
	#content .content .more p { top: 5%; }*/
	#footer .footer { text-align: center; }
	#footer .footer .left, #footer .footer .right { float: none; }	
	#footer .footer .left ul li:last-child:after { margin-left: 0; }
	#header .header .m_lang_menu.mobile, #header .header .m_text.mobile { top: 0.9%; }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.outer_outer .outer_wrapper .left-bottom, .outer_outer .outer_wrapper .right-bottom, .outer_outer .outer_wrapper .bottom-right { display: none; }
	.outer_outer .outer_wrapper .left-top { left: 9.8%; display: block; }
	#header .header { padding-top: 10px; }
	#header .header .logo { width: 73%; }
	#header .header .logo.tc { width: 53%; }
	#header .header .logo img { padding-left: 10px; width: 100%; }
	#header .header .m_text { top: 1.25%; right: 6%; width: 80%; }
	#header .header .m_text.tc, #header .header .m_lang_menu.tc { top: 1.3%; }
	#content .content .QBH_logo img { width: 95%; }
	#content .content .container .highlight { margin-left: -113.4px; top: -18px; }
	#content .content .container .highlight img { width: 90%; }
	#content .content .container .high-text { margin-left: -63.9px; top: -32px; }
	#content .content .container .high-text.tc { top: -35px; margin-left: -40px; }
	#content .content .container .high-text p { font-size: 20px; }
	#content .content .container .main-content .b_left { top: 0.3%; }
	#content .content .container .main-content .b_right1 { bottom: 99%; }
	#content .content .container .main-content .b_right2 { top: 2%; }
	#content .content .container .main-content .block_container .block { width: 100%; padding-top: 0; margin-right: 0; }
	#content .content .container .main-content .block_container { padding-left: 30px; padding-right: 30px; }
	#content .content .more img { display: none; }
	#content .content .more { background-color: #f2c71f; }
	#content .content .container { margin-bottom: 20px;}
	#content .content .more p { top: 5%; }
	#content .content .more .back { top: 5%; }
	#footer .footer { text-align: center; }
	#footer .footer .left, #footer .footer .right { float: none; }
	#footer .footer .left ul li:last-child:after { margin-left: 0; }
	#header .header .m_lang_menu.mobile, #header .header .m_text.mobile { top: 0.9%; }
}