/* 
 ==========================================================================
   Helper Classes
 ========================================================================== 
*/

p,ul, h1, h2, h3, h4, h5, h6{margin:0; padding:0; list-style:none;}

.google li{display:inline-block;}
.google li a{display:block;}

.f-left{float:left;}
.f-right{float:right;}

.clearfix:before, .clearfix:after {content:""; display: table; }
.clearfix:after { clear: both;}
.clearfix {clear: both; overflow: hidden;}

.comingsoon{color:red; font-style:italic; font-weight:bold;}

nav ul li {position: relative;}
nav ul ul {display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index: 999;width:100%;}
nav ul ul ul {left: 100%; top: 0;}
nav ul ul li:after{content:"";}
nav ul ul li{display: block;margin:0; }
nav ul ul li a{width: 150px; height: auto; background: #feaa2c; margin: auto; display: block; padding: 8px;font-size: 13px; border-bottom: 1px solid #fecc2c; text-align:left; line-height: 100%;color: #612f00;}
nav ul ul li a:hover, nav ul ul li.current_page_item > a{background: #813f00!important;color: #fff;}
nav ul li:hover > ul {display: block; visibility: visible;}

.left-thumb{float: left; margin-right: 15px;}
.right-thumb{float: right; margin-left: 15px;}
.center-thumb{display: block; margin:0 auto; text-align: center;}

.f_left_img{float:left;}
.f_right_img{float:right;}
.f_center_img{margin:0 auto;display:block;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.col3{column-count:3;-webkit-column-count:3;-moz-column-count:3;}
.col2{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
.col1{column-count:1;-webkit-column-count:1;-moz-column-count:1;}


/*
* Dang IE 8
*/
.lt-ie9 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd;padding:10% 0 0;}
.lt-ie8 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd;padding:10% 0 0;}
 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd;padding:10% 0 0;}
.message{ text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}
.inner-message{	position: relative;left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{ position: relative;}
.inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}
.terms{ color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{ display: none; }
.lt-ie9 .protect-me{ display: none; }
.lt-ie9 .container404{ display: none; }

/**Resources**/
.page-content .resources {font-size:14px; margin-top:10px;}
.page-content .resources a { text-decoration:none; display:block;font-weight:bold;}
.page-content .resources a:hover {color:#ff0000; text-decoration:none; padding-left:1px;}
.page-content .resources ul, .page-content .resources li {list-style-type:none; margin:0; padding:0;}
.page-content .resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;line-height:20px;}
.page-content .resources ul li:before{content:"";}
.page-content .resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}



/* For Toggle */
.toggle {cursor:pointer; font-weight:bold; padding:5px 0; width:100%; background: linear-gradient(#EBE9F0,#E3DFEB);display: block;padding: 5px 10px;border-radius: 4px;}
.contents div{border: 1px solid rgb(232, 229, 239);border-radius: 7px;margin-bottom: 5px;}
.contents p{margin: 10px 0!important;padding: 0 30px;}
.closedlanguage { border-bottom:1px solid #333;}
.thelanguage {padding:0 10px;width:100%;}