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

/* class naming notes:
	mfrm = margin frame size
	mctn = margin content size
	_t   = RWD for tablet
	_m   = RWD for moblie
	
	tb   = table
	txt  = text style
	hdr  = header
	ftr  = footer
	nav  = navigation
	tle  = title
	pto  = photo
	16px = 1em
	tbe  = table
	shp  = shape
	eff  = effect
	icn  = icon
	hom  = home
	mai  = main
*/


body{ margin: 0px;}
a:link { color: #FF6600; text-decoration:none;} /* unvisited link */
a:visited { color: #FF6600; text-decoration:none; } /* visited link */
a:hover { color: #FF9900; text-decoration:none;} /* mouse over link */
a:active { color: #FF0000; text-decoration:none;} /* selected link */
/*---------------------------------------------------------------------*/





* { box-sizing: border-box; }
.clearfloat {clear: both;} /*[CSS notes]  No floating elements allowed on the left or the right side of a specified */
.row:after {
    content: "";
    clear: both; /*[CSS notes]  No floating elements allowed on the left or the right side of a specified */
    display: block; /*[CSS notes] Displays an element as a block element */
}


[class*="col_"] {float: left; }
html {font-family: "Lucida Sans", sans-serif; }
.clearfix {overflow: auto; }


/* ------------------------- navigationbar css ------------------------*/
.mfrm_nav{
	border: 0px solid #FF0000;   /*[CSS notes] testing Display */
	display: table;
	width:100%;
	height: 30px;
	padding: 0px 0px 0px 0px;
	background: -webkit-linear-gradient(top,rgba(235,235,235,1),rgba(210,210,210,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(235,235,235,1),rgba(210,210,210,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(235,235,235,1),rgba(210,210,210,1)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(235,235,235,1), rgba(210,210,210,1)); /*Standard*/
}
#txt_nav_lv1{ font-size: 16px; font-weight:800; }
#txt_nav_lv2{ font-size: 16px;}
/* ------------------------- navigationbar css ------------------------*/



/* ------------------------- start of common css ------------------------*/
.margin_b0{ margin-bottom: 0px;}
.margin_ln50{ margin-left: -60px;}
.margin_ln40{ margin-left: -40px;}
.margin_ln30{ margin-left: -30px;}
.margin_ln20{ margin-left: -20px;}
.margin_ln10{ margin-left: -10px;}
.margin_l0{ margin-left: 0px;}
.margin_l10{ margin-left: 10px;}
.margin_l20{ margin-left: 20px;}
.margin_l30{ margin-left: 30px;}
.margin_l40{ margin-left: 40px;}
.margin_l50{ margin-left: 50px;}
.padding_l0{ padding-left: 0px;}
/* ------------------------- end of common css ------------------------*/

.mfrm_hdr_home{
	border: 0 solid #FF0000; /*[CSS notes] testing Display */
	display: table;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: ;
	background-size: ; 
}
.mfrm_hdr_common{
	border: 0 solid #FF0000; /*[CSS notes] testing Display */
	display: table;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: ;
	background-size: ; 
}
.mfrm_hdr_common2{
	border: 0 solid #FF0000; /*[CSS notes] testing Display */
	display: table;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: ;
	background-size: ; 
}
.mfrm_mai_home{
	/*border: 5px solid #006600; [CSS notes] testing Display */
	display: table;
	width:100%;
	padding: 0px 0px 0px 0px;
	background: url(../img/frbg_eq16_mai_home_01.jpg) top center no-repeat;
	background-size: cover; 
}
.mfrm_ftr{
	/*border: 5px solid #880000; [CSS notes] testing Display */
	display: table;
	width:100%;
	padding: 10px 10px 50px 10px;
	background: url(../img/frbg_eq16_ftr_01.jpg) top center no-repeat, url(../img/frbg_none.jpg) top center no-repeat;
	background-size: 100% auto, cover; 
	background
	/*background-color:#FFFFFF;*/
}
.mfrm_ftr_copyright {
	display: table;
	width:100%;
    background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(0,180,240,1),rgba(0,130,200,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,180,240,1), rgba(0,130,200,1)); /*Standard*/
	border-top: 3px solid #00AAFF;
	text-align: center;
    padding: 5px 20px 10px 20px;
}
.mfrm_mai_common{
	/*border: 0 solid #FF0000;  [CSS notes] testing Display */
	/*display: table;*/ 
	padding: 0px 0px 20px 0px;
	background: url(../img/frbg_eq16_mai_home_01.jpg) top repeat;
}

.mctn_mai_common {
	border-radius: 0px 10px 30px 30px; 
	border: 0px solid #FFFF00; 
	display: table;
	width: ;
	/*height: 100%;*/
	margin: auto;
	margin-bottom: 20px;
	padding: ;
	background: url(../img/frbg_mai_common03.png) top repeat-x, url(../img/frbg_mai_common01.png) top left no-repeat, url(../img/frbg_mai_common02.jpg);
	background-size: auto, cover,  100% 100%;
	box-shadow:0px 4px 4px rgba(0,0,0,0.25);
}
.mctn_hdr_home {display: table; width: ; height: ; margin-left:auto; margin-right:auto; border: 0px solid #FFFF00;}
.mctn_hdr_common {display: table; width: ; height: ; margin-left:auto; margin-right:auto; border: 0px solid #FFFF00;}
.mctn_hdr_common2 {display: table; width: ; height: ; margin-left:auto; margin-right:auto; border: 0px solid #FFFF00;}
.mctn_mai_home {display: table; width: ; margin-left:auto; margin-right:auto; border: 0px solid #FFFF00;}
.box_mai_home_hot3 {
	border: 2px solid #FFFFFF;
	border-radius: 5px 10px 30px 5px;
	height:;
	padding: 10px 5px 5px 5px;
	background: url(../img/bg_mai_home_notice.jpg) center no-repeat ;
    background-size: contain, cover;
	background-color: #00CCFF;
	box-shadow:0px 3px 3px rgba(0,0,0,0.25);
}
.box_mai_home_hot1 {
	border: 2px solid #FFFFFF;
	border-radius: 5px 10px 30px 5px;
	height:;
	padding: 10px 5px 5px 5px;
	background: url(../img/fr_mai_home_hot01_tle.png) left no-repeat, url(../img/bg_mai_home_hot01.jpg) center no-repeat ;
    background-size: contain, cover;
	background-color: #00CCFF;
	box-shadow:0px 3px 3px rgba(0,0,0,0.25);
}
.box_mai_home_hot2 {
	border: 2px solid #FFFFFF;
	border-radius: 5px 10px 30px 5px;
	height:;
	padding: 10px 5px 5px 5px;
	background: url(../img/fr_mai_home_hot02_tle.png) right no-repeat, url(../img/bg_mai_home_hot02.jpg) center no-repeat ;
    background-size: contain, cover;
	background-color: #B39F7C;
	box-shadow:0px 3px 3px rgba(0,0,0,0.25);
}
.box_mai_home_col3 {
	border: 2px solid #FFFFFF;
	border-radius: 5px 10px 30px 5px;
	height:;
	padding: 10px 5px 5px 5px;
	background: url(../img/fr_mai_home_col03_tle.png) right no-repeat, url(../img/bg_mai_home_col03.jpg) top center no-repeat ;
    background-size: contain, cover;
	background-color: #B39F7C;
	box-shadow:0px 3px 3px rgba(0,0,0,0.25);
}

.mctn_ftr{
    /* border: 2px solid #FFFF00;  [CSS notes] testing Display */
	display: table;
	width:;
	margin: auto;
	text-align:center;
	}
.box_ftr_logos {
	border: 0px solid #000000;
	display:block;
    float: left;
	height: ;
	margin-bottom: 20px;
}
.txt_ftr_logos_tle {
	/* border: 1px #000000 solid; 2px solid #FFFF00;  [CSS notes] testing Display */
	display: block;
	height: 13px;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight:900;
	text-align:left;
	text-shadow: 0px 0px 5px #FFFFFF, 0px 0px 5px #FFFFFF; 
}
.clearfix {
    overflow: auto;
}
.clearfloat_ftr_logos{clear: ;}

/**/
ul#none { list-style-type: none; padding: 0px; margin: 10px 10px 10px 10px;}
ul#roman { list-style-type: upper-roman; padding: 0px; margin: 10px 10px 10px 10px;}
ul#square { list-style-type: square; padding: 0px; margin: 10px 10px 10px 10px;}
ul#circle { list-style-type: circle; padding: 0px; margin: 10px 10px 10px 10px;}
ol#alpha { list-style-type: lower-alpha; padding: 0px; margin: 10px 10px 10px 10px;}
ol#number { list-style-type: upper-number; padding: 0px; margin: 10px 10px 10px 10px;}
#font_sub_hdr1{font-size: 18px; font-weight:800; color: #009900; line-height: 220%;}
#font_sub_hdr2{font-size: 16px; font-weight:800; color: #000000; line-height: 200%;}
#font_norman { font-size: 15px; font-weight:100; color:#000000;}
#font_highligt1 { font-size: 15px; font-weight:100; color:#000000; background-color:#FFFF00;}

/**/
ul#style3{ list-style-type: square; padding: 0px; margin: 0px 0px 0px 20px;}
ul#style1{ list-style-type: none; padding: 0px; margin: 10px 10px 10px 10px;}
ul#style1 li#bullet1 { background: url(../img/g_bullet_01.png) left 0.5em no-repeat; background-size: 0.75em 0.75em; padding-left: 20px; }
ul#style1 li#bullet2 { background: url(../img/g_bullet_02.png) left 0.5em no-repeat; background-size: 0.75em 0.75em; padding-left: 20px; }
ul#style1 li#bullet3 { background: url(../img/g_bullet_03.png) left 0.5em no-repeat; background-size: 0.75em 0.75em; padding-left: 20px; }
ul#style1 li#bullet3 { background: url(../img/g_bullet_03.png) left 0.5em no-repeat; background-size: 0.5em 0.5em; padding-left: 40px; }
ul#style2{ list-style-type: none; padding: 0px 0px 0px 0px; margin: 10px 10px 10px 30px;}
ul#style2 li#bullet1 { background: url(../img/g_bullet_01.png) left 0.5em no-repeat; background-size: 0.75em 0.75em; padding-left: 20px; }
ul#style2 li#bullet2 { background: url(../img/g_bullet_02.png) left 0.5em no-repeat; background-size: 0.75em 0.75em; padding-left: 20px; }
ul#style2 li#bullet3 { background: url(../img/g_bullet_03.png) left 0.5em no-repeat; background-size: 0.5em 0.5em; padding-left: 20px; }
#txt_ctn_common{ font-size: 16px; color: #000000; line-height: 180%; padding: 10px 20px 10px 20px;}
#txt_sub_hdr1 { font-size: 18px; font-weight:800; color: #009900; line-height: 220%;}
#txt_sub_hdr2 { font-size: 18px; font-weight:800; color: #000000; line-height: 160%; padding: 0px 0px 0px 20px; margin-top: 30px;
	background: url(../img/g_bullet_04.png) top left no-repeat;
	background-size: 15px 30px;
}
#txt_step01_01 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_01.png) top left no-repeat; background-size: 30px 30px;}
#txt_step01_02 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_02.png) top left no-repeat; background-size: 30px 30px;}
#txt_step01_03 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_03.png) top left no-repeat; background-size: 30px 30px;}
#txt_step01_04 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_04.png) top left no-repeat; background-size: 30px 30px;}
#txt_step01_05 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_05.png) top left no-repeat; background-size: 30px 30px;}
#txt_step01_06 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_06.png) top left no-repeat; background-size: 30px 30px;}
#txt_step01_07 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; margin-top: 30px;
	background: url(../img/g_bullet_step01_07.png) top left no-repeat; background-size: 30px 30px;}
	#txt_step01 { font-size: 18px; line-height: 160%; padding: 0px 0px 0px 30px; }
#txt_sub_ctn_lv1 { font-size: 16px; color: #000000; line-height: 180%; margin: 0px 0px 0px 10px;}
#txt_sub_ctn_lv2 { font-size: 16px; color: #000000; line-height: 180%; padding: 0px 0px 0px 20px;}
#txt_notes01 { font-size: 16px; color: #FF0000; line-height: 180%; padding: 0px 0px 0px 0px;}
#txt_itmbar{
	width:auto;
	padding: 5px 5px 5px 25px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 800;
	height: 40px;
	background: url(../img/frbg_itmbar01.png) bottom left no-repeat;
	background-size: cover;
	color: #0000DD;
	text-shadow: 0px 0px 0px #000000;
}
h1 { font-size: 18px; font-weight: 800; color: #0000DD;}
#tb_style1 { width: 100%; border: 2px solid #0099FF; border-collapse:collapse;}
#tb_style1 #cell1 {
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(0,180,240,1),rgba(0,130,200,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,180,240,1), rgba(0,130,200,1)); /*Standard*/
	border: 1px #0099FF solid;
	padding: 5px;
	color:#FFFFFF;
}
#tb_style1 #cell2 {
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(180,230,255,1),rgba(150,210,250,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(180,230,255,1),rgba(150,210,250,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(180,230,255,1),rgba(150,210,250,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(180,230,255,1), rgba(150,210,250,1)); /*Standard*/
	border: 1px #0099FF solid;
	padding: 5px;
}
#tb_style1 #cell3 {
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(255,200,0,1),rgba(255,245,100,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(255,200,0,1),rgba(255,245,100,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(255,200,0,1),rgba(255,245,100,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(255,200,0,1), rgba(255,245,100,1)); /*Standard*/
	border: 1px #0099FF solid;
	padding: 5px;
}
#tb_style1 #cell4 {
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(150,210,250,1),rgba(80,180,250,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(150,210,250,1),rgba(80,180,250,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(150,210,250,1),rgba(80,180,250,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(150,210,250,1), rgba(80,180,250,1)); /*Standard*/
	border: 1px #0099FF solid;
	padding: 5px;
}
#txt_ftr_copyright{ color: #FFFFFF; font-size: 13px; }

#txt_archive{
	font-size: 18px;
	font-weight:900;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px #999999 dashed;
}
#txt_date{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	float:right;
	padding: 5px;
	}
#txt_back1{
	font-size:14px;
	float:right;

}
#txt_uppercase{ 
}
#txt_frbg_intro1 {
	border-radius: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(255,255,150,1),rgba(255,230,0,1)); /*Safari 5.1-6*/
  	background: -o-linear-gradient(top,rgba(255,255,150,1),rgba(255,230,0,1)); /*Opera 11.1-12*/
  	background: -moz-linear-gradient(top,rgba(255,255,150,1),rgba(255,230,0,1)); /*Fx 3.6-15*/
  	background: linear-gradient(to top, rgba(255,255,150,1), rgba(255,230,0,1)); /*Standard*/
}

.valign_center { text-align: center;}
.valign_right { text-align: right;}
.txt_caption { font-size: 12px; color:#000000;}
.button {
    background-color: #FF0000; /* Green */
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.btn_style2{
    background-color: #FF0000; /* Green */
    border: none;
    color: white;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 2px 2px;
	height: 40px;
	width: auto;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.btn_style2b {
	background: #red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(0,102,255,1),rgba(0,51,135,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(0,102,255,1),rgba(0,51,135,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(0,102,255,1),rgba(0,51,135,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,102,255,1), rgba(0,51,135,1)); /*Standard*/
    color: yellow; 
    border-radius: 10px 10px 10px 10px;
	border: 4px #FFFF00 solid;
}

.btn_style2b:hover {
	background: #0044DD; /* For browsers that do not support gradients */
	/*background: -webkit-linear-gradient(bottom,rgba(0,180,240,1),rgba(0,130,200,1)); /*Safari 5.1-6*/
	/*background: -o-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Opera 11.1-12*/
	/*background: -moz-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Fx 3.6-15*/
	/*background: linear-gradient(to top, rgba(0,180,240,1), rgba(0,130,200,1)); /*Standard*/
    color: white;
}
.button1 {
	background: #red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(0,102,255,1),rgba(0,51,135,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(0,102,255,1),rgba(0,51,135,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(0,102,255,1),rgba(0,51,135,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,102,255,1), rgba(0,51,135,1)); /*Standard*/
    color: yellow; 
    border-radius: 10px 10px 10px 10px;
	border: 4px #0000FF solid;
}

.button1:hover {
	background: #0044DD; /* For browsers that do not support gradients */
	/*background: -webkit-linear-gradient(bottom,rgba(0,180,240,1),rgba(0,130,200,1)); /*Safari 5.1-6*/
	/*background: -o-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Opera 11.1-12*/
	/*background: -moz-linear-gradient(top,rgba(0,180,240,1),rgba(0,130,200,1)); /*Fx 3.6-15*/
	/*background: linear-gradient(to top, rgba(0,180,240,1), rgba(0,130,200,1)); /*Standard*/
    color: white;
}

.mfrm_hdr_link {
	display: block;
	border: 0px #FF0000 solid; 
	position: absolute;
	width: 100%;
	z-index:1008;
}

.link_facebook {
	display: block;
	border: 0px #FF0000 solid; 
	position: relative;
	top: ;
	margin-left: auto;
	width: ;
	height: ;
	background: url(../img/fb_page.png) top right no-repeat;
	background-size: contain;
	z-index:1009;
}
.mfrm_notice {
	border: 0px #FF0000 solid;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:3001;
	background: #0044DD; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(0,140,190,0.5),rgba(0,50,160,0.5)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(0,140,190,0.5),rgba(0,50,160,0.5)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(0,140,190,0.5),rgba(0,50,160,0.5)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,140,190,0.5), rgba(0,50,160,0.5)); /*Standard*/
	}
.mctn_notice {
	display: table;
	border: 0px solid #FFFFFF;
	border-radius: 15px 15px 15px 15px;
	vertical-align: middle;
	position: relative;
	z-index:3002;
	background: url(../img/fr_mai_home_notice_tle.png) left top no-repeat, url(../img/frbg_color_01.png) ;
    background-size: auto 25%, 100% 100%;
	height: 200px;
	padding: 80px 20px 20px 20px;
	font-size: 18px;
	line-height: 150%;
	}
.mctn_notice2 {
	display: table;
	border: 0px solid #FFFFFF;
	border-radius: 15px 15px 15px 15px;
	vertical-align: middle;
	position: relative;
	z-index:3002;
	background: url(../img/fr_mai_home_notice_tle2.png) left top no-repeat, url(../img/frbg_color_01.png) ;
    background-size: auto 70px, 100% 100%;
	height: 200px;
	padding: 80px 20px 20px 20px;
	font-size: 18px;
	line-height: 150%;
	}

.box_pto_news_01{
	border: 2px solid #FFFFFF;
	display: table;
	padding: 0px 0px 0px 0px;
	background: url(../img/upload_photo/photo_frbg.png) top center no-repeat;
	background-size: contain;
	background-color: #EEEEEE;
	margin: 0px 0% 20px 0%;
}
.box_pto_news_02{
	border: 2px solid #FFFFFF;
	display: table;
	padding: 0px 0px 0px 0px;
	background: url(../img/upload_photo/photo_frbg.png) top center no-repeat;
	background-size: contain;
	background-color: #EEEEEE;
	margin: 0px 0% 20px 0%;
}
.align_bottom {
	display: table-cell;
	vertical-align: bottom;	
}
#txt_cpt_pto{
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	}
	
.margin_center { margin-left:auto; margin-right: auto;}

/************************************** Media Query ***************************************/
/******************************************************************************************/
/******************************************************************************************/
/*********************************** For mobile S: ****************************************/
[class*="col_"] { width: 100%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_M.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 100%; height: 250px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_M.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_M.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 100%; height: 90px;}
[class*="mctn_hdr_common2"] {width: 100%; height: 250px;}
[class*="mctn_mai_home"] {width: 95%; }
[class*="mctn_ftr"] { width: 100%;}
[class*="mctn_mai_common"]{ width: 100%; padding: 20px 10px 20px 10px;}
[class*="box_mai_home_hot"] { height: 200px; margin: 0px 0px 20px 0px;}
[class*="box_mai_home_col3"] { height: 200px; margin: 0px 0px 20px 0px;}
[class*="box_ftr_logos"] { height: 60px;}
.clearfloat_ftr_logos {clear: both;}
[class*="txt_ftr_logos_tle"] { padding: 15px 0px 15px 0px}
#pto_img1 { max-width:100%; height: auto; border: 1px solid #FFFFFF; }
#pto_img2 { width:100%; height: auto; border: 4px solid #FFFFFF; box-shadow:0px 4px 4px rgba(0,0,0,0.25);}
[class*="link_facebook"] {width: 63px; height: 50px; top: -60px;}
[class*="mctn_notice"]{	margin: 5% 5% 1% 5%;}
[class*="box_pto_news_01"] { height: 260px;}
[class*="box_pto_news_02"] { height: 260px;}

 
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/*********************************** For mobile L: ****************************************/
@media only screen and (min-width: 480px) {
[class*="box_mai_home_hot"] { height: 250px;} 
[class*="box_mai_home_col3"] { height: 250px;}
[class*="box_ftr_logos"] { height: 60px;}
[class*="mctn_hdr_home"] {width: 100%; height: 340px;}
[class*="mctn_hdr_common"] {width: 100%; height: 120px;}
[class*="mctn_hdr_common2"] {width: 100%; height: 340px;}
[class*="link_facebook"] {width: 63px; height: 50px; top: -60px;}
[class*="mctn_notice"]{	margin: 5% 5% 1% 5%;}
[class*="box_pto_news_01"] { height: 280px;}
[class*="box_pto_news_02"] { height: 280px;}

}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/*********************************** For mobile L: ****************************************/
@media only screen and (min-width: 560px) {
[class*="box_mai_home_hot"] { height: 300px;} 
[class*="box_mai_home_col3"] { height: 300px;}
[class*="box_ftr_logos"] { height: 60px;}
[class*="mctn_hdr_common"] {width: 100%; height: 120px;}
[class*="link_facebook"] {width: 63px; height: 50px; top: -60px;}
[class*="mctn_notice"]{	margin: 5% 5% 1% 5%;}
[class*="box_pto_news_01"] { height: 300px;}
[class*="box_pto_news_02"] { height: 300px;}
}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/************************************* For tablet H: **************************************/
@media only screen and (min-width: 600px) {
.col_V_1 {width: 8.33%;}
.col_V_2 {width: 16.66%;}
.col_V_3 {width: 25%;}
.col_V_4 {width: 33.33%;}
.col_V_4a {width: 31.33%; margin: 1%;}
.col_V_5 {width: 41.66%;}
.col_V_6 {width: 50%;}
.col_V_6a {width: 48%; margin: 1%;}
.col_V_7 {width: 58.33%;}
.col_V_8 {width: 66.66%;}
.col_V_9 {width: 75%;}
.col_V_10 {width: 83.33%;}
.col_V_11 {width: 91.66%;}
.col_V_12 {width: 100%;}
.col_V_12a {width: 98%; margin: 10px 0% 10px 1%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_T.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 600px; height: 300px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_T.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_T.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 100%; height: 120px;}
[class*="mctn_hdr_common2"] {width: 600px; height: 300px;}
[class*="mctn_mai_home"] {width: 95%; }
[class*="mctn_ftr"] { width: 500px;}
[class*="mctn_mai_common"]{ width: 95%; padding: 20px 10px 20px 10px;}
[class*="box_mai_home_hot"] { height: 200px;} 
[class*="box_mai_home_col3"] { height: 300px;}
[class*="box_ftr_logos"] { height: 60px;}
.clearfloat_ftr_logos {clear: none;}
#pto_img1 { max-width:48%; height: auto; border: 1px solid #FFFFFF; }
[class*="link_facebook"] { width: 90px; height: 72px; top: 10px;}
[class*="mctn_notice"]{	margin: 20% 20% 1% 20%;}
[class*="box_pto_news_01"] { height: 330px;}
[class*="box_pto_news_02"] { height: 200px;}
}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/************************************* For tablet H: **************************************/
@media only screen and (min-width: 720px) {
.col_V_1 {width: 8.33%;}
.col_V_2 {width: 16.66%;}
.col_V_3 {width: 25%;}
.col_V_4 {width: 33.33%;}
.col_V_4a {width: 31.33%; margin: 1%;}
.col_V_5 {width: 41.66%;}
.col_V_6 {width: 50%;}
.col_V_6a {width: 48%; margin: 1%;}
.col_V_7 {width: 58.33%;}
.col_V_8 {width: 66.66%;}
.col_V_9 {width: 75%;}
.col_V_10 {width: 83.33%;}
.col_V_11 {width: 91.66%;}
.col_V_12 {width: 100%;}
.col_V_12a {width: 98%; margin: 10px 0% 10px 1%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_T.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 600px; height: 300px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_T.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_T.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 100%; height: 160px;}
[class*="mctn_hdr_common2"] {width: 600px; height: 300px;}
[class*="mctn_mai_home"] {width: 90%; }
[class*="mctn_ftr"] { width: 600px;}
[class*="mctn_mai_common"]{ width: 90%; padding: 20px 10px 20px 10px;}
[class*="box_mai_home_hot"] { height: 200px;} 
[class*="box_mai_home_col3"] { height: 350px;}
[class*="box_ftr_logos"] { height: 65px;}
.clearfloat_ftr_logos {clear: none;}
[class*="link_facebook"] { width: 90px; height: 72px; top: 10px;}
[class*="mctn_notice"]{	margin: 20% 20% 1% 20%;}
[class*="box_pto_news_01"] { height: 400px;}
[class*="box_pto_news_02"] { height: 240px;}
}
@media only screen and (min-width: 840px) {
.col_V_1 {width: 8.33%;}
.col_V_2 {width: 16.66%;}
.col_V_3 {width: 25%;}
.col_V_4 {width: 33.33%;}
.col_V_4a {width: 31.33%; margin: 1%;}
.col_V_5 {width: 41.66%;}
.col_V_6 {width: 50%;}
.col_V_6a {width: 48%; margin: 1%;}
.col_V_7 {width: 58.33%;}
.col_V_8 {width: 66.66%;}
.col_V_9 {width: 75%;}
.col_V_10 {width: 83.33%;}
.col_V_11 {width: 91.66%;}
.col_V_12 {width: 100%;}
.col_V_12a {width: 98%; margin: 10px 0% 10px 1%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_T.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 600px; height: 300px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_T.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_T.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 100%; height: 160px; padding: 20px 20px 20px 20px;}
[class*="mctn_hdr_common2"] {width: 600px; height: 300px;}
[class*="mctn_mai_home"] {width: 90%; }
[class*="mctn_ftr"] { width: 760px;}
[class*="mctn_mai_common"]{ width: 90%; padding: 20px 20px 20px 20px;}
[class*="box_mai_home_hot"] { height: 200px;} 
[class*="box_mai_home_col3"] { height: 430px;}
[class*="box_ftr_logos"] { height: 70px;}
.clearfloat_ftr_logos {clear: none;}
[class*="link_facebook"] {	width: 90px; height: 72px; top: 10px;}
[class*="mctn_notice"]{	margin: 20% 20% 1% 20%;}
[class*="box_pto_news_01"] { height: 470px;}
[class*="box_pto_news_02"] { height: 280px;}
}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************* For tablet V or notebook: ********************************/
@media only screen and (min-width: 960px) {
.col_T_1 {width: 8.33%;}
.col_T_2 {width: 16.66%;}
.col_T_3 {width: 25%;}
.col_T_4 {width: 33.33%;}
.col_T_4a {width: 31.33%; margin: 1%;}
.col_T_5 {width: 41.66%;}
.col_T_6 {width: 50%;}
.col_T_6a {width: 48%; margin: 1%;}
.col_T_7 {width: 58.33%;}
.col_T_8 {width: 66.66%;}
.col_T_9 {width: 75%;}
.col_T_10 {width: 83.33%;}
.col_T_11 {width: 91.66%;}
.col_T_12 {width: 100%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_H.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 960px; height: 334px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_H.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_H.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 960px; height: 200px; padding: 20px 20px 20px 20px;}
[class*="mctn_hdr_common2"] {width: 960px; height: 334px;}
[class*="mctn_mai_home"] {width: 960px; }
[class*="mctn_ftr"] { width: 925px;}
[class*="mctn_mai_common"]{ width: 960px; padding: 20px 20px 20px 20px;}
[class*="box_mai_home_hot"] { height: 200px;} 
[class*="box_mai_home_col3"] { height: 200px;}
[class*="box_ftr_logos"] { height: 75px;}
.clearfloat_ftr_logos {clear: none;}
#pto_img1 { max-width:30%; height: auto; border: 1px solid #FFFFFF; }
[class*="link_facebook"] {	width: 120px; height: 97px; top: 10px;}
[class*="mctn_notice"]{	margin: 20% 20% 1% 20%;}
[class*="box_pto_news_01"] { height: 530px;}
[class*="box_pto_news_02"] { height: 320px;}
}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************* For destop with HD monitor: ******************************/
@media only screen and (min-width: 1150px) {
.col_H_1 {width: 8.33%;}
.col_H_2 {width: 16.66%;}
.col_H_3 {width: 25%;}
.col_H_4a {width: 31.33%; margin: 1%;}
.col_H_4 {width: 33.33%;}
.col_H_5 {width: 41.66%;}
.col_H_6 {width: 50%;}
.col_H_6a {width: 48%; margin: 1%;}
.col_H_7 {width: 58.33%;}
.col_H_8 {width: 66.66%;}
.col_H_9 {width: 75%;}
.col_H_10 {width: 83.33%;}
.col_H_11 {width: 91.66%;}
.col_H_12 {width: 100%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_H.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 1150px; height: 400px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_H.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_H.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 1150px; height: 200px;}
[class*="mctn_hdr_common2"] {width: 1150px; height: 400px;}
[class*="mctn_mai_home"] {width: 1150px; }
[class*="mctn_ftr"] { width: 1150px;}
[class*="mctn_mai_common"]{ width: 1150px; padding: 20px 20px 20px 20px;}
[class*="box_mai_home_hot"] { height: 200px;}
[class*="box_mai_home_col3"] { height: 200px;}
[class*="box_ftr_logos"] { height: 75px;}
.clearfloat_ftr_logos {clear: none;}
#pto_img1 { max-width:30%; height: auto; border: 1px solid #FFFFFF; }
[class*="link_facebook"] {	width: 149px; height: 120px; top: 10px;}
[class*="mctn_notice"]{	margin: 20% 20% 1% 20%;}
[class*="box_pto_news_01"] { height: 640px;}
[class*="box_pto_news_02"] { height: 380px;}
}

/******************************* For destop with HD monitor extra large: ******************************/
@media only screen and (min-width: 1350px) {
.col_H_1 {width: 8.33%;}
.col_H_2 {width: 16.66%;}
.col_H_3 {width: 25%;}
.col_H_4a {width: 31.33%; margin: 1%;}
.col_H_4 {width: 33.33%;}
.col_H_5 {width: 41.66%;}
.col_H_6 {width: 50%;}
.col_H_6a {width: 48%; margin: 1%;}
.col_H_7 {width: 58.33%;}
.col_H_8 {width: 66.66%;}
.col_H_9 {width: 75%;}
.col_H_10 {width: 83.33%;}
.col_H_11 {width: 91.66%;}
.col_H_12 {width: 100%;}
[class*="mfrm_hdr_home"]{background: url(../img/frbg_eq23_24_home_s1_H.jpg) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_home"] {width: 1350px; height: 400px;}
[class*="mfrm_hdr_common"]{background: url(../img/frbg_eq23_common_H.jpg) top center no-repeat; background-size: cover; }
[class*="mfrm_hdr_common2"]{background: url(../img/frbg_iclick2know_home_s1_H.png) top center no-repeat; background-size: cover; }
[class*="mctn_hdr_common"] {width: 1350px; height: 200px;}
[class*="mctn_hdr_common2"] {width: 1350px; height: 400px;}
[class*="mctn_mai_home"] {width: 1350px; }
[class*="mctn_ftr"] { width: 1350px;}
[class*="mctn_mai_common"]{ width: 1350px; padding: 20px 20px 20px 20px;}
[class*="box_mai_home_hot"] { height: 200px;}
[class*="box_mai_home_col3"] { height: 200px;}
[class*="box_ftr_logos"] { height: 75px;}
.clearfloat_ftr_logos {clear: none;}
#pto_img1 { max-width:30%; height: auto; border: 1px solid #FFFFFF; }
[class*="link_facebook"] {	width: 149px; height: 120px; top: 10px;}
[class*="mctn_notice"]{	margin: 20% 20% 1% 20%;}
[class*="box_pto_news_01"] { height: 640px;}
[class*="box_pto_news_02"] { height: 380px;}
}

/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/