/* ������ ����� */
@media screen and (max-width : 750px) {
#wrap {min-width:320px;}
#header {height:60px;}
#header .pc_logo {display:none;}
#header .tab_logo {display:none;}
#header .mob_logo {display:block; position:absolute; top:14px; left:50%; transform:translatex(-50%); height:32px;}

.btn_navi_wrap {width:60px; height:60px;}
/* .search_tab_wrap {width:60px; height:60px;} */
.navi {top:60px;}

/* .search_box {position:relative; display:block; position:absolute; top:-30px; left:22%; height:30px; width:56%; transition:all 0.5s ease;}
.search_box.on {top:15px;}
.search_box input {width:100%; height:30px; border:1px solid #003d91; border-radius:0; outline:none;}
.search_box button {position:absolute; top:0; right:0; width:30px; height:30px; border:0; outline:none; background:url(/images/main/search_box_btn.png) center center no-repeat; background-size:45%;} */

/*.btn_search_wrap{display:none;}*/
.btn_search_wrap{position:absolute; top:0; right:0; width:60px; height:60px; display:block;}

#visual_wrap_pc {display:none;}
#visual_wrap_tab{display:none;}
#visual_wrap_mob{display:block;}

#contents {width:100%;}
#section1 {width:100%; height:auto; height:728px; background:#f7f7f7; padding:0 10px;}
.m_tit {width:100%; height:113px; text-align:center; padding-top:32px;}
.m_tit h2 {font-size:17px; color:#231f20; font-weight:900; margin-bottom:8px;}
.m_tit p {font-size:13px; color:#666;}
.sec1_con {width:100%; overflow:hidden; padding-top:0;}
.news {float:none; width:100%; margin-bottom:10px;}
.news ul {width:100%;}
.news ul li {width:100%; height:99px; border-bottom:1px solid #ddd; overflow:hidden; padding-top:15px;}
.news ul li:first-child {height:84px; padding-top:0;}
.news ul li a {}
.news ul li .news_img {float:left; width:95px; height:68px; border:1px solid #ddd;}
.news ul li .news_img img {width:100%; height:100%;}
.news ul li .news_txt {float:left; width:66%; padding-left:11px; word-break:keep-all;}
.news ul li .news_txt h3 {width:100%; height:15px; overflow:hidden; font-size:13px; color:#444444; line-height:15px; margin-bottom:11px;}
.news ul li .news_txt .news_desc {height:40px; overflow:hidden; font-size:12px; color:#666666; line-height:20px;}

.news_slider_wrap {position:relative; float:none; width:100%; height:283px; border:1px solid #ddd; padding:30px 0;
						 padding-bottom:0; padding-left:15px; background:#fff; overflow:hidden; display:block;}
.slider_tab {display:none;}
.news_slider {width:100%;}
.news_slider li {width:100%; height:97px; overflow:hidden; margin-top:10px;}
.news_slider li:first-child {margin-top:0;}
.news_slider li a {}
.news_slider li .slider_left {float:left; width:95px; text-align:center;}
.news_slider li .slider_left .slider_img {width:95px; height:68px; border:1px solid #ddd; margin-bottom:5px;}
.news_slider li .slider_left .slider_img img {width:100%; height:100%;}
.news_slider li .slider_left span {font-size:12px; color:#333; font-weight:bold;}
.slider_txt {float:left; width:60%; padding-left:20px;}
.slider_txt h3 {height:23px; overflow:hidden; font-size:13px; color:#444; line-height:20px;}
.slider_txt h3 span {display:inline-block; width:48px; height:23px; border-radius:100px; text-align:center;
						  line-height:23px; color:#fff; font-size:12px; font-weight:bold; margin-right:9px;}
.slider_txt h3 span.tool {background:#003d91;}
.slider_txt h3 span.new {background:#8ec31f;}
.slider_txt .slider_desc {height:60px; overflow:hidden; margin-top:8px; font-size:12px; color:#666; line-height:20px; width:150%;}

#section2 {width:100%; height:852px; background:#0d4189; padding:0 10px;}
#section2 .m_tit h2 {color:#fff;}
#section2 .m_tit p {color:#fff;}
.sec2_con {width:100%; overflow:hidden;}
.box {float:none; width:100%; height:226px; margin-left:0; margin-top:10px; text-align:center;
       border-bottom:5px solid #ccc;}
/* .box:hover {border-bottom:5px solid #5084cc;} */
.box a {display:block; width:100%; height:100%; padding-top:138px; padding-left:0;}
.box h3 {font-size:13px; color:#333; margin-bottom:7px;}
.box p {font-size:12px; color:#666; line-height:20px; word-break:keep-all;}
.box01 {background:#fff url(/images/main/box01_mob.png) center top no-repeat; margin-left:0; margin-top:0;}
.box02 {background:#fff url(/images/main/box02_mob.png) center top no-repeat;}
.box03 {background:#fff url(/images/main/box03_mob.png) center top no-repeat;}

.box01:hover {background:#fff url(/images/main/box01_mob.png) center top no-repeat; margin-left:0; margin-top:0;}
.box02:hover {background:#fff url(/images/main/box02_mob.png) center top no-repeat;}
.box03:hover {background:#fff url(/images/main/box03_mob.png) center top no-repeat;}

#section3 {width:100%; height:308px; background:url(/images/main/section3_mob.jpg) center top no-repeat;
			  background-size:cover; }
#section3 .m_tit {width:100%; height:108px; text-align:center; padding-top:32px;}
#section3 .m_tit h2 {color:#fff;}
#section3 .m_tit p {color:#fff;}
.sec3_con {width:100%; text-align:center;}
.sec3_con p {font-size:13px; color:#fff; line-height:22px;}
.sec3_con p span {display:block;}
.sec3_con p span.sec3_bar_pc01 {display:none;}
.sec3_con .sec3_more {width:100px; height:35px; border:1px solid #fff; text-align:center; line-height:33px;
							  margin:0 auto; margin-top:15px;}
.sec3_con .sec3_more a {display:block; width:100%; height:100%; font-size:12px; color:#fff;}

#section4 {width:100%;  padding:20px 10px; }
.sec4_con {width:100%; overflow:hidden; text-align:center;}
.go {float:left; width:100%; height:150px; margin-bottom: 2%; /* margin-right:2%; margin-left:0;  */background-size:cover !important;}
.go a {display:block; width:100%; height:100%; padding-top:19px;}
.go h3 {font-size:17px; color:#fff; margin-bottom:8px;}
.go p {font-size:12px; color:#fff; font-weight:normal; line-height:20px;}
.go img {margin-top:16px; height:16px;}
.go span {display:block;}
.go01 {background:url(/images/main/go01_tab.jpg) no-repeat; }
.go02 {background:url(/images/main/go02_tab.jpg) no-repeat;}
.go03 {background:url(/images/main/go03_tab.jpg) no-repeat;}
.go04 {background:url(/images/main/go04_tab.jpg) no-repeat; }

#section5 {width:100%; height:auto; background:#eee; overflow:hidden; padding:13px 10px;}
.partner_wrap_tab {position:relative; overflow:hidden; padding-left:0;}
#section5 h3 {display:none;}
.partner_wrap {position:relative; float:none; height:auto; padding-top:0;}
.partner li {width:150px; height:auto;}
.partner li span {position:relative; display:block; width:100%; height:0; padding-bottom:32%; background:#fff;}
.partner li img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; width:auto; height:auto;}


#footer {width:100%; height:321px; background:url(/images/main/footer_bg_mob.jpg) repeat-x; padding:0 10px; padding-right:8px;}
#footer .inner {position:relative;}
#footer a {color:#fff;}
.footer_logo {position:absolute; top:269px; right:0; width:100%; text-align:center;}
.footer_logo img {height:32px;}
.footer_top {height:50px; line-height:50px;}
.footer_top span {display:inline-block; margin-right:13px;}
.footer_top span:first-child {letter-spacing:-0.2px;}
.footer_top span a {font-size:12px; color:#fff;}
address {padding-top:13px;}
address p {font-size:12px; color:#fff; line-height:22px;}
address p span {display:inline-block; margin-right:16px;}
address p span.f_bar {display:block;}
address p span.f_mob {display:block;}
address p.copyright {color:#b4b6b8; margin-top:8px; letter-spacing:-0.2px;}

/*----------- sub page ----------*/
#sub_visual_wrap {position:relative; width:100%; overflow:hidden;}
.sub_visual_pc {display:none;}
.sub_visual_tab {display:none;}
.sub_visual_mob {display:block;}

.tbl_type3,.tbl_type3 th,.tbl_type3 td{border:0}
.tbl_type3{border: 1px solid #ddd; width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type3 th{font-size: 13px;  color: #555555; padding:10px 0 10px 0; background:#E8E8E8; text-align:center; border-bottom: 1px solid #ddd;}
.tbl_type3 p{font-size:11px; color:#b6b7bc;}
.tbl_type3 td{font-size: 13px;  color: #555; line-height: 22px; text-align: center; padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px; border-bottom: 1px solid #ddd;}

#sub_contents {width:100%; min-height:550px; overflow:hidden; padding:0 10px; padding-bottom:25px;}
.menu02, .menu03, .menu04 {display:none;}
.tab_menu02, .tab_menu03, .tab_menu04 {display:block;}

.contop {width:100%; margin:20px 0 10px 0; text-align:center;}
.contop h2 {font-size:16px; line-height:30px; color:#222;}
.contop h3 {font-size:10px; color:#222; font-weight: normal; margin: 10px 0 10px;}
.contop h3 span{margin:0 6px;}
.contop h3 p{display: inline-block; color: #0d4189; font-weight: bold;}
.conbody {margin-top: 25px;}

.tbl_spec_new{width:100%; border:1px solid #ddd;}
.tbl_spec_new th {height:36px; background:#e8e8e8; border-bottom:1px solid #ddd; font-size:13px; color:#333; font-weight:bold; line-height:20px; padding:10px 5px; text-align:left; padding-left:10px;}
.tbl_spec_new td{border-bottom:1px solid #ddd; padding:10px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:left; padding-left:10px; color:#444;}

/* ȸ�� ���� -- sub0401 */
#sub0401_Wrap strong {font-size:14px; line-height:24px;}
#sub0401_Wrap > p {font-size:13px; line-height:22px; margin-top:15px;}
#sub0401_Wrap > p > span {display:none;}
.sub0401_img_pc {display:none;}
.sub0401_img_tab {display:none;}
.sub0401_img_mob {display:block; width:100%; margin-top:15px;}
.sub0401_middle {width:100%; overflow:hidden; margin-top:0;}
.sub0401_middle_img {float:none; margin-top:20px;}
.sub0401_middle_img table {width:100%;}
.sub0401_middle_img02 {float:none; margin-top:10px;}
.sub0401_middle_img02 img {width:100%;}
.sub0401_mid_pc {display:none;}
.sub0401_mid_tab {display:none;}
.sub0401_mid_mob {display:block;}
.sub0401_bottom {margin-top:12px;}
.sub0401_bottom h4 {font-size:15px; padding-left:13px;
background:url(/images/sub/sub_dot.jpg) 0 12px no-repeat;  background-size:10px 10px; margin-bottom:10px; line-height:34px;}
.sub0401_bottom p {font-size:13px; color:#555; line-height:24px; margin-top:1px; word-break:keep-all;
						  padding-left:9px; text-indent:-9px;}



/* ��� �о� */
.pcimg {display:none;}
.tabimg {display:none;}
.mobimg {display:block;}

.ptxt01 {font-size:14px; line-height:24px;}
.ptxt02 {font-size:13px; line-height:22px; margin-top:15px;}
.h4tit01 {font-size:15px; padding-left:13px; background:url(/images/sub/sub_dot.jpg) 0 12px no-repeat;  background-size:10px 10px; margin-bottom:10px; line-height:34px; margin-top:20px;}

.productintro_wrap li.productintro01 { width:100%; margin-right:0; height:auto; margin-bottom:10px;}
.productintro_wrap li.productintro01 .imgarea {height:auto;}
.productintro_wrap li.productintro01 .txtarea{padding-bottom: 0;}
.productintro_wrap li.productintro01 .txtarea .mcutit01 { line-height:35px;  font-size:15px; padding-left:10px;}
.productintro_wrap li.productintro01 .txtarea .mcutxt01 {height: auto !important; padding:10px; height:auto;}
.productintro_wrap li.productintro01 .txtarea .mcutxt01 li {font-size:13px; padding-left:10px;} 
.productintro_wrap li.productintro01 .txtarea .mcutxt01 li::before {position:absolute; left:0; top:8px; content:'';}


/*�Ұ� ����*/
.IntroduceBox{width:100%; overflow:hidden;}
.IntroduceBox h3:first-child{margin-top:0;}
.IntroduceBox h3{font-size:14px; color:#0d4189; line-height:24px; margin-top:30px; margin-bottom:10px;}
.IntroduceBox h4{font-size:13px; color:#555; font-weight:normal; line-height:22px; margin-bottom:10px;}
.IntroduceBox h4 span{background:#8ec31f; padding:3px 6px; color:#fff;}
.IntroduceBox .img{margin-top:15px;}
.IntroduceBox .list_dot li{background:url('/images/sub/bullet.jpg') 0 9px no-repeat; padding-left:12px; font-size:13px; color:#555; line-height:22px; margin-bottom:4px;}

.tbl_common1{width:100%; border-top:2px #444 solid;}
.tbl_common1 th {height:36px; text-align:center;  background:#f5f5f5; border-bottom:1px solid #ddd; font-size:12px; color:#333; font-weight:bold; line-height:20px; padding:7px 3px;}
.tbl_common1 td{border-bottom:1px solid #ddd; padding:7px 3px; font-size:12px; line-height:20px; border-right:1px solid #ddd; text-align:left; color:#555; padding-left:10px; word-break:keep-all;}
.tbl_common1 td:last-child{border-right:0px;}

.tbl_common2{width:100%; border-top:2px #444 solid;}
.tbl_common2 th {height:36px; text-align:center;  background:#f5f5f5; border-bottom:1px solid #ddd; font-size:12px; color:#333; font-weight:bold; line-height:20px; padding:7px 3px;}
.tbl_common2 td{border-bottom:1px solid #ddd; padding:7px 3px; font-size:12px; line-height:20px; border-right:1px solid #ddd; text-align:center; color:#555; word-break:keep-all;}



.tbl_pc{display:none;}


.tbl_mobile{display:block;}




/*sub0105 ����*/ 
.hiswrap {width:100%; background:url(/images/sub/his_line.jpg) repeat-y 6px  10px;}
.hisleft{width:100%;float:left;text-align:left;margin-right:0%;margin-bottom:30px;} 
.hisright{width:100%;float:right;text-align:left;margin-left:0%;margin-bottom:30px;} 
.years01 {font-size:14px;}

.hisright .mdate_ul .date01 p{font-size:12px;line-height:20px; float:right;}
.hisright .mdate_ul .date01 .month01 {font-size:12px; float:left;}

.hisleft .years01 {float:left;text-align:left;width:100%;padding-left:8%;background:url(/images/sub/hisdot_mob.png) no-repeat left 6px;}
.hisleft .mdate_ul {float:left;text-align:left;width:100%;padding-left:8%;}
 
.hisright .years01 {width:100%;float:left;padding-left:8%; background:url(/images/sub/hisdot_mob.png) no-repeat left 6px;}
.hisright .mdate_ul  {width:100%;float:left;padding-left:8%;}

.hisleft .mdate_ul .date01 p{font-size:12px;line-height:20px; float:right;}
.hisleft .mdate_ul .date01 .month01 {font-size:12px; float:left;}



/*contact*/
.contact_pc{display:none;}
.contact_mobile{display:block;}

.tbl_contact{width:100%; border:1px solid #ddd; margin-top:20px;}
.tbl_contact th {height:36px; font-size:13px; color:#333; font-weight:bold; line-height:20px; padding:10px 5px; text-align:left; padding-left:10px;}
.tbl_contact td{padding:10px; font-size:13px; line-height:22px; text-align:left; padding-left:10px; color:#444;}

.btn_send{background:#0d4189; color:#fff; display:block; width:120px; height:40px; line-height:40px; margin:30px auto 0; text-align:center; font-size:14px; font-weight:bold;}
.btn_send a{color:#fff; display:block;}

input.form_input{border:1px solid #ddd; height:30px;}
select.form_select{border:1px solid #ddd; height:30px;}
textarea.form_textarea{border:1px solid #ddd;}

/*sub0107 - CEO�λ縻 */
.greeting_detail{margin-top: 20px;}
.greeting_detail .greeting_txt{float: none; width: 100% !important; margin-top: 0 !important;}
.greeting_detail .greeting_img{float: none;  width: 100% !important; margin-top: 20px; text-align: center;}
.greeting_detail .greeting_img img{width: 80% !important;}
.greeting_txt strong{font-size: 16px; margin-bottom: 15px;}
.greeting_txt p{font-size: 13px; line-height: 22px;margin-top: 15px;}
.greeting_from{margin-top: 20px;}
.greeting_from p{font-size: 13px; }
.greeting_from p img{margin-left: 10px;}

/* sub0601 Talent Attributes */
.talent_ul {width:100%; margin-top:20px;}
.talent_ul li {float:left; width:100%; margin-right:0; margin-top:20px;  padding:20px; min-height:auto; padding-bottom:100px;position:relative;}
.talent_ul li h5 {font-size:14px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #eaeaea;}
.talent_ul li .icon01 {position:absolute; left:20px; bottom:20px; width:65px;}
.talent_ul li .icon01 img {width:100%;}
.talent_ul li .txt01 {float:left; width:100%; font-size:13px; line-height:22px; color:#555; word-break:keep-all;}
.talent_ul li:nth-child(-n+2) {margin-top:20px; }
.talent_ul li:nth-child(2n) {margin-right:0;}



/* sub0602 Recruitment */
.h5tit01 {font-size:13px; color:#0d4189; margin-bottom:10px; margin-top:20px; padding-left:20px; background:url(/e_images/sub/h5_bullet_mob.jpg) no-repeat left 5px;}
.ptxt03 {font-size:13px; color:#555; line-height:22px; padding-left:20px;}

.benefits_ul {width:100%; margin-top:20px;}
.benefits_ul li {float:left; width:31%; margin-right:3%; margin-top:10px; min-height:180px}
.benefits_ul li .imgarea1 {width:100%;}
.benefits_ul li .imgarea1 img {width:100%;}
.benefits_ul li:nth-child(-n+5) {margin-top:3%;}
.benefits_ul li:nth-child(5n) {margin-right:10px;}
.benefits_ul li:nth-child(-n+3) {margin-top:0;}
.benefits_ul li:nth-child(3n) {margin-right:0;}
.benefits_ul li .txtarea1 {font-size:13px; line-height:22px; margin-top:15px;}

.recruitment_tb01 {margin-top:30px;}
.recruitment_tb01 th {font-size:12px;  padding:2%; word-break:break-all;}
.recruitment_tb01 td {font-size:12px;  padding:2%; word-break:break-all;}





/*Values and Vision*/
.valueBoxWrap{width:100%; overflow:hidden;}

.valueBox{float:none; width:100%; min-height:auto; margin-left:0%; margin-top:15px;}
.valueBox:nth-child(3n+1){margin-left:0;}
.valueBox:nth-child(-n+3){margin-top:15px;}
.valueBox:nth-child(2n+1){margin-left:0;}
.valueBox:nth-child(-n+2){margin-top:15px;}

.valueBox .value_img{position:relative; width:100%; overflow:hidden;}
.valueBox .img {width:100%; overflow:hidden;}
.valueBox .img img {width:100%; height:100%;}
.valueBox .value_img .value_title{position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:bold; text-align:center;}

.value_txt{width:100%; overflow:hidden; margin-top:15px;}
.value_txt li{font-size:13px; color:#555555; margin-bottom:5px; position:relative; padding-left:10px;}
.value_txt li::before {width:3px; height:3px; background:#333; position:absolute; left:0; top:8px; content:'';}




/*Quality Policy*/
.PolicyBox{width:100%; overflow:hidden;}
.policy_img{float:none; width:100%; margin-bottom:2%; text-align:center;}
.policy_txt{float:none; width:100%; margin-left:0; font-size:13px; color:#555; line-height:20px;}

.policy_txt ul {width:100%; overflow:hidden; margin:15px 0;}
.policy_txt ul li{font-size:13px; color:#555555; margin-bottom:5px; position:relative; padding-left:10px;}
.policy_txt ul li:last-child{margin-bottom:0;}
.policy_txt ul li::before {width:3px; height:3px; background:#333; position:absolute; left:0; top:9px; content:'';}


/*Corporate Citizenship*/
.h4tit01 span {font-size:12px; line-height:20px; display:block;}
.corporateimg {margin: 20px 0;}


/* PR */
.pr .pr01{width: 100%; overflow:hidden;}
.pr .txt p{font-size: 13px; color: #555; line-height: 22px;}	
.pr .pr01 .img{float: none;  margin: 0 auto; width: 50%;}
.pr .pr01 .img img{width: 100%;}
.pr .pr01 .txt{float: none; margin-left: 0; width: 100%; margin-top: 20px;}
.pr .pr02 .txt{padding: 10px; border: 1px solid #ddd; margin-top: 20px;}
.pr .pr02 .img img{width: 80%; margin: 0 auto;}
.pr .pr03 .color_system{width: 100%; overflow: hidden;}
.pr .pr03 .color_system li{padding: 15px; float: left; width: 50%; height: 60px; color: #fff; text-align: left; font-size: 12px; line-height: 16px; font-weight: bold;}
.pr .pr03 .txt{margin-top: 20px;}
.downbutton {margin-top: 20px; }
.downbutton li{margin-bottom: 10px;margin: 10px auto; width: 313px; height:30px; font-weight: bold; line-height: 30px; padding-left: 10px;}

/* network */
.network {width:100%; margin-bottom:50px;}
.network01 .mobimg{width: 100%;}
.network02{display: block; width: 100%;}
.network02 img{width:100%; margin: 20px 0;}
.network .network_txt {width:100%; margin-top: 0;}
.network .network_txt p{position:relative; width:100%; height:70px; margin-top:0 ; line-height:70px; /* background:#92989d; */ border-bottom: 1px solid #dddddd; margin-bottom:1px; font-weight:normal;}
.network .network_txt p img {position:absolute; top:30px; right:22px;  transition-duration: 0.3s}
.network .network_txt p a {color:#555555; font-size:11px; padding-left:10px; font-weight: bold;}
.network .network_txt ul {display: none; width:100%; border-bottom:1px solid #eaeaea; border-top:0; padding:11px 0;}
.network .network_txt ul li{position: relative; padding-left: 20px;font-size: 12px;line-height: 24px;color: #333333;}
.network .network_txt ul li::before{line-height:29px; margin-bottom:1px; letter-spacing:-0.1px; content: ''; width: 3px; height: 3px; background: #0D4189; position: absolute;left: 5px; top: 10px;}
.network .network_txt ul li span{color: #1d85ca; margin-right: 20px; font-weight: bold;}
.network .network_txt ul li a {font-size:12px; color:#636d7a; }

/*IR�ڷ�*/
.tbl_ir{width:100%; border-top:1px solid #3865ad;}
.tbl_ir th{background:#eff4fc; padding:15px 5px; font-size:14px; line-height:20px; text-align:center; color:#3865ad;}
.tbl_ir td{border-bottom:1px solid #ddd; padding:8px 10px; font-size:13px; line-height:26px; text-align:center; color:#444;}
.tbl_ir td img{width: 85px;}
.tbl_ir td:first-child{text-align: left; padding-left: 12px;}


/*�λ�����*/
.hrBox{width:100%; overflow:hidden; margin-top:2%;}
.hrBox .value_img{position:relative; float: left; width:100%; margin-left:0%;}
.hrBox .value_img:first-child{margin-left: 0; margin-bottom: 2%;}

.hrBox .img img {width:100%; height:100%;}
.hrBox .value_img .value_title{position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:bold; text-align:center;}

/* contact us */
.contact_box:nth-child(-n+2){float: none; width: 100%;}
.contact_us h3{font-size: 14px; line-height: 24px;  margin-bottom: 10px;}
.contact_us h4{font-size: 13px; line-height: 22px;  margin-bottom: 10px;}
.list_dot li{background:url('/images/sub/bullet.jpg') 0 9px no-repeat; padding-left:12px; font-size:13px; color:#555; line-height:22px; margin-bottom:4px;}

/* online support */
.online_support .img{width: 100%;  text-align: center;}
.online_support .img img{width: 50%; display: inline-block;}
.online_support h3{font-size:14px; color:#0d4189; line-height:24px; margin-top:30px; margin-bottom:10px;}
.online_support h4{font-size:13px; color:#555; font-weight:normal; line-height:22px; margin-bottom:10px;}

/* sitemap */
.sitemap:nth-child(-n+2){margin-top: 0;}
.sitemap{float: left; width: 100%; margin-right: 0; margin-top: 10px;}

.sitemap h2{font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
.sitemap_2dep > li{position: relative; margin: 10px 0;}
.sitemap_2dep > li > a{font-size: 14px; padding-left: 10px; }
.sitemap_2dep > li > a::before{position: absolute; top: 9px; left: 0; content:''; width: 6px; height: 6px; border:1px solid #000; }
.sitemap_3dep > li > a{font-size: 12px; line-height: 26px; }
.sitemap_4dep{padding: 15px;}
.sitemap_4dep > li > a{padding-left: 10px; position: relative; font-size: 12px; color: #555; font-weight: normal;  line-height: 26px; margin-bottom: 10px;}
.sitemap_4dep > li > a::before{position: absolute; top: 8px; left: 0; width: 3px; height: 1px; content:''; background: #000;}

/* ȫ�������� */
.youtube iframe{width: 100%; height: 300px;}

}
