/*======================================
 		TAME custom 20151012 Gabby
 ======================================*/

/*for safari
.col-50 { width:475px !important; }
.col-33 { width:308px !important; }
.col-25 { width:225px !important; }
.col-20 { width:175px !important; }

.col-67 { width:642px !important; }
.col-75 { width:725px !important; }
.col-80 { width:775px !important; }

.col-67 > div.col-33:nth-of-type(2n) { margin-right:0!important; }
.col-67 > div.col-33:nth-of-type(3n) { margin-right:15p!importantx; *margin-right:20px!important; }

.col-75 > div.col-25:nth-of-type(4n) { margin-right:15px!important; *margin-right:20px!important; }
.col-75 > div.col-25:nth-of-type(3n) { margin-right:0!important; }


.col-33 + .col-67, .col-67 + .col-33, .col-25 + .col-75, .col-75 + .col-25, .col-20 + .col-80, .col-80 + .col-20  { margin-right:0!important; }

div.col-50:nth-of-type(2n) { margin-right:0; }
div.col-33:nth-of-type(3n) { margin-right:0; }
div.col-25:nth-of-type(4n) { margin-right:0; }
div.col-20:nth-of-type(5n) { margin-right:0; }
*/

/* header */
.header .row.top { border-bottom: none !important;}

/* index */
.correspondentBox { margin: 30px 20px 10px 20px;}
.correspondentBox h2 { 
	background: #7D86AB;
    color: #fff;
    padding: 2px 0 2px 10px;
    border-radius: 15px 0 0 0;
}
ul.correspondent { margin: 0;}
ul.correspondent li {
	list-style: none;
	margin-bottom: 5px;
	padding-left: 10px;
}


.container .row .wrapper .col-33 .blockquote {
	padding: 20px;
}
.container .row .wrapper .col-100 .carousel .slider { padding: 0 10px;}
.container .row .wrapper .col-100 .singleSlide-fade li { cursor: pointer;}
#MainVision li .visualContent { display: none;}
.col-100.module-ImageFlexComponent { padding: 0 20px 20px 20px;}

.flex-direction-nav a {
	width: 30px !important; 
	height: 30px !important; 
	bottom: 20px; 
	top: inherit !important;
}
.flex-direction-nav .flex-prev { background-image:url(../images/arrow-left.png) !important; background-repeat:no-repeat; background-position:center; }
.flex-direction-nav .flex-next { background-image:url(../images/arrow-right.png) !important; background-repeat:no-repeat; background-position:center; }


h2 .withWhite:before {
	content: "";
	background-color: #fff;
	width: 100%;
    position: absolute;
    top: -8%;
    left: 0;
    height:20px;
    z-index: 3;
}

/* 內頁左側選單 */
.tame-left-menu {
	margin: 0;
	min-height: 400px;
	padding-left: 20px;
}


.tame-left-menu li { list-style: none; } 
.tame-left-menu li a { 
	font-size: 16px;
	font-size: 1.6rem;
	background-color:#3b4571;
	color:#cff3ff;
	display:block;
	margin:2px 0;
	padding:2px 10px;
	display: block;
	text-decoration: none;
	font-weight:normal;
	border-radius: 10px 0 0 0 ;
}
.tame-left-menu li a:hover {
	background:#c4d2ee;/*滑鼠滑入處變色*/
	color:#3b4571;
	margin-left: -6px;
}
.tame-left-menu li a.active {
	background:#c4d2ee;/*滑鼠滑入處變色*/
	color:#3b4571;
	margin-left: -6px;
}

/* 內頁 other */
.blockquote.style2 .content,
.itemBox.hover.textL.ulink-ImageText-block {
	padding:0 20px 30px 15px !important;
}
.col-100 .blockquote.style2 .content { padding:30px !important;}


/* footer */
.footer p {
	font-family: Consolas, 'Lucida Console', monospace; 
	font-size: 12px;
	font-size: 1.2rem; 
	line-height: normal; 
	white-space: pre-wrap;
	color: #cff3ff;
}

/* all web */
.rowH1 { display: none;}
.outerWidth {     
    padding: 0px !important;
    margin-top: 0px; 
}
.row.outerWidth { margin-top: 0px !important;}
.row.outerWidth > .wrapper { padding: 0px !important; }
.header { display:none; }
#design_MainContainer { margin-top: 39px; }

