/*font*/
@font-face {
font-family:"HelveticaNeueW02-UltLt";
src:url('/home/fonts/HelveticaNeueW02-UltLt.eot?#iefix');
src:url('/home/fonts/HelveticaNeueW02-UltLt.eot?#iefix') format("eot"), url('/home/fonts/HelveticaNeueW02-UltLt.woff2') format("woff2"), url('/home/fonts/HelveticaNeueW02-UltLt.woff') format("woff"), url('/home/fonts/HelveticaNeueW02-UltLt.ttf') format("truetype"), url('/home/fonts/HelveticaNeueW02-UltLt.svg') format("svg");
}
@font-face{
font-family:"HelveticaNeueW02-Thin";
src:url('/home/fonts/HelveticaNeueW02-Thin.eot?#iefix');
src:url('/home/fonts/HelveticaNeueW02-Thin.eot?#iefix') format("eot"), url('/home/fonts/HelveticaNeueW02-Thin.woff2') format("woff2"), url('/home/fonts/HelveticaNeueW02-Thin.woff') format("woff"), url('/home/fonts/HelveticaNeueW02-Thin.ttf') format("truetype"), url('/home/fonts/HelveticaNeueW02-Thin.svg') format("svg");
}
@font-face{
font-family:"HelveticaNeueW02-45Ligh";
}
@font-face{
font-family:"HelveticaNeueW02-55Roma";
}
@font-face{
font-family:"HelveticaNeueW02-65Medi";
}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; -webkit-text-size-adjust:100%; font-size:15px; line-height:18px;}
img{ border:none;}
.clear{ clear:both;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}
.font{ font-family:Arial, Helvetica, sans-serif !important;}
.font p{ margin:0 0 8px 0; font-size:13px;}
.green, .rise, .up, .green a, .rise a, .up a, .bear, .bear a{ color:#1a9656 !important;}
.red, .drop, .down, .red a, .drop a, .down a, .bull, .bull a{ color:#e60028 !important;}
.level{ color:#333 !important;}
.content{ width:1140px; padding:0 10px; margin:0 auto;}
.content:after{ content:""; display:block; clear:both;}
ul{ list-style:none; margin:0; padding:0;}
li{ float:left;}
input[type="text"], input[type="password"], select, textarea{ border:#ccc solid; border-width:1px; color:#333; padding:5px; outline:none;}
select{ -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
p{ margin:12px 0; }
.table table th, .table table td{ font-size:14px; line-height:16px; padding:8px;}
.table table th{ font-weight:bold;}
.table table{ border-collapse:collapse;}

#header{ background:url(/home/images/bg_header.gif) repeat-x; height:190px; position:relative;}
#header .link{ font-size:13px; float:right; line-height:25px;}
#header .link ul li.member_area{ color:#e60028; background:none;}
#header .link ul li.member_area div.member_info{ float:left;}
#header .link ul li.member_area div.member_info a{ color:#e60028;}
#header .link ul li.member_area div.logout{ float:left; margin-left:5px; color:#000;}

#header .link ul li{ float:left; padding:0 0 0 36px; background:url(/home/images/line_header_link.gif) no-repeat 17px center;}
#header .logo{ background:url(/home/images/logo.jpg) no-repeat; margin:1px 0; float:left;} 
#header .logo a{ display:block; width:355px; height:104px;}
#header .info{ font-size:13px; float:right; text-align:right; margin-top:36px;}
#header .info li.hotline{ font-weight:bold; color:#ff0008;}
#header .site_tl{ color:#333; float:left; font-family:HelveticaNeueW02-Thin; font-size:21px; margin-left:50px; margin-top:40px; /*margin-right:175px;*/ text-transform:uppercase; line-height:normal;}
#header .slogan{ color:#333; float:left; font-family:HelveticaNeueW02-Thin; font-size:21px; margin-left:170px; margin-top:40px; /*margin-right:175px;*/ text-transform:uppercase;}
#header .login{ background:url(/home/images/bg_button_login.jpg) no-repeat #e60028 18px center; color:#FFF; text-transform:uppercase; float:right;  line-height:32px; margin-top:36px; font-size:13px; width:120px;}
#header .login a{ color:#fff; padding:0 25px 0 45px; display:block;}
#header .menu_area{ width:100%; position:absolute; top:131px; left:0; background:url(/home/images/bg_menu_area.gif) repeat-x;}
#header .menu_area .menu{ margin-bottom:1px; float:left; position:relative;}
#header .menu_area .menu li{ float:left; line-height:58px; border-right:1px solid #e5e5e5; text-transform:uppercase; font-size:13px;}
#header .menu_area .menu li.menu-dropdown-icon.active{ background:#e60028;}
#header .menu_area .menu li.menu-dropdown-icon.active a{ color:#FFF;}
#header .menu_area .menu li.current{ background:url(/home/images/bg_menu_border_red.gif) repeat-x top;}
#header .menu_area .menu li.current span{ display:none; width:100%; height:3px; position:absolute; top:-1px; background:#e60028;}
#header .menu_area .menu li.home{ }
#header .menu_area .menu li.home a{ background:url(/home/images/menu_icon_home.jpg) no-repeat center; width:58px; height:58px; padding:0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#header .menu_area .menu li.home a.logo{ background:url(/home/images/menu_icon_home_logo.jpg) no-repeat center; width:58px; height:58px; padding:0;}
#header .menu_area .menu li a{ display:block; padding:0 33px;}
#header .menu_area .search{ float:right; position:relative;}
#header .menu_area .search input[type="text"]{ line-height:28px; height:28px; font-size:16px; width:256px; border-width:1px 0 1px 1px; margin-top:9px;}
#header .menu_area .search button{ border:#ccc solid; border-width:1px 1px 1px 0; text-indent:-9999px; float:right; margin-top:9px; padding:0; line-height:38px; background:url(/home/images/icon_search_red.jpg) no-repeat center #e60028; width:50px;}
#header .menu_area .search .ac_results{ position:absolute; z-index:99999999; background:#FFF; border:9px solid #eeeeee; width:417px!important; right:0;}
#header .menu_area .search .ac_results ul{ max-height:165px!important; overflow-y:auto;}
#header .menu_area .search .ac_results li{ line-height:32px; float:none;}
#header .menu_area .search .ac_results li div{ display:inline-block; border-bottom:1px solid #e5e5e5;  box-sizing:border-box;}
#header .menu_area .search .ac_results li div.code{ width:18%; padding-left:10px; color:#e60028; font-size:14px; background:url(/home/images/bg_acresult_code.jpg) no-repeat right; float:left;}
#header .menu_area .search .ac_results li div.name{ width:82%; padding:0 10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; float:left;
word-break:break-all; 
white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
overflow:hidden;
}
#header .menu_area .search .ac_results li.ac_over a div{ text-decoration:underline; background:#f6f7f8;}
#header .menu_area .search .ac_results li.ac_over div.code{ background:url(/home/images/bg_acresult_code.jpg) no-repeat right #f6f7f8;}

#header .menu_area .search .ac_results li:hover a div{ text-decoration:underline; background:#f6f7f8;}
#header .menu_area .search .ac_results li:hover div.code{ background:url(/home/images/bg_acresult_code.jpg) no-repeat right #f6f7f8;}


#header .menu_area .lang{ float:right; line-height:58px; margin-left:30px; color:#ccc; font-family:"segoe ui","microsoft jhenghei","microsoft mhei",Arial,Helvetica,sans-serif;}
#header .menu_area .lang a{ color:#ccc;}
#header .menu_area .menu > ul > li > ul { display:none; background:#fff;  width:1110px; padding:30px 15px; position:absolute; z-index:9999999999; left:0; top:50px; border-top:1px solid #000;
-moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
-o-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=12);
}
#header .menu_area .menu ul li ul{ }
#header .menu_area .menu ul li ul li{ /*width:25%;*/ float:left; border-right:none; line-height:24px; font-weight:bold; margin-right:70px;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}
#header .menu_area .menu ul li ul li.tl{ color:#e60028; border-left:2px solid #e60028; padding-left:10px; margin-bottom:25px;}
#header .menu_area .menu li.menu-dropdown-icon.active ul li.tl a{ color:#e60028; padding:0;}
#header .menu_area .menu ul li ul li ul li{ float:none; width:100%; line-height:22px; font-weight:normal; text-transform:none;}
#header .menu_area .menu ul li ul li ul li a{ padding:0; color:#000!important;}
/*scroll down*/
#header.scroll_down .menu_area .menu li.home a{ background:url(/home/images/menu_icon_home_logo.jpg) no-repeat center;}
#header.scroll_down .menu_area{ position:fixed; top:0; z-index:999999999;}

#banner{ position:relative; color:#FFF; padding:0;}
#banner:before{ content:""; background:#000; height:100%; left:0px; position:absolute; top:0px; width:100%; z-index:-1;}
#banner:after{ content:""; background:#d14342; height:100%; right:0px; position:absolute; top:0px; width:50%; z-index:-1;}
#banner .owl-carousel .item{ height:400px;}
#banner .owl-carousel .item.one{ background:url(/home/images/expo/banner_expo_1.jpg) no-repeat center;}
#banner .owl-carousel .item.two{ background:url(/home/images/expo/banner_expo_2.jpg) no-repeat center;}
#banner .owl-carousel .item.three{ background:url(/home/images/expo/banner_expo_3.jpg) no-repeat center;}
#banner .owl-carousel .owl-dots{ width:60px; height:12px; padding:6px 10px 6px 34px; margin:0 auto; position:absolute; bottom:26px; right:50%; margin-right:-545px; background:url(/home/images/expo/bg_expo_owl_dots.png) no-repeat;}
#banner .owl-carousel .owl-dots .owl-dot{ width:12px; height:12px; background:#a1a1a1; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; float:left; margin-right:10px;}
#banner .owl-carousel .owl-dots .owl-dot:last-child{ margin-right:0;}
#banner .owl-carousel .owl-dots .owl-dot:nth-child(1){}
#banner .owl-carousel .owl-dots .owl-dot:nth-child(2){}
#banner .owl-carousel .owl-dots .owl-dot:nth-child(3){}
#banner .owl-carousel .owl-dots .owl-dot.active{ background:#d14342;}

#content #banner .content{ z-index:9; position:absolute; top:0; left:50%; margin-left:-515px; width:460px; padding:0;}
#content #banner .content .txt_area{ padding-top:75px; width:460px;}
#content #banner .content .txt_area p.st{ font-size:24px; line-height:34px;}
#content #banner .content .txt_area p.st span{ font-size:30px; font-weight:bold;}
#content #banner .content .txt_area p.nd{ font-size:24px; line-height:34px;}
#content #banner .content .button{ position:absolute; bottom:0; line-height:56px; font-size:20px; padding-left:20px; background:url(/home/images/bg_icon_banner_button.jpg) left 20px center #d14342 no-repeat; left:10px; width:418px; padding-left:152px;}

#content #banner:after{ content:""; background:#d14342; height:100%; right:0px; position:absolute; top:0px; width:35%; z-index:-1;}

#content .content{ padding:0 33px;}
#content .content .part{ border-bottom:1px dotted #000; padding:50px 33px;}
#content .content .part .tl{ font-size:24px; font-weight:bold; line-height:32px; margin-bottom:20px;}
#content .content .part:after{ content:""; display:table; clear:both;} 

#content #txt_area .content{ border-bottom:1px dotted #000; margin-bottom:30px; padding-bottom:20px;}
#content #txt_area .content p{ font-size:16px; line-height:24px; margin-top:0; margin-bottom:15px; padding:0 58px;}
#content #txt_area .content p:last-child{ color:#e40228;}

#content #video .content .item{ padding:0 0 10px 20px;}
#content #video .content .item:after{ content:""; display:table; clear:both;}
#content #video .content .tl{ font-size:30px; line-height:40px; color:#e71032; font-weight:bold; margin:10px 0; padding:0 58px;}
#content #video .content .txt_area{ width:494px; float:right; margin-right:48px;}
#content #video .content .txt_area .person{ border:solid #e2e2e2; border-width:5px 5px 5px 0; margin-bottom:13px; padding:5px 0;}
#content #video .content .txt_area .person .name{ font-size:24px; line-height:32px; padding-left:15px; font-weight:bold;}
#content #video .content .txt_area .person .name.small{ font-size:21px;}
#content #video .content .txt_area .person .title{ font-size:18px; line-height:28px; padding-left:15px;}
#content #video .content .txt_area .person .title span{ color:#e71032;}
#content #video .content .txt_area .txt{ font-size:15px; padding-left:15px; line-height:24px;}
#content #video .content .txt_area .txt a.more{ background:url(/home/images/icon_more_arrow.jpg) no-repeat center right 10px #e50027; margin-bottom:28px; font-size:15px; font-weight:bold; line-height:22px; padding:8px 30px 8px 12px; color:#fff; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; box-sizing:border-box; margin-top:15px; float:left;}
#content #video .content .disclaimer{ margin:10px 0; font-size:12px; padding:0 58px;}
#content #video .content .video{ /*width:540px; float:left; background:#000; margin-left:58px;*/ width:540px; float:left; background:#000; margin-left:58px; height:0; padding-bottom:28%; overflow:hidden; position:relative;}
#content #video .content .video iframe{ top:0; left:0; width:100%; height:100%; position:absolute;}
#content #video .content:after{ content:""; display:table; clear:both;}

#content #main_content{ background:#f6f7f9; margin-top:20px;}
#content #main_content .content{ border-top:5px solid #000; width:1026px; padding:19px 0;}
#content #main_content .content ul li .number{ background:#e50027; color:#FFF; width:56px; text-align:center; line-height:56px; font-size:50px; font-weight:bold; font-style:italic; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#content #main_content .content ul li .box_area{ background:#fff; border:1px solid #e2e2e2; padding:20px; width:820px; position:relative;}
#content #main_content .content ul li .box_area:after{ content:""; width:30px; height:16px; top:-1px;}
#content #main_content .content ul li .box_area .txt p{ margin-top:0; margin-bottom:10px;}
#content #main_content .content ul li .box_area .txt p:last-child{ margin-bottom:0; }
#content #main_content .content ul li .box_area .txt p:last-child a.link{ color:#e60028; background:#f2f2f2; display:inline-block; padding:0 5px;}
#content #main_content .content ul li .box_area .txt p:last-child a.link:hover{ background:#e60028; color:#FFF;}

#content #main_content .content ul li{ margin:19px 0;}
#content #main_content .content ul li .left_side{ float:left;} 
#content #main_content .content ul li .left_side.number{ margin-left:10px; margin-right:20px;}
#content #main_content .content ul li .left_side.box_area{ margin-left:30px; margin-right:45px; -webkit-border-radius:10px; -webkit-border-top-right-radius:0; -moz-border-radius:10px; -moz-border-radius-topright:0; border-radius:10px; border-top-right-radius:0;}
#content #main_content .content ul li .left_side.box_area:after{ position:absolute; right:-30px; background:url(/home/images/expo/bg_arrow_expo_right.jpg) no-repeat;}
#content #main_content .content ul li .right_side{ float:right;} 
#content #main_content .content ul li .right_side.number{ margin-right:10px; margin-left:20px;}
#content #main_content .content ul li .right_side.box_area{ margin-right:45px; margin-left:30px; -webkit-border-radius:10px; -webkit-border-top-left-radius:0; -moz-border-radius:10px; -moz-border-radius-topleft:0; border-radius:10px; border-top-left-radius:0;}
#content #main_content .content ul li .right_side.box_area:after{ position:absolute; left:-30px; background:url(/home/images/expo/bg_arrow_expo_left.jpg) no-repeat;}
#content #main_content .content ul li .tl{ background:#e2e2e2; text-align:center; font-weight:bold; font-size:18px; margin-top:20px; line-height:34px;}
#content #main_content .content ul li .border_img{ border:1px solid #e2e2e2; text-align:center;}
#content #main_content .content ul li .border_img img{ max-width:100%; height:auto;}

#content #main_content .content ul li .border_img.point_four ul li{ margin:20px; float:none; text-align:left;}
#content #main_content .content ul li .border_img.point_four .table{ margin:0 20px;}
#content #main_content .content ul li .border_img.point_four .table table thead th{ border-top:1px solid #e5e5e5;}
#content #main_content .content ul li .border_img.point_four .txt{ margin:20px; text-align:left;}
#content #main_content .content ul li .border_img.point_four .txt a.link{ color:#e60028; background:#f2f2f2; display:inline-block; padding:0 5px;}

#content #main_content .content ul li .table{ margin-top:20px;}
#content #main_content .content ul li .table table thead th{ text-align:center; background:url(/home/images/bg_table_thead.gif) repeat; line-height:22px; border-bottom:2px solid #e5e5e5; padding:4px 3px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; width:33%; font-size:13px;}
#content #main_content .content ul li .table table thead th:first-child{ width:34%;}
#content #main_content .content ul li .table table tbody td{ text-align:center; padding:4px 3px; line-height:22px; font-size:13px; font-weight:bold; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}


#content #know_more .content .part{ border-bottom:none; padding:70px 33px;}
#content #know_more .tl{ font-size:42px; font-weight:bold; color:#e71032;}
#content #know_more p.tl{ font-weight:bold; font-size:18px; margin:10px 0; line-height:21px; color:#000;}
#content #know_more p.tl a.link{ color:#e71032; font-size:24px; background:url(/home/images/minisite/icon_url_arrow.jpg) no-repeat left; padding-left:30px;}
#content #know_more .icon_area{ width:100%; margin-top:40px;} 
#content #know_more .icon_area ul li{ width:25%; padding:0 30px; box-sizing:border-box; background:url(/home/images/minisite/line_icon_area.jpg) no-repeat right;}
#content #know_more .icon_area ul li:last-child{ background:none; padding-right:0;}
#content #know_more .icon_area ul li .icon{ float:left; margin-right:10px; margin-right:15px;}
#content #know_more .icon_area ul li .txt{ float:left; font-size:24px; line-height:24px; font-weight:bold; margin:15px 0;}
#content #know_more .icon_area ul li .txt span{ font-weight:normal; color:#e71032;}
#content #know_more .icon_area:after{ content:""; display:table; clear:both;}
  


/*mobile none*/
.mobile_menu{ display:none;}
.mobile_menu_area{ display:none;}
.mobile_clear{ display:none;}
.mobile_only{ display:none;}
.desktop_only{ display:block;}
.last_close .desktop_only{ display:inline-block;}
th.desktop_only, td.desktop_only{ display:table-cell;}

 

@media only screen and (max-width: 767px){
body{ font-size:14px;}
	
/*mobile*/
html.mobile #page{ background:#FFF;}
html.mobile #page{ padding-top:60px;}
html.mobile body input[type="text"], html.mobile body input[type="password"], html.mobile body textarea{ border-radius:0px;}

.mobile_menu{ display:block;}
.mobile_menu_area{ display:block; position:fixed!important;}
.mobile_clear{ display:block;}
.mobile_only{ display:block;}
.desktop_only, th.desktop_only, td.desktop_only{ display:none;}

.mobile_menu_area{ display:block; z-index:99999999999!important; height:60px!important; border-bottom:1px solid #e5e5e5;}
.mobile_menu_area{ height:auto; width:100%; z-index:9999999999; position:fixed; top:0; border-bottom:#e5e5e5 solid 1px; background:#FFF;}
.mobile_menu_area .menu_area{ display:none;}
.mobile_menu_area .logo{ height:59px; background: url(/home/images/logo.jpg) no-repeat 15px -6px #fff; background-size:244px auto;}
.mobile_menu_area .logo a{ height:59px; width:260px; float:left; }

.mobile_menu{ display:block;}
.mobile_menu.button_area{ width:32px; height:32px; position:fixed; right:15px; top:14px; z-index:9999999999;}
.mobile_menu.button_area .button{ background:url(../images/bg_mobile_menu_button.gif) no-repeat center; width:32px; height:32px;}
.mobile_menu_area{ display:block;}

.mobile_menu_content{ padding:7px 0; font-size:15px;}

.mobile_menu_content ul.menu_area{ padding:0; margin:0 0 80px 0; list-style:none; }
.mobile_menu_content ul.menu_area li{ line-height:38px; float:none;}
.mobile_menu_content ul.menu_area li .last{ margin-bottom:20px!important;}
.mobile_menu_content ul.menu_area li a{ display:block; text-decoration:underline;}

.mobile_menu_content ul.menu_area > li > ul{display: none;}
.mobile_menu_content ul.menu_area li ul.show_menu{
	display:block;
}
.mobile_menu_content ul.menu_area li ul.product_sub.show_menu,
.mobile_menu_content ul.menu_area li ul.edu_sub.show_menu,
.mobile_menu_content ul.menu_area li ul.tools_sub.show_menu{
	 border-bottom:1px solid #e5e5e5;
}
.mobile_menu_content ul.menu_area li .tl{
/*	overflow: hidden;*/
}
.mobile_menu_content ul.menu_area li .tl span{
	float:right;
    margin-top:8px;
}

.mobile_menu_content ul.menu_area li .tl .up_btn img{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg); /* Standard syntax */
}

.mobile_menu_content ul.menu_area li .tl{ border-bottom:1px solid #e5e5e5; font-weight:bold; padding-left:15px;padding-right:15px; text-transform:uppercase; font-size:14px;}
.mobile_menu_content ul.menu_area li .tl.topline{ border-top:1px solid #e5e5e5;}
.mobile_menu_content ul.menu_area li .sub_tl{ border-left:2px solid #e60028; padding-left:10px; line-height:34px; margin:6px 0 6px 15px;}
.mobile_menu_content ul.menu_area li .sub_tl, .mobile_menu_content ul li .sub_tl a{ color:#e60028;}
.mobile_menu_content ul.menu_area li ul.sub_li{ margin-left:28px; margin-top:-5px; margin-bottom:0px;}
.mobile_menu_content ul.menu_area li ul.sub_li li{ line-height:28px;}
.mobile_menu_content ul.menu_area{ margin-top:15px;}

.mobile_menu_content .login{ background:url(/home/images/bg_button_login.jpg) no-repeat #e60028 18px center; text-align:center; line-height:36px; margin:15px;}
.mobile_menu_content .login a{ color:#FFF; display:block; text-transform:uppercase;}

.mobile_menu_content .member_area{ margin:10px 15px 15px 15px;}
.mobile_menu_content .member_area .member_info{ line-height:25px;}
.mobile_menu_content .member_area .member_info, .mobile_menu_content .member_area .member_info .member_name a{ color:#e60028;}
.mobile_menu_content .member_area .member_info .logout{ font-size:14px; text-align:right;}

.mobile_menu_content .quick_search{ background:#e5e5e5; padding:6px 15px;}
.mobile_menu_content .quick_search input[type="text"]{ width:178px; line-height:22px; height:22px; float:left; font-size:15px;}
.mobile_menu_content .quick_search button{ background:url(/home/images/icon_search_red.jpg) no-repeat center #e60028; border:none; outline:none; width:34px; height:34px; text-indent:-9999px;}

.mobile_menu_content .lang_area{ background:#30343e; color:#fff; line-height:38px; margin-top:7px;}
.mobile_menu_content .lang_area .tl{ padding-left:15px; float:left; margin-right:5px; text-transform:uppercase; font-size:14px;}
.mobile_menu_content .lang_area ul{ margin:0; padding:0; list-style:none; float:right; margin-right:15px;}
.mobile_menu_content .lang_area ul li{ float:left; margin-left:5px;}
.mobile_menu_content .lang_area ul li a{ padding:5px; background:#fff; color:#e60028; text-decoration:underline;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mobile_menu_content .lang_area ul li a.current{ background:#b6bdc5; color:#30343e; text-decoration:none;}

.mobile_menu_content #mloginBoxDiv .ac_results{ width:auto!important; padding:0 0 6px 0; background:#e5e5e5;}
.mobile_menu_content #mloginBoxDiv .ac_results li a{ } 
.mobile_menu_content #mloginBoxDiv .ac_results ul{
max-height:initial!important;
overflow-y:initial!important;
overflow-x:initial!important;
}
.mobile_menu_content #mloginBoxDiv .ac_results ul li{ margin:0 15px; border-bottom:1px solid #e5e5e5; background:#f6f7f8; padding:3px 5px; float:none;} 
.mobile_menu_content #mloginBoxDiv .ac_results ul li a .code{ color:#e60028; font-weight:blod;}
.mobile_menu_content #mloginBoxDiv .ac_results ul li a .name{ color:#000;}

.content{ width:100%; box-sizing:border-box; padding:0; margin:0}

#content .content{ padding:15px 15px 0 15px;}
#content .content .part{ padding:0;}
#content .content .part .tl{ margin-bottom:10px;}

#content #banner{ padding:0;}
#content #banner .content{ padding:15px 0 0 0; left:0; margin-left:0; width:100%;}
#content #banner .owl-carousel .owl-dots{ display:none; width:100%; margin-right:0; bottom:-11px; padding:15px; background:#000; right:unset; box-sizing:border-box;}
#content #banner .content .txt_area{ width:100%; height:auto; padding:0 15px; box-sizing:border-box;}
#content #banner .owl-carousel{ background:url(/home/images/expo/banner_mobile_expo.jpg) no-repeat bottom right;}
#content #banner .owl-carousel .item{ background:none!important; background-size:contain!important; background-position:center!important; height:270px!important;}

#content #banner .content .txt_area p.st{ line-height:28px;}
#content #banner .content .txt_area p.nd{ line-height:28px;}
#content #banner .content .txt_area p.nd br{ display:none;}

#content #video .content{ padding:0 15px;}
#content #video .content .item{ padding:0 0 10px 0;}
#content #video .content .txt_area{ width:100%;}
#content #video .content .txt_area .person{ border-width:0 5px 5px 5px; padding:5px 10px;}
#content #video .content .txt_area .person .name{ padding-left:0;}
#content #video .content .txt_area .person .title{ padding-left:0;}
#content #video .content .txt_area .txt{ padding:0 15px;}
#content #video .content .tl{ min-height:0; line-height:34px;}
#content #video .content .tl br{ display:none;}
#content #video .content .txt_area .txt{ padding:0;}
#content #video .content .txt_area .txt a.more{ width:100%; text-align:center; margin-bottom:15px;}

#content #txt_area .content p{ padding:0;}
#content #video .content .tl{ padding:0;}
#content #video .content .video{ width:100%; margin-left:0; padding-bottom:60%;}

#content #video .content .video img{ width:100%; height:auto;}
#content #video .content .txt_area{ margin-right:0;}
#content #video .content .disclaimer{ padding:0;}

#content #main_content .content{ width:100%;}
#content #main_content .content ul li { margin:10px 0;}
#content #main_content .content ul li .left_side{ float:none;}
#content #main_content .content ul li .right_side{ float:none;}
#content #main_content .content ul li .box_area{ margin-left:10px!important; margin-right:10px!important; width:calc(100% - 20px); box-sizing:border-box; 
-webkit-border-top-left-radius:0!important;
-webkit-border-top-right-radius:0!important;
-webkit-border-bottom-left-radius:10px!important;
-webkit-border-bottom-right-radius:10px!important;
-moz-border-radius-topleft:0!important;
-moz-border-radius-topright:0!important;
-moz-border-radius-bottomleft:10px!important;
-moz-border-radius-bottomright:10px!important;
border-top-left-radius:0!important;
border-top-right-radius:0!important;
border-bottom-left-radius:10px!important;
border-bottom-right-radius:10px!important;}
#content #main_content .content ul li .box_area:after{ display:none;}
#content #main_content .content ul li .border_img img{ width:100%; height:auto;}
#content #main_content .content ul li .number{ width:calc(100% - 30px); line-height:30px; font-size:24px; padding-left:10px; text-align:left; margin:0 10px!important;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;}

#content #main_content .content ul li .table table thead th{ line-height:16px; padding:7px 3px;}

#content #main_content .content ul li .box_area .txt p:last-child a.link{ word-break:break-all;}
#content #main_content .content ul li .table table tbody td{padding:7px 3px; line-height:16px;}

#content #main_content .content ul li .border_img.point_four ul li{ width:auto; margin:15px 15px;}
#content #main_content .content ul li .border_img.point_four .table{ width:auto; margin:0 15px;}
#content #main_content .content ul li .border_img.point_four .txt{ width:auto; margin:15px 15px;}
#content #main_content .content ul li .border_img.point_four .table{ width:auto; margin:0 15px;}
#content #main_content .content ul li .border_img.point_four .table tbody td img{ width:auto;}

#content #know_more .content .part{ padding:30px 0 0 0;}
#content #know_more .tl{ font-size:32px;}
#content #know_more .icon_area{ margin-top:15px;}
#content #know_more .icon_area ul li{ width:50%; background:none; padding:0; text-align:center;}
#content #know_more .icon_area ul li .icon{ float:none; width:100%; text-align:center;}
#content #know_more .icon_area ul li .txt{ text-align:center; width:100%; margin:10px 0;}
}

@media only screen and (max-width: 320px){
#content #banner .owl-carousel .item{ height:330px!important;}
}