@charset "UTF-8";
/* CSS Document */

/*Font Size & Letter Spacing*/
@media screen and (max-width: 1031px) { 
  body{ font-size:14px;}
}
@media screen and (max-width: 963px) { 
  body{ font-size:13px;}
}

@media screen and (max-width: 959px) { 
  #pc-navi{ display:none; display:-webkit-none; display:-moz-none;}
  #mobile-navi{ display:block; display:-webkit-block; display:-moz-block;}
  /*Index Banner*/
  #pc-bn{ display:none;}
  #mobile-bn{ display:block;}
  /*Index Content*/
  #index-content{ display:block;}
  #index-content .index_col_1{ width:95%;}
  #index-content .index_col_2{ width:95%;}
  #pc-index-content{ display:none; display:-webkit-none; display:-moz-none; display:-ms-none;}
  #m-index-content{ display:block;}
  /*Hide Footer Map*/
  #footer_map{ display:none; display:-webkit-none; display:-moz-none; display:-ms-none;}
  /*Hide Internal Banner*/
  #inter_bn{ display:none;}
  /*Hide Member Registration Icons*/
  #rgst_tb_title img{ width:30px; height:30px;}
  #rgst_tb_title{ font-size:2em;}
  /*Adjust Member Registration Padding*/
  #rgst_tb{ padding-left:0px;}
  #rgst_tb .input .text, #rgst_tb .input .pw{width:60%;}
  /*Internal Menu*/
  #mobile_container{ display:block;}
  #pc_container{ display:none;}
  #main_container{ width:100%; margin:0 auto 20px auto;}
  #main_container .maincontent{ width:90%; margin:70px auto 0 auto; float:none; border:none;}
  #content_section{	border:1px solid #ffc988;
	-moz-box-shadow:5px 5px rgba(100%,70%,0%,0.2);
	-webkit-box-shadow:5px 5px rgba(100%,70%,0%,0.2);
	box-shadow:5px 5px rgba(100%,70%,0%,0.2);
	margin:3% auto;
}
  /*Service Plates*/
  #plates-img-pc{ display:none;}
  #plates-img-m{ display:block;}
  #pc-plate_desc{ display:none;}
  /*Tutorial*/
  #pc-tutorial-videos{ display:block;}
  #pc-tutorial-videos .vdo_left{ width:95%;display:block;}
  #pc-tutorial-videos .vdo_right{ width:95%;display:block;}
  /*contact Us*/
  #contact .contact_info{ width:100%;}
  #contact .map{ width:100%;}
  /*highlight*/
  #bn_hl{ width:90%; margin:2% auto;}
  #rightA{ width:90%; margin:0 auto;}
  #rightB{ width:90%; margin:0 auto;}
  #rightC{ width:90%; margin:1em auto;}
  /*Contact Map*/
  #contact{font-size:1.3em;}
  #top{ display:none;}
  #lang{ display:none;}
  /*Member*/
  #main_container .member{width:98%;}
  #main_container .member h1{width:96%;}
  #main_container .member h3{padding-left:10px;}
  #rgst_tb{width:98%;}
  #rgst_tb .item{width:20%;}
  #rgst_tb .input{width:80%;}
  #rgst_tb .input .text, #rgst_tb .input .pw{width:70%;}
  #rgst_tb .input .add_1{width:20%;}
  #rgst_tb .input .add_2{width:70%;}
  .article_content {font-size:1em;}
}
/*Cell Phone Navi*/
@media screen and (max-width: 441px) { 
  body{ font-size:9px;}
  #corp_logo{ width:120px; margin-top:20px;}
  #corp_logo img{ width:120px; height:44px;}
  #mobile-navi ul.navigation li img{ width:35px; height:35px;}
  #mobile-navi{ height:50px;}
  #mobile-navi ul.navigation{ margin-left:-30px; margin-top:20px;}
  footer .follow img{width:45px; height:45px;}
  #m_menu, #m_menu ul li a, #m_menu ul li a:hover{ font-size:7px; letter-spacing:0px;}
  #m_menu ul{ margin-left:-50px;}
  /*Content Fonts*/
  #main_container .maincontent{font-size:15px;}
  .container h1{line-height:1.5em;}
  #content_section .pr_title{line-height:1.5em;}
}