.borderTitle { border-bottom: 1px solid #3b4571; }

.img-in-text img { max-width:100px; }
.main-menu li a { color: #ffffff !important;}
.main-menu > li:after { background-color: #fefefe !important;}
.container .row .wrapper { 
	/*box-shadow: 0 6px 20px #000;*/
	background-color: #ffffff;
}
.footer-info { padding: 20px 0 !important; border-top: none !important;}
/*.container .row .wrapper .itemBox { padding-right: 20px;}*/
.row.top .wrapper,
.row.footer-info .wrapper { 
	box-shadow: none;
	background-color: inherit;
}
.footerbottomNav { display: none;}
.row.paddingV.bg-light-gray { display: none;}

#menu-toggle { color: #ffffff !important;}
#menu-toggle .icon-left,
#menu-toggle .icon-right,
#menu-toggle .icon-left:after,
#menu-toggle .icon-right:after,
#menu-toggle .icon-left:before,
#menu-toggle .icon-right:before { background-color: #ffffff !important;}

#menu-toggle.open .icon-left:after,
#menu-toggle.open .icon-right:after,
#menu-toggle.open .icon-left:before,
#menu-toggle.open .icon-right:before { background-color: #000000 !important; }


/*=====================responsive=====================*/
@media screen and (max-width : 1024px) {
	/* column width for px */
	[class^="col-"] { margin:0 0 0 0!important; }
	.col-50 { width:48.5% !important; margin:0 2% 2% 0!important; }
	.col-33 { width:30% !important; margin:0 2% 2% 0!important; }
	.col-25 { width:23% !important; margin:0 2% 2% 0!important; }
	.col-20 { width:18% !important; margin:0 2% 2% 0!important;}
	.col-67 { width:65.5% !important; margin:0 2% 2% 0!important; }
	.col-75 { width:74% !important; margin:0 2% 2% 0!important; }
	.col-80 { width:79% !important; margin:0 2% 2% 0!important; }
}
@media screen and (max-width : 979px) {
	.container .row .wrapper { box-shadow: none;}

	/* column width for px */
	[class^="col-"] { margin:0 0 0 0!important; }
	.col-50 { margin: 0 !important; width: 50% !important;}/*margin:0 1% 2% 0!important;*/ 
	.col-33 { margin:0 2% 2% 0!important; }
	.col-25 { width:48.5% !important; margin:0 1% 2% 0!important; }
	.col-20 { width:100%!important; }
	.col-67 { margin:0 2% 2% 0!important; }
	.col-75 { width:48.5% !important; margin:0 1% 2% 0!important; }
	.col-80 { width:100%!important; }

	div.col-50:nth-of-type(2n) { margin-right:0!important; }
	
	div.col-25:nth-of-type(2n) { margin-right:0!important; }
	
	/* column width for percent*/
	[class^="col-full-"] { margin:0!important; }
	.col-full-25 { width:50%!important; }
	.col-full-80 { width:100%!important; }
	.col-full-20 { width:100%!important; }
	.col-full-75 { width:50%!important; }	

	.col-100 { margin-bottom: 0 !important;}

}

@media screen and (max-width : 800px) {
	.menu { bottom:40px !important;}
}

@media screen and (max-width : 640px) {
	/* 內頁左側選單 */
	.tame-left-menu { min-height: inherit;}

	/* all web */
	.row.padding-un > div.col-25:nth-last-child(-n+4), .row.padding-un > .wrapper > div.col-25:nth-last-child(-n+4) {
		margin-bottom: 6%;
	}
	.footer-info { margin-top: 0;}
	h2 .withWhite:before { display: none; }

	.row.padding-un > div.col-33:nth-last-child(-n+3), .row.padding-un > .wrapper > div.col-33:nth-last-child(-n+3) {
		margin-bottom: 0 !important;
	}
	.index-h2-mb { padding-top: 20px;}	

	.blockquote.style2 .content,
	.itemBox.hover.textL.ulink-ImageText-block{ 
	padding: 0 30px 40px 30px !important;
	}  
	.main-menu li a { color: #000000 !important;}
	.main-menu > li:hover { background-color: #dedede;}

	/* column width for px */
	[class^="col-"] { margin:0 0 0 0!important; }
	.col-33 { width:100%!important; }
	.col-50 { width:100%!important; }
	.col-25 { width:100%!important; }
	.col-67 { width:100%!important; }
	.col-75 { width:100%!important; }
	
	/* column width for percent*/
	[class^="col-full-"] { margin:0; }
	.col-full-50 { width:100%!important;margin-bottom: 0 !important; }
	.col-full-33 { width:100%!important; }
	.col-full-25 { width:100%!important; }
	.col-full-80 { width:100%!important; }
	.col-full-60 { width:100%!important; }
	.col-full-40 { width:100%!important; }
	.col-full-20 { width:100%!important; }
	.col-full-75 { width:100%!important; }
	.col-full-67 { width:100%!important; }

	.tame-left-menu { margin-bottom: 40px;}
}

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

}