/* CSS Document */

/* ========== Global (R-PC) ========== */

body { /*min-width:320px;*/ margin:0; padding:0; font-family:Microsoft Sans Serif, Meiryo; font-size:16px; color:#333333; letter-spacing:1px; line-height:22px; background-color:#FFFFFF; }

/* Link */
a:link { color: #0099FF; text-decoration: none; }
a:visited { color: #0099FF; text-decoration: none; }
a:hover { color: #003366; text-decoration: underline; }
a:active { color: #003366; text-decoration: underline; }

/* div */
div { max-width:100%; box-sizing: border-box; }

/* Image */
img { max-width:100%; height:auto; margin:0; padding:0; border:0; }
img[usemap] { border: none; height: auto; width: auto; max-width:100%; }

/* Font */
h1 { margin:0; padding:0 0 20px 0; font-size:28px; line-height:34px; text-align:center; }
h2 { margin:0; padding:0 0 20px 0; font-size:22px; line-height:26px; }
h3 { margin:0; padding:0 0 20px 0; font-size:20px; line-height:24px; }

p { margin-top:0; }

.font_bold { font-weight:bold; }
.font_grey { color:#999; }
.font_darkgrey { color:#666; }
.font_red { color: #C00; }
.font_green { color: #9C0; }

.font_remark { color:#999; font-size:12px; }
.font_desc { margin-top:5px; font-size:15px; }

/* === Structure Section === */

.headersec { width:100%; background-color:#FFF; }
.headersec_inner { max-width:2400px; width:100%; /*height:150px;*/ display:table; padding:20px 20px 0 20px; margin:0 auto; 
	background:linear-gradient(to bottom, transparent 70%, #FFF 30%),url("images/bg_deco01.png"); }
.headersec_inner .headercolleft { width:50%; height:100%; display:table-cell;  /*float:left; background-color:#CCC;*/ }
.headersec_inner .headercolright { width:50%; height:100%; display:table-cell; /*float:left; background-color:#FCF;*/ padding-bottom:10px; text-align:right; vertical-align:bottom; }

.langbar { width:100%; background: linear-gradient(to right, #FFF 50%, #9C0 50%); display:block; font-size:14px; color:#FFF; }
.langbar_inner { max-width:2400px; width:100%; height:30px; margin:0 auto; position:relative; display:block; }
.langbar_left { width:calc(100% - 530px); height:100%; background-color:#FFF; position:absolute; right:530px; top:0; /*z-index:10;*/ } 
.langbar_mid { width:30px; height:100%; background-color:#9C0; position:absolute; right:500px; top:0; /*z-index:10;*/ } 
.langbar_right { width:500px; height:100%; background-color:#9C0; position:absolute; right:0; top:0; /*z-index:10;*/ text-align:right; } 
.langbar .trideco_dl_white { width:100%; height:100%; left:0; top:0; background: linear-gradient(to left bottom, rgba(255,255,255,1) 50%, transparent 52%); }
.langbar .trideco_dr_white { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(255,255,255,1) 50%, transparent 52%); }
.langbar a:link { color:#FFF; text-decoration: none; }
.langbar a:visited { color:#FFF; text-decoration: none; }
.langbar a:hover { color:#FFF; text-decoration: none; }
.langbar a:active { color:#FFF; text-decoration: none; }
.langicon { display:table-cell; vertical-align:middle; padding:3px 10px 0 0; }
.langtext { display:table-cell; vertical-align:middle; padding:3px 25px 0 0; }

.menusec { width:100%; background-color:#FFF; /*background: linear-gradient(to bottom, #666, #FFF);*/ border-top:3px solid #9C0; z-index:90; }
.menusec_toggle { display:none; }
.menusec_toggleicon { display:none; }
.menusec_inner { max-width:2400px; padding:10px 20px; margin:0 auto; text-align:center; transition: 0.3s; font-weight:bold; }
.menusec_inner ul { width:100%; margin:0; padding:0; list-style:none; }
.menusec_inner ul li { margin:0; padding:0 10px; border-right:1px solid #999; display:inline; }
.menusec_inner ul #last { border-right:0; }
.menusec_inner ul #lang { display:none; }
.menusec a:link { color:#9C0; text-decoration: none; }
.menusec a:visited { color:#9C0; text-decoration: none; }
.menusec a:hover { color:#999; text-decoration: none; }
.menusec a:active { color:#999; text-decoration: none; }

.menusec_inner_bgchange { background-color:#9C0; }
.menusec_inner_bgchange ul li { border-right:1px solid #666; }
.menusec_inner_bgchange a:link { color:#FFF; text-decoration: none; }
.menusec_inner_bgchange a:visited { color:#FFF; text-decoration: none; }
.menusec_inner_bgchange a:hover { color:#FFF; text-decoration: none; }
.menusec_inner_bgchange a:active { color:#FFF; text-decoration: none; }




.displaysec { width:100%; /*height:400px; padding:10px 20px;*/ border-top:3px solid #9C0; }
.displaysec_inner { max-width:2400px; height:100%; margin:0 auto; padding:20px; /*border:1px solid #FFF;*/ } /* will delete border and padding */
.displaysec_overlay_text { font-size:42px; line-height:48px; font-weight:bold; color:#FFF; text-shadow: 0px 2px 5px #999; opacity:0.85; z-index:50; position:absolute; bottom:100px; right:20px; }
.displaysec_pagebg { width:100%; height:400px; padding:10px 20px; background-image:none; background-position:center; background-repeat:no-repeat; }
.displaysec #pagebg_services { background-image:url(images/pagebg_services.jpg); } 
.displaysec #pagebg_customers { background-image:url(images/pagebg_customers.jpg); } 
.displaysec #pagebg_profile { background-image:url(images/pagebg_profile.jpg); } 
.displaysec #pagebg_recruitment { background-image:url(images/pagebg_recruitment.jpg); } 
.displaysec #pagebg_contact { background-image:url(images/pagebg_contact.jpg); } 
.displaysec #pagebg_inquiry { background-image:url(images/pagebg_inquiry.jpg); } 
#displaybg { background-image:url(images/bg_deco01.png); } 

.bodysec { width:100%; padding:0; background-color:#FFF; }
.bodysec_inner { max-width:2400px; padding:0; margin:0 auto; }


.titlesec { width:100%; display:table; margin:0 0 10px 0; }
.titlesec .titlesec_bar { width:45%; height:50px; display:table-cell; }
.titlesec .titlesec_icon { width:10%; display:table-cell; text-align:center; }
.titlesec .titlesec_icon img { width:50px; height:50px; }
.titlesec .titleline_greentea { margin:24px 0; padding:0; border-top:2px solid #98CD67; width:100%; line-height:0; }
.titlesec .titleline_brown { margin:24px 0; padding:0; border-top:2px solid #CDA788; width:100%; line-height:0; }
.titlesec .titleline_blue { margin:24px 0; padding:0; border-top:2px solid #93B2C2; width:100%; line-height:0; }
.titlesec .titleline_grey { margin:24px 0; padding:0; border-top:2px solid #CCC; width:100%; line-height:0; }
.titlesec .titleline_darkgrey { margin:24px 0; padding:0; border-top:2px solid #666; width:100%; line-height:0; }
.titlesec .titleline_white { margin:24px 0; padding:0; border-top:2px solid #FFF; width:100%; line-height:0; }
.titlesec .titleline_dot_greentea { margin:23px 0; padding:0; border-top:4px dotted #98CD67; width:100%; line-height:0; }
.titlesec .titleline_dot_grey { margin:23px 0; padding:0; border-top:4px dotted #CCC; width:100%; line-height:0; }
.titlesec .titleline_dot_white { margin:23px 0; padding:0; border-top:4px dotted #FFF; width:100%; line-height:0; }

.contentsec { width:100%; padding:20px; background-color:#FFF; }

.vdocontainer { width:100%; overflow: hidden; position: relative; }
.vdocontainer::after { padding-top: 56.25%; display: block; content: ''; }
.vdocontainer iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.footersec { width:100%; background-color:#9C0; }
.footersec_inner { max-width:2400px; padding:30px 20px; margin:0 auto; font-size:14px; color:#FFF;
	background:linear-gradient(to top, transparent 70%, #9C0 30%),url("images/bg_deco02.png"); }
.footersec_inner .footercol { display:table; width:100%; }
.footersec_inner .footercol_left { display:table-cell; width:25%; padding:0 10px 0 10px; }
.footersec_inner .footercol_mid { display:table-cell; width:25%; padding:0 20px 0 10px; }
.footersec_inner .footercol_right { display:table-cell; width:50%; padding:0 10px 0 20px; border-left:1px solid #FFF; }
.footersec_inner .footercol_title { padding-bottom:10px; font-size:16px; font-weight:bold; }
.footersec a:link { color:#FFF; text-decoration: underline; }
.footersec a:visited { color:#FFF; text-decoration: underline; }
.footersec a:hover { color:#FFF; text-decoration: underline; }
.footersec a:active { color:#FFF; text-decoration: underline; }
.footersec #footerfull { display:block; }
.footersec #footermobile { display:none; }


/* ===Form === */

form { margin:0 ; padding:0; border:0; }

.button_normal { margin:0; padding:10px; width:30%; border:1px solid #999; font-weight: bold; color:#666; }

.textbox_normal { margin:0; padding:3px; width:99%; letter-spacing:1px; }

.textmultibox_normal { margin:0; padding:3px; width:99%;height:150px; letter-spacing:1px; }

/* === General === */

.bodybg { background-image:url(images/bg_test.jpg); background-position:center; }
.bodybg_vdo { min-width:100%; min-height:100%; position:fixed; text-align:center; left:50%; top:50%; transform: translate(-50%, -50%); z-index:-1; display:block; }

.sticky { width:100%; position:fixed; top:0; }

.menushadow { box-shadow: 0px 1px 2px #333; }
.imgshadow { box-shadow: 0px 1px 2px #CCC; }

.secacc { width:100%; margin:20px 0; padding:10px 0 5px 0;  border-top:1px solid #999; border-bottom:1px solid #999; }
.secacc .secacc_title { width:100%; margin:0; padding:10px; border-bottom:5px solid #FFF; background-color:#CCC; cursor:pointer; outline:none; }
.secacc .secacc_body { width:100%; padding:10px 0 15px 0; }

.line_solid_thin { margin:20px 0 20px 0; padding:0; border-top:1px solid #999; width:100%; line-height:0; }
.line_solid_med { margin:20px 0 20px 0; padding:0; border-top:2px solid #999; width:100%; line-height:0; }
.line_dot_thin { margin:20px 0 20px 0; padding:0; border-top:1px dotted #999; width:100%; line-height:0; }
.line_dot_med { margin:20px 0 20px 0; padding:0; border-top:2px dotted #999; width:100%; line-height:0; }

.modal { width:100%; height:100%; display:none; z-index:99; position:fixed; padding-top:100px; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.modal .modal_box { width:80%; height:80%; background-color:#FFF; margin:auto; padding:10px 20px 20px 20px; overflow-y: auto; 
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }
.modal .modal_box .modal_head { width:100%; padding:0 0 10px 0; margin-bottom:20px; text-align:right; border-bottom:2px solid #999; }
.modal .modal_box .modal_close { color: #AAA; font-size: 28px; font-weight: bold; }
.modal .modal_box .modal_close:hover, .modal_close:focus { color: #000; text-decoration: none; cursor: pointer; }
.modal_btn { cursor: pointer; color: #0099FF; text-decoration: none; }
.modal_btn:hover, .modal_btn:focus { cursor: pointer; color: #003366; text-decoration: underline; }

.gmap { width:100%; height:400px; background-color:#CCC; }

.tb { display:table; width:100%; }
.tbrow { display:table-row; width:100%; }
.tbcol_left { display:table-cell; padding:10px 10px 10px 0; vertical-align:top; }
.tbcol_right { display:table-cell; padding:10px 0 10px 10px; vertical-align:top; }

.tbcontent_left { display:table-cell; width:40%; padding:10px 10px 10px 0; vertical-align:top; }
.tbcontent_right { display:table-cell; width:60%; padding:10px 0 10px 10px; vertical-align:top; }
.tbcontent2_left { display:table-cell; width:60%; padding:10px 10px 10px 0; vertical-align:top; }
.tbcontent2_right { display:table-cell; width:40%; padding:10px 0 10px 10px; vertical-align:top; }

.col_label { width:20%; font-weight:bold; text-align:right; }
.col_detail { width:80%; }
.col_icon { width:90%; margin:0 auto; }

.tbform { margin:20px auto; width:80%; }
.tbformcol_left { padding:10px 20px 10px 0; }
.tbformcol_right { padding:10px 0 10px 20px; }

.tbpf { border-bottom:1px dotted #999; }
.tbpfcol_left { width:30%; font-weight:bold;  }
.tbpfcol_right { width:70%; }

.tbhalfcol_left { width:50%; padding-right:20px; }
.tbhalfcol_right { width:50%; padding-left:20px; border-left:1px solid #999; }

.tbhlcol_left { width:25%; padding:0 10px 0 0; }
.tbhlcol_right { width:75%; padding:0 0 0 10px; }
.tbservcol_left { width:25%; padding:0 10px 0 0; }
.tbservcol_right { width:75%; padding:0 0 0 10px; border-left:2px solid #999; }
.tbcuscol_left { width:20%; padding:0 30px 0 15px; }
.tbcuscol_right { width:80%; padding:0 15px 0 30px; border-left:2px solid #999; }
.tbinqbancol_left { width:35%; padding:20px 10px 20px 0; text-align:center; vertical-align:middle; }
.tbinqbancol_right { width:65%; padding:20px 0 20px 40px; vertical-align:middle; font-size:22px; line-height:30px; color:#F8981D; }

.tbtrigallery { padding:20px 0 0 0; margin:20px 0 0 0; border-top:1px dotted #999; }
.tbtrigallerycol { width:33%; padding:0 15px 0 15px; }

/*.tbiq { display:table; width:100%; margin:20px 0; }
.tbiq .tbrow { display:table-row; width:100%; }
.tbiq .tbrow .tbcol_left { display:table-cell; padding:10px 20px 10px 0; border-right:1px solid #999; vertical-align:top; }
.tbiq .tbrow .tbcol_right { display:table-cell; padding:10px 0 10px 20px; vertical-align:top; }
.tbiq .col_label { width:30%; font-weight:bold; }
.tbiq .col_detail { width:70%; }

.tbpf { display:table; width:100%; margin:20px 0; }
.tbpf .tbrow { display:table-row; width:100%;   }
.tbpf .tbrow .tbcol_left { display:table-cell; padding:10px 20px 10px 0; vertical-align:top; border-top:2px solid #999; } 
.tbpf .tbrow .tbcol_right { display:table-cell; padding:10px 0 10px 20px; vertical-align:top; border-top:1px solid #999; }
.tbpf .col_label { width:30%; font-weight:bold; }
.tbpf .col_detail { width:70%; }*/

.tbmenutab { width:100%; text-align:center; border-bottom:2px solid #666; }
.tbmenutab ul { width:100%; margin:0 auto; padding:0; list-style:none; }
.tbmenutab ul li { width:24%; margin:0 auto; display:inline-block; }

.tbmenutab a:hover div { opacity: 0.8; }
.tbmenutab_box { max-width:70%; margin:0 auto; padding:5px; background-color:#666; text-align:center; font-weight:bold; color:#FFF; 
	border-bottom:2px solid #FFF; border-top-left-radius:10px; border-top-right-radius:10px; }
.tbmenutab_body { width:100%; margin:10px 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #666; }
.tbmenutab_body .tbmenutab_inner { width:90%; margin:0 auto; padding:13px 0 10px 0; }
.tbmenutab .selected { background-color:#F93; }


.contentbox { width:100%; margin:0 0 20px 0; padding:20px; text-align:center; }
.contentboxbg { width:100%; margin:0 0 20px 0; padding:20px; text-align:center; }
.boxbg_greentea { background-color:#98CD67; color:#FFF; }

.childcontent { width:100%; margin:0 auto; }
.childcontent_maincus { width:80%; }
.childcontent_service { width:80%; margin:30px auto; }
.childcontent_service .innerbox{ width:100%; padding:20px; color:#FFF; }
.childcontent_service .innercontent { padding:20px 0; border-top:2px dotted #FFF; /*border-bottom:1px solid #999;*/ }
.childcontent_service h2 { text-align:center; }

.contactrow { width:100%; margin:0; padding:0; list-style:none; font-size:18px; font-weight:bold; } /* ul */
.contactrow li { margin:0; padding:0 5px; vertical-align:middle; display:inline; }
.contactrow img { height:40px; }
.contactrow #break { display:none; }

#howtogo { text-align:center; }

/* === Slide Show === */
.slidecontainer { /*max-width: 2400px;*/ width:80%; position: relative; margin: 20px auto; }
.slidecontainer .slidesheet { display: none; }
.slidecontainer .slidesheet img { vertical-align: middle; }
.slidecontainer .slidecaption { width:100%; padding: 10px; position: absolute; bottom:0; color: #FFF; text-align: center; background-color: rgba(0,0,0,0.5); }

.slidecontainer .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; background-color: rgba(0,0,0,0.5); 
	color: #FFF; font-weight: bold; font-size:16px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Next & previous buttons */
.slidecontainer .next { right: 0; border-radius: 3px 0 0 3px; } /* Position the "next button" to the right */
.slidecontainer .prev:hover, .next:hover { background-color: rgba(0,0,0,0.7); }
.slidecontainer a:link { color:#FFF; text-decoration: none; }
.slidecontainer a:visited { color:#FFF; text-decoration: none; }
.slidecontainer a:hover { color:#CCC; text-decoration: none; }
.slidecontainer a:active { color:#CCC; text-decoration: none; }

.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } /* Fading animation */
@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} }
@keyframes fade {  from {opacity: .4}  to {opacity: 1} }

/* === Feature Column === */
.featurecol { width:100%; margin:20px 0; position:relative; }

.featurecol_img {  }
.featurecol_img img {  }



#white { background-color:rgba(255,255,255,0.85); } 
#grey { background-color:rgba(204,204,204,0.85); } 
#orange { background-color:rgba(248,152,29,0.85); } 
#green { background-color:rgba(152,205,103,0.85); } 
#blue { background-color:rgba(147,178,194,0.85); } 
#darkgrey { background-color:rgba(102,102,102,0.85); } 
#brown { background-color:rgba(205,167,136,0.85); } 

#white_solid { background-color:rgba(255,255,255,1); } 
#grey_solid { background-color:rgba(204,204,204,1); } 
#orange_solid { background-color:rgba(248,152,29,1); } 
#green_solid { background-color:rgba(152,205,103,1); } 
#blue_solid { background-color:rgba(147,178,194,1); } 
#darkgrey_solid { background-color:rgba(102,102,102,1); } 
#brown_solid { background-color:rgba(205,167,136,1); } 

.featurecol .trideco_ul_white { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(255,255,255,0.85) 50%, transparent 50.5%); } 
.featurecol .trideco_ul_grey { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(204,204,204,0.85) 50%, transparent 50.5%); } 
.featurecol .trideco_ul_orange { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(248,152,29,0.85) 50%, transparent 50.5%); } 
.featurecol .trideco_dr_green { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(152,205,103,0.85) 50%, transparent 50.5%); }
.featurecol .trideco_dr_blue { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(147,178,194,0.85) 50%, transparent 50.5%); }
.featurecol .trideco_dr_darkgrey { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(102,102,102,0.85) 50%, transparent 50.5%); }
.featurecol .trideco_dr_brown { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(205,167,136,0.85) 50%, transparent 50.5%); }

.featurecol .trideco_ul_white_solid { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(255,255,255,1) 50%, transparent 50.5%); } 
.featurecol .trideco_ul_grey_solid { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(204,204,204,1) 50%, transparent 50.5%); } 
.featurecol .trideco_ul_orange_solid { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(248,152,29,1) 50%, transparent 50.5%); } 
.featurecol .trideco_dr_green_solid { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(152,205,103,1) 50%, transparent 50.5%); }
.featurecol .trideco_dr_blue_solid { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(147,178,194,1) 50%, transparent 50.5%); }
.featurecol .trideco_dr_darkgrey_solid { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(102,102,102,1) 50%, transparent 50.5%); }
.featurecol .trideco_dr_brown_solid { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(205,167,136,1) 50%, transparent 50.5%); }

.featurecol_content { width:45%; height:100%; position:absolute; left:0; top:0; z-index:5; padding:20px 0 20px 20px; overflow-x:hidden; overflow-y:scroll; direction:rtl; }
.featurecol_content .inner { direction:ltr; color:#FFF; }

	.featurecol_content::-webkit-scrollbar { width: 10px; }
	.featurecol_content::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
	.featurecol_content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }

.featurecol_deco_left { width:10%; height:100%; position:absolute; left:45%; top:0; z-index:10; } 
.featurecol_deco_mid { width:30%; height:100%; position:absolute; left:55%; top:0; z-index:10; } 
.featurecol_deco_right { width:10%; height:100%; position:absolute; left:85%; top:0; z-index:10; } 

.featurecol_end { width:5%; height:100%; position:absolute; right:0; top:0; z-index:5; }

.featurecol a:link { color:#FFF; text-decoration: underline; }
.featurecol a:visited { color:#FFF; text-decoration: underline; }
.featurecol a:hover { color:#EEE; text-decoration: underline; }
.featurecol a:active { color:#EEE; text-decoration: underline; }

/* --- */

.inqbannercol_div { height:220px; border:1px solid #F8981D; }
.inqbannercol_content { width:70%; height:100%; position:absolute; left:0; top:0; z-index:5; padding:0 0 0 20px; overflow-x:hidden; overflow-y:hidden; direction:rtl; }
.inqbannercol_content .inner { direction:ltr; }
	/*.inqbannercol_content::-webkit-scrollbar { width: 10px; }
	.inqbannercol_content::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
	.inqbannercol_content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }*/

.inqbannercol_deco_right { width:10%; height:100%; position:absolute; left:70%; top:0; z-index:10; } 
.inqbannercol_deco_line { border-right:2px solid #CCC; height:180px; }
.inqbannercol_end { width:20%; height:100%; position:absolute; right:0; top:0; z-index:5; }


/* === *** === */





/* === R-PC === */
@media only screen and (min-width: 768px) { 
	/*.bodybg_vdo { display:block; }*/  /* for load video when bigger than 768px */
}

@media only screen and (max-width: 1366px) {	
	/*body, h1, h2, h3 { color:#93C; }*/
	
}

@media only screen and (min-width: 1920px) {	
	body, h1, h2, h3 { font-size:160%; /*letter-spacing:1px;*/ line-height:140%; /*color:#06F;*/ } /*blue*/
	
	.font_remark { font-size: 16px; }
	
	.footersec_inner { font-size:18px; }
	
	.titlesec .titlesec_bar { height:60px; }
	.titlesec .titlesec_icon img { width:60px; height:60px; }
	.titlesec .titleline_greentea { margin:28px 0; border-width:3px; } 
	
	.tbinqbancol_right { font-size:28px; line-height:36px; }
}

@media only screen and (min-width: 2560px) {	
	body, h1, h2, h3 { font-size:185%; /*letter-spacing:1px;*/ line-height:160%; /*color:#690;*/ } /*green*/
	
	.font_remark { font-size: 20px; }
	
	.footersec_inner { font-size:18px; }
	
	.titlesec .titlesec_bar { height:70px; }
	.titlesec .titlesec_icon img { width:70px; height:70px; }
	.titlesec .titleline_greentea { margin:33px 0; border-width:4px; } 
}

@media only screen and (min-width: 3840px) {	
	body, h1, h2, h3 { font-size:190%; /*letter-spacing:1px;*/ line-height:160%; /*color:#900; */} /*red*/
	
	.footersec_inner { font-size:18px; }
	
}


/* === R-Tablet === */
@media only screen and (max-width: 768px) {	
.headersec { /*background-color:#CCC;*/ }
.headersec_inner { height:auto; max-height:130px; padding:20px; }
.langbar { display:none; }

.displaysec { display:none; } 

.menusec { background-color:#98CD67; border:0; }
.menusec_toggle { width:100%; margin:0 auto; padding:4px 20px; /*text-align:center;*/ cursor:pointer; background-color:#999; display:block; }
.menusec_inner { padding:0; display:none; transition:none; }
/*.menusec_inner ul { width:100%; margin:0; padding:0; list-style:none; }*/
.menusec_inner ul li { margin:0; padding:10px 0; border-right:0; border-bottom:1px solid #666; display:block; }
.menusec_inner ul li:hover { background-color:#693; }
.menusec_inner ul li:active { background-color:#693; }
.menusec_inner ul #last { border-bottom:0; }
.menusec_inner ul #lang { display:block; width:100%; height:30px; padding:5px 0 5px 0; background-color:#666; }
.menusec  a:link { color:#FFF; text-decoration: none; }
.menusec a:visited { color:#FFF; text-decoration: none; }
.menusec a:hover { color:#FFF; text-decoration: none; }
.menusec a:active { color:#FFF; text-decoration: none; }

.menusec_minilogo { height:39px; display: inline-block; float:left; display:inline-block; opacity:0; transition: 0.3s; }
.menusec_minilogo_on { opacity:1; }
.menusec_toggleicon { width:35px; display: inline-block; float:right; }
.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333;  margin: 6px 0; transition: 0.4s; }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px); }

.titlesec .titlesec_bar { width:40%; }
.titlesec .titlesec_icon { width:20%; }
/*.titlesec .titleline_greentea { display:none; }*/

.footersec #footerfull { display:none; }
.footersec #footermobile { display:block; margin:auto; text-align:center; }

/* ===Form === */
.button_normal { width:100%; }

/* === General === */
.tb { /*margin:20px 0 0 0;*/ }
.tbform { width:100%; }
.tbcol_left, .tbformcol_left { display:block; padding: 0 0 10px 0; border-right:0; text-align:left; }
.tbcol_right, .tbformcol_right { display:block; padding:0 0 20px 0; text-align:left; }
.tbcontent_left, .tbcontent2_left { display:block; width:100%; padding:10px 10px 10px 10px; }
.tbcontent_right, .tbcontent2_right { display:block; width:100%; padding:10px 10px 10px 10px; }
.tbpf { padding:20px 0 0 0; }
.tbpfcol_left { display:table-cell; width:40%; }
.tbpfcol_right { display:table-cell; width:60%; }
.tbhalfcol_left { width:100%; padding:0; }
.tbhalfcol_right { width:100%; padding:0; border:0; }
.tbhlcol_left { width:40%; padding:0; margin:0 auto; }
.tbhlcol_right { width:100%; margin:20px 0 0 0; padding:20px 0 0 0; border-top:2px dotted #FFF; }
.tbcuscol_left { width:40%; padding:0; margin:0 auto; }
.tbcuscol_right { width:100%; padding:20px 0 0 0; border:0; }
.tbtrigallery { padding:0; }
.tbtrigallerycol { width:100%; padding:20px 0 0 0; }
.tbinqbancol_left { width:100%; padding:20px 0; }
.tbinqbancol_right { width:100%; padding:20px 0; text-align:center; color:#FFF; }
.tbinqbancol_right a:link, a:visited, a:hover, a:active { text-decoration: none; }

.tbmenutab_box { max-width:100%; font-size:13px; }
.tbmenutab_body .tbmenutab_inner { width:100%; margin:0; }


.col_label { width:100%; }
.col_detail { width:100%; }
.col_icon { width:50%; margin:0 auto; }

.contentbox { padding:0; text-align:left; }

.childcontent { margin:0; padding:0 20px 20px 20px; border:1px solid #999; border-top:0; }
.childcontent_maincus { width:100%; }
.childcontent_service {  width:100%; padding:20px 0; border:0; }

.contactrow #break { display:block; }

#howtogo { border:0; }

/* === Slide Show === */
.slidecontainer .prev, .next { top: 35%; padding: 10px; margin-top: -15px; font-size:14px; } 

/* === Feature Column === */
.featurecol { width:100%; margin:20px 0; position:inherit; }

.featurecol_img { width:100%; }
.featurecol_img img { width:100%; height:180px; object-fit:cover; object-position:70% 0; }

/*.featurecol .trideco_ul_grey { width:100%; height:100%; right:0; bottom:0; background: linear-gradient(to left top, rgba(204,204,204,0.85) 50%, transparent 50.5%); } 
.featurecol .trideco_dr_green { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(153,204,51,0.85) 50%, transparent 50.5%); }
.featurecol .trideco_dr_brown { width:100%; height:100%; left:0; top:0; background: linear-gradient(to right bottom, rgba(204,153,0,0.85) 50%, transparent 50.5%); }*/

.featurecol_content { width:100%; /*height:100%;*/ position:inherit; /*left:0; top:0; z-index:5;*/ padding:20px 20px 20px 20px; overflow-x:inherit; overflow-y:inherit; direction:ltr; }
.featurecol_content .inner { direction:ltr; color:#FFF; }

	/*.featurecol_content::-webkit-scrollbar { width: 10px; }
	.featurecol_content::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
	.featurecol_content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }*/

.featurecol_deco_left { display:none; }
.featurecol_deco_mid { display:none; } 
.featurecol_deco_right { display:none; } 
.featurecol_end { display:none; }

.inqbannercol_div { display:none; }
.inqbannercol_content { width:100%; position:inherit; padding:20px; overflow-x:inherit; overflow-y:inherit; background-color:#F8981D; background-image:url(images/bg_deco02.png); }
.inqbannercol_deco_right { display:none; }
.inqbannercol_deco_line { border:0; height:auto; text-align:center; }
.inqbannercol_end { display:none; }

.slidecontainer { width:100%; }

}

/* === R-Mobile === */
@media only screen and (max-width: 568px) {
.headersec { /*background-color:#EEE;*/ }
/*.headersec_inner { height:auto; max-height:130px; }*/



}


/* ========== *** ========== */

.clr { clear:both; padding:0; margin:0; background:none;}

/* =============================================================== */


/* =============================================================== */
/* http://www.menucool.com */

#sliderFrame 
{
    position:relative;
    width:100%;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:100%; height:100%;/* Must be the same size as the slider images */
}

#slider {
	background:#fff url(images/slide_loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    /*box-shadow: 0px 1px 5px #999999;*/
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#slider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
    top:350px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(images/slide_bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(images/slide_loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}