/* =======================================================================
    Responsive
========================================================================== */
.subcontent_top { clear:both;width:729px; }
.subcontent_top img { width:729px; }
.intro01 { clear:both;padding:40px; }
.intro01 .section0 { clear:both; }
.intro01 .section1 { clear:both;width:100%;font-weight:normal;font-size:12px;color:#666; }
.intro01 .section1 .section1_left { float:left;width:470px;padding-top:40px;line-height:200%; }
.intro01 .section1 .section1_right { float:left;width:160px;padding-left:10px;text-align:center; }
.intro01 .section2 { clear:both;width:100%;padding-top:40px; }
.intro01 .section3 { clear:both;width:100%;padding-top:20px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
.intro01 .section4 { clear:both;width:100%; }
.intro01 .section4 .icons { float:left;width:156px;padding:31px 30px 50px 30px;text-align:center; }
.intro01 .section5 { clear:both;width:100%;padding-top:50px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
.intro01 .section6 { clear:both;width:100%;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
.intro01 .section7 { clear:both;width:100%;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }

.intro02 { clear:both;padding:70px 27px 0 27px; }
.intro02 .section0 { clear:both; }
.intro02 .section0 img { width:100%; }

.intro03 { clear:both;padding:40px 39px 40px 40px; }
.intro03 #priamrys { clear:both; }
.intro03 #priamrys ul { list-style:none;padding:0;margin:0; }
.intro03 #priamrys ul li { float:left; }
.intro03 #priamrys ul li p { font-weight:bold;font-size:20px;font-family:arial; }
.txtcontent { clear:both;padding-top:52px; }
.history_content { clear:both;padding:0 20px 20px 20px; }
.history_content .subtitle { clear:both;width:580px;height:16px;padding-bottom:34px;border-bottom:1px solid #333;margin-bottom:40px; }
.history_content .tbl_history { clear:both;border:0; }
.history_content .tbl_history tr { border:0; }
.history_content .tbl_history th { width:50px;color:#ee623d;border:0;text-align:left;vertical-align:top;font-size:12px; }
.history_content .tbl_history td { width:480px;height:20px;border:0;color:#666;text-align:left;font-size:12px;}
.listhead { font-weight:bold; }
.overStyle { float:left;width:108px !important;height:50px !important;cursor:pointer;padding:10px 10px 20px 10px !important;overflow:hidden;color:#fff;background-color:#000; }
.outStyle { float:left;width:108px !important;height:40px !important;border:1px solid #e5e5e5;cursor:pointer;margin-top:10px;margin-bottom:10px;padding:2px 10px 20px 10px !important;overflow:hidden;color:#000;background-color:#fff; }

.intro04 { clear:both;overflow:hidden;padding:40px 30px 40px 40px; }
.intro04 ul { list-style:none;padding:0;margin:0; }
.intro04 ul li { float:left;width:210px;margin:30px 0 10px 0;text-align:center;overflow:hidden; }
.intro04 ul li p {height:40px;}

.intro05 { clear:both;padding:40px 30px 40px 40px;overflow:hidden; }
.intro05 .section0 { clear:both;width:100%;text-align:center;padding-top:100px; }
.intro05 ul { list-style:none;height:177px;padding:0;margin:90px 0 0 0;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
.intro05 ul li { float:left;width:129px;height:58px;text-align:center;margin:0;padding:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; }

.intro06 { clear:both;padding:40px 30px 40px 40px;overflow:hidden; }
.intro06 #contactus_map { clear:both;width:650px;height:500px; }
.intro06 .map_wrap { clear:both;width:100%;height:98px;margin:0;border-bottom:1px solid #e5e5e5; }
.intro06 .map_wrap .map_icon { float:left;width:58px;padding:20px 10px 20px 10px; }
.intro06 .map_wrap ul { float:left;width:450px;list-style:none;margin:0;padding:20px 10px 20px 10px; }
.intro06 .map_wrap ul li { clear:both;margin:0;padding:0; }
.intro06 .map_wrap .map_icons { float:left;width:85px;padding:20px 10px 20px 10px; }

.sub_banner { clear:both;padding-top:83px; }
.sub_banner ul { list-style:none;margin:0;padding:0; }
.sub_banner ul li { display:block;padding-top:5px; }
.sub_banner ul li img { border:1px solid #e5e5e5; }


@media only screen and (max-width: 1025px) {

	.subcontent_top { clear:both;width:729px; }
	.subcontent_top img { width:729px; }
	.intro01 { clear:both;padding:40px; }
	.intro01 .section0 { clear:both; }
	.intro01 .section1 { clear:both;font-weight:normal;font-size:12px;color:#666; }
	.intro01 .section1 .section1_left { float:left;width:460px;padding-top:40px;line-height:200%; }
	.intro01 .section1 .section1_right { float:left;width:160px;text-align:center; }
	.intro01 .section2 { clear:both;padding-top:40px; }
	.intro01 .section3 { clear:both;padding-top:20px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section4 { clear:both; }
	.intro01 .section4 .icons { float:left;padding:31px 30px 50px 30px;text-align:center; }
	.intro01 .section5 { clear:both;padding-top:50px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section6 { clear:both;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section7 { clear:both;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }

	.intro02 { clear:both;padding:70px 27px 0 27px; }
	.intro02 .section0 { clear:both; }

	.intro03 { clear:both;padding:40px 39px 40px 40px; }
	.intro03 #priamrys { clear:both; }
	.intro03 #priamrys ul { list-style:none;padding:0;margin:0; }
	.intro03 #priamrys ul li { float:left;width:108px !important;height:18px !important;border:1px solid #e5e5e5;cursor:pointer;margin-top:10px;margin-bottom:10px;padding:10px;overflow:hidden; }
	.intro03 #priamrys ul li p { font-weight:bold;font-size:20px;font-family:arial; }
	.txtcontent { clear:both;padding-top:52px; }
	.history_content { clear:both;padding:0 20px 20px 20px; }
	.history_content .subtitle { clear:both;width:580px;height:16px;padding-bottom:34px;border-bottom:1px solid #333;margin-bottom:40px; }
	.history_content .tbl_history { clear:both;border:0; }
	.history_content .tbl_history tr { border:0; }
	.history_content .tbl_history th { width:50px;color:#ee623d;border:0;text-align:left;vertical-align:top;font-size:12px; }
	.history_content .tbl_history td { width:480px;height:20px;border:0;color:#666;text-align:left;font-size:12px;}
	.listhead { font-weight:bold; }

	.intro04 { clear:both;overflow:hidden;padding:40px 30px 40px 40px; }
	.intro04 ul { list-style:none;padding:0;margin:0; }
	.intro04 ul li { float:left;width:160px;margin:40px 0 10px 0;text-align:center; }
	
	
	.intro05 { clear:both;padding:40px 30px 40px 40px;overflow:hidden; }
	.intro05 .section0 { clear:both;width:100%;text-align:center;padding-top:100px; }
	.intro05 ul { list-style:none;width:651px;height:177px;padding:0;margin:90px 0 0 0;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
	.intro05 ul li { float:left;width:129px;height:58px;text-align:center;margin:0;padding:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; }
	
	.intro06 { clear:both;padding:40px 30px 40px 40px;overflow:hidden; }
	.intro06 #contactus_map { clear:both;width:650px;height:500px; }
	.intro06 .map_wrap { clear:both;width:100%;height:128px;margin:0;border-bottom:1px solid #e5e5e5; }
	.intro06 .map_wrap .map_icon { float:left;width:58px;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul { float:left;width:240px;list-style:none;margin:0;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul li { clear:both;margin:0;padding:0; }
	.intro06 .map_wrap .map_icons { float:left;width:85px;padding:20px 0 20px 5px; }

	.sub_banner { clear:both;240px;padding-top:83px; }
	.sub_banner ul { list-style:none;margin:0;padding:0; }
	.sub_banner ul li { display:block;padding-top:5px; }


}
/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.subcontent_top { clear:both;width:480px; }
	.subcontent_top img { width:480px; }
	.intro01 { clear:both;width:440px;padding:20px; }
	.intro01 .section0 { clear:both; }
	.intro01 .section1 { clear:both;width:100%;font-weight:normal;font-size:12px;color:#666; }
	.intro01 .section1 .section1_left { float:left;padding-top:40px;line-height:200%; }
	.intro01 .section1 .section1_right { float:left;padding-left:10px;text-align:center; }
	.intro01 .section2 { clear:both;width:100%;padding-top:40px; }
	.intro01 .section3 { clear:both;width:100%;padding-top:20px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section4 { clear:both;width:100%; }
	.intro01 .section4 .icons { float:left;width:156px;padding:31px 30px 50px 30px;text-align:center; }
	.intro01 .section5 { clear:both;width:100%;padding-top:50px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section6 { clear:both;width:100%;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section7 { clear:both;width:100%;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }

	.intro02 { clear:both;width:440px;padding:50px 20px 0 20px; }
	.intro02 .section0 { clear:both; }
	.intro02 .section0 img { width:440px; }

	.intro03 { clear:both;width:440px;padding:20px; }
	.intro03 ul { list-style:none;padding:0;margin:0; }
	.intro03 ul li { float:left;width:108px;height:18px;float:left;border:1px solid #e5e5e5;padding:20px 10px 20px 10px;cursor:pointer;margin-top:10px;margin-bottom:10px; }
	.intro03 ul li p { font-weight:bold;font-size:20px;font-family:arial; }
	.txtcontent { clear:both;padding-top:52px; }
	.history_content { clear:both;padding:0 20px 20px 20px; }
	.history_content .subtitle { clear:both;width:100%;height:16px;padding-bottom:34px;border-bottom:1px solid #333;margin-bottom:40px; }
	.history_content .tbl_history { clear:both;border:0; }
	.history_content .tbl_history tr { border:0; }
	.history_content .tbl_history th { width:50px;color:#ee623d;border:0;text-align:left;vertical-align:top;font-size:12px; }
	.history_content .tbl_history td { width:480px;height:20px;border:0;color:#666;text-align:left;font-size:12px;}
	.listhead { font-weight:bold; }

	.intro04 { clear:both;overflow:hidden;padding:40px 20px 40px 20px; }
	.intro04 ul { list-style:none;padding:0;margin:0; }
	.intro04 ul li { float:left;width:210px;margin:40px 0 10px 0;text-align:center; }
	
	.intro05 { clear:both;padding:40px 30px 40px 40px;overflow:hidden; }
	.intro05 .section0 { clear:both;width:100%;text-align:center;padding-top:100px; }
	.intro05 ul { list-style:none;width:391px;height:296px;padding:0;margin:90px 0 0 20px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
	.intro05 ul li { float:left;width:129px;height:58px;text-align:center;margin:0;padding:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; }

	.intro06 { clear:both;padding:30px 30px 30px 30px;overflow:hidden; }
	.intro06 #contactus_map { clear:both;width:430px;height:350px; }
	.intro06 .map_wrap { clear:both;width:100%;height:128px;margin:0;border-bottom:1px solid #e5e5e5; }
	.intro06 .map_wrap .map_icon { float:left;width:58px;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul { float:left;width:240px;list-style:none;margin:0;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul li { clear:both;margin:0;padding:0; }
	.intro06 .map_wrap .map_icons { float:left;width:85px;padding:20px 0 20px 5px; }
	
	#priamrys {
		height: 40px;
		padding: 15px;
	}
	#priamrys ul { display: none; }
	#priamrys select { display: block; }
	#priamrys span { width:395px;-moz-user-select: none;font-size:20px; }


	.sub_banner { clear:both;padding-top:83px; }
	.sub_banner ul { list-style:none;margin:0;padding:0; }
	.sub_banner ul li { float:left;padding-top:5px; }

}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.subcontent_top { width:440px;padding:20px 20px 10px 20px; text-align:center; }
	.subcontent_top img { width:440px; }
	.intro01 { clear:both;padding:20px 20px 0 20px; }
	.intro01 .section0 { clear:both; }
	.intro01 .section1 { clear:both;font-weight:normal;font-size:12px;color:#666; }
	.intro01 .section1 .section1_left { float:left;width:270px;padding-top:20px;line-height:200%; }
	.intro01 .section1 .section1_right { float:left;width:160px;text-align:center; }
	.intro01 .section2 { clear:both;padding-top:20px; }
	.intro01 .section3 { clear:both;padding-top:20px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section4 { clear:both; }
	.intro01 .section4 .icons { float:left;width:144px;margin:10px 0 20px 0;text-align:center; }
	.intro01 .section5 { clear:both;padding-top:50px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section6 { clear:both;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section7 { clear:both;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }

	.intro02 { clear:both;padding:70px 27px 0 27px; }
	.intro02 .section0 { clear:both; }
	.intro02 .section0 img { width:440px; }

	.intro03 { clear:both;padding:20px; }
	.intro03 ul { list-style:none;padding:0;margin:0; }
	.intro03 ul li { float:left;width:108px;height:18px;float:left;border:1px solid #e5e5e5;padding:20px 10px 20px 10px;cursor:pointer;margin-top:10px;margin-bottom:10px; }
	.intro03 ul li p { font-weight:bold;font-size:20px;font-family:arial; }
	.txtcontent { clear:both;padding-top:52px; }
	.history_content { clear:both; }
	.history_content .subtitle { clear:both;width:100%;height:16px;padding-bottom:34px;border-bottom:1px solid #333;margin-bottom:40px; }
	.history_content .tbl_history { clear:both;border:0; }
	.history_content .tbl_history tr { border:0; }
	.history_content .tbl_history th { width:50px;color:#ee623d;border:0;text-align:left;vertical-align:top;font-size:12px; }
	.history_content .tbl_history td { width:480px;height:20px;border:0;color:#666;text-align:left;font-size:12px;}
	.listhead { font-weight:bold; }

	.intro04 { clear:both;overflow:hidden;padding:40px 20px 40px 20px; }
	.intro04 ul { list-style:none;padding:0;margin:0; }
	.intro04 ul li { float:left;width:210px;margin:40px 0 10px 0;text-align:center; }
	
	
	.intro05 { clear:both;padding:20px 20px 20px 20px;overflow:hidden; }
	.intro05 .section0 { clear:both;width:100%;text-align:center;padding-top:50px; }
	.intro05 ul { list-style:none;width:391px;height:296px;padding:0;margin:40px 0 0 20px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
	.intro05 ul li { float:left;width:129px;height:58px;text-align:center;margin:0;padding:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; }

	.intro06 { clear:both;padding:30px 30px 30px 30px;overflow:hidden; }
	.intro06 #contactus_map { clear:both;width:430px;height:350px; }
	.intro06 .map_wrap { clear:both;width:100%;height:128px;margin:0;border-bottom:1px solid #e5e5e5; }
	.intro06 .map_wrap .map_icon { float:left;width:58px;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul { float:left;width:240px;list-style:none;margin:0;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul li { clear:both;margin:0;padding:0; }
	.intro06 .map_wrap .map_icons { float:left;width:85px;padding:20px 0 20px 5px; }

	#priamrys {
		height: 40px;
		padding: 15px;
	}
	#priamrys ul { display: none; }
	#priamrys select { display: block; }
	#priamrys span { width:395px;-moz-user-select: none;font-size:20px; }

	.sub_banner { clear:both;240px;padding-top:83px;  }
	.sub_banner ul { list-style:none;margin:0;padding:0; }
	.sub_banner ul li { float:left;padding-top:5px; }
	.sub_banner ul li img {width:200px;height:57.14px}

}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.subcontent_top { width:280px;padding:20px 20px 10px 20px;text-align:center; }
	.subcontent_top img { width:280px; }

	.intro01 { clear:both;padding:20px 20px 10px 20px; }
	.intro01 .section0 { clear:both; }
	.intro01 .section1 { clear:both;font-size:12px;color:#666}
	.intro01 .section1 .section1_left { float:left;width:280px;padding-top:40px;line-height:200%; }
	.intro01 .section1 .section1_right { float:left;text-align:center; }
	.intro01 .section2 { clear:both;padding-top:40px; }
	.intro01 .section3 { clear:both;padding-top:20px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section4 { clear:both; }
	.intro01 .section4 .icons { float:left;padding:31px 30px 50px 30px;text-align:center; }
	.intro01 .section5 { clear:both;padding-top:50px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section6 { clear:both;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }
	.intro01 .section7 { clear:both;padding-top:39px;font-weight:normal;font-size:12px;color:#666;line-height:200%; }

	.intro02 { clear:both;padding:70px 27px 0 27px; }
	.intro02 .section0 { clear:both; }
	.intro02 .section0 img { width:280px; }

	.intro03 { clear:both;padding:10px; }
	.intro03 ul { list-style:none;padding:0;margin:0; }
	.intro03 ul li { float:left;width:108px;height:18px;float:left;border:1px solid #e5e5e5;padding:20px 10px 20px 10px;cursor:pointer;margin-top:10px;margin-bottom:10px; }
	.intro03 ul li p { font-weight:bold;font-size:20px;font-family:arial; }
	.txtcontent { clear:both;padding-top:20px; }
	.history_content { clear:both;padding:0;border:1 solid red; }
	.history_content .subtitle { clear:both;width:100%;height:16px;padding-bottom:34px;border-bottom:1px solid #333;margin-bottom:40px; }
	.history_content .tbl_history { clear:both; }
	.history_content .tbl_history tr { border:0; }
	.history_content .tbl_history th { width:40px;color:#ee623d;border:0;text-align:left;vertical-align:top;font-size:12px; }
	.history_content .tbl_history td { width:200px;height:20px;border:0;color:#666;text-align:left;font-size:12px;}
	.listhead { font-weight:bold; }

	.intro04 { clear:both;overflow:hidden;padding:20px 10px 20px 10px; }
	.intro04 ul { list-style:none;padding:0;margin:0; }
	.intro04 ul li { float:left;width:210px;margin:20px 0 10px 30px;text-align:center; }
	
	.intro05 { clear:both;padding:10px 10px 20px 10px;overflow:hidden; }
	.intro05 .section0 { clear:both;width:100%;text-align:center;padding-top:40px; }
	.intro05 ul { list-style:none;width:261px;height:473px;padding:0;margin:3px 0 0 20px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
	.intro05 ul li { float:left;width:129px;height:58px;text-align:center;margin:0;padding:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; }

	.intro06 { clear:both;padding:20px 10px 20px 10px;overflow:hidden; }
	.intro06 #contactus_map { clear:both;width:300px;height:200px; }
	.intro06 .map_wrap { clear:both;width:100%;height:258px;margin:0;border-bottom:1px solid #e5e5e5; }
	.intro06 .map_wrap .map_icon { float:left;width:58px;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul { float:left;width:200px;list-style:none;margin:0;padding:20px 5px 20px 5px; }
	.intro06 .map_wrap ul li { clear:both;margin:0;padding:0; }
	.intro06 .map_wrap .map_icons { float:left;width:85px;padding:20px 0 20px 5px; }

	#priamrys {
		height: 40px;
		padding: 5px;
	}
	#priamrys ul { display: none; }
	#priamrys select { display: block; }
	#priamrys span { width:275px;-moz-user-select: none;font-size:20px; }


	.sub_banner { clear:both;240px;padding-top:83px; }
	.sub_banner ul { list-style:none;margin:0;padding:0; }
	.sub_banner ul li { display:block;padding-top:5px; }
}