/*Cell Phone Menu*/
@media screen and (max-width: 539px) { 
  #m_menu, #m_menu ul li a, #m_menu ul li a:hover{ font-size:11px;}
  /*Tutorials Item*/
  .videos .list .item{width:27%;}
}
/*Cell Phone RightAB*/


@media screen and (min-width: 960px) { 
  /*Index Banner*/
  #mobile-bn{ display:none;}
  /*Index Content*/
  #m-index-content{ display:none;}
  /*#pc-index-content{ display:box; display:-webkit-box; display:-moz-box; display:-ms-box;}*/
  #pc-index-content{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex;}
  #index-content{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex;}
  #index-content .index_col_1{ width:48%;}
  #index-content .index_col_2{ width:40%;}
  /*Service Plates*/
  #pc-plate_desc{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex;}
  /*Tutorials*/
  #pc-tutorial-videos{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex;}
  #pc-tutorial-videos .vdo_left{ width:65%;}
  #pc-tutorial-videos .vdo_right{ width:30%;}
  /*Mobile Menu*/
  #m_menu{display:none;}
  /*highlight*/
  #highlight{ display:none;}
  #bn_hl{ width:100%; z-index:13; margin-bottom:4%;}
  #rightA{ width:100%; z-index:13;}
  #rightB{ width:100%; z-index:13; margin-top:8%;}
  #rightC{ width:100%; z-index:13; margin-top:8%;}


  /*#footer_map{ display:box; display:-webkit-box; display:-moz-box; display:-ms-box;}*/
  #footer_map{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex;}
  /*Adjust Member Registration Padding*/
  #rgst_tb{ padding-left:90px;}
  /*Adjust Login Box Size*/
  #login{ min-width:90%;}
  /*Internal Menu*/
  #mobile_container{ display:none;}
  #pc_container{ display:block;}
  /*contact Us*/
  #contact .contact_info{ width:45%;}
  #contact .map{ width:50%;}
  /*Service Plates*/
  #plates-img-pc{ display:block;}
  #plates-img-m{ display:none;}
}


@media screen and (min-width: 960px) { 
/*internal menu*/
#internmenu{
	width:20%;
	margin-right:20px;
	max-width:280px;
	border:1px solid #ffc988;
	-moz-box-shadow:5px 5px rgba(100%,70%,0%,0.2);
	-webkit-box-shadow:5px 5px rgba(100%,70%,0%,0.2);
	box-shadow:5px 5px rgba(100%,70%,0%,0.2);
	float:left;
	background:#fff;
	position:relative;
	font-size:14px;
}
#internmenu ul li{
	width:100%;
	min-width:150px;
	/*height:40px;*/
	margin:0 1% 0 0;
	text-indent:10px;
	font-weight:normal;
	line-height:40px;
	border-bottom:1px dotted #CCC;
	list-style:url(../imgs/shared/ic_li_1.png) outside;
	box-sizing:border-box;
	clear:both;
}
#internmenu ul li a{
	color:#666;
	font-size:1em;
	line-height:40px;
	display:block;
}
#internmenu ul li a:hover{
	color:#ffa800;
	background:#fff8ed;
	display:block;
}
}
@media screen and (max-width: 959px) { 
/*internal menu*/
#submenu{ display:none;}
#internmenu{
	width:100%;
	margin:0 0 100px 0;
	float:left;
	position:fixed;
	background:#ffa800;
	border-bottom:1px solid #fff8ed;
	z-index:9;
}
#internmenu ul {
	margin-top:0px;
	margin-left:-30px;
	line-height:30px;
}
#internmenu ul li{
	letter-spacing:0;
	padding:10px 0;
	box-sizing:border-box;
	margin:0;
	line-height:2em;
	position: relative;
	box-sizing:border-box;
	float: left;
}
#internmenu ul li a{
	font-size:1.2em;
	display: block;
	color: #fff;
	padding:0 10px;
	box-sizing:border-box;
}
#internmenu ul li a:hover{
	font-size:1.2em;
	display: block;
	color: #fff;
	box-sizing:border-box;
	background:#feb939;
	border-radius:5px;
}
